PERANCANGAN SITEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS WEB PADA SMP NEGERI 3 GUNUNG PUTRI BOGOR

Transkripsi

1 Konferensi Nasional Ilmu Sosial & Teknologi (KNiST) Maret 2013, pp. 150~156 PERANCANGAN SITEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS WEB PADA SMP NEGERI 3 GUNUNG PUTRI BOGOR Dony Oscar 1, Novita Indriyani 2 AMIK BSI Jakarta dony.dor@bsi.ac.id AMIK BSI Jakarta Novita.nvd@bsi.ac.id 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 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, visimisi, 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

2 Dengan internet, dapat mengirim (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, , chatting, blogging, game,, 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 151

3 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 Link9 : Untuk halaman ekstrakurikuler pendaftaran 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 152

4 Pendaftaran 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 : Index.php Bentuk : Lampiran C.1 Fungsi program : Untuk menampilkan Isi home atau index Proses : Buka Browser web, lalu ketik alamat Spesifikasi Menu Profil Nama Program : Profil : Profil.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) Link 1 : Untuk mengakses formulir daftar 153

5 Link 6 : Untuk halaman struktur Organisasi Pendaftaran 3. Spesifikasi Menu Guru Nama Program : Guru :Dataguru.php Bentuk : Lampiran C.6 Fungsi program : Untuk menampilkan isi Data Guru sekolah Proses : Untuk menampilkan halaman ini klik menu Guru Pendaftaran 7. Spesifikasi Menu Siswa Nama Program : Siswa : siswa.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 Link 1 : Untuk mengakses formulir daftar Link 6 :Untuk halaman struktur organisasi Pendaftaran 154

6 12. Spesifikasi Menu Pendaftaran Nama Program : Pendaftaran : pendaftaran.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 Pendaftaran 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 : media.php Bentuk : Lampiran C.14 Fungsi program : Untuk masuk ke halaman Home Proses : 1. Masuk ke browser web lalu ketikkan 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) 155

7 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 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 Rusmanto. Cara Mudah Mendesain Web dengan NVU. Jakarta. Dian Rakyat 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 Henky, Prihatna. Kiat Praktis Menjadi Web Master Profesional. Jakarta : PT. Elex Media Komputindo Kun, Toni. Membuat Website Canggih dengan jquery untuk Pemula.Jakarta : Mediakita Kurniawan, Rulianto. Membangun Situs dengan PHP Untuk Orang Awam. Palembang : Maxicom