Hasil Uji Program Tugas Akhir
SURAT KETERANGAN
Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa
Program Diploma 3 Teknik Informatika :
Nama
: CHRIS NOEL SUNDA D
NIM
: 132406198
Program Studi
: D3 Teknik Informatika
Judul TA
: Sistem Penjualan Sepatu di Toko Moses
Simangunsong Berbasis Website
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas tanggal 30
Juni 2016
Dengan Hasil
: Sukses / Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja
Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU
Medan.
Medan, 30 Juni 2016
NIP. 196312141989031001
Drs. Marihat Situmorang, M.Kom
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa
: CHRIS NOEL SUNDA D
Nomor Stambuk
: 132406198
Judul Tugas Akhir
: SISTEM PENJUALAN SEPATU DI TOKO
MOSES SIMANGUNSONG BERBASIS
WEBSITE
Dosen Pembimbing
: Drs. Marihat Situmorang, M.Kom
Tanggal Mulai Bimbingan
:
Tanggal Selesai Bimbingan
:
No.
Tanggal Asisten
Bimbingan
Pembahasan pada
Asistensi Mengenai,
pada Bab :
Paraf Dosen
Pembimbing
Keterangan
1
2
3
4
5
6
7
Diketahui,
Ketua Program Studi D3 Teknik
Disetujui,
Informatika Fakultas MIPA USU
Pembimbing Utama
Dr. Elly Rosmaini, M.Si.
NIP. 196005201985032002
NIP. 196312141989031001
Drs. Marihat Situmorang, M.Kom
1.
Index.php
<?phperror_reporting(0);
include ("proses/koneksi.php"); session_start();
if (!isset($_SESSION['username'])){ header ("location:registration.php"); }
?>
<!DOCTYPE HTML> <html>
<head>
<title>Toko Sepatu Moses Simangunsong</title>
<link rel="stylesheet" type="text/css" href="assets/css/fonts.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../assets/js/other.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link
href='http://fonts.googleapis.com/css?family=Montserrat:400, 700' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href="css/form.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu ();});</script>
<script src="js/menu_jquery.js"></script>
<script src="js/jquery.easydropdown.js"></script> <script src="js/jquery.etalage.min.js"></script> <script>
jQuery(document).ready(function($){
$('#etalage').etalage({ thumb_image_width: 300, thumb_image_height: 400, source_image_width: 800, source_image_height: 1000, show_hint: true,
click_callback: function(image_anchor, instance_id){
alert('Callback
example:\nYou clicked on an image with the anchor:
"'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
} });
}); </script>
</head> <body>
<!-- header -->
<div class="header"> <div class="top_bg"> <div class="container"> <div class="header_top">
<div class="logo">
<a href="index1.php"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top_right"> <ul>
<li><a href="contact.php">Contact</a></li>| <a href="logout.php">Logout</a>|
</div>
<div class="clearfix"></div> </div>
</div> </div>
</div>
<div class="head-bann">
<div class="container"> <div class="head-nav">
<span class="menu"></span>
<ul class="megamenu skyblue">
<li><a class="color1" href="index1.php">Home</a></li>
<li class="grid"><a class="color2" href="Mens1.php">Mens</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="mens-casual1.php">Casual</a></li>
<li><a href="mens-sport1.php">sports</a></li>
<li><a href="mens-kets1.php">Kets</a></li>
<li><a href="mens-formal1.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li class="grid"><a class="color2" href="women1.php">Women</a>
<div class="megapanel"> <div class="row">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="women-high heels1.php">High Heels</a></li>
<li><a href="women-sport1.php">sports</a></li>
<li><a href="women-kets1.php">Kets</a></li>
<li><a href="women-formal1.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li><a class="color1" href="Cara Order1.php">Cara Order</a></li>
<li><a class="color1" href="Keranjang.php">Keranjang</a></li>
<div class="clearfix"></div> </ul>
</div> </div>
</div>
<!-- script-for-nav --> <script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete. });
}); </script>
<!-- script-for-nav --> <div class="banner">
</div>
<div class="col-md-6 banner-info"> <h1>WELCOME</h1>
<p>Selamat datang di Toko Sepatu Moses Tambunan. kami menyediakan Sepatu dengan harga yang yang terjangkau dan dapat membantu ada mencari sepatu yang ada inginkan. Anda tinggal memilih sepatu yang anda ingin kan dan melakukan transaksi dan barang langsung kami kirim ke tempat. Kami hanya dapat mengirim untuk lokasi sumatera, jawa dan Bali saja.</p>
</div>
<div class="clearfix"></div> </div>
</div>
<!-- header --> <!-- instock -->
<div class="content"> <div class="welcon">
<ul> <?php
$idtransaksi = $_SESSION['username'];
$q="SELECT * FROM `produk` ORDER BY `produk`.`id_produk` DESC";
$eq=mysql_query($q);
while($de=mysql_fetch_array($eq)){ $nama=$de['nama'];
$gambar=$de['gambar']; $harga=$de['harga'];
echo "
<li>
<h2>".$nama."</h2>
<img src=\"images/".$gambar."\"><p class=\"price\">Rp. ".number_format($harga, 0, '', '.').",-</p>
<a
href='aksi_keranjang.php?id=$de[id_produk]'>Beli</a> </li>
"; }
?>
</ul> </div> </div>
<!-- footer -->
<div class="footer">
<p>Copyright by © Chris Noel 2016</p> </div>
</div>
<!-- footer --> </body>
</html>
2.
Koneksi.php
<?php$server = "localhost"; $user = "root";
$pass = "";
$database = "sepatu";
$dbconn = mysql_connect("$server","$user","$pass"); if (!$dbconn) die ("Gagal Melakukan Koneksi");
mysql_select_db($database,$dbconn) or die ("Database Tidak Diketemukan di Server");
?>
3.
Style.css
*{margin: 0px; padding: 0px;
box-sizing: border-box; }
html, body{ width: 100%; height: 100%; }
html{
font-family: "Open Sans"; font-size: 12px;
}
a{
text-decoration: none; color: #333333;
}
.header-line{ width: 100%; height: 13px;
vertical-align: top; }
.header-logo{ width: 100%; height: 340px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; display: inline-block;
vertical-align: top; position: relative; }
.header{
width: 100%; height: 10%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; display: inline-block;
vertical-align: top; position: relative; }
.cover{
width: 100%; height: 100%;
background-color: rgba(2, 2, 2, 0.25); }
.main-logo{
position: absolute; top: 50%;
left: 50%;
transform: translate(-50%, -50%); width: 150px;
height: 170px;
background-size: 150px 170px; background-repeat: no-repeat;
background-position: center center; opacity: 0.85;
cursor: pointer;
transition: opacity 0.1s linear; }
.main-logo:hover{ opacity: 0.95; }
.price{
}
.menu{
width: 100%;
display: inline-block; vertical-align: top; text-align: center;
border-bottom: 1px solid #DADADA; }
.menu li{
display: inline-block; margin-right: 100px; line-height: 70px; }
.menu li:last-child{ margin-right: 0px; }
.menu a{
text-transform: uppercase; font-size: 14px;
}
.content{
width: 100%;
display: inline-block; vertical-align: top; padding: 25px 0px; }
.welcon{
width: 100%;
display: inline-block; margin-bottom: 100px; text-align: center; }
.sub-title{
font-size: 50px;
font-family: "Dancing Script"; font-weight: 400;
margin: 50px 0px 100px 0px; }
.sub-title span{
color: rgb(249, 139, 42); }
.welcon a{
font-family: "Dancing Script"; font-weight: 400;
margin-bottom: 10px; }
.welcon ul{
text-align: center; }
.welcon li{
display: inline-block; margin-right: 70px; margin-bottom: 70px; }
.welcon li:hover a{
color: rgb(249, 139, 42); transition: color .1s linear; }
.welcon li:nth-child(4n){ margin-right: 0px; }
@media (max-width: 1024px){ .welcon li:nth-child(4n){
margin-right: 70px; }
}
@media (max-width: 991px){ .welcon li:nth-child(3n){
margin-right: 0px; }
.welcon li:nth-child(4n){ margin-right: 70px; }
}
.welcon li:last-child{ margin-right: 0px; }
.welcon img{
margin-top: 10px; width: 250px; height: 250px; }
.welcon h2{
font-size: 30px; margin-bottom: 10px; }
@media (max-width: 991px){ .welcon img{
margin-top: 10px; width: 200px; height: 200px; border-radius: 50%; }
}
.about{
width: 100%; height: 450px; position: relative; }
.aboutcov{
width: 100%; height: 450px;
background: rgba(0 ,0, 0, .4); top: 0px;
left: 0px;
position: absolute; text-align: center;
padding: 100px 0px 0px 0px }
.aboutcov .sub-title{ font-size: 40px; color: #FFFFFF; margin: 10px 0px; }
.aboutcov p{
margin: 0 auto; margin-top: 50px; margin-bottom: 70px; width: 55%;
color: #FFFFFF; font-size: 14px; }
.aboutcov a{
color: #FFFFFF; padding: 10px 50px;
}
.aboutcov a:active, .aboutcov a:hover{
background: rgb(249, 139, 42); color: #FFFFFF;
}
.xabout{
background: url('../img/btn1.jpg') no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%;
position: relative; }
.top-menu{
text-align: center; }
.top-menu .sub-title{
margin: 100px 0px 50px 0px; }
.top-menu li{
list-style-type: none; }
.maindescription{ font-size: 13px; width: 60%; margin: 0 auto; }
.subcontent{
display: inline-block; vertical-align: top; width: 100%;
margin-top: 30px; position: relative; }
.menulist{
display: inline-block; }
.menulist ul{
.menulist li{
border-top: 1px solid rgb(249, 162, 85); border-bottom: 1px solid rgb(249, 162, 85); float: left;
width: 200px; cursor: pointer; }
.menulist li:first-child{
border-left: 1px solid rgb(249, 162, 85); border-right: 1px solid rgb(249, 162, 85); border-radius: 3px 0px 0px 3px;
}
.menulist li:last-child{
border-left: 1px solid rgb(249, 162, 85); border-right: 1px solid rgb(249, 162, 85); border-radius: 0px 3px 3px 0px;
}
.menulist a{
padding: 2px 0px; display: block; font-size: 12px; }
.menulist a:active, .menulist a:hover{
color: #FFFFFF;
background: rgb(249, 162, 85); }
.recent-menu{
color: #FFFFFF;
background: rgb(249, 162, 85); }
.submenulist{ margin: 0 auto; width: 570px; min-height: 300px; margin-top: 20px; font-size: 14px; text-align: left; }
.submenulist table{ width: 100%; font-size: 12px;
.submenulist th{
text-align: left; width: 80%;
padding: 20px 0px 5px 0px;
border-bottom: 1px dotted rgb(249, 162, 85); float: left;
}
.submenulist td{ float: left;
margin-left: 40px;
padding: 20px 0px 5px 0px; }
.menulistb, .menulistc{ display: none; }
.footer{
width: 100%;
display: inline-block; vertical-align: top;
background: rgb(249, 162, 85); text-align: center;
}
.footer p{
text-transform: uppercase; font-size: 12px;
color: #FFFFFF; line-height: 50px; }
.social{
display: inline-block; vertical-align: top; }
.social li{
display: inline-block; margin-right: 100px; margin-top: 50px; margin-bottom: 15px; }
.social li:last-child{ margin-right: 0px; }
height: 30px; display: block; opacity: 0.7;
transition: opacity 0.1s linear; }
.social-link:hover{ opacity: 0.9; }
.social-a{
background-image: url('../img/fb.png'); background-position: center center; background-repeat: no-repeat;
background-size: cover; }
.social-b{
background-image: url('../img/ig.png'); background-position: center center; background-repeat: no-repeat;
background-size: cover; }
.social-c{
background-image: url('../img/tw.png'); background-position: center center; background-repeat: no-repeat;
background-size: cover; }
.reservation{ display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px;
background: rgba(0, 0, 0, 0.45); z-index: 999;
}
.reservationlink{ cursor: pointer; }
.reservationform{
position: absolute; left: 50%;
top: 50%;
margin-left: -250px; margin-top: -220px; width: 500px;
height: 420px; background: #fff; border-radius: 2px; }
.reservationform h1{
font-family: "Dancing Script"; font-size: 30px;
font-weight: 400; color: #555;
line-height: 80px; text-align: center;
border-bottom: 1px solid rgb(249, 139, 42); margin-bottom: 40px;
}
.reservationform h2{ font-size: 28px; color: #777;
text-align: center; line-height: 38px; font-weight: 400; }
.reservationform h3{ font-size: 34px; color: #777;
text-align: center; font-weight: 400; margin-top: 70px; }
.reservationform p{ font-size: 20px; color: #777;
text-align: center; padding: 10px 0px; }
.reservationform span{
color: rgb(249, 139, 42); }
margin: 0 auto; margin-top: 50px; }
.reservationform input[type=text]{ height: 40px;
width: 350px; padding: 0px 5px; font-size: 16px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 2px; }
.reservationform input[type=text]:focus{ outline: none;
border: 1px solid rgb(249, 139, 42);
}
.reservationform input[type=email]{ height: 40px;
width: 350px; padding: 0px 5px; font-size: 16px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 2px; }
.reservationform input[type=email]:focus{ outline: none;
border: 1px solid rgb(249, 139, 42);
}
.reservationform input[type=submit]{ height: 40px;
width: 350px; padding: 0px 5px; font-size: 16px;
border: 1px solid transparent; border-radius: 2px;
cursor: pointer;
background: rgba(249, 139, 42, 0.72); color: rgba(255, 255, 255, 1);
transition: background .1s linear; margin-top: 20px;
}
.reservationform input[type=submit]:active,
.reservationform input[type=submit]:hover{
}
.selecta{
width: 85px; height: 40px;
border: 1px solid #ddd; margin-bottom: 10px; border-radius: 2px; font-size: 14px; }
.selecta:focus{ outline: none;
border: 1px solid rgb(249, 139, 42);
}
4.
Mens.php
<!-- header -->
<div class="header"> <div class="top_bg"> <div class="container"> <div class="header_top">
<div class="logo">
<a href="index.php"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top_right"> <ul>
<li><a href="registration.php">Create Account </a></li>|
<li><a href="registration.php">Login</a></li> </ul>
</div>
<div class="clearfix"></div> </div>
</div> </div>
</div>
<div class="head-bann">
<div class="container"> <div class="head-nav">
<span class="menu"></span>
<ul class="megamenu skyblue">
<li><a class="color1" href="index.php">Home</a></li>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="mens-casual.php">Casual</a></li>
<li><a href="mens-sport.php">sports</a></li>
<li><a href="mens-kets.php">Kets</a></li>
<li><a href="mens-formal.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li class="grid"><a class="color2" href="women.php">Women</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="women-high heels.php">High Heels</a></li>
<li><a href="women-sport.php">sports</a></li>
<li><a href="women-kets.php">Kets</a></li>
<li><a href="women-formal.php">Formal</a></li>
</ul> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li><a class="color1" href="Cara Order.php">Cara Order</a></li>
<div class="clearfix"></div> </ul>
</div> </div>
</div>
<!-- script-for-nav --> <script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete. });
}); </script>
<!-- script-for-nav --> <!-- header -->
<div class="content"> <div class="welcon">
<ul>
<?php
$q="SELECT * FROM `produk` where jenis = 'pria'"; $eq=mysql_query($q);
while($de=mysql_fetch_array($eq)){ $nama=$de['nama'];
$gambar=$de['gambar']; $harga=$de['harga'];
echo "
<li>
<h2>".$nama."</h2>
<img src=\"images/".$gambar."\"><p class=\"price\">Rp. ".number_format($harga, 0, '', '.').",-</p>
"; }
?> </ul>
</div> </div>
<!-- content --><!-- footer --> <div class="footer">
<div class="container">
<p>Copyright by © Chris Noel 2016</p> </div>
</div>
<!-- footer -->
5.
Women.php
<!-- header -->
<div class="header"> <div class="top_bg"> <div class="container"> <div class="header_top">
<div class="logo">
<a href="index1.php"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top_right"> <ul>
<li><a href="contact1.php">Contact</a></li>| <a href="logout.php">Logout</a>
<a><?php echo $_SESSION['username']; ?></a> </ul>
</div>
<div class="clearfix"></div> </div>
</div> </div>
</div>
<div class="head-bann">
<div class="container"> <div class="head-nav">
<span class="menu"></span>
<ul class="megamenu skyblue">
<li><a class="color1"
href="index1.php">Home</a></li>
<li class="grid"><a class="color2" href="Mens1.php">Mens</a>
<div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="mens-casual1.php">Casual</a></li>
<li><a href="mens-sport1.php">sports</a></li>
<li><a href="mens-kets1.php">Kets</a></li>
<li><a href="mens-formal1.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li class="grid"><a class="color2" href="women1.php">Women</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="women-high heels1.php">High Heels</a></li>
<li><a href="women-sport1.php">sports</a></li>
<li><a href="women-kets1.php">Kets</a></li>
<li><a href="women-formal1.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li><a class="color1" href="Cara Order1.php">Cara Order</a></li>
<li><a class="color1" href="Keranjang.php">Keranjang</a></li>
<div class="clearfix"></div> </ul>
</div> </div>
</div>
<!-- script-for-nav --> <script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete. });
}); </script>
<!-- script-for-nav -->
<!-- header --> <!-- instock -->
<div class="content"> <div class="welcon">
<ul> <?php
$idtransaksi = $_SESSION['username'];
$q="SELECT * FROM `produk` where jenis = 'wanita'"; $eq=mysql_query($q);
while($de=mysql_fetch_array($eq)){ $nama=$de['nama'];
$gambar=$de['gambar']; $harga=$de['harga'];
echo "
<li>
<img src=\"images/".$gambar."\"><p class=\"price\">Rp. ".number_format($harga, 0, '', '.').",-</p>
<a
href='aksi_keranjang.php?id=$de[id_produk]'>Beli</a> </li>
"; }
?>
</ul> </div> </div>
<!-- footer -->
<div class="footer">
<div class="container">
<p>Copyright by © Chris Noel 2016</p> </div>
</div>
<!-- footer -->
6.
Keranjang.php
Sdfsd<?php
session_start();
if(!isset($_SESSION['username'])){
$idt = date("ymdHis");//membuat id transaksi yang unik berdasarkan waktu
$_SESSION['username'] = $idt; }
?>
<!DOCTYPE HTML> <html>
<head>
<title>Toko Sepatu Moses Simangunsong</title> <meta http-equiv="Content-Language" content="en-us"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Toko Online</title> <style>
table{font-family:arial;font-size:10pt} a{color:#990000;text-decoration:none} a:hover{text-decoration:underline}
a.beli:hover{background-color:#75923C;color:white;text-decoration:none}
.tombollanjut{border:black 1px solid; padding:1} .ukuran{font-size:10px}
.keranjang{border-bottom:#75923C 1px solid} </style>
<script> var ajaxku; var idnya;
function update(id){ idnya = id;
ajaxku = buatajax(); idinput = "jumlah"+id; idloading = "loading"+id;
jumlah = document.getElementById(idinput).value; var url="updatejumlah.php";
url=url+"?id="+id; url=url+"&jml="+jumlah
url=url+"&sid="+Math.random();
ajaxku.onreadystatechange=stateChanged; ajaxku.open("GET",url,true);
ajaxku.send(null);
document.getElementById(idloading).innerHTML = "<img src=ajax-loader.gif>";
}
function buatajax(){
if (window.XMLHttpRequest){ return new XMLHttpRequest(); }
if (window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP"); }
return null; }
function stateChanged(){ var data;
if (ajaxku.readyState==4){ data=ajaxku.responseText;
subtotalx = document.getElementById("subtotal").innerHTML;
sub = parseFloat(subtotalx); idharga = "harga"+idnya; idloading = "loading"+idnya;
hrg = parseFloat(harganya); if(data.length>0){
hargabaru = parseFloat(data); subtotalbaru = sub-hrg+hargabaru;
document.getElementById(idloading).innerHTML = "";
document.getElementById(idharga).innerHTML = data
document.getElementById("subtotal").innerHTML = subtotalbaru;
} } }
</script>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link
href='http://fonts.googleapis.com/css?family=Montserrat:400, 700' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu ();});</script>
jQuery(document).ready(function($){
$('#etalage').etalage({ thumb_image_width: 300, thumb_image_height: 400, source_image_width: 900, source_image_height: 1200, show_hint: true,
click_callback: function(image_anchor, instance_id){
alert('Callback
example:\nYou clicked on an image with the anchor:
"'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
} });
}); </script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode"> $(function()
{
$('.scroll-pane').jScrollPane(); });
</script>
</head> <body>
<div class="header"> <div class="top_bg"> <div class="container"> <div class="header_top">
<div class="logo">
<a href="index1.php"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top_right"> <ul>
<li><a href="contact1.php">Contact</a></li>| <a href="logout.php">Logout</a>
<a><?php echo $_SESSION['username']; ?></a> </ul>
</div>
</div> </div> </div>
</div>
<div class="head-bann">
<div class="container"> <div class="head-nav">
<span class="menu"></span>
<ul class="megamenu skyblue">
<li><a class="color1" href="index1.php">Home</a></li>
<li class="grid"><a class="color2" href="Mens1.php">Mens</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="mens-casual1.php">Casual</a></li>
<li><a href="mens-sport1.php">sports</a></li>
<li><a href="mens-kets1.php">Kets</a></li>
<li><a href="mens-formal1.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li class="grid"><a class="color2" href="women1.php">Women</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<ul>
<li><a href="women-high heels1.php">High Heels</a></li>
<li><a href="women-sport1.php">sports</a></li>
<li><a href="women-kets1.php">Kets</a></li>
<li><a href="women-formal1.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li><a class="color1" href="Cara Order1.php">Cara Order</a></li>
<li><a class="color1" href="Keranjang.php">Keranjang</a></li>
<div class="clearfix"></div> </ul>
</div> </div>
</div>
<!-- script-for-nav --> <script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete. });
}); </script>
<!-- script-for-nav -->
<table border="0" cellpadding="4" cellspacing="0" width="100%">
<tr>
<td bgcolor="orange"></td>
<td bgcolor="orange"><b>Kode</b></td> <td bgcolor="orange"><b>Pakaian</b></td> <td bgcolor="orange"><b>Jumlah</b></td> <td bgcolor="orange"><b>Sub Total</b></td> </tr>
<?php
include "proses/koneksi.php"; $a = $_SESSION['username'];
$keranjang = mysql_query("select keranjang.*, produk.nama, produk.gambar from keranjang, produk where
keranjang.username='$a' and keranjang.id_produk=produk.id_produk") or
die(mysql_error()); $subtotal = 0;
while($k = mysql_fetch_array($keranjang)){
echo "<tr><td><img src='images/".$k['gambar']."' width=50 height=50></td>
<td class=keranjang>".$k['id_produk']."</td><td class=keranjang>".$k['nama']."</td>";
echo "<td><input type=text size=1 value='".$k['jumlah']."' id=jumlah".$k['id_belanja'].">
<a
href=\"javascript:update(".$k['id_belanja'].")\">Update</a>< span id=\"loading".$k['id_belanja']."\"></span></td>
<td>Rp. <span id=\"harga".$k['id_belanja']."\">".$k['harga']."</span> 
;<a href=\"delete.php?id=".$k['id_belanja']."\"
title=\"delete\"><img src=delete.jpg border=0></a></td></tr>";
$subtotal = $subtotal + $k['harga']; }
echo "<tr><td colspan=4 bgcolor='orange' align=right><b>Total</b> </td><td bgcolor='orange'>
<b>Rp. <span id=subtotal>$subtotal</span></b></td></tr>"; ?>
</table>
<!-- content --> </body>
</html>
<?php
session_start();
if(!isset($_SESSION['username'])){ $idt = date("YmdHis");
$_SESSION['username'] = $idt; }
$idtransaksi = $_SESSION['username']; $kode = $_GET['id'];
$a = $_SESSION['username'];
if(!isset($kode)){
die("tidak ada transaksi"); }
include "config.php";
mysql_connect($HOST,$USER_NAME,$PASSWORD) or die("tidak bisa koneksi ke database");
mysql_select_db($DB);
$pakaian = mysql_query("select * from produk where id_produk=$kode");
$b = mysql_fetch_array($pakaian); $harga = $b['harga'];
$masuk = mysql_query("insert into keranjang values(null,'$a','$idtransaksi',$kode,1,$harga,'belum
lunas','tidak terkirim')"); if($masuk){
header("location:keranjang.php"); }else{
echo "error"; }
?>
8.
Registrasi.php
<!-- header --><div class="header"> <div class="top_bg"> <div class="container"> <div class="header_top">
<div class="logo">
<a href="index.php"><img src="images/logo.png" alt=""/></a>
</div>
<li><a href="registration.html">Create Account </a></li>|
<li><a href="registration.php">Login</a></li> </ul>
</div>
<div class="clearfix"></div> </div>
</div> </div>
</div>
<div class="head-bann">
<div class="container"> <div class="head-nav">
<span class="menu"></span>
<ul class="megamenu skyblue">
<li><a class="color1" href="index.php">Home</a></li>
<li class="grid"><a class="color2" href="Mens.php">Mens</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="mens-casual.php">Casual</a></li>
<li><a href="mens-sport.php">sports</a></li>
<li><a href="mens-kets.php">Kets</a></li>
<li><a href="mens-formal.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
<li class="grid"><a class="color2" href="women.php">Women</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="women-high heels.php">High Heels</a></li>
<li><a href="women-sport.php">sports</a></li>
<li><a href="women-kets.php">Kets</a></li>
<li><a href="women-formal.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li><a class="color1" href="Cara Order.php">Cara Order</a></li>
<div class="clearfix"></div> </ul>
</div> </div>
</div>
<!-- script-for-nav --> <script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete. });
}); </script>
<div class="banner1">
<div class="container"> </div>
</div>
<!-- header --> <!-- content -->
<div class="container"> <div class="main">
<!-- start registration --> <div class="registration">
<div class="registration_left"> <h2>new user?</h2>
<script>
(function() {
// Create input element for testing
var inputs = document.createElement('input');
// Create the supports object var supports = {};
supports.autofocus = 'autofocus' in inputs; supports.required = 'required' in inputs;
supports.placeholder = 'placeholder' in inputs;
// Fallback for autofocus attribute if(!supports.autofocus) {
}
// Fallback for required attribute if(!supports.required) {
}
// Fallback for placeholder attribute if(!supports.placeholder) {
}
// Change text inside send button on submit var send = document.getElementById('register-submit');
if(send) {
this.innerHTML = '...Sending'; }
}
})(); </script>
<div class="registration_form"> <!-- Form -->
<form id="registration_form" action="proses_daftar.php" method="post">
<div>
<label>
<input placeholder="Username:" name="username" type="text" tabindex="1" required autofocus>
</label> </div>
<div>
<label>
<input placeholder="Password:" name="password" type="password" tabindex="2" required autofocus>
</label> </div>
<div>
<label>
<input placeholder="email address:" name="email" type="email" tabindex="3" required>
</label> </div>
<div>
<label>
<input placeholder="Nama:" name="nama" type="text" tabindex="4" required autofocus>
</label> </div>
<div>
<label>
<input placeholder="Nomor Telephone:" name="no_telepon"type="text" tabindex="5" required autofocus>
</label> </div>
<div>
<label>
<input placeholder="Kota:" name="kota" type="text" tabindex="6" required autofocus>
</div> <div>
<label>
<input placeholder="Alamat:" name="alamat" type="text" tabindex="7" required autofocus>
</label> </div>
<div>
<input type="submit" value="create an account" name="tambah">
</div> </form>
<!-- /Form --> </div>
</div>
<div class="registration_left"> <h2>existing user</h2>
<div class="registration_form"> <!-- Form -->
<form id="registration_form" action="proses_login.php" method="post">
<div>
<label>
<input placeholder="username:" type="text" name="username">
</label> </div>
<div>
<label>
<input placeholder="password" type="password" name="password">
</label> </div>
<div>
<input type="submit" value="sign in" id="register-submit">
</div> </form> <!-- /Form --> </div>
</div>
<div class="clearfix"></div> </div>
<!-- end registration --> </div>
</div>
<div class="footer">
<div class="container">
<p>Copyright by © Chris Noel 2016</p> </div>
</div>
<!-- footer -->
9.
Proses-daftar.php
<?phpif(isset($_POST['tambah'])){
include('proses/koneksi.php');
$username = $_POST['username']; $password = $_POST['password'];
$email = $_POST['email'];
$nama = $_POST['nama'];
$nomor = $_POST['no_telepon'];
$kota = $_POST['kota'];
$alamat = $_POST['alamat'];
$input = mysql_query("INSERT INTO member values ('','$username','$password','$email','$nama','$nomor','$kota ','$alamat')") or die(mysql_error());
if($input){
echo "<script>alert('Berhasil Mendaftar')</script>"; echo "<meta http-equiv='refresh' content='1' url=registration.php'>";
}else{
echo "<script>alert('Gagal Mendaftar')</script>";
}
}else{ //jika tidak terdeteksi tombol tambah di klik
//redirect atau dikembalikan ke halaman tambah echo '<script>window.history.back()</script>';
} ?>
include "config.php";
mysql_connect($HOST,$USER_NAME,$PASSWORD) or die("tidak bisa koneksi ke database");
mysql_select_db($DB);
$id = $_GET['id']; $jml = $_GET['jml'];
$harga = mysql_query("select produk.harga from produk, keranjang
where produk.id_produk=keranjang.id_produk and keranjang.id_belanja=$id");
$h = mysql_fetch_array($harga); $harganya = $h['harga'];
$hargabaru = $harganya*$jml;
$update = mysql_query("update keranjang set jumlah=$jml, harga=$hargabaru where id_belanja=$id");
if($update){
$ambil = mysql_query("select harga from keranjang where id_belanja=$id");
$a = mysql_fetch_array($ambil); echo $a['harga'];
}else{
echo "error"; }
?>
11.
Proses-login.php
<?phpinclude "proses/koneksi.php"; $username = $_POST['username']; $password = $_POST['password']; if (empty($username)){
echo "<script>alert('Username belum diisi')</script>";
echo "<meta http-equiv='refresh' content='1 url=registration.php'>";
}else if (empty($password)){
echo "<script>alert('Password belum diisi')</script>";
echo "<meta http-equiv='refresh' content='1 url=registration.php'>";
}else{
session_start();
$login = mysql_query("select * from member where username='$username' and password='$password'");
}else{
echo "<script>alert('Username atau Password salah')</script>";
echo "<meta http-equiv='refresh' content='1 url=registration.php'>";
} }
?>
12.
Logout.php
<?phpsession_start(); session_destroy();
header("location:index.php"); ?>
13.
Cara Order.php
<div class="header"> <div class="top_bg"> <div class="container"> <div class="header_top">
<div class="logo">
<a href="index.php"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top_right"> <ul>
<li><a href="registration.php">Create Account </a></li>|
<li><a href="contact.php">Contact</a></li>| <li><a href="registration.php">Login</a></li> </ul>
</div>
<div class="clearfix"></div> </div>
</div> </div>
</div>
<div class="head-bann">
<div class="container"> <div class="head-nav">
<span class="menu"></span>
<ul class="megamenu skyblue">
<li class="grid"><a class="color2" href="Mens.php">Mens</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="mens-casual.php">Casual</a></li>
<li><a href="mens-sport.php">sports</a></li>
<li><a href="mens-kets.php">Kets</a></li>
<li><a href="mens-formal.php">Formal</a></li>
</ul> </div>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li class="grid"><a class="color2" href="women.php">Women</a>
<div class="megapanel"> <div class="row">
<div class="col1">
<div class="h_nav"> <h4>Kategori</h4> <ul>
<li><a href="women-high heels.php">High Heels</a></li>
<li><a href="women-sport.php">sports</a></li>
<li><a href="women-kets.php">Kets</a></li>
<li><a href="women-formal.php">Formal</a></li>
</div> </div>
<div class="row">
<div class="col2"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> <div class="col1"></div> </div>
</div> </li>
<li><a class="color1" href="Cara Order.php">Cara Order</a></li>
<div class="clearfix"></div> </ul>
</div> </div>
</div>
<div class="a"> <div class="b"> <div class="c">
<ol>
<li>Pertama kita buka terlebih dahulu website penjualan sepatu</li>
<li>Apabila anda berkenan untuk membeli salah satu dari sepatu yang ditawarkan </br>maka anda harus membuat akun baru terlebih dahulu.Klik tombol sign up untuk membuat akun baru</li>
<li>Selanjutnya Anda akan masuk ke dalam halaman pembuatan akun baru</li>
<li>Isi lah form yang telah saya sediakan untuk registrasi</li>
<li>lalu klik tombol create an account dan login untuk menggunakan akun anda</li>
<li>Sekarang Anda dapat memesan sepatu pilihan anda dengan mengklik gambar sepatu, pemesanan ini dapat Anda lakukan selama akun anda masih dalam keadaan aktif</li>
<li>Setelah melakukan pembelian akan tertera nominal akhir pada keranjang.</li>
<li>kemudian anda akan mentransfer uang sebesar nominal pada keranjang pada bank yang tertera di bawah ini</li>
<tr>
<td>Bank</td> <td>:</td> <td>
<img src="bca.png"> </td>
</tr> <tr>
<td>No Rekening</td> <td>:</td>
<td>1480400221</td> </tr>
<tr>
<tr>
<td>Bank</td> <td>:</td> <td>
<img src="mandiri.jpg"> </td>
</tr> <tr>
<td>No Rekening</td> <td>:</td>
<td>1310009986482</td> </tr>
<tr>
<tr>
<td>Bank</td> <td>:</td> <td>
<img src="bri.png"> </td>
</tr> <tr>
<td>No Rekening</td> <td>:</td>
<td>002501007012533</td> </tr>
<tr>
<tr>
<td>Bank</td> <td>:</td> <td>
</td> </tr>
<tr>
<td>No Rekening</td> <td>:</td>
<td>0243107221</td> </tr>
</table> </div>
<li>Setelah Anda ngisi data pembayaran online. </li> <li>Selanjutnya lakukanlah login untuk mengkonfirmasi pembayaran anda dengan mengisi form contact us</li>
<li>Lalu saya akan menngecek tranksaksi anda dan mengirimkan barang yang anda pesan.</li>
</ol>
</div>
</div> </div> </body>
14.
Contact.php
<!-- header -->
<div class="header">
<div class="top_bg">
<div class="container">
<div class="header_top">
<div class="logo">
<a href="index1.php"><img
src="images/logo.png" alt=""/></a>
</div>
<div class="top_right">
<ul>
<li><a
href="contact.php">Contact</a></li>|
<li><a href="logout.php">Logout</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="head-bann">
<div class="container">
<div class="head-nav">
<span class="menu"></span>
<ul class="megamenu skyblue">
<li><a class="color1"
href="index1.php">Home</a></li>
<li class="grid"><a class="color2"
href="Mens1.php">Mens</a>
<div class="megapanel">
<div class="row">
<div class="col1">
<div class="h_nav">
<h4>Kategori</h4>
<ul>
<li><a
href="mens-casual1.php">Casual</a></li>
<li><a
href="mens-sport1.php">sports</a></li>
<li><a href="mens-kets1.php">Kets</a></li>
<li><a
href="mens-formal1.php">Formal</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col2"></div>
<div class="col1"></div>
<div class="col1"></div>
<div class="col1"></div>
<div class="col1"></div>
</div>
</div>
</li>
<li class="grid"><a class="color2"
href="women1.php">Women</a>
<div class="megapanel">
<div class="row">
<div class="col1">
<ul>
<li><a
href="women-high heels1.php">High Heels</a></li>
<li><a
href="women-sport1.php">sports</a></li>
<li><a href="women-kets1.php">Kets</a></li>
<li><a
href="women-formal1.php">Formal</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col2"></div>
<div class="col1"></div>
<div class="col1"></div>
<div class="col1"></div>
<div class="col1"></div>
</div>
</div>
</li>
<li><a class="color1" href="Cara Order.php">Cara
Order</a></li>
<div class="clearfix"></div>
</ul>
</div>
</div>
</div>
<!-- header -->
<!-- content -->
<div class="container">
<div class="main">
<?php
//proses mengambil data ke database untuk
ditampilkan di form edit berdasarkan siswa_id yg
didapatkan dari GET id -> edit.php?id=siswa_id
//membuat variabel $id yg nilainya adalah dari URL
GET id -> edit.php?id=siswa_id
$id = $_SESSION['username'];
//melakukan query ke database dg SELECT table siswa
dengan kondisi WHERE siswa_id = '$id'
$show = mysql_query("SELECT * FROM pesan WHERE
nama='$id'");
//cek apakah data dari hasil query ada atau tidak
if(mysql_num_rows($show) == 0){
//jika tidak ada data yg sesuai maka akan
langsung di arahkan ke halaman depan atau beranda ->
barang.php
}else{
//jika data ditemukan, maka membuat variabel
$data
$data = mysql_fetch_assoc($show); //mengambil
data ke database yang nantinya akan ditampilkan di form
edit di bawah
}
?>
<div class="contact-form">
<h2>Pesan anda</h2>
<form method="post"
action="aksi-kontak.php">
<div>
<span><?php echo
$data['balasan']; ?></span>
</div>
</form>
</div>
<div class="contact">
<div class="contact_info">
//proses mengambil data ke database untuk
ditampilkan di form edit berdasarkan siswa_id yg
didapatkan dari GET id -> edit.php?id=siswa_id
//include atau memasukkan file koneksi ke database
include('proses/koneksi.php');
//membuat variabel $id yg nilainya adalah dari URL
GET id -> edit.php?id=siswa_id
$id = $_SESSION['username'];
//melakukan query ke database dg SELECT table siswa
dengan kondisi WHERE siswa_id = '$id'
$show = mysql_query("SELECT * FROM member WHERE
username='$id'");
//cek apakah data dari hasil query ada atau tidak
if(mysql_num_rows($show) == 0){
//jika tidak ada data yg sesuai maka akan
langsung di arahkan ke halaman depan atau beranda ->
barang.php
echo '<script>window.history.back()</script>';
}else{
//jika data ditemukan, maka membuat variabel
$data
$data = mysql_fetch_assoc($show); //mengambil
data ke database yang nantinya akan ditampilkan di form
edit di bawah
}
?>
<div class="contact-form">
<h2>Contact Us</h2>
<form method="post"
action="aksi-kontak.php">
<div>
<span><input
type="text" name="userName" value="<?php echo
$data['username']; ?>" required></span>
</div>
<div>
<span><label>E-mail</label></span>
<span><input
type="text" name="userEmail" value="<?php echo
$data['email']; ?>" required></span>
</div>
<div>
<span><label>Mobile</label></span>
<span><input
type="text" name="userPhone" value="<?php echo
$data['no_telepon']; ?>" required></span>
</div>
<div>
<span><label>Subject</label></span>
<span><input
placeholder="transfer atau tidak" type="text"
name="userMsg" required></span>
</div>
<div>
<span><input
type="submit" name="tambah" value="Submit us"></span>
</div>
</form>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="container">
<p>Copyright by © Chris Noel 2016</p>
</div>
</div>
15.
Delete.php
<?phpinclude "config.php";
mysql_connect($HOST,$USER_NAME,$PASSWORD) or die("tidak bisa koneksi ke database");
mysql_select_db($DB);
$id = $_GET['id'];
$del = mysql_query("delete from keranjang where id_belanja=$id");
if($del){
header("location:keranjang.php"); }else{
echo "error"; }
?>
16.
Aksi-kontak.php
<?phpif(isset($_POST['tambah'])){
//inlcude atau memasukkan file koneksi ke database include('proses/koneksi.php');
//jika tombol tambah benar di klik maka lanjut prosesnya $userName = $_POST['userName'];
$userEmail = $_POST['userEmail']; $userPhone = $_POST['userPhone'];
$userMsg = $_POST['userMsg'];
$input = mysql_query("INSERT INTO pesan VALUES(NULL, '$userName', '$userEmail', '$userPhone', '$userMsg','')") or die(mysql_error());
//jika query input sukses if($input){
echo "<script>alert('Pesan Telah Terkirim! ')</script>";
echo "<meta http-equiv='refresh' content='1'
url=contact.php'>"; //Pesan jika proses tambah sukses
}else{
echo "<meta http-equiv='refresh' content='1' url=contact.php'>";
}
}else{ //jika tidak terdeteksi tombol tambah di klik
//redirect atau dikembalikan ke halaman tambah echo '<script>window.history.back()</script>';
} ?>
17.
Admin-Index.php
<!-- header --><div class="header"> <div class="top_bg"> <div class="container"> <div class="header_top">
<div class="logo">
<a href="index.php"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top_right"> <ul>
<li><a href="profil.php">Profile</a></li> </ul>
</div>
<div class="clearfix"></div> </div>
</div> </div>
</div>
<div class="head-bann">
<div class="container"> <div class="head-nav">
<span class="menu"></span>
<ul class="megamenu skyblue">
<li><a class="color1" href="index.php">Barang</a></li>
<li><a class="color1" href="order masuk.php">Order Masuk</a></li>
<li><a class="color1" href="order selesai.php">Order Selesai</a></li>