Perancangan Website E-Commerce Pada Toko Pakaian Cantik Modis Menggunakan Dreamweaver 8

(1)

KEMENTERIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU

Telp. (061) 8214290, 8211212, 8211414 Fax. (061) 8214290 Medan 20155

Kartu Bimbingan Tugas Akhir Mahasiswa

Nama

: Dimas Andika Nasution

Nomor Induk Mahasiswa

: 102406146

Judul Tugas Akhir

: Perancangan Website E-Commerce Pada Toko

Pakaian Cantik Modis Menggunakan Dreamweaver 8

Dosen Pembimbing

: Syahriol Sitorus, S.Si, M.IT

Tanggal Mulai Bimbingan

: ...

Tanggal Selesai Bimbingan : ...

No

Tanggal Asistensi

Bimbingan

Pembahasan Pada Asistensi

Mengenai, Pada Bab :

Paraf Dosen

Pembimbing

Keterangan

*Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah selesai

Diketahui,

Disetujui,

Departemen Matematika FMIPA USU

Pembimbing Utama/

Ketua

Penanggung Jawab

Prof.Drs.Tulus, Vordipl.Math.,M.Si.,Ph.D.

Syahriol Sitorus, S.Si, M.IT

(2)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma 3 Teknik Informatika :

Nama

: DIMAS ANDIKA NASUTION

NIM

: 102406146

Program Studi

: DIPLOMA (D3) TEKNIK INFORMATIKA

Judul Tugas Akhir

: PERANCANGAN WEBSITE E-COMMERCE PADA TOKO

PAKAIAN CANTIK MODIS MENGGUNAKAN

DREAMWEAVER 8

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada

tanggal Juni 2013

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, Juni 2013

Dosen Pembimbing

Program Studi D3 Teknik Informatika

(3)

LISTING PROGRAM

1. Index.php

<html>

<head><title>CANTIK MODIS</title>

<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" ></script>

<script type="text/javascript"

src="js/jquery.tn3lite.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

//Thumbnailer.config.shaderOpacity = 1; var tn1 = $('.mygallery').tn3({

skinDir:"skins",

imageClick:"fullscreen", image:{

maxZoom:1.5, crop:true,

clickEvent:"dblclick", transitions:[{

type:"blinds" },{

type:"grid" },{

type:"grid", duration:460,

easing:"easeInQuad", gridX:1,

gridY:8,

// flat, diagonal, circle, random sort:"random",

sortReverse:false, diagonalStart:"bl", // fade, scale method:"scale", partDuration:360,

partEasing:"easeOutSine", partDirection:"left" }]

}

}); });

</script>

</head> <body>

(4)

<div id="logo"><img src="images/logo.png"></div> <div id="icon"><a

href="https://www.facebook.com/ButikCantikModis"><img src="images/fb.png" /></a>

</div> </div>

<li><a href="?p=cara_order.php"><img src="images/info.png" /> CARA ORDER</a></li>

<li><a href="?p=gallery.php"><img src="images/order.png" />  GALLERY</a></li>

</ul> </div>

<div id="content"> <?php

if($_REQUEST['p'] != '') {

include $_REQUEST['p']; }

else {

include "content.php"; }

?>

</div>

<?php include"menu.php"; ?>

</body> </html>

2. Content.php

<h2>SELAMAT DATANG DI WEBSITE KAMI</h2> <hr noshade />

<div class="tn3 album"> <h4>Fixed Dimensions</h4>

<div class="tn3 description">Images with fixed dimensions</div>

<div class="tn3 thumb">images/35x35/1.jpg</div> <ol>

<li>

<h4>Produk-produk Cantik Modis</h4> <div class="tn3 description"></div>

(5)

<li>

</div> </div>

3. Menu.php

<img src="images/about.png"/>  ABOUT US</a></li> <li><a href="?p=contact.php">

<img src="images/contact.png" />  CONTACT</a></li> <li><a href="?p=login.php">

<img src="images/login.png" />  LOGIN</a></li> </ul>

</div>

4. Cara_order.php

<h3>Sebelum memesan, mohon dibaca terlebih dahulu prosedur dan Terms of Service dari kami.</h3>

