123
Contoh : 12137A artinya kelas 7A kelas 1 SMP pada tahun ajaran
20122013.
4.2.5. Perancangan Antar Muka
Perancangan antar muka merupakan penggambaran tampilan interface sebuah sistem yang akan digunakan secara langsung oleh pengguna, dan juga
merupakan penggambaran interaksi yang dapat dilakukan oleh pengguna dalam sistem. Adapun dalam perancangan antar muka ini terdapat beberapa bagian yang
harus dilakukan, yaitu dimulai dengan merancang struktur menu dan selanjutnya menentukan rancangan input output pada setiap fungsi sistem.
4.2.5.1. Struktur Menu
Guna memberikan kemudahan baik kepada pengguna maupun kepada pihak yang membangun sistem, maka dirancang struktur menu untuk sistem yang akan
dibangun. Adapun struktur menu untuk sistem informasi Penerimaan Peserta Didik Baru PPDB online yang diusulkan untuk diterapkan di SMP Assalaam
Bandung dapat dilihat pada gambar 4.21 dibawah ini.
124
SISTEM INFORMASI
AKADEMIK BERBASIS WEB
HALAMAN BACK END
KONTAK HALAMAN
FRONT END
KEGIATAN BLOG
BERANDA
MANAJEMEN BERKAS
LOGIN ADMIN TATA USAHA,
KEPALA SEKOLAH
PROFIL
PPDB ONLINE LOGIN WALI
SISWA HALAMAN
ADMIN TATA USAHA
HALAMAN ADMIN
KEPALA SEKOLAH
HALAMAN WALI SISWA
AYAH, IBU, WALI
Gambar 4.21 Struktur Menu Sistem Informasi PPDB Online
Struktur menu untuk halaman wali siswa ayah, ibu, wali pada Sistem Informasi Penerimaan Peserta Didik Baru PPDB Online, dapat dilihat pada
gambar 4.22 dibawah ini.
HALAMAN WALI SISWA
AYAH, IBU, WALI
PROFIL FORM PPDB
MANAJEMEN BERKAS
KONTAK BLOG
UNGGAH PERSYARATAN
KEGIATAN PESAN
PPDB ONLINE LOGOUT
BERANDA
PLACEMENT TEST
HASIL WAWANCARA
PEMBAYARAN KIRIM PESAN
PESAN MASUK PESAN KELUAR
Gambar 4.22 Struktur Menu Halaman Wali Siswa
125
Struktur menu untuk halaman kepala sekolah pada Sistem Informasi Penerimaan Peserta Didik Baru PPDB Online, dapat dilihat pada gambar 4.23
dibawah ini.
HALAMAN KEPALA
SEKOLAH
LAPORAN PPDB MANAJEMEN
LAPORAN
LAPORAN KEUANGAN
PPDB PESAN
PROFIL LOGOUT
BERANDA
LAPORAN HASIL PPDB
LAPORAN HASIL
WAWANCARA LAPORAN
PLACEMENT TEST
LAPORAN AKADEMK
LAPORAN SISWA
LAPORAN KELAS
LAPORAN GURU
KIRIM PESAN PESAN MASUK
PESAN KELUAR
Gambar 4.23 Struktur Menu Halaman Kepala Sekolah
Struktur menu untuk halaman tata usaha pada Sistem Informasi Penerimaan Peserta Didik Baru PPDB Online, dapat dilihat pada gambar 4.24 dibawah ini.
126
HALAMAN ADMINISTRAT
OR TATA USAHA
DATA PPDB PENDISTRIBUSI
AN KELAS
AKUN TATA USAHA
DATA PERSYARATAN
AKUN WALI SISWA
AKADEMIK PPDB
KONTEN AKUN
PESAN DASHBOARD
AKUN KEPALA SEKOLAH
DATA PEMBAYARAN
DATA HASIL WAWANCARA
DATA PLACEMENT
TEST
PENGATURAN PPDB
KIRIM PESAN PESAN MASUK
PESAN KELUAR BLOG
KEGIATAN PROFIL
KONTAK DATA SISWA
DATA GURU DATA KELAS
BERKAS STATUS
Gambar 4.24 Struktur Menu Halaman Tata Usaha
4.2.5.2. Perancangan Input