Implementasi Antarmuka Implementasi Sistem

menambah agenda dan menghapus agenda Informasi Merupakan halaman untuk mengakses informasi, menambah informasi dan menghapus informasi Kirim Surat Merupakan halaman untuk mengirim surat index.php?go=send Log Surat Merupakan halaman untuk mengakses informasi log surat masuk dan surat keluar index.php?go=loginbox Berikut adalah tampilan antarmuka pada perangkat lunak penyebaran informasi internal berbasis web di BP3C adalah sebagai berikut : 1. Form antarmuka login pada admin Gambar 4.1 Form antarmuka login pada admin 2. Form antarmuka halaman utama pada admin Gambar 4.2 Form antarmuka halaman utama pada admin 3. Form antarmuka data divisi pada admin Gambar 4.3 Form antarmuka data divisi pada admin 4. Form antarmuka tambah data divisi pada admin Gambar 4.4 Form antarmuka tambah data divisi pada admin 5. Form antarmuka data jabatan pada admin Gambar 4.5 Form antarmuka data jabatan pada admin 6. Form antarmuka tambah data jabatan pada admin Gambar 4.6 Form antarmuka tambah data jabatan pada admin 7. Form antarmuka data user pada admin Gambar 4.7 Form antarmuka data user pada admin 8. Form antarmuka tambah data user pada admin Gambar 4.8 Form antarmuka tambah data user pada admin 9. Form antarmuka agenda pada admin Gambar 4.9 Form antarmuka agenda pada admin 10. Form antarmuka tambah agenda pada admin Gambar 4.10 Form antarmuka tambah agenda pada admin 11. Form antarmuka informasi pada admin Gambar 4.11 Form antarmuka informasi pada admin 12. Form antarmuka tambah informasi pada admin Gambar 4.12 Form antarmuka tambah informasi pada admin 13. Form antarmuka kirim surat pada admin Gambar 4.13 Form antarmuka kirim surat pada admin 14. Form antarmuka log surat masuk pada admin Gambar 4.14 Form antarmuka log surat masuk pada admin 15. Form antarmuka akun pada admin Gambar 4.15 Form antarmuka akun pada admin 16. Form antarmuka login pada pimpinan Gambar 4.16 Form antarmuka login pada pimpinan 17. Form antarmuka halaman utama pimpinan Gambar 4.17 Form antarmuka halaman utama pada pimpinan 18. Form antarmuka agenda pada pimpinan Gambar 4.18 Form antarmuka agenda pada pimpinan 19. Form antarmuka tambah agenda pada pimpinan Gambar 4.19 Form antarmuka tambah agenda pada pimpinan 20. Form antarmuka informasi pada pimpinan Gambar 4.20 Form antarmuka informasi pada pimpinan 21. Form antarmuka tambah informasi pada pimpinan Gambar 4.21 Form antarmuka tambah informasi pada pimpinan 22. Form antarmuka surat masuk pada pimpinan Gambar 4.22 Form antarmuka surat masuk pada pimpinan 23. Form antarmuka tambah surat pada pimpinan Gambar 4.23 Form antarmuka tambah surat pada pimpinan 24. Form antarmuka surat keluar pada pimpinan Gambar 4.24 Form antarmuka surat keluar pada pimpinan 25. Form antarmuka ganti password pada pimpinan Gambar 4.25 Form antarmuka ganti password pada pimpinan 26. Form antarmuka login pada kepala bagian Gambar 4.26 Form antarmuka login pada kepala bagian 27. Form antarmuka halaman utama pada kepala bagian Gambar 4.27 Form antarmuka login pada kepala bagian 28. Form antarmuka agenda pada kepala bagian Gambar 4.28 Form antarmuka agenda pada kepala bagian 29. Form antarmuka tambah agenda pada kepala bagian Gambar 4.29 Form antarmuka tambah agenda pada kepala bagian 30. Form antarmuka informasi pada kepala bagian Gambar 4.30 Form antarmuka informasi pada kepala bagian 31. Form antarmuka surat masuk pada kepala bagian Gambar 4.31 Form antarmuka surat masuk pada kepala bagian 32. Form antarmuka tambah surat pada kepala bagian Gambar 4.32 Form antarmuka tambah surat pada kepala bagian 33. Form antarmuka surat keluar pada kepala bagian Gambar 4.33 Form antarmuka surat keluar pada kepala bagian 34. Form antarmuka ganti password pada kepala bagian Gambar 4.34 Form antarmuka ganti password pada kepala bagian 35. Form antarmuka login pada karyawan Gambar 4.35 Form antarmuka login pada karyawan 36. Form antarmuka halaman utama pada karyawan Gambar 4.36 Form antarmuka halaman utama pada karyawan 37. Form antarmuka agenda pada karyawan Gambar 4.37 Form antarmuka agenda pada karyawan 38. Form antarmuka informasi pada karyawan Gambar 4.38 Form antarmuka informasi pada karyawan 39. Form antarmuka surat masuk pada karyawan Gambar 4.39 Form antarmuka surat masuk pada karyawan 40. Form antarmuka ganti password pada karyawan Gambar 4.40 Form antarmuka ganti password pada karyawan Sedangkan tampilan antarmuka pada perangkat lunak penyebaran informasi internal berbasis mobile web di BP3C adalah sebagai berikut : 1. Form antarmuka login karyawan, kepala bagian, pimpinan pada mobile web Gambar 4.41 Form antarmuka login pada mobile web 2. Form antarmuka halaman utama karyawan, kepala bagian, pimpinan pada mobile web Gambar 4.42 Form antarmuka halaman utama pada mobile web 3. Form antarmuka agenda karyawan, kepala bagian, pimpinan pada mobile web Gambar 4.43 Form antarmuka agenda pada mobile web 4. Form antarmuka surat masuk karyawan, kepala bagian, pimpinan pada mobile web Gambar 4.44 Form antarmuka surat masuk pada mobile web

