Perancangan Struktur Menu .1 Perancangan Struktur Menu Pengunjung Perancangan Antar Muka

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