LAMPIRAN LISTING PROGRAM WEBSITE 1. index.php
L A M P
I R A N
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 ns="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{ ?> alert("Terjadi kesalahan saat menginput ke database, mohon ulangi kembali");
<? } } ?>
<? 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"]; include "include/select.php";
?> <div class="user-account">
<div class="username"> <a href="index.php?category=member&id=1" class="username">
<? echo $dselect_member['first_name']."&nbsp;".$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"> <a href="#"><img src="img/pict.jpg" alt="1" title="SLIDE 1"/></a>
<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=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 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"])) {
$username = $_SESSION["username"]; $id = $_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"> Kemajuan teknologi keamanan adalah alasan kami terjun ke bisnis ini, untuk memberikan solusi terbaik untuk peralatan keamanan anda. Kami telah terjun ke bidang ini sejak 1995. Semakin tingginya tingkat kriminalitas dewasa ini, selayaknya bagi Anda yang berpikiran 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.&nbsp;&nbsp;<? echo $price; ?></center> </div> </div>
</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>&nbsp;</td> </tr> <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> <!--- 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>&nbsp;&gt;&nbsp;<a href="?category=product">Produk</a>
<? if(isset($_GET["id"]) && isset($_GET["id- product"])){
?> &nbsp;&gt;&nbsp;<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"])){
?> &nbsp;&gt;&nbsp;<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> <td colspan="2" align="center" height="50px" width="375px" style="font-size:22px; padding-left:5px;background- color: #575757;border-radius: 5px 5px 0px 0px;" id="tmproduct"><b><a
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.&nbsp;<? 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> &nbsp;&nbsp; <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]'"); $dimage=mysql_fetch_assoc($qimage);
?> <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.&nbsp;<? 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> &nbsp;&nbsp; <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&nbsp;&nbsp; <?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 href='?category=product&id=".$_GET[id]."&page=".$i."'>".$i."</a>&nbsp
;&nbsp;";
}; } 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>&nbsp;&nbsp;";
}; }
?> </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>(lamsuhardiarief@ymail.com)</strong>.</li> </ol> <strong> Pengiriman </strong> <ol>
<li> Barang akan dikirimkan ke alamat pengiriman yang terdapat pada alamat yang diberikan pada saat pemesanan. </li> <li> Lama waktu pengiriman akan bergantung pada lokasi pengiriman. Biaya pengiriman untuk daerah Medan adalah Rp 25.000,- Sedangkan biaya pengiriman untuk daerah luar Medan akan ditentukan sesuai dengan lokasi dan metode pengiriman yang telah disepakati pada 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"> : </td> <td> <b> 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> <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> lamsuhardiarief@ymail.com </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> <b>PT.KUSUMA ALAMBESTARI</b> adalah perusahaan yang bergerak di bidang perlengkapan Safety & Security Alarm System, Fire Alarm System dan Camera CCTV. Maksud dan tujuannya adalah perusahaan kami menjalankan usaha perdagangan dan jasa-jasa pengadaan/ perancangan baru, pemeliharaan atau perawatan rutin peralatan Security Alarm System, Fire Alarm System dan Camera CCTV. PT. Kusuma Alambestari mendirikan sebuah online store untuk memberikan kemudahan dalam mencari, membeli, dan juga menjual produk-produk yang berkaitan dengan perlengkapan alat-alat security.
</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.
</li>
<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>
<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'>&nbsp;</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" 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 &nbsp;<input name='gender' type="radio" value="Perempuan" autocomplete="on" placeholder="Jenis Kelamin">Perempuan &nbsp;</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'>&nbsp;</td>
</tr> <tr> <td colspan="4" bgcolor="#F4F4F4" style='color:#FFFFFF' align="center">
<input name='register' type='submit' value='Daftar'>&nbsp;&nbsp;&nbsp; <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>&nbsp;</td>
</tr> <tr>