a. Perancangan Struktur Menu Pengunjung Perancangan Struktur Menu Pengunjung dapat dilihat pada gambar berikut.
Beranda Daftar Siswa
Daftar Guru
SEDANG ONLINE
LOGIN
LUPA PASSWORD DAFTAR
Gambar 3.28 Struktur Menu Pengunjung
b. Perancangan Struktur Menu Admin Perancangan Struktur Menu Admin dapat dilihat pada gambar berikut.
Index Master Data
Aktifasi User Logout
Pengaturan Data Siswa
Data Mata Pelajaran Data Kelas
Data Ortu Siswa Data Guru
Aktifasi User Tambah User Baru
Pengaturan User LOGIN
Data Topik Forum
Gambar 3.29 Struktur Menu Admin c. Perancangan Struktur Menu Guru
Perancangan Struktur Menu Guru dapat dilihat pada gambar berikut.
Index Logout
Pengaturan Data
Upload Materi Input Pengumuman
Tugas Input Kehadiran Siswa
Data Ujian Pengaturan Akun
LOGIN
Input Topik Forum
Gambar 3.30 Struktur Menu Guru
d. Perancangan Struktur Menu Siswa Perancangan Struktur Menu Siswa dapat dilihat pada gambar berikut.
Beranda Daftar Siswa
Logout Pengaturan
Daftar Guru LOGIN
Profile Nilai
Edit Login Chatting
Forum Pelajaran
Gambar 3.31 Struktur Menu Siswa
e. Perancangan Struktur Menu Orang Tua Perancangan Struktur Menu Orang tua dapat dilihat pada gambar berikut.
LOGIN
Index Logout
Pengaturan Laporan
Data
Profile Data Nilai
Gambar 3.32 Struktur Menu Orang Tua
f. Perancangan Struktur Menu Kepala Sekolah Perancangan Struktur Menu Kepala sekolah dapat dilihat pada gambar
berikut.
LOGIN
Index Logout
Pengaturan Laporan
Laporan Keaktifan
Laporan Laporan Nilai
Pengaturan Account
Gambar 3.33 Struktur Menu Kepala Sekolah
3.3.2 Perancangan Arsitektur Jaringan
Pada perancangan Arsitektur Jaringan di SMKN 6 Bandung, menggunakan metode Client
– Server, pada gambar 4.30 adalah sebagai berikut:
Client 1 Client 2
Client 3 Client 4
Server E-Learning
switch
Gambar 3.34 Arsitektur Jaringan
3.3.2.1 Perancangan Antarmuka
Interface atau antarmuka merupakan tampilan dari suau program aplikasi
yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan
antarmuka yang mudah dipahami dan digunakan oleh user. Perancangan antarmuka untuk sistem e-learning SMKN 6 Bandung adalah
sebagai berikut : 1. Antarmuka Menu Utama
F01
Gambar 3.35 Perancangan Antarmuka Menu Utama
1,2,3 text link klik 1 menuju Form1
klik 2 menuju Form2 klik 3 menuju Form3
4Text box untuk username
5Text box untuk password
6combo boxlogin sebagai
7 tombol login klik 3 menuju Form2
klik 3 menuju S03 jika username dan
password benar 8combo box daftar e-
lerning 9 tombol daftar
menuju Form5,Form6 10 text link menuju
Form-- Ukuran Form 1024 X 786, Warna Background Biru,
Font Times New Roman, Ukuran 12
2. Antarmuka Daftar Siswa F02
Gambar 3.36 Perancangan Antarmuka Daftar Siswa
1,2,3 text link klik 1 menuju Form1
klik 2 menuju Form2 klik 3 menuju Form3
4Text box untuk username
5Text box untuk password
6combo boxlogin sebagai
7 tombol login klik 3 menuju Form2
klik 3 menuju S03 jika username dan
password benar 8combo box daftar e-
lerning 9 tombol daftar
menuju Form5,Form6 10 link text menuju
Form —
11 tex box pencarian Ukuran Form 1024 X 786, Warna Background Biru,
Font Times New Roman, Ukuran 12
3. Antarmuka Daftar Guru F03
Gambar 3.37 Perancangan Antarmuka Daftar Guru
1,2,3 text link klik 1 menuju Form1
klik 2 menuju Form2 klik 3 menuju Form3
4Text box untuk username
5Text box untuk password
6combo boxlogin sebagai
7 tombol login klik 7 menuju Form2
klik 7 menuju --- jika username dan
password benar 8combo box daftar e-
lerning 9 tombol daftar
menuju Form5,Form6 10 text link menuju
Form —
11 link text pencarian Ukuran Form 1024 X 786, Warna Background Biru,
Font Times New Roman, Ukuran 12
