Pembuatan Website E-Commerce Distro Baju MedanEtnic
LAMPIRAN
1. Source Code untuk Login : <!DOCTYPE HTML> <html>
<head>
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link
href='http://fonts.googleapis.com/css?family=Open +Sans:400,300,600,700,800' rel='stylesheet'
type='text/css'>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript">
$(document).ready(function() { $(".dropdown
img.flag").addClass("flagvisibility");
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle(); });
$(".dropdown dd ul li a").click(function() {
(2)
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
$("#result").html("Selected value is: " + getSelectedValue("sample"));
});
function getSelectedValue(id) { return $("#" + id).find("dt a span.value").html();
}
$(document).bind('click', function(e) {
var $clicked = $(e.target); if (!
$clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide(); });
$("#flagSwitcher").click(function() { $(".dropdown
img.flag").toggleClass("flagvisibility"); });
}); </script>
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
(3)
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu ").megamenu();});</script>
\<script type="text/javascript" src="js/move- top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.has h).offset().top},1200);
}); });
</script> </head>
<body>
<div class="header-top"> <div class="wrap">
<div class="logo">
<a href="index.php"><img src="images/logo.png" alt=""/></a>
</div>
<div class="cssmenu"> <ul>
(4)
<li class="active"><a
href="index.php?menu=1">Ingin Menjadi Member? Daftar Disini</a></li>
<li><a
href="index.php?menu=3">All Product</a></li>
<li><a href="index.php?menu=2">My Account</a></li>
<li><a
href="index.php?menu=5">Keranjang Belanja</a></li>
</ul> </div>
<ul class="icon2 sub-icon2 profile_img">
<li><a class="active-icon c2" href="#"> </a>
</ul> </li>
</ul>
<div class="clear"></div> </div>
</div>
<div class="header-bottom"> <div class="wrap">
<ul class="megamenu skyblue"> <li><a class="color1" href="index.php">Beranda</a></li>
<li class="grid"><a class="color2" href="index.php?menu=9">Baju Kaos</a></li>
<li class="active grid"><a class="color4"
(5)
href="index.php?menu=10">Jacket</a></li>
<li><a class="color5" href="index.php?menu=11">Kemeja</a></li>
</ul>
<div class="clear"></div>
<?php
error_reporting(0); $get = $_GET['menu'];
if($get=='22'& $_GET['telek']=='y'){
include 'sisi.php'; }
else if($get=='1'){
include 'daftar.php'; }
else if($get=='2'){
include 'login.php'; }
(6)
include 'semua.php'; }
else if($get=='4'){
include 'detail.php'; }
else if($get=='9'){
include 'pria.php'; }
else if($get=='10'){
include 'wanita.php'; }
else if($get=='11'){
include 'anak.php'; }
else if($get=='5'){
include 'keranjang.php'; }
else{
include ("isi.php"); }
(7)
</div> </div>
<div class="footer">
<div class="footer-top"> <div class="wrap">
<div
class="col_1_of_footer-top span_1_of_footer-top"> <ul class="f_list">
<li><img src="images/f_icon.png" alt=""/><span
class="delivery">Ongkos Kirim Belanja Ditanggung Pembeli</span></li>
</ul> </div> <div
class="col_1_of_footer-top span_1_of_footer-top"> <ul class="f_list">
<li><img src="images/f_icon1.png" alt=""/><span class="delivery">Customer Service :<span
class="orange">085760584113</span></span></li> </ul>
</div> <div
class="col_1_of_footer-top span_1_of_footer-top"> <ul class="f_list">
<li><img src="images/f_icon2.png" alt=""/><span class="delivery">Belanja Nyaman dan Murah </span></li>
(8)
</ul> </div>
<div class="clear"></div> </div>
</div>
<div class="footer-middle"> <div class="wrap">
<div class="section group"> <div class="col_1_of_middle span_1_of_middle">
</div>
<div class="col_1_of_middle span_1_of_middle">
<ul class="f_list1"> <li><span
class="m_8">Get Discount up to 20% </span> <div
class="search">
<input type="text" name="s" class="textbox"
value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
<input type="submit" value="Subscribe" id="submit" name="submit">
<div id="response"> </div>
</div><div class="clear"></div>
(9)
</ul> </div>
<div class="clear"></div> </div>
</div> </div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200, easingType: 'linear' };
$().UItoTop({ easingType: 'easeOutQuart' });
}); </script>
<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity:
(10)
</body> </html>
2. Source Code Pendaftaran Akun Pelanggan <div class="register_account">
<div class="wrap">
<h4 class="title">Buat Akun Baru</h4> <form action='proses/daftar.php' method="post">
<div class="col_1_of_2 span_1_of_2">
<div><input type="text" value="Nama" onfocus="this.value = '';"
onblur="if (this.value == '') {this.value = 'Name';}" name="nama"></div>
<div><input type="text" value="Alamat" onfocus="this.value = '';"
onblur="if (this.value == '') {this.value = 'Alamat';}" name="alamat"></div>
<div><input type="text" value="E-Mail" onfocus="this.value = '';"
onblur="if (this.value == '') {this.value = 'E- Mail';}" name="email"></div>
<div><input type="text" value="password" onfocus="this.value = '';"
onblur="if (this.value == '') {this.value = 'password';}" name="password"></div>
</div>
<div class="col_1_of_2 span_1_of_2">
<div><input type="text" value="kota" onfocus="this.value = '';"
(11)
onblur="if (this.value == '') {this.value = 'kota';}" name="kota"></div>
<input type="text"
value="" class="code" name="kode_pos"> - <input type="text" value="" class="number"
name="telepon">
<p class="code" >Kode Pos + Telepon</p>
</div>
<div class="clear"></div> <button
class="grey">Submit</button>
<div class="clear"></div> </form>
</div>
3. Source Coding Isi web-page Distri MedanEtnic
<link href="css/wew.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<div class="index-banner">
<div class="wmuSlider example1" style="height: 560px;">
<div class="wmuSliderWrapper"> <article style="position: relative; width: 100%; opacity: 1;">
<div class="banner- wrap">
<div class="slider- left">
(12)
<img src="images/banner1.jpg" alt=""/>
</div> <div class="slider-right">
<h1>Berbagai Jenis</h1>
<h2>Baju & Jaket keren</h2>
</div> <div class="clear"></div>
</div> </article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner- wrap">
<div class="slider- left">
<img src="images/banner2.jpg" alt=""/>
</div> <div class="slider-right">
<h1>Temukan</h1>
<h2>Yang Kamu Mau</h2>
(13)
</div> <div class="clear"></div>
</div> </article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner- wrap">
<div class="slider- left">
<img src="images/banner1.jpg" alt=""/>
</div> <div class="slider-right">
<h1>Jacket</h1>
<h2>Camouflage</h2>
<p>Desain Militer Yang Keren</p>
</div> <div class="clear"></div>
</div> </article>
<article style="position: absolute; width: 100%; opacity: 0;">
(14)
<div class="banner- wrap">
<div class="slider- left">
<img src="images/banner2.jpg" alt=""/>
</div> <div class="slider-right">
<h1>Black</h1> <h2>Hoodie Jacket</h2>
<p>Hoodie Polos Keren</p>
</div> <div class="clear"></div>
</div> </article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner- wrap">
<div class="slider- left">
<img src="images/banner1.jpg" alt=""/>
</div> <div class="slider-right">
(15)
<h1>Jacket</h1>
<h2>Camouflage</h2>
<p>Desain Militer Yang Keren</p>
</div> <div class="clear"></div>
</div> </article> </div>
<a
class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a>
<ul class="wmuSliderPagination"> <li><a href="#"
class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="wmuActive">2</a></li>
<li><a href="#">3</a></li> <li><a href="#">4</a></li> </ul>
<a
class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a><ul
class="wmuSliderPagination"><li><a href="#" class="wmuActive">0</a></li><li><a href="#" class="">1</a></li><li><a href="#"
(16)
class="">3</a></li><li><a href="#" class="">4</a></li></ul></div>
<script
src="js/jquery.wmuSlider.js"></script> <script
type="text/javascript"
src="js/modernizr.custom.min.js"></script> <script>
$('.example1').wmuSlider();
</script>
</div>
<div class="main"> <div class="wrap">
<div class="content-top"> <div class="lsidebar span_1_of_c1">
<p>Desain Varian Baju Yang Unik-Unik</p>
</div>
<div class="cont span_2_of_c1">
<div class="social">
<ul> <li class="facebook"><a href="#"><span> </span></a><div class="radius"> <img src="images/radius.png"><a href="#"> </a></div><div class="border hide"><p class="num">1.51K</p></div></li>
(17)
</ul> </div>
<div class="social">
<ul> <li class="twitter"><a href="#"><span>
</span></a><div class="radius"> <img
src="images/radius.png"></div><div class="border hide"><p class="num">1.51K</p></div></li>
</ul> </div>
<div class="social">
<ul> <li
class="google"><a href="#"><span> </span></a><div class="radius"> <img
src="images/radius.png"></div><div class="border hide"><p class="num">1.51K</p></div></li>
</ul> </div>
<div class="social">
<ul> <li
class="dot"><a href="#"><span> </span></a><div class="radius"> <img
src="images/radius.png"></div><div class="border hide"><p class="num">1.51K</p></div></li>
</ul> </div>
(18)
<div class="clear"> </div>
</div> <div class="clear"></div>
</div>
<div class="content- bottom">
<link rel="stylesheet" type="text/css"
href="css/style.css"> <?php
$koneksi = mysql_connect("localhost", "root", "") or die("Gagal konek ke server.");
mysql_select_db("project") or die("Gagal membuka database.");
$query1="select * from produk LIMIT 9"; $query = "select * from produk LIMIT 9 "; $hasil = mysql_query($query, $koneksi) or die("Gagal melakukan query.");
while ($buff = mysql_fetch_array($hasil)) {
?>
<div class="col_1_of_3 span_1_of_3"><a
href="index.php?menu=4&kode_produk=<?php echo $buff['kode_produk']; ?>">
(19)
<div class="view view- fifth">
<div class="top_box"> <h3
class="m_1"><?php echo $buff['nama_produk']; ?></h3>
<p
class="m_2"><?php echo $buff['sub_nama']; ?></p> <div
class="grid_img">
<div class="css3"><img src="<?php echo
$buff['gambar']; ?>" alt="" width="250" height="173"/></div>
<div class="mask">
<div class="info">Lihat Produk</div>
</div> </div>
<div class="price">Rp.<?php echo
number_format($buff['harga'],"0",".","."); ?></div>
</div> </div>
<span class="rating"> <input type="radio" class="rating-input" id="rating-input-1-5"
name="rating-input-1">
<label for="rating- input-1-5" class="rating-star1"></label>
(20)
<input type="radio" class="rating-input" id="rating-input-1-4"
name="rating-input-1">
<label for="rating- input-1-4" class="rating-star1"></label>
<input type="radio" class="rating-input" id="rating-input-1-3"
name="rating-input-1">
<label for="rating- input-1-3" class="rating-star1"></label>
<input type="radio" class="rating-input" id="rating-input-1-2"
name="rating-input-1">
<label for="rating- input-1-2" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-1"
name="rating-input-1">
<label for="rating- input-1-1" class="rating-star"></label>
(45) </span>
<ul class="list"> <li>
<img src="images/plus.png" alt=""/>
<ul class="icon1 sub-icon1 profile_img">
<li><a class="active-icon c1" href="aaaaaaa.php">Beli Barang </a>
</li> </ul>
(21)
</li> </ul>
<div class="clear"></div> </a></div>
<?php
};
mysql_close($koneksi);
?>
<div class="clear"></div> </div> </div> </div> </div>
(1)
class="">3</a></li><li><a href="#" class="">4</a></li></ul></div>
<script
src="js/jquery.wmuSlider.js"></script> <script
type="text/javascript"
src="js/modernizr.custom.min.js"></script> <script>
$('.example1').wmuSlider();
</script>
</div>
<div class="main"> <div class="wrap">
<div class="content-top"> <div class="lsidebar span_1_of_c1">
<p>Desain Varian Baju Yang Unik-Unik</p>
</div>
<div class="cont span_2_of_c1">
<div class="social">
<ul> <li class="facebook"><a href="#"><span> </span></a><div class="radius"> <img src="images/radius.png"><a href="#"> </a></div><div class="border hide"><p class="num">1.51K</p></div></li>
(2)
</ul> </div>
<div class="social">
<ul> <li class="twitter"><a href="#"><span>
</span></a><div class="radius"> <img
src="images/radius.png"></div><div class="border hide"><p class="num">1.51K</p></div></li>
</ul> </div>
<div class="social">
<ul> <li
class="google"><a href="#"><span> </span></a><div class="radius"> <img
src="images/radius.png"></div><div class="border hide"><p class="num">1.51K</p></div></li>
</ul> </div>
<div class="social">
<ul> <li
class="dot"><a href="#"><span> </span></a><div class="radius"> <img
src="images/radius.png"></div><div class="border hide"><p class="num">1.51K</p></div></li>
</ul> </div>
(3)
<div class="clear"> </div>
</div> <div class="clear"></div>
</div>
<div class="content- bottom">
<link rel="stylesheet" type="text/css"
href="css/style.css"> <?php
$koneksi = mysql_connect("localhost", "root", "") or die("Gagal konek ke server.");
mysql_select_db("project") or die("Gagal membuka database.");
$query1="select * from produk LIMIT 9"; $query = "select * from produk LIMIT 9 "; $hasil = mysql_query($query, $koneksi) or die("Gagal melakukan query.");
while ($buff = mysql_fetch_array($hasil)) {
?>
<div class="col_1_of_3 span_1_of_3"><a
href="index.php?menu=4&kode_produk=<?php echo $buff['kode_produk']; ?>">
(4)
<div class="view view- fifth">
<div class="top_box"> <h3
class="m_1"><?php echo $buff['nama_produk']; ?></h3>
<p
class="m_2"><?php echo $buff['sub_nama']; ?></p> <div
class="grid_img">
<div class="css3"><img src="<?php echo
$buff['gambar']; ?>" alt="" width="250" height="173"/></div>
<div class="mask">
<div class="info">Lihat Produk</div>
</div> </div>
<div class="price">Rp.<?php echo
number_format($buff['harga'],"0",".","."); ?></div>
</div> </div>
<span class="rating"> <input type="radio" class="rating-input" id="rating-input-1-5"
name="rating-input-1">
<label for="rating- input-1-5" class="rating-star1"></label>
(5)
<input type="radio" class="rating-input" id="rating-input-1-4"
name="rating-input-1">
<label for="rating- input-1-4" class="rating-star1"></label>
<input type="radio" class="rating-input" id="rating-input-1-3"
name="rating-input-1">
<label for="rating- input-1-3" class="rating-star1"></label>
<input type="radio" class="rating-input" id="rating-input-1-2"
name="rating-input-1">
<label for="rating- input-1-2" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-1"
name="rating-input-1">
<label for="rating- input-1-1" class="rating-star"></label>
(45) </span>
<ul class="list"> <li>
<img src="images/plus.png" alt=""/>
<ul class="icon1 sub-icon1 profile_img">
<li><a class="active-icon c1" href="aaaaaaa.php">Beli Barang </a>
(6)
</li> </ul>
<div class="clear"></div> </a></div>
<?php
};
mysql_close($koneksi);
?>
<div class="clear"></div> </div> </div> </div> </div>