RANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI SEKOLAH DAN PENDAFTARAN SISWA BARU BERBASIS WEB (SMK Informatika dan Telekomunikasi Kota Bogor) Tegar Pribadi, Prihastuti Harsani, M.Si, dan Iyan Mulyana M.Kom. Program Studi Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Pakuan, Bogor ABSTRAK Website adalah salah satu bentuk media masa yang publikasinya melalui jaringan internet. Website dapat diakses 24 jam dan dari belahan bumi manapun. Aplikasi berbasis web merupakan salah satu alternatif atau pilihan utama bagi user yang tidak mau bersusah payah dalam mencari data dan juga cepat dalam mencari informasi tentang sekolah. Pembuatan sebuah aplikasi berbasis web merupakan salah satu strategi terbaik untuk mempromosikan sebuah sekolah kepada masyarakat umum. Pembuatan aplikasi berbasis web berbeda dengan pembuatan aplikasi berbasis windows (visual programming), misalnya Visual Basic. Dalam Visual Programming, kita meningkatkan kecepatan dan kinerja aplikasi dengan mengoptimasi penggunaan memori, manajemen proses dan pengaturan input-output. Pada pemrograman berbasis web, faktor yang menentukan kinerja aplikasi adalah kecepatan akses database dan kecepatan akses jaringan dan internet. Aplikasi berbasis web tidak dapat dijalankan langsung di komputer. Untuk menjalankannya, dibutuhkan engine tertentu, yaitu web server (Husni, 2005). Metode penelitian yang digunakan pada perancangan dan implementasi sistem informasi sekolah berbasis web adalah pola sisklus hidup pengembangan sistem / System Development Life Cycle (SDLC). Kata kunci : website, aplikasi berbasis web, aplikasis berbasis windows, visual basic, web server, pengembangan system / System Development Life Cycle (SDLC) ABSTRACT Website is one of the forms of mass media publication through the internet. The website can be accessed 24 hours and from any hemisphere. Web-based application is one alternative or the top choice for users who did not bother to look for the data and also fast in search of information about school. Making a web based application is one of the best strategies to promote a school to the public. Making a web-based application is different from the manufactured of windows (visual programming), based application is visual basic. In the visual programming we increase the speed and performance of applications with user optimize memory, process management and input-output settings. In web-based programming, the factors that determine the performance of the application is a database access speed and network and internet access speed. Web-based application can not be run directly in computer. Required to run a particular engine is a web server. The method used in
the design and implementation of web-based information systems school is System Development Life Cycle (SDLC). Keywords : website, web-based application, windows-based application, visual basic, web server, System Development Life Cycle (SDLC) PENDAHULUAN Pemanfaatan internet sudah memasyarakat di setiap bidang kehidupan manusia, termasuk di institusi pendidikan. Dengan demikian, website sangat diperlukan oleh sekolah sebagai salah satu pelayanan informasi, baik untuk guru, siswa, maupun masyarakat umum lain. Website adalah salah satu bentuk media masa yang publikasinya melalui jaringan internet. Website dapat diakses 24 jam dan dari belahan bumi manapun. Kelebihan lain dari publikasi melalui website adalah kemampuan interaktif dan penyebaran informasi yang sangat cepat. Sehingga, website dapat menjadi gerbang institusi pendidikan untuk go public. SMK Informatika dan Telekomunikasi Kota Bogor sebagai salah satu institusi pendidikan yang sudah berkembang ingin memanfaatkan perkembangan teknologi pada saat ini untuk mengakomodasi kebutuhan akan informasi bagi siswa maupun guru, yaitu dengan menyediakan informasi berbentuk website secara online melalui internet yang dapat diakses tanpa terbatas ruang dan waktu. Sistem Informasi adalah terdiri dari komponen-komponen yang disebutnya sebagai blok bangunan, blok bangunan tersebut terdiri dari blok masukan (input block), blok model (model block), blok keluaran (output block), blok teknologi (technologi block), blok basisdata (database block), dan blok kendali (control block) (Sutabri, 2004). Basis Data merupakan komponen utama sistem informasi karena semua informasi untuk pengambilan keputusan berasal dari data di basisdata. Pengelolaan basisdata yang buruk dapat mengakibatkan ketidaktersediaan data penting yang digunakan untuk menghasilkan informasi yang diperlukan dalam pengambilan keputusan (Hariyanto, 2004). Pembuatan aplikasi berbasis web berbeda dengan pembuatan aplikasi berbasis windows (visual programming), misalnya Visual Basic. Dalam Visual Programming, kita meningkatkan kecepatan dan kinerja aplikasi dengan mengoptimasi penggunaan memori, manajemen proses dan pengaturan input-output. Pada pemrograman berbasis web, faktor yang menentukan kinerja aplikasi adalah kecepatan akses database dan kecepatan akses jaringan dan internet. Aplikasi berbasis web tidak dapat dijalankan langsung di komputer. Untuk menjalankannya, dibutuhkan engine tertentu, yaitu web server (Husni, 2005). Penyajian informasi dilakukan dalam bentuk basis data yang dapat diolah oleh administrator baik itu ditambah, update maupun juga didelete sesuai dengan kebutuhan informasi yang akan disajikan. MySQL, PHP serta Macromedia Dreamweaver merupakan salah aplikasi basis data dan pemrograman yang dapat digunakan untuk proses pembuatan suatu sistem informasi berbasis web dikarenakan ketiga aplikasi tersebut menyajikan tool-tool pendukung dalam pembuatan aplikasi berbasis web sehingga akan dihasilkan suatu sistem informasi berbasis web yang menarik dan interaktif. Didalam melakukan
penelitian digunakan beberapa proses, yaitu perencanaan, analisis sistem yang berjalan sebelumnya, perancangan, implementasi, uji coba, dan distribusi. Konsep perancangan sistem menggunakan ERD (Entity Relationship Diagram), sedangkan dalam menjabarkan aliran atau alur dari jalannya sistem yang dirancang menggunakan rancangan form-form user interface. METODE PENELITIAN Bahan Bahan-bahan yang di perlukan pada saat praktek lapang, pembuatan laporan dan pembuatan aplikasi adalah buku panduan penulisan karya ilmiah, data-data sekolah SMK INFOKOM Bogor, buku pemrograman dan artikel web. Alat Alat yang digunakan dalam penelitian ini terdiri dari perangkat Keras (Hardware) dan perangkat lunak (Software). Perangkat keras (Hardware) yang digunakan meliputi Processor intel Core i3, Memory 2 GB, Hardisk 500 GB, Printer, Flashdisk 4 GB, Mouse. Perangkat Lunak (Software) yang digunakan meliputi Sistem Operasi Windows 8, Adobe Dreamweaver, Adobe Photoshop Cs5, Xampp (MySql), Microsoft Office 2010, Aplikasi Browser (Mozzila Firefox) Cara Kerja Perencanaan Sistem Sistem informasi sekolah ini untuk sekolah yang belum mempunyai fasilitas yang baik dalam penyampaian informasi, untuk mendapatkan informasi yang cepat, tepat dan akurat dirasakan sangat sulit dicapai oleh siswa maupun orang tua siswa serta belum adanya pendaftaran siswa baru secara online. Maka dari itu untuk mempermudah penyampaian maupun perolehan informasi tersebut dibuat sistem ini. Analisis Sistem Dari hasil analisa yang dilakukan, maka dapat disimpulkan bahwa terdapat kebutuhan-kebutuhan yang telah ditentukan sebagai kebutuhan pokok dari sistem yang akan dibuat. Diantaranya adalah Input master data siswa, data guru dan guru wali kelas, jadwal kegiatan sekolah, kegiatankegiatan yang telah dilakukan siswa, nilai siswa, pembuatan laporan, pendaftaran siswa baru secara online Perancangan Sistem Proses perancangan sistem ini berisi tentang diagram alir dan listing-listing program. Aplikasi ini dibuat untuk memberikan kemudahan kepada pihak sekolah maupun guru dalam memberikan informasi dan data siswa, guru dan nilai siswa tersusun dengan baik. Desain perancangan dimulai dengan merancang komponen-komponen yang dipakai sebagai Graphic User Interface (GUI), DFD dan Flowchart menjadi alat bantu untuk menggambarkan konsep perancangan secara keseluruhan. Implementasi Sistem Tahap implementasi merupakan tahap pembuatan seluruh objek yang terlibat dalam pengembangan aplikasi website. Implementasi database digunakan phpmyadmin, sedangkan untuk web desain digunakan Adobe Dreamweaver dan untuk ERD programming digunakan PHP, dan HTML. Untuk uji coba aplikasi browser (Mozilla Firefox) dan server local yaitu XAMPP. Uji Coba Tahap uji coba dilakukan menjalankan website pada web server local yang telah diinstal. Kemudian akan diketahui hasil dari proses aplikasi website tersebut. Prose uji coba diklasifikasikan kedalam 3 (tiga) kategori, yaitu: a. Uji Coba Struktural
Uji coba dibuat untuk mengetahui apakah sistem telah terstruktur dengan baik dan benar sesuai dengan rancangan yang telah dibuat. b. Uji Coba Fungsional Uji coba fungsional didasarkan pada proses navigasi dan validasi yang terdapat pada system yang berjalan sesuai dengan fungsinya. c. Uji Coba Validasi Uji coba validasi adalah uji coba yang diterapkan dalam hasil implementasi apakah hasilnya sudah benar atau belum. Tahap Distribusi Pada tahap distribusi dilakukan proses transformasi dengan menampilkan hasil dari upload website pada jaringan internet. Selain itu pada tahap distribusi juga merupakan tahap di mana evaluasi terhadap website yang telah di buat. HASIL DAN PEMBAHASAN Pada tahap sebelumnya telah dipaparkan proses perancangan dan implementasi Sistem Informasi Sekolah SMK INFOKOM Bogor ini dibuat. Berikut ini merupakan hasil dari bentuk tampilan beserta uraiannya mengenai halaman dari website yang telah dibuat. Halaman Frontend an Halaman Utama Halaman utama adalah halaman yang dilihat pertama kali oleh pengunjung yang berisi ucapan selamat datang dan berisi berita untuk pengunjung serta tersedia juga fasilitas login untuk pengguna. an Halaman Profil Halaman Profil berisi tentang informasi sekolah. Link Profil menggunakan drop down menu yang berisi link Visi & Misi, Sejarah Singkat, Struktur Organisasi dan Profil Guru. Gambar 2. an Halaman Profil an Halaman Informasi an halaman informasi berisi tentang info sekolah, berita pendidikan, artikel dan gallery tentang kegiatan sekolah dan ekstrakurikuler di SMK INFOKOM Bogor. Gambar 3. an Halaman Informasi an Halaman Pengumuman an halaman informasi berisi tentang tata cara pendaftran, daftar calon siswa dan gafik penerimaan siswa baru selama satu tahun di SMK INFOKOM Bogor. Gambar 1. an Halaman Utama Gambar 4. an Halaman Pengumuman
an Halaman Kontak Halaman kontak berisi alamat, nomor telepon, email dan fax SMK INFOKOM Bogor. an Halaman Data Kelas Halaman data kelas berisi tampilan tabel kelas yang berisi data kelas di SMK INFOKOM Bogor. Dalam halaman ini administrator dapat menambah, mengedit atau menghapus data kelas. Gambar 5. an Halaman Kontak Halaman Backend an Halaman Data Siswa Halaman data siswa berisi tampilan tabel siswa yang berisi data siswa di SMK INFOKOM Bogor. Dalam halaman ini administrator dapat menambah, mengedit atau menghapus data siswa. Gambar 8. an Halaman Data Kelas an Halaman Data Pelajaran Halaman data pelajaran berisi tampilan tabel pelajaran yang berisi data pelajaran di SMK INFOKOM Bogor. Dalam halaman ini administrator dapat menambah, mengedit atau menghapus data pelajaran. Gambar 6. an Halaman Data Siswa an Halaman Staff Pengajar Halaman data staff pengajar berisi tampilan tabel staff pengajar yang berisi data pengajar di SMK INFOKOM Bogor. Dalam halaman ini administrator dapat menambah, mengedit atau menghapus data staff pengajar. Gambar 7.an Halaman Data Staff Pengajar Gambar 9. an Halaman Data Pelajaran an Halaman Data Penjadwalan Pengajaran Halaman data penjadwalan pengajaran berisi tampilan tabel penjadwalan pengajaran. Dalam halaman ini administrator dapat menambah, mengedit atau menghapus data penjadwalan pengajaran.
Gambar 12. an Halaman Laporan Penilaian an Halaman Album Halaman album berisi tampilan tabel album. Dalam halaman ini administrator dapat menghapus dan mengedit data album. Gambar 10. an Halaman Data Penjadwalan Pengajaran an Halaman Data Penjadwalan Ruangan Halaman data penjadwalan ruangan berisi tampilan tabel penjadwalan ruangan. Dalam halaman ini administrator dapat menambah, mengedit atau menghapus data penjadwalan ruangan. Gambar 13. an Halaman Album an Halaman Galeri Halaman galeri berisi tampilan tabel galeri. Dalam halaman ini administrator dapat menghapus, mengubah dan menambah gambar yang ada pada galeri. Gambar 11. an Halaman Data Penjadwalan Ruangan an Halaman Data Laporan Penilaian Halaman data laporan penilaian berisi tampilan tabel laporan penilaian. Dalam halaman ini administrator dapat menambah, mengedit atau menghapus data laporan penilaian. Gambar 14. an Halaman Galeri 1. an Halaman Berita Halaman berita berisi tampilan tabel berita. Dalam halaman ini administrator dapat menghapus, mengubah dan menambah berita.
Gambar 15. an Halaman Berita an Halaman Data Admin Halaman admin berisi tampilan tabel admin. Dalam halaman ini administrator dapat menghapus, mengubah dan menambah data admin. Gambar 16. an Halaman Data Admin an Halaman Pengumuman Siswa Baru Halaman admin berisi tampilan tabel calon nama siswa yang terdaftar, pengumuman dan tata cara pendaftaran. Dalam halaman ini administrator dapat melihat data siswa baru dan memberikan status diterima atau ditolak. Gambar 17. an Halaman Pengumuman Siswa Baru Tahap Uji Coba (Testing) Tahap Uji Coba adalah tahap dimana sistem yang sudah dibuat diuji kesesuaiannya sehingga ketika sistem sudah sesuai dan melewati tahap uji coba maka sistem dapat digunakan. Uji Navigasi Website Uji navigasi bertujuan untuk mengetahui apakah website yang dibuat sudah sesuai dengan rancangan. Hasil uji coba navigasi website SMK INFOKOM Bogor ini disajikan dalam tabel sebagai berikut ini. Tabel 1. Uji Navigasi No Uji Coba Hasil 1. an halaman utama 2. an Profil 3. an Informasi 4. an Kontak 5. an Login 6. an Halaman Administrator 7. an Halaman Data Siswa 8. an Halaman Data Staff Pengajar 9. an Halaman Data Kelas 10. an Halaman Data
Pelajaran 11. an Halaman Data Penjadwalan Pengajaran 12. an Halaman Data Penjadwalan Ruangan 13. an Halaman Laporan Penilaian 14. an Halaman Data Album 15. an Halaman Data Berita 16. an Halaman Galeri Foto 2 Uji Fungsional Website Uji coba fungsional merupakan tahap uji coba yang bertujuan untuk mengetahui apakah bagian dari proses website berjalan sesuai dengan fungsi masing-masing. Hasil uji coba fungsional website SMK INFOKOM Bogor ini disajikan dalam tabel sebagai berikut ini. Tabel 14. Uji Fungsional No Uji Coba Hasil 1. Proses form login Sukses 2. Proses form logout Sukses Uji Validasi Website Uji coba ini merupakan uji coba untuk mengetahui keakuratan hasil data yang telah dimasukkan ke dalam aplikasi. Berikut hasil dari uji coba validasi website yang dicontohkan melalui proses pengisian form laporan nilai oleh guru sampai siswa/wali siswa bisa melihat nilai. 1 3 Keterangan : 1. Input nilai oleh pengajar/guru 2. an selamat datang dan data siswa yang melihat nilai 3. an hasil nilai siswa Tahap Distribusi Tahap ini merupakan tahap transformasi website (upload) ke dalam sebuah web hosting, dengan tujuan agar dapat diakses oleh para pengguna internet. KESIMPULAN Kesimpulan yang bisa diambil dari perancangan dan implementasi Sistem Informasi Sekolah INFOKOM yaitu perancangan dan implementasi Sistem Informasi Sekolah Berbasis Web dengan studi kasus di SMK Informatika dan Telekomunikasi Kota Bogor dibuat dengan menggunakan Adobe Dreamweaver dan terhubung dengan database MySql (Xampp). Metodologi penelitian yang digunakan adalah pola sisklus hidup pengembangan
sistem / System Development Life Cycle (SDLC). Didalam melakukan penelitian digunakan beberapa proses, yaitu perencanaan, analisis sistem yang berjalan sebelumnya, perancangan, implementasi, uji coba, dan distribusi. Konsep perancangan sistem menggunakan ERD (Entity Relationship Diagram), sedangkan dalam menjabarkan aliran atau alur dari jalannya sistem yang dirancang menggunakan rancangan form-form user interface. DAFTAR PUSTAKA Husni I. Pohan dan Betha Sidik. 2005 Pemrograman Web dengan HTML. Informatika : Bandung Sutabri, Tata. 2004. Sistem Informasi.