Hasil HASIL DAN 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. 30 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. 31 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. 32 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. 33 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. 34 Gambar 37. Tombol logout sistem

5.2 Pembahasan