4.2 Pengujian Sistem

Tahap selanjutnya adalah tahap pengujian sistem. Tahap ini merupakan hal terpenting yang bertujuan untuk menemukan kesalahan – kesalahan ataupun kekurangan – kekurangan pada aplikasi yang dibangun. Pengujian ini bermaksud untuk mengetahui apakah aplikasi yang dibuat telah memenuhi kriteria yang sesuai dengan tujuan perancangan aplikasi atau belum. Pengujian perangkat lunak ini menggunakan pengujian black box. Pengujian black box berfokus pada persyaratan fungsional perangkat lunak.

4.2.1 Rencana Pengujian

Rencana pengujian yang akan dilakukan pada perangkat lunak ini dapat dilihat pada tabel sebagai berikut : Tabel 4.8 Rencana pengujian login pada halaman admin Kelas Uji Butir Uji Jenis Pengujian Login Menampilkan form login Black box Isi form login Black box Verifikasi username Black box Verifikasi Password Black box Menampilkan halaman home Black box Tabel 4.9 Rencana pengujian tambah data divisi pada halaman admin Kelas Uji Butir Uji Jenis Pengujian Login Menampilkan form login Black box Isi form login Black box Verifikasi username Black box Verifikasi Password Black box Tambah Divisi Menampilkan form divisi Black box Isi form divisi Black box Menampilka form tambah data divisi dan menyimpan data divisi ke database Black box Tabel 4.10 Rencana pengujian mengubah data divisi pada halaman admin Kelas Uji Butir Uji Jenis Pengujian Login Menampilkan form login Black box Isi form login Black box Verifikasi username Black box Verifikasi Password Black box Ubah divisi Menampilkan form divisi Black box Isi form divisi Black box Menampilka form mengubah data divisi dan menyimpan data divisi ke database Black box Tabel 4.11 Rencana pengujian menghapus data divisi pada halaman admin Kelas Uji Butir Uji Jenis Pengujian Login Menampilkan form login Black box Isi form login Black box Verifikasi username Black box Verifikasi Password Black box Hapus divisi Menampilkan form divisi Black box Isi form divisi Black box Menampilka form menghapus data divisi dan menyimpan data divisi ke database Black box Tabel 4.12 Rencana pengujian tambah data jabatan pada halaman admin Kelas Uji Butir Uji Jenis Pengujian Login Menampilkan form login Black box Isi form login Black box Verifikasi username Black box Verifikasi Password Black box Tambah Jabatan Menampilkan form jabatan Black box Isi form jabatan Black box Menampilka form tambah data jabatan dan menyimpan data jabatan ke database Black box Tabel 4.13 Rencana pengujian mengubah data jabatan pada halaman admin Kelas Uji Butir Uji Jenis Pengujian Login Menampilkan form login Black box Isi form login Black box Verifikasi username Black box Verifikasi Password Black box Ubah Jabatan Menampilkan form jabatan Black box Isi form jabatan Black box Menampilkan form ubah data jabatan dan menyimpan data jabatan ke database Black box Tabel 4.14 Rencana pengujian menghapus data jabatan pada halaman admin Kelas Uji Butir Uji Jenis Pengujian Login Menampilkan form login Black box Isi form login Black box Verifikasi username Black box Verifikasi Password Black box Hapus Jabatan Menampilkan form jabatan Black box Isi form jabatan Black box Menampilka form ubah data jabatan dan menyimpan data jabatan ke database Black box Tabel 4.15 Rencana pengujian tambah data user pada halaman admin Kelas Uji Butir Uji Jenis Pengujian Login Menampilkan form login Black box Isi form login Black box Verifikasi username Black box Verifikasi Password Black box Tambah User Menampilkan form user Black box Isi form user Black box Menampilka form tambah data user dan menyimpan Black box