219
1. File database.php
?php konfigurasi database
dbconfig[host] = localhost; dbconfig[user] = root;
dbconfig[pass] = faisaljump; dbconfig[db] = un_cbt;
mysql_connectdbconfig[host], dbconfig[user], dbconfig[pass] or dieCONNECTION FAILED; mysql_select_dbdbconfig[db] or dieDATABASE FAILED;
?
2. File 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 script
type=textjavascript src=frameworkjquery.jsscript
script type=textjavascript
src=frameworkbootstrapjsbootstrap.jsscript script
type=textjavascript src=frameworkjquery-validate.jsscript
head body class=halamanutama
-- Navbar -- div class=navbar navbar-inverse navbar-fixed-top
div class=navbar-inner div class=container
a class=brand href=index.phpbLatihan UNba
div div
div
div class=container div
style=margin-top:7em; class=offset4 span4
center div
centerimg src=imgUNY.png
width=100center div
form style=margin-top:1em;
class=well id=data_login
action=login.php method=post div
class=login-form h2Login Userh2
pmasukkan username passwordp fieldset
-- untuk menampilkan pesan error ketika validasi- -
div style=display:none; class=alert alert-danger id=pesan_errordiv
-- untuk menampilkan pesan error login-- ?php
if empty_GET[error] { if _GET[error] == salah
{ pesanerror=Nomor atau Password salah;
echo div
id=pesan_error_login class=alert
alert- dangercenterpesanerrorcenterdiv; ?
script type=textjavascript tambahan1.show script
?php }
} ?
div input
type=text placeholder=NomorUser name=nomor
div div
input type=password
placeholder=Password id=password name=password div
div select style=width:155px;
name=slclogin
220
option value=-Pilih Tipe Login-option
option value=adminAdministratoroption
option value=guruGuruoption
option value=pesertaPesertaSiswaoption
select button
class=btn btn-
primary type=submit
style=margin- bottom:9px;Loginbutton
div div style=margin-top:0.8em; border-
bottom: 1px solid 898787;div div style=margin-top:0.8em;
small style=color:7B7A7A;
Latihan Ujian
Nasional Berbasis Komputer FaizalGP - Elektro
FT UNY 2016 small
div fieldset
div form
center div
div div
body html
-- syntax untuk validasi data -- script type=textjavascript
When the document is ready document.readyfunction {
validation rules data_login.validate{
set this to false if you dont what to set focus on the first invalid input
focusInvalid: false, by default validation will run
on input keyup and focusout set this to false to validate
on submit only onkeyup: false,
onfocusout: false, by
default the
error elements is a label
errorElement: div, place all errors in a div
id=errors element errorPlacement:
functionerror, element { error.appendTodivpesan_error;
pesan_error.show tambahan.show
tambahan1.hide pesan_error_login.hide
}, rules: {
nomor: { required: true,
}, password: {
required: true, },
slclogin: { required: true,
} },
messages: { nomor: {
required: Anda harus mengisi nomor peserta username
}, password: {
required: Anda harus mengisi password },
slclogin: { required: Anda harus memilih user level,
} }
}; };
script
3. File login.php