<h5>PEMESANAN</h5>

<p>Sebelum melakukan pemesanan barang, pilih barang yang ingin di pesan di menu <font color="#0000FF"

style="font-weight:bold">"Gallery"</font> lalu pilih jenis barang yang ingin Anda Pesan, lalu klik tombol <font color="#0000FF"

style="font-weight:bold">"Beli"</font> pada barang yang ingin Anda beli. Setelah itu isi form secara lengkap kecuali <font color="#0000FF"

style="font-weight:bold">Nama Barang</font> karena sudah terisi otomatis dari barang yang Anda pilih sebelumnya. Setelah Form Order terisi lengkap klik tombol ORDER agar data Anda tersimpan.</p>

<h5>PEMBAYARAN</h5>

(6)

diselesaikan sebelum H-7. Order kami anggap confirmed statusnya setelah pembayaran selesai.</p>

<h5>PENGIRIMAN</h5>

<p>1. Setelah transaksi diselesaikan, order akan kami masukan dalam schedule. Kami akan mengerjakan dan mengirimkan pesanan Anda pada tanggal, waktu dan alamat yang sudah ditentukan. </p>

<p>2. Harga yang tercantum pada katalog belum termasuk ongkos kirim. Ongkos kirim bervariasi tergantung jauh dekatnya lokasi tujuan (between Rp. 15.000 - 50.000). Wilayah kota Medan - gratis.</p>

<p>3. Nomor kontak penerima sangat penting, agar dapat kami/kurir hubungi apabila kami menemui kesulitan dalam mencari alamat tujuan.</p>

<h5>LAPORAN</h5>

<p>Apabila barang yang dipesan telah sampai, kami berharap Anda memberi laporan berupa sms atau email ke kami agar tidak terjadi kesalah pahaman. Terimakasih.</p>

<h5>INFORMASI TENTANG TOKO PAKAIAN CANTIK MODIS:</h5> <table border="0">

<tr><td width="100px">Telefon/Hp</td><td>: 085763522177</td></tr>

<tr><td>Email</td><td>: Cantikmodis@yahoo.co.id</td></tr>

<tr><td>Alamat</td><td>: Jl. Abdullah Lubis 85/119 Medan Baru</td></tr>

</table>

<h3>TOKO PAKAIAN CANTIK MODIS</h3> </div>

5. Aboutus.php

<h4>TENTANG CANTIK MODIS</h4>

<p>Toko Pakaian Cantik Modis ini dibuka pada tanggal 1 Agustus 2012 yang berlokasi di Jalan Abdullah Lubis 85/119 Medan Baru, Medan. Dan beroperasi dari pukul 09.OO WIB - 23.00 WIB</p>

<p>Toko Pakaian Cantik Modis ini menjual pakaian-pakaian wanita dari berbagai merk.</p>

</div>

<h5>Artikel Tentang Produk Yang Ditawarkan:</h5> <table cellpadding="5px" cellspacing="5px">

<tr>

<td width="360px"><b>Blus</b> adalah pakaian tubuh bagian atas bermodel longgar yang sebelumnya dikenakan oleh pekerja, petani, seniman, perempuan dan anak-anak.

Blus biasanya dikenakan denga cara dikumpulkan di bagian pinggang (dengan ikat pinggang atau sabuk) sehingga menggantung longgar diatas tubuh pemakainya. (sumber: wikipedia bahasa indonesia)</td>

(7)

celana pendek (dengan ukuran dari pinggang sampai lutut atau kurang). celana panjang (dengan ukuran dari pinggang sampai tumit). (sumber: wikipedia bahasa indonesia) </td></tr>

<tr>

<td><b>Gamis</b> adalah jenis pakaian muslim wanita dengan model lurus, panjang dan longgar menutupi seluruh badan mulai dari dada sampai kaki mata kaki, sehingga pemakainya tidak harus mencari atasan atau bawahan karena sudah dalam satu kesatuan.</td>

<td><b>Rok</b> adalah sejenis pakaian dengan bentuk pipa atau kerucut yang cara pemakaiannya dimulai dari pinggul dan menutupi sebagian atau seluruh bagian kaki. berbeda dengan celana, bagian dari rok tidak dibagi menjadi bagian kaki kiri dan bagian kaki kanan tetapi langsung menjadi satu bagian yang menutupi sebagian atau seluruh bagian kaki. (sumber: wikipedia bahasa indonesia) </td></tr>

