BAB IV HASIL DAN PEMBAHASAN
4.1 Implementasi Sistem
4.1.4 Siswa
Halaman ini digunakan untuk siswa agar mempermudah dalam memakai aplikasi.
1. Halaman Dashboard Siswa
Nama Halaman = Dashboard Siswa
Flowchart = Gambar 3.4
Desain UI = Gambar 3.71
Gambar 4.44 Halaman Dashboard Siswa
Pada gambar 4.44 memperlihatkan sebuah halaman awal yang akan ditampilkan ketika siswa sudah melakukan login kedalam aplikasi, terdapat tombol akses langsung ke 3 fitur utama dalam aplikasi ini, dan juga diatas terdapat informasi pengumuman.
Nama Halaman = Profil Siswa
Flowchart = Gambar 3.5
Desain UI = Gambar 3.72
Gambar 4.45 Halaman Profil Siswa
Pada gambar 4.45 memperlihatkan data diri lengkap dari siswa yang telah masuk kedalam aplikasi ini.
3. Halaman Edit Profil Siswa
Nama Halaman = Edit Profil Siswa
Flowchart = Gambar 3.5
Gambar 4.46 Halaman Edit Profil Siswa
Pada gambar 4.46 menampilkan form untuk mengubah informasi data dari siswa tersebut, ada beberapa form yang memang tidak bisa diganti misalnya no induk, dan juga agama, kelas, dan status siswa yang harus diubah oleh pembina.
4. Halaman Data Materi Siswa
Nama Halaman = Data Materi Siswa
Flowchart = Gambar 3.17
Desain UI = Gambar 3.74
Gambar 4.47 Halaman Data Materi Siswa
Pada gambar 4.47 memperlihatkan semua data materi yang telah dibagikan oleh pembina dan pengajar, terdapat judul materi dan gambar kecil serta keterangan penulis yang terdapat dalam satu baris materi.
5. Halaman Data Materi Kategori Siswa
Nama Halaman = Data Materi Kategori Siswa
Desain UI = Gambar 3.75
Gambar 4.48 Halaman Data Materi Kategori Siswa
Pada gambar 4.48 memperlihatkan seluruh kategori materi yang sudah terkelompok untuk mempermudahkan siswa dalam mencari materi – materi berdasarkan kategori materi.
6. Halaman Lihat Materi Siswa
Nama Halaman = Lihat Materi Siswa
Flowchart = Gambar 3.17
Gambar 4.49 Halaman Lihat Materi Siswa
Pada gambar 4.49 memperlihatkan tampilan materi yang telah dipilih, terdapat gambar materi, penjelasan materi, video materi, serta siswa juga dapat mengunduh materi untuk disimpan ke penyimpanan internal mereka.
7. Halaman Ikut Kuis
Pada halaman ini digunakan sebelum siswa mengikuti atau mengerjakan soal kuis, terdapat beberapa bagian pada halaman ini sesuai dengan kondisi siswa.
A. Halaman Kuis Ditutup
Nama Halaman = Kuis Ditutup
Desain UI = Gambar 3.77
Gambar 4.50 Halaman Kuis Ditutup
Pada gambar 4.50 memperlihatkan dan menjelaskan bahwa kondisi saat ini latihan kuis untuk pramuka belum dibuka, atau masih ditutup oleh pembina.
B. Halaman Kuis Dibuka
Nama Halaman = Kuis Dibuka
Flowchart = Gambar 3.16
Gambar 4.51 Halaman Kuis Dibuka
Pada gambar 4.51 memperlihatkan kondisi dimana jika latihan kuis telah dibuka oleh pembina dan siswa dapat melaksanakan ujian latihan kuis.
C. Jendela Pemberitahuan Pengerjaan Kuis
Nama Halaman = Jendela Pemberitahuan Pengerjaan Kuis
Flowchart = Gambar 3.16
Desain UI = Gambar 3.79
Setelah tombol mulai dibuka, maka akan ditampilkan sebuah pop up atau jendela kecil untuk memperlihatkan berapa waktu yang dibutuhkan siswa dalam mengerjakan latihan kuis ini nantinya seperti gambar 4.52.
D. Halaman Kuis Selesai
Nama Halaman = Kuis Selesai
Flowchart = Gambar 3.16
Desain UI = Gambar 3.80
Gambar 4.53 Halaman Kuis Selesai
Pada gambar 4.53 memperlihatkan kondisi dimana ketika seorang siswa telah melaksanakan latihan kuis dan mencoba untuk membuka menu ikut kuis, maka secara otomatis siswa tidak dapat untuk melaksanakan ujian lagi sampai pembina melakukan reset kembali.
8. Halaman Soal
Nama Halaman = Halaman Soal Pengerjaan
Flowchart = Gambar 3.16
Gambar 4.54 Halaman Pengerjaan Soal
Pada gambar 4.54 memperlihatkan form pengerjaan soal latihan kuis untuk para siswa, pada halaman ini tidak ada navigasi menu dan hanya menampilkan soal dan waktu, pada halaman ini juga tidak dapat di reload halaman, sehingga ketika siswa mereload halaman waktu akan tetap berjalan, sehingga terhindar dari kecurangan waktu.
9. Halaman Hasil Kuis Siswa
Nama Halaman = Hasil Kuis Siswa
Flowchart = Gambar 3.16
Gambar 4.55 Halaman Hasil Kuis Siswa
Pada gambar 4.55 memperlihatkan hasil kuis yang telah diikuti oleh siswa, setelah pengerjaan soal selesai maka siswa dapat mengkoreksi kesalahan mereka secara langsung melalui halaman ini.
10. Halaman Petunjuk
Nama Halaman = Petunjuk Kuis
Flowchart = Gambar 3.16
Gambar 4.56 Halaman Petunjuk Kuis
Sebelum melaksanakan latihan kuis, pada gambar 4.56 siswa dapat melihat petunjuk bagaimana cara pengisian atau ikut dalam mengerjakan latihan kuis.
11. Halaman Lihat Nilai Saya Siswa
Nama Halaman = Lihat Nilai Saya
Flowchart = Gambar 3.13
Desain UI = Gambar 3.84
Pada gambar 4.57 memperlihatkan seluruh nilai siswa yang telah melaksanakan latihan kuis, siswa hanya dapat melihat hasil kuis mereka sendiri dan tidak dapat melihat hasil kuis dari siswa lainnya.
12. Halaman Detail Hasil Siswa
Nama Halaman = Detail Hasil Siswa
Flowchart = Gambar 3.13
Desain UI = Gambar 3.85
Gambar 4.58 Halaman Detail Hasil Siswa
Pada halaman ini siswa dapat melihat detail rinci dari jawaban mereka yang telah dikerjakan sebelumnya.
13. Halaman Semua Forum Siswa
Nama Halaman = Semua Forum Siswa
Flowchart = Gambar 3.14
Gambar 4.59 Halaman Semua Forum Siswa
Pada gambar 4.59 memperlihatkan semua postingan yang telah dibuat oleh semua pengajar, pembina, maupun semua siswa, terdapat pula pencarian post untuk mempermudah mencari judul postingan yang ingin dicari sebelum membuka sesi diskusi baru.
14. Halaman Postingan Saya Siswa
Nama Halaman = Postingan Saya Siswa
Flowchart = Gambar 3.14
Desain UI = Gambar 3.87
Pada gambar 4.60 memperlihatkan semua postingan yang telah dibuat oleh siswa yang bersangkutan di dalam aplikasi ini, dihalaman ini juga siswa dapat menghapus atau hanya melihat postingan mereka sendiri.
15. Halaman Tulis Postingan Siswa
Nama Halaman = Tulis Postingan Siswa
Flowchart = Gambar 3.14
Desain UI = Gambar 3.88
Gambar 4.61 Halaman Tulis Postingan Siswa
Pada gambar 4.61 memperlihatkan form untuk menulis postingan baru atau memulai diskusi baru yang dibuat oleh siswa yang masuk kedalam aplikasi.
16. Halaman Postingan Selengkapnya Siswa
Nama Halaman = Postingan Selengkapnya Siswa
Flowchart = Gambar 3.14
Gambar 4.62 Halaman Postingan Selengkapnya Siswa
Pada gambar 4.62 memperlihatkan sebuah diskusi yang telah dipilih oleh siswa tersebut, dan siswa tersebut dapat berkomentar, atau hanya melihat diskusi tersebut.
17. Halaman Pengumuman
Nama Halaman = Pengumuman
Flowchart = Gambar 3.18
Gambar 4.63 Halaman Pengumuman
Pada gambar 4.63 memperlihatkan pengumuman atau pemberitahuan yang diberikan pembina kepada siswa.