c. Perancangan Struktur Menu Siswa
Beranda Kontak
Buku Tamu Login
Daftar Guru
Aktifasi Berita
Menu Siswa
Ganti Password
Ganti Email Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman Materi
Pelajaran Baca
Download Latihan Soal
Ujian Lihat Nilai
Ujian Jawaban
Ujian Forum
Topik Beri
komentar Tambah
topik Laporan Nilai
Siswa Keluar
Gambar 3.29 Struktur menu Siswa E-learning SMK Negeri 2 Cimahi
d. Perancangan Struktur Menu Kepsek
Beranda Kontak
Buku Tamu Login
Daftar Guru
Aktifasi Berita
Menu Kepsek
Ganti Password
Ganti Email Data Siswa
Data Guru Monitoring
Nilai Siswa Keluar
Gambar 3.30 Struktur menu Kepsek E-learning SMK Negeri 2 Cimahi
3.2.4 Perancangan Antar muka
Perancangan antarmuka diperlukan pada program aplikasi ini dengan tujuan untu mempermudah pengguna dalam menggunakan program aplikasi ini. Dengan
adanya perancangan antarmuka ini berbagai pengguna baik awam, maupun yang sudah berpengalaman dapat mengoperasikan program ini tanpa adanya kesulitan
yang besar. 1. Perancangan Halaman Utama untuk user Guru, dan Siswa.
F01
Header SMK Negeri 2 Cimahi
E-Learning
Foto Sekolah
· Klik Beranda untuk menuju F01
· Klik kontak untuk menuju F02
· Klik buku tamu untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik daftar siswa atau guru akan menuju F05,
F06 · Klik lupa password
untuk menuju F07 · Klik login akan menuju
FG01 atau FS01 atau FK01 sesuai pilihan
login jika login valid, jika nipnis dan password
tidak valid akan muncul pesan M01, M02, atau
M03
Beranda Kontak
Buku Tamu
Berita Login
NIS NIP Password
Siswa Guru
Admin
Siswa Guru
Kalender Aktifasi
Login
Daftar
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis Default 1024 x 768 px
Daftar Guru Logo
Lupa Password ?
footer
Gambar 3.31 Perancangan Halaman Utama Aplikasi E-learning
F02
Header SMK Negeri 2 Cimahi
E-Learning
Logo sekolah
· Klik Beranda untuk menuju F01
· Klik kontak untuk menuju F02
· Klik buku tamu untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik daftar siswa atau guru akan menuju F05,
F06 · Klik lupa password
untuk menuju F07 · Klik login akan menuju
FG01 atau FS01 atau FK01 sesuai pilihan
login jika login valid, jika nipnis dan password
tidak valid akan muncul pesan M01, M02, atau
M03
Beranda Kontak
Buku Tamu Login
NIS NIP Password
Siswa Guru
Admin
Siswa Guru
Kalender Aktifasi
Login
Daftar
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis Default 1024 x 768 px
Daftar Guru Logo
Lupa Password ?
footer Kontak sekolah
Gambar 3.32 Perancangan Halaman Kontak Sekolah
F03
Header SMK Negeri 2 Cimahi
E-Learning
Tabel daftar tamu
· Klik Beranda untuk menuju F01
· Klik kontak untuk menuju F02
· Klik buku tamu untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik daftar siswa atau guru akan menuju F05,
F06 · Klik lupa password
untuk menuju F07 · Klik Isi buku tamu akan
menuju F08 · Klik login akan menuju
FG01 atau FS01 atau FK01 sesuai pilihan
login jika login valid, jika nipnis dan password
tidak valid akan muncul pesan M01, M02, atau
M03
Beranda Kontak
Buku Tamu Login
NIS NIP Password
Siswa Guru
Admin
Siswa Guru
Kalender Aktifasi
Login
Daftar
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis Default 1024 x 768 px
Daftar Guru Logo
Lupa Password ?
footer Buku Tamu
Isi buku tamu
Gambar 3.33 Perancangan Halaman Buku Tamu
F04
Header SMK Negeri 2 Cimahi
E-Learning
Tabel daftar guru
· Klik Beranda untuk menuju F01
· Klik kontak untuk menuju F02
· Klik buku tamu untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik daftar siswa atau guru akan menuju F05,
F06 · Klik lupa password
untuk menuju F07 · Klik login akan menuju
FG01 atau FS01 atau FK01 sesuai pilihan
login jika login valid, jika nipnis dan password
tidak valid akan muncul pesan M01, M02, atau
M03
Beranda Kontak
Buku Tamu Login
NIS NIP Password
Siswa Guru
Admin
Siswa Guru
Kalender Aktifasi
Login
Daftar
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis Default 1024 x 768 px
Daftar Guru Logo
Lupa Password ?
footer Daftar Guru
Gambar 3.34 Perancangan Halaman Daftar Guru
F05
Header SMK Negeri 2 Cimahi
E-Learning
· Klik Beranda untuk menuju F01
· Klik kontak untuk menuju F02
· Klik buku tamu untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik aktifasir siswa atau guru akan menuju F05,
F06 · Klik lupa password
untuk menuju F07 · Klik login akan menuju
FG01 atau FS01 atau FK01 sesuai pilihan
login jika login valid, jika nipnis dan password
tidak valid akan muncul pesan M01, M02, atau
M03
Beranda Kontak
Buku Tamu Login
NIS NIP Password
Siswa Guru
Admin
Siswa Guru
Kalender Aktifasi
Login
Daftar
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis Default 1024 x 768 px
Daftar Guru Logo
Lupa Password ?
footer Aktifasi Siswa
Kelas : NIS :
Nama : Email :
Foto : Simpan
Pilih kelas
Choose file
Gambar 3.35 Perancangan Halaman Aktifasi Siswa