52
3.2.2 Perancangan Struktur Menu 3.2.2.1 Perancangan Struktur Menu Pengunjung
Website Nilai Online SMK Bina Insan Mulia
Home Nilai
Gambar 3.17 Struktur Menu Pengunjung
3.2.2.2 Perancangan Srtuktur Menu Admin
Website SMK BIna Insan Mulia
Login Admin
Gambar 3.18 Struktur Menu Admin
Data Siswa Data Guru
Data Mata Pelajaran Data Tahun Ajaran
Data Tambah Nilai Ujian Data Nilai Ujian
Data Nilai Tugas Logout
53
3.2.3 Perancangan Antar Muka
Perancangan antarmuka yang dibuat dalam sistem ini adalah sebagai berikut:
3.2.3.1 Rancangan Antarmuka Menu Utama Pengunjung
Rancangan antarmuka ini merupakan tampilan awal ketika program dijalankan, ditunjukkan pada Gambar 3.19
LOGO
SMK Bina Insan Mulia
T01
► Klik Home menuju T01 ► Klik Nilai menuju T02
Nilai NIS
Tahun Ajaran Home
tampilkan
Gambar 3.20 Rancangan Antarmuka Menu Utama pengunjung
SMK Bina Insan Mulia Nilai Online
LOGO
54
3.2.3.2 Rancangan Antarmuka Menu Nilai Pengunjung
Rancangan antarmuka ini merupakan tampilan awal ketika program dijalankan, ditunjukkan pada Gambar 3.20
LOGO
SMK Bina Insan Mulia
T01
► Klik Home menuju T01 ► Klik Nilai menuju T02
Cek Nilai NIS
Tahun Ajaran tampilkan
Gambar 3.19 Rancangan Antarmuka Menu Nilai pengunjung
SMK Bina Insan Mulia Nilai Online
LOGO
NIS :
Nama :
Tahun Ajaran : Tampil Nilai
55
3.2.3.3 Rancangan Antarmuka Menu Utama Admin
Perancangan antarmuka ini merupakan menu utama untuk admin setelah login ditunjukkan pada Gambar 3.22
ADMINISTRATOR
T03
► Klik Datar Ulang Menuju T24
► Klik Pembagian Kelas menuju T25
► Klik Input Data Siswa menuju T26
► Klik Input Data Guru menujuj T27
Navigation • Siswa
• Guru • Mata Pelajaran
• Tahun Ajaran • Tambah Nilai Ujian
• Nila Ujian • Nilai Tugas
• Logout Pengolahan Data Nilai
Siswa….
………….. ► Klik Input Data Mata
Pelajaran menuju T28 ► Klik Input Tahun Ajaran
menuju T29 ► Klik Input T a m b a h
Nilai Ujian menuju T30 ► Klik Look Nilai Ujian
menuju T31 ► Klik Look Nilai Tugas
menuju T32 ► Klik Logout Akan muncul
M04 menujuT01
Gambar 3.22 Rancangan Antarmuka Menu Utama Admin
56
On c
lic k
On c
lic k
3.2.4. jaringan simantik