A-1
Universitas Kristen Maranatha
LAMPIRAN A WEB SERVER
1. LOG IN
A-2
Universitas Kristen Maranatha
Source Code:
Index.php
DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 TransitionalEN
http:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd html
xmlns =
http:www.w3.org1999xhtml head
meta http-equiv
= Content-Type
content =
texthtml; charset=iso-8859-1 title
Package Tracking title
link href
= pssstyle.css
rel =
stylesheet type
= textcss
link type
= textcss
href =
pssthemesbasejquery.ui.all.css rel
= stylesheet
script type
= textjavascript
src =
jquery-1.4.2.js script
script type
= textjavascript
src =
uijquery.ui.core.js script
script type
= textjavascript
src =
uijquery.ui.widget.js script
script type
= textjavascript
src =
uijquery.ui.button.js script
script type
= textjavascript
src =
uijquery.ui.position.js script
script type
= textjavascript
src =
uijquery.ui.autocomplete.js script
link type
= textcss
href =
pssdemosdemos.css rel
= stylesheet
style type
= textcss
TODO shouldnt be necessary
.ui-button {
margin-left
:
-1px
;} .ui-button-icon-only
.ui-button-text {
padding :
0.35em ;
} .ui-autocomplete-input
{ margin
: ;
padding :
0.35em 0 0.47em 0.45em
; }
style script
type =
textjavascript
function {
button, input:submit,input:reset, a ,
.demo .
button ;
a
,
.demo
.
click
function {
return false ;
}; };
function {
.
widget ui.combobox
, {
_create :
function {
var self =
this ;
var select =
this .
element
.
hide
; var input
= input
. insertAfter
select
.
autocomplete
{
source :
function request
, response
{ var matcher
= new
RegExp request
.
term
,
i
;
response select
.
children option
.
map
function {
var text =
this .
text ;
if this
.
value request
. term
|| matcher
. test
text
return {
id
:
A-3
Universitas Kristen Maranatha this
. value
,
label
:
text .
replace new RegExp
?[;]+;?[] +
. ui
. autocomplete
. escapeRegex
request .
term +
?[]?[;]+; ,
gi
,
strong1strong
,
value :
text
}; };
},
delay :
,
change
: function
event
,
ui
{ if
ui .
item {
remove invalid value, as it didnt match anything
this .
val ;
return false ;
}
select .
val ui
. item
. id
;
self .
_trigger selected
,
event
, {
item :
select .
find [value=
+ ui
. item
. id
+ ]
}; },
minLength
: }
. addClass
ui-widget ui-widget-content ui- corner-left
;
button1nbsp;button1
. attr
tabIndex ,
- 1
.
attr title
, PILIH JABATAN
. insertAfter
input
. button
{
icons
: {
primary :
ui-icon-triangle-1-s
},
text
: false
}. removeClass
ui-corner-all
. addClass
ui-corner-right ui-button-icon
.
click
function {
close if already visible if
input
.
autocomplete widget
.
is :visible
{
input .
autocomplete close
; return;
} pass empty string as value to search
for, displaying all results
input
.
autocomplete search
, ;
input .
focus ;
}; }
}; }
jQuery
; function
{
combobox
.
combobox
;
toggle .
click function
{
combobox .
toggle ;
};
A-4
Universitas Kristen Maranatha };
script head
body ?php
include classFormLogin.php
;
FormLogin =
new FormLogin;
? body
html
FormLogin.php
?
php
class FormLogin
{
function FormLogin {
?
table width =
900 align
= center
cellpadding =
cellspacing =
id =
outer border
= tr
td width =
828 align
= center
img src =
images logo2.jpg
width =
101 height
= 62
td
tr tr
td width =
828 align
= center
font color =
FF0000 size
=+ 3
face =
Arial, Helvetica, sans-serif PT. X
font td
tr
tr td style
= background-image
: url
images bg.gif
; background-
repeat :
repeat-x ;
height :
38px ;
nbsp ;
td
A-5
Universitas Kristen Maranatha
tr tr
tr td bgcolor
= 738DA8
height =
40 nbsp
; td
tr tr
tr td
table width =
100 border
= cellspacing
= cellpadding
= tr
td colspan =
3 align
= center
height =
250 form method
= post
action =
login.php table
tr td colspan
= 3
align =
center h2
label FORM LOGIN
label h2
td tr
tr td
USERNAME td
td
:
td td
input type =
text name
= username
id =
name class
= text ui-widget-content ui-corner-all
size =
30 td
tr tr
td PASSWORD
td td
: td
td input type
= password
name =
password class
= text ui-widget-content ui-corner-all
size =
30 td
tr tr
-- div class
= demo
A-6
Universitas Kristen Maranatha
div class =
ui-widget --
td label
JABATAN label
td td
:
td td
select name =
status option value
= super
SUPER ADMIN
option option value
= petugas
PETUGAS ENTRY
option option
value =
kasir KASIR
option select
td --
div
div -- End demo --
tr
tr td colspan
= 3
align =
center class
= demo
br input type
= submit
name =
login value
= LOGIN
input type =
reset name
= batal
value =
BATAL br
br td
tr table
form
td tr
table
A-7
Universitas Kristen Maranatha
td tr
tr td height
= 1
td tr
tr td bgcolor
= 738DA8
height =
40 nbsp
; td
tr
tr td style
= background-image
: url
images bg.gif
; background-
repeat :
repeat-x ;
height :
38px ;
align =
center p
Package Tracking strong
RIKA FITRIANI strong
0322053 strong
Electrical Engineering strong
MARANATHA CHRISTIAN UNIVERSITY p
td tr
tr
tr
tr td align
= center
td tr
table ?
php
} }
?
A-8
Universitas Kristen Maranatha
2. SUPER ADMIN
Kategori