L
A
M
P
I
R
A
LAMPIRAN LISTING PROGRAM WEBSITE
1. index.php
<? include "include/visitor.php"; ?>
<!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=utf-8" />
<title>E - Alarm Security</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen"/>
<link rel="shortcut icon" href="img/favicon.ico" />
<script type="text/javascript" src="js/jquery.js" ></script> <script type="text/javascript" src="js/jquery-bp.js" ></script> <script type="text/javascript" src="js/s3Slider.js"></script>
<script src="js/jquery.scrollbox.js"></script> <script src="js/register-validation.js"></script> <script src="js/update-validation.js"></script> <script src="js/account-validation.js"></script> <script src="js/process-validation.js"></script>
<script type="text/javascript"> $(document).ready(function() {
$('#slider1').s3Slider({ timeOut: 6000 });
});
$(function () {
$('#demo5').scrollbox({ direction: 'h',
distance: 150 });
});
$(function () {
$('#demo5-backward').click(function () { $('#demo5').trigger('backward');
}); });
$(function () {
$('#demo5-forward').click(function () { $('#demo5').trigger('forward');
}); });
<? if(isset($_GET["error"])){
if($_GET["error"] == 1){ ?>
alert("Username atau Password Anda Salah");
<? }else{ ?>
<? }
} ?>
<? if(isset($_GET["register"])){ ?>
alert("Pendaftaran berhasil, silahkan login...");
<? } ?>
<? if(isset($_GET["update"])){ ?>
alert("Pembaharuan informasi berhasil...");
<? } ?>
function visitorCartUpdate(a) {
var x = document.getElementById("quantity"+a); window.location.assign("include/update-
cart.php?user=visitor&pid="+a+"&index="+x.selectedIndex) };
function memberCartUpdate(a) {
var x = document.getElementById("quantity"+a); window.location.assign("include/update-
cart.php?user=member&pid="+a+"&index="+x.selectedIndex) };
function pageMemberCartUpdate(a) {
var x = document.getElementById("quantity"+a); window.location.assign("include/update-
cart.php?user=pagemember&pid="+a+"&index="+x.selectedIndex) };
</script> </head>
<?
error_reporting(0); session_start(); ?>
<body>
<div class="head">
<div class="sub-head"> <div class="time">
<?
include "date.php"; ?>
</div>
<!--- END TIME ---> <?php
if (ISSET($_SESSION["username"]) && ISSET($_SESSION["id"]))
{
$username = $_SESSION["username"]; $id = $_SESSION["id"];
?>
<div class="user-account"> <div class="username">
<a href="index.php?category=member&id=1" class="username">
<? echo
$dselect_member['first_name']." ".$dselect_member['l ast_name'];
?> </a> </div>
<div class="logout">
<a href="include/logout.php" class="logout">Logout</a> </div>
</div>
<!--- END USER-ACCOUNT ---> <?
}else{ ?>
<div class="account">
<form method="post" action="include/login.php?category=<? echo $_GET['category']; ?>">
<ul>
<li><input name="username" type="text" autocomplete="on" placeholder="Username" /> </li>
<li><input name="password" type="password" autocomplete="on" placeholder="Password" /></li>
<li><input value="Login" type="submit" /></li>
</ul> </form> </div>
<!--- END ACCOUNT ---> <div class="register"> <a
href="?category=register"><button>REGISTER</button></a> </div>
<!--- END REGISTER ---> <? } ?>
</div>
<!--- END SUB-HEAD ---> </div>
<!--- END HEAD --->
<div class="<? include "include/class-container.php"; ?>"> <div class="header">
<div class="title">
<center><img src="img/LOGO.jpg" alt="1" title="PT Kusuma Alam Bestari"/></center>
</div>
<!--- END TITLE ---> <div class="slider"> <div id="slider1">
<ul id="slider1Content"> <li class="slider1Image">
<span class="left"><strong>ALARM SECURITY SYSTEM & CCTV </strong><br /><br />ALARM SECURITY SYSTEM & CCTV </span></li>
<li class="slider1Image">
<a href="#"><img src="img/pict7.jpg" alt="2" title="SLIDE 2"/></a>
<span class="left"><strong>ALARM SECURITY SYSTEM</strong><br /><br />CCTV ALARM SYSTEM</span></li>
<li class="slider1Image">
<a href="#"><img src="img/pict13.jpg" alt="3" title="SLIDE 3"/></a>
<span class="right"><strong>ALARM SECURITY PRODUCTS</strong><br /><br />Produk Alarm Security</span></li> <li class="slider1Image">
<a href="#"><img src="img/pict8.jpg" alt="4" title="SLIDE 4" /></a>
<span class="left"><strong>SAFETY FIRST</strong><br /><br />Utamakan Keselamatan</span></li> <li class="slider1Image">
<a href="#"><img src="img/pict1.jpg" alt="5" title="SLIDE 5" /></a>
<span class="right"><strong>CCTV PRODUCTS</strong><br /><br />Produk CCTV</span></li> <li class="slider1Image">
<a href="#"><img src="img/pict26.jpg" alt="6" title="SLIDE 6" /></a>
<span class="right"><strong>CCTV PRODUCTS</strong><br /><br />SAFETY</span></li>
<li class="slider1Image">
<a href="#"><img src="img/pict20.jpg" alt="7" title="SLIDE 7" /></a>
<span class="right"><strong>FIRE ALARM PRODUCTS</strong><br /><br />Produk Fire Alarm System</span></li> <li class="slider1Image">
<a href="#"><img src="img/pict16.jpg" alt="8" title="SLIDE 8" /></a>
<span class="right"><strong>FIRE ALARM SYSTEM</strong><br /><br />FIRE ALARM SYSTEM</span></li>
<li class="slider1Image">
<a href="#"><img src="img/pict12.jpg" alt="9" title="SLIDE 9" /></a>
<span class="right"><strong>Protect Your Family</strong><br /><br />Utamakan Keselamatan Keluarga
Anda</span></li>
<li class="slider1Image">
<a href="#"><img src="img/pict2.jpg" alt="10" title="SLIDE 10" /></a>
<span class="right"><strong>SOLUTION </strong><br /><br />Solution For You All Needs</span></li> <div class="clear slider1Image"></div> </ul>
</div>
<!--- END SLIDER1 ---> </div>
<!--- END SLIDER ---> <div class="top-menu"> <ul>
<li><a href="?category=condition">SYARAT & KONDISI</a></li>
<li><a href="?category=about">TENTANG KAMI</a></li> <li><a href="?category=transaction">CARA
TRANSAKSI</a></li> </ul>
<div class="cart">
<center><a href="?category=cart"
title="Keranjang"><img src="img/cart.png" height="30px" width="30px" /></a></center>
</div>
<!--- END CART --->
</div>
<!--- END TOP-MENU ---> </div>
<!--- END HEADER --->
<div class="<? include "include/class-content.php"; ?>"> <?
include "include/content.php"; ?>
</div>
<!--- END CONTENT ---> <div class="footer"> <ul>
<li><a href="?category=home">BERANDA</a></li> <li><a href="?category=product">PRODUK</a></li> <li><a href="?category=condition">SYARAT & KONDISI</a></li>
<li><a href="?category=about">TENTANG KAMI</a></li> <li><a href="?category=transaction">CARA
TRANSAKSI</a></li> </ul>
</div>
<!--- END FOOTER ---> </div>
<!--- END CONTAINER --->
<div class="<? include "include/class-foot.php"; ?>"> <div class="copyright">
Copyright © 112406043 - Putri Handayani ( 2014 ) </div>
</div>
<!--- END FOOT ---> </body>
</html>
2. content.php
<?php
error_reporting(0); session_start();
if (ISSET($_SESSION["username"]) && ISSET($_SESSION["id"])) {
if($_GET["category"]=='home'){ include "home.php"; }elseif($_GET["category"]=='product'){
include "product.php";
}elseif($_GET["category"]=='condition'){ include "condition.php";
}elseif($_GET["category"]=='about'){ include "about.php";
}elseif($_GET["category"]=='transaction'){ include "transaction.php";
}elseif($_GET["category"]=='member'){ include "member.php";
}elseif($_GET["category"]=='cart'){ include "cart.php";
}else{
include "home.php"; }
}else{
if($_GET["category"]=='home'){ include "home.php";
}elseif($_GET["category"]=='product'){ include "product.php";
}elseif($_GET["category"]=='condition'){ include "condition.php";
}elseif($_GET["category"]=='about'){ include "about.php";
}elseif($_GET["category"]=='transaction'){ include "transaction.php";
}elseif($_GET["category"]=='register'){ include "register.php";
}elseif($_GET["category"]=='cart'){ include "cart.php";
}elseif($_GET["category"]=='signin'){ include "sign-in.php";
}else{
include "home.php"; }
} ?>
3. home.php
<?
include "include/connect.php"; ?>
<div class="article">
<div class="title-article">
<div class="box-title">CCTV Alarm System</div> </div>
<div class="article-contents">
<p> <font size="2" face="Verdana, Arial, Helvetica, sans-serif">
positif dan modern memanfaatkan teknologi keamanan untuk membantu Anda melakukan yang benar. Dengan investasi yang tidak terlalu mahal, Anda akan mendapatkan manfaat yang sangat besar. Alarm Security
adalah suatu alat atau mekanisme yang di rancang untuk mengamankan atau memberikan peringatan dini baik kepada petugas security, pemilik/ pimpinan perusahaan dan penghuni jika terjadi penyusupan, perampokan, emmergency, kebakaran atau adanya orang lain yang memasuki area yang telah di proteksi melalui bunyi sirine atau informasi langsung melalui HP/ Telepon atau Central Monitoring System.
Menghindari resiko penyusupan atau Pencurian, kita harus memastikan bahwa sistem keamanan rumah atau kantor maupun pabrik kita sudah terproteksi dengan baik.
Dengan Adanya Sistem Alarm Security ini dapat menghindari atau mencegah terjadinya tindak kejahatan dengan di lengkapinya sensor pengaman di tempat atau lokasi anda berada. Sensor akan memberikan trigger alarm apabila ada penyusup yang masuk melalui pintu atau jendela yang sudah di proteksi dengan sensor. Dengan memasang CAMERA CCTV, anda dapat mengetahui kejadian sebenarnya dari suatu
peristiwa, dan tidak salah memvonis seseorang. Anda dapat mengungkap suatu tindakan kriminalitas dengan memberikan bukti rekaman CCTV kepada pihak kepolisian, dan masih banyak lagi keuntungan lainnya.
</p> </div>
</div>
<div class="new-product">
<div class="title-scroll">
<div class="box">Produk Terbaru</div> </div>
<div id="demo5-btn-backward">
<img id="demo5-backward" src="img/arrow_l_on.png" title="Backward"/>
</div>
<div id="demo5" class="scroll-img"> <ul>
<?
$qproduct=mysql_query("select *from product order by id desc limit 0,5");
while($dproduct=mysql_fetch_array($qproduct)) {
$price = number_format($dproduct['price'],0,",","."); $qimage=mysql_query("select *from image where
id='$dproduct[id_image]'");
$dimage=mysql_fetch_assoc($qimage); ?>
<li>
<a href="?category=product&id=<? echo
$dproduct['id_category']; ?>&idproduct=<? echo $dproduct['id']; ?>"> <div class="box-scroll">
<div class="img-product">
<center><img src="<? echo $dimage['path']; ?>" height="120px" width="120px" title="<? echo
$dproduct['product_name']; ?>" /></center> </div>
<div class="title-product"> <center><br /><? echo
$dproduct['product_name']; ?><br />Rp. <? echo $price; ?></center>
</a> </li> <?
}; ?>
</ul> </div>
<div id="demo-btn-forward">
<img id="demo5-forward" src="img/arrow_r_on.png" title="Forward"/>
</div> </div>
4. product.php
<?
include "include/connect.php"; ?>
<div class="left-content"> <div class="sub-menu">
<div class="title-submenu"> Kategori
</div>
<table border="0"> <?
$qcategory=mysql_query("select *from category");
while($dcategory=mysql_fetch_array($qcategory)) {
?> <tr>
<td><a href="<? echo $dcategory['path']; ?>"><? echo $dcategory['category']; ?></a></td>
</tr> <?
} ?> </table> </div>
<!--- END SUB-MENU ---> <?php
if (!ISSET($_SESSION["username"])) {
?>
<div class="member-login">
<div class="title-memberlogin"> Member Login
</div>
<form method="post" action="include/login.php"> <table border="0">
<tr>
<td> </td> </tr>
<tr>
<td>Username</td>
</tr>
<td>Password</td>
<td><input type="password" name="password" size="22" autocomplete="on" placeholder="Password"/></td> <tr>
<td colspan="2" align="right"><input value="Login" type="submit" /></td>
</tr> </table> </form>
</div>
<!--- END MEMBER-LOGIN ---> <? } ?>
</div>
<!--- END SUB-MENU --->
<div class="<? include "include/class-rightcontent.php"; ?>"> <div class="path">
<?
$qpath=mysql_query("select *from category where id='$_GET[id]'");
$dpath=mysql_fetch_array($qpath); ?>
<a href="?category=home">Home</a> > <a href="?category=product">Produk</a>
<?
if(isset($_GET["id"]) && isset($_GET["id-product"])){
?>
> <a href="<? echo $dpath['path']; ?>"><? echo $dpath['category']; ?></a>
<?
}
$qproduct=mysql_query("select *from product where id='$_GET[idproduct]'");
$dproduct=mysql_fetch_array($qproduct); if(isset($_GET["idproduct"])){
?>
> <a href="<? echo $dproduct['path']; ?>"><? echo $dproduct['product_name']; ?></a>
<?
} ?> </div>
<!--- END PATH ---> <?
if (isset($_GET["category"]) && isset($_GET["id"]) && isset($_GET["idproduct"])){
$price =
number_format($dproduct['price'],0,",",".");
$qimage=mysql_query("select *from image where id='$dproduct[id_image]'");
$dimage=mysql_fetch_assoc($qimage); ?>
<div class="max-product">
<table border="0" cellspacing="10px"> <tr>
href="?category=product&id=<? echo $dproduct['id_category']; ?>&idproduct=<? echo $dproduct['id']; ?>"><? echo
$dproduct['product_name']; ?></a></b></td> </tr>
<tr>
<td rowspan="4" height="300px" width="300px" style="border: 1px #FFFFFF solid;border-radius: 5px 5px 5px 5px;"> <a href="#"><img src="<? echo
$dimage['path']; ?>" width="300px" height="300px"/></a> </td>
<td width="375px" height="30px" align="left"><b>Rp. <? echo $price; ?></b></td> </tr>
<tr>
<td height="30px" style="font-size:12px; padding-left:5px;">Details :</td>
</tr> <tr>
<td valign="top" style="font-size:14px; padding-left:5px; text-align: justify"><? echo $dproduct['details']; ?></td> </tr>
<tr>
<td align="center" valign="bottom" style="font-size:14px">
<b>Stock : <? echo $dproduct['stock']; ?></b>
<a href="include/addtocart.php?vid=<? echo $_SESSION['counter']; ?>&pid=<? echo $dproduct['id']; ?>"><button style="width:80px; height:30px; cursor:pointer; border-radius:4px 4px 4px 4px;"><b>Add Cart</b></button></a>
</td> </tr> </table> </div>
<!--- END MAX-PRODUCT ---> <?
}else{ ?>
<div class="product"> <?
if (isset($_GET["page"])) { $page = $_GET["page"]; } else { $page=1; };
$start_from = ($page-1) * 5; if(isset($_GET["id"])){
$qproduct=mysql_query("select *from product where id_category='$_GET[id]' order by id asc limit $start_from, 5");
} else{
$qproduct=mysql_query("select *from product order by id asc limit $start_from, 5");
}
while($dproduct=mysql_fetch_array($qproduct)) {
$price =
number_format($dproduct['price'],0,",",".");
$qimage=mysql_query("select *from image where id='$dproduct[id_image]'");
?>
<div class="min-product"> <table border="0">
<tr>
<td rowspan="3" height="165px" width="165px" style="border: 1px #FFFFFF solid;border-radius: 5px 5px 5px 5px;"> <a href="?category=product&id=<? echo $dproduct['id_category']; ?>&idproduct=<? echo $dproduct['id']; ?>"><img src="<? echo $dimage['path']; ?>" width="165px"
height="165px"/></a> </td>
<td height="40px" style="font-size:20px; padding-left:5px;" id="tproduct"><b><a href="?category=product&id=<? echo $dproduct['id_category']; ?>&idproduct=<? echo $dproduct['id']; ?>"><? echo $dproduct['product_name']; ?></a></b></td>
<td width="190px" align="right"><b>Rp. <? echo $price; ?></b></td>
</tr> <tr>
<td height="30px" style="font-size:12px; padding-left:5px;">Details :</td>
<td></td> </tr>
<tr>
<td valign="top" style="font-size:12px; padding-left:5px; text-align: justify"><? echo $dproduct['details']; ?></td> <td align="right" valign="bottom" style="font-size:14px">
<b>Stock : <? echo $dproduct['stock']; ?></b>
<a href="include/addtocart.php?vid=<? echo $_SESSION['counter']; ?>&pid=<? echo $dproduct['id']; ?>"><button style="width:80px; height:30px; cursor:pointer; border-radius:4px 4px 4px 4px;"><b>Add Cart</b></button></a>
</td> </tr> </table> </div>
<!--- END MIN-PRODUCT ---> <?
} ?>
</div>
<!--- END PRODUCT ---> <div class="page"> Page <?php
if(isset($_GET["id"])){
$sql = "SELECT COUNT(id) FROM product where id_category='$_GET[id]'";
$rs_result = mysql_query($sql); $row = mysql_fetch_row($rs_result); $total_records = $row[0];
$total_pages = ceil($total_records / 5); for ($i=1; $i<=$total_pages; $i++) { echo "<a
};
} else{
$sql = "SELECT COUNT(id) FROM product"; $rs_result = mysql_query($sql);
$row = mysql_fetch_row($rs_result); $total_records = $row[0];
$total_pages = ceil($total_records / 5); for ($i=1; $i<=$total_pages; $i++) { echo "<a
href='?category=product&page=".$i."'>".$i."</a> "; };
} ?> </div> <? } ?> </div>
<!--- END RIGHT-CONTENT --->
5. condition.php
<div class="article">
<div class="title-article">
<div class="box-title">Syarat dan Kondisi</div> </div>
<div class="article-contents">
<p> <font size="2" face="Verdana, Arial, Helvetica, sans-serif"></p>
<strong> Pembayaran </strong> <ol>
<li>Pembayaran dapat dilakukan dengan Transfer Bank atau Bayar di Tempat (Cash on Delivery). Cash on Delivery hanya untuk pembelian di daerah Medan. Dengan metoda ini pemesan membayar barang pesanan pada saat barang diterima. </li>
<li> Pembayaran COD dilakukan sesuai dengan jumlah tercantum pada invoice pemesanan dan dalam mata uang Rupiah.</li>
<li>Pembayaran melalui Transfer dapat dilakukan pada
<strong>Bank Mandiri Cabang Medan Ahmad Yani (Persero) a/n Lamsuhardi Arief no rekening: 106.00.9305370.3 </strong></li>
<li> Pemesan wajib mengirimkan bukti transfer bila diperlukan melalui email <strong>([email protected])</strong>.</li> </ol>
<strong> Pengiriman </strong> <ol>
<li> Barang akan dikirimkan ke alamat pengiriman yang terdapat pada alamat yang diberikan pada saat pemesanan. </li>
saat konfirmasi pembayaran. Untuk pengiriman luar kota waktu pengiriman akan ditentukan oleh perusahaan kurir yang dipilih untuk pengiriman.</li>
</ol>
<strong> Pembatalan </strong> <ol>
<li> Pembatalan hanya dapat dilakukan jika barang belum terkirim. Pembatalan yang dilakukan setelah barang terkirim akan dikenakan denda yang besarnya ditentukan berdasarkan biaya pengiriman dan harga barang (5% dari harga barang).</li>
</ol>
<strong> Kerusakan, Penukaran, dan Garansi </strong> <ol>
<li> Garansi produk diberikan untuk produk yang memiliki garansi yang lamanya ditentukan sesuai dengan tipe dan brand.</li>
<li> Kerusakan pada saat pengiriman yang tidak dilakukan oleh kami tidak menjadi tanggung jawab kami, sedangkan kerusakan pada segel atau kerusakan produk karena kesalahan pakai akan mengakibatkan garansi tidak berlaku. </li>
<li> Pengajuan klaim kerusakan atau ketidaksesuaian barang terhadap spesifikasi harus diajukan maksimum dalam waktu 3 hari setelah barang diterima, Barang yang telah di klaim rusak/ tidak sesuai spesifikasi harus dikirimkan balik dalam waktu 2 hari setelah pengajuan klaim. </li>
<li> Kerusakan barang yang masih dalam garansi akan diganti dengan barang lain dengan tipe dan brand yang sama. </li>
</ol> </div> </div>
6. about.php
<style type="text/css"> <div class="article">
<div class="title-article">
<div class="box-title">Tentang Kami</div> </div>
<div class="article-contents">
<p> <font size="2" face="Verdana, Arial, Helvetica, sans-serif"></p>
<table border="0" cellpadding="5" cellspacing="0" class="rowbody" width="100%">
<tbody>
<td width="140"> Nama Perusahaan </td>
<td width="5"> :
PT.KUSUMA ALAMBESTARI</b> </td>
</tr> <tr>
<td valign="top">
Tahun Terdaftar </td>
<td> : </td>
<td> 1995 </td> </tr> <tr>
<td valign="top">
Golongan Usaha </td>
<td> : </td>
<td>
Perusahaan Dagang Menengah </td>
</tr> <tr>
<td valign="top">
Bidang Usaha </td>
<td> : </td>
<td>
Perdagangan Barang </td>
</tr> <tr>
<td valign="top">
Nama Pemilik </td>
<td> : </td> <td>
Lamsuhardi Arief </td>
</tr> <tr> <td>
Kami Menjual </td>
: </td> <td>
SECURITY ALARM SYSTEM, FIRE ALARM DETECTION & CAMERA CCTV </td>
</tr>
<td width="100"> Telepon </td>
<td width="5"> :
</td> <td>
+62-812-6055-033 </td>
</tr> <tr>
<td valign="top"> Email
</td> <td> : </td> <td>
[email protected] </td>
</tr> <tr>
<td valign="top"> Alamat </td> <td> : </td> <td>
Jalan Seriti I No.84 Perumnas Mandala Medan, Sumatera Utara </td>
</tr> <tr> <td>
Tentang </td>
<td> : </td> <td>
</tr> <tr> <td>
Jasa & Perawatan </td>
<td> : </td> <td>
Sebagai perusahaan supplier perlengkapan alat-alat
security sekaligus langsung melakukan pemasangannya, perusahaan kami juga dapat melakukan pemeliharaan/ perawatan secara rutin, hal ini dapat dilakukan dengan ikatan kontrak sesuai kesepakatan.
</p> <p> </td> </tr> <br>
</tbody></table> <br><br>
</div> </div>
7. transaction.php
<div class="article">
<div class="title-article">
<div class="box-title">Cara Transaksi</div> </div>
<div class="article-contents">
<p> <font size="2" face="Verdana, Arial, Helvetica, sans-serif"></p>
<ol>
<li><strong>Registrasi</strong> <br>
Lakukan <a href="index.php?category=register"> registrasi </a> apabila Anda belum menjadi member (belum teregistrasi), jika sudah melakukan registrasi, Anda dapat Login dengan mengisi username dan password pada kolom kanan bagian atas. </li>
<br>
<li> <strong> Cari Produk </strong> <br>
Anda dapat mencari produk yang anda inginkan dengan cara menelusuri menu Produk. Mencari produk berdasarkan kategori dapat dilakukan dengan memilih kategori yang relevan pada sisi kiri halaman website. </li><br>
<li> <strong> Memilih Produk </strong> <br>
Setelah menemukan produk yang diinginkan, Anda dapat melihat detail produk atau tipe produk. Selanjutnya dapat menentukan jumlah produk yang ingin dipesan dan menekan tombol "Add Cart". Produk yang Anda pilih akan dimasukan ke dalam keranjang belanja.
<br>
<li> <strong> Membeli Produk </strong> <br>
Anda dapat melihat seluruh barang yang terdapat pada Keranjang Belanja dengan meng-klik "Shopping Cart". Di dalam "Shopping Cart" Anda juga bisa melihat total harga barang yang telah dipesan. Anda dapat kembali berbelanja atau jika ingin menyelesaikan transaksi, dapat meng-klik "Lanjutkan ke Pembayaran".
</li> <br>
<li> <strong> Melengkapi Detail Pembelian </strong> <br>
Untuk melengkapi proses transaksi, sebelum Konfirmasi Anda perlu melengkapi detail mengenai nama, alamat dan data lainnya sesuai dengan tujuan pengiriman barang. </li>
<br>
<li> <strong> Pembayaran </strong> <br>
Kami akan melakukan konfirmasi pembelian Anda melalui telpon dan metoda pembayaran yang akan digunakan. Pembayaran dapat dilakukan melalui Transfer ataupun Cash on Delivery. Untuk Cash on Delivery, pembayaran di lakukan maksimal 1x24 jam. Sedangkan dengan cara Transfer, pembayaran dilakukan maksimal 5 jam. Jika melebihi batas waktu, transaksi kami anggap batal.
</li> <br>
<li> <strong> Pengiriman </strong> <br>
Pengiriman akan dilakukan ke alamat yang Anda daftarkan. Pengiriman akan dilakukan dalam 2 atau 3 hari setelah konfirmasi metode
pembayaran dilakukan. </li>
</ol> </div> </div>
8. register.php
<div class="page-register">
<div class="title-page-register">
<div class="box-title-register">Pendaftaran Akun</div> </div>
<div class="register-contents">
<form name="formulir" action="include/insert.php" method="post" onSubmit="return validasi()">
<table width='850' border='0' align='center' cellpadding='5' cellspacing='1'>
<tr>
<td colspan='4' style='color:#575757' bgcolor="#F4F4F4"><b>Akun Pengguna</b></td>
<tr>
<td width='150' style='color:#575757' bgcolor="#F4F4F4">Username</td>
<td bgcolor='#FFFFFF' width="300px"><input name='username' type='text' size='30' maxlength='50'
autocomplete="on" placeholder="Username"></td>
<td width='150' style='color:#575757' bgcolor="#F4F4F4">Password</td>
<td bgcolor='#FFFFFF'><input name='password' type='password' size='30' maxlength='100' autocomplete="on"
placeholder="Password"></td> </tr> <tr>
<td width='150' style='color:#575757' bgcolor="#F4F4F4">Email</td>
<td bgcolor='#FFFFFF' width="300px"><input name='email' type='text' size='30' maxlength='50' autocomplete="on" placeholder="Email"></td>
<td width='150' style='color:#575757' bgcolor="#F4F4F4">Ulangi Password</td>
<td bgcolor='#FFFFFF'><input
name='retypepassword' type='password' size='30' maxlength='100' autocomplete="on" placeholder="Ulangi Password"></td>
</tr>
<tr>
<td colspan="4" bgcolor='#FFFFFF' style='color:#575757'> </td>
</tr> <tr>
<td width='150' colspan='5'
bgcolor="#F4F4F4" style='color:#575757'><b>Profil Pengguna</b></td> </tr>
<tr>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Nama Depan</td>
<td bgcolor='#FFFFFF' width="300px"><input name='firstname' type='text' size='30' maxlength='50'
autocomplete="on" placeholder="Nama Depan"></td> <td width='150' bgcolor="#F4F4F4" style='color:#575757'>Alamat</td>
<td bgcolor='#FFFFFF' width="300px"><input name='address' type='text' size='30' maxlength='100'
autocomplete="on" placeholder="Alamat"></td> </tr>
<tr>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Nama Belakang</td>
<td bgcolor='#FFFFFF' width="300px"><input name='lastname' type='text' size='30' maxlength='50'
autocomplete="on" placeholder="Nama Belakang"></td> <td width='150' bgcolor="#F4F4F4" style='color:#575757'>Provinsi</td>
<td bgcolor='#FFFFFF'><input name='province' type='text' size='30' maxlength='32' autocomplete="on"
<tr>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Jenis Kelamin</td>
<td bgcolor='#FFFFFF' width="300px"><input name='gender' type="radio" value="Laki - Laki" autocomplete="on" placeholder="Jenis Kelamin">Laki - Laki <input name='gender' type="radio" value="Perempuan" autocomplete="on" placeholder="Jenis Kelamin">Perempuan </td>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Kota</td>
<td bgcolor='#FFFFFF'><input name='city' type='text' size='30' maxlength='32' autocomplete="on"
placeholder="Kota"></td> </tr> <tr>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>No Telepon/HP</td>
<td bgcolor='#FFFFFF' width="300px"><input name='phonenumber' type='text'size='30' maxlength='32'
autocomplete="on" placeholder="No Telepon/HP"></td> <td width='150' bgcolor="#F4F4F4" style='color:#575757'>Kode Pos</td>
<td bgcolor='#FFFFFF'><input name='zipcode' type='text' size='10' maxlength='5' autocomplete="on"
placeholder="Kode Pos"></td> </tr> <tr>
<td colspan="4" bgcolor='#FFFFFF' style='color:#575757'> </td>
</tr> <tr>
<td colspan="4" bgcolor="#F4F4F4" style='color:#FFFFFF' align="center">
<input name='register' type='submit' value='Daftar'>
<input name='reset' type='reset' value='Reset'> </td>
</tr> </table> </form> </div> </div>
9. sign-in.php
<? $vid = $_SESSION['counter']; ?> <div class="member-login-popup">
<div class="title-memberlogin-popup"> Member Login
</div>
<form method="post" action="include/login.php?vid=<? echo $vid; ?>">
<table border="0"> <tr>
<td> </td> </tr>
<td>Username</td>
<td><input type="text" name="username" size="22" autocomplete="on" placeholder="Username"/></td>
</tr>
<td>Password</td>
<td><input type="password" name="password" size="22" autocomplete="on" placeholder="Password"/></td> <tr>
<td colspan="2" align="right"><input value="Login" type="submit" /></td>
</tr> </table> </form>
</div>
10. cart.php
<div class="page-cart">
<div class="title-page-cart">
<div class="box-title-cart">Keranjang Anda</div> </div>
<div class="cart-contents"> <div class="cart-subtitle"> <div class="cart-product">
<?php
if ((!ISSET($_SESSION["username"])) && (!ISSET($_SESSION["id"])))
{
$sql = "SELECT COUNT(id_cart) FROM cart where id_visitor='$_SESSION[counter]'";
$rs_result = mysql_query($sql); $row = mysql_fetch_row($rs_result); $total_records = $row[0];
$total_pages = ceil($total_records / 3); if($total_pages > 1){
echo "Page ";
for ($i=1; $i<=$total_pages; $i++) { echo "<a
href='?category=cart&vid=".$_SESSION['counter']."&page=".$i."'>".$i." </a> ";
} }
} else{
$sql = "SELECT COUNT(id_cart) FROM member_cart where id_member='$_SESSION[id]'";
$rs_result = mysql_query($sql); $row = mysql_fetch_row($rs_result); $total_records = $row[0];
$total_pages = ceil($total_records / 3);
if($total_pages > 1){
for ($i=1; $i<=$total_pages; $i++) {
echo "<a
href='?category=cart&id=".$_SESSION['id']."&page=".$i."'>".$i."</a>&n bsp; ";
}; }
} ?>
</div>
<div class="cart-price">Harga</div>
<div class="cart-quantity">Kuantitas</div> <div class="cart-subtotal">Subtotal</div> </div>
<? include "items.php"; ?>
</div> </div>
11. member.php
<?
session_start();
include "include/connect.php"; if (ISSET($_SESSION["username"])) {
$username = $_SESSION["username"]; ?>
<div class="left-content-member"> <div class="sub-menu">
<div class="title-submenu"> Akun Saya
</div>
<table border="0"> <?
$qcategory=mysql_query("select *from member_category");
while($dcategory=mysql_fetch_array($qcategory)) {
?>
<tr>
<td><a href="<? echo $dcategory['path']; ?>"><? echo $dcategory['category']; ?></a></td>
</tr> <?
} ?>
</table> </div>
<!--- END SUB-MENU ---> </div>
<div class="path"> <?
$qpath=mysql_query("select *from member_category where id='$_GET[id]'");
$dpath=mysql_fetch_array($qpath); ?>
Member > <?
if(isset($_GET["id"])){ ?>
<a href="<? echo $dpath['path']; ?>"><? echo $dpath['category']; ?></a>
<?
}elseif(isset($_GET["process"]) && $_GET["process"] == "ordering"){
?>
Proses Pemesanan > <?
if(isset($_GET["part"]) && $_GET["part"] == 1){
?>
Bagian 1 <?
}elseif(isset($_GET["part"]) && $_GET["part"] == 2){
?>
Bagian 2 <?
}elseif(isset($_GET["part"]) && $_GET["part"] == 3){
?>
Bagian 3 <?
} }
?> </div>
<!--- END PATH ---> <div class="member"> <?
include "include/member-content.php"; ?>
</div>
<!--- member ---> </div>
<!--- END RIGHT-CONTENT ---> <?
} else{
header("location: index.php?category=home"); }
?>
12. member-content.php
<?php
if($_GET["id"]==1){
include "profil.php"; }elseif($_GET["id"]==2){
include "account.php"; }elseif($_GET["id"]==3){
include "member-cart.php"; }elseif($_GET["id"]==4){
include "booking.php";
}elseif($_GET["process"]=="ordering"){ include "order.php";
}else{
include "profil.php"; }
?>
13. profil.php
<div class="welcome"> <p><b>Halo <? echo
$dselect_member['first_name']." ".$dselect_member['last_name']; ?>,</b></p>
<p>Ini adalah Halaman Panel Kontrol Akun Member Anda, Anda dapat melihat detail akun, aktivitas terakhir, dan memperbarui informasi akun Anda.
Pilih link di menu untuk melihat atau mengubah informasi Anda.</p> </div>
<div class="profil">
<? if(ISSET($_GET["profil"]) && $_GET["profil"]=="edit"){?> <p>
<form name="update" action="include/update.php?update=profil" method="post" onSubmit="return check()">
<div class="box-profil">
<b>Profil Anda</b> </div>
<div class="box-profil">
<div class="box-profil-label">Nama Depan</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='firstname' type='text' size='30' maxlength='50' value="<? echo
$dselect_member['first_name']; ?>" autocomplete="on" placeholder="Nama Depan"></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Nama Belakang</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='lastname' type='text' size='30' maxlength='50' value="<? echo
$dselect_member['last_name']; ?>" autocomplete="on" placeholder="Nama Belakang"></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Jenis Kelamin</div> <div class="double-dot">:</div>
<div class="box-profil-edit"
checked="<? if($dselect_member['gender'] == "Laki - Laki"){ echo "checked";} ?>" autocomplete="on" placeholder="Jenis Kelamin">Laki - Laki <input name='gender' type="radio" value="Perempuan" <? if($dselect_member['gender'] == "Perempuan"){ echo "checked";} ?> autocomplete="on" placeholder="Jenis Kelamin">Perempuan </div> </div>
<div class="box-profil">
<div class="box-profil-label">No. Telepon / HP</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='phonenumber' type='text'size='30' maxlength='32' value="<? echo
$dselect_member['phone_number']; ?>" autocomplete="on" placeholder="No Telepon/HP"></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Alamat</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='address' type='text' size='30' maxlength='100' value="<? echo
$dselect_member['address']; ?>" autocomplete="on" placeholder="Alamat"></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Kota</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='city' type='text' size='30' maxlength='32' value="<? echo
$dselect_member['city']; ?>" autocomplete="on" placeholder="Kota"></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Provinsi</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='province' type='text' size='30' maxlength='32' value="<? echo
$dselect_member['province']; ?>" autocomplete="on" placeholder="Provinsi"></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Kodepos</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='zipcode' type='text' size='10' maxlength='5' value="<? echo
$dselect_member['zipcode']; ?>" autocomplete="on" placeholder="Kode Pos"></div>
</div>
<div class="box-profil-save"><input name='save' type='submit' value='Simpan'> </div>
</form>
<div class="box-profil-cancel"><a
href="index.php?category=member&id=1"><button>Batal</button></a></div >
</p>
<? }else{ ?> <p>
<div class="box-profil">
<b>Profil Anda</b> </div>
<div class="box-profil">
<div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['first_name']; ?></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Nama Belakang</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['last_name']; ?></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Jenis Kelamin</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['gender']; ?></div>
</div>
<div class="box-profil">
<div class="box-profil-label">No. Telepon / HP</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['phone_number']; ?></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Alamat</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['address']; ?></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Kota</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['city']; ?></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Provinsi</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['province']; ?></div>
</div>
<div class="box-profil">
<div class="box-profil-label">Kodepos</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['zipcode']; ?></div>
</div>
<div class="box-profil-button"> <center><a
href="index.php?category=member&id=1&profil=edit"><button>Edit</butto n></a></center>
</div> </p>
14. account.php
<div class="welcome"> <p><b>Halo <? echo
$dselect_member['first_name']." ".$dselect_member['last_name']; ?>,</b></p>
<p>Ini adalah Halaman Panel Kontrol Akun Member Anda, Anda dapat melihat detail akun, aktivitas terakhir, dan memperbarui informasi akun Anda.
Pilih link di menu untuk melihat atau mengubah informasi Anda.</p> </div>
<div class="profil">
<? if(ISSET($_GET["account"]) && $_GET["account"]=="edit"){?> <p>
<form name="edit" action="include/update.php?update=<? echo
$_GET["edit"]; ?>" method="post" onSubmit="return account('<? echo $_GET["edit"]; ?>')">
<div class="box-profil"> <b>Akun Anda</b> </div>
<div class="box-profil">
<div class="box-profil-label">Username</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><b><? echo $username; ?></b></div>
</div>
<div class="box-profil-empty">
</div>
<div class="box-profil">
<div class="box-profil-label">Email</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='email' type='text' size='30' maxlength='50' value="<? echo
$dselect_member['email']; ?>" autocomplete="on" placeholder="Email" <? if(ISSET($_GET["edit"]) && ($_GET["edit"]!="email")){ echo
"disabled='disabled'";}; ?>></div> </div>
<div class="box-profil-empty">
</div>
<div class="box-profil">
<div class="box-profil-label">Password Lama</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='oldpassword' type='password' size='30' maxlength='100' autocomplete="on"
placeholder="Password Lama" <? if(ISSET($_GET["edit"]) &&
($_GET["edit"]!="password")){ echo "disabled='disabled'";}; ?>></div> </div>
<div class="box-profil-empty">
</div>
<div class="box-profil">
<div class="box-profil-label">Password Baru</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input name='newpassword' type='password' size='30' maxlength='100' autocomplete="on"
placeholder="Password Baru" <? if(ISSET($_GET["edit"]) &&
</div>
<div class="box-profil-empty">
</div>
<div class="box-profil">
<div class="box-profil-label">Ulangi Password Baru</div> <div class="double-dot">:</div>
<div class="box-profil-edit"><input
name='retypenewpassword' type='password' size='30' maxlength='100' autocomplete="on" placeholder="Ulangi Password Baru" <?
if(ISSET($_GET["edit"]) && ($_GET["edit"]!="password")){ echo "disabled='disabled'";}; ?>></div>
</div>
<div class="box-profil-save"><input name='save' type='submit' value='Simpan'> </div>
</form>
<div class="box-profil-cancel"><a
href="index.php?category=member&id=2"><button>Batal</button></a></div >
</p>
<? }else{ ?> <p>
<div class="box-profil"> <b>Akun Anda</b> </div>
<div class="box-profil">
</div>
<div class="box-profil">
<div class="box-profil-label">Username</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><b><? echo $username; ?></b></div>
</div>
<div class="box-profil">
</div>
<div class="box-profil">
<div class="box-profil-label">Email</div> <div class="double-dot">:</div>
<div class="box-profil-contents"><? echo $dselect_member['email']; ?></div>
</div>
<div class="box-profil">
</div>
<div class="box-account-button"> <center><a
href="index.php?category=member&id=2&account=edit&edit=email"><button >Ganti Email</button></a>
<a
href="index.php?category=member&id=2&account=edit&edit=password"><but ton>Ganti Password</button></a>
</center> </div>
15. member-cart.php
<div class="member-cart-contents">
<div class="member-cart-subtitle"> <div class="member-cart-menu"></div>
<div class="member-cart-product">
<?php
$sql = "SELECT COUNT(id_cart) FROM member_cart where id_member='$_SESSION[id]'";
$rs_result = mysql_query($sql); $row = mysql_fetch_row($rs_result); $total_records = $row[0];
$total_pages = ceil($total_records / 10);
if($total_pages > 1){
echo "Page ";
for ($i=1; $i<=$total_pages; $i++) { echo "<a
href='?category=member&id=3&page=".$i."'>".$i."</a> "; };
} ?>
</div>
<div class="member-cart-price">Harga</div>
<div class="member-cart-quantity">Kuantitas</div> <div class="member-cart-subtotal">Subtotal</div> </div>
<? include "member-items.php"; ?> </div>
16. booking.php
<?php
error_reporting(0); session_start();
include "include/connect.php"; $id= $_SESSION["id"];
?>
<div class="welcome"> <p><b>Halo <? echo
$dselect_member['first_name']." ".$dselect_member['last_name']; ?>,</b></p>
<p>Ini adalah Halaman untuk mengetahui status pemesanan barang anda. Harap segera melunasi barang pesanan anda sebelum batas waktu
pembayaran berakhir. Terima kasih atas kepercayaan anda telah bertransaksi dengan kami.</p>
</div>
<table id="tb-book" border="0" cellpadding='3' cellspacing='1' align="center" bgcolor='#575757'>
<tr>
<td width="30px" align="center" style="color:#FFFFFF"><b>No.</b></td>
<td width="150px" align="center" style="color:#FFFFFF"><b>Kode Konfirmasi</b></td> <td width="170px" align="center" style="color:#FFFFFF"><b>Jumlah Bayar</b></td> <td width="130px" align="center"
style="color:#FFFFFF"><b>Status Transaksi</b></td> <td width="50px"> </td>
</tr> <?
$no = 1;
$qselect_orderinfo = mysql_query("select * from order_information where member_id = '$id'");
while($dselect_orderinfo = mysql_fetch_array($qselect_orderinfo)){
$tPay =
number_format($dselect_orderinfo["total_pay"],0,",","."); ?>
<tr>
<td width="30px" align="center" bgcolor="#F4F4F4"><? echo $no; ?></td>
<td width="150px" align="center" bgcolor="#F4F4F4"><? echo $dselect_orderinfo["confirmation_id"]; ?></td>
<td width="170px" align="center" bgcolor="#F4F4F4"> <table border="0">
<tr>
<td width="20px" align="left">Rp.</td> <td width="150px" align="right"><? echo $tPay; ?></td>
</tr> </table> </td>
<td width="130px" align="center" bgcolor="#F4F4F4"><? echo $dselect_orderinfo["confirmation_status"]; ?></td>
<td width="50px" bgcolor="#F4F4F4" align="center"><a href="pdf.php?transaction_id=<? echo
$dselect_orderinfo["transaction_id"]; ?>" target="_blank">Print</a></td>
</tr> <?
$no++; }
?> </table> </div>
17. register.php
<div class="page-register">
<div class="title-page-register">
<div class="register-contents">
<form name="formulir" action="include/insert.php" method="post" onSubmit="return validasi()">
<table width='850' border='0' align='center' cellpadding='5' cellspacing='1'>
<tr>
<td colspan='4' style='color:#575757' bgcolor="#F4F4F4"><b>Akun Pengguna</b></td>
</tr> <tr>
<td width='150' style='color:#575757' bgcolor="#F4F4F4">Username</td>
<td bgcolor='#FFFFFF' width="300px"><input name='username' type='text' size='30' maxlength='50'
autocomplete="on" placeholder="Username"></td>
<td width='150' style='color:#575757' bgcolor="#F4F4F4">Password</td>
<td bgcolor='#FFFFFF'><input name='password' type='password' size='30' maxlength='100' autocomplete="on"
placeholder="Password"></td> </tr> <tr>
<td width='150' style='color:#575757' bgcolor="#F4F4F4">Email</td>
<td bgcolor='#FFFFFF' width="300px"><input name='email' type='text' size='30' maxlength='50' autocomplete="on" placeholder="Email"></td>
<td width='150' style='color:#575757' bgcolor="#F4F4F4">Ulangi Password</td>
<td bgcolor='#FFFFFF'><input
name='retypepassword' type='password' size='30' maxlength='100' autocomplete="on" placeholder="Ulangi Password"></td>
</tr> <tr>
<td colspan="4" bgcolor='#FFFFFF' style='color:#575757'> </td>
</tr> <tr>
<td width='150' colspan='5'
bgcolor="#F4F4F4" style='color:#575757'><b>Profil Pengguna</b></td> </tr>
<tr>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Nama Depan</td>
<td bgcolor='#FFFFFF' width="300px"><input name='firstname' type='text' size='30' maxlength='50'
autocomplete="on" placeholder="Nama Depan"></td> <td width='150' bgcolor="#F4F4F4" style='color:#575757'>Alamat</td>
<td bgcolor='#FFFFFF' width="300px"><input name='address' type='text' size='30' maxlength='100'
autocomplete="on" placeholder="Alamat"></td> </tr>
<tr>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Nama Belakang</td>
<td bgcolor='#FFFFFF' width="300px"><input name='lastname' type='text' size='30' maxlength='50'
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Provinsi</td>
<td bgcolor='#FFFFFF'><input name='province' type='text' size='30' maxlength='32' autocomplete="on"
placeholder="Provinsi"></td> </tr> <tr>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Jenis Kelamin</td>
<td bgcolor='#FFFFFF' width="300px"><input name='gender' type="radio" value="Laki - Laki" autocomplete="on" placeholder="Jenis Kelamin">Laki - Laki <input name='gender' type="radio" value="Perempuan" autocomplete="on" placeholder="Jenis Kelamin">Perempuan </td>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>Kota</td>
<td bgcolor='#FFFFFF'><input name='city' type='text' size='30' maxlength='32' autocomplete="on"
placeholder="Kota"></td> </tr> <tr>
<td width='150' bgcolor="#F4F4F4" style='color:#575757'>No Telepon/HP</td>
<td bgcolor='#FFFFFF' width="300px"><input name='phonenumber' type='text'size='30' maxlength='32'
autocomplete="on" placeholder="No Telepon/HP"></td> <td width='150' bgcolor="#F4F4F4" style='color:#575757'>Kode Pos</td>
<td bgcolor='#FFFFFF'><input name='zipcode' type='text' size='10' maxlength='5' autocomplete="on"
placeholder="Kode Pos"></td> </tr> <tr>
<td colspan="4" bgcolor='#FFFFFF' style='color:#575757'> </td>
</tr> <tr>
<td colspan="4" bgcolor="#F4F4F4" style='color:#FFFFFF' align="center">
<input name='register' type='submit' value='Daftar'>
<input name='reset' type='reset' value='Reset'> </td>
</tr> </table> </form> </div> </div>
18. admin-login.php
<!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>
<title>Administrator E - Alarm Security</title>
<link rel="stylesheet" href="../css/admin.css" type="text/css" media="screen"/>
<link rel="shortcut icon" href="../img/favicon.ico" /> </head>
<body>
<div class="admin-content"> <div class="title-login">
<center><p style="size:20px;
font-weight:bold;">ADMINISTRATOR LOGIN</p>Silahkan Masukkan Username dan Password Anda</center>
</div>
<div class="admin-login"> <center>
<form action="../include/login.php?user=admin" method="POST">
<table border="0"> <tr>
<th colspan="2" style="color:#F00; font-size:10px;">
<?
if(isset($_GET["error"])) { $error= $_GET["error"]; if($error=='1'){
echo "<center>Username atau password anda tidak
benar</center>"; } else
echo "<br />"; }
else
echo "<br />"; ?>
</th> </tr>
<tr height="50px">
<td width="100px"><b>Username</b></td> <td><input name='username' type='text' size='25' maxlength='50' autocomplete="on" placeholder="Username" /></td>
</tr>
<tr height="50px">
<td width="100px"><b>Password</b></td> <td><input name='password' type='password' size='25' maxlength='50' autocomplete="on" placeholder="Password" /></td>
</tr> <tr>
<td colspan="2"><center><input type="submit" name="login" value="Login" /></center></td>
</tr> </table> </form> </center> </div>