<tr>

<td><b>Jilbab</b> adalah busanan muslim terusan panjang menutupi seluruh badan kecuali tangan, kaki, dan wajah yang biasa dikenakan oleh para wanita muslim. (sumber: wikipedia bahasa indonesia)</td></tr>

</table> </div>

<div class="logo1">Jasa Pembayaran<hr noshade="noshade" /><img src="images/bca.jpg" /></div>

<div class="logo2">Jasa Pengiriman<hr noshade="noshade" /><img src="images/jne.jpg" /></div>

</div> </div>

6. Contact.php

<h4>HUBUNGI KAMI</h4>

<p>Kami selalu siap menjawab pertanyaan Anda! Silahkan Hubungi kami di:</p>

<tr><td width="100px">Telefon/Hp</td><td>: 085763522177</td></tr>

<tr><td>Email</td><td>: Cantikmodis@yahoo.co.id</td></tr>

<tr><td>Alamat</td><td>: Jl. Abdullah Lubis 85/119 Medan Baru</td></tr>

</table> </div>

<h5>Artikel Tentang Produk Yang Ditawarkan:</h5> <table cellpadding="5px" cellspacing="5px">

(8)

<td width="360px"><b>Blus</b> adalah pakaian tubuh bagian atas bermodel longgar yang sebelumnya dikenakan oleh pekerja, petani, seniman, perempuan dan anak-anak.

Blus biasanya dikenakan denga cara dikumpulkan di bagian pinggang (dengan ikat pinggang atau sabuk) sehingga menggantung longgar diatas tubuh pemakainya. (sumber: wikipedia bahasa indonesia)</td>

<td width="370px"><b>Celana</b> adalah pakaian bawahan yang dipakai untuk menutupi dari pinggang sampai kaki. ada dua kategori umum dari celana:

celana pendek (dengan ukuran dari pinggang sampai lutut atau kurang). celana panjang (dengan ukuran dari pinggang sampai tumit). (sumber: wikipedia bahasa indonesia) </td></tr>

<tr>

<td><b>Gamis</b> adalah jenis pakaian muslim wanita dengan model lurus, panjang dan longgar menutupi seluruh badan mulai dari dada sampai kaki mata kaki, sehingga pemakainya tidak harus mencari atasan atau bawahan karena sudah dalam satu kesatuan.</td>

<td><b>Rok</b> adalah sejenis pakaian dengan bentuk pipa atau kerucut yang cara pemakaiannya dimulai dari pinggul dan menutupi sebagian atau seluruh bagian kaki.

berbeda dengan celana, bagian dari rok tidak dibagi menjadi bagian kaki kiri dan bagian kaki kanan tetapi langsung menjadi satu bagian yang menutupi sebagian atau seluruh bagian kaki. (sumber: wikipedia bahasa indonesia) </td></tr>

<tr>

<td><b>Jilbab</b> adalah busanan muslim terusan panjang menutupi seluruh badan kecuali tangan, kaki, dan wajah yang biasa dikenakan oleh para wanita muslim. (sumber: wikipedia bahasa indonesia)</td>

</tr> </table> </div>

<div class="logo1">Jasa Pembayaran<hr noshade="noshade" /><img src="images/bca.jpg" /></div>

<div class="logo2">Jasa Pengiriman<hr noshade="noshade" /><img src="images/jne.jpg" /></div>

</div> </div>

7. Gallery.php

(9)

</div> </div>

8. Blus.php

<div id='tampilan1'> <?php

include "koneksi.php";

$sql=mysql_query("select * from barang Where nama_kategori='Blus'"); ?>

function MM_popupMsg(msg) { //v1.0 alert(msg);

}

function MM_goToURL() { //v3.0

var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2)

eval(args[i]+".location='"+args[i+1]+"'"); }

//--> </script> <?php

//menentukan batas, cek dan posisi data $batas=10;

$halaman = $_REQUEST['halaman'];

