LAMPIRAN
1. Listing Program
a. Tampilan User Interface
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=utf-8 titleGaze.inc Waroeng Badjoetitle
link href=includecss.css rel=stylesheet type=textcss link rel=stylesheet type=textcss media=screen href=includejquery.ketchup.css
link rel=stylesheet type=textcss href=includemessages.css head
body script type=textjavascript
function validatesignupbox {
var x=document.forms[signupFormBox][fullname].value; if x==null || x==
{ alertFull name must be filled out;
return false; }
var x=document.forms[signupFormBox][username].value; if x==null || x==
{ alertUsername must be filled out;
return false; }
var y=document.forms[signupFormBox][password].value; if y==null || y==
{ alertPassword must be filled out;
return false; }
var x=document.forms[signupFormBox][cpass].value; if x==null || x== || x=y
{ alertConfirm password must be filled out and match with
password;
Universitas Sumatera Utara
return false; }
var x=document.forms[signupFormBox][email].value; var atpos=x.indexOf;
var dotpos=x.lastIndexOf.; if atpos1 || dotposatpos+2 || dotpos+2=x.length
{ alertNot a valid e-mail address;
return false; }
var x=document.forms[signupFormBox][phone].value; if x==null || x== || x.matchnumberRegex
{ alertPhone must be filled out by number;
return false; }
} function validateLog
{ var x=document.forms[signinForm][username].value;
if x==null || x== {
alertUsername name must be filled out; return false;
} var x=document.forms[signinForm][password].value;
if x==null || x== {
alertPassword name must be filled out; return false;
} }
script div id=wrapper
div id=header div id=titlea href=index.phpimg src=includeimagesheader.jpg width=527
height=120 adiv script type=textjavascript src=includetinybox.jsscript
div id=topNav
?php
Universitas Sumatera Utara
if logged_in echo a href= onclick=TINY.box.show{url:\frame.php?id=signin\,width:300,height:150,top:50} id=signin
img src=includeimagesheader_sign_in.png width=107 height=36 a
a href= id=signup onclick=TINY.box.show{url:\frame.php?id=signup\,width:500,height:500,top:50}img
src=includeimagesheader_sign_up.png width=107 height=36 ; else echo a id=signout href=action.php?act=sign_outimg
src=includeimagesheader_sign_out.png width=107 height=36 aa id=profile href=
onclick=TINY.box.show{url:\frame.php?id=edit_profile\,width:500,height:500,top:50}PRO FILEa;
?
a id=orderconf href= onclick=TINY.box.show{url:frame.php?id=order_confirmation,width:500,height:500,top:50}
img src=includeimagesheader_orderconf.png width=200 height=22 aspan
?php session = session_id;
cart = myfetchSELECT SUMcrt_qty as sum FROM cart WHERE crt_session=session; ?
a id=cart href=?php if cart[sum]==0 echo ; else echo index.php?menu=shopstep=1; ?img src=includeimagesheader_cart.png width=94
height=48 ?php echo span id=cartSum.cart[sum].span; ?aspan
div div id=facebooka href=http:www.facebook.comimg
src=includeimagesfacebook.png width=35 height=35 aa href=http:www.twitter.comimg src=includeimagestwitter bird.png width=35
height=35 adiv div
?php if empty_GET[menu] || _GET[menu]==about || _GET[menu]==freebies || _GET[menu]==contact || _GET[menu]==testimonial echo div
id=headerSlideheaderSlidediv; ? div id=mainNav
ul ?php
if _GET[menu]==news echo li class=showimg src=includeimagesnav_mouseovermouseover_01_news.png width=106 height=27
li;
else echo lia href=index.php?menu=newsimg id=on src=includeimagesnavnav_01_news.png width=106 height=27 img id=off
src=includeimagesnav_mouseovermouseover_01_news.png width=106 height=27 ali;
if _GET[menu]==shop echo lia href= class=show img src=includeimagesnav_mouseovermouseover_02_shop.png width=106 height=27
a; else echo lia href=index.php?menu=shopimg id=on
src=includeimagesnavnav_02_shop.png width=106 height=27 img id=off
Universitas Sumatera Utara
src=includeimagesnav_mouseovermouseover_02_shop.png width=106 height=27 a;
SUB MENU if _GET[menu]==shop echo ul class=show;
else echo ul class=hide; echo lia href=index.php?menu=shopimg
src=includeimagessubnavsubnav_01_all.png width=106 height=16 ali; echo lia href=index.php?menu=shopcat=1img
src=includeimagessubnavsubnav_02_tshirts.png width=106 height=16 ali; echo lia href=index.php?menu=shopcat=2img
src=includeimagessubnavsubnav_03__hoodies.png width=106 height=16 ali; echo lia href=index.php?menu=shopcat=3img
src=includeimagessubnavsubnav_04_pants.png width=106 height=16 ali; echo lia href=index.php?menu=shopcat=4img
src=includeimagessubnavsubnav_05_accessories.png width=106 height=16 ali; echo ul
li; if _GET[menu]==about echo li class=showimg
src=includeimagesnav_mouseovermouseover_03_about.png width=106 height=27 li;
else echo lia href=index.php?menu=aboutimg id=on src=includeimagesnavnav_03_about.png width=106 height=27 img id=off
src=includeimagesnav_mouseovermouseover_03_about.png width=106 height=27 ali;
if _GET[menu]==faq echo li class=showimg src=includeimagesnav_mouseovermouseover_04_faq.png width=106 height=27 li;
else echo lia href=index.php?menu=faqimg id=on src=includeimagesnavnav_04_faq.png width=106 height=27 img id=off
src=includeimagesnav_mouseovermouseover_04_faq.png width=106 height=27 ali;
if _GET[menu]==freebies echo li class=showimg src=includeimagesnav_mouseovermouseover_05_freebies.png width=106 height=27
li; else echo lia href=index.php?menu=freebiesimg id=on
src=includeimagesnavnav_05_freebies.png width=106 height=27 img id=off src=includeimagesnav_mouseovermouseover_05_freebies.png width=106 height=27
ali;
if _GET[menu]==testimonial echo li class=showimg src=includeimagesnav_mouseovermouseover_06_testimonial.png width=106 height=27
li; else echo lia href=index.php?menu=testimonialimg id=on
src=includeimagesnavnav_06_testimonial.png width=106 height=27 img id=off src=includeimagesnav_mouseovermouseover_06_testimonial.png width=106 height=27
ali;
Universitas Sumatera Utara
if _GET[menu]==contact echo li class=showimg src=includeimagesnav_mouseovermouseover_07_contact.png width=106 height=27
li; else echo lia href=index.php?menu=contactimg id=on
src=includeimagesnavnav_07_contact.png width=106 height=27 img id=off src=includeimagesnav_mouseovermouseover_07_contact.png width=106 height=27
ali; ?
ul div
div id=subNavdiv div id=content?php include includemenu.php;?iklan web terkaitdiv
div id=pushiklan umumdiv div
div id=footer div id=linkdiv
div id=bottomNaviklan khususdiv p style=font-family:Agency FB;font-color:black; font-size:24px marquee direction=left
Copyrightcopy; blink class=blinkGAZE.incblink Production Waroenk Badjoe From Zero To Hero
marqueep div
body html
--TAG LIST NEWS MENU-- div id=newsNav
ul ?php
if isset_GET[tag] echo lia href=index.php?menu=newsallali; else echo li class=showallli;
result = myquerySELECT FROM tag; while row = mysql_fetch_arrayresult
if _GET[tag]==row[tg_id] echo li class=showrow[tg_name]li; else echo lia href=index.php?menu=newstag=row[tg_id]row[tg_name]ali;
?
Universitas Sumatera Utara
ul div
--ALL NEWS-- ?php
INIT QUERY PAGE NUMBER if isset_GET[page] getPage = _GET[page];
else getPage = 1;
max = 2; startPage = getPage max - max;
if isset_GET[tag] { sql = SELECT n.nw_id, n.nw_title, n.nw_created, u.us_username, i.img_thumbnail, n.nw_content ;
sql .= FROM news n, user u, image i, news_has_tag nt, tag t ; sql .= WHERE u.us_id=n.us_id ;
sql .= AND i.nw_id=n.nw_id ; sql .= AND nt.nw_id=n.nw_id ;
sql .= AND t.tg_id=nt.tg_id ; sql .= AND t.tg_id=_GET[tag] ;
sql .= AND i.img_thumbnail IS NOT NULL ; sql .= ORDER BY n.nw_created DESC ;
sqlAll = sql; sqlLimit = sql.LIMIT startPage,max;
} else { sql = SELECT n.nw_id, n.nw_title, n.nw_created, u.us_username, i.img_thumbnail, n.nw_content ;
sql .= FROM news n, user u, image i ; sql .= WHERE u.us_id=n.us_id ;
Universitas Sumatera Utara
sql .= AND i.nw_id=n.nw_id ; sql .= AND i.img_thumbnail IS NOT NULL ;
sql .= ORDER BY n.nw_created DESC ;
sqlAll = sql; sqlLimit = sql.LIMIT startPage,max;
} newsRow = mysql_num_rowsmyquerysqlAll;
LIST ALL NEWS _SESSION[return_url] = _SERVER[REQUEST_URI];
if empty_GET[id] { Y=0; result = myquerysqlLimit;
while row = mysql_fetch_arrayresult{ Y++;? div id=newsTitle
?php if isset_GET[page] newsNum = _GET[page] - 1 max + Y;
else newsNum = Y;
if isset_GET[tag] echo a href=index.php?menu=newstag=_GET[tag]id=row[nw_id]p=newsNumrow[nw_title]a;
else echo a href=index.php?menu=newsid=row[nw_id]p=newsNumrow[nw_title]a; ?
div div id=newsInfo
?php echo row[nw_created]. | .row[us_username]; ? div
div id=newsContent ?php
Universitas Sumatera Utara
IMAGE echo img src=contentimagenews.row[img_thumbnail]. width=600px height=100px ;
CONTENT echo p;
isiTmp = htmlentitiesstrip_tagsrow[nw_content]; isi = substrisiTmp,0,220; ambil sebanyak 220 karakter
isi = substrisiTmp,0,strrposisi, ; potong per spasi kalimat echo isi;
echo p; ?
div div id=newsTag
?php tg = myquerySELECT t.tg_id, t.tg_name FROM tag t, news_has_tag nt, news n WHERE
n.nw_id = .row[nw_id]. AND n.nw_id = nt.nw_id AND nt.tg_id = t.tg_id; echo Tag | ;
while rowTg = mysql_fetch_arraytg echo a href=index.php?menu=newstag=rowTg[tg_id]rowTg[tg_name]a
| ; ?
div ?php
}
PAGE if newsRow max {
jumlah halaman pageRow = ceilnewsRow max;
Universitas Sumatera Utara
echo div id=newsPage; if getPage=1 {
if isset_GET[tag] echo a href=index.php?menu=newstag=._GET[tag].page=.getPage - 1. PREFa |;
else echo a href=index.php?menu=newspage=.getPage - 1. PREFa |; }
for i = 1; i = pageRow; i++ { if getPage==i
echo . i . |; else
if isset_GET[tag] echo a href=index.php?menu=newstag=._GET[tag].page=.i. .i.a |;
else echo a href=index.php?menu=newspage=.i. .i.a |; }
if getPage=pageRow { if isset_GET[tag] echo a
href=index.php?menu=newstag=._GET[tag].page=.getPage + 1. NEXTa; else echo a href=index.php?menu=newspage=.getPage + 1. NEXTa;
} echo div;
}
NEWS DETAIL } else { ?
script type=textjavascript src=includejquery.min.jsscript script type=textjavascript src=includejquery.ketchup.jsscript
script type=textjavascript src=includejquery.ketchup.messages.jsscript
Universitas Sumatera Utara
script type=textjavascript src=includejquery.ketchup.validations.basic.jsscript ?php
_SESSION[return_url] = _SERVER[REQUEST_URI]; sql = SELECT n.nw_id, n.nw_title, n.nw_created, u.us_username, n.nw_content ;
sql .= FROM news n, user u ; sql .= WHERE u.us_id=n.us_id ;
sql .= AND n.nw_id=_GET[id] ;
row = myfetchsql? div id=newsTitle?php echo row[nw_title]. .newsRow ?div
div id=newsInfo ?php echo row[nw_created]. | By: .row[us_username]; ?
div div id=newsContent
p?php echo row[nw_content] ?p ?php
select = myquerySELECT img_picture FROM image WHERE nw_id = .row[nw_id]. AND img_picture IS NOT NULL;
while img = mysql_fetch_arrayselect{ echo img src=contentimagenews.img[img_picture]. width=600px ;
} ? div
div id=newsTag ?php
tg = myquerySELECT t.tg_id, t.tg_name FROM tag t, news_has_tag nt, news n WHERE n.nw_id = .row[nw_id]. AND n.nw_id = nt.nw_id AND nt.tg_id = t.tg_id;
echo Tag | ; while rowTg = mysql_fetch_arraytg
echo a href=index.php?menu=newstag=rowTg[tg_id]rowTg[tg_name]a | ; ?
Universitas Sumatera Utara
div
--PREF NEXT-- ?php
INIT NEWS ID result = myquerysqlAll;
while row = mysql_fetch_arrayresult idPage[] = row[nw_id];
pref = _GET[p] - 1; next = _GET[p] + 1;
if countidPage1 { echo div id=newsPage class=detail;
if isset_GET[tag] { if _GET[p]=1 echo a href=index.php?menu=newstag=._GET[tag].id=.
idPage[pref-1] .p=. pref . class=prefPREFa; if _GET[p]=newsRow echo a href=index.php?menu=newstag=._GET[tag].id=.
idPage[next-1] .p=. next . class=nextNEXTa; } else {
if _GET[p]=1 echo a href=index.php?menu=newsid=. idPage[pref-1] .p=. pref . class=prefPREFa;
if _GET[p]=newsRow echo a href=index.php?menu=newsid=. idPage[next-1] .p=. next . class=nextNEXTa;
} echo div;
} ?
div id=newsComment h4Commenth4
?php comment = myquerySELECT cm_name, cm_created, cm_message FROM comment
WHERE nw_id=_GET[id] AND cm_status=on ;
Universitas Sumatera Utara
if mysql_affected_rows == 0 echo pNo comment yet.p; while rowCmn = mysql_fetch_arraycomment
echo pb.rowCmn[cm_name].b | b.rowCmn[cm_created].bbr.rowCmn[cm_message].p;
? div
div id=newsPost script type=textjavascript
document.readyfunction { postComment.ketchup;
}; script
h4Leave your own commenth4 form method=post id=postComment action=action.php?act=add_commentnews=?php echo
_GET[id]; ? p
label for=nameNamelabelbr ?php
row = myfetchSELECT us_username, us_email, us_website FROM user WHERE us_id=_SESSION[user];
if logged_in echo input name=name id=name value=row[us_username] tabindex=10 type=text maxlength=32 readonly=readonly;
else echo input name=name id=name value= tabindex=10 type=text maxlength=32 class=validaterequired;?
p p
label for=emailE-maillabelbr ?php if logged_in echo input name=email id=email value=row[us_email] tabindex=20
type=text maxlength=64 readonly=readonly; else echo input name=email id=email value= tabindex=20 type=text
maxlength=64 class=validaterequired, email;? p
Universitas Sumatera Utara
p label for=websiteWebsitelabelbr
?php if logged_in row[us_website]= echo input name=website id=website value=row[us_website] tabindex=30 type=text maxlength=64 readonly=readonly;
else echo input name=website id=website value= tabindex=30 type=text maxlength=64 class=validatewebsite;?
p p
label for=commentCommentlabelbr textarea name=comment cols=45 rows=5 id=comment tabindex=40 maxlength=255
class=validaterequired, rangelength2,255textarea p
pinput id=submit value=Submit tabindex=50 type=submitp form
div ?php
} ?
div id=clearnbsp;div About US
div id=contentTitleAbout Usdiv div id=menuContentp align=justify
Berawal dari pencarian ide kecil untuk mewujudkan desain-desain menjadi sesuatu yang bisa dijual, website acronym title=Gaya Anak Zalanan Edan.incGAZE.incacronym waroenk badjoe diluncurkan pada tanggal
4 mei dikamar gue yang pada awalnya berfokus pada penjualan t-shirt.br Perkembangan bisnis acronym title=Gaya Anak Zalanan Edan.incGAZE.incacronym waroenk badjoe
mengarahkannya pada fokus bisnis produksi pakaian dan merchandise untuk memenuhi keperluan berbagai klien Perusahaan, Komunitas, instansi dan lain-lain. br
Kapasitas produksi acronym title=Gaya Anak Zalanan Edan.incGAZE.incacronym waroenk badjoe masih terus berkembang mengingat saat ini membuka konsep-konsep kerjasama retail berupa re-seller, co-branding,
franchise dan lain-lain. br Semoga, acronym title=Gaya Anak Zalanan Edan.incGAZE.incacronym waroenk badjoe senantiasa
dapat terus meningkatkan kualitas untuk dapat mendukung bisnis klien. br
Universitas Sumatera Utara
p align=justifyfont size=4 color=whiteIn the searching of little idea to bring graphic designs become a commercial stuffs, acronym title=Gaya Anak Zalanan Edan.incGAZE.incacronym waroenk badjoe
website launched in the May 4th in my room, which focused on t-shirt selling.br Business growth directed acronym title=Gaya Anak Zalanan Edan.incGAZE.incacronym to focused on
apparel and merchandise production to fulfill the clients needs.br acronym title=Gaya Anak Zalanan Edan.incGAZE.incacronym production capacity still growing because
nowadays we open some partnership opportunity.br We hope we can always increase our product quality to support your business.brbr
fontp p align=centerRegards,br
acronym title=Gaya Anak Zalanan Edan.incGAZE.incacronym managementprebr p align=centera class=blacknav width=50a class=m_item width=50 href=contact.php
target=contentimg src=includeimagesitmam.jpg align=center width=200px height=250px class=aabr clear=leftpre
hr width=80 align=center div
CONTACT
div id=contentTitleCONTACTdiv div id=menuContent
div align=centerimg src=includeimagesfollower.gif width=173 height=183 a href=www.facebook.com target=contentimg src=includeimageslogo_facebook-rgb-
7inch.jpga a href=www.google.comgmail target=contentimg src=includeimagesgmail_logo copy.jpga
a href=http:twitter.comOMEMLazaruzisme target=contentimg src=includeimagestwitter- logo.jpga
div div
Universitas Sumatera Utara
b. Tampilan Admin Interface
Kategori