78
f Hasil Tes
Halaman menu Hasil Tes digunakan untuk menampilkan data hasil tes dari peserta. Tampilan menu Hasil Tes dapat digambarkan pada Gambar 23.
Gambar 23. Tampilan Halaman Menu Hasil Tes untuk Guru
c. Halaman Siswa
Halaman siswa digunakan untuk siswa dalam mengakses sistem. Sebelum masuk pada halaman menu siswa, siswa diharuskan untuk melakukan login untuk
dapat mengakses sistem. Sistem akan mendeteksi pengguna peserta atau siswa apakah sudah melakukan login. Apabila sudah melakukan login sistem akan secara
otomatis me- redirect ke halaman menu peserta. Sedangkan apabila belum
melakukan login maka akan di- redirect ke halaman index.php. Halaman login
terdapat pada halaman utama website sistem tes. Berikut adalah konfigurasi pada halaman index.php.
?php session_start;
cek apakah peserta tes telah login bila ya maka redirect ke halaman peserta if isset_SESSION[log_peserta] {
headerlocation:peserta.php; exit;
} ?
DOCTYPE html html lang=en
head meta charset=utf-8
titleLatihan UNtitle link href=frameworkbootstrapcssbootstrap.css rel=stylesheet
link href=..un_cbtimgUNY.ico rel=shortcut icon
79
head body
-- Navbar -- div class=navbar navbar-fixed-top
div class=navbar-inner div class=container
a class=brand href=index.phpbLatihan UNba ul class=nav
--Menuju Halaman Admin-- lia href=adminindex.phpHalaman Adminali
ul div
div div
-- Login Form -- div class=container
div class=row div class=span12
centerimg src=..un_cbtimgmaxresdefault_1.jpg width=1024center div style=margin-top:0.5em;
div class=row div class=span8
div class=hero-unit h1Selamat Datangh1
pLatihan Ujian Nasional Berbasis Komputerp div
div div class=span4
center form class=well id=login action=login.php method=post
div class=login-form
br h2Login Pesertah2
fieldset div
input type=text placeholder=Nomor Peserta name=nomor
div div
input style=width:145px; type=password placeholder=Password id=password name=password
button class= btn btn-primary type=submit style=margin- bottom:9px;Loginbutton
div fieldset
div form
center div
div div
div div
div ?php
if empty_GET[error] { if _GET[error] == salah {
echo br ; echo centerNomor Peserta atau Password salahcenter;
80
echo div; }
} ?
div script src=frameworkjquery.jsscript
script src=frameworkbootstrapjsbootstrap.jsscript body
html
Secara lebih rinci, source code dari konfigurasi pada halaman peserta terdapat
pada Lampiran 5. Gambar 24 berikut adalah tampilan halaman index.php ketika pengguna belum melakukan login.
Gambar 24. Tampilan Halaman Utama Sistem Tes untuk Login Peserta Setelah sukses melakukan login, sistem akan me-
redirect ke halaman menu peserta. Pada halaman siswa hanya terdapat dua menu utama, yaitu Home dan
Tes. Halaman menu home dapat digambarkan pada Gambar 25.
81 Gambar 25. Tampilan Halaman Home untuk Peserta
Halaman menu Tes merupakan halaman untuk peserta dapat memilih tes yang dapat diikuti diikuti. Tes yang tersedia untuk dapat diikuti ditandai dengan
adanya tombol “Ikut Tes”. Apabila peserta sudah pernah mengikuti tes tersebut, maka peserta tidak dapat mengikuti kembali tanpa menghubungi administrator
atau guru untuk menghapus data tersebut. Apabila data tes sudah dihapus, maka peserta dapat mengkuti tersebut kembali. Gambar 26 berikut adalah tampilan dari
halaman menu Tes untuk peserta atau siswa.
Gambar 26. Tampilan Halaman Menu Tes untuk Peserta
4. Integration and System Testing