if(empty($halaman)){ $posisi=0; $halaman = 1; } else {

$posisi = ($halaman-1) * $batas; }

//sesuaikan perintah SQL dengan posisi dan batas

$sql= "SELECT * FROM barang where nama_kategori='Blus' ORDER BY id_barang DESC LIMIT $posisi,$batas";

$result = mysql_query($sql); $test=mysql_num_rows($result); if ($test!=0)

{ while($data=mysql_fetch_array($result)){ ?>

<tr><td align="center"><?php echo

$data['nama_kategori']; ?> <?php echo $data['nama_barang']; ?></td></tr>

(10)

<tr><td align="center"><acronym title="Edit Data"><img src="images/beli.png" align="middle"

onClick="MM_goToURL('parent', 'index.php?p=order.php&id=<?php echo $data['id_barang']; ?>');return document.MM_returnValue" /></acronym></td>

</tr> </table> </div> <?php

}

echo"<div id='tampilan2'>";

echo"<table width='500' align='center' id='tabel_show' cellpadding='1' cellspacing='1'><tr><td></td><td>";

$sql2 = mysql_query("select * from barang where nama_kategori='Blus'");

$result=mysql_num_rows($sql2); $jmlhalaman=ceil($result/$batas);

/* bangun Previous link */ if($halaman > 1){

$prev = ($halaman - 1); ?>

<a href="index.php?p=gamis.php&halaman=1"> << First</a> |

<?php } else {

echo "<p>First| < Previous "; } //tampilkan link halaman 1,2,3...

for($i = 1; $i <= $jmlhalaman; $i++){ if($i == $halaman){

echo "$i "; }

else { ?>

<?php } }

/* bangun Next link */ if($halaman < $jmlhalaman){

$next = $halaman + 1; ?>

<?php }

echo "</td></tr></table></div>";

}//akhir dari kondisi bahwa data tidak kosong

else { echo "<p>MAAF, BARANG TIDAK TERSEDIA</p>"; }

(11)

9. Order.php

<div id="form"> <?php

include ("koneksi.php"); $id=$_REQUEST['id'];

$view= mysql_query ("select nama_kategori, nama_barang from barang where id_barang='$id'",$koneksi)

or die (mysql_error());

if ($data=mysql_fetch_array ($view)) {

?>

<tr><th

colspan="2">         &nb sp; FORM ORDER</th></tr>

<tr><td> </td><td> </td></tr> <tr><td>Tanggal Order</td>

<td>:<select name='tanggal'> <?php

for($i=1;$i<=31;$i++) {

echo "<option value='$i'>$i</option>"; }

?>

</select>

<select name="bulan"> <?php

echo "<option value='$w'>$bulan[$i]</option>"; }

?>

</select>

<select name='tahun'> <?php

for($i=2013;$i<=2016;$i++) {

echo "<option value='$i'>$i</option>"; }

?>

</select> </td> </tr>

<tr><td>Nama Lengkap</td><td>: <input type="text" name="nama" placeholder="Nama Lengkap" /></td></tr>

<tr><td>Alamat Lengkap</td><td>: <textarea name="alamat"></textarea></td></tr>

(12)

<tr><td>Nomor Telp/Hp</td><td>: <input type="text" name="nomor_telp" /></td></tr>

<tr><td>Nama Barang</td><td>: <input type="text"

name="nama_barang" value="<?php echo $data['nama_kategori']; ?> <?php echo $data['nama_barang'];?>" /></td></tr>

<tr><td>Jumlah Barang Yang Di Order</td><td>: <input type="text" name="jumlah" /></td></tr>

</tr> </table> </form> <?php } ?> </div>

10. Proses_order.php

<?php

include ("koneksi.php");

$tanggal=$_REQUEST['tanggal']; $bulan=$_REQUEST['bulan']; $tahun=$_REQUEST['tahun'];

$tanggalorder=$tahun."-".$bulan."-".$tanggal; $nama=$_REQUEST['nama'];

$alamat=$_REQUEST['alamat']; $kota=$_REQUEST['kota'];

$kodepos=$_REQUEST['kode_pos']; $nomortelp=$_REQUEST['nomor_telp']; $namabarang=$_REQUEST['nama_barang']; $jumlah=$_REQUEST['jumlah'];

