Paper Title (use style: paper title) - Seminar

Konferensi Nasional Ilmu Sosial & Teknologi (KNiST)
Maret 2013, pp. 150~156
150
PERANCANGAN SITEM INFORMASI PENDAFTARAN
SISWA BARU BERBASIS WEB PADA SMP NEGERI 3
GUNUNG PUTRI BOGOR
Dony Oscar1, Novita Indriyani2
AMIK BSI Jakarta
e-mail: [email protected]
AMIK BSI Jakarta
e-mail: [email protected]
Abstrak
Kemajuan teknologi komputer saat ini internet menjadi satu bagian kemajuan teknologi
komputer.Media internet adalah media yang paling murah, bahkan yang paling efektif dalam
mempromosikan sekolah serta mempermudah calon siswa untuk mendaftar.Internet
mempunyai daya jangkauan yang luas, berpeluang melihat lebih dari satu milyar pemakai
internet. Pada saat ini khususnya instansi sekolah, Sekolah Menengah Pertama Negeri atau
Swasta sedang giat-giatnya mempromosikan sekolah dengan media website.Pendaftaran
melalui media website dapat mempermudah calon siswa untuk mendaftar. Oleh karena itu
promosi dilakukan bukan hanya penyebaran brosur dan mengisi formulir pendaftaran dengan
datang langsung ke sekolah.Tetapi dapat melalu media internet khususnya website. Dalam
penelitian ini penulis hanya membatasi pembahasan perancangan website meliputi index atau
tampilan utama website, profil sekolah berisi dari sejarah, visi-misi, struktur organisasi,
informasi tentang guru dan siswa serta buku tamu dan pendaftaran siswa. Metode
pengembangan perangkat lunak merupakan suatu strategi pengembangan yang memadukan
proses, metode, dan perangkat (tools). Metode yang digunakan pada pengembangan
perangkat lunak ini menggunakan model water fall
Keywords: Website,Sistem Informasi,Waterfall
1. Pendahuluan
Kemajuan teknologi komputer saat ini internet
menjadi satu bagian kemajuan teknologi
komputer.Media internet adalah media yang
paling murah, bahkan yang paling efektif
dalam
mempromosikan
sekolah
serta
mempermudah
calon
siswa
untuk
mendaftar.Internet
mempunyai
daya
jangkauan yang luas, berpeluang melihat
lebih dari satu milyar pemakai internet. Pada
saat ini khususnya instansi sekolah, Sekolah
Menengah Pertama Negeri atau Swasta
sedang giat-giatnya mempromosikan sekolah
dengan media website.Pendaftaran melalui
media website dapat mempermudah calon
siswa untuk mendaftar. Oleh karena itu
promosi dilakukan bukan hanya penyebaran
brosur dan mengisi formulir pendaftaran
dengan datang langsung ke sekolah.Tetapi
dapat melalu media internet khususnya
website. Dalam penelitian ini penulis hanya
membatasi
pembahasan
perancangan
website meliputi index atau tampilan utama
website, profil sekolah berisi dari sejarah, visi-
misi, struktur organisasi, informasi tentang
guru dan siswa serta buku tamu dan
pendaftaran siswa.
Menurut Rusmanto (2008:1) mengemukakan
bahwa “Internet yang dalam bahasa aslinya
merupakan singkatan dari International
Networking (jaringan internasional) yang
dapat saling berkomunikasi dan bertukar
informasi dalam lingkup yang sangat luas
yaitu dunia internasional”. Penggunaan
internet
memungkinkan
kita
untuk
mendapatkan informasi bahwa pemilik
komputer yang ada didalam kelompok
tersebut dengan asumsi bahwa pemilik
komputer memberikan izin hak akses.
Untuk mendapatkan sebuah informasi,
sekumpulan protokol harus digunakan, yaitu
sekumpulan aturan yang menetapkan
bagaimana suatu informasi dapat dikirim atau
diterima.Manfaat internet sangat banyak dan
luas. Dapat mencari berbagai informasi yang
diperlukan, bisa saling bertukar informasi
yang diperlukan, dan bertukar informasi
dengan orang lain diseluruh dunia.
Diterima 16 Januari 2013; Revisi 5 Februari 2013; Disetujui 15 Maret 2013
ISBN: 978-602-61242-1-0
Dengan internet, dapat mengirim email (surat
elektronik) secara luas dan cepat, serta
chatting atau mengobrol melalui internet
dengan teman dimanapun berada. Pendek
kata, semua keperluan komunikasi dan
pertukaran informasi jauh lebih mudah dan
murah dengan adanya internet.Dan yang
terpenting internet memungkinkan setiap
orang untuk berbisnis lebih mudah.
Jenis layanan di internet yang bisa di nikmati
sangat banyak.Beberapa di antaranya yang
cukup populer adalah browsing, email,
chatting, blogging, game, online, social
networking dan masih banyak lagi. Dan
berikut adalah istilah-istilah yang sering
digunakan dalam dunia internet:
World Wide Web (WWW)
WWW atau Worl Wide Web lebih dikenal
dengan website yang awalnya merupakan
suatu layanan penyajian informasi di internet
dengan menggunakan HTML.Web identik
dengan internet, karena kepopulerannya saat
ini, web sudah menjadi interface aplikasi
untuk melakukan transaksi dan sajian
informasi yang lengkap dari seluruh dunia.
Web Server
Web Server adalah komputer yang digunakan
untuk
menyimpan
dokumen-dokumen
website, komputer ini akan melayani
permintaan dokumen website dari kliennya.
Web Browser
Web Browserseperti Explorer atau Google
berkomunikasi melalui jaringan (termasuk
jaringan internet) dengan server web,
menggunakan
HTTP.Browserakan
mengirimkan request kepada server untuk
meminta dokumen tertentu atau layanan lain
yang disediakan oleh server. Server akan
memberikan dokumen atau layanannya jika
tersedia juga dengan menggunakan protocol
HTTP.
Web Editor
Web Editor adalah program yang berfungsi
untuk merancang tampilan atau layoutdari
situs yang akan kita buat. Web Editorakan
mempermudah dalam proses pembuatan
situs. Karena tidak perlu lagi menuliskan
HTML secara manual, semuanya sudah
disediakan oleh web editor, cukup mengklik
dan mengatur konfigurasi yang akan
digunakan. Contoh dari web editor adalah
Macromedia Dreamweaver CS3.
URL (Universal Resource Locator)
URL adalah konsep namafile standar yang
diperluas dengan jaringannya. Nama file ini
tidak hanya menunjukkan direktori dan
namafilenya, tetapi nama mesin dalam
jaringan.
HTTP (Hypertext Transfer Protocol)
Server HTTP umumnya digunakan untuk
melayani dokumen hypertext, karena HTTP
adalah protocol dengan overhead yang
sangat rendah, sehingga pada kenyataan
navigasi informasi dapat ditambahkan
langsung dalam dokument, dan dengan
demikian
protokolnya
sendiri
tidak
mendukung navigasi secara penuh seperti
halnya protokol FTP lakukan.
HTML (Hypertext Markup Languange)
Dokumen HTML adalah file text murni yang
dapat dibuat dengan editor teks sembarang.
Dokumen
ini
dikenal
sebagai
web
page.Dokumen HTML merupakan dokumen
yang disajikan dalam browser web surfer.
Dokumen ini umumnya berisi informasi atau
interface aplikasi di dalam internet.
2. Metode Penelitian
Metode penelitian merupakan langkah
penting dalam penelitian ini, khususnya bagi
perancangan sistem. Dalam kegiatan riset
penulis mengumpulkan data melalui cara,
yaitu:
A. Metode Pengembangan Perangkat
Lunak
Metode pengembangan perangkat lunak
merupakan suatu strategi pengembangan
yang memadukan proses, metode, dan
perangkat (tools). Metode yang digunakan
pada pengembangan perangkat lunak ini
menggunakan model water fall yang terbagi
menjadi tiga tahapan, yaitu:
Analisis Kebutuhan
Pada bagian ini merupakan tahapan analisa
terhadap kebutuhan sistem yang digunakan
untuk merancang sistem berdasarkan
pengumpulan data kebutuhan pengguna,
dengan menentukan konsep dan antar muka
yang dapat di implementasikan sesuai
dengan kebutuhan.
Perancangan Sistem danPerangkat Lunak
Proses perancangan sistem dilakukan
setelah
semua
data
terkumpul
dan
merancang pemodelan sistem yang akan
dibuat secara keseluruhan, lalu merancang
skema basis data sampai perancangan antar
muka aplikasi sistem penerimaan siswa baru,
kemudian membagi spesifikasi sistem yang
akan dibuat dalam bentuk perangkat lunak.
Implementasi dan Pengujian Unit
Tahap ini dilakukan pengujian program yang
sudah dibuat. Pengujian dilakukan dengan
pengujian black-box, yaitu untuk menentukan
KNiST, 30 Maret 2013
151
ISBN: 978-602-61242-1-0
kesalahan serta memastikan output yang
dihasilkan sesuai dengan yang diinginkan
pada tahap perancangan piranti lunak.
B. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan
oleh penulis dalam melakukan pengumpulan
data untuk penelitian ini adalah:
Pengamatan Langsung (Observation)
Penulisan secara langsung melakukan
pengamatan di sekolah SMP Negeri 3
Gunung Putri Bogor dalam mengelola sistem
informasi penerimaan siswa baru. Hasil
pengamatan langsung di catat dan diketahui
kekurangan dalam proses tersebut.
Wawancara (Interview)
Untuk dapat memperoleh informasi yang
lengkap maka penulis melakukan metode
wawancara atau metode Tanya jawab
mengenai sistem penerimaan siswa baru
SMP Negeri 3 Gunung Putri Bogor.
Studi Pustaka (Literature)
Selain metode diatas penulis juga melakukan
studi kepustakaan melalui literature atau
referensi yang ada.
3. Pembahasan
Spesifikasi Rancangan Web
Spesifikasi rancangan web yang penulis
gunakan meliputi spesifikasi bentuk masukan,
spesifikasi bentuk keluaran, dan spesifikasi
file
yang
membantu
penulis
dalam
pembuatan tugas akhir ini.
Rancangan Bentuk Masukan
Pada saat admin mengelola situs ini, yaitu
mengolah data, mengedit atau menghapus
sebuah data dibutuhkan sebuah dokumen
masukan dan setiap kali pengunjung
melakukan interaksi dengan web. Berikut ini
dokumen rancangan bentuk masukan yang
ada di dalam web SMP Negeri 3 Gunung
Putri :
a. Formulir Pendaftaran
Nama Masukan
:
Formulir
pendaftaran
Fungsi
: Memberikan data
pribadi untuk pendaftaran
Sumber
: Pengunjung
Tujuan
: Admin (dalam web
ini pihak sekolah)
Media
: Monitor
Jumlah
:Frekuensi
: Setiap Pengunjung
mengisi formulir pendaftaran
Bentuk
: Lampiran A.1
Gambar 1 Rancangan Halaman Formulir
Pendaftaran
Keterangan gambar di atas :
Link 1 : Untuk mengakses formulir daftar
online
Link 2 : Untuk halaman home
Link 3 : Untuk halaman profil
Link 4 : Untuk halaman sejarah
Link 5 : Untuk halaman visi-misi
Link 6 : Untuk halaman struktur organisasi
Link7 : Untuk halaman Guru
Link8 : Untuk halaman Siswa
Link9 : Untuk halaman ekstrakurikuler
Link10 : Untuk halaman Prestasi
Link11 : Untuk halaman Galeri
Link12 : Untuk halaman Testimonial
Link13 : Untuk halaman Pendaftaran
Link14 :
Untuk
halaman
Formulir
pendaftaran online
Rancangan Bentuk Keluaran
Bentuk keluaran disini dapat berupa hasil
yang ditampilkan di monitor atau berupa hasil
yang berbentuk output dengan media kertas
dan printer. Berikut ini penjelasan bentuk
tampilan keluaran keluaran dari web ini :
a. Bukti Pendaftaran
Nama Keluaran : Bukti Pendaftaran
Fungsi
: Sebagai Bukti pendaftaran
Sumber
: Admin (dalam web ini pihak
sekolah)
Tujuan
: Pengunjung
Media
: Monitor
Jumlah
:Frekuensi
:
Setiap
Pengunjung
mendaftar
Bentuk
: Lampiran B.1
KNiST, 30 Maret 2013
152
ISBN: 978-602-61242-1-0
Keterangan gambar di atas :
Link 1 : Untuk mengakses formulir daftar
online
Link 2 : Untuk halaman home
Link 3 : Untuk halaman profil
Link 4 : Untuk halaman sejarah
Link 5 : Untuk halaman visi-misi
Link 6 : Untuk halaman struktur organisasi
Link7 : Untuk halaman Guru
Link8 : Untuk halaman Siswa
Link9 : Untuk halaman Ekstrakurikuler
Link10 : Untuk halaman Prestasi
Link11 : Untuk halaman Galeri
Link12 : Untuk halaman Testimonial
Link13 : Untuk halaman Pendaftaran
Link14 :
Untuk
halaman
Formulir
Pendaftaran online
Gambar 2. Rancangan Halaman Bukti
Pendaftaran
Rancangan Halaman User
Dalam pembuatan rancangan user terdapat
spesifikasi rancangan yang dapat membantu
dalam pembuatan website, agar penampilan
website lebih menarik dan dinamis.
Spesifikasi Menu Home (Index)
Nama Program
: Home
Akronim
: Index.php
Bahasa pemograman : PHP
Bentuk
:
Lampiran
C.1
Fungsi program
:
Untuk
menampilkan Isi home atau index
Proses
:
Buka
Browser
web,
lalu
ketik
alamat
http://localhost/tk.com/
Spesifikasi Menu Profil
Nama Program
: Profil
Akronim
: Profil.php
Bahasa pemograman : PHP
Bentuk
: Lampiran C.2
Fungsi program
: Untuk menampilkan
isi profil sekolah
Proses
:
Untuk
menampilkan ini klik menu profil, di halaman
ini terdapat 3 sub menu, yaitu sejarah,visimisi,dan struktur organisasi.
Gambar 4 Rancangan Halaman Profil
Gambar 3 Rancangan Halaman Home
(Index)
Keterangan gambar di atas :
Link 1 : Untuk mengakses
online
formulir daftar
KNiST, 30 Maret 2013
153
ISBN: 978-602-61242-1-0
Link 2 : Untuk halaman home
Link 3 : Untuk halaman profil
Link 4 : Untuk halaman sejarah
Link 5 : Untuk halaman visi-misi
Link 6 : Untuk halaman struktur Organisasi
Link7 : Untuk halaman Guru
Link8 : Untuk halaman Siswa
Link9 : Untuk halaman Ekstrakurikuler
Link10 : Untuk halaman Prestasi
Link11 : Untuk halaman Galeri
Link12 : Untuk halaman Testimonial
Link13 : Untuk halaman Pendaftaran
Link14 :
Untuk
halaman
Formulir
Pendaftaran online
3. Spesifikasi Menu Guru
Nama Program
: Guru
Akronim
:Dataguru.php
Bahasa pemograman : PHP
Bentuk
: Lampiran C.6
Fungsi program
: Untuk menampilkan
isi Data Guru sekolah
Proses
: Untuk menampilkan
halaman ini klik menu Guru
Link 4 : Untuk halaman sejarah
Link 5 : Untuk halaman visi-misi
Link 6 : Untuk halaman struktur organisasi
Link7 : Untuk halaman Guru
Link8 : Untuk halaman Siswa
Link9 : Untuk halaman Ekstrakurikuler
Link10 : Untuk halaman Prestasi
Link11 : Untuk halaman Galeri
Link12 : Untuk halaman Testimonial
Link13 : Untuk halaman Pendaftaran
Link14 :
Untuk
halaman
Formulir
Pendaftaran online
7. Spesifikasi Menu Siswa
Nama Program
: Siswa
Akronim
: siswa.php
Bahasa pemograman : PHP
Bentuk
: Lampiran C.7
Fungsi program
: Untuk menampilkan
isi data siswa
Proses
: Untuk menampilkan
halaman ini klik menu siswa
Gambar 6 Rancangan Halaman Siswa
Gambar 5 Rancangan Halaman Guru
Keterangan gambar di atas :
Link 1 : Untuk mengakses formulir
online
Link 2 : Untuk halaman home
Link 3 : Untuk halaman profil
daftar
Keterangan gambar di atas :
Link 1 : Untuk mengakses formulir daftar
online
Link 2 : Untuk halaman home
Link 3 : Untuk halaman profil
Link 4 : Untuk halaman sejarah
Link 5 : Untuk halaman visi-misi
Link 6 :Untuk halaman struktur organisasi
Link7 : Untuk halaman Guru
Link8 : Untuk halaman Siswa
Link9 : Untuk halaman Ekstrakurikuler
Link10 : Untuk halaman Prestasi
Link11 : Untuk halaman Galeri
Link12 : Untuk halaman Testimonial
Link13 : Untuk halaman Pendaftaran
Link14 :
Untuk
halaman
Formulir
Pendaftaran online
KNiST, 30 Maret 2013
154
ISBN: 978-602-61242-1-0
12. Spesifikasi Menu Pendaftaran
Nama Program
: Pendaftaran
Akronim
: pendaftaran.php
Bahasa pemograman : PHP
Bentuk
: Lampiran C.12
Fungsi program
:
Untuk
menginformasikan syarat-syarat Pendaftaran
calon siswa baru.
Proses
: Untuk menampilkan
halaman ini klik menu Pendaftaran.
Gambar 7 Rancangan Halaman
Pendaftaran
Keterangan gambar di atas :
Link 1 : Untuk mengakses formulir daftar
online
Link 2 : Untuk halaman home
Link 3 : Untuk halaman profil
Link 4 : Untuk halaman sejarah
Link 5 : Untuk halaman visi-misi
Link 6 : Untuk halaman struktur organisasi
Link7 : Untuk halaman Guru
Link8 : Untuk halaman Siswa
Link9 : Untuk halaman Ekstrakurikuler
Link10 : Untuk halaman Prestasi
Link11 : Untuk halaman Galeri
Link12 : Untuk halaman Testimonial
Link13 : Untuk halaman Pendaftaran
Link14 :
Untuk
halaman
Formulir
Pendaftaran online
Rancangan Halaman Admin
Dalam pembuatan website rancangan
halaman admin juga sangat membantu dalam
kinerja web karena dengan adanya halaman
admin dapat memudahkan Administator
mengolah data dengan lebih baik .
Administator dapat mengedit, menghapus,
atau mengupdate data-data yang di perlukan
oleh website
1. Spesifikasi Menu Home
Nama Program
: Media
Akronim
: media.php
Bahasa pemograman : PHP
Bentuk
: Lampiran C.14
Fungsi program
: Untuk masuk ke
halaman Home
Proses
: 1. Masuk ke
browser
web
lalu
ketikkan
http://localhost/tk.com/admin/ lalu masukkan
Username dan Password. 2. Halaman Home
(Media) memiliki beberapa menu yaitu
:Home, Prestasi, Data Siswa, Data Guru,
Testimonial, Galeri Foto, Data Berita, Logout.
Struktur Navigasi Halaman Admin
Struktur Navigasi website digunakan untuk
menggambarkan secara garis besar isi dari
situs web dan menggambarkan bagaimana
hubungan antara isi-isi tersebut. Struktur
Navigasi Penerimaan Siswa Baru Sekolah
Menengah Pertama (SMP) Negeri 3 Gunung
Putri ini adalah struktur navigasi campuran
(composite). Melalui struktur navigasi website
ini, terlihat bagaimana isi dan susunan dari
sebuah
website
secara
menyeluruh.
Pembuatan struktur navigasi web akan
sangat
membantu
dalam
pembuatan
rancangan seluruh halaman web.
Struktur Navigasi Halaman Pengunjung
(User)
Gambar 8 Struktur Navigasi Campuran
Pendaftaran Siswa Baru Sekolah
Menengah Pertama Negeri 3 Gunung Putri
Struktur Navigasi Halaman Admin
Gambar 9 Struktur Navigasi Campuran
Pendaftaran
Siswa
Baru
Sekolah
Menengah Pertama Negeri 3 Gunung Putri
(Admin)
KNiST, 30 Maret 2013
155
ISBN: 978-602-61242-1-0
4. Simpulan
Setelah melalukan penelitian seperti yang
telah dijabar kan pada bagian – bagian
sebelumnya maka penulis dapat mengambil
kesimpulan sebagai berikut :
1.
Pada saat ini media internet
merupakan alah satu media yang paling
efektif untuk melakukan promosi sekolah
serta pendaftaran siswa baru dibandingkan
melalui penyebaran brosur.
2.
Penyampaian
informasi
melalui
website mampu menyediakan informasi
dalam bentuk teks dan gambar yang
membuat website lebih menarik dan dinamis.
3.
Pembuatan website dengan software
Macromedia Dreamweaver CS3 dapat
membantu
mempermudah
pembuatan
website karena tidak perlu mengetik script
dan ditambah dengan penyimpanan database
dengan menggunakan MySQLyang dikontrol
oleh PHPMyAdmin.
4.
Dengan adanya pembuatan website
SMP Negeri 3 Gunung Putri masyarakat lebih
mudah untuk mengetahui atau mengakses
informasi melalui website SMP Negeri
Gunung Putri. Serta adanya media buku tamu
atau halaman komentar pada website untuk
pengunjung
yang
ingin
memberikan
komentar, kritik, dan saran untuk kemajuan
SMP Negeri 3 Gunung Putri.
5.
Dengan
adanya
website
ini
mempermudah calon siswa baru untuk
mendaftar secara online di SMP Negeri 3
Gunung Putri
6.
Dengan adanya Tugas Akhir ini
penulis dapat mengukur kemampuan penulis
dalam mengaplikasikan materi yang didapat
di waktu perkuliahan. Sehingga penulis dapat
memperdalam ilmu yangtelah didapat.
Pohan, Husni Iskandar dan Betha Sidik.
Pemograman Web dengan HTML
Bandung : Informatika.2007
Ramadhan,
Arief.
Pemograman
Web
Database
dengan
PHP
dan
MySQL.Jakarta : PT. Elex Media
Komputindo. 2006.
Rusmanto. Cara Mudah Mendesain Web
dengan NVU. Jakarta. Dian Rakyat.
2008.
Referensi
Ep, Fajar Junaedi. Panduan Lengkap
Pemograman PHP untuk Membuat
Web
Dinamis.e-Media
Solusindo.2005
Hadi, Mulya. 7 Jam Belajar Interaktif
Dreamwaver CS3 Untuk Orang
Awam.Palembang : Maxicom. 2008
Henky, Prihatna. Kiat Praktis Menjadi Web
Master Profesional. Jakarta : PT.
Elex Media Komputindo. 2005
Kun, Toni. Membuat Website Canggih
dengan jQuery untuk Pemula.Jakarta
: Mediakita. 2010
Kurniawan, Rulianto. Membangun Situs
dengan PHP Untuk Orang Awam.
Palembang : Maxicom. 2008
KNiST, 30 Maret 2013
156