Perancangan Layar Antarmuka Interface

3. Perancangan Halaman input data guru pada menu “Admin” Gambar 4.38 Rancangan Form input data guru 4. Perancangan Halaman input data kompetensi pada menu “Admin” Gambar 4.39 Rancangan Form input data kompetensi 109 5. Perancangan Halaman Laporan Kompetensi pada menu “Admin” Gambar 4.40 Rancangan Halaman Laporan Kompetensi Pada Menu Admin. 6. Perancangan Halaman input user akses pada menu “Admin” Gambar 4.41 Rancangan Form Input User Akses 110 7. Rancangan Halaman user setting pada menu “Admin”. Gambar 4.42 Rancangan Form user setting pada menu admin 8. Perancangan Halaman utama penilai 1 dan Penilai 2 Gambar 4.43 Rancangan Halaman utama penilai 1 dan penilai 2 111 9. Rancangan Halaman input nilai kompetensi guru pada menu “penilai 1 dan penilai 2 ” Gambar 4.44 Rancangan Form input nilai penilai 1 dan penilai 2 10. Rancangan Halaman data guru pada menu “penilai 1 dan penilai 2 ” Gambar 4.45 Rancangan halaman data guru penilai 1 dan penilai 2 112 11. Rancangan Halaman laporan nilai kompetensi pada menu ““penilai 1, penilai 2 dan admin sistem” Gambar 4.46 Rancangan halaman laporan kompetensi penilai 1 dan penilai 2 12. Rancangan Halaman user setting pada menu penilai 1 dan penilai 2. Gambar 4.47 Rancangan Halaman user setting 113 13. Rancangan Halaman utama Guru Gambar 4.48 Rancangan halaman utama guru 14. Rancangan Halaman data kompetensi personal pada menu “data kompetensi personal” Gambar 4.49 Rancangan halaman data kompetensi personal guru. 114 15. Rancangan Halaman user setting pada menu “Guru”. Gambar 4.50 Rancangan halaman User Setting Pada Menu guru

4.7 Perancangan Pemrograman

Setelah perancangan basis data selesai, maka tahap selanjutnya dilakukan perancangan pemrograman. Adapun bahasa pemrograman yang penulis gunakan yaitu PHP XAMPP for windows versi 5.2.5 sedangkan untuk database, penulis menggunakan MySQL 5.0.51a.

4.8 Pengujian

Setiap program menjalani pengujian secara pribadi untuk memastikan bahwa program yang telah kita buat bisa bebas dari kesalahan bug, walaupun tidak menutup kemungkinan masih terjadi sedikit bug atau tidak 100 bebas dari bug, namun pengujian ini setidaknya bisa meminimalisasi kesalahan yang akan terjadi. 115 Pengujian secara black box, yaitu suatu pendekatan untuk menguji apakah setiap fungsi di dalam program dapat berjalan dengan benar. Berikut beberapa proses yang dilakukan penulisan dalam pengujian ini, yaitu: a. Fungsi-fungsi yang tidak benar, baik input maupun output b. Apakah kesalahan interface c. Apakah kesalahan dalam struktur data atau akses database Dibawah ini merupakan tabel hasil pengujian dari Sistem Informasi Penilaian Kompetensi Guru : Tabel 4.33 List Hasil Pengujian dengan pendekatan Black-Box Testing . No. Rancangan Proses Hasil Yang Diharapkan Hasil Keterangan 1. Mulai jalankan program dengan membuka sistem Masuk halaman utama Sistem Informasi penilaian kompetensi guru pelita bangsa Sesuai 2. Login Masuk ke halaman utama user Sesuai 3. Pilih menu data guru Masuk ke halaman data guru Sesuai 4. Klik input data guru Masuk halaman Input data guru Sesuai 5. Mengisi field input data guru Data telah tersimpan Sesuai Nilai input valid 6. Pilih menu data kompetensi Masuk ke halaman data kompetensi Sesuai 7. Klik input data Kompetensi Masuk halaman Input data kompetensi Sesuai 8. Mengisi field input data kompetensi Data telah tersimpan Sesuai Nilai input valid 9. Pilih menu user akses Masuk ke halaman data user akses Sesuai 116 10 Klik input user akses Masuk halaman Input data user akses Sesuai 11. Mengisi field input user akses Data telah tersimpan Sesuai Nilai input valid 12. Pilih menu data guru pada user “penilai 1 da penilai 2” Masuk kehalaman data guru sesuai 12. Pilih menu penilaian kompetensi Menampilkan halaman penilaian kompetensi Sesuai 13. Klik input nilai kompetensi Masuk ke halaman input nilai kompetensi Sesuai 14. Mengisi field pada halaman tersebut, lalu klik simpan Menampilkan hasil input nilai dan tersimpan Sesuai Nilai input Valid Pilih menu data guru pada user “penilai 1 da penilai 2” Menampilkan halaman data guru Sesuai 16. Pilih menu laporan kompetensi pada user “penilai 1 dan penilai 2” Menampilkan halaman laporan kompetensi Sesuai 17. Pilih menu user setting pada semua user Menampilkan halaman user setting Sesuai 18. Mengisi field ganti password klik simpan Data telah tersimpan Sesuai Nilai input Valid 19. Pilih menu data kompetensi personal pada user ”guru” Menampilkan halaman data kompetensi personal Sesuai 20. Klik Logout Menampilkan Halaman Sesuai

4.9 Implementasi Sistem

Sistem Informasi Penilaian Kompetensi Guru Berbasis Web di Sekolah Dasar Pelita Bangsa Pamulang, sistem yang penulis buat masih dalam tahap pengenalan sistem dan belum sepenuhnya diimplementasikan di Sekolah Pelita Bangsa Pamulang. Sistem ini nantinya akan di include pada sistem yang sudah ada yaitu website Sekolah Pelita Bangsa Adapun user dari sistem ini yaitu, kordinator guru, kepala sekolah, dan guru. Dengan akses ke sistem yang berbeda- beda. 117