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, kegiatan- kegiatan 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
Tampilan 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.
Gambar 1. Tampilan Halaman Utama
Tampilan 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. Tampilan Halaman Profil
Tampilan Halaman Informasi
Tampilan halaman informasi berisi tentang info sekolah, berita pendidikan, artikel dan gallery tentang kegiatan sekolah dan ekstrakurikuler di SMK INFOKOM Bogor.
Gambar 3. Tampilan Halaman Informasi
Tampilan Halaman Pengumuman
Tampilan halaman informasi berisi tentang tata cara pendaftran, daftar calon siswa dan gafik penerimaan siswa baru selama satu tahun di SMK INFOKOM Bogor.
Gambar 4. Tampilan Halaman Pengumuman
Tampilan Halaman Kontak
Halaman kontak berisi alamat, nomor telepon, email dan fax SMK INFOKOM Bogor.
Gambar 5. Tampilan Halaman Kontak
Halaman Backend
Tampilan 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 6. Tampilan Halaman Data Siswa
Tampilan 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.Tampilan Halaman Data Staff Pengajar
Tampilan 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 8. Tampilan Halaman Data Kelas
Tampilan 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 9. Tampilan Halaman Data Pelajaran
Tampilan 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 10. Tampilan Halaman Data Penjadwalan Pengajaran
Tampilan 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 11. Tampilan Halaman Data Penjadwalan Ruangan
Tampilan 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 12. Tampilan Halaman Laporan Penilaian
Tampilan Halaman Album
Halaman album berisi tampilan tabel album. Dalam halaman ini administrator dapat menghapus dan mengedit data album.
Gambar 13. Tampilan Halaman Album
Tampilan Halaman Galeri
Halaman galeri berisi tampilan tabel galeri. Dalam halaman ini administrator dapat menghapus, mengubah dan menambah gambar yang ada pada galeri.
Gambar 14. Tampilan Halaman Galeri
1. Tampilan Halaman Berita
Halaman berita berisi tampilan tabel berita. Dalam halaman ini administrator dapat menghapus, mengubah dan menambah berita.
Gambar 15. Tampilan Halaman Berita
Tampilan Halaman Data Admin
Halaman admin berisi tampilan tabel admin. Dalam halaman ini administrator dapat menghapus, mengubah dan menambah data admin.
Gambar 16. Tampilan Halaman Data Admin
Tampilan 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. Tampilan 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. Tampilan halaman utama Tampil 2. Tampilan Profil Tampil 3. Tampilan Informasi Tampil 4. Tampilan Kontak Tampil 5. Tampilan Login Tampil 6. Tampilan Halaman
Administrator
Tampil 7. Tampilan Halaman Data
Siswa
Tampil 8. Tampilan Halaman Data
Staff Pengajar
Tampil 9. Tampilan Halaman Data
Kelas
Tampil 10. Tampilan Halaman Data Tampil
Pelajaran
11. Tampilan Halaman Data Penjadwalan Pengajaran
Tampil 12. Tampilan Halaman Data
Penjadwalan Ruangan
Tampil 13. Tampilan Halaman
Laporan Penilaian
Tampil 14. Tampilan Halaman Data
Album
Tampil 15. Tampilan Halaman Data
Berita
Tampil 16. Tampilan Halaman Galeri
Foto
Tampil
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
2
3 Keterangan :
1. Input nilai oleh pengajar/guru
2. Tampilan selamat datang dan data siswa yang melihat nilai
3. Tampilan 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.
