BAB V Hasil Pembahasan
BAB V
HASIL DAN PEMBAHASAN 5.1 Hasil
Dalam sub bab hasil ini akan dibahas tentang hasil dari tahap implementasi. Tahap implementasi menghasilkan tampilan antar muka pada aplikasi. Berikut merupakan halaman-halaman antar muka aplikasi :
1. Halaman Beranda
Halaman ini halaman pertama yang akan dilihat oleh user umum tanpa perlu mengisi form login. Navigasi disajikan sejajar dengan header web yang berisi logo dan nama sekolah. Terdapat slider box yang menampilkan foto sebagai banner. Kemudian dibawah baris slider, terdapat kolom untuk menampilkan pengumuman terbaru, artikel terbaru dan juga agenda terbaru. baris setelahnya terdapat slider untuk menampilkan kegiatan-kegiatan baru berupa dengan deskripsi gambar tersebut. Baris sebelum footer menampilkan link akan membawa user ke halaman-halaman sosial media yang dimiliki oleh MI Al-Falak.
Gambar 28. Tampilan beranda user umum 2. Halaman identitas Madrasah
Halaman identitas Madrasah terdapat pada menu profil yang berisi informasi mengenai Madrasah. Pada halaman dari menu profil, tidak terdapat widget-widget tambahan lain seperti pada beranda ataupun halaman berita & artikel, sehingga pengguna fokus membaca profil sekolah yang disajikan.
(2)
Gambar 29. Tampilan Identitas Madrasah 3. Halaman Galeri Seragam Sekolah
Berikut adalah halaman yang khusus menampilkan galeri seragam sekolah yang digunakan siswa siswi MI Al-Falak. Satu halaman pada galeri ini hanya menampilkan 3 foto secara horizontal. Ketika gambar di klik, maka akan tampil pop-up detail foto berupa ukuran asli dari foto tersebut.
Gambar 30. Tampilan Galeri Seragam Sekolah 4. Tampilan Login Administrator
Halaman ini diperuntukkan bagi administrator untuk masuk ke dalam sistem dan melakukan pengelolaan terhadap aplikasi. Aplikasi ini hanya menyediakan satu hak akses saja yaitu sebagai admin. Ketika admin memasukkan username atau password yang salah, maka sistem tidak akan mengizinkan admin untuk masuk dalam sistem dan akan membawa admin ke halaman form login kembali.
(3)
Gambar 31. Halaman Login Sistem
5. Halaman Dashboard admin
Halaman ini adalah halaman yang akan tampil ketika sudah berhasil login. Halaman ini hanya menampilkan pesan selamat datang kepada admin yang baru saja login. Dan diberikan instruksi bagaimana memulai mengelola halaman website. Menu navigasi diletakkan pada sisi kiri halaman, sedangkan data akun ataupun logout dapat dilihat dengan cara mengklik tombol yang berada di pojok kanan atas.
Gambar 32. Halaman Dashboard 6. Halaman Data Profil Sekolah
Halaman ini menampilkan data-data profil yang sudah di-inputkan sebelumnya. Terdapat tombol untuk menghapus data dan mengubah data. Juga terdapat fasilitas untuk pencarian data. Terdapat tombol hijau yang berfungsi untuk membawa admin ke form penambahan data.
(4)
Gambar 33. Halaman Data Profil
7. Halaman Tambah Data Profil
Halaman ini menampilkan form yang harus diisi untuk melengkapi data profil sekolah. Form untuk menulis konten ini dapat diisi dengan gambar yang bisa diambil dari folder lokal ataupun melalui url. Ukuran gambar yang di unggah tidak bisa lebih dari 5mb. Jika ada salah satu kolom yang tidak diisi, sistem tidak akan mengeksekusi perintah, kecuali kolom kosong sudah dilengkapi. Jika proses berhasil, user akan dibawa ke halaman report data profil.
Gambar 34. Form Input Data Profil 8. Halaman Ubah Data Profil
Halaman ini menampilkan form untuk mengubah data profil yang sebelumnya sudah memiliki data. Form ini akan mengubah satu atau lebih data yang dikehendaki. Jika ada salah satu form yang belum terisi, maka sistem tidak dapat memproses submit data. Jika form sudah terisi lengkap maka form akan memproses form untuk mengubah data.
(5)
Gambar 35. Form Ubah Data Profil 9. Halaman Lihat Galeri
Halaman lihat galeri menampilkan data galeri yang sebelumnya sudah diinputkan. Selain menampilkan data galeri yang berupa gambar dan deskripsi, tabel laporan ini pun menampilkan tombol aksi ubah data dan hapus data pada setiap data. Jika memilih tombol ubah data atau tombol yang berwarna biru, maka akan masuk ke halaman ubah data. Sedangkan jika memilih tombol yang berwarna oranye, maka akan muncul pesan yang berisi meyakinkan user untuk menhgapus data atau tidak. Jika ya, maka data akan terhapus dari database.
Gambar 36. Tabel Data Galeri 10. Halaman Data Akun dan Logout
Untuk dapat keluar dari sistem atau logout, admin dapat menemukan tombol logout di pojok kanan atas. Terdapat pula tombol untuk melihat data akun. Data akun akan tampil pop-up saat itu juga. Di sisi kanan tombol close, ada pula tombol edit yang akan membawa user ke halaman untuk mengubah username atau password jika admin menghendaki perubahan.
(6)
Gambar 37. Tombol logout sistem 5.2 Pembahasan
5.2.1 Uji Coba Struktural
Uji coba struktural dilakukan untuk memastikan apakah fasilitas menu yang dibuat telah sesuai dengan rancangan. Berikut merupakan tabel dari uji coba navigasi aplikasi ini :
Tabel 17. Uji Coba Struktural
No. Halaman Input
Benar
Input Salah
Keterangan Hasil
1. Beranda user umum
- - Dapat melihat konten-konten utama
Tampil 2. Selayang pandang - - Menampilkan sejarah
singkat sekolah
Tampil 3. Identitas Madrasah - - Menampilkan profil
sekolah
Tampil 4. Visi & Misi - - Menampilkan visi dan
misi sekolah
Tampil 5. Struktur Organisasi - - Menampilkan struktur
organisasi sekolah Tampil 6. Sarana & Prasarana - - Menampilkan sarana
dan prasarana Tampil 7. Guru & Staff - - Menampilkan galeri
foto personalia
Tampil 8. Tata Tertib &
Peraturan
- - Menampilkan tata
tertib dan peraturan
Tampil 9. Ekstrakulikuler - - Menampilkan data
ekstrakulikuler
Tampil
10. Prestasi Siswa - - Menampilkan
prestasi-prestasi siswa
Tampil 11. Seragam Murid - - Menampilkan galeri Tampil
(7)
13. Jadwal kegiatan - - Menampilkan agenda kegiatan
Tampil 14. Berita & Artikel - - Menampilkan
artikel-artikel
Tampil
15. Galeri - - Menampilkan
foto-foto kegiatan siswa dan guru
Tampil
16. Lokasi - - Menampilkan lokasi
sekolah
Tampil
17. Login Ya - Masuk ke dalam
sistem
Tampil
18. Login - Ya Kembali ke form
login Tampil
19. Input artikel - - Menampilkan form
input artikel Tampil 20. Lihat artikel - - Menampilkan data
artikel
Tampil
21. Edit artikel - - Menampilkan form
ubah artikel
Tampil 22. Input profil sekolah - - Menampilkan form
input profil sekolah
Tampil 23. Lihat profil
sekolah
- - Menampilkan data
profil sekolah
Tampil 24. Edit profil sekolah - - Menampilkan profil
sekolah ubah artikel Tampil 25. Input pengumuman - - Menampilkan form
input pengumuman Tampil 26. Lihat
pengumuman
- - Menampilkan data
pengumuman
Tampil
27. Edit pengumuman - - Menampilkan
pengumuman
Tampil 28. Input personalia - - Menampilkan form
input personalia
Tampil 29 Lihat personalia - - Menampilkan data
personalia
Tampil
30. Edit personalia -. - Menampilkan
personalia
Tampil
31. Input galeri - - Menampilkan form
input galeri Tampil
32. Lihat galeri - - Menampilkan data
galeri Tampil
33. Edit galeri - - Menampilkan galeri Tampil
34. Input slider - - Menampilkan form
input slider
Tampil
(8)
37 Input agenda - - Menampilkan form input agenda
Tampil
38. Lihat agenda - - Menampilkan data
agenda
Tampil
39. Edit agenda - - Menampilkan agenda Tampil
5.2.2 Uji Coba Fungsional
Uji coba fungsional dilakukan untuk memastikan proses-proses yang ada dalam sistem berjalan sesuai fungsinya.
Tabel 18. Uji Coba Fungsional
No. Halaman Fungsional Keterangan
1. Input artikel Menambah artikel baru Berfungsi 2. Edit artikel Mengubah data artikel Berfungsi 3. Hapus artikel Menghapus salah satu data
artikel Berfungsi
4. Input profil sekolah Menambah profil sekolah Berfungsi 5. Edit profil sekolah Mengubah profil sekolah Berfungsi 6. Hapus profil sekolah Menghapus salah satu data
profil sekolah Berfungsi
7. Input pengumuman Menambah pengumuman Berfungsi 8. Edit pengumuman Mengubah pengumuman Berfungsi 9. Hapus pengumuman Menghapus salah satu data
pengumuman Berfungsi
10. Input personalia Menambah personalia Berfungsi 11. Edit personalia Mengubah personalia Berfungsi 12. hapus personalia Menghapus salah satu data
personalia Berfungsi
13. Input galeri Menambah gambar Berfungsi
14. Edit galeri Mengubah gambar Berfungsi
15. Hapus galeri Menghapus salah satu data
gambar Berfungsi
16. Input slider Menambah gambar untuk slider
Berfungsi 17. Edit slider Mengubah gambar untuk
slider
Berfungsi 18. Hapus slider Menghapus salah satu data
gambar untuk slider
Berfungsi
19. Input agenda Menambah agenda Berfungsi
20. Edit agenda Mengubah agenda Berfungsi
21. Hapus agenda Menghapus salah satu data agenda
(9)
5.2.3 Uji Coba Validasi
Uji coba validasi dilakukan untuk memastikan bahwa data yang disimpan sistem akurat dan sah. Berikut beberapa validasi dari sistem ini :
1. Validasi penambahan Data
Ketika telah selesai memasukkan data dalam form, namun ada satu atau beberapa kolom form yang belum terisi, maka sistem akan memberikan pesan dan belum akan memproses data.
Gambar 38. Uji Coba Validasi Tambah Data (salah) Namun jika input sudah sesuai, maka akan tampil pesan sukses.
Gambar 39. Uji Coba Validasi Tambah Data (benar) 5.3 Pemeliharaan
Pemeliharaan dilakukan dengan memperbaiki bagian sistem yang belum sempurna, menambahkan dan mengembangkan fasilitas sistem.
(1)
Gambar 33. Halaman Data Profil
7. Halaman Tambah Data Profil
Halaman ini menampilkan form yang harus diisi untuk melengkapi data profil sekolah. Form untuk menulis konten ini dapat diisi dengan gambar yang bisa diambil dari folder lokal ataupun melalui url. Ukuran gambar yang di unggah tidak bisa lebih dari 5mb. Jika ada salah satu kolom yang tidak diisi, sistem tidak akan mengeksekusi perintah, kecuali kolom kosong sudah dilengkapi. Jika proses berhasil, user akan dibawa ke halaman report data profil.
Gambar 34. Form Input Data Profil 8. Halaman Ubah Data Profil
Halaman ini menampilkan form untuk mengubah data profil yang sebelumnya sudah memiliki data. Form ini akan mengubah satu atau lebih data yang dikehendaki. Jika ada salah satu form yang belum terisi, maka sistem tidak dapat memproses submit data. Jika form sudah terisi lengkap maka form akan memproses form untuk mengubah data.
(2)
Gambar 35. Form Ubah Data Profil 9. Halaman Lihat Galeri
Halaman lihat galeri menampilkan data galeri yang sebelumnya sudah diinputkan. Selain menampilkan data galeri yang berupa gambar dan deskripsi, tabel laporan ini pun menampilkan tombol aksi ubah data dan hapus data pada setiap data. Jika memilih tombol ubah data atau tombol yang berwarna biru, maka akan masuk ke halaman ubah data. Sedangkan jika memilih tombol yang berwarna oranye, maka akan muncul pesan yang berisi meyakinkan user untuk menhgapus data atau tidak. Jika ya, maka data akan terhapus dari database.
Gambar 36. Tabel Data Galeri 10. Halaman Data Akun dan Logout
Untuk dapat keluar dari sistem atau logout, admin dapat menemukan tombol logout di pojok kanan atas. Terdapat pula tombol untuk melihat data akun. Data akun akan tampil pop-up saat itu juga. Di sisi kanan tombol close, ada pula tombol edit yang akan membawa user ke halaman untuk mengubah username atau password jika admin menghendaki perubahan.
(3)
Gambar 37. Tombol logout sistem 5.2 Pembahasan
5.2.1 Uji Coba Struktural
Uji coba struktural dilakukan untuk memastikan apakah fasilitas menu yang dibuat telah sesuai dengan rancangan. Berikut merupakan tabel dari uji coba navigasi aplikasi ini :
Tabel 17. Uji Coba Struktural
No. Halaman Input
Benar
Input Salah
Keterangan Hasil
1. Beranda user umum
- - Dapat melihat konten-konten utama
Tampil 2. Selayang pandang - - Menampilkan sejarah
singkat sekolah
Tampil 3. Identitas Madrasah - - Menampilkan profil
sekolah
Tampil 4. Visi & Misi - - Menampilkan visi dan
misi sekolah
Tampil 5. Struktur Organisasi - - Menampilkan struktur
organisasi sekolah Tampil 6. Sarana & Prasarana - - Menampilkan sarana
dan prasarana Tampil 7. Guru & Staff - - Menampilkan galeri
foto personalia
Tampil 8. Tata Tertib &
Peraturan
- - Menampilkan tata
tertib dan peraturan
Tampil 9. Ekstrakulikuler - - Menampilkan data
ekstrakulikuler
Tampil
10. Prestasi Siswa - - Menampilkan
prestasi-prestasi siswa
Tampil
11. Seragam Murid - - Menampilkan galeri
seragam siswa Tampil 12. Jadwal pelajaran - - Menampilkan tabel Tampil
(4)
13. Jadwal kegiatan - - Menampilkan agenda kegiatan
Tampil 14. Berita & Artikel - - Menampilkan
artikel-artikel
Tampil
15. Galeri - - Menampilkan
foto-foto kegiatan siswa dan guru
Tampil
16. Lokasi - - Menampilkan lokasi
sekolah
Tampil
17. Login Ya - Masuk ke dalam
sistem
Tampil
18. Login - Ya Kembali ke form
login Tampil
19. Input artikel - - Menampilkan form
input artikel Tampil
20. Lihat artikel - - Menampilkan data
artikel
Tampil
21. Edit artikel - - Menampilkan form
ubah artikel
Tampil 22. Input profil sekolah - - Menampilkan form
input profil sekolah
Tampil 23. Lihat profil
sekolah
- - Menampilkan data
profil sekolah
Tampil 24. Edit profil sekolah - - Menampilkan profil
sekolah ubah artikel Tampil 25. Input pengumuman - - Menampilkan form
input pengumuman Tampil 26. Lihat
pengumuman
- - Menampilkan data
pengumuman
Tampil
27. Edit pengumuman - - Menampilkan
pengumuman
Tampil 28. Input personalia - - Menampilkan form
input personalia
Tampil 29 Lihat personalia - - Menampilkan data
personalia
Tampil
30. Edit personalia -. - Menampilkan
personalia
Tampil
31. Input galeri - - Menampilkan form
input galeri Tampil
32. Lihat galeri - - Menampilkan data
galeri Tampil
33. Edit galeri - - Menampilkan galeri Tampil
34. Input slider - - Menampilkan form
input slider
Tampil
35. Lihat slider - - Menampilkan data
slider
Tampil
(5)
37 Input agenda - - Menampilkan form input agenda
Tampil
38. Lihat agenda - - Menampilkan data
agenda
Tampil
39. Edit agenda - - Menampilkan agenda Tampil
5.2.2 Uji Coba Fungsional
Uji coba fungsional dilakukan untuk memastikan proses-proses yang ada dalam sistem berjalan sesuai fungsinya.
Tabel 18. Uji Coba Fungsional
No. Halaman Fungsional Keterangan
1. Input artikel Menambah artikel baru Berfungsi 2. Edit artikel Mengubah data artikel Berfungsi 3. Hapus artikel Menghapus salah satu data
artikel Berfungsi
4. Input profil sekolah Menambah profil sekolah Berfungsi 5. Edit profil sekolah Mengubah profil sekolah Berfungsi 6. Hapus profil sekolah Menghapus salah satu data
profil sekolah Berfungsi
7. Input pengumuman Menambah pengumuman Berfungsi 8. Edit pengumuman Mengubah pengumuman Berfungsi 9. Hapus pengumuman Menghapus salah satu data
pengumuman Berfungsi
10. Input personalia Menambah personalia Berfungsi 11. Edit personalia Mengubah personalia Berfungsi 12. hapus personalia Menghapus salah satu data
personalia Berfungsi
13. Input galeri Menambah gambar Berfungsi
14. Edit galeri Mengubah gambar Berfungsi
15. Hapus galeri Menghapus salah satu data
gambar Berfungsi
16. Input slider Menambah gambar untuk slider
Berfungsi 17. Edit slider Mengubah gambar untuk
slider
Berfungsi 18. Hapus slider Menghapus salah satu data
gambar untuk slider
Berfungsi
19. Input agenda Menambah agenda Berfungsi
20. Edit agenda Mengubah agenda Berfungsi
21. Hapus agenda Menghapus salah satu data agenda
(6)
5.2.3 Uji Coba Validasi
Uji coba validasi dilakukan untuk memastikan bahwa data yang disimpan sistem akurat dan sah. Berikut beberapa validasi dari sistem ini :
1. Validasi penambahan Data
Ketika telah selesai memasukkan data dalam form, namun ada satu atau beberapa kolom form yang belum terisi, maka sistem akan memberikan pesan dan belum akan memproses data.
Gambar 38. Uji Coba Validasi Tambah Data (salah) Namun jika input sudah sesuai, maka akan tampil pesan sukses.
Gambar 39. Uji Coba Validasi Tambah Data (benar) 5.3 Pemeliharaan
Pemeliharaan dilakukan dengan memperbaiki bagian sistem yang belum sempurna, menambahkan dan mengembangkan fasilitas sistem.