Gambar 5.26. Validasi form Tambah Siswa
Jika ada data yang kosong maka script ajax akan mengecek apakah data pada text tersebut kosong atau tidak. Jika data tersebut kosong maka akan muncul
pesan nama harus di isi pada kanan text dan jika data terisi maka akan muncul
pesan OK .
5.4.5 Uji Coba halaman Lihat Siswa
Ketika di klik menu lihat dan cetak maka akan tampil tabel data murid. Halaman ini terdapat list data murid. Dan admin dapat mencari , melihat,
mencetak, mengedit dan menghapus data murid yang sudah terdaftar.
Cetak Lihat
cari
Pagging
Gambar 5.27. Halaman Lihat Siswa
Pada text kanan diatas adalah text untuk menu search data Murid. Text ini mengunakan auto complete yang langsung mengambil dari database mengunakan
script ajax. Ketika dapat data yang di cari lalu ditekan enter maka data yang di cari tesebut dapat di edit.
Gambar 5.28. Auto complete
Jika data yang sudah di cari dapat. Lalu di tekan enter maka kemenu edit Murid.
Gambar 5.29 Lihat Edit Murid
Untuk fungsi pada gambar 5.27 sama pada gambar 5.18 . Terdapat link edit foto, edit data murid, edit ijazah dan hapus murid.
Dan link yang terakhir adalah link logout. Yang berfungsi untuk keluar dari sistem pendaftaran.
Gambar 5.30. Link Log Out 5.5 Uji Coba Halaman Admin Pembayaran
5.5.1 Uji Coba halaman login Admin
Pada halaman ini administraton Pembayaran dapat memasukan username dan password pembayaran kemudian menekan tombol submit untuk login.
Gambar 5.31. Admin
Ketika di klik link admin tersebut pada gambar 5.11. Maka akan muncul menu login dengan efek ajax tanpa merefresh halaman tersebut.
Gambar 5.32. Pop Menu Login Admin
Setelah proses login admin pembayaran berhasil maka akan masuk ke halaman admin pembayaran. Admin pembayaran ini berfiungsi untuk mengolah
data pembayaran siswa yang telah ada. Di dalam halaman ini terdapat beberapa menu yaitu, pembayaran siswa,cetak pembayaran murid, rekap perhari, rekap
perbulan, rekap pertahun, tambah tahun, tambah pembayaran, grafik dan logout.
Gambar 5.33. Halaman Admin Pembayaran
5.5.2 Uji Coba Halaman Tambah Pembayaran
Ketika di klik menu tambah pembayaran maka akan tampil form pembayaran. Di dalam form ini terdapat beberapa text harus di isi oleh admin jika
ingin melakukan proses pembayaran siswa.
Gambar 5.34. Halaman Tambah Pembayaran
Untuk memasukan nomor induk admin dapat memasukan nomor induk atau nama murid maka akan tampil keterangan drop down nama, nomor induk dan kelas data
yang di cari.
Gambar 5.35. Auto complete pembayaran
Jika textbox nomor induk di isi dengan r maka akan tampil data yang ingin di cari yaitu reni dengan nomor induk 55 dan kelas 2. Tapi yang di pilih adakah nomor
induk reni agar bisa di proses.
Gambar 5.36. Proses pembayaran
Ketika di proses maka script ajax akan merequest data dan akan ditampilkan langsung tanpa merefresh halaman. Dan dapat langsung mencetak kwitansi
dengan memasukan data ke textbox cetak.
Gambar 5.37. Proses Cetak pembayaran
5.5.3 Uji Coba Halaman Cetak dan Hapus Pembayaran