if($nama!="" && $alamat!='') {

$qry=mysql_query("insert into pesanan

(tanggal,nama,alamat,kota,kode_pos,nomor_telp,nama_barang,jumlah) values('$tanggalorder','$nama','$alamat','$kota','$kodepos','$nomorte lp','$namabarang','$jumlah')",$koneksi) or die (mysql_error()); ?>

alert("Terimakasih Data Anda Telah Kami Terima") window.location="index.php?p=gallery.php";

--></script> <?php } else{

?>

alert("Maaf.. Data Anda gagal")

window.location="index.php?p=order.php"; --></script>

<?php }

(13)

11. Koneksi.php

<?php

$hostname="localhost"; $dbuser="root";

$dbpass="";

$dbname="cantik_modis";

$koneksi=mysql_connect($hostname,$dbuser,$dbpass) or die (mysql_error());

mysql_select_db($dbname,$koneksi) or die (mysql_error());

?>

12. Login.php

<tr><th

colspan="2">         &nb sp; LOGIN</th></tr>

<td width="120 px">Username</td>

<tr>

<td>Password</td>

<tr>

</tr> </table> </form> </div>

13. Cek.php

<?php

include("koneksi.php");

$username=$_REQUEST['username']; $pass=$_REQUEST['password'];

if ($username!=''&& $pass!='') {

(14)

$result = mysql_query($sql)or die(mysql_error()); $hasil=mysql_fetch_array($result);

if($hasil['username']==$username && $hasil['password']==$pass) {

if($hasil['status']=='admin') {

session_start();

$_SESSION['pengguna']=$hasil['username']; header ("location:admin/index.php");

}

if($hasil['status']=='member') {

session_start();

$_SESSION['pengguna']=$hasil['username']; header ("location:member/index.php"); }

}else{ ?>

window.location = "index.php";

alert("Your name or password is wrong..") //-->

</script> <?php } }else{

?>

window.location = "../index.php"; alert("Silahkan Login.")

//--> </script> <?php } ?>

14. Style.CSS

@charset "utf-8";

body{ margin:0px; background: url(../images/a.jpg) repeat-x;}

#wrapper{ width:960px; background: url(../images/a.jpg) repeat-x; margin: 0 auto;}

#header{ height:80px; }

#logo{ width:840px; float:left;}

#icon{ width:120px; float:left; margin-top:20px;}

#content{ border-left: 1px solid #CCCCCC;

border-right:1px solid #CCCCCC; height: auto;padding:10px; clear:both;}

(15)

#tampilan1{ width:940px; height:auto; margin-left:20px; margin-right:20px;}

#tampilan table{ float:left; border: 1px solid #999999;

background: #FFFFFF; width:160px; height:auto; margin:10px; margin-top:30px;}

#tampilan tr td{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0000FF;}

#tampilan2{clear:both;}

#tampilan2 tr td{text-align:center;

font-family:Verdana, Arial, Helvetica, sans-serif; color:#0000FF; font-size:12px; font-weight:bold;}

#tampilan2 p{text-align:center;}

#tampilan2 a{text-decoration:none;}

.clear{ clear:both; }

h2{text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; font-style: inherit; color:#000066; }

p{ text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }

#syarat{ margin:auto; height:auto; background:#FFFFFF; padding:10px; border:1px solid #CCCCCC; }

#syarat h3{ text-align:center; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }

#syarat h5{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FF0000; }

#syarat p{ text-align: justify; font-family:Verdana, Arial,

Helvetica, sans-serif; font-size:13px; font-weight: 900; }

#syarat tr td{ text-align: justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;

font-weight: 900; }

#c_1{ height:280px; margin-bottom:20px; display:block;}

#c_2{ width:480px; height:260px; margin-right:10px; float:left; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

#c_2 h4{ font-size:18px; margin:0px; }

#c_2 p{ text-align:left; font-weight:normal; }

#c_2 tr td{ font-size:14px; }

#c_3{ width:395px; height:280px; padding-left:23px; float:left; }

(16)

#c_5 { width:780px; height:370px; float:left; margin-right:10px; border-right: 1px solid #CCCCCC; }

#c_5 h5{ margin-top: 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#c_5 tr td{ text-align: justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

#c_6{ float:left; width:136px; height:370px;

font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bolder; color:#333333;}

.logo1{ width:136px; height:100px; float:left;}

.logo2{ width:136px; height:100px; float:left; }

#gallery{ height:auto; }

#gallery1{ height:480px;}

#gallery1 li{ list-style:none;}

#gallery1 ul li{ float:left; margin-left:40px; margin-right:40px; margin-bottom: 40px;}

#gallery1 li:hover{ background: #999999; }

.login{ border: 1px solid #999999; margin:auto; margin-top:20px; margin-bottom:20px; width: 350px; height:300px;

background: #C0C0C0; padding: 10px;

-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.login tr th{ text-align:center; color:#FFFFFF;

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:large;}

.login tr td{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}

#form{ margin:auto; border: 1px solid #999999; margin-top:40px; margin-bottom:20px; height:340px; width:440px;

background: #C0C0C0; padding:10px;

-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

#form tr th{ text-align: center;

font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF;}

#form tr td{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}

#menu1{ clear:both; height:40px; padding-left:258px;}

#menu{ clear:both; height:40px; padding-left:258px; background:url(../images/menu.jpg) repeat-x;}

(17)

.top_menu li{ float:left; list-style:none; }

.top_menu li a{ padding-top:8px; padding-bottom:8px; padding-right:20px; padding-left:5px; text-decoration:none; color: #222324; font:icon; font-size:16px;

font-weight:bold; display:block; }

.top_menu li a:hover{ background: url(../images/menu.png); color:#0000FF;}

.top_menu li:hover{ position:relative; }

#footer{ clear:both; height:14px;

background:url(../images/footer.jpg) repeat-x; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px;

border-bottom-left-radius: 20px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; padding:3px;}

LISTING PROGRAM PADA FILE ADMIN

1. Koneksi.php

<?php

$hostname="localhost"; $dbuser="root";

$dbpass="";

$dbname="Cantik_modis";

$koneksi=mysql_connect($hostname,$dbuser,$dbpass) or die (mysql_error());

mysql_select_db($dbname,$koneksi) or die (mysql_error()); ?>

2. Index.php

<?php session_start();

if(!isset($_SESSION['pengguna'])) {

?>

alert ("Silahkan Login terlebih dahulu..") location.href="../index.php";

</script> <?php

} else {

(18)

<div id="content"> <?php

if($_REQUEST['p'] != '') {

include $_REQUEST['p']; } else {

include "content.php"; }

?> </div>

<?php include"menu.php"; ?>

</body> </html> <?php } ?>

3. Header.php

<html>

<head><title>CANTIK MODIS</title>

<body>

<a

href="https://www.facebook.com/ButikCantikMod is"><img src="images/fb.png" /></a>

</div>

4. Content.php

<div id="home"><H1>SELAMAT DATANG ADMIN..</H1></div>

5. Menu.php

<img src="images/b.png" > TAMBAH BARANG</a></li> <li><a href="?p=lihat_barang.php">

<img src="images/c.png" > LIHAT BARANG</a></li> <li><a href="?p=daftar_order.php">

(19)

<img src="images/e.png" /> LOGOUT</a></li> </ul>

</div>

6. Form_barang.php

<table>

<tr><th

colspan="2">        TAMBAH BARANG</th></tr>

<tr><td>Nama Barang</td><td>: <input type="text" name="nama_barang" /></td></tr>

<tr><td width="150px">Jenis Barang</td><td>:<?php include ("koneksi.php");

$sql=mysql_query("select * from kategori"); ?>

<?php while($data=mysql_fetch_array($sql)) { ?>

<option value="<?php echo

$data['nama_kategori'];?>"><?php echo $data['nama_kategori'];?> </option>

<?php } ?> </select></td> </tr>

<tr><td>Gambar</td><td> : <input type="file" name="gambar"></td></tr>

<tr><td>Jumlah Barang</td><td>: <input type="text" name="jumlah" /></td></tr>

<tr><td>Harga</td><td>: <input type="text" name="harga" /></td></tr>

(20)

7. Proses_simpan_barang.php

<?php

$lokasi_file=$_FILES['gambar']['tmp_name']; $tipe_file=$_FILES['gambar']['type'];

$nama_file=$_FILES['gambar']['name']; $direktori="images/images/$nama_file";

if (!empty($lokasi_file)){

move_uploaded_file($lokasi_file,$direktori);

mysql_query("insert into barang

(nama_barang,nama_kategori,gambar,jumlah,harga) values

('".$_POST['nama_barang']."','".$_POST['kategori']."','".$nama_file." ','".$_POST['jumlah']."','".$_POST['harga']."')");

?>

alert("Data Telah Disimpan")

window.location="index.php?p=lihat_barang.php"; --></script>

<?php } else { ?>

alert("Maaf.. Data Gagal di Simpan")

window.location="index.php?p=form_barang.php"; --></script>

<?php } ?>

8. Lihat_barang.php

<?php

$sql=mysql_query("select * from barang"); ?>

}

$halaman = $_REQUEST['halaman']; if(empty($halaman)){

(21)

$halaman = 1; } else {

$sql= "SELECT * FROM barang ORDER BY id_barang DESC LIMIT $posisi,$batas";

{ while($data=mysql_fetch_array($result)){ ?>

<tr><?php $id= $data['id_barang']; ?><td

align="center" ><img src="images/images/<?php echo $data['gambar']; ?>" /></td></tr>

<tr><td align="center"><?php echo

$data['nama_kategori']; ?> <?php echo $data['nama_barang']; ?></td></tr>

<tr><td align="center">Sisa Barang: <?php echo $data['jumlah']; ?></td></tr>

<tr><td align="center"><acronym title="Edit Data"><img src="images/edit.png" align="middle"

onClick="MM_goToURL('parent',

'index.php?p=edit_barang.php&id=<?php echo $data['id_barang']; ?>');return document.MM_returnValue" /></acronym> 

<a href='hapus_barang.php?id=<?php echo $data['id_barang']; ?>'

onClick=\"return confirm('Apakah Anda benar-benar akan menghapus data ini?')\">

echo"<div id='tampilan2'>";

echo"<table width='500' align='center' id='tabel_show' cellpadding='1' cellspacing='1'><tr><td></td><td>";

$sql2 = mysql_query("select * from barang"); $result=mysql_num_rows($sql2);

$jmlhalaman=ceil($result/$batas);

<a href="index.php?p=lihat_barang.php&halaman=1"> << First</a> |

(22)

<?php } else {

echo "$i "; } else { ?>

<?php } }

/* bangun Next link */ if($halaman < $jmlhalaman){

<?php }

echo "</td></tr></table></div>";

}//akhir dari kondisi bahwa data tidak kosong else { echo "<p>TIDAK ADA DATA DALAM DATABASE "; }

