Di atas Ini tampilan interface menu utama dari zenwalk distro. yang mana bahwa web penjualan ini adalah milik orang lain dan saya hanya menggunakannya untuk pembelajaran.
untuk web asli buatan saya bisa di tunggu di postingan selanjutnya yah :D :D
Baik,dengan tanpa banyak basa basi lagi saya akan membagikan source code nya dari zenwalk distro berikut ini.
pertama buat
index.php
<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/utilities.js"></script>
<script type="text/javascript" src="js/highslide-with-html.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<link rel="shortcut icon" href="images/icon.png" />
<script type="text/javascript">
hs.graphicsDir = 'http://localhost/distro/images/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
<title>ZenWalk Distro Clothing</title>
</head>
<body>
<?php
include('koneksi.php');
?>
<div id="menu-atas">
<div id="atas"><div class="logo"><img src="images/logo.png" /></div>
<div class="menu" id="nav">
<ul>
<li><a href="index.php">Beranda</a></li>
<li><a href="about.php">Tentang Kami</a></li>
<li><a href="product.php">Produk Kami</a></li>
<li><a href="galeri.php">Galeri</a></li>
<li><a href="hubungi.php">Hubungi Kami</a></li>
<li><a href="hal-login.php">Login Admin</a></li>
</ul>
</div>
<div id="head">
<div id="imgSShow" align="center"><img src="images/header.jpg" alt="large image" name="SLIDESIMG" id="SLIDESIMG" style="opacity: 1;"><script type="text/javascript" src="js/slide-2.js"></script></div>
</div>
<div><img src="images/bawah-head.png" /></div>
</div>
</div>
<div id="isi">
<div id="kiri">
<div id="judul">Selamat Datang di ZenWalk Distro</div>
Jadi yang membuat kami berbeda adalah desain kaos tersebut benar-benar kami bebaskan ke kalian! Ya, betul sekali, kalianlah yang akan mendesain, dan kalianlah yang akan menentukan kaos mana yang akan kami buat dan jual. Lewat kontes yang kami adakan (sepanjang tahun, tanpa libur!), semua orang bisa mengirimkan desain ke kami melalui situs www.gantibaju.com, yang nantinya akan di-vote oleh semua pengunjung situs.<br /><br />
Hasil voting itu, ditambah dengan penilaian juri-juri khusus yang kompeten di bidangnya, akan dijadikan acuan buat gantibaju.com untuk menentukan desain mana yang akan dicetak. Dan pemenangnya akan mendapatkan uang tunai + royalti dari penjualan kaos tersebut. Seru, kan? <br /><br />
<div id="judul">Rekomendasi Dari Kami</div>
<?php
$q=mysql_query("select * from tbl_barang order by id_barang DESC LIMIT 3");
while($r=mysql_fetch_array($q))
{
echo"<div id='sub-barang'><div class='jdl-brg'>$r[nama_barang]</div><img src='barang/$r[gambar]' width='110' class='gambar'><div id='harga'><i>Harga Rp.$r[harga]</i>
<a href='pesan.php?id_barang=$r[id_barang]'><div class='submitButton3'>Buy This Item</div></a><a href='detail.php?id_barang=$r[id_barang]' onclick=\"return hs.htmlExpand(this, { objectType: 'iframe' } )\"><div class='submitButton3'>Review Item</div></a>
</div></div>";
}
?>
<br /><br /><p align="center">Ingin melihat semua koleksi produk kami...??? Silahkan cek ke : </p>
<a href="product.php"><div class="submitButton2">Produk Kami</div></a>
</div>
<div id="kanan">
<?php
if(empty($_SESSION[namamember])){
?>
<div id="judul">Member Log In</div>
<div id="widget">
<form method="post" action="log-member.php">
<table>
<tr><td>Username</td><td>:</td><td><input type="text" name="user" class="input" size="25"/></td></tr>
<tr><td>Password</td><td>:</td><td><input type="password" name="pass" class="input" size="25"/></td></tr>
<tr><td></td><td></td><td><input type="submit" value="Masuk" class="submitButton" /> <input type="reset" value="Hapus" class="submitButton" /></td></tr>
</table>
</form>
<a href="registrasi.php"><div class="submitButton2">Gak Punya Akun? Daftar Akun Baru</div></a>
</div>
<?php
}
else{
?>
<div id="judul">Selamat Datang</div>
<div id="widget">
<?php
$d=date('d');
$m=date('m');
$y=date('Y');
?>
<img src="images/user-icon.jpg" class="gambar2" />
Halo "<b><?php echo"$_SESSION[nama]"; ?></b>"<br />
Login Tanggal : <?php echo "$d-$m-$y"; ?><br /><br /><br /><br /><br />
<a href="logout.php"><div class="submitButton2">Keluar</div></a>
</div>
<?php
}
?>
<div id="judul">Toko Offline Kami</div>
<div id="widget">
<li class="li-class">Bandung</li>
<li class="li-class-no">Jl. Titimplik no.29
Kec. Coblong, Dipati Ukur</li>
<li class="li-class">Jakarta</li>
<li class="li-class-no">Mazee, fX Lifestyle X'enter lt 6
Jl. Jend Sudirman, Pintu 1 Senayan</li>
<li class="li-class">Denpasar</li>
<li class="li-class-no">ZenWalk Distro Clothing
Jl. Jend Legian Kuta 40</li>
<a href="hubungi.php"><div class="submitButton2">Ada Masalah? Hubungi Kami aja..!!</div></a>
</div>
<div id="judul">Temukan Kami di :</div>
<div id="widget">
<img src="images/facebook.gif" class="image" width="30"/><strong>Facebook</strong><br />Zenwalk Distro Clothing<br /><br />
</div>
</div>
</div>
</div>
<div id="menu-bawah">
<div id="footer">Copyright © ZenWalk Distro Clothing 2010. All Right Reserved<br />Jl. Jl. Jend Legian Kuta 40 |
Telp: 0341-560823 fax :0341-562525 email : info@zenwalk-distro.com </div>
</div>
</body>
</html>
2.lalu buat product.php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/utilities.js"></script>
<script type="text/javascript" src="js/highslide-with-html.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<link rel="shortcut icon" href="images/icon.png" />
<script type="text/javascript">
hs.graphicsDir = 'http://localhost/distro/images/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
<title>ZenWalk Distro Clothing</title>
</head>
<body>
<?php
include('koneksi.php');
?>
<div id="menu-atas">
<div id="atas"><div class="logo"><img src="images/logo.png" /></div>
<div class="menu" id="nav">
<ul>
<li><a href="index.php">Beranda</a></li>
<li><a href="about.php">Tentang Kami</a></li>
<li><a href="product.php">Produk Kami</a></li>
<li><a href="galeri.php">Galeri</a></li>
<li><a href="hubungi.php">Hubungi Kami</a></li>
<li><a href="hal-login.php">Login Admin</a></li>
</ul>
</div>
<div id="head">
<div id="imgSShow" align="center"><img src="images/header.jpg" alt="large image" name="SLIDESIMG" id="SLIDESIMG" style="opacity: 1;"><script type="text/javascript" src="js/slide-2.js"></script></div>
</div>
<div><img src="images/bawah-head.png" /></div>
</div>
</div>
<div id="isi">
<div id="kiri">
<div id="judul">Katalog Koleksi Produk Kami</div>
<?php
$batas=6;
$paging=$_GET['paging'];
if(empty($paging))
{
$posisi=0;
$paging=1;
}
else{
$posisi=($paging-1) * $batas;
}
$query=mysql_query("select * from tbl_barang order by id_barang desc limit $posisi,$batas");
while($r=mysql_fetch_array($query))
{
echo"<div id='sub-barang'><div class='jdl-brg'>$r[nama_barang]</div><img src='barang/$r[gambar]' width='90' class='gambar'><div id='harga'><i>Harga Rp.$r[harga]</i>
<a href='pesan.php?id_barang=$r[id_barang]'><div class='submitButton3'>Buy This Item</div></a><a href='detail.php?id_barang=$r[id_barang]' onclick=\"return hs.htmlExpand(this, { objectType: 'iframe' } )\"><div class='submitButton3'>Review Item</div></a>
</div></div>";
}
//penomoran
echo "<tr><td colspan='2' valign='top' align='center'>";
$query2=mysql_query("select * from tbl_barang");
$jumlah_data=mysql_num_rows($query2);
$jumlah_halaman=ceil($jumlah_data/$batas);
echo"<div id='paging'>";
if (1 != $paging){//tanda != berarti perintah akan dijalankan jika $paging tidak sama dengan 1, copyright all teknik paging by go_blind_hacker, powered by V-boys_studio
$back=$paging-1;
echo "<div id='kotak-paging'><a href='product.php?paging=$back'><b>Back</b></a></div>";
}
else{
echo"<div id='kotak-paging'>Back</div>";
}
if ($paging != $jumlah_halaman){
$next=$paging+1;
echo" <div id='kotak-paging'><a href='product.php?paging=$next'> <b>Next</b></a></div>";
}
else
{
echo "<div id='kotak-paging'>Next</div>";
}
echo"</div>";
?>
</div>
<div id="kanan">
<?php
if(empty($_SESSION[namamember])){
?>
<div id="judul">Member Log In</div>
<div id="widget">
<form method="post" action="log-member.php">
<table>
<tr><td>Username</td><td>:</td><td><input type="text" name="user" class="input" size="25"/></td></tr>
<tr><td>Password</td><td>:</td><td><input type="password" name="pass" class="input" size="25"/></td></tr>
<tr><td></td><td></td><td><input type="submit" value="Masuk" class="submitButton" /> <input type="reset" value="Hapus" class="submitButton" /></td></tr>
</table>
</form>
<a href="registrasi.php"><div class="submitButton2">Gak Punya Akun? Daftar Akun Baru</div></a>
</div>
<?php
}
else{
?>
<div id="judul">Selamat Datang</div>
<div id="widget">
<?php
$d=date('d');
$m=date('m');
$y=date('Y');
?>
<img src="images/user-icon.jpg" class="gambar2" />
Halo "<b><?php echo"$_SESSION[nama]"; ?></b>"<br />
Login Tanggal : <?php echo "$d-$m-$y"; ?><br /><br /><br /><br /><br />
<a href="logout.php"><div class="submitButton2">Keluar</div></a>
</div>
<?php
}
?>
<div id="judul">Toko Offline Kami</div>
<div id="widget">
<li class="li-class">Bandung</li>
<li class="li-class-no">Jl. Titimplik no.29
Kec. Coblong, Dipati Ukur</li>
<li class="li-class">Jakarta</li>
<li class="li-class-no">Mazee, fX Lifestyle X'enter lt 6
Jl. Jend Sudirman, Pintu 1 Senayan</li>
<li class="li-class">Denpasar</li>
<li class="li-class-no">ZenWalk Distro Clothing
Jl. Jend Legian Kuta 40</li>
<a href="hubungi.php"><div class="submitButton2">Ada Masalah? Hubungi Kami aja..!!</div></a>
</div>
<div id="judul">Temukan Kami di :</div>
<div id="widget">
<img src="images/facebook.gif" class="image" width="30"/><strong>Facebook</strong><br />Zenwalk Distro Clothing<br /><br />
</div>
</div>
</div>
</div>
<div id="menu-bawah">
<div id="footer">Copyright © ZenWalk Distro Clothing 2010. All Right Reserved<br />Jl. Jl. Jend Legian Kuta 40 |
Telp: 0341-560823 fax :0341-562525 email : info@zenwalk-distro.com </div>
</div>
</body>
</html>
3. ini tampilan untuk registrasi member dan login member. kita buat
a.register.php
<?php
session_start();
if(!empty($_SESSION[namamember])){
?>
<script type="text/javascript">
alert("Anda sudah Log In...!!! Tidak berhak mendaftar kembali...!!");
</script>
<?php
echo "<meta http-equiv='refresh' content='0; url=index.php'>";
}
else{
include('koneksi.php');
$nama=$_POST['nama'];
$user=md5($_POST['user']);
$pass=$_POST['pass'];
mysql_query("insert into tbl_member (user,pass,nama) values ('$nama','$user','$pass')");
?>
<script type="text/javascript">
alert("Pesan Terkirim...!!! Sekarang anda bisa Log In...!!");
</script>
<?php
echo "<meta http-equiv='refresh' content='0; url=index.php'>";
}
?>
b. registrasi.php
<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/utilities.js"></script>
<script type="text/javascript" src="js/highslide-with-html.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<link rel="shortcut icon" href="images/icon.png" />
<script type="text/javascript">
hs.graphicsDir = 'http://localhost/distro/images/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
<title>ZenWalk Distro Clothing</title>
</head>
<body>
<?php
include('koneksi.php');
?>
<div id="menu-atas">
<div id="atas"><div class="logo"><img src="images/logo.png" /></div>
<div class="menu" id="nav">
<ul>
<li><a href="index.php">Beranda</a></li>
<li><a href="about.php">Tentang Kami</a></li>
<li><a href="product.php">Produk Kami</a></li>
<li><a href="galeri.php">Galeri</a></li>
<li><a href="hubungi.php">Hubungi Kami</a></li>
<li><a href="hal-login.php">Login Admin</a></li>
</ul>
</div>
<div id="head">
<div id="imgSShow" align="center"><img src="images/header.jpg" alt="large image" name="SLIDESIMG" id="SLIDESIMG" style="opacity: 1;"><script type="text/javascript" src="js/slide-2.js"></script></div>
</div>
<div><img src="images/bawah-head.png" /></div>
</div>
</div>
<div id="isi">
<div id="kiri">
<div id="judul">Registrasi Member</div>
<form method="post" action="register.php">
<table>
<tr><td width="100">Nama</td><td width="20">:</td><td><input type="text" class="input" size="40" name="nama" /></td></tr>
<tr><td width="100">Username</td><td width="20">:</td><td><input type="text" class="input" size="40" name="user" /></td></tr>
<tr><td width="100">Password</td><td width="20">:</td><td><input type="text" class="input" size="40" name="pass" /></td></tr>
<tr><td width="100"></td><td width="20"></td><td><input type="submit" class="submitButton" value="Daftar"/> <input type="reset" class="submitButton" value="Hapus"/></td></tr>
</table>
</form>
<br /><br />
<div id="judul">Lihat-Lihat Produk Menarik Kami Yang Lainnya</div>
<?php
$q=mysql_query("select * from tbl_barang order by RAND() LIMIT 3");
while($r=mysql_fetch_array($q))
{
echo"<div id='sub-barang'><div class='jdl-brg'>$r[nama_barang]</div><img src='barang/$r[gambar]' width='110' class='gambar'><div id='harga'><i>Harga Rp.$r[harga]</i>
<a href='pesan.php?id_barang=$r[id_barang]'><div class='submitButton3'>Buy This Item</div></a><a href='detail.php?id_barang=$r[id_barang]' onclick=\"return hs.htmlExpand(this, { objectType: 'iframe' } )\"><div class='submitButton3'>Review Item</div></a>
</div></div>";
}
?>
<br /><br /><p align="center">Ingin melihat semua koleksi produk kami...??? Silahkan cek ke : </p><div class="submitButton2">Produk Kami</div>
</div>
<div id="kanan">
<?php
if(empty($_SESSION[namamember])){
?>
<div id="judul">Member Log In</div>
<div id="widget">
<form method="post" action="log-member.php">
<table>
<tr><td>Username</td><td>:</td><td><input type="text" name="user" class="input" size="25"/></td></tr>
<tr><td>Password</td><td>:</td><td><input type="password" name="pass" class="input" size="25"/></td></tr>
<tr><td></td><td></td><td><input type="submit" value="Masuk" class="submitButton" /> <input type="reset" value="Hapus" class="submitButton" /></td></tr>
</table>
</form>
<a href="registrasi.php"><div class="submitButton2">Gak Punya Akun? Daftar Akun Baru</div></a>
</div>
<?php
}
else{
?>
<div id="judul">Selamat Datang</div>
<div id="widget">
<?php
$d=date('d');
$m=date('m');
$y=date('Y');
?>
<img src="images/user-icon.jpg" class="gambar2" />
Halo "<b><?php echo"$_SESSION[nama]"; ?></b>"<br />
Login Tanggal : <?php echo "$d-$m-$y"; ?><br /><br /><br /><br /><br />
<a href="logout.php"><div class="submitButton2">Keluar</div></a>
</div>
<?php
}
?>
<div id="judul">Toko Offline Kami</div>
<div id="widget">
<li class="li-class">Bandung</li>
<li class="li-class-no">Jl. Titimplik no.29
Kec. Coblong, Dipati Ukur</li>
<li class="li-class">Jakarta</li>
<li class="li-class-no">Mazee, fX Lifestyle X'enter lt 6
Jl. Jend Sudirman, Pintu 1 Senayan</li>
<li class="li-class">Denpasar</li>
<li class="li-class-no">ZenWalk Distro Clothing
Jl. Jend Legian Kuta 40</li>
<a href="hubungi.php"><div class="submitButton2">Ada Masalah? Hubungi Kami aja..!!</div></a>
</div>
<div id="judul">Temukan Kami di :</div>
<div id="widget">
<img src="images/facebook.gif" class="image" width="30"/><strong>Facebook</strong><br />Zenwalk Distro Clothing<br /><br />
</div>
</div>
</div>
</div>
<div id="menu-bawah">
<div id="footer">Copyright © ZenWalk Distro Clothing 2010. All Right Reserved<br />Jl. Jl. Jend Legian Kuta 40 |
Telp: 0341-560823 fax :0341-562525 email : info@zenwalk-distro.com </div>
</div>
</body>
</html>
c.log-member.php
<?php
include "koneksi.php";
$pass=md5($_POST[pass]);
$user=$_POST[user];
$login=sprintf("SELECT * FROM tbl_member WHERE user='$user' AND pass='$pass'", mysql_real_escape_string($user), mysql_real_escape_string($pass));
$cek_lagi=mysql_query($login);
$ketemu=mysql_num_rows($cek_lagi);
$r=mysql_fetch_array($cek_lagi);
// Apabila username dan password ditemukan
if ($ketemu > 0){
session_start();
session_register("namamember");
session_register("nama");
$_SESSION[namamember] = $r[user];
$_SESSION[nama] = $r[nama];
echo "<meta http-equiv='refresh' content='0; url=index.php'>";
}
else{
?>
<script type="text/javascript">
alert("Password dan Username tidak Valid...!!!");
</script>
<?php
echo "<meta http-equiv='refresh' content='0; url=index.php'>";
}
?>
3. dan ini tampilan untuk control panel admin. dimana admin mempunyai hak untuk membuat data baru,mengedit dan menghapus data yang ada pada web tersebut.
dan berikut adalah skrip untuk admin
index.php
<?php
session_start();
if(empty($_SESSION[admin])){
echo "<meta http-equiv='refresh' content='0; url=../index.php'>";
}
else{
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/utilities.js"></script>
<script type="text/javascript" src="../js/slideshow.js"></script>
<link rel="shortcut icon" href="../images/icon.png" />
<title>ZenWalk Distro Clothing</title>
</head>
<body>
<?php
include('../koneksi.php');
?>
<div id="menu-atas">
<div id="atas"><div class="logo"><img src="../images/logo.png" /></div>
<div class="menu" id="nav">
<ul>
<li><a href="index.php">Beranda</a></li>
<li><a href="product.php">Produk</a></li>
<li><a href="pesanan.php">Pesanan</a></li>
<li><a href="member.php">Member</a></li>
<li><a href="hubungi.php">Hubungi</a></li>
<li><a href="password.php">Password</a></li>
<li><a href="../logout.php">Log Out</a></li>
</ul>
</div>
<div id="head">
<div id="imgSShow" align="center"><img src="../images/header.jpg" alt="large image" name="SLIDESIMG" id="SLIDESIMG" style="opacity: 1;"><script type="text/javascript" src="../js/slide-2.js"></script></div>
</div>
<div><img src="../images/bawah-head.png" /></div>
</div>
</div>
<div id="isi">
<div id="judul">Selamat Datang di Control Panel Admin</div>
ZenWalk Distro adalah creative clothing line yang menggabungkan clothing line, e-commerce, dengan kontes design kaos terbesar di Indonesia.<br /><br />
Lho, maksudnya gimana?<br /><br />
Jadi yang membuat kami berbeda adalah desain kaos tersebut benar-benar kami bebaskan ke kalian! Ya, betul sekali, kalianlah yang akan mendesain, dan kalianlah yang akan menentukan kaos mana yang akan kami buat dan jual. Lewat kontes yang kami adakan (sepanjang tahun, tanpa libur!), semua orang bisa mengirimkan desain ke kami melalui situs www.gantibaju.com, yang nantinya akan di-vote oleh semua pengunjung situs. Hasil voting itu, ditambah dengan penilaian juri-juri khusus yang kompeten di bidangnya, akan dijadikan acuan buat gantibaju.com untuk menentukan desain mana yang akan dicetak. Dan pemenangnya akan mendapatkan uang tunai + royalti dari penjualan kaos tersebut. Seru, kan?
</div>
</div>
</div>
<div id="menu-bawah">
<div id="footer">Copyright © ZenWalk Distro Clothing 2010. All Right Reserved<br />Jl. Jl. Jend Legian Kuta 40 |
Telp: 0341-560823 fax :0341-562525 email : info@zenwalk-distro.com </div>
</div>
</body>
</html>
</body>
<?php
}
?>
Selanjutnya ini adalah database dan struktur tabel untuk membuat aplikasi web penjualan yang saya buat di atas.
TABEL BARANG
TABEL MEMBER
TABEL PESANAN
TABEL GALERI
TABEL USER
Sekian penjelasan saya tentang aplikasi penjualan online berbasis web ini,yang mana mudah-mudahan bisa bermanfaat untuk rekan-rekan sekalian untuk pembelajaran.
Nama : Asep Kustandi
Nim : A2.1400129
Kelas : TI-VID
link idhostinger.com
http://distro-asep.pe.hu
0 Komentar untuk "Zenwalk Distro Clothing"
Silakan tinggalkan komentar anda. DILARANG KERAS menyimpan link blog/web pada komentar dengan tujuan backlink, Spam.