BAB IV HASIL DAN PEMBAHASAN
4.1 Implementasi Sistem
4.1.2 Pembina
Halaman ini digunakan untuk pembina atau admin agar mempermudah dalam memakai aplikasi.
Nama Halaman = Dashboard Pembina Flowchart = Gambar 3.5
Desain UI = Gambar 3.30
Gambar 4.3 Halaman Dashboard Pembina
Pada gambar 4.3 ditampilkan informasi berupa jumlah seputar kuis, siswa, pengajar serta di atas dashboard ditampilkan sebuah bagian dimana pembina dapat memberikan pengumuman kepada pengajar dan siswa, dan disebelah kiri ditampilkan menu untuk mempermudah pengguna untuk bernavigasi.
2. Halaman Profil Pembina
Nama Halaman = Profil Pembina
Flowchart = Gambar 3.5
Gambar 4.4 Halaman Profil Pembina
Pada gambar 4.4 memperlihatkan data dari pengguna yang telah masuk atau sedang menggunakan aplikasi ini.
3. Halaman Edit Profil Pembina
Nama Halaman = Edit Profil Pembina
Flowchart = Gambar 3.5
Desain UI = Gambar 3.32
Pada gambar 4.5 merupakan tampilan untuk mengedit informasi pengguna.
4. Halaman Data Pengajar
Nama Halaman = Data Pengajar
Flowchart = Gambar 3.6
Desain UI = Gambar 3.33
Gambar 4.6 Halaman Data Pengajar
Pada gambar 4.6 merupakan tampilan dari data seluruh pengajar yang mengajar di ekstrakurikuler pramuka SMPN 1 Kesamben Jombang.
5. Halaman Tambah Data Pengajar
Nama Halaman = Tambah Data Pengajar
Flowchart = Gambar 3.6
Gambar 4.7 Halaman Tambah Data Pengajar
Pada gambar 4.7 menampilkan form untuk menambahkan data pengajar yang akan mengajar di ekstrakurikuler pramuka.
6. Halaman Edit Data Pengajar
Nama Halaman = Edit Data Pengajar
Flowchart = Gambar 3.6
Desain UI = Gambar 3.35
Gambar 4.8 Halaman Edit Data Pengajar
Pada gambar 4.8 menampilkan form untuk mengubah data dari pengajar yang dipilih dari halaman data pengajar.
7. Halaman Data Siswa
Flowchart = Gambar 3.7
Desain UI = Gambar 3.36
Gambar 4.9 Halaman Data Siswa
Pada gambar 4.9 menampilkan seluruh data siswa yang mengikuti pramuka, dan diberikan fitur pencarian berdasarkan kelas agar mempermudah dalam mencari siswa.
8. Halaman Tambah Data Siswa
Nama Halaman = Tambah Data Siswa
Flowchart = Gambar 3.7
Gambar 4.10 Halaman Tambah Data Siswa
Pada gambar 4.10 menampilkan form untuk menambahkan data siswa yang ikut dalam kepramukaan SMPN 1 Kesamben Jombang.
9. Halaman Edit Data Siswa
Nama Halaman = Edit Data Siswa
Flowchart = Gambar 3.7
Gambar 4.11 Halaman Edit Data Siswa
Pada gambar 4.11 menampilkan form untuk mengubah data siswa yang telah dipilih sebelumnya di halaman data siswa.
10. Halaman Kategori Materi
Nama Halaman = Kategori Materi
Flowchart = Gambar 3.8
Desain UI = Gambar 3.39
Gambar 4.12 Halaman Kategori Materi
Pada gambar 4.12 menampilkan data dari kategori materi yang nantinya membantu pengelompokan data materi di halaman data materi.
11. Halaman Tambah Kategori Materi
Nama Halaman = Tambah Kategori Materi
Flowchart = Gambar 3.8
Desain UI = Gambar 3.40
Gambar 4.13 Halaman Tambah Kategori Materi
Pada gambar 4.13 menampilkan form untuk menambah data kategori materi.
12. Halaman Edit Kategori Materi
Nama Halaman = Edit Kategori Materi
Flowchart = Gambar 3.8
Desain UI = Gambar 3.41
Gambar 4.14 Halaman Edit Kategori Materi
Pada gambar 4.14 menampilkan form untuk mengedit atau mengubah data dari kategori materi yang telah dipilih sebelumnya.
13. Halaman Data Materi Pembina
Nama Halaman = Data Materi Pembina
Flowchart = Gambar 3.9
Desain UI = Gambar 3.42
Gambar 4.15 Halaman Data Materi Pembina
Pada gambar 4.15 menampilkan semua data materi yang telah dibagikan baik oleh pembina maupun oleh pengajar.
14. Halaman Tambah Data Materi Pembina
Nama Halaman = Tambah Data Materi Pembina
Flowchart = Gambar 3.9
Desain UI = Gambar 3.43
Pada gambar 4.16 menampilkan form untuk menambahkan data materi yang ingin dibagikan, diform tersebut juga sudah disediakan pilihan kategori yang sebelumnya telah dibuat untuk membantu pengelompokkan materi.
15. Halaman Edit Data Materi Pembina
Nama Halaman = Edit Data Materi Pembina
Flowchart = Gambar 3.9
Desain UI = Gambar 3.44
Gambar 4.17 Halaman Edit Data Materi Pembina
Pada gambar 4.17 menampilkan form untuk mengedit atau mengubah data materi yang telah dipilih sebelumnya di data materi.
16. Halaman Lihat Materi Pembina
Nama Halaman = Lihat Materi Pembina
Flowchart = Gambar 3.9
Gambar 4.18 Halaman Lihat Materi Pembina
Pada gambar 4.18 menampilkan hasil sebuah materi yang sudah jadi dan bisa di bagikan kepada seluruh siswa, disini pengguna juga dapat mendownload dokumen berupa pdf untuk disimpan ke penyimpanan internal mereka masing-masing.
17. Halaman Data Kuis Pembina
Nama Halaman = Data Kuis Pembina
Flowchart = Gambar 3.10
Desain UI = Gambar 3.46
Pada gambar 4.19 menampilkan halaman utama dalam melakukan pengelolaan kuis.
18. Halaman Edit Ketentuan Kuis
Nama Halaman = Edit Ketentuan Kuis
Flowchart = Gambar 3.10
Desain UI = Gambar 3.47
Gambar 4.20 Halaman Edit Ketentuan Kuis
Pada gambar 4.20 menampilkan form untuk mengubah ketentuan kuis yang akan dilaksanakan oleh siswa, mulai dari mengatur waktu dan melakukan buka tutup soal.
19. Halaman Kelola Soal Kuis
Nama Halaman = Kelola Soal Kuis
Flowchart = Gambar 3.10
Gambar 4.21 Halaman Kelola Soal Kuis
Pada gambar 4.21 menampilkan daftar soal atau pertanyaan dan terdapat juga fitur pencarian agar memudahkan dalam mencari pertanyaan.
20. Halaman Edit Soal Kuis
Nama Halaman = Edit Soal Kuis
Flowchart = Gambar 3.10
Desain UI = Gambar 3.49
Pada gambar 4.22 menampilkan bagaimana pertanyaan tersebut diubah setelah memilih pertanyaan yang akan di ubah pada halaman Kelola soal kuis.
21. Halaman Lihat Hasil Pembina
Nama Halaman = Lihat Hasil Kuis Pembina
Flowchart = Gambar 3.11
Desain UI = Gambar 3.50
Gambar 4.23 Halaman Lihat Hasil Kuis Pembina
Pada gambar 4.23 memperlihatkan data hasil dari para siswa mengerjakan kuis yang telah dilaksanakan, terdapat beberapa menu tampilan berupa siapa saja yang gagal maupun siapa yang lulus.
22. Halaman Lihat Histori Hasil Pembina
Nama Halaman = Lihat Histori Hasil Pembina
Flowchart = Gambar 3.11
Gambar 4.24 Halaman Histori Hasil Siswa
Pada gambar 4.24 menampilkan seluruh histori nilai yang pernah diikuti oleh siswa saat kuis berlangsung maupun yang telah selesai.
23. Halaman Detail Hasil Pembina
Nama Halaman = Detail Hasil Pembina
Flowchart = Gambar 3.11
Desain UI = Gambar 3.52
Pada gambar 4.25 menampilkan rincian jawaban dari nilai yang telah dipilih oleh pembina.
24. Halaman Data Forum Pembina
Nama Halaman = Data Forum Pembina
Flowchart = Gambar 3.15
Desain UI = Gambar 3.53
Gambar 4.26 Halaman Data Forum Pembina
Pada gambar 4.26 menampilkan seluruh forum diskusi dimana semua
postingan – postingan dari pembina, pengajar dan siswa diperlihatkan dalam satu
halaman.
25. Halaman Postingan Selengkapnya Pembina
Nama Halaman = Postingan Selengkapnya Pembina
Flowchart = Gambar 3.15
Gambar 4.27 Halaman Postingan Selengkapnya Pembina
Pada gambar 4.27 menampilkan percakapan dari salah satu postingan yang telah dibuat dan dipilih untuk di komentari atau sekedar untuk melihatnya saja.
26. Halaman Tulis Postingan Pembina
Nama Halaman = Tulis Postingan Pembina
Flowchart = Gambar 3.15
Gambar 4.28 Halaman Tulis Postingan Pembina
Pada gambar 4.28 menampilkan form untuk membuat postingan baru yang bisa dibuat oleh pembina.