BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1. Implementasi Sistem Setelah melakukan analisis dan perancangan sistem yang telah dibahas, maka untuk tahap selanjutnya yaitu implementasi sistem. Implementasi sistem merupakan tahap meletakan sistem yang diusulkan atau dikembangkan supaya nantinya sistem tersebut siap untuk dioperasikan sesuai dengan yang diterpkan, dengan tujuan menguji sistem apakah sudah layak untuk diimplementasikan atau belum. 4.1.1. Implemetasi Program Implementasi yang dilakukan antara lain adalah menerapkan perancangan antar muka ke dalam bentuk halaman web, perancangan struktur data ke dalam bentuk tabel database, pembuatan kode program dan sebagainya. 4.1.2. Implemetasi Basis Data Database untuk sistem web presensi sekolah XYZ ini bernama database_sekolah. Terdiri dari 12 tabel utama dan dibuat dengan phpmyadmin yang dapat diakses dengan cara mengetikan http://localhost/phpmyadmin pada address bar browser. Adapun daftar kedua belas tabel tersebut adalah sebagai berikut : 1. Tabel Absensi Tabel Absensi ini digunakan untuk menempatkan data absensi siswa yang nantinya akan bisa diakses dalam absen siswa Gambar 4.1 Tabel Absensi 49
50 2. Tabel Agenda Tabel Agenda ini dugunakan untuk menempatkan agenda sekolah dan dapat dilihat pada menu agenda sekolah. Gambar 4.2 Tabel Agenda 3. Tabel Album Galeri Tabel Album Galeri ini digunakan untuk mengelompokan foto galeri kegiatan kedalam suatu album. Gambar 4.3 Tabel Album Galeri 4. Tabel Berita Tabel berita ini digunakan untuk menempatkan berita yang nantinya akan digunakan untuk menampilkan berita. Gambar 4.4 Tabel Berita
51 5. Tabel Data Tabel Data ini digunakan untuk menempatkan data-data yang berada di menu tampilan awal. 6. Tabel Galeri Gambar 4.5 Tabel Data Tabel Galeri ini digunakan untuk menempatkan foto-foto yang akan dimasukan kedalam galeri kegiatan. Gambar 4.6 Tabel Galeri 7. Tabel Kelas Tabel kelas ini digunakan untuk menempatkan kelas yang nantinya digunakan untuk mebuat level kelas. Gambar 4.7 Tabel Kelas
52 8. Tabel Kepegawaian Tabel kepegawaian ini digunakan untuk mendata seluruh pegawai dana membuat id dan password untuk login. Gambar 4.8 Tabel Kepegawaian 9. Tabel Menu Tabel menu ini digunakan untuk menempatkan menu yang berada pada tampilan awal web. Gambar 4.9 Tabel Menu 10. Tabel Pengumuman Tabel pengumuman ini digunakan menempatkan data pengumuman yang akan yang berada pada menu bagian awal web. Gambar 4.10 Tabel Pengumuman
53 11. Tabel Pesan Tabel pesan ini digunakan untuk menempatkan pesan yang dikirim oleh pengunjung untuk bertanya. Gambar 4.11 Tabel Pesan 12. Tabel Siswa Tabel siswa digunakan untuk menempatkan data-data siswa yang ada didalam sekolah dasar xyz Gambar 4.12 Tabel Siswa
54 4.1.3 Implementasi Antar Muka Pada tahap implementasi ini antar muka yang dibuat pada tahap perancangan, implementasikan menjadi bentuk halaman web yang dibangun dengan menggunakan perangkat lunak yang dijelaskan pada implementasi program. Adapun bentuk halaman web hasil implementasi tersebut disajikan sebagai berikut : 4.1.3.1 Tampilan Utama Halaman Website Halaman utama berisi informasi-informasi sekolah mulai dari visi misi dan sambutan kepala sekolah, dan juga merupakan halaman yang pertama kali muncul saat membuka website ini, untuk pengunjung juga bisa melihat hasil absensi siswa diakademik sekolah. Gambar 4.13 Halaman Website awal
55 4.1.3.2 Tampilan Halaman Login Halaman Login merupakan halaman akses masuk kedalam sebuah control panel, sesuai dengan id tersebut, id seorang guru akan masuk kedalam control panel guru, bila menggunakan id admin akan masuk ke control panel admin. Gambar 4.14 Login 4.1.3.3 Halaman Contol Panel Guru Halaman ini adalah merupakan halaman tampilan awal untuk login dengan menggunakan id guru. Gambar 4.15 Halaman Contol Panel Guru
56 4.1.3.4 Halaman Pengumuman Halaman ini merupakan halaman untuk membuat pengumuman yang akan di tampilakan di menu pengumuman bagian halaman utama website. Gambar 4.15 Halaman Pengumuman 4.1.3.5 Halaman Input Absensi Halaman ini adalah halaman untuk menginput abasen kehadiran siswa dengan cara mencari kelas yang akan di absen terlebih dahulu. Gambar 3.16 Halaman Input Absensi
57 4.1.3.6 Halaman Ganti Password Halaman ini adalah halaman untuk merubah password yang digunakan untuk masuk ke control panel guru dimana pada halaman ini bila sudah merubah password, tidak bisa masuk dengan password yang lama dikarenakan sudah teregistrasi dengan password yang baru. Gambar 4.17 Halaman Ganti Password 4.1.3.7 Halaman Contol Panel Admin Halaman ini adalah halaman tampilan awal bila masuk dengan menggunakan id admin. Gambar 4.18 Halaman Control Panel Admin
58 4.1.3.8 Halaman Data Statis Halaman ini adalah halaman untuk menambahkan konten pada tampilan awal website. Gambar 4.18 Halaman Data Statis 4.1.3.9 Halaman Data Dinamis Berita Halaman ini adalah halaman untuk membuat berita dan mengedit berita yang akan ditampilkan di halaman utama website ini. Gambar 4.19 Halaman Data Dinamis Berita
59 4.1.3.10 Halaman Data Dinamis Pengumuman Halaman ini adalah halaman untuk membuat pengumuman dan juga mengedit pengumuman yang akan ditampilkan di halaman utama website ini. Gambar 4.20 Halaman Data Dinamis Pengumuman 4.1.3.11 Halaman Data Dinamis Agenda Halaman ini adalah halaman untuk membuat agenda sekolah dan juga mengedit agenda sekolah yang akan ditampilkan di halaman utama website ini. Gambar 4.21 Halaman Data Dinamis Agenda
60 4.1.3.12 Halaman Data Siswa Halaman ini adalah halaman untuk membuat kelas dan menambahkan siswa kedalam sebuah kelas sesuai dengan level kelas siswa tersebut. Gambar 4.22 Halaman Data Siswa 4.1.3.13 Halaman Data Kepegawaian Halaman ini adalah halaman untuk mendata seluruh pegawai dan membuat id dan password untuk masuk kedalam control panel guru. Gambar 4.23 Halaman Data Kepegawaian
61 4.1.3.14 Halaman Galeri Halaman ini adalah halaman untuk menambahkan foto-foto dan album galeri dokumentasi sekolah. Gambar 4.24 Halaman Galeri 4.1.3.15 Halaman Absensi Siswa Halaman ini adalah halaman untuk menambahkan absensi kehadiran siswa, sama seperti guru admin juga bisa menambahkan absensi. Gambar 4.25 Halman Absensi Siswa
62 4.2. Pengujian Sistem Sebelum program diterapkan, maka program harus bebas terlebih dahulu dari kesalahan-kesalahan, oleh sebab itu program harus diuji coba untuk menemukan kesalahan-kesalahan yang mungkin dapat terjadi, pengujian ini menggunakan pengujian Black-Box. Pengujian Black-Box merupakan pengujian program berdasarkan fungsi dari program. Tujuan dari metode Black-Box ini adalah untuk menemukan kesalahan fungsi pada program. Pengujian dengan Black-Box dilakukan dengan cara memberikan sejumlah input pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi menghasilkan output yang diinginkan dan sesuai dengan fungsi dari program tersebut. Apabila dari input yang diberikan proses menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi yang bersangkutan telah benar, tetapi jika output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program aplikasi. Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi dan pengujian dilakukan berulang-ulang. Jika dalam pengujian ditemukan kesalahan, maka akan dilakukan penelusuran dan perbaikan untuk memperbaiki kesalahan yang terjadi. Jika telah selesai melakukan perbaikan, maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan secara terus menerus hingga diperoleh hasil yang terbaik. 4.2.1. Pengujian Black Box Pengujian Black-Box berfokus pada persyaratan fungsional perangkat lunak. Dengan demikian pengujian Black-Box memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu program.
63 4.2.2. Kasus dan Hasil Pengujian Kasus dan hasil pengujian dibuat untuk mengetahui apakah Sistem website absensi Dasar XYZ dapat berjalan dengan baik atau tidak, dan hasil pengujian adalah sebagai berikut: 1. Pengujian Rancangan A. Rancangan Pengujian Halaman Utama Website Tabel 4.1 Rancangan Pengujian Antar Muka Menu Utama No Atar Muka Yang Diuji Bagian Antar Muka Yang Diuji Rencana 1 Halaman Menu Profil Klik Utama Web sekolah Sambutan kepala sekolah Klik Visi dan Misi Hasil Yang Diharapkan halamn sambutan kepala sekolah halaman halaman visi dan misi Fasilitas Pendidik & Tenaga Pendidik Klik sarana dan prasarana Klik Struktur Oraganisasi Klik Kepala halaman sarana dan prasarana Menampilakn halaman Struktur organisasi sekolah sambutan kepala sekolah
64 Klik Data Guru halaman data guru Klik Data Pegawai halaman data pegawai Klik Absensi Akademik harian siswa halaman absensi harian siswa Klik info penerimaan halaman info siswa baru penerimaan siswa baru Galeri Klik Galeri Kegiatan kegiatan halaman album galeri kegiatan Klik Menampilkam Pengumuman Pengumuman halaman Pengumuman Klik Agenda Agenda sekolah halaman Agenda sekolah 2 Bagian Kepala Menu Utama Beranda Klik Beranda halaman menu utama Login Klik Login halaman Login
65 B. Rancangan Pengujian Halaman Admin Tabel 4.2 Rancangan Pengujian Halaman Admin No Antar Muka Yang Diuji Bagian Antar Muka Yang Diuji 1 Data Statis Data Statis Rencana Klik data statis Hasil Yang Diharapkan halaman data statis 2 Data Dinamis Index Berita Klik Index Berita halaman berita Pengumuman Klik Pengumuman halaman pengumuman Agenda Klik agenda sekolah halaman agenda sekolah 3 Data Siswa-siswi Klik data siswa-siswi halaman data siswa-siswi Kepegawaian Klik kepegawaian halaman data kepegawaian 4 Galeri Galeri Klik galeri halaman galeri 5 Absensi Absensi Klik absensi halaman absensi siswa 6 Log Out Log Out Klik Log Out Keluar dalam halaman admin
66 C. Rancangan Pengujian Halaman Guru Tabel 4.3 Rancangan Pengujian Halaman Control Panel Guru No Antar Muka Yang Diuji Bagian Antar Muka Yang Rencana Hasil Yang Diharapkan Diuji 1 Beranda Beranda Klik beranda halaman control panel guru 2 Pengumuman Pengumuman Klik pengumuman halaman pengumuman 3 Input Absensi Input Absensi 4 Ganti Password Ganti Password Klik input absensi Klik ganti password halaman data absensi halaman ganti password 5 Website Website Klik website sekolah halaman utama wibsite 6 Log Out Log Out Klik Log Out Keluar dari control panel guru
67 2. Pengujian Dengan Black Box A. Rancangan Pengujian Halaman Utama Website Tabel 4.4 Hasil pengujian Antar Muka Menu Utama Black Box No Antar Muka Yang Diuji Bagian Antar Muka Yang Diuji Rencana 1 Halaman Utama Profil Klik Sambutan Website Kepala sekolah Klik Visi dan Misi Hasil Pengujian Berkasil Fasilita Pendidik & Tenaga Pendidik Klik Sarana Prasarana Klik Struktur Organisasi Klik Kepala Klik Data Guru Klik Data Pegawai Behasil 2 Bagian Kepala Menu Utama Klik Absensi Harian Akademik Siswa Klik info Penerimaan Siswa Baru Galeri Klik Galeri Klik Pengumuman Pengumuman Agenda Klik Agenda Beranda Klik Beranda Login Klik Login
68 B. Rancangan Pengujian Halaman Admin Tabel 4.5 Hasil Pengujian Halaman Admin No Antar Muka Yang Diuji Bagian Antar Muka Yang Diuji 1 Data Statis Data Statis Rencana Klik Data Statis Hasil Pengujian 2 Data Dinamis Index Berita Pengumuman Klik Index Berita Klik Pengumuman Agenda 3 Data Siswa-siswi Klik Agenda Klik Data Siswa-Siswi Klik Kepegawaian Kepegawaian 4 Galeri Galeri Klik Galeri 5 Absensi Absensi Klik Absensi 6 Log Out Log Out Klik Log Out C. Rancangan Pengujian Halaman Guru Tabel 4.6 Hasil Pengujian Halaman Control Panel Guru No Antar Muka Yang Diuji Bagian Antar Muka Yang Diuji Rencana Hasil Pengujian 1 Beranda Beranda Klik beranda
69 2 Pengumuman Pengumuman Klik pengumuman 3 Input Absensi Input Absensi Klik input absensi 4 Ganti Password Ganti Klik ganti Password password 5 Website Website Klik website sekolah 6 Log Out Log Out Klik Log Out 4.2.3. Kesimpulan Hasil Pengujian Berdasarkan hasil pengujian dengan kasus uji diatas dapat ditarik kesimpulan sebagai berikut : 1. Sistem website absensi sekolah dasar XYZ bebas dari kesalahan sintaks dan secara fungsional mengeluarkan hasil yang sesuai dengan yang diharapkan. 2. Tombol dan form pada sistem website absensi sekolah dasar XYZ dapat berfungsi dengan baik sesuai yang diharapkan. 3. Fiur-fitur pada website absensi sekolah dasar XYZ dapat berjalan dengan baik sesuai dengan yang diharapkan. 4. Sistem website absensi sekolah ini dibangun menggunakan bahasa pemrograman PHP dengan menggunakan freamwork CodeIgniter dan menggunakan database MySQL.