?>

9. Edit_barang.php

<?php

include ("koneksi.php"); $id=$_REQUEST['id'];

$view= mysql_query ("select * from barang where id_barang='$id'",$koneksi)or die (mysql_error());

if ($data=mysql_fetch_array ($view)){ ?>

<form action="proses_edit_barang.php?id=<?php echo $id ?>" method="post">

<table>

<tr><th colspan="2">          EDIT BARANG</th></tr>

<tr><td>Nama Barang</td><td>: <input type="text"

name="nama_barang" size="32" maxlength="32" value="<?php echo $data['nama_barang'];?>"/></td></tr>

<tr><td width="150px">Jenis Barang</td><td>:<?php $sql=mysql_query("select * from kategori");?>

<option value="<?php echo $data['nama_kategori'];?>"><?php echo

$data['nama_kategori'];?></option><?php } ?> </select></td>

(23)

<tr><td>Gambar</td><td> : <input type="file" name="gambar" value="<?php echo $data['gambar'];?>"></td></tr>

<tr><td>Jumlah Barang</td><td>: <input type="text"

name="jumlah" value="<?php echo $data['jumlah'];?>"/></td></tr> <tr><td>Harga</td><td>: <input type="text" name="harga" value="<?php echo $data['harga'];?>" /></td></tr>

