230
STD Guru
Gambar 4.87 STD Guru STD Guru Data Pribadi
Gambar 4.88 STD Guru Data Pribadi
231
STD Guru Mata Pelajaran
Gambar 4.89 STD Guru Mata Pelajaran
STD Guru Materi
Gambar 4.90 STD Guru Materi
232
STD Guru Buat Kuis Online Kembali ke materi Simpan Kuis Online Klik link kembali tampilkan Halaman materi
Edit Soal Kuis Online Klik edit, Tampilkan buat Soal kuis Online
Soal Sebelumnya
Halaman Buat Soal Kuis Online
Klik simpan, Tampilkan buat Soal kuis Online Klik link soal sesudahnya Tampilkan lihat soal kuis
Klik link soal sebelumnya Tampilkan lihat soal kuis Online
Gambar 4.91 STD Guru Buat Kuis Online
STD Guru Soal Berikutnya
Gambar 4.92 STD Guru Soal Berikutnya
Soal Berikutnya
233
STD Guru Upload Materi Pendukung
Gambar 4.93 STD Guru Upload Materi Pendukung
STD Guru Hapus Materi Pendukung
Gambar 4.94 STD Guru Hapus Materi Pendukung
STD Guru Nilai
Gambar 4.95 STD Guru Nilai
234
STD Guru Jadwal Mengajar
Gambar 4.96 STD Guru Jadwal Mengajar
STD Guru Jadwal Ujian
Gambar 4.97 STD Guru Jadwal Ujian
235
STD Guru Forum
Gambar 4.98 STD Guru Forum
STD Guru Isi Forum
Gambar 4.99 STD Guru Isi Forum
236
STD Guru Buat Topik Forum
Gambar 4.100 STD Guru Buat Topik Forum
STD Guru Balas Topik Forum Kirim Topik
Klik link kirim tampilkan halaman lihat topik
Halaman balas topik
Klik link kembali tampilkan halaman lihat topik
Kembali
Gambar 4.101 STD Guru Balas Topik Forum
237
STD Guru Hapus Topik Forum
Gambar 4.102 STD Guru Hapus Topik Forum
STD Guru Laporan
Gambar 4.103 STD Guru Laporan
STD Guru Laporan Soal Klik link laporan soal, Tampilkan halaman Laporan soal Halaman Laporan Soal
Klik Link laporan kuis Tampilkan halaman Laporan kuis online
Gambar 4.104 STD Guru Laporan Soal
Halaman Laporan Kuis Online
238
STD Guru Laporan Kuis Online Klik link laporan soal, Tampilkan halaman Laporan soal Halaman Laporan Soal
Klik Link laporan kuis Tampilkan halaman Laporan kuis online
Halaman Laporan Kuis Online
Gambar 4.105 STD Guru Laporan Kuis Online
STD Siswa
Gambar 4.106 STD Siswa
239
STD Siswa Data Pribadi
Gambar 4.107 STD Siswa Data Pribadi
STD Siswa Mata Pelajaran
Gambar 4.108 STD Siswa Mata Pelajaran
240
STD Siswa Materi Halaman materi
Klik link detail materi
Halaman detail materi
Gambar 4.109 STD Siswa Materi
STD Siswa Detail Materi Klik link download tampilkan Halaman materi
Kembali ke halaman detail materi
Download Materi Pokok Halaman detail materi
Download Soal
Upload Jawaban Soal
Klik link download tampilkan Halaman materi
Download materi pendukung
Klik link download tampilkan Halaman materi
Klik link kuis Tampilkan Halaman Kuis Online
Klik link upload tampilkan Halaman materi
Gambar 4.110 STD Siswa Detail Materi
Kuis Online
241
STD Siswa Download Materi Pokok
Gambar 4.111 STD Siswa Download Materi Pokok
STD Siswa Download Materi Soal
OK
Klik Ok tampilkan Open file Klik Save tampilkan Open file
Save
Download Materi Soal Klik cancel tampilkan Materi soal
Cancel
Gambar 4.112 STD Siswa Download Materi Soal
242
STD Siswa Download Materi Pendukung
Gambar 4.113 STD Siswa Download Materi Pendukung
STD Siswa Materi Kuis Online
Gambar 4.114 STD Siswa Materi Kuis Online
STD Siswa Detail Materi Kuis Online Halaman Detail Materi Kuis Online
Klik selesai, tampilkan Halaman pembahasan
Selesai
Gambar 4.115 STD Siswa Detail Materi Kuis Online
243
STD Diagram Siswa Nilai
Gambar 4.116 STD Diagram Siswa Nilai
STD Siswa Nilai Ulangan
Gambar 4.117 STD Siswa Nilai Ulangan
STD Siswa Nilai Akhir
Gambar 4.118 STD Siswa Nilai Akhir
244
STD Siswa Jadwal Mata Pelajaran
Jadwal Ujian
Klik link jadwal mata pelajaran Tampilkan halaman Jadwal mata pelajaran
Klik link jadwal Ujian tampilkan Halaman jadwal ujian Halaman Jadwal
Gambar 4.119 STD Siswa Jadwal Mata Pelajaran
STD Siswa Jadwal Ujian
Gambar 4.120 STD Siswa Jadwal Ujian
245
STD Siswa Forum
Gambar 4.121 STD Siswa Forum
STD Siswa Isi Forum
Gambar 4.122 STD Siswa Isi Forum
246
STD Siswa Buat Topik Forum
Gambar 4.123 STD Siswa Buat Topik Forum
STD Siswa Balas Topik Forum Kirim Topik
Klik link kirim tampilkan halaman lihat topk
Halaman balas Topik ini
Klik link kembali tampilkan halaman lihat topik
Kembali
Gambar 4.124 STD Siswa Balas Topik Forum
247
STD Siswa Lihat Topik Forum
Gambar 4.125 STD Siswa Lihat Topik Forum
STD Siswa Kirim Balasan
Gambar 4.126 STD Siswa Kirim Balasan
248
4.2.3
Perancangan Layar Berikut ini akan di tampilkan beberapa rancangan layar yang kemudian akan
diterapkan dalam pembuatan aplikasi.
Gambar 4.127 Rancangan Halaman Login
249
Gambar 4.128 Rancangan Layar Halaman Home Admin
250
Gambar 4.129 Rancangan Layar Halaman Administrasi Data Pribadi Siswa
251
Gambar 4.130 Rancangan Layar Halaman Input Data Siswa
252
Gambar 4.131 Rancangan Layar Halaman Administrasi Data Pribadi Guru
253
Gambar 4.132 Rancangan Layar Halaman Input Data Guru
254
Gambar 4.133 Rancangan Layar Halaman Pendataan Kelas
255
Gambar 4.134 Rancangan Layar Halaman Pengaturan Kelas
256
Gambar 4.135 Rancangan Layar Halaman Materi Admin
257
Gambar 4.136 Rancangan Layar Halaman Detail Materi Admin
258
Gambar 4.137 Rancangan Layar Halaman Kuis Admin (Langkah Satu)
259
Gambar 4.138 Rancangan Layar Halaman Kuis Admin (Langkah Dua)
260
Gambar 4.139 Rancangan Layar Halaman Kuis Admin (Cek)
261
Gambar 4.140 Rancangan Layar Halaman Jadwal Pelajaran
262
Gambar 4.141 Rancangan Layar Halaman Jadwal Ujian
263
Gambar 4.142 Rancangan Layar Halaman Forum Admin
264
Gambar 4.143 Rancangan Layar Halaman Informasi
265
Gambar 4.144 Rancangan Layar Halaman Home Guru
266
Gambar 4.145 Rancangan Layar Halaman Data Pribadi Guru
267
Gambar 4.146 Rancangan Layar Halaman Materi Pelajaran Guru
268
Gambar 4.147 Rancangan Layar Halaman Detail Materi Guru
269
Gambar 4.148 Rancangan Layar Halaman Kuis Guru (Langkah Satu)
