i
Abstrak
Dengan berkembangnya penyebaran informasi melalui jaringan
internet
,
maka timbul keinginan untuk merancang situs (
web
) sebagai media penyampaian
informasi.
Secara
umum,
kurangnya
pengetahuan
masyarakat
tentang
pemrograman
web
dan mahalnya upah seorang
web-programmer
menyebabkan
munculnya ide untuk mengatasi hal tersebut.
Dalam tugas akhir ini telah direalisasi sebuah aplikasi berbasis
web
dengan
menggunakan PHP untuk merancang sebuah situs secara dinamis. Artinya
user
dapat merancang situs langsung melalui
web browser
secara
online
pada jaringan
internet
. Aplikasi yang direalisasi sudah diuji coba terhadap 20 responden dengan
menggunakan metoda MOS (
Mean Opinion Score
), dan mendapatkan hasil
penilaian yang baik untuk kemudahan dan tampilan menu utama dengan skor 4.0
dan 3.85, sedangkan penilaian untuk fasilitas pada aplikasi ini masih kurang
ii
Abstract
Within the spreading of information on the internet which is developing
rapidly, there is a desire to make a website as a media to spread out the
information. Generally, the lack of knowledge of web programming and the
expensive programmer’s salary made an idea to handle the problem.
In this final task, it has been realized in a web based application using PHP
to design website dynamicly. That means that an user can online and design their
own website directly from the web-browser on the internet. This application has
been tested to 20 users using Mean Opinion Score method, and has been given a
relatively high mark for its user-friendly interface with final score 4.0 and for the
main menu layout with final score 3.85, despite of that there is a relatively low
v
Daftar Isi
Abstrak
i
Kata Pengantar
iii
Daftar Isi
v
Daftar Gambar
vii
Daftar Tabel
viii
Bab 1 Pendahuluan
1
1.1 Latar Belakang Masalah
1
1.2 Identifikasi Masalah
1
1.3 Tujuan
2
1.4 Pembatasan Masalah
2
1.5 Sistematika Penulisan
2
Bab 2 Landasan Teori
3
2.1 World Wide Web (WWW)
3
2.2 Uniform Resource Locators (URL)
3
2.3 Web Server
4
2.4 Apache
4
2.5 HyperText Markup Language (HTML)
4
2.6 Cascading Style Sheets (CSS)
6
2.7 Web Browser
6
2.8 Database
6
2.9 MySQL
7
2.10 PHP
7
2.10.1 Kelebihan PHP
8
2.10.2 Penulisan PHP
8
2.10.3 Session dalam PHP
9
vi
Bab 3 Perancangan dan Realisasi
10
3.1 Database
10
3.1.1 Database untuk Identitas User
10
3.1.2 Database untuk Template
11
3.1.3 Database untuk Content
11
3.1.4 Entity Relationship
12
3.2 Skrip PHP
13
3.2.1 Menu Utama
14
3.2.1.1 Menu Daftar
14
3.2.1.2 Menu Login
15
3.2.1.3 Menu Lupa Password
16
3.2.2 Menu Administrator
18
3.2.2.1 Menu Preview
18
3.2.2.2 Menu Ubah Template
18
3.2.2.3 Menu Ubah Content
20
3.2.2.4 Menu Ubah Profile
22
3.3 Skrip Template
23
Bab 4 Percobaan dan Analisis
25
4.1 Tampilan Awal dan Pendaftaran
25
4.2 Tampilan Menu Administrator
28
4.3 Contoh Tampilan Situs User
31
4.4 Data User
33
4.5 Survey dengan Metoda MOS (Mean Opinion Score)
33
Bab 5 Kesimpulan dan Saran
35
5.1 Kesimpulan
35
5.2 Saran
35
Daftar Pustaka
ix
vii
Daftar Gambar
Gambar 3.1 Entity Relationship Tabel User, Tabel Template, dan
Tabel Content
12
Gambar 3.2 Flowchart Utama
13
Gambar 3.3 Flowchart Daftar
14
Gambar 3.4 Flowchart Login
15
Gambar 3.5 Flowchart Lupa Password
16
Gambar 3.6 Flowchart Ubah Template
18
Gambar 3.7 Flowchart Ubah Content
20
Gambar 3.8 Flowchart Ubah Profile
22
Gambar 3.9 Flowchart Template
23
Gambar 4.1 Tampilan Halaman Awal
25
Gambar 4.2 Tampilan Halaman Daftar (1)
26
Gambar 4.3 Tampilan Halaman Daftar (2)
26
Gambar 4.4 Tampilan Pendaftaran Berhasil
27
Gambar 4.5 Tampilan Halaman Bantuan
27
Gambar 4.6 Tampilan Halaman Lupa Password
28
Gambar 4.7 Tampilan Halaman About
28
Gambar 4.8 Tampilan Halaman Preview
29
Gambar 4.9 Tampilan Halaman Ubah Template
29
Gambar 4.10 Tampilan Halaman Ubah Content
30
Gambar 4.11 Tampilan untuk Mengubah Isi Halaman Situs User
30
Gambar 4.12 Tampilan Halaman Ubah Profile
31
Gambar 4.13 Contoh Tampilan Halaman 1 Situs Pengguna
31
Gambar 4.14 Contoh Tampilan Halaman 2 Situs Pengguna
32
Gambar 4.15 Contoh Tampilan Halaman 3 Situs Pengguna
32
viii
Daftar Tabel
Tabel 3.1 Tabel User
10
Tabel 3.2 Tabel Template
11
Tabel 3.3 Tabel Content
11
Tabel 4.1 Data User
33
Tabel 4.2 Hasil Survey Situs SkyWeb
34
LAMPIRAN A
A - 1
MAI N
about . php
( menampi l k an i dent i t as pembuat pada nav i gas i About di hal aman ut ama)<! DOCTYPE HTML PUBLI C " - / / W3C/ / DTD HTML 4. 01 Tr ans i t i onal / / EN" " ht t p: / / www. w3. or g/ TR/ ht ml 4/ l oos e. dt d" > <ht ml >
<head>
<?php i nc l ude " s t y l e. c s s " ; ?> </ head>
<body >
<di v i d=" Lay er 1" s t y l e=" pos i t i on: abs ol ut e; l ef t : 0px ; t op: 0px ; wi dt h: 653px ; hei ght : 331px ; z - i ndex : 1; bac k gr ound- c ol or : #9999FF; l ay er - bac k gr ound- c ol or : #9999FF; bor der : 1px none #000000; " >
<p al i gn=" c ent er " c l as s =" s t y l e4" > <br ><br >
Si t us i ni di buat ol eh : <br ><br > Tat ang<br ><br >
0222101<br ><br >
Fak ul t as Tek ni k J ur us an Tek ni k El ek t r o<br ><br > Uni v er s i t as Kr i s t en Mar anat ha<br ><br > 2006
</ p> </ di v > </ body > </ ht ml >
admi n. php
( menampi l k an hal aman admi ni s t r at or ) <?php i nc l ude " aut hent i c at i on. php" ; ?><ht ml > <head>
<t i t l e>Menu Admi n</ t i t l e> <?php i nc l ude " s t y l e. c s s " ; ?> </ head>
<body > <?php
$quer y = my s ql _quer y ( " s el ec t * f r om us er wher e us er name = ' $SES_USER' " ) ; $dat a = my s ql _f et c h_ar r ay ( $quer y ) ;
i f ( ! aut hen( ) )
{ ec ho " Maaf Anda t i dak ber hak mengak s es hal aman i ni ! <br > Si l ahk an <a hr ef =i ndex . php><f ont c ol or =bl ac k >LOGI N</ f ont ></ a> t er l ebi h dahul u ! " ; }
el s e { ?>
<di v i d=" Lay er 1" s t y l e=" pos i t i on: abs ol ut e; l ef t : 0px ; t op: 0px ; wi dt h: 1000px ; hei ght : 599px ; z - i ndex : 1; bac k gr ound- c ol or : #DDDDDD; l ay er - bac k gr ound- c ol or : #DDDDDD; bor der : 1px none #000000; " ></ di v >
<di v i d=" Lay er 2" s t y l e=" pos i t i on: abs ol ut e; l ef t : 5px ; t op: 5px ; wi dt h: 990px ; hei ght : 25px ; z - i ndex : 2; bac k gr ound- c ol or : #9999FF; l ay er - bac k gr ound- c ol or : #9999FF; bor der : 1px none #000000; " >
<p al i gn=" c ent er " c l as s =" s t y l e4" >Menu Admi ni s t r at or </ p> </ di v >
<di v i d=" Lay er 3" s t y l e=" pos i t i on: abs ol ut e; l ef t : 5px ; t op: 35px ; wi dt h: 990px ; hei ght : 20px ; z - i ndex : 3; bac k gr ound- c ol or : #9999FF; l ay er - bac k gr ound- c ol or : #9999FF; bor der : 1px none #000000; " >
<p al i gn=" c ent er " c l as s =" s t y l e3" >Sel amat dat ang, <?php ec ho $dat a[ name] ; ?></ p> </ di v >
<di v i d=" Lay er 4" s t y l e=" pos i t i on: abs ol ut e; l ef t : 5px ; t op: 60px ; wi dt h: 990px ; hei ght : 20px ; z - i ndex : 4; bac k gr ound- c ol or : #9999FF; l ay er - bac k gr ound- c ol or : #9999FF; bor der : 1px none #000000; " >
<p al i gn=" c ent er " c l as s =" s t y l e3" >
<?php ec ho " <a hr ef =. . / pr oj ec t s / $SES_USER/ i ndex . php t ar get =f r ame2> Pr ev i ew</ a>" ; ?> &nbs p; &nbs p; &nbs p; &nbs p; | &nbs p; &nbs p; &nbs p; &nbs p;
<a hr ef =" c hanget empl at e. php" t ar get =" f r ame2" >Ubah Templ at e</ a> &nbs p; &nbs p; &nbs p; &nbs p; | &nbs p; &nbs p; &nbs p; &nbs p;
<a hr ef =" c hangec ont ent . php" t ar get =" f r ame2" >Ubah Cont ent </ a> &nbs p; &nbs p; &nbs p; &nbs p; | &nbs p; &nbs p; &nbs p; &nbs p;
<a hr ef =" c hangepr of i l e. php" t ar get =" f r ame2" >Ubah Pr of i l e</ a> &nbs p; &nbs p; &nbs p; &nbs p; | &nbs p; &nbs p; &nbs p; &nbs p;
<a hr ef =" l ogout . php" >Logout &l t ; <?php ec ho $SES_USER; ?>> ; </ a></ di v > </ p>
<di v i d=" Lay er 5" s t y l e=" pos i t i on: abs ol ut e; l ef t : 5px ; t op: 85px ; wi dt h: 990px ; hei ght : 509px ; z - i ndex : 5" > <?php ec ho " <i f r ame name=f r ame2 hei ght =509 wi dt h=990 s r c =$SES_USER/ i ndex . php></ i f r ame>" ; ?>
</ di v > <?php
} ?> </ body > </ ht ml >
agr eement . php
( menampi l k an i s i per at ur an pengguna)<! DOCTYPE HTML PUBLI C " - / / W3C/ / DTD HTML 4. 01 Tr ans i t i onal / / EN" " ht t p: / / www. w3. or g/ TR/ ht ml 4/ l oos e. dt d" > <ht ml >
<head>
<?php i nc l ude " s t y l e. c s s " ; ?> </ head>
<body c l as s =" s t y l e2" >
<di v i d=" Lay er 1" s t y l e=" pos i t i on: abs ol ut e; l ef t : 0px ; t op: 0px ; wi dt h: 100%; hei ght : 100%; z - i ndex : 1; bac k gr ound- c ol or : #FFFFFF; l ay er - bac k gr ound- c ol or : #FFFFFF; bor der : 1px none #000000; " ></ di v >
<di v i d=" Lay er 2" s t y l e=" pos i t i on: abs ol ut e; l ef t : 5px ; t op: 5px ; wi dt h: 352px ; hei ght : 100%; z - i ndex : 2" > Par a pengguna j as a Sk y Web waj i b unt uk memat uhi per at ur an y ang ber l ak u:
<ol t y pe=" 1" >
<l i >Anda t i dak bol eh menggunak an webs i t e dan J as a y ang di s edi ak an unt uk mempr omos i k an dan at au mel ak uk an k egi at an ber s i f at i l egal . </ l i >
<l i >Supay a dapat memak ai J as a, Anda di waj i bk an mendaf t ar k an di r i dan mengi s i f or m r egi s t r as i . Anda s et uj u unt uk member i k an dat a y ang benar ,
ak ur at , t er bar u dan l engk ap t ent ang di r i Anda s er t a mel ak uk an per ubahan pada pr of i l Anda j i k a ada per ubahan. J i k a dat a y ang Anda ber i k an
t i dak benar , t i dak ak ur at , t i dak l engk ap, mak a Sk y Web memi l i k i hak menunda at au bahk an menol ak member i k an J as a k epada Anda. </ l i >
<l i >Sk y Web ber hak menol ak member i k an at au menghapus nama us er ( us er name) y ang di pak ai , k ar ena di anggap mel anggar huk um, meny i nggung s uk u,
A - 2
<l i >Semua i nf or mas i dan dat a pr i badi y ang di ber i k an k epada Sk y Web ak an di j aga k er ahas i aanny a dan per us ahaan t i dak ak an member i k an i nf or mas i
t er s ebut k epada pi hak l ai n. </ l i >
<l i >Anda ber t anggung j awab unt uk menj aga pas s wor d Anda s endi r i dan ber t anggung j awab at as penggunaan dan ak i bat y ang t i mbul dar i penggunaan
t er s ebut . Anda di waj i bk an menj aga k er ahas i aan pas s wor d Anda dan member i t ahuk an Sk y Web j i k a Anda mer as a pas s wor d Anda t el ah di k et ahui
or ang l ai n. Sk y Web t i dak mel i ndungi Anda t er hadap penggunaan pas s wor d Anda ol eh or ang y ang t i dak ber hak . </ l i >
<l i >Sk y Web memi l i k i hak unt uk mengaudi t dan menghapus s emua i s i di webs i t e, f or um maupun pes an- pes an di dal am s i t us y ang menur ut per t i mbangan
per us ahaan mel anggar at ur an y ang t el ah di s et uj ui dal am per j anj i an i ni , mel anggar huk um dan nor ma s os i al , ber s i f at menganc am maupun mel anggar
hak or ang l ai n. I s i y ang di mak s ud ant ar a l ai n, namun t i dak t er bat as pada, hal - hal ber i k ut : </ l i > <ol t y pe=" a" >
<l i >Pes an/ i s i y ang mendor ong k ek er as an, k ebenc i an, anc aman f i s i k , penggunaan obat t er l ar ang, pel ec ehan, penghi naan, dan meny i nggung s uk u,
agama dan r as . </ l i >
<l i >Pes an y ang ber i s i c ar a, i ns t r uk s i , maupun met oda mel ak uk an t i ndak an mel anggar huk um, t er or i s me, hac k i ng, c r ac k i ng. </ l i >
</ ol >
<l i >Anda s et uj u t i dak menggunak an f as i l i t as , s er v er dan j ar i ngan, y ang di per gunak an unt uk meny edi ak an J as a i ni unt uk mendapat k an ak s es t anpa
ot or i s as i k e s i s t em at au j ar i ngan l ai n. Anda s adar dan menger t i s epenuhny a bahwa pel anggar an t er hadap at ur an i ni bi s a mengak i bat k an t unt ut an
s i pi l maupun k r i mi nal t er hadap di r i Anda. </ l i >
<l i >Per us ahaan t i dak menj ami n peny edi aan J as a bebas k es al ahan. Anda waj i b mengambi l t i ndak an pr ev ent i f dan menj aga k es t abi l an s i s t em oper as i y ang
di gunak an, k eamanan dat a k omput er dan penggunaan ac c ount Anda. Per us ahaan t i dak ber t anggung j awab at as k er us ak an maupun k er ugi an y ang t i mbul
ak i bat v i r us at au k omponen ber bahay a l ai nny a, maupun us aha hac k i ng dar i pi hak l ai n unt uk mengambi l dat a Anda. </ l i >
<l i >Sk y Web ber hak memper bai k i dan mengubah per j anj i an penggunaan J as a i ni s ewak t u- wak t u dan pemak ai waj i b memer i k s a webs i t e y ang di s edi ak an s ec ar a
t er at ur unt uk mel i hat dan mel ak uk an r ev i ew t er hadap per j anj i an i ni . </ l i > </ ol >
</ di v > </ body > </ ht ml >
aut hent i c at i on. php
( unt uk memer i k s a hak ak s es k e hal amanan admi n) <?phpi f ( er eg( " aut hent i c at i on. php" , $PHP_SELF) ) { header ( " l oc at i on: i ndex . php" ) ; di e; } s es s i on_name( " AUTHEN" ) ;
s es s i on_s t ar t ( ) ;
my s ql _c onnec t ( " l oc al hos t " , " t es t " , " " ) ; my s ql _s el ec t _db( " web" ) ;
$r es ul t = my s ql _quer y ( " s el ec t * f r om us er wher e us er name = ' $SES_USER' and pas s = ' $SES_PASS' " ) ; $dat a = my s ql _num_r ows ( $r es ul t ) ;
f unc t i on aut hen( ) { gl obal $dat a;
i f ( $dat a > 0) { r et ur n TRUE; } el s e
{ r et ur n FALSE; } }
?>
c hangec ont ent . php
( menampi l k an hal aman Ubah Cont ent ) <?php i nc l ude " aut hent i c at i on. php" ; ?><! DOCTYPE HTML PUBLI C " - / / W3C/ / DTD HTML 4. 01 Tr ans i t i onal / / EN" " ht t p: / / www. w3. or g/ TR/ ht ml 4/ l oos e. dt d" > <ht ml >
<head>
<?php i nc l ude " s t y l e. c s s " ?> </ head>
<body > <?php
i f ( ! aut hen( ) )
{ ec ho " Maaf Anda t i dak ber hak mengak s es hal aman i ni ! <br > Si l ahk an <a hr ef =i ndex . php t ar get =_par ent ><f ont c ol or =bl ac k >LOGI N</ f ont ></ a> t er l ebi h dahul u ! " ; }
el s e { ?>
<di v i d=" Lay er 1" s t y l e=" pos i t i on: abs ol ut e; l ef t : 0px ; t op: 0px ; wi dt h: 986px ; hei ght : 505px ; z - i ndex : 1; bac k gr ound- c ol or : #9999FF; l ay er - bac k gr ound- c ol or : #9999FF; bor der : 1px none #000000; " >
<di v al i gn=" c ent er " > <br >
<p al i gn=" c ent er " c l as s =" s t y l e1" >Fi l e y ang t el ah di upl oad : </ p> <f or m name=" f or m2" met hod=" pos t " ac t i on=" c hangec ont ent . php" >
<t abl e bor der =" 1" wi dt h=" 80%" c l as s =" s t y l e1" >
<t r ><t d>Nama Fi l e</ t d><t d>Uk ur an</ t d><t d><i nput name=" Submi t " t y pe=" s ubmi t " c l as s =" s t y l e2" v al ue=" Hapus " ></ t d></ t r >
<?php
$di r = get c wd( ) ; i f ( i s s et ( $Submi t 1) )
{ $f i l e = $HTTP_POST_FI LES[ ' upl oad' ] [ ' name' ] ;
mov e_upl oaded_f i l e( " $upl oad" , " $di r \ \ $SES_USER\ \ f i l es \ \ $f i l e" ) ; }
$no = 0; $s i z e = 0;
$od = opendi r ( " $di r \ \ $SES_USER\ \ f i l es " ) ; whi l e ( f al s e ! == ( $f i l e = r eaddi r ( $od) ) )
{ i f ( $f i l e ! = " . " and $f i l e ! = " . . " )
{ ec ho " <t r ><t d>" . $f i l e. " </ t d><t d>" . r ound( ( f i l es i z e( " $di r \ \ $SES_USER\ \ f i l es \ \ $f i l e" ) / 1024) , 2) . " KB</ t d>
<t d><i nput t y pe=c hec k box name=del [ $no] v al ue=' $f i l e' ></ t d></ t r >" ; $s i z e = $s i z e + ( f i l es i z e( " $di r \ \ $SES_USER\ \ f i l es \ \ $f i l e" ) / 1024/ 1024) ;
A - 3
}
} i f ( $no == 0)
{ ec ho " <t r ><t d c ol s pan=3>Ti dak ada f i l e. </ t d></ t r >" ; } c l os edi r ( $od) ;
$s i z e = r ound( $s i z e, 2) ; s es s i on_r egi s t er ( " SES_SI ZE" ) ; $SES_SI ZE = $s i z e;
ec ho " <t r ><t d c ol s pan=3>Saat i ni Anda t el ah menggunak an $s i z e MB dar i 10 MB</ t d></ t r >" ; ec ho " </ t abl e>
</ f or m>" ;
i f ( ! empt y ( $del ) and i s s et ( $Submi t ) ) { f or ( $i = 0; $i < $no; $i ++)
{ i f ( ! empt y ( $del [ $i ] ) )
{ $r es ul t = my s ql _quer y ( " s el ec t * f r om t empl at e wher e us er _i d = ' $SES_I D' " ) ; $dat a = my s ql _f et c h_ar r ay ( $r es ul t ) ;
i f ( $del [ $i ] == $dat a[ l ogo] )
{ my s ql _quer y ( " updat e t empl at e s et l ogo = ' def aul t ' " ) ; } unl i nk ( " $di r \ \ $SES_USER\ \ f i l es \ \ $del [ $i ] " ) ;
} }
ec ho " <met a ht t p- equi v =r ef r es h c ont ent =0>" ; }
i f ( i s s et ( $Submi t 1) ) { i f ( $SES_SI ZE > 10)
{ ec ho " <s c r i pt >al er t ( ' Maaf ! Anda s udah mel ebi hi bat as mak s i mum peny i mpanan f i l e! ' ) </ s c r i pt >" ; ec ho " <met a ht t p- equi v =r ef r es h c ont ent =0>" ;
$f i l e = $HTTP_POST_FI LES[ ' upl oad' ] [ ' name' ] ; unl i nk ( " $di r \ \ $SES_USER\ \ f i l es \ \ $f i l e" ) ; }
} ?>
<f or m ac t i on=" c hangec ont ent . php" met hod=" pos t " enc t y pe=" mul t i par t / f or m- dat a" > <p c l as s =" s t y l e1" >Upl oad f i l e bar u : <i nput name=" upl oad" t y pe=" f i l e" c l as s =" s t y l e2" >
<br ><i nput name=" Submi t 1" t y pe=" s ubmi t " c l as s =" s t y l e2" v al ue=" Upl oad" > </ p>
</ f or m> <br >
<p c l as s =" s t y l e1" >Ubah i s i dar i hal aman : </ p> <t abl e wi dt h=" 200" c el l paddi ng=" 4" c l as s =" s t y l e1" > <?php
$r es ul t = my s ql _quer y ( " s el ec t * f r om c ont ent wher e us er _i d = ' $SES_I D' and page = ' 1' " ) ; $dat a1 = my s ql _f et c h_ar r ay ( $r es ul t ) ;
$r es ul t = my s ql _quer y ( " s el ec t * f r om c ont ent wher e us er _i d = ' $SES_I D' and page = ' 2' " ) ; $dat a2 = my s ql _f et c h_ar r ay ( $r es ul t ) ;
$r es ul t = my s ql _quer y ( " s el ec t * f r om c ont ent wher e us er _i d = ' $SES_I D' and page = ' 3' " ) ; $dat a3 = my s ql _f et c h_ar r ay ( $r es ul t ) ;
$r es ul t = my s ql _quer y ( " s el ec t * f r om c ont ent wher e us er _i d = ' $SES_I D' and page = ' 4' " ) ; $dat a4 = my s ql _f et c h_ar r ay ( $r es ul t ) ;
$r es ul t = my s ql _quer y ( " s el ec t * f r om c ont ent wher e us er _i d = ' $SES_I D' and page = ' 5' " ) ; $dat a5 = my s ql _f et c h_ar r ay ( $r es ul t ) ;
ec ho "
<t r ><t d al i gn=c ent er ><a hr ef =i ndex 1. php t ar get =f r ame2>Hal aman 1 &l t ; $dat a1[ l i nk ] > ; </ a></ t d></ t r >
<t r ><t d al i gn=c ent er ><a hr ef =i ndex 2. php t ar get =f r ame2>Hal aman 2 &l t ; $dat a2[ l i nk ] > ; </ a></ t d></ t r > <t r ><t d al i gn=c ent er ><a hr ef =i ndex 3. php t ar get =f r ame2>Hal aman 3 &l t ; $dat a3[ l i nk ] > ; </ a></ t d></ t r > <t r ><t d al i gn=c ent er ><a hr ef =i ndex 4. php t ar get =f r ame2>Hal aman 4 &l t ; $dat a4[ l i nk ] > ; </ a></ t d></ t r > <t r ><t d al i gn=c ent er ><a hr ef =i ndex 5. php t ar get =f r ame2>Hal aman 5 &l t ; $dat a5[ l i nk ] > ; </ a></ t d></ t r > </ t abl e>
</ di v > </ di v >" ; }
?> </ body > </ ht ml >
c hangepr of i l e. php
( menampi l k an hal aman Ubah Pr of i l e) <?php i nc l ude " aut hent i c at i on. php" ; ?><! DOCTYPE HTML PUBLI C " - / / W3C/ / DTD HTML 4. 01 Tr ans i t i onal / / EN" " ht t p: / / www. w3. or g/ TR/ ht ml 4/ l oos e. dt d" > <ht ml >
<head>
<?php i nc l ude " s t y l e. c s s " ; ?> </ head>
<body > <?php
i f ( ! aut hen( ) )
{ ec ho " Maaf Anda t i dak ber hak mengak s es hal aman i ni ! <br > Si l ahk an <a hr ef =i ndex . php t ar get =_par ent ><f ont c ol or =bl ac k >LOGI N</ f ont ></ a> t er l ebi h dahul u ! " ; }
el s e
{ ec ho " <di v i d=Lay er 1 s t y l e=' pos i t i on: abs ol ut e; l ef t : 0px ; t op: 0px ; wi dt h: 986px ; hei ght : 505px ; z - i ndex : 1; bac k gr ound- c ol or : #9999FF; l ay er - bac k gr ound- c ol or : #9999FF; bor der : 1px none #000000; ' ><br >" ;
$quer y = my s ql _quer y ( " s el ec t * f r om us er wher e us er name = ' $SES_USER' and pas s = ' $SES_PASS' " ) ; $dat a = my s ql _f et c h_ar r ay ( $quer y ) ;
$i d = $dat a[ " us er _i d" ] ; $er r or = 0;
i f ( empt y ( $pas s ) )
{ ec ho " <p al i gn=c ent er c l as s =s t y l e3>Per hat i an : Pas s wor d Lama har us di i s i unt uk mengupdat e ! </ p>" ; $er r or = 1; }
el s e
{ $pas s = md5( $pas s ) ; i f ( $pas s ! = $dat a[ " pas s " ] )
{ ec ho " <p al i gn=c ent er c l as s =s t y l e3>Per hat i an : Pas s wor d y ang Anda mas uk k an s al ah ! </ p>" ; $er r or = 1; } }
i f ( empt y ( $us er ) and i s s et ( $Submi t ) )
{ ec ho " <p al i gn=c ent er c l as s =s t y l e3>Per hat i an : Us er name har us di i s i ! </ p>" ; $er r or = 1; $dat a[ " us er name" ] = " " ; }
i f ( ! empt y ( $us er ) and i s s et ( $Submi t ) )
{ i f ( er egi ( ' [ ! @#$; % ^ &* ( ) { } | <>| : \ ' " ?/ ] ' , $us er ) )
{ ec ho " <p al i gn=c ent er c l as s =s t y l e3>er hat i an : Us er name t i dak bol eh mengandung s pes i al k ar ak t er ! " ; ?><br >[ ! @#$; % ^ &* ( ) { } | <>| : \ ' " ?/ ] </ p><?php $er r or = 1; }
$q = my s ql _quer y ( " s el ec t us er name f r om us er wher e us er name = ' $us er ' " ) ; $r es ul t = my s ql _num_r ows ( $q) ;
i f ( $r es ul t > 0 and $us er ! = $dat a[ " us er name" ] )
A - 4
$dat a[ " us er name" ] = $us er ; }
i f ( empt y ( $emai l ) and i s s et ( $Submi t ) )
{ ec ho " <p al i gn=c ent er c l as s =s t y l e3>Per hat i an : Emai l har us di i s i ! </ p>" ; $er r or = 1; $dat a[ " emai l " ] = " " ; }
i f ( ! empt y ( $emai l ) and i s s et ( $Submi t ) ) { i f ( ! ( er eg( " ^ . +@. +\ . . +$" , $emai l ) ) )
{ ec ho " <p al i gn=c ent er c l as s =s t y l e3>Per hat i an : Emai l Anda t i dak v al i d ! </ p>" ; $er r or = 1; } $dat a[ " emai l " ] = $emai l ;
}
i f ( $c npas s ! = $npas s )
{ ec ho " <p al i gn=c ent er c l as s =s t y l e3>Per hat i an : Konf i r mas i pas s wor d bar u Anda s al ah ! </ p>" ; $er r or = 1; } i f ( $er r or == 1)
{ ?>
<f or m ac t i on=" c hangepr of i l e. php" met hod=" pos t " name=" f or m1" t ar get =" f r ame2" > <t abl e wi dt h=" 450" bor der =" 0" al i gn=" c ent er " c l as s =" s t y l e1" >
<t r >
<t d>Us er name</ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=us er t y pe=t ex t c l as s =s t y l e2 s i z e=20 max l engt h=16 v al ue=' $dat a[ us er name] ' >" ; ?></ t d>
</ t r > <t r >
<t d>Pas s wor d Lama</ t d><t d>: </ t d>
<t d><i nput name=" pas s " t y pe=" pas s wor d" c l as s =" s t y l e2" s i z e=" 20" max l engt h=" 16" ></ t d> </ t r >
<t r >
<t d>Pas s wor d Bar u</ t d><t d>: </ t d>
<t d><i nput name=" npas s " t y pe=" pas s wor d" c l as s =" s t y l e2" s i z e=" 20" max l engt h=" 16" ></ t d> </ t r >
<t r >
<t d>Konf i r mas i Pas s wor d Bar u</ t d><t d>: </ t d>
<t d><i nput name=" c npas s " t y pe=" pas s wor d" c l as s =" s t y l e2" s i z e=" 20" max l engt h=" 16" ></ t d> </ t r >
<t r >
<t d>Nama</ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=name t y pe=t ex t c l as s =s t y l e2 s i z e=20 max l engt h=20 v al ue=' $dat a[ name] ' >" ; ?></ t d>
</ t r > <t r >
<t d>J eni s Kel ami n</ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=gender t y pe=t ex t c l as s =s t y l e2 v al ue=' $dat a[ gender ] ' r eadonl y >( t i dak dapat di ubah) " ; ?></ t d>
</ t r > <t r >
<t d>Tanggal Lahi r </ t d><t d>: </ t d>
<t d>( t i dak dapat di ubah demi al as an k eamanan) </ t d> </ t r >
<t r >
<t d>Emai l </ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=emai l t y pe=t ex t c l as s =s t y l e2 s i z e=20 max l engt h=30 v al ue=' $dat a[ emai l ] ' >" ; ?></ t d>
</ t r > <t r >
<t d>Al amat </ t d><t d>: </ t d>
<t d><?php ec ho " <t ex t ar ea name=addr es s c ol s =40 r ows =2 c l as s =s t y l e2>$dat a[ addr es s ] </ t ex t ar ea>" ; ?></ t d>
</ t r > <t r >
<t d>Kot a</ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=c i t y t y pe=t ex t c l as s =s t y l e2 s i z e=20 max l engt h=20 v al ue=' $dat a[ c i t y ] ' >" ; ?></ t d>
</ t r > <t r >
<t d>No. Tel epon</ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=phone t y pe=t ex t c l as s =s t y l e2 s i z e=20 max l engt h=20 v al ue=' $dat a[ phone] ' >" ; ?></ t d>
</ t r > <t r >
<t d>Pek er j aan</ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=j ob t y pe=t ex t c l as s =s t y l e2 s i z e=20 max l engt h=20 v al ue=' $dat a[ j ob] ' >" ; ?></ t d>
</ t r >
<t r ><t d>&nbs p; </ t d></ t r > <t r >
<t d c ol s pan=" 4" al i gn=" c ent er " ><i nput name=" Submi t " t y pe=" s ubmi t " c l as s =" s t y l e2" v al ue=" Updat e Pr of i l e" ></ t d>
</ t r > </ t abl e> </ f or m> <?php
} el s e
{ i f ( ! empt y ( $npas s ) )
{ $pas s = $npas s ; $pas s = md5( $pas s ) ; } i f ( empt y ( $gender ) )
{ $gender = $dat a[ " gender " ] ; } i f ( i s s et ( $Submi t ) )
{ my s ql _quer y ( " updat e us er s et us er name = ' $us er ' , pas s = ' $pas s ' , name = ' $name' , emai l = ' $emai l ' , addr es s = ' $addr es s ' , c i t y = ' $c i t y ' , phone = ' $phone' , j ob = ' $j ob' wher e us er _i d = ' $i d' " ) ;
i f ( $us er ! = $SES_USER)
{ $di r = get c wd( ) ; r ename( " $di r \ \ $SES_USER" , " $di r \ \ $us er " ) ; } $SES_USER = $us er ;
$SES_PASS = $pas s ;
ec ho " <p c l as s =s t y l e4 al i gn=c ent er ><br ><br ><br ><br ><br ><br ><br ><br > Suk s es ! <br ><br >
Pr of i l e Anda t el ah di updat e ! </ p>" ; }
} ec ho " </ di v >" ; }
A - 5
c hanget empl at e. php
( menampi l k an hal aman Ubah Templ at e) <?php i nc l ude " aut hent i c at i on. php" ; ?><! DOCTYPE HTML PUBLI C " - / / W3C/ / DTD HTML 4. 01 Tr ans i t i onal / / EN" " ht t p: / / www. w3. or g/ TR/ ht ml 4/ l oos e. dt d" > <ht ml >
<head>
<?php i nc l ude " s t y l e. c s s " ; ?> </ head>
<body > <?php
i f ( ! aut hen( ) )
{ ec ho " Maaf Anda t i dak ber hak mengak s es hal aman i ni ! <br > Si l ahk an <a hr ef =i ndex . php t ar get =_par ent ><f ont c ol or =bl ac k >LOGI N</ f ont ></ a> t er l ebi h dahul u ! " ; }
el s e
{ ec ho " <di v i d=Lay er 1 s t y l e=' pos i t i on: abs ol ut e; l ef t : 0px ; t op: 0px ; wi dt h: 986px ; hei ght : 505px ; z - i ndex : 1; bac k gr ound- c ol or : #9999FF; l ay er - bac k gr ound- c ol or : #9999FF; bor der : 1px none #000000; ' >" ;
$r es ul t = my s ql _quer y ( " s el ec t * f r om t empl at e wher e us er _i d = ' $SES_I D' " ) ; $t emp = my s ql _f et c h_ar r ay ( $r es ul t ) ;
$er r or = 0;
$l ogo = $HTTP_POST_FI LES[ ' l ogob' ] [ ' name' ] ; $di r = get c wd( ) ;
i f ( i s s et ( $def ) )
{ i f ( $l ogol ! = " def aul t " )
{ unl i nk ( " $di r \ \ $SES_USER\ \ f i l es \ \ $t emp[ l ogo] " ) ; } $l ogo = " def aul t " ;
my s ql _quer y ( " updat e t empl at e s et l ogo = ' $l ogo' wher e us er _i d = ' $SES_I D' " ) ; ec ho " <met a ht t p- equi v =r ef r es h c ont ent =0>" ;
}
i f ( $l ogob == " none" ) { $l ogo = $l ogol ; } el s e
{ i f ( i s s et ( $Submi t ) and ! ( er eg ( " ^ . +\ . j pg+$| ^ . +\ . bmp+$| ^ . +\ . gi f +$" , s t r t ol ower ( $l ogo) ) ) ) { ec ho " <br ><p al i gn=c ent er c l as s =s t y l e3>Per hat i an : Logo har us ber ek s t ens i . j pg, . bmp, dan . gi f ! </ p>" ; $er r or = 1; }
}
i f ( ! i s s et ( $Submi t ) or $er r or == 1) {
?> <br >
<t abl e wi dt h=" 400" bor der =" 0" al i gn=" c ent er " c l as s =" s t y l e1" > <t r >
<t d>Templ at e Sek ar ang </ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=t emp t y pe=t ex t c l as s =s t y l e2 r eadonl y v al ue=' $t emp[ t y pe] ' >" ?></ t d> </ t r >
</ t abl e>
<p al i gn=" c ent er " c l as s =" s t y l e1" >Gant i Templ at e : <br ></ p>
<f or m ac t i on=" c hanget empl at e. php" met hod=" pos t " enc t y pe=" mul t i par t / f or m- dat a" name=" f or m1" > <t abl e wi dt h=" 400" bor der =" 0" al i gn=" c ent er " c l as s =" s t y l e1" >
<t r >
<t d><a hr ef =" . . / Templ at e/ Templ at e 1/ pr ev i ew. j pg" t ar get =" _bl ank " ><i mg wi dt h=" 100" hei ght =" 60" s r c =" . . / Templ at e/ Templ at e 1/ pr ev i ewt humb. j pg" al t =" Kl i k unt uk memper bes ar " ></ a></ t d>
<t d><a hr ef =" . . / Templ at e/ Templ at e 2/ pr ev i ew. j pg" t ar get =" _bl ank " ><i mg wi dt h=" 100" hei ght =" 60" s r c =" . . / Templ at e/ Templ at e 2/ pr ev i ewt humb. j pg" al t =" Kl i k unt uk memper bes ar " ></ a></ t d>
<t d><a hr ef =" . . / Templ at e/ Templ at e 3/ pr ev i ew. j pg" t ar get =" _bl ank " ><i mg wi dt h=" 100" hei ght =" 60" s r c =" . . / Templ at e/ Templ at e 3/ pr ev i ewt humb. j pg" al t =" Kl i k unt uk memper bes ar " ></ a></ t d>
</ t r > <t r >
<t d><i nput name=" t y pet emp" t y pe=" r adi o" v al ue=" Templ at e 1" > Templ at e 1</ t d> <t d><i nput name=" t y pet emp" t y pe=" r adi o" v al ue=" Templ at e 2" > Templ at e 2</ t d> <t d><i nput name=" t y pet emp" t y pe=" r adi o" v al ue=" Templ at e 3" > Templ at e 3</ t d> </ t r >
<t r ><t d>&nbs p; &nbs p; </ t d></ t r > <t r >
<t d><a hr ef =" . . / Templ at e/ Templ at e 4/ pr ev i ew. j pg" t ar get =" _bl ank " ><i mg wi dt h=" 100" hei ght =" 60" s r c =" . . / Templ at e/ Templ at e 4/ pr ev i ewt humb. j pg" al t =" Kl i k unt uk memper bes ar " ></ a></ t d>
<t d><a hr ef =" . . / Templ at e/ Templ at e 5/ pr ev i ew. j pg" t ar get =" _bl ank " ><i mg wi dt h=" 100" hei ght =" 60" s r c =" . . / Templ at e/ Templ at e 5/ pr ev i ewt humb. j pg" al t =" Kl i k unt uk memper bes ar " ></ a></ t d>
<t d wi dt h=" 100" hei ght =" 60" bgc ol or =" #FFFFFF" c l as s =" s t y l e2" al i gn=" c ent er " >Under Cons t r uc t i on</ t d> </ t r >
<t r >
<t d><i nput name=" t y pet emp" t y pe=" r adi o" v al ue=" Templ at e 4" > Templ at e 4</ t d> <t d><i nput name=" t y pet emp" t y pe=" r adi o" v al ue=" Templ at e 5" > Templ at e 5</ t d> <t d><i nput name=" t y pet emp" t y pe=" r adi o" v al ue=" Bl ank " > Bl ank </ t d>
</ t r > </ t abl e>
<br ><br >
<t abl e wi dt h=" 400" bor der =" 0" al i gn=" c ent er " c l as s =" s t y l e1" > <t r >
<t d>Gambar Logo Sek ar ang</ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=l ogol t y pe=t ex t c l as s =s t y l e2 r eadonl y v al ue=' $t emp[ l ogo] ' ><i nput t y pe=s ubmi t c l as s =s t y l e2 name=def v al ue=Def aul t >" ?></ t d>
</ t r > <t r >
<t d>Gant i Logo</ t d><t d>: </ t d>
<t d><i nput name=" l ogob" t y pe=" f i l e" c l as s =" s t y l e2" ></ t d> </ t r >
<t r >
<t d>Nama Si t us </ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=s i t ename t y pe=t ex t c l as s =s t y l e2 v al ue=' $t emp[ s i t ename] ' >" ?></ t d> </ t r >
<t r >
<t d>Foot er </ t d><t d>: </ t d>
<t d><?php ec ho " <i nput name=f oot er t y pe=t ex t c l as s =s t y l e2 v al ue=' $t emp[ f oot er ] ' >" ?></ t d> </ t r >
</ t abl e>
<p al i gn=" c ent er " ><i nput name=" Submi t " t y pe=" s ubmi t " c l as s =" s t y l e2" v al ue=" Si mpan" ></ p> </ f or m>
<?php } el s e
{ i f ( empt y ( $t y pet emp) ) { $t y pet emp = $t emp[ t y pe] ; } i f ( $SES_SI ZE > 10)
{ ec ho " <s c r i pt >al er t ( ' Maaf ! Anda s udah mel ebi hi bat as mak s i mum peny i mpanan f i l e! ' ) </ s c r i pt >" ; ec ho " <met a ht t p- equi v =r ef r es h c ont ent =0>" ;
A - 6
el s e
{ i f ( ( $l ogol ! = " def aul t " ) and ( $l ogob ! = " none" ) ) { unl i nk ( " $di r \ \ $SES_USER\ \ f i l es \ \ $l ogol " ) ; }
my s ql _quer y ( " updat e t empl at e s et t y pe = ' $t y pet emp' , l ogo = ' $l ogo' , s i t ename = ' $s i t ename' , f oot er = ' $f oot er ' wher e us er _i d = ' $SES_I D' " ) ;
mov e_upl oaded_f i l e( " $l ogob" , " $di r \ \ $SES_USER\ \ f i l es \ \ $l ogo" ) ; }
ec ho " <p c l as s =s t y l e4 al i gn=c ent er ><br ><br ><br ><br ><br ><br ><br ><br > Suk s es ! <br ><br >
Pengat ur an Templ at e Anda t el ah di s i mpan ! </ p>" ; }
ec ho " </ di v >" ; }
?> </ body > </ ht ml >
f or got . php
( menampi l k an hal aman f i t ur Lupa Pas s wor d) <?php i nc l ude " aut hent i c at i on. php" ?><! DOCTYPE HTML PUBLI C " - / / W3C/ / DTD HTML 4. 01 Tr ans i t i onal / / EN" " ht t p: / / www. w3. or g/ TR/ ht ml 4/ l oos e. dt d" > <ht ml >
<head>
<?php i nc l ude " s t y l e. c s s " ; ?> </ head>
<body >
<di v i d=" Lay er 1" s t y l e=" pos i t i on: abs ol ut e; l ef t : 0px ; t op: 0px ; wi dt h: 653px ; hei ght : 331px ; z - i ndex : 1; bac k gr ound- c ol or : #9999FF; l ay er - bac k gr ound- c ol or : #9999FF; bor der : 1px none #000000; " >
<?php
i f ( ! i s s et ( $Submi t ) or empt y ( $us er ) or empt y ( $bday ) or empt y ( $bmont h) or empt y ( $by ear ) or empt y ( $emai l ) ) {
?>
<p al i gn=" c ent er " c l as s =" s t y l e4" > <br ><br >
Lupa Pas s wor d?<br ><br >
Si l ak an Anda mengi s i dat a di bawah i ni : <br ><br ><br > </ p>
<f or m ac t i on=" f or got . php" met hod=" pos t " t ar get =" f r ame1" > <t abl e wi dt h=" 320" bor der =" 0" al i gn=" c ent er " c l as s =" s t y l e1" >
<t r >
<t d>Us er name</ t d><t d>: </ t d><t d><i nput name=" us er " t y pe=" t ex t " c l as s =" s t y l e2" s i z e=" 20" max l engt h=" 16" ></ t d>
</ t r > <t r >
<t d>Tanggal Lahi r </ t d><t d>: </ t d> <t d>
<s el ec t name=" bday " c l as s =" s t y l e2" > <opt i on v al ue=" " >Tgl </ opt i on>
<?php
f or ( $i = 1 ; $i <= 31 ; $i ++)
{ ec ho " <opt i on v al ue=$i >$i </ opt i on>" ; } ?>
</ s el ec t >
<s el ec t name=" bmont h" c l as s =" s t y l e2" > <opt i on v al ue=" " >Bul an</ opt i on> <?php
$bul an =
ar r ay ( " J anuar i " , " Febr uar i " , " Mar et " , " Apr i l " , " Mei " , " J uni " , " J ul i " , " Agus t us " , " Sept ember " , " Ok t ober " , " Nov ember " , " De s ember " ) ;
f or ( $j = 0 ; $j <= 11 ; $j ++)
{ ec ho " <opt i on v al ue=$bul an[ $j ] >$bul an[ $j ] </ opt i on>" ; } ?>
</ s el ec t >
<s el ec t name=" by ear " c l as s =" s t y l e2" > <opt i on v al ue=" " >Tahun</ opt i on> <?php
f or ( $k = 1900 ; $k <=2000 ; $k ++) { ec ho " <opt i on v al ue=$k >$k </ opt i on>" ; } ?>
</ s el ec t > </ t d> </ t r > <t r >
<t d>Emai l </ t d><t d>: </ t d><t d><i nput name=" emai l " t y pe=" t ex t " c l as s =" s t y l e2" s i z e=" 20" max l engt h=" 30" ></ t d>
</ t r >
<t r ><t d>&nbs p; </ t d></ t r > <t r >
<t d c ol s pan=" 3" al i gn=" c ent er " ><i nput t y pe=" r es et " c l as s =" s t y l e2" v al ue=" Res et " >&nbs p; <i nput name=" Submi t " t y pe=" s ubmi t " c l as s =" s t y l e2" v al ue=" Ki r i m" ></ t d>
</ t r > </ t abl e> </ f or m> <?php
} el s e
{ $quer y = my s ql _quer y ( " s el ec t * f r om us er wher e us er name = ' $us er ' and bi r t hday = ' $bday $bmont h $by ear ' and emai l = ' $emai l ' " ) ;
$r es ul t = my s ql _num_r ows ( $quer y ) ; i f ( $r es ul t == 0)
{ ec ho ' <s c r i pt >al er t ( " Maaf ! Dat a y ang Anda mas uk k an t i dak t er dapat dal am dat abas e k ami . " ) ; </ s c r i pt >' ; ec ho ' <s c r i pt >hi s t or y . bac k ( 1) ; </ s c r i pt >' ;
} el s e
{ f unc t i on r andompas s ( $l en) { s r and( dat e( " s " ) ) ;
whi l e( $i <$l en)
{ $s t r . =c hr ( ( r and( ) %26) +97) ; $i ++;
}
$s t r =$s t r . s ubs t r ( uni qi d ( " " ) , 0, 22) ; r et ur n $s t r ;