LAMPIRAN A : TAMPILAN HALAMAN
1. Tampilan halaman home.php
Universitas Sumatera Utara
2. Tampilan profile.php
3. Tampilan halaman contact.php
Universitas Sumatera Utara
4. Tampilan halaman product.php
5. Tampilan halaman howtobuy.php
Universitas Sumatera Utara
6. Tampilan halaman galery.php
7. Tampilan halaman admin.php
Universitas Sumatera Utara
8. Tampilan halaman input_product.php
9. Tampilan halaman product_admin.php
Universitas Sumatera Utara
10. Tampilan halaman buku_tamu_admin.php
Universitas Sumatera Utara
LAMPIRAN B: LISTING PROGRAM
1. styles.css * { margin: 0px; padding: 0px; } a:link { color: #ff0000; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #ff0000; } body { background: #828282 url(images/back_all.gif) center top repeat-y; font: 13px Arial, Helvetica, sans-serif; color: #383838; } #sitebg{ background: url(images/sitebgl.jpg) no-repeat left top; margin: 0 auto; width: 1044px; } #sitebg2{ background: url(images/sitebgr.jpg) no-repeat right top; margin: 0 auto; width: 1044px; } #content{ margin: 0 auto; width: 1000px; text-align: left; } #main{
Universitas Sumatera Utara
width: 1000px; margin: 0 auto; clear:both; background: url(images/conbg.gif) repeat-y left; } #header { height: 139px; width: 1000px; background: #000000 url(images/header.jpg) no-repeat top right; } #wel{ font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; color:#FFFFFF; padding-left: 200px; padding-top: 12px; height: 33px; } #logo { padding-left:53px; padding-top: 20px; float:left; color:#FFFFFF; }
#logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; } #logo H2 a { font-size: 12px; }
#menu { width: 682px; height: 43px; float:right; margin-top: 50px; }
Universitas Sumatera Utara
#menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 113px; height: 27px; display: block; text-align: center; text-decoration: none; color: #ffffff; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; padding-top: 15px; font-size: 14px; text-transform: uppercase; }
#button1 a:hover{ background: url(images/hover1.jpg) no-repeat left top; } #button2 a:hover, #button3 a:hover, #button4 a:hover, #button5 a:hover, #button6 a:hover{ background: url(images/hover2.jpg) repeat-x left top; } #menu a:hover{ } #left { width: 318px; background: #c8c7c7; height:1200px; } #left H3 {
Universitas Sumatera Utara
font-family:Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; padding-left: 20px; padding-top: 15px; color: #6d0202; background: url(images/title.png) no-repeat center bottom; } #left ul { list-style: none; margin-bottom: 20px; padding-left: 17px; padding-top: 15px; padding-right: 20px; } #left li { border: 0px; color: #666666; padding-bottom: 10px; background:url(images/list_style.gif) no-repeat left top; padding-left: 15px; } #left ul li a { color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #left ul li a :hover{ color: #6d0202; } .com{ min-height: 85px; margin-left: 15px; margin-right: 15px; padding-top: 10px; border-bottom: 1px solid #0e015d; padding-bottom: 10px; } .addcom{ padding-right: 15px; text-align:left; padding-top: 3px;
Universitas Sumatera Utara
font-family:Arial, Helvetica, sans-serif; font-size:12px; } .addcom a{ color: #393939; text-decoration:none; } #right { float: right; width: 682px; height:1200px; } #righttop{ background:url(images/righttop.jpg) no-repeat top left; height: 280px; }
#post{ padding-left: 10px; padding-right: 10px; padding-top: 10px; } #right H1 { font-family: Elephant; color:#FFFFFF; font-weight:normal; padding-top: 5px; padding-bottom: 10px; text-align: left; } p a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; color: #ff0000; text-decoration: none; } p a:hover{ color: #6d0202; text-decoration:underline;
Universitas Sumatera Utara
}
#right p { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FFFFFF; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; } .more{ text-align:right; padding-bottom: 5px; padding-right: 10px; } .more a{ color:#FF0000; } #footer { height: 51px; clear: both; background: url(images/footer.gif) repeat-x top; padding-top: 10px; } #footer p { margin: 0; font-size:14px; text-align: center; color: #ffffff; font-family: "Arial Rounded MT Bold";
} #footer a { color: #ffffff; }
Universitas Sumatera Utara
2. kelendar.asp <SCRIPT language=JavaScript> monthnames = new Array( "Januari", "Februrari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear)); if (((thisyear % 4 == 0) && !(thisyear % 100 == 0))
Universitas Sumatera Utara
||(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate; while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces < 0) startspaces+=7; document.write("
"); document.write("<strong>" + monthnames[thismonth] + " " + thisyear + " "); document.write("Minggu Senin Selasa Rabu Kamis Jumat Sabtu "); document.write(""); for (s=0;s<startspaces;s++) { document.write(" "); } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write(""); for (c=0;c"); linktrue=true; } } } if (count==thisdate) { document.write("<strong>"); } else{<strong>"); } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write(" "); } if (count==thisdate) { document.write(" "); } if (linktrue) document.write(""); document.write(" "); count++; } document.write(" "); document.write(""); startspaces=0; } document.write("
");
3. sambung.php 4. home.php
Universitas Sumatera Utara
?> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
Universitas Sumatera Utara
Home <meta name="keywords" content="" /> <meta name="description" content="" />
<style type="text/css">
Istana Jepara <strong>Toko Mebel Istana Jepara hadir memberikan kemudahan berbelanja bagi para pecinta mebel ukir. Produk kami terbuat dari kayu jati yang berkualitas diantaranya almari, buffet, gebyok, jam hias,kaligrafi,kursi makan,kursi tamu, meja, meja telepon, mimbar, sofa, tempat tidur, dan tolet. <strong>
<span class="style1">" Selamat Berbelanja "
Koleksi Jepara Kami <marquee direction="left" scrollamount="2" scrolldelay="80" truespeed="true" onMouseOver="this.stop()" onMouseOut="this.start()">
tempat tidur
kursi tamu
almari
kursi
buffet
jam dinding
<marquee direction="right" scrollamount="3" truespeed="true" onMouseOver="this.stop()" onMouseOut="this.start()">
meja
tolet
gebyok
nakas
pigura
meja makan
Login Calendar Toko Mebel di Medan Barokah Jepara : Jl. S.M. RAja 51-A Toko Jepara : Jl Denai 205 Toko Putra Jepara: Jl. S.M. RAja 13 Toko 644 : Jl Prof HM Yamin SH 644 Agung Furniture : Jl. Letjen Suprapto 3-Q A. Yani Furniture : Jl. Gatot Subroto 154 Toko Cinderela : Jl.Yos Sudarso 235 Toko Harapan : Jl.Dr Sutomo 69
5. profile.php <meta http-equiv="content-type" content="text/html; charset=utf-8" />
Sejarah Istana Jepara <strong>Toko Mebel Istana Jepara merupakan salah satu usaha yang bergerak di bidang penjualan mebel. Istana Jepara didirikan oleh pasangan suami istri yaitu H. Muchtar dan Hj. Zainab sejak tahun 1982. Istana Jepara terletak di Jl. Letda Sujuno No 50, Bandar Selamat Medan. Istana Jepara menerima pesanan dan tempahan mebel jepara asli. Profile Calendar Slide Show <iframe title="jepara" src="images/FlashSlideShow.swf" width="270" height="180" scrolling="auto">
6. contact.php
Universitas Sumatera Utara
if (isset($_SERVER['QUERY_STRING'])) { $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']); } if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) { $insertSQL = sprintf("INSERT INTO buku_tamu (`no`, nama, alamat, email, comment) VALUES (%s, %s, %s, %s, %s)", GetSQLValueString($_POST['no'], "int"), GetSQLValueString($_POST['nama'], "text"), GetSQLValueString($_POST['alamat'], "text"), GetSQLValueString($_POST['email'], "text"), GetSQLValueString($_POST['comment'], "text")); mysql_select_db($database_sambung, $sambung); $Result1 = mysql_query($insertSQL, $sambung) or die(mysql_error()); $insertGoTo = "tampil_buku_tamu.php"; if (isset($_SERVER['QUERY_STRING'])) { $insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?"; $insertGoTo .= $_SERVER['QUERY_STRING']; } header(sprintf("Location: %s", $insertGoTo)); } $colname_Qbuku_tamu = "-1"; if (isset($_GET['no'])) { $colname_Qbuku_tamu = (get_magic_quotes_gpc()) ? $_GET['no'] : addslashes($_GET['no']); } mysql_select_db($database_sambung, $sambung); $query_Qbuku_tamu = sprintf("SELECT * FROM buku_tamu WHERE `no` = %s", $colname_Qbuku_tamu); $Qbuku_tamu = mysql_query($query_Qbuku_tamu, $sambung) or die(mysql_error()); $row_Qbuku_tamu = mysql_fetch_assoc($Qbuku_tamu); $totalRows_Qbuku_tamu = mysql_num_rows($Qbuku_tamu); ?> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
Contact <meta name="keywords" content="" /> <meta name="description" content="" />
<style type="text/css">
Universitas Sumatera Utara
Home: Jl. Kapt Jamil Lubis No.11 A
Workshop: Jl. Letda Sujono No. 50
Contact Person: * Sandi
Silahkan isi buku tamu di bawah ini : Daftar Pengunjung
Contact Pemilik : H. Muchtar dan Hj. Zainab[email protected] Calendar Slide Show <iframe title="jepara" src="images/FlashSlideShow.swf" width="270" height="180" scrolling="auto">
Universitas Sumatera Utara
7. produk.php
Universitas Sumatera Utara
$queryString_QProduk = "&" . htmlentities(implode("&", $newParams)); } } $queryString_QProduk = sprintf("&totalRows_QProduk=%d%s", $totalRows_QProduk, $queryString_QProduk); ?> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
Product <meta name="keywords" content="" /> <meta name="description" content="" />
<style type="text/css">
Katalog Produk Calendar Slide Show <iframe title="jepara" src="images/FlashSlideShow.swf" width="270" height="180" scrolling="auto">
8. howtobuy.php <meta http-equiv="content-type" content="text/html; charset=utf-8" />
Tugas Akhir <meta name="keywords" content="" /> <meta name="description" content="" />
Cara Pemesanan <strong>1. Tentukan kode dan jenis barang yang diinginkan. <strong>Anda bisa melihat katalok produk pada menu "PRODUCT" <strong>2. Email ke [email protected] , barang-barang yang akan anda beli atau anda tanyakan. Atau sms ke 081362448729 <strong>3. Anda akan menerima invoice ke email Anda yang berisikan beberapa daftar no rekening untuk pembayaran. <strong>4. Silahkan transfer ke salah satu rekening, dan kabari kami lewat sms atau email. Setelah transfer harap konfirmasi sehingga kami segera mengirimkan barang <strong>5. Kami akan memberikan konfirmasi kalau kami telah menerima pembayaran. <strong>Terima Kasih sudah berbelanja di tempat kami
Salam /
istanajepara.com
How To Buy Cara Pemesanan Term & Conditions Privacy Policy FAQ (Frequently Asked Questions) Calendar Slide Show <iframe title="jepara" src="images/FlashSlideShow.swf" width="270" height="180" scrolling="auto">
9. gallery.php <meta http-equiv="content-type" content="text/html; charset=utf-8" />
Gallery <meta name="keywords" content="" /> <meta name="description" content="" />
<iframe src="flash/gallery.swf" width="600" height="660" scrolling="auto" title="istana jepara">
Slide Show <iframe title="jepara" src="images/FlashSlideShow.swf" width="270" height="180" scrolling="auto"> Calendar Toko Mebel di Medan Barokah Jepara : Jl. S.M. RAja 51-A Toko Jepara : Jl Denai 205 Toko Putra Jepara: Jl. S.M. RAja 13 Toko 644 : Jl Prof HM Yamin SH 644 Agung Furniture : Jl. Letjen Suprapto 3-Q A. Yani Furniture : Jl. Gatot Subroto 154 Toko Cinderela : Jl.Yos Sudarso 235 Toko Harapan : Jl.Dr Sutomo 69
Universitas Sumatera Utara
