BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Implementasi Implementasi merupakan tahap pengembangan rancangan menjadi sebuha kode program, di awal bagain bab ini akan dijabarkan sfesifikasi perangkat keras (hardware) dan perangkat lunak (software) sebagai pendukung pengimplementasian program yang telah dibuat. Bagian utama pengimplementasian akan menjelaskan rancangan kelas menjadi kelas yang ditulis dalam sintaks pemograman PHP, selain itu juga akan dijelaskan tampilan sistem setelah diimplementasikan kedalam aplikasi yang berbasis web. 4.2. Batasan Implementasi Pada implementasi perangkat lunak sudah seharusnya dibutuhkan support perangkat lunak (software) dan support perangkat keras (hardware) yang baik agar nantinya dapat mendukung pada saat coding. Perangkat yang akan digunakan pada saat melakukan implementasi adalah sebagai berikut : 4.2.1. Sfesifikasi Perangkat Keras 1. Satu unit laptop AMD E-1 250, 1,5 GHz, RAM 2GB, Harddisk 200GB. 2. Satu unit Radio Frequency Identification (RFID) 3. 3 buah kartu RFID 4.2.2. Sfesifikasi Perangkat Lunak 1. Web Server XAMPP versi 3.2.2 2. PHP versi 5.6.24 3. MySQL versi 5.0.11 4. Macromedia dreamweaver CS5 5. Google Chrome 6. Star UML 7. Ms. Excel 84
85 4.3. Implementasi Basis Data Implementasi basis data dari aplikasi akan menggunakan XAMPP, beberapa fungsi yang dibuat terdiri dari ruang lingkup implementasi aplikasi sistem tersebut. Berikut adalah tampilan halaman depan XAMPP Gambar 4.1. Tampilan Awal XAMPP Sebagai Tempat Basis Data Pada gambar di bawah ini adalah implementasi basis data pada sistem informasi akademik di SMP Kembangan, yang diantaranya sebagai berikut : 1. Database db_smpkembangan Berikut adalah gambaran struktur tabel pada database yang akan menampilkan seluruh tabel yang akan digunakan pada sistem informasi akademik di SMP Kembangan Gambar 4.2. Tampilan Struktur Tabel Database
86 2. Tampilan tabel admin pada database Gambar berikut adalah tampilan field-field yang ada pada tabel admin yang akan menyimpan semua data tentang administrator sistem. Gambar 4.3. Struktur Tabel Admin 3. Tampilan tabel guru pada database Gambar berikut adalah tampilan field-field yang ada pada tabel guru yang akan menyimpan semua data guru. Gambar 4.3. Struktur Tabel Guru 4. Tampilan tabel siswa pada database Gambar berikut adalah tampilan field-field yang ada pada tabel siswa yang akan menyimpan semua data siswa. Gambar 4.4. Struktur Tabel Siswa
87 5. Tampilan tabel kelas pada database Gambar berikut adalah tampilan field-field yang ada pada tabel kelas yang akan menyimpan semua data kelas. Gambar 4.5. Struktur Tabel Kelas 6. Tampilan tabel pelajaran pada database Gambar berikut adalah tampilan field-field yang ada pada tabel pelajaran yang akan menyimpan semua data pelajaran. Gambar 4.6. Struktur Tabel Pelajaran 7. Tampilan tabel jadwal pada database Gambar berikut adalah tampilan field-field yang ada pada tabel jadwal yang akan menyimpan semua data jadwal belajar mengajar. Gambar 4.7. Struktur Tabel Jadwal
88 8. Tampilan tabel konten pada database Gambar berikut adalah tampilan field-field yang ada pada tabel konten yang akan menyimpan semua data konten yang ada. Gambar 4.8. Struktur Tabel Konten 9. Tampilan tabel kalender pada database Gambar berikut adalah tampilan field-field yang ada pada tabel kalender yang akan menyimpan semua data schedule dan informasi lainnya pada sistem. Gambar 4.9. Struktur Tabel Kalender 10. Tampilan tabel bukutamu pada database Gambar berikut adalah tampilan field-field yang ada pada tabel bukutamu yang akan menyimpan semua data kritik dan saran dari para siswa, guru, dan masyarakat luas. Gambar 4.10. Struktur Tabel Buku Tamu
89 11. Tampilan tabel detailjadwal pada database Gambar berikut adalah tampilan field-field yang ada pada tabel detailjadwal yang akan menyimpan semua data detail tentang jadwal belajar mengajar. Gambar 4.11. Struktur Tabel Detail Jadwal 12. Tampilan tabel detaikelas pada database Gambar berikut adalah tampilan field-field yang ada pada tabel detailkelas yang akan menyimpan semua data detail tentang pembagian kelas pada sekolah. Gambar 4.12. Struktur Tabel Detail Kelas 13. Tampilan tabel nilai pada database Gambar berikut adalah tampilan field-field yang ada pada tabel nilai yang akan menyimpan semua data nilai siswa. Gambar 4.13. Struktur Tabel Nilai
90 14. Tampilan tabel detailnilai pada database Gambar berikut adalah tampilan field-field yang ada pada tabel detailnilai yang akan menyimpan semua data detail nilai siswa. Gambar 4.14. Struktur Tabel Detail Nilai 4.4. Implementasi Program Pada tahapan ini akan dilakukan pengimplementasian atas rancangan antar muka yang telah dibuat sebelumnya, berikut adalah tampilan yang ada pada sistem informasi akademik di SMP Kembangan. 1. Administrator a. Tampilan halaman untuk login admin Gambar berikut adalah halaman yang digunakan oleh administrator suntuk masuk kedalam sistem. Gambar 4.15. Tampilan Antar Muka Halamn Login Tata Usaha
91 b. Tampilan halaman beranda admin Gambar berikut adalah halaman yang akan muncul ketika pertama kali administrator berhasil masuk kedalam sistem Gambar 4.16. Tampilan Antar Muka Halaman Awal Tata Usaha c. Tampilan halaman data guru Gambar berikut adalah halaman yang akan muncul ketika administrator ingin mengelola data guru Gambar 4.17. Tampilan Antar Muka Halaman Data Guru
92 Gambar berikut adalah halaman yang akan muncul ketika administrator ingin menambah data guru yang baru. Gambar 4.18. Tampilan Antar Muka Halaman Tambah Data Guru d. Tampilan halaman data siswa Gambar berikut adalah halaman yang akan muncul ketika administrator ingin mengelola data siswa Gambar 4.19. Tampilan Antar Muka Halaman Data Siswa
93 Gambar berikut adalah halaman yang akan muncul ketika administrator ingin menambah data siswa yang baru Gambar 4.20. Tampilan Antar Muka Halaman Tambah Data Siswa e. Tampilan halaman data kelas Gambar berikut adalah halaman yang akan muncul ketika administrator ingin mengelola data kelas Gambar 4.21. Tampilan Antar Muka Halaman Data Kelas
94 Gambar berikut adalah halaman yang akan muncul ketika administrator ingin menambah data kelas yang baru Gambar 4.22. Tampilan Antar Muka Halaman Tambah Data Kelas f. Tampilan halaman data pelajaran Gambar berikut adalah halaman yang akan muncul ketika administrator ingin mengelola data pelajaran Gambar 4.23. Tampilan Antar Muka Halaman Data Mata Pelajaran
95 Gambar berikut adalah halaman yang akan muncul ketika administrator ingin menambah data pelajaran yang baru Gambar 4.24. Tampilan Antar Muka Halaman Tambah Data Mata Pelajaran g. Tampilan halaman data jadwal pelajaran Gambar berikut adalah halaman yang akan muncul ketika administrator ingin mengelola data jadwal pelajaran Gambar 4.25. Tampilan Antar Muka Halaman Data Jadwal Pelajaran
96 Gambar berikut adalah halaman yang akan muncul ketika administrator ingin menambah data jadwal pelajaran yang baru Gambar 4.26. Tampilan Antar Muka Halaman Tambah Data Jadwal Pelajaran h. Tampilan halaman data jadwal input nilai Gambar berikut adalah halaman yang akan muncul ketika administrator ingin mengelola data kapan para guru akan boleh menginput nilai siswa, jika kondisi berstatus tidak, maka pada halaman input nilai pada ruang guru tidak akan bisa. Namun jika statusnya sudah aktif, guru akan bisa menginput nilai siswa. Gambar 4.27. Tampilan Antar Muka Halaman Jadwal Input Nilai Siswa
97 i. Tampilan halaman data informasi sekolah Gambar berikut adalah halaman yang akan digunakan oleh administrator dalam mengelola data informasi tentetu pada sekolah, informasi yang diinput pada halaman ini akan muncul pada halaman web non private dan halaman private. Gambar 4.28. Tampilan Antar Muka Halaman Data Informasi Gambar berikut adalah halaman yang akan muncul ketika administrator ingin menambah data informasi sekolah yang baru Gambar 4.29. Tampilan Antar Muka Halaman Tambah Data Informasi
98 j. Tampilan halaman data konten Gambar berikut adalah halaman yang akan digunakan oleh administrator dalam mengelola data konten tentetu pada sekolah, informasi yang diinput pada halaman ini akan muncul pada halaman web non private dan halaman private berdasarkan kategori konten masing-masing. Gambar 4.30. Tampilan Antar Muka Halaman Data Konten Gambar berikut adalah halaman yang akan muncul ketika administrator ingin menambah data informasi konten yang baru Gambar 4.31. Tampilan Antar Muka Halaman Tambah Data Konten
99 k. Tampilan halaman data buku tamu Gambar berikut adalah halaman yang akan digunakan oleh administrator dalam menerima segala masukan dari siswa, guru maupun masyarakat luas yang ingin memberikan saran maupun kritik kepada sekolah Gambar 4.32. Tampilan Antar Muka Halaman Data Buku Tamu
100 2. Website a. Beranda Halaman ini adalah tampilan pertama yang akan muncul ketika pengguna memasukkan url website sekolah SMP Kembangan Gambar 4.33. Tampilan Antar Muka Beranda Awal Website
101 b. Halaman konten Halaman di bawah ini merupakan visi dan misi sekolah SMP Kembangan, namun untuk tampilan haliman seperti informasi, profil dan gallery sekolah desainnya sama yang membedakan hanyalah pada judul da isi kontenya Gambar 4.34. Tampilan Antar Muka Konten Website c. Halaman kritik dan saran Digunakan untuk menyampaikan kritik dan saran. Gambar 4.35. Tampilan Antar Muka Input Kritik dan Saran
102 3. Guru a. Login Tampilan halaman ini adalah tempat yang digunakan guru sebagai halaman login untuk masuk kedalam sistem private guru. Gambar 4.36. Tampilan Antar Muka Halaman Login Guru b. Beranda Tampilan halaman ini adalah halaman awal setelah guru melakukan login kedalam sistem Gambar 4.37. Tampilan Antar Muka Beranda Awal Portal Guru
103 c. Halaman konten pada guru Halaman di bawah ini merupakan jadwal mengajar guru, namun untuk tampilan halaman seperti informasi, data pribadi dan input nilai desainnya sama yang membedakan hanyalah pada judul da isi kontenya Gambar 4.38. Tampilan Antar Muka Halaman Konten Portal Guru 4. Siswa a. Login Tampilan halaman ini adalah tempat yang digunakan siswa sebagai halaman login untuk masuk kedalam sistem private siswa. Gambar 4.39. Tampilan Antar Muka Halaman Login Siswa
104 b. Beranda Tampilan halaman ini adalah halaman awal setelah guru melakukan login kedalam sistem Gambar 4.40. Tampilan Antar Muka Halaman Beranda Awal Portal Siswa c. Beranda konten pada siswa Halaman di bawah ini merupakan jadwal belajar, namun untuk tampilan halaman seperti informasi, data pribadi dan data nilai desainnya sama yang membedakan hanyalah pada judul da isi kontenya
105 Gambar 4.41. Tampilan Antar Muka Halaman Pada Portal Siswa 4.5. Pengujian Dalam jurnal internasional milik Srinivas Nidhara dan Jagruthi Dondeti (2012:1) menyebutkan pengujian software adalah Teknik yang paling sering digunakan untuk memverifikasi dan memvalidasi kualitas perangkat lunak. Pengujian software adalah prosedur mengeksekusi program atau sistem dengan maksud untuk menemukan kesalahan. Pengujian software adalah kegiatan yang signifikan dari perangkat lunak hidup pengembangan siklus (SDLC). Metode yang digunakan dalam tahapan ini adalah metode pengujian black box. Pengujian Black Box digunakan untuk menguji fungsi-fungsi khusus dari aplikasi perangkat lunak yang telah dirancang.
106 4.5.1. Skenario Pengujian Skenario pengujian diperlukan untuk mengetahui apakah aplikasi yang telah dibuat dapat berfungsi degan baik atau tidak. Skenario pengujian ini dilakukan dengan memilih setiap halaman web maupun tab-tab yang ada pada aplikasi sistem informasi akademik di SMP Kembangan dengan bahasa PHP dan dan MySQL ini, dan setelah itu kemudian pengujian dilakukan dengan mengkilik semua halaman, menginput data, menampilkan data, merubah data pada setiap halaman aplikasi apakah sudah sesuai dengan yang diharapkan atau belum. Untuk lebih detailnya berikut adalah tabel scenario pengujian yang akan dilakukan pada aplikasi sistem informasi akademik di SMP Kembangan: Tabel 4.1. Rundonws Skenario Pengujian Sistem No Antar Muka Uji Coba Status Skenario Hasil yang Aplikasi Pengujian diharapkan 1. Halaman login Input Akan masuk Input sesuai Beranda admin username kehalaman form yang admin akan dan admin disesdiakan terbuka password 2. Halaman data Klik tab Akan Tambah data Data kelas kelas data kelas menampilkan kelas, edit data akan pada data kelas kelas, hapus tersimpan ke beranda yang terdapat data kelas, database, akan admin 3 aksi yaitu simpan ke muncul pada tambah, ubah database. halaman dan hapus tertentu. 3. Halaman data Klik tab Akan Tambah data Data pelajaran pelajaran data menampilkan pelajaran, edit akan pelajaran data pelajaran data pelajaran, tersimpan ke pada yang terdapat hapus data database, akan beranda 3 aksi yaitu pelajaran, muncul pada admin tambah, ubah simpan ke halaman dan hapus database. tertentu. Hasil pengujian Berhasil Berhasil Berhasil
107 Sambungan Tabel 4.1 No Antar Muka Uji Coba Status Aplikasi Skenario Pengujian Hasil yang diharapkan Hasil pengujian 4 Halaman data Klik tab Akan Tambah data Data guru Berhasil guru data guru menampilkan guru, edit data akan pada data guru yang guru, hapus tersimpan ke beranda terdapat 3 aksi data guru, database, akan admin yaitu tambah, simpan ke muncul pada ubah dan database. halaman hapus tertentu. 5 Halaman data Klik tab Akan Tambah data Data siswa Berhasil siswa data siswa menampilkan siswa, edit akan pada data siswa data siswa, tersimpan ke beranda yang terdapat hapus data database, akan admin 3 aksi yaitu siswa, simpan muncul pada tambah, ubah ke database. halaman dan hapus tertentu. 6 Halaman data Klik tab Akan Tambah data Data jadwal Berhasil jadwal data jadwal menampilkan jadwal pelajaran akan pelajaran pelajaran data jadwal pelajaran, edit tersimpan ke pada pelajaran yang data jadwal database, akan beranda terdapat 3 aksi pelajaran, muncul pada admin yaitu tambah, hapus data halaman ubah dan jadwal tertentu. hapus pelajaran, simpan ke database. 7 Halaman data Klik tab Akan Mengaktifkan Status Berhasil jadwal input data jadwal menampilkan dan penginputan nilai input nilai data jadwal menonaktifkan nilai (aktif dan pada input nilai jadwal tidak aktif). beranda penginputan admin nilai
108 Sambungan Tabel 4.1 No Antar Muka Uji Coba Status Skenario Aplikasi Pengujian 8 Halaman data Klik tab Akan Tambah data informasi data menampilkan informasi sekolah informasi data informasi sekolah, edit sekolah sekolah yang data informasi pada terdapat 3 aksi sekolah, hapus beranda yaitu tambah, data informasi admin ubah dan sekolah, hapus simpan ke database. 9 Halaman data Klik tab Akan Tambah data konten data konten menampilkan konten, edit pada data konten data konten, beranda yang terdapat hapus data admin 3 aksi yaitu konten, tambah, ubah simpan ke dan hapus database. 10 Halaman data Klik tab Akan Input saran buku tamu data buku menampilkan pada beranda tamu pada data buku public website beranda tamu yang admin terdapat 1 aksi yaitu hapus buku tamu 11 Halaman awal Masukan url Akan Input url public website sekolah menampilkan website pada pada halaman awal browser browser website offline offline 12 Halaman Klik salah Akan Klik salah satu konten public satu tab menampilkan tab yang ada website yang ada. konten pada beranda Hasil yang diharapkan Data informasi sekolah akan tersimpan ke database, akan muncul pada halaman tertentu. Data konten akan tersimpan ke database, akan muncul pada halaman tertentu. Data buku tamu akan muncul pada halaman buku tamu admin Beranda website tampil pada browser offline Judul dan isi konten yang diklik akan muncul Hasil pengujian Berhasil Berhasil Berhasil Berhasil berhasil
109 Sambungan Tabel 4.1 No Antar Muka Uji Coba Status Skenario Aplikasi Pengujian 13 Halaman kritik Klik tab Menampilkan Klik tab dan saran halaman form input halamn kritik kritik dan kritik dan dan saran saran saran No Antar Muka Uji Coba Status Skenario Aplikasi Pengujian 14 Halaman login Klik gambar Menampilkan Masukkan guru portal guru halaman login username dan pada guru password beranda website 15 Halaman Pilih salah Akan Jalankan konten guru satu tab menampilkan segala aksi yang judul da nisi yang terdapat tersedia konten yang pada halaman pada dipilih guru, seperti halaman cek jadwal, guru secara input nilia, tertib dan input absen, bergantian dan cek data siswa 16 Halaman login Klik gambar Menampilkan Masukkan siswa portal siswa halaman login username dan pada siswa password beranda website 17 Halaman Pilih salah Akan Cek jadwal da konten siswa satu tab menampilkan cek nilai yang judul dan isi tersedia konten yang dipilih Hasil yang diharapkan Isi kritik ataupun saran pada form Hasil yang diharapkan Guru akan masuk ke beranda private page website guru Semua data yang diklik akan menampilkan judul da nisi konten, data nilai dan absens akan masuk ke halaman siswa Siswa akan masuk ke beranda private page website siswa Semua data yang diklik amenampilkan judul dan isi konten. Hasil pengujian Berhasil Hasil pengujian berhasil berhasil Berhasil berhasil
110 4.5.2. Analisa Hasil Pengujian Setelah dilakukan pengujian secara menyeluruh maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (Output) dan proses yang sesuai dengan rancangan aplikasi program ini. Hasil dari pengujian ini menunjukkan bahwa program ini dapat berfungsi dengan baik dan benar, kerena telah dibuktikan dari hasil skenario pengujian. Semua perintah yang dijalankan pada tahap pengujian berjalan dengan baik, hasil pengujian yang telah diproleh adalah sebagai berikut : 1. Halamn login admin yang berfungsi sebagai jembatan untuk masuk kedalam beranda admin berjalan dengan baik dan benar 2. Beranda admin sebagai tempat pertama yang akan ditampilkan setelah admin login menampilkan tampilan antar muka da nisi konten dengan baik dan benar 3. Halaman data kelas yang berfungsi sebagai halaman tambah data kelas, ubah data kelas, hapus data kelas yang langsung berhubungan dengan penyimpanan basis data berjalan dengan baik. 4. Halaman data pelajaran yang berfungsi sebagai halaman tambah data pelajaran, ubah data pelajaran, hapus data pelajaran yang langsung berhubungan dengan penyimpanan basis data berjalan dengan baik. 5. Halaman data guru yang berfungsi sebagai halaman tambah data guru, ubah data guru, hapus data guru yang langsung berhubungan dengan penyimpanan basis data berjalan dengan baik. 6. Halaman data siswa yang berfungsi sebagai halaman tambah data siswa, ubah data siswa, hapus data siswa yang langsung berhubungan dengan penyimpanan basis data berjalan dengan baik. 7. Halaman data jadwal pelajaran yang berfungsi sebagai halaman tambah data jadwal pelajaran, ubah data jadwal pelajaran, hapus data jadwal pelajaran yang langsung berhubungan dengan penyimpanan basis data berjalan dengan baik. 8. Halaman data jadwal input nilai yang berfungsi sebagai halaman untuk mengaktifkan dan menonaktifkan jadwal input nilai berjalan dengan baik 9. Halaman data informasi sekolah yang berfungsi sebagai halaman tambah data informasi sekolah, ubah data informasi sekolah, hapus data informasi sekolah yang langsung berhubungan dengan penyimpanan basis data berjalan dengan baik.
111 10. Halaman data konten yang berfungsi sebagai halaman untuk menampilkan semua masukan dan kritik dari pengguna website berjalan dengan baik. 11. Halaman buku tamu yang terdapat di ruang admin menampilkan segala kritik dan saran para pengguna website secara informative dan berjalan dengan baik. 12. Beranda awal yang berfungsi menampilkan segala informasi tentang website non private menampilkan segala informasi dengan baik dan mudah difahami. 13. Halaman konten pada website non private yang berfungsi menampilkan segala informasi umum seperti informasi sekolah, struktur organisasi, foto gedung sekolah dan informasi lainnya tanpa harus mempunyai hak akses berjalan dengan baik. 14. Halaman kritik dan saran pada website yang berfungsi sebagai tempat menyampaikan kritik dan saran kepada pihak sekolah, administrator web berjalan dengan baik. 15. Login guru dan login siswa yang fungsinya sebagai jembatan untuk masuk kedalam sistem web private berjalan dengan baik 16. Halaman konten yang sifatnya pribadi setelah guru dan siswa login dapat menampilkan semua data dan informasi dengan valid secara informative.