Halaman Antar Muka User

54 Berikut ini adalah potongan coding untuk membuat form registrasi : tr td align=leftstrongNama Lengkapstrong td td align=center:td tdlabelinput type=text name=nama id= value=?php echo nama;? labeltd td align=left =Nama Lengkap Andatd trtr td align=leftstrongAlamatstrong td td align=center:td tdlabelinput type=text name=alamat id= value=?php echo alamat;? labeltd td align=left = Alamat Andatd trtr td align=leftstrongJenis Kelaminstrong td td align=center:td td align=leftlabelnbsp; select name=jkoption value=optionoption value=Laki-laki ?php ifjk==Laki-laki{? selected ?php } ?Laki - lakioptionoption value=Perempuan ?php ifjk==Perempuan{? selected ?php } ?Perempuanoptionselect labeltd td align=left = Jenis Kelamin Andatd trtr 55 td align=leftstrongNo Handphonestrong td td align=center:td tdlabelinput type=text name=hp id= value=?php echo hp;? labeltd td align=left = Nomor Hp Andatd trtr td align=leftstrongAsal Sekolahstrongtd td align=center:td tdlabelinput type=text name=sekolah id= value=?php echo sekolah;? labeltd td align=left =Asal sekolah andatd tr trtd align=left colspan=4span class=style3Data Akunspantd trtr td align=leftstrongUsernamestrong td td align=center:td tdlabelinput type=text name=usernm id= value=?php echo usernm;? labeltd td align=left = Username Andatd trtr td align=leftstrongPasswordstrong td td align=center:td tdlabelinput type=password name=passwd id= 56 labeltd td align=left warning 6 karaktertd trtr td align=leftstrongUlangi Passwordstrongtd td align=center:td tdlabel input type=password name=passwd2 id= labeltd td align=left = Ulangi Password Andatd tr Berikut adalah potongan coding untuk action ketika menekan button “daftar” : form action=registration_proses.php method=get name=form1 Dan berikut adalah tampilan form pada halaman form registrasi : Gambar 4.13 Form untuk Registrasi 57

a. Halaman login user

Halaman ini berisi username dan password yang harus diisi oleh peserta setelah mendaftar, jika belum mendaftar maka tidak bisa menginputkan username dan password . Berikut ini adalah potongan coding untuk form memasukkan username dan password pada halaman login peserta: tr td class=font_menu Username td tdinput type=text name=usernm value=td tr tr td class=font_menu Password td tdinput type=password name=passwd value=td tr Berikut adalah potongan coding untuk action ketika menekan button “login”: form method=post action=index.php onsubmit=return cek_isithis Dan berikut tampilan form login pada halaman login peserta: 58 Gambar 4.14 Halaman Login Peserta

b. Halaman user

Halaman ini berisi tentang langkah-langkah jika akan mengikuti tryout online. Jika akan mulai mengerjakan soal maka klik mulai test. Berikut ini adalah potongan coding halaman user : tr td align=left width=551 ol liSebelum mengerjakan soal bacalah petunjuk pengisian.li liUntuk memulai Tes klik tombol Mulai Tesli liSkor Anda dapat dilihat setelah semua soal selesai dikerjakan.li liSelamat belajar dan semoga sukses.li ol td tr Dan berikut adalah tampilan halaman user :