251
4.2.2
Perancangan Layar Siswa
Rancangan layar siswa Login siswa
HEADER Login Siswa ID Siswa: Password:
IMAGE
LOGIN
Copyright ©Adrian ©Juan ©Deri
Gambar 4.28 Rancangan Layar Login Siswa
Home siswa
Gambar 4.29 Rancangan Layar Home Siswa
252
Home siswa → Kelasku
Gambar 4.30 Rancangan Layar Kelasku Home siswa → Kelasku → Silabus Mata Pelajaran
Gambar 4.31 Rancangan Layar Silabus
253
Home siswa → Kelasku → Silabus Mata Pelajaran → Detail Silabus Mata Pelajaran
Gambar 4.32 Rancangan Layar Detail Silabus Home siswa → Kelasku → Silabus Mata Pelajaran → Detail Silabus Mata Pelajaran → Upload Tugas
Gambar 4.33 Rancangan Layar Upload Tugas
254
Home siswa → Kelasku → Silabus Mata Pelajaran → Detail Silabus Mata Pelajaran → Materi Tambahan
Gambar 4.34 Rancangan Layar Materi Tambahan Home siswa → Kelasku → Data Pribadi
Gambar 4.35 Rancangan Layar Data Pribadi
255
Home siswa → Kelasku → Data Pribadi → Forum Kelas Siswa
Gambar 4.36 Rancangan Layar Forum Siswa Home siswa → Kelasku → Data Pribadi → Forum Kelas Siswa → Buat Thread Baru
Gambar 4.37 Rancangan Layar Buat Thread Baru
256
Home siswa → Kelasku → Data Pribadi → Forum Kelas Siswa → Detail Forum Kelas Siswa
Gambar 4.38 Rancangan Layar Posting Home siswa → Kelasku → Data Pribadi → Forum Kelas Siswa → Post Reply
Gambar 4.39 Rancangan Layar Post Reply
257
Home siswa → Kelasku → Data Pribadi → Forum Kelas Siswa → Detail Forum Kelas Siswa → Edit Posting
Gambar 4.40 Rancangan Layar Edit Reply Home siswa → Jadwal
Gambar 4.41 Rancangan Layar Jadwal
258
Home siswa → Jadwal → Jadwal Pelajaran Teori
Gambar 4.42 Rancangan Layar Jadwal Teori Home siswa → Jadwal → Jadwal Praktikum
Gambar 4.43 Rancangan Layar Jadwal Praktikum
259
Home siswa → Jadwal → Jadwal Guru
Gambar 4.44 Rancangan Layar Jadwal Guru Home siswa → Jadwal → Jadwal Guru → Hasil Cari Jadwal Guru
HEADER Halaman Utama Ganti Password Keluar Selamat datang, xxx | dd mm yyyy , hh:mm:ss Kelasku Kode Guru
Nama Guru
xxxx
xxxxxxxxxxx
xxxx
xxxxxxxxxxx
Data Pribadi Jadwal Ujian Nilai Pertanyaan Berita News Feed
Copyright ©Adrian ©Juan ©Deri
Gambar 4.45 Rancangan Layar Hasil Cari Guru
260
Home siswa → Jadwal → Jadwal Guru → Hasil Cari Jadwal Guru → Detail Mengajar Guru
Gambar 4.46 Rancangan Layar Detail Mengajar Guru Home siswa → Ujian
Gambar 4.47 Rancangan Layar Ujian
261
Home siswa → Ujian → Jadwal Ujian Teori
Gambar 4.48 Rancangan Layar Jadwal Ujian Teori Home siswa → Ujian → Jadwal Ujian Praktikum
Gambar 4.49 Rancangan Layar Jadwal Ujian Praktikum
262
Home siswa → Nilai
Gambar 4.50 Rancangan Layar Nilai Home siswa → Pertanyaan
Gambar 4.51 Rancangan Layar Pertanyaan
263
Home siswa → Pertanyaan → FAQ
Gambar 4.52 Rancangan Layar FAQ Home siswa → Pertanyaan → Layanan Informasi Siswa
Gambar 4.53 Rancangan Layar Layanan Informasi Siswa
264
Home siswa → Berita
Gambar 4.54 Rancangan Layar Berita Home siswa → News Feed
Gambar 4.55 Rancangan Layar News Feed
265
Home siswa → News Feed → Beri Komentar
Gambar 4.56 Rancangan Layar Beri Komentar Home siswa → Ganti Password
Gambar 4.57 Rancangan Layar Ganti Password
266
4.2.3
Perancangan Layar Guru Rancangan layar Guru Login Guru
Gambar 4.58 Rancangan Layar Login Guru
Home Guru
Gambar 4.59 Rancangan Layar Home Guru
267
Home Guru → Kelasku
Gambar 4.60 Rancangan Layar Kelasku Home Guru → Kelasku → Silabus Mata Pelajaran
Gambar 4.61 Rancangan Layar Silabus
268
Home Guru → Kelasku → Silabus Mata Pelajaran → Detail Silabus Mata Pelajaran
Gambar 4.62 Rancangan Layar Detail Silabus Home Guru → Kelasku → Silabus Mata Pelajaran → Detail Silabus Mata Pelajaran → Cek Pengumpulan Tugas
Gambar 4.63 Rancangan Layar Periksa Pengumpulan Tugas
269
Home Guru → Kelasku → Silabus Mata Pelajaran → Detail Silabus Mata Pelajaran → Upload Materi Tambahan
HEADER Halaman Utama Ganti Password Keluar Selamat datang, xxx | dd mm yyyy , hh:mm:ss Kelasku
Upload Materi Tambahan
Data Pribadi
Upload Materi Tambahan
Kegiatan Mengajar
Lampirkan File! Ukuran Maks 1MB! :
Berita News Feed
Deskripsi
Browse...
:
Forum Diskusi Entri Nilai
Upload!
Copyright ©Adrian ©Juan ©Deri
Gambar 4.64 Rancangan Layar Upload Materi Tambahan Home Guru → Data Pribadi
Gambar 4.65 Rancangan Layar Data Pribadi
270
Home Guru → Kegiatan Mengajar
Gambar 4.66 Rancangan Layar Kegiatan Mengajar Home Guru → Kegiatan Mengajar → Jadwal Mengajar Teori
Gambar 4.67 Rancangan Layar Jadwal Mengajar Teori
271
Home Guru → Kegiatan Mengajar → Jadwal Mengajar Praktikum
Gambar 4.68 Rancangan Layar Jadwal Mengajar Praktikum Home Guru → Berita
Gambar 4.69 Rancangan Layar berita
272
Home Guru → News Feed
HEADER Halaman Utama Ganti Password Keluar Selamat datang, xxx | dd mm yyyy , hh:mm:ss Kelasku
Update Status
Data Pribadi Kegiatan Mengajar Berita News Feed Forum Diskusi Entri Nilai
xxxxxxx Berkata: xxxxxx dd Month yyyy,mm:ss Beri Komentar | Hapus xxxxxxx Berkata: xxxxxx dd Month yyyy,mm:ss Beri Komentar
Copyright ©Adrian ©Juan ©Deri
Gambar 4.70 Rancangan Layar News Feed Home Guru → News Feed → Beri Komentar
Gambar 4.71 Rancangan Layar Beri Komentar
273
Home Guru → Forum Diskusi
Gambar 4.72 Rancangan Layar Forum Diskusi Guru Home Guru → Forum Diskusi → Forum Diskusi kelas
Gambar 4.73 Rancangan Layar Forum Guru
274
Home Guru → Forum Diskusi → Forum Diskusi kelas → Buat Thread Baru
Gambar 4.74 Rancangan Layar buat Thread Baru Home Guru → Forum Diskusi → Forum Diskusi kelas → Detail Forum Diskusi kelas
Gambar 4.75 Rancangan Layar Posting
275
Home Guru → Forum Diskusi → Forum Diskusi kelas → Detail Forum Diskusi kelas → Post Reply
Gambar 4.76 Rancangan Layar Post Reply Home Guru → Forum Diskusi → Forum Diskusi kelas → Detail Forum Diskusi kelas → Edit Posting
HEADER xxxxxxxxxxx
Posting:
Reply!
Copyright ©Adrian ©Juan ©Deri
Gambar 4.77 Rancangan Layar Edit Reply