· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Materi untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Nilai untuk masuk ke FU07
· Pilih Tombol Pengumuman untuk
masuk ke FU08 ·
Pilih Tombol Forum untuk masuk ke FU09
· Pilih Tombol Keluar untuk masuk
ke FU01
- H : Header Bg: Hijau
Bg: Hijau Bg Huruf: Putih
Bg Huruf: Putih Ukuran Huruf: 16px
Ukuran Huruf: 16px - N : Navigator
- G : Gambar Huruf : 12 px
Ukuran: Disesuaikan Warna : Hitam
- F : Footer Warna Link : Hijau
Ukuran: Disesuaikan Huruf: 11px
- T : Tombol
FU02-G
H
F
Home Profil
Materi Tugas
Ujian Nilai
Pengumuman Forum
Keluar
Status Username
Nama Email
G
Profil Materi
Tugas Ujian
Nilai
Pengumuman
Forum Keluar
N
T
Home
Gambar III.39 Perancangan Menu Home pada Guru
· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Materi untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Nilai untuk masuk ke FU07
· Pilih Tombol Pengumuman untuk
masuk ke FU08 ·
Pilih Tombol Forum untuk masuk ke FU09
· Pilih Tombol Keluar untuk masuk
ke FU01
- H : Header Bg: Hijau
Bg: Hijau Bg Huruf: Putih
Bg Huruf: Putih Ukuran Huruf: 16px
Ukuran Huruf: 16px - N : Navigator
- G : Gambar Huruf : 12 px
Ukuran: Disesuaikan Warna : Hitam
- F : Footer Warna Link : Hijau
Ukuran: Disesuaikan Huruf: 11px
- T : Tombol
FU03-G
H
F
Home Profil
Materi Tugas
Ujian Nilai
Pengumuman Forum
Keluar
Status Username
Nama Email
G N
Pengolahan Pengguna
Ubah Password
Password Baru Password Lama
Ulangi Password Baru
Simpan Perubahan
Ubah Data Diri
Nama Foto
Email Browser
Simpan Perubahan
T
Gambar III.40 Perancangan Menu Pengolahan Profil pada Guru
3. Antarmuka Siswa
· Pilih Tombol Login untuk masuk
ke FU02 ·
Pilih Tombol Lupa Password untuk masuk ke FU10
- H : Header Bg: Hijau
Bg: Hijau Bg Huruf: Putih
Bg Huruf: Putih Ukuran Huruf: 12px
Ukuran Huruf: 16px - F : Footer
- G : Gambar Huruf: 11px
Ukuran: Disesuaikan - Fl : Field
Ukuran: Disesuaikan Huruf: 14px
- T : Tombol
FU01-S
LOGIN LMS
username password
Login
Lupa Password?
G H
T F
Fl
Gambar III.41 Perancangan Login Siswa
· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Mteri untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Forum untuk masuk ke FU07
· Pilih Tombol History Nilai untuk
masuk ke FU08 ·
Pilih Tombol Keluar untuk masuk ke FU01
- H : Header Bg: Hijau
Bg: Hijau Bg Huruf: Putih
Bg Huruf: Putih Ukuran Huruf: 16px
Ukuran Huruf: 16px - N : Navigator
- G : Gambar Huruf : 12 px
Ukuran: Disesuaikan Warna : Hitam
- F : Footer Warna Link : Hijau
Ukuran: Disesuaikan Huruf: 11px
- T : Tombol
FU02-S
H
F Status
Username Nama
Email G
Home Profil
Materi Tugas
Ujian Forum
History Nilai
Keluar
T
Home
Home Profil
Materi Tugas
Ujian Forum
History Nilai Keluar
N
Gambar III.42 Perancangan Menu Home pada Siswa
· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Mteri untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Forum untuk masuk ke FU07
· Pilih Tombol History Nilai untuk
masuk ke FU08 ·
Pilih Tombol Keluar untuk masuk ke FU01
- H : Header Bg: Hijau
Bg: Hijau Bg Huruf: Putih
Bg Huruf: Putih Ukuran Huruf: 16px
Ukuran Huruf: 16px - G : Gambar
Ukuran: Disesuaikan - F : Footer
Ukuran: Disesuaikan Huruf: 11px
- T : Tombol
FU03-S
H
F Status
Username Nama
Email G
Pengolahan Pengguna
Ubah Password
Password Baru Password Lama
Ulangi Password Baru
Simpan Perubahan
Ubah Data Diri
Nama Foto
Email Browser
Simpan Perubahan
T
Home Profil
Materi Tugas
Ujian Forum
History Nilai Keluar
N
Gambar III.43 Perancangan Menu Pengolahan Profil pada Siswa
· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Mteri untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Forum untuk masuk ke FU07
· Pilih Tombol History Nilai untuk
masuk ke FU08 ·
Pilih Tombol Keluar untuk masuk ke FU01
- H : Header Bg: Hijau
Bg Huruf: Putih Ukuran Huruf: 16px
- G : Gambar Ukuran: Disesuaikan
- F : Footer Ukuran: Disesuaikan
Huruf: 11px
FU04-S
H
F Status
Username Nama
Email G
Download Materi
Mata Pelajaran Home
Profil Materi
Tugas Ujian
Forum History Nilai
Keluar
N
No Mata Pelajaran
Judul Materi Kelas
Download
Pilih Mata Pelajaran
Gambar III.44 Perancangan Menu Mata Pelajaran pada Siswa
· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Mteri untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Forum untuk masuk ke FU07
· Pilih Tombol History Nilai untuk
masuk ke FU08 ·
Pilih Tombol Keluar untuk masuk ke FU01
- H : Header Bg: Hijau
Bg Huruf: Putih Ukuran Huruf: 16px
- G : Gambar Ukuran: Disesuaikan
- F : Footer Ukuran: Disesuaikan
Huruf: 11px
FU05-S
H
F Status
Username Nama
Email G
Data Tugas
Mata Pelajaran Home
Profil Materi
Tugas Ujian
Forum History Nilai
Keluar
N
No Mata Pelajaran
Materi Judul Tugas
Batas Waktu
Pilih Mata Pelajaran
Kelas Aksi
Gambar III.45 Perancangan Menu Tugas pada Siswa
· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Mteri untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Forum untuk masuk ke FU07
· Pilih Tombol History Nilai untuk
masuk ke FU08 ·
Pilih Tombol Keluar untuk masuk ke FU01
- H : Header Bg: Hijau
Bg Huruf: Putih Ukuran Huruf: 16px
- G : Gambar Ukuran: Disesuaikan
- F : Footer Ukuran: Disesuaikan
Huruf: 11px
FU06-S
H
F Status
Username Nama
Email G
Data Ujian
Home Profil
Materi Tugas
Ujian Forum
History Nilai Keluar
N
No Mata Pelajaran
Judul Ujian Tanggal Ujian
Lama Ujian Aksi
Gambar III.46 Perancangan Menu Ujian pada Siswa
· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Mteri untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Forum untuk masuk ke FU07
· Pilih Tombol History Nilai untuk
masuk ke FU08 ·
Pilih Tombol Keluar untuk masuk ke FU01
- H : Header Bg: Hijau
Bg Huruf: Putih Ukuran Huruf: 16px
- G : Gambar Ukuran: Disesuaikan
- F : Footer Ukuran: Disesuaikan
Huruf: 11px
FU07-S
H
F Status
Username Nama
Email G
Data Forum
Home Profil
Materi Tugas
Ujian Forum
History Nilai Keluar
N
Gambar III.47 Perancangan Menu Forum pada Siswa
· Pilih Tombol Home untuk masuk
ke FU02 ·
Pilih Tombol Profil untuk masuk ke FU03
· Pilih Tombol Mteri untuk masuk
ke FU04 ·
Pilih Tombol Tugas untuk masuk ke FU05
· Pilih Tombol Ujian untuk masuk
ke FU06 ·
Pilih Tombol Forum untuk masuk ke FU07
· Pilih Tombol History Nilai untuk
masuk ke FU08 ·
Pilih Tombol Keluar untuk masuk ke FU01
- H : Header Bg: Hijau
Bg Huruf: Putih Ukuran Huruf: 16px
- G : Gambar Ukuran: Disesuaikan
- F : Footer Ukuran: Disesuaikan
Huruf: 11px
FU08-S
H
F Status
Username Nama
Email G
History Nilai
Home Profil
Materi Tugas
Ujian Forum
History Nilai Keluar
N
Gambar III.48 Perancangan Menu History Soal pada Siswa
