36
Untuk itu diperlukan adanya kesesuaian dalam menuliskan userid, pin dan kode dengan benar. Maka jika semua diisikan secara
benar, calon siswa akan berhasil untuk login ke sistem PSB ini. Penggunaan sistem pin pada saat login ini dimaksudkan untuk
menghindari adanya sistem yang down akibat banyaknya pendaftar yang melakukan pendaftaran secara bersama
– sama.
4.1.6.2. Halaman Menu Calon Siswa
a. Menu ganti pin
Pada menu ganti pin ini memiliki beberapa kolom yang harus diisi dan akan memvalidasi jika ada kolom yang belum terisikan. Menu
ganti pin ini mencakup pin lama, pi baru dan pin baru ulangi dan terdapat 2 button yakni button kirim dan reset. Seperti pada gambar di
bawah ini :
Gambar 4.1.6.2. a Halaman Menu Ganti Pin Dalam mengisi pin lama dan pin baru harus diisi semua, karena
akan divalidasi oleh sistem jika terdapat kolom yang kosong. Ditampilkan pada gambar di bawah ini :
commit to user
37
Gambar 4.1.6.2. a1 Validasi Ganti Pin Gambar validasi di atas menunjukkan bahwa kolom yang ada
diharuskan untuk diisi semua. apabila salah satu tidak diisi maka akan tampil warning seperti gambar berwarna merah tersebut. Dan pada kolom
pin baru ulangi itu harus diisikan sama seperti menuliskan pada kolom pin baru, jika diisi dengan pin yang tidak cocok dengan pin baru, maka
akan ditampilka n warning bahwa “kolom ini tidak sesuai” seperti gambar
di atas. Jika semua kolom diisikan secara benar dan ketika menekan button
kirim, maka akan tampil kotak dialog seperti berikut :
Gambar 4.1.6.2. a2 Kotak Dialog Ganti Pin Sukses
b. Menu pendaftaran
Menu pendaftaran untuk calon siswa adalah menu yang digunakan calon siswa untuk mengisi formulir pendaftaran secara online.
Formulir ini berisikan data – data yang harus diinputkan oleh calon siswa
agar data tersebut masuk ke dalam tabel calon siswa. Pada formulir ini terdapat sebuah validasi data dimana jika calon siswa tidak mengisikan
data dengan benar, maka proses pendaftaran tersebut tidak berhasil. perpustakaan.uns.ac.id
commit to user
38
Maka akan ditampilkan sebuah validasi menggunakan jquery validation dan ajax dimana proses validasi data akan dicek menggunakan
ajax dan jquery validation. Untuk pengecekan via ajax yakni dalam mengecek apakah no.seri ijazah yang telah diinputkan memiliki nilai
sama dengan no.ijazah yang telah diinputkan sebelumnya oleh calon siswa yang lain. Selain itu, pengisian field yang lainnya menggunakan
jquery validation. Formulir pendaftaran calon siswa dapat dilihat pada gambar di bawah ini:
Gambar 4.1.6.2. b Formulir Pendaftaran Calon Siswa Validasi
menggunakan jquery
validation ini
akan mempermudah suatu pemvalidasian dalam menangani kesalahan data
atau data yang tidak valid yang nantinya akan masuk ke tabel calon siswa di dalam database psb_pacitan untuk proses ke dalam seleksi siswa baru.
commit to user
39
Pada gambar di bawah ini ditampilkan suatu form yang tidak diisi sama sekali oleh calon siswa sehingga ketika ditekan button daftar, maka yang
terjadi yakni terdapat banyak warning untuk mengisikan kolom – kolom
yang masih kosong agar pendaftaran tersebut bisa sukses, yakni sebagai berikut :
Gambar 4.1.6.2. b1 Validasi Formulir Calon Siswa Pada field yang divalidasi menggunakan ajax, yakni field no.
seri ijazah, akan ditampilkan suatu text yang berisi no.ijazah tersedia maksudnya adalah no. ijazah tersebut belum dipakai oleh calon siswa
manapun. gambar 4.1.6.2. b2, dan juga menampilkan text no.ijazah telah ada sebelumnya yakni jika no. ijazah tersebut sudah dipakai oleh
calon siswa lain untuk mendaftar pada gambar 4.1.6.2. b3. perpustakaan.uns.ac.id
commit to user
40
Gambar 4.1.6.2. b2 No. Seri Ijazah yang Valid
Gambar 4.1.6.2. b3 No. Ijazah Double Untuk nilai rata
– rata UAN harus diisikan sesuai dengan nilai rata-rata UAN yang terdapat di ijazah masing-masing siswa.
Tampilan jika pendaftaran telah sukses yakni pada gambar di bawah ini :
Gambar 4.1.6.2. b4 Pendaftaran Sukses Calon siswa baru bisa mengedit atau mengupdate data
pendaftaran pada menu siswa bagian pendaftaran dengan klik button daftar jika selesai mengedit data. Maka otomatis data yang akan
digunakan yakni data terakhir yang telah berhasil diupdate.
c. Menu ujian online