Setelah memasukan username maka script ajax akan memproses ke database dan mengecek apakah username tersebut sudah digunakan apa belum.
Jika belum maka akan muncul pop up menu teks dengan pesan nama tersedia. Untuk validasi text yang lain akan muncul pesan ok pada samping text boxt
tersebut. Validasi dapat dilihat pada gambar 5.2.
5.3.2 Uji Coba Halaman Login Anggota
Form login anggota di gunakan sebelum pengunjung mengakses ini aplikasi ini. Tujuannya adalah untuk keamanan sebuah aplikasi agar tidak
digunakan oleh pihak lain yang tidak berkepentingan. Di form ini setiap anggota memiliki hak akses untuk masuk ke halaman anggota. Untuk uji coba login
anggota maka harus memasukan username dan password dan di ikuti dengan
tombol submit.
Submit
Gambar 5.3. Halaman Login Anggota
Setelah proses login berhasil maka akan masuk ke halaman anggota. Anggota yang sudah terdaftar akan terotomatis telah terset dalam database.
Halaman ini terdiri dari menu, edit data anggota, data murid anda, upload foto murid anda, lihat murid anda, cetak murid anda dan upload ijazah anda.
Gambar 5.4. Halaman Anggota
Untuk mengedit data anggota, dapat di edit dengan mengklik menu edit data anda. Maka script ajax akan merequest data tanpa merefresh halaman
anggota dengan memunculkan pop up menu.
Gambar 5.5. Pop up Menu Edit Anggota
Untuk memasukan data murid, dapat dimasukan dengan mengklik menu data murid anda. Maka script ajax akan merequest data tanpa merefresh halaman
anggota dengan memunculkan pop up menu. Dan user dapat memasukan data murid baru untuk mendaftar sebagai siswa.
Gambar 5.6. Pop up Menu Data Murid Anda
Untuk mengupload foto murid, dapat dimasukan dengan mengklik menu foto murid anda. Maka script ajax akan merequest data tanpa merefresh halaman
anggota dengan memunculkan pop up menu. Dan user dapat menupload dengan menekan browse dan pilih file fotonya.
Gambar 5.7. Pop up Menu Foto Murid Anda
Untuk melihat data murid anda, dapat di lihat dengan mengklik menu lihat murid anda. Maka script ajax akan merequest data tanpa merefresh halaman
anggota dengan memunculkan pop up menu. Dan user dapat melihat data murid yang sudah dimasukan.
Gambar 5.8. Pop up Menu Lihat Murid Anda
Untuk mencetak data pendaftaran murid anda, dapat di lihat dengan mengklik menu cetak murid anda. Maka script ajax akan merequest data tanpa
merefresh halaman anggota dengan memunculkan pop up menu. Dan user dapat mencetak data murid yang sudah dimasukan dalam format pdf.
Gambar 5.9. Pop up Menu Cetak Murid Anda
Untuk mengupload gambar ijazah, dapat dimasukan dengan mengklik menu ijazah murid anda. Maka script ajax akan merequest data tanpa merefresh
halaman anggota dengan memunculkan pop up menu. Dan user dapat menupload dengan menekan browse dan pilih file gambarnya.
Gambar 5.10. Pop up Menu upload Ijazah Murid Anda
Jika user ingin keluar dari halaman anggota dapat mengklik menu logout.
Gambar 5.11. Link Logout
5.4 Uji Coba Halaman Admin Pendaftaran 5.4.1 Uji Coba Halaman login Admin
