Perancangan Antar Muka Perancangan Sistem

3.3.5. Perancangan Antar Muka

Perancangan antar muka ini merupakan perancangan halaman aplikasi yang berinteraksi langsung dengan pengguna sistem aplikasi. Pada aplikasi ini terdapat antarmuka yang digunakan user dan admin mengunakan aplikasi berbasis Website dan SMS Gateway. User admin, guru, siswa dan wali murid saat pertama kali mengskses sistem ini pada browser, antar muka yang disediakan adalah halaman index. Pada halaman index terdapat halaman daftar melalui tulisan daftar dan juga terdapat halaman login melalui tulisan daftar. Sedangkan admin saat pertama kali mengaskse sistem aplikasi website dan sms gateway pada web browser, pertama halaman yang di sediakan adalah halaman index fungsinya sama dengan halaman index user yaitu keduanya mencantumkan link yang berupa tulisan login bila di klik akan muncul form untuk login dan langsung ke halaman login. Pada halaman daftar user seorang admin, guru, siswa dan wali murid dapat melakukan proses registrasi dan mengisi data user name, password, alamat, tempat, tanggal lahir dan nomor telepon. Setelah mendaftar anggota dapat memasukan username dan password untuk proses otentifikasi login user maka user akan berpindah ber link kehalaman menu anggota yang berisikan data guru, data siswa dan wali murid. Sedangkan admin akan login harus sudah terdaftar. Dengan mendaftar pada menu admin user. Di menu ini terdapat proses registrasi dengan memasukan nama ,password dan letak. Jika letak di pilih data kelas maka dapat login ke menu Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. data kelas, Jika letak di pilih data mata pelajaran maka dapat login ke menu mata pelajaran dan jika ingin memilih menu informasi nilai siswa maka dapat melogin ke menu data nilai siswa. Di dalam menu infomasi nilai terdapat menu – menu yang akan dipilih seperti lihat data nilai mata pelajaran, data nilai extra dan data nilai kehadiran siswa, dan yang terakhir cetak nilai.

3.3.6. Perancangan Antarmuka User