4.3 Implementasi Aplikasi Desain Antar Muka
Pada sub bab implementasi desain antarmuka menjelaskan form apa saja yang terlihat dalam aplikasi tersebut yang menampilkan beberapa aplikasi form
yaitu:
4.3.1 Form Halaman Daftar user
Setelah mengklik tulisan daftar makan user akan menuju halaman daftar. Di halaman daftar user dapat memasukan username, password, nama, alamat,
jenis kelamin, tempat kelahiran, tanggal kelahiran dan nomot telepon.
Gambar 4.1. Form Halaman Daftar
4.3.2 Form Halaman Login user
Setelah mengklik tulisan login makan user akan menuju halaman login. Di halaman login user memasukan username dan password,setelah itu halaman
login user akan memproses otentifikasinya.
Gambar 4.2. Form Halaman Login 4.3.3 Form Halaman Menu User
Setelah melalui proses login pada halaman login maka user akan menjumpai menu user. Pada halaman ini user dapat memilih menu antara lain :
edit data anda, data murid anda, lihat murid anda, cetak murid anda,logout dan upload foto murid anda. Pada menu ini berisi data pendaftaran user dan user dapat
mendaftarkan murid baru.
Gambar 4.3. Form Halaman Menu User
4.3.4 Form Halaman Login Admin
Setelah mengklik tulisan login makan user akan menuju halaman login. Di halaman login user memasukan username dan password,setelah itu halaman
login user akan memproses otentifikasinya.
Gambar 4.4. Form Login Admin
4.3.5 Form Halaman Login Admin Menu Pendaftaran
Setelah melalui proses login pada halaman login maka admin akan menjumpai menu pendaftaran jika login sebagai admin pendaftaran.
Gambar 4.5.
Form Awal Menu Pendaftaran
4.3.6 Implementasi Antarmuka Halaman Pendaftaran
Halaman ini berisi menu untuk mendaftar siswa baru. Di menu ini terdapat form – form untuk mengisi data siswa baru.
Gambar 4.6. Form Pendaftaran Siswa
4.3.7 Form Halaman Lihat dan Cetak
Halaman ini berisi data siswa baru yang baru terdaftar . Pada halaman ini data siswa yang baru di terdaftar akan di list dalam table.
Gambar 4.7. Form Halaman Lihat dan Cetak
4.3.8 Form Halaman Tambah Siswa
Halaman ini berisi menu untuk menambah siswa baru. Di menu ini terdapat form – form untuk mengisi data siswa baru tanpa melakukan pendaftaran.
Gambar 4.8. Form Halaman Tambah Siswa
4.3.9 Form Halaman Lihat Siswa