c. Daftar Definisi (Definition List)
ANALISIS DAN PERANCANGAN SISTEM
1. Halaman Index
63
2. Halaman Index (Lanjutan)
Gambar 4.3 Halaman index (Lanjutan)
Melalui halaman index, pengguna dapat melakukan beberapa hal, diantaranya adalah :
1. Melakukan registrasi untuk mendaftar menjadi member dan melakukan logout jika ingin keluar dari sistem.
2. Melihat properti yang sedang ditawarkan oleh member.
3. Melakukan pencarian properti berdasarkan jenis properti, jenis penawaran, lokasi, harga dan pemilik properti.
Tampilan halaman index dibuat dengan menggunakan file index.php. Isi file index.php adalah sebagai berikut:
< ?
set cookie( " Cookies" ," propert i" ,t im e( ) + 3600) ; ?>
< ! DOCTYPE HTML PUBLI C " - / / W3C/ / DTD HTML 4.01 Transit ional/ / EN" > < ht m l>
< head>
< t it le> YOGYAKARTA PROPERTI < / t it le>
< link href= " source/ proper t i.css" rel= " st y lesheet " t ype= " t ext / css" > < / head>
< body>
< div id= " Layer 1" st yle= " posit ion: absolut e; left : 201px; t op: 712px; widt h: 1px; height : 1px; z- index: 1" > < / div >
< div align= " cent er" >
< t able widt h= " 580" height = " 826" border= " 4" bordercolor= " # FFFFFF" bgcolor= " # 000000" >
< t r>
< t d colspan= " 3" > < obj ect classid= " clsid: D27CDB6E- AE6D- 11cf- 96B8-444553540000"
codebase= " ht t p: / / download.m acrom edia.com / pub/ shock wave/ cabs/ flash/ swflash.cab# version= 6,0,29,0" widt h= " 784" height = " 144" >
< param nam e= " m ov ie" value= " I MAGE/ header .swf" > < param nam e= " qualit y" value= " high" >
< em bed src= " I MAGE/ header .swf" qualit y= " high"
pluginspage= " ht t p: / / www .m acrom edia.com / go/ get flashplayer" t ype= " applicat ion/ x-shockwav e- flash" w idt h= " 784" height = " 144" > < / em bed> < / obj ect > < / t d>
< / t r> < t r>
< t d widt h= " 172" height = " 27" rowspan= " 2" align= " cent er" valign= " m iddle" > < font color= " # FFFFFF" >
< ? include ( " t anggal.php" ) ?> < / font > < / t d>
< t d height = " 27" colspan= " 2" > < m arquee>
< st rong> < font color= " # FFFFFF" > SELAMAT DATANG DI WEBSI TE YOGYAKARTA PROPERTI < / font > < / st rong>
< / m arquee> < / t d> < / t r>
< t r>
< t d height = " 21" colspan= " 2" align= " r ight " > < a href= " index.php" > HOME < / a> < / t d>
< / t r> < t r>
< t d height = " 250" align= " cent er " > < div class= " m enu" > < font color= " # FF0000" > MENU< / font > < / div>
< p> < / p>
< p> < a href= " regr ist rasim em ber .php" > Regrist rasi Mem ber< / a> < br> < a href= " loginm em ber.php" > Login Mem ber< / a> < br>
< a href= " lihat propert i.php" > Lihat Pr opert i< / a> < br > < a href= " pencarian.php" > Pencar ian< / a> < br> < / p> < / t d>
< t d widt h= " 606" height = " 23" rowspan= " 3" align= " left " valign= " t op" bordercolor= " # FFFFFF" bgcolor= " # CC0000" > < p> < br>
< font size= " + 2" > Selam at dat ang di Yogyakart a Propert i < / font > < / p>
< p> < font size= " + 1" > Yogyakart a Propert i adalah sebuah sit us yang m eny ediakan layanan unt uk m em bant u para user dalam m enawarkan m aupun m encar i berbagai
m acam propert i yang ada di kot a Yogyakart a.< / font > < / p>
< p> < font size= " + 1" > Unt uk selanj ut nya silahkan pilih m enu yang anda inginkan. Terim a kasih.< / font > < / p> < / t d>
< / t r> < t r>
65
< / t r> < t r>
< t d height = " 40" align= " cent er" > < p> < br> < a href= " adm in.php" > Adm inist rat or < / a> < br> < / t d>
< p> < / p> < / t r>
< t r>
< t d height = " 32" colspan= " 3" align= " cent er" background= " # 000000" > < font color= " # FFFFCC" >
< m arquee>
Terim a k asih at as kunj ungannya < / m arquee>
< / font > < / t d> < / t r>
< t r>
< t d height = " 91" colspan= " 3" align= " cent er"
background= " im age/ foot er .j pg" > < font color = " # FFFFFF" > < st rong> < br> copyright @ 2007< / st rong> < / font > < br> < a
href= " m ailt o: dickver nugie@y ahoo.co.id" > dickvernugie@y ahoo.co.id< / a> < / t d> < / t r> < / t able> < p> < / p> < / div> < / body> < / ht m l>
3. Halaman regristrasi member
Gambar 4.4 akan muncul jika pengunjung ingin melakukan regristrasi untuk menjadi. Pada halaman ini pengunjung harus mengisi data secara lengkap terlebih dahulu sebelum dikirimkan. Script halaman untukmemasukkan data ini adalah:
< ?php
include " koneksi.inc" ; if( isset ( $_POST[ " Subm it " ] ) ) {
opendb( ) ;
$unam e= $_POST[ 'usernam em '] ; $password= $_POST[ 'passwor dm '] ; $password2= $_POST[ 'passw ordm 2'] ; $nam a= $_POST[ 'nam a'] ;
$alam at = $_POST[ 'alam at '] ; $not elp= $_POST[ 'not elp'] ; $em ail= $_POST[ 'em ail'] ;
$kat akunci= $_POST[ 'kat akunci'] ; $j awaban= $_POST[ 'j awaban'] ; $cek= $_POST[ 'cek'] ;
if( $cek ! = 1)
{ echo " Anda belum m eny et uj ui at uran yang berlaku! " ; } else if( $passw ord ! = $passw ord2)
{ echo " Passw ord t idak sam a! " ; }
else if( $unam e = = " " | | $password = = " " | | $password2 = = " " | | $nam a = = " " | | $alam at = = " " | | $kat akunci = = " " | | $j awaban = = " " )
{ echo " Belum sem ua dat a anda isi! " ; }
else {
$sql= " insert int o m em ber values( '$unam e', '$passw ord', '$nam a', '$alam at m ', '$not elp','$em ail', '$kat akunci', '$j awaban') " ;
querydb( $sql) ; closedb( ) ; if( ! $r esult )
{ echo " Regist rasi gagal, silahkan m engulang lagi! " ; } else
{ echo " Regist rasi ber hasil, anda sudah bisa m elakukan login! " ; } }
} ?>
67
4. Halaman login member
Gambar 4.5 Halaman loginmember
Gambar 4.5 akan muncul jika pengunjung ingin melakukan login member. Pada halaman ini pengunjung harus mengisi username dan password terlebih dahulu untuk bisa login sebagai member. Script supaya login dapat dikenali setelah mengisi username dan password adalah:
if( isset ( $_POST[ " Subm it " ] ) ) {
opendb( ) ;
$unam e= $_POST[ 'usernam em '] ; $password= $_POST[ 'passwor dm '] ; if( $unam e = = " " | | $passwor d = = " " ) {
echo " Belum sem ua dat a anda isi! Silahkan login lagi! " ; }
else {
$sql= " select * from m em ber where usernam e = '$unam e' and password = '$password' and st at us_m em ber like '% ak t if% '" ;
querydb( $sql) ; closedb( ) ;
$dat a = m ysql_num _rows( $r esult ) ; if( $dat a = = 0)
{ echo " Login gagal, silahkan m engulang lagi! " ; } else
{
$_SESSI ON[ 'propert i'] = $unam e; print _r ( $_SESSI ON[ 'propert i'] ) ;
halam an m em ber< / font > < / a> " ; } } } else { ?>
5. Halaman mendaftar properti
Gambar 4.6 Halaman mendaftar properti
Gambar 4.6 akan muncul jika member ingin mendaftarkan properti yang dimiliki ke dalam situs ini. Pada halaman ini pengunjung harus mengisi data-data properti secara lengkap sebelummengirim data Script untuk memasukkan data properti adalah:
< ?php
include " koneksi.inc" ; if( isset ( $_POST[ " Subm it " ] ) ) {
opendb( ) ;
$kodep= $_POST[ " kode" ] ; $nam ap= $_POST[ 'nam ap'] ; $unam e= $_POST[ 'usernam e'] ;
69
$lokasi= $_POST[ 'lokasi'] ; $j enisp= $_POST[ 'j enispropert i'] ; $j enispen= $_POST[ 'j enispenawaran'] ; $alam at = $_POST[ 'alam at p'] ;
$luas= $_POST[ 'luas'] ; $harga= $_POST[ 'harga'] ; $fasilit asp= $_POST[ 'fasilit asp'] ; $fasilit asl= $_POST[ 'fasilit aslok'] ; $st at us= $_POST[ 'st at uskepem ilikan'] ; $gam bar= " upload/ noim age.gif" ;
$t gl_akhir= dat e( " Y- m - d" ,st rt ot im e( $_POST[ 't gl_akhir'] ) ) ; $t gl_m ulai= dat e( " Y- m - d" ,st r t ot im e( $_POST[ 't gl_m ulai'] ) ) ;
if( $nam ap = = " " | | $lokasi = = " " | | $j enisp = = " " | | $j enispen = = " " | | $alam at = = " " | | $luas = = " " | |
$harga = = " " | | $st at us = = " " | | $t gl_akhir = = " " )
{ echo " Belum sem ua dat a yang harus diisi anda isi. Silahk an ulangi lagi! " ; }
else if ( ! is_num er ic( $harga) ) {
echo " Harga harus berupa angka! " ; }
else {
$sql= " insert int o propert i values ( '$kodep', '$unam e', '$lokasi', '$nam ap', '$j enisp', '$j enispen', '$alam at ', '$luas', '$harga','$fasilit asp', '$fasilit asl', '$st at us', '$t gl_m ulai', '$t gl_akhir',
'$gam bar', '$gam bar', '$gam bar', '$gam bar', '$gam bar', '$gam bar') " ; querydb( $sql) ;
closedb( ) ; if( ! $r esult )
{ echo " Pem asukkan dat a propert i gagal, silahkan m engulang lagi! " ; } else
{ echo " Pem asukkan dat a propert i berhasil! " ; } }
}