</tr>

<tr><td colspan="2" align="center"><a

href="index.php?p=lihat_barang.php">Kembali</a></td></tr> </table>

</form> </div> <?php } ?>

10. Proses_edit_barang.php

<?php

$nama_barang=$_REQUEST['nama_barang']; $nama_kategori=$_REQUEST['kategori']; $gambar=$_REQUEST['gambar'];

$jumlah=$_REQUEST['jumlah']; $harga=$_REQUEST['harga']; $id=$_REQUEST['id'];

$qry=mysql_query("update barang set nama_barang='$nama_barang',

nama_kategori='$nama_kategori', gambar='$gambar',

jumlah='$jumlah',harga='$harga' where id_barang='$id'",$koneksi) or die (mysql_error());

?>

<!--

alert('Data Telah Di Ganti')

window.location = "index.php?p=lihat_barang.php"; --></script>

11. Hapus_barang.php

<?php include("koneksi.php");

$id1=$_REQUEST['id'];

$qry= mysql_query ("delete from barang where

id_barang='$id1'",$koneksi) or die (mysql_error());

if ($qry)

header ("location:index.php?p=lihat_barang.php");

(24)

12. Daftar_order.php

<div class="lihat"> <?php

$sql = mysql_query("select * from pesanan"); ?>

}

$halaman = $_REQUEST['halaman'];

if(empty($halaman)){ $posisi=0; $halaman = 1; } else {

$sql= "SELECT * FROM pesanan ORDER BY id_pesanan DESC LIMIT $posisi,$batas";

{ $no=$posisi+1;

echo"<table border='0' style='text-align:center' cellpadding='5px' bordercolordark='#000000'>";

echo"<tr bgcolor='#0099FF'>"; echo"<th>No</th>";

echo"<th>Tanggal Order</th>"; echo"<th>Nama</th>";

echo"<th>Alamat</th>"; echo"<th>Kota</th>"; echo"<th>Kode Pos</th>";

echo"<th>Nomor Telepon/Hp</th>"; echo"<th>Nama Barang</th>"; echo"<th>Jumlah</th>"; echo"<th>Action</th>"; echo"</tr>";

while ($data = mysql_fetch_array($result)) {

//pemberian warna berbeda pada tiap baris tampilan

(25)

$id= $data['id_pesanan'];

echo "<tr bgcolor=$warna align='center' ><td>"; echo $no;

echo "</td><td width='150px'>"; echo $data['tanggal'];

echo "</td><td width='150px'>"; echo $data['nama'];

echo "</td><td width='170px'>"; echo $data['alamat'];

echo "</td><td width='60px'>"; echo $data['kota'];

echo "</td><td width='80px'>"; echo $data['kode_pos'];

echo "</td><td width=''>"; echo $data['nomor_telp'];

echo "</td><td width='170px'>"; echo $data['nama_barang']; echo "</td><td width=''>"; echo $data['jumlah'];

echo "</td><td width='110px'>";

echo "<a href='hapus_order.php?idc=$id' onClick=\"return confirm('Apakah Anda benar-benar akan menghapus data

ini?')\"><button>Hapus</button></a>"; echo "</td></tr>";

?> <?php $no++; }

echo "</table><table width='500' align='left' id='tabel_show' cellpadding='1' cellspacing='1'><tr><td></td><td>";

$sql2 = mysql_query("select * from pesanan"); $result=mysql_num_rows($sql2);

$jmlhalaman=ceil($result/$batas);

<a href="index.php?p=daftar_order.php&halaman=1"> << First </a> |

<?php } else {

echo "$i "; } else { ?>

<?php } }

(26)

<?php }

echo "</td></tr></table>";

}//akhir dari kondisi bahwa data tidak kosong else { echo "<p>TIDAK ADA DATA DALAM DATABASE "; } ?>

</div>

13. Hapus_order.php

<?php include("koneksi.php");

$id1=$_REQUEST['idc'];

$qry= mysql_query ("delete from pesanan where

id_pesanan='$id1'",$koneksi) or die (mysql_error());

if ($qry)

header ("location:index.php?p=daftar_order.php");

?>

14. Logout.php

<?php

session_start();

unset($_SESSION['pengguna']); session_destroy();

print ("<meta http-equiv=\"refresh\" content=\"0; url=../index.php\">");