Sistem Jual-Beli Mobil Dalam Bentuk Cash And Credit Berbasis Web
LAMPIRAN
1. Tampilan Beranda
<!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> <html> <head> <style> body {
background-image: url("images/1643669.jpg");
background-size: cover;
background-size: cover;
background-size: cover;
background-size: cover; }
</style> </head> </html>
<title>Bursa mobil - Memenuhi Pencarian Mobil Impian Anda</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow">
<meta name="description" content="Bursa mobil - Memenuhi Pencarian Mobil Impian Anda">
<meta name="keywords" content="">
<meta http-equiv="Copyright" content="ZStudio"> <meta name="author" content="Sabar Parlindungan"> <meta http-equiv="imagetoolbar" content="no"> <meta name="language" content="Indonesia"> <meta name="revisit-after" content="7"> <meta name="webcrawlers" content="all"> <meta name="rating" content="general"> <meta name="spiders" content="all">
<!--// Stylesheet //-->
<link href="style.css" rel="stylesheet" type="text/css" /> <link href="css/contentslider.css" rel="stylesheet"
type="text/css" />
(2)
<!--// Javascript //-->
<script type="text/javascript" src="config/jquery.js"></script> <script type="text/javascript" src="js/clearbox.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min14.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script type="text/javascript"
src="js/anythingslider.js"></script> <script type="text/javascript"
src="js/jquery.anythingslider.js"></script> <script type="text/javascript"
src="js/jquery.easing.1.2.js"></script>
<script type="text/javascript" src="js/jquery.fancybox- 1.3.1.js"></script>
<script type="text/javascript" src="js/contentslider.js"></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/jquery.ad-
gallery.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="js/thumbgallery.js"></script> <script type="text/javascript"
src="js/eurofurence_500-eurofurence_700.font_9bc22cbd.js"></script>
<script type="text/javascript" src="js/cufon.js"></script> <script type="text/javascript" src="js/newsticker.js"></script> <!--[if lte IE 7]>
<script type="text/javascript"
src="js/jquery.dropdown.js"></script> <![endif]-->
<script type="text/javascript" src="js/easy.js"></script> <script type="text/javascript">
$(document).ready(function(){ $.easy.tooltip(); });
</script>
<meta charset="UTF-8"> <style type="text/css"> <!--
.style1 {color: #FF6600} -->
</style> </head> <body>
<a name="top"></a> <div id="wrapper_sec">
<div id="head"> <div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
(3)
</div>
<div class="rightnavi">
<p class="bold right"><a id="various1"
href="#inline1"><input style='width: 150px; height: 30px;' class= tombol2 ></a></p>
<div class="clear">
<ul><SCRIPT language=JavaScript src="almanak.js"></SCRIPT>
<span class="style1">I</span> <SCRIPT language=JavaScript>var d = new Date();
var h = d.getHours();
if (h < 11) { document.write('Selamat pagi, pengunjung...'); } else { if (h < 15) { document.write('Selamat siang,
pengunjung...'); }
else { if (h < 19) { document.write('Selamat sore, pengunjung...'); }
else { if (h <= 23) { document.write('Selamat malam, pengunjung...'); }
}}}</SCRIPT> </ul> </div> </div>
<div class="clear"></div> <div class="navigation">
<ul id="nav" class="dropdown dropdown-linear dropdown-columnar">
<li><b><a href='index.php'>BERANDA</a></b> <ul></ul>
</li><li><b><a href='profil-kami.html'>PROFIL </a></b> <ul></ul>
</li><li><b><a href='semua-produk.html'>DATA MOBIL</a></b>
<ul> <li class='clear'><b><a href='kategori-17-notebook.html'>BEKAS</a></b></li> <li class='clear'><b><a href=' kategori-18-laptop.html'>BARU</a></b></li></ul>
</li><li><b><a href='keranjang- belanja.html'>GARASI</a></b>
<ul></ul>
</li><li><b><a href='cara-pembelian.html'>CARA PEMBELIAN</a></b>
KAMI</a></b>
<ul></ul>
</li><li><b><a href='hubungi-kami.html'>HUBUNGI <ul></ul>
</li> </ul> </div></div>
<div class="clear"></div> <div id="crumb">
<ul class="left">
<li><p></p></li> </ul>
</ul>
<ul class="left2">
(4)
</ul> </div>
<div class="clear"></div> <div class="rotating_banner">
<div class="anythingSlider"> <div class="wrapper">
<ul>
<li><img width=940 src='header/21.Jual Beli Mobil Bekas Surabaya.jpg2.jpg'></li><li><img width=940
src='header/160803_2015_Toyota_Yaris.jpg'></li><li><imgwidth=940 src='header/663x442-kredit-mobil-baru-di-bni-oto-sampai-rp1- miliar-siapa-mau-160224y.jpg'></li><li><img width=940
src='header/std_i n-02819_1.jp g'></li> </ul>
</div> </div> </div>
<div class="clear"></div> <div id="content_sec">
<div class="col1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spacer.gif" width="1" height="20" /></td>
</tr> <tr>
<td><span class="center_content2"><script language="javascript">
function validasi(form){ if (form.nama.value == ""){
alert("Anda belum mengisikan Nama."); form.nama.focus();
return (false); }
if (form.alamat.value == ""){
alert("Anda belum mengisikan Alamat."); form.alamat.focus();
return (false); }
if (form.telpon.value == ""){
alert("Anda belum mengisikan Telpon."); form.telpon.focus();
return (false); }
if (form.email.value == ""){
alert("Anda belum mengisikan Email."); form.email.focus();
return (false); }
if (form.jasa.value == 0){
alert("Anda belum memilih jasa pengiriman barang."); form.jasa.focus();
return (false); }
(5)
alert("Anda belum mengisikan Kota."); form.kota.focus();
return (false); }
return (true); }
function harusangka(jumlah){
var karakter = (jumlah.which) ? jumlah.which : event.keyCode if (karakter > 31 && (karakter < 48 || karakter > 57))
return false; return true; }
$(document).ready(function() {
$('#jasa').change(function() {
var category = $(this).val(); $.ajax({
type: 'GET',
url: 'config/kota.php',
data: 'perusahaan=' + category, // Untuk data di MySQL dengan menggunakan kata kunci tsb
dataType: 'html',
beforeSend: function() {
$('#kota').html('<tr><td colspan=2>Loading ....</td></tr>');
},
success: function(response) { $('#kota').html(response); }); }); } }); </script> </div><div class='profil2'><span class="center_content2"><font size="2"><span class="center_content">
<div class="profil"> <div>
<span class="center_content"> <div>
<strong>Selamat Datang di BURSA MOBIL.. </strong>
</div> <div>
<!--[if gte mso 9]><xml> <w:WordDocument>
(6)
<w:UseAsianBreakRules/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--> <!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan; font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";} span.centercontent
{mso-style-name:center_content;} @page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.Section1 {page:Section1;} -->
<!--[if gte mso 10]> <style>
/* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt;
font-family:"Times New Roman";} </style>
<![endif]-->
<p class="MsoNormal"> <!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--> <!--
(7)
p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";} span.centercontent
{mso-style-name:center_content;} @page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.Section1 {page:Section1;} -->
<!--[if gte mso 10]> <style>
/* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt;
font-family:"Times New Roman";} </style>
<![endif]--> </p>
<p class="MsoNormal">
<span class="centercontent"><span style="font-size: 10pt; font- family: Arial">Kami menyediakan berbagai macam jenis MOBIL BARU DAN BEKAS yang bisa dilakukan pembelian dalam bentuk CASH Maupun KREDIT. </span></span>
</p>
<span class="centercontent"><span style="font-size: 10pt; font- family: Arial"> Berkonsep toko online, kami berusaha memanjakan sekaligus
memudahkan para customer untuk berbelanja di toko online kami. Kenyamanan dan
keamanan pun kami jaga sehingga tercipta hubungan baik penjual dan pembeli.</span></span>
<p class="MsoNormal">
<span class="centercontent"><span style="font-size: 10pt; font- family: Arial">Selamat berbelanja. Dan terima kasih atas kunjungan
(8)
</span></font></span> <br /> </div>
</div> <h4 class='heading colr2'>==========</h4><br /><div class='prod_box'>
<div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-137- fortuner.html'>Fortuner</a></div>
<div class='product_img'>
<a href='produk-137-fortuner.html'><a href='foto_produk/5120140411_Pasar_Mobil_Bekas-05.jpg'
rel='clearbox[gallery=Koleksi Produk]' title='Fortuner'>
<img src='foto_produk/5120140411_Pasar_Mobil_Bekas- 05.jpg' border='0' height=110 width=114 class='tooltip'
title='klik untuk memperbesar gambar'></a> </div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>120.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-137-fortuner.html' class='prod_details'>DETAIL</a>
</div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-135- kuga.html'>Kuga</a></div>
<div class='product_img'>
<a href='produk-135-kuga.html'><a href='foto_produk/86Daftar-harga-mobil-fordkuga-201.jpg'
rel='clearbox[gallery=Koleksi Produk]' title='Kuga'>
<img src='foto_produk/86Dafta r-harga -mobil -
fordkuga-201.jpg' border='0' height=110 width=114 class='tooltip' title='klik untuk memperbesar gambar'></a>
</div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>670.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-135-kuga.html'
class='prod_details'>DETAIL</a> </div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-134-audi.html'>Audi</a></div>
<div class='product_img'>
<a href='produk-134-audi.html'><a
href='foto_produk/41Audi-A6.jpg' rel='clearbox[gallery=Koleksi
(9)
<img src='foto_produk/41Audi-A6.jpg' border='0' height=110 width=114 class='tooltip' title='klik untuk
memperbesar gambar'></a> </div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>770.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-134-audi.html'
class='prod_details'>DETAIL</a> </div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-133-agya.html'>Agya</a></div>
<div class='product_img'>
<a href='produk-133-agya.html'><a href='foto_produk/3120131108_IndenMobilBaru-02.jpg'
rel='clearbox[gallery=Koleksi Produk]' title='Agya'>
<img src='foto_produk/3120131108_IndenMobilBaru- 02.jpg' border='0' height=110 width=114 class='tooltip'
title='klik untuk memperbesar gambar'></a> </div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>120.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-133-agya.html'
class='prod_details'>DETAIL</a> </div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-132-camry.html'>Camry</a></div>
<div class='product_img'>
<a href='produk-132-camry.html'><a href='foto_produk/441722334Toyota-Camry-2015-di-Rusia-1-
copy780x390.jpg' rel='clearbox[gallery=Koleksi Produk]' title='Camry'>
<img src='foto_produk/441722334Toyota-Camry-2015-di-Rusia-1-copy780x390.jpg' border='0' height=110 width=114 class='tooltip' title='klik untuk memperbesar gambar'></a>
</div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>950.000.000,-
(10)
<a href='produk-132-camry.html' class='prod_details'>DETAIL</a>
</div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-131- yaris.html'>Yaris</a></div>
<div class='product_img'>
<a href='produk-131-yaris.html'><a href='foto_produk/44160803_2015_Toyota_Yaris.jpg'
rel='clearbox[gallery=Koleksi Produk]' title='Yaris'> <img
src='foto_produk/44160803_2015_Toyota_Yaris.jpg' border='0'
height=110 width=114 class='tooltip' title='klik untuk memperbesar gambar'></a>
</div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>245.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-131-yaris.html'
class='prod_details'>DETAIL</a> </div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-130-bmw-r5.html'>BMW R5</a></div>
<div class='product_img'>
<a href='produk-130-bmw-r5.html'><a href='foto_produk/98663x442-kredit-mobil-baru-di-bni-oto-sampai-
rp1-miliar-siapa-mau-160224y.jpg' rel='clearbox[gallery=Koleksi
Produk]' title='BMW R5'>
<img
src='foto_produk/98663x442-kredit-mobil-baru-di-bni-oto-sampai-rp1-miliar-siapa-mau-160224y.jpg'border='0'
height=110 width=114 class='tooltip' title='klik untuk memperbesar gambar'></a>
</div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>680.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-130-bmw-r5.html' class='prod_details'>DETAIL</a>
</div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-129-mini-cooper.html'>Mini Cooper</a></div>
(11)
<a href='produk-129-mini-cooper.html'><a href='foto_produk/321.Jual Beli Mobil Bekas
Surabaya.jpg2.jpg' rel='clearbox[gallery=Koleksi Produk]'
title='Mini Cooper'>
<img src='foto_produk/321.Jual Beli Mobil Bekas Surabaya.jpg2.jpg' border='0' height=110 width=114
class='tooltip' title='klik untuk memperbesar gambar'></a> </div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>950.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-129-mini-cooper.html' class='prod_details'>DETAIL</a>
</div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-128- apv.html'>Apv</a></div>
<div class='product_img'>
<a href='produk-128-apv.html'><a
href='foto_produk/73suzuki_apv.jpg' rel='clearbox[gallery=Koleksi
Produk]' title='Apv'>
<img src='foto_produk/73suzuki_apv.jpg' border='0' height=110 width=114 class='tooltip' title='klik untuk
memperbesar gambar'></a> </div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>167.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-128-apv.html'
class='prod_details'>DETAIL</a> </div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-127- escudo.html'>Escudo</a></div>
<div class='product_img'>
<a href='produk-127-escudo.html'><a href='foto_produk/95Suzuki sidekick drag-1 th 2000 akhir AB asli tangan 1 Original luar dalam Harga 86 jt saja.jpg'
rel='clearbox[gallery=Koleksi Produk]' title='Escudo'>
<img src='foto_produk/95Suzuki sidekick drag-1 th 2000 akhir AB asli tangan 1 Original luar dalam Harga 86 jt
(12)
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-127-escudo.html' class='prod_details'>DETAIL</a>
</div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-126-kijang-krista.html'>Kijang Krista</a></div>
<div class='product_img'>
<a href='produk-126-kijang- krista.html'><a href='foto_produk/35std_in-02819_1.jpg'
rel='clearbox[gallery=Koleksi Produk]' title='Kijang Krista'> <img src='foto_produk/35std_i n-02819_1.jpg '
border='0' height=110 width=114 class='tooltip' title='klik untuk memperbesar gambar'></a>
</div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>145.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-126-kijang-krista.html' class='prod_details'>DETAIL</a>
</div>
</div><div class='prod_box'> <div class='top_prod_box'></div> <div class='center_prod_box'>
<div class='product_title'><a href='produk-125- rocky.html'>Rocky</a></div>
<div class='product_img'>
<a href='produk-125-rocky.html'><a
href='foto_produk/10rocky.jpg' rel='clearbox[gallery=Koleksi
Produk]' title='Rocky'>
<img src='foto_produk/10rocky.jpg' border='0' height=110 width=114 class='tooltip' title='klik untuk
memperbesar gambar'></a> </div>
<div class='prod_price'><span class='price'> <br /></span> <span class='price'> Rp. <b>125.000.000,- </b></span></div>
</div>
<div class='bottom_prod_box'></div> <div class='prod_details_tab'>
<span class='prod_cart_habis'></span> <a href='produk-125-rocky.html'
class='prod_details'>DETAIL</a> </div>
</div></td> </tr> </table>
<div class="clear"> </div> </div>
(13)
<div class="mycart">
<div class="small_heading"> <h5>GARASI</h5> </div>
cellpadding="0">
<table width="81%" border="0" cellspacing="0" <tr>
<td width="27%">
<span class='keranjang2'>0 <span class='keranjang3'>Mobil tersedia<br/>
<span class='border_cart'></span> </td>
</div>
</tr> </table>
<div class="myaccount">
<div class="small_heading"> <h5>Kategori Mobil</h5> </div>
<ul>
<li><a href='kategori-18-baru.html'> BARU (8)</a></li><li><a href='kategori-17-bekas.html'> BEKAS (17)</a></li></li>
</ul> </div>
<div class="poll">
<div class="small_heading"> <h5>Costumer Online</h5>
cellpadding="0">
</div>
<table width="100%" border="0" cellspacing="0" <tr>
<td><div align="center">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"> <span class='table2'><b><br /><p>• Martin </b>
<a href='ymsgr:sendIM?Tampubolon'> <img
src='http://opi.yahoo.com/online?u=Tampubolon&m=g&t=1' border='0' height='16' width='64'></a>
</p><br /><span class='table2'><b><br /><p>• Budiman </b>
<a href='ymsgr:sendIM?Budi'> <img
(14)
</table> </div></td> </tr>
</table> </div>
<div class="poll">
<div class="small_heading"> <h5>Bank Pembayaran </h5>
cellpadding="0">
</div>
<table width="100%" border="0" cellspacing="0" <tr>
<td><div align="center"><span class="border_box">
<span class='bank'></a></div> <div class='bank'>
<img src='foto_banner/bni.gif' border='0' > </a>
</div>
<div class='bank'><span class='bank'>No. Rek : 0102345678 <div class='bank'><span class='bank'>an. Ricky
Lumbantobing</span></div> </span></div></td> </tr>
</table> </div>
<div class="poll">
<div class="small_heading">
<h5>Statistik Pengunjung </h5>
cellpadding="0">
</div>
<table width="111%" border="0" cellspacing="0" <tr>
<td width="11%"> </td> <td width="89%">
<div align="left"> <p align='center'>
<span class='pengunjung'><img src=counter/online.png> Pengunjung Online : 1 <br />
<span class='pengunjung'><img src=counter/hariini.png> Pengunjung Hari Ini : 8 <br />
</p> </div></td></tr> </table>
</div>
<div class="clear"></div> </div>
<div class="clear"></div> <div id="footer">
<div class="aboutus">
<h5>Tentang Kami</h5> <p>
Bursa Mobil adalah toko mobil yang menyediakan mobil baru maupun bekas yang bisa dilakukan transaksi dalam bentuk cash maupun credit secara online, Bursa Mobil dapat memberikan kemudahan kepada para calon pembeli, dengan cara cepat, mudah dan
(15)
hemat dalam proses transaksi tanpa harus membuang-buang waktu untuk terjuan ke lokasi pembelian. </p>
<a href="profil-kami.html" class="simplebtn">selanjutnya</a>
</div>
<div class="contactus"> <h5>Kontak Kami </h5> <ul>
<li class="tel"><span class="bold">Tel:</span> 085206244807 </li>
<li class="email"><span class="bold">Email:</span> <a
href="mailto:ricky.lumbantobing@gmail.com">ricky.lumbantobing@gmai l.com</a></li>
</ul> </div>
<div class="clear"></div>
<div class="copyright_network">
<p>Copyright ©2016 Developed by: Ricky Lumbantobing </p>
<ul class="network"><li>
<script language="javascript">
document.write("<a href='http://twitter.com/home/?status=" + document.URL + "' target='_blank'><img
src='./images/twitter_icon.gif' border='0'/></a> <a href='http://www.facebook.com/share.php?u=" + document.URL + "' target='_blank'><img src='./images/facebook_icon.gif'
border='0'/></a>"); </script></li>
<li><a href="rss.xml"><img src="images/rss.gif" alt="" border="0" /></a></li>
</div>
<li><a href="#top" class="top">ke atas</a></li> </ul>
</div>
<div class="clear"></div> </div>
<div style="display: none;">
<div id="inline1" style="width:400px ;"> <h2>LOGIN ANGGOTA</h2>
<div class="clear"></div>
<p>Anda anggota? bila tidak <a href="daftar.html" class="colr2">DAFTAR</a>, di sini.</p>
<div class="clear"></div>
<a href="#" class="left"><img src="images/signup.gif" alt="" /></a> <a href="#" class="left"><img src="images/forgot.gif" alt="" /></a>
<div class="clear marg_bot"> </div> <ul class="forms">
(16)
<li class="inputfield"><input type="text" value="" class="bar" /></li>
</ul>
<ul class="forms marg_top"> <li class="txt"><a href="#"
class="simplebtn">Login</a> <a href="#" class="simplebtn">Batal</a></li> </ul> </body> </html> </div> </div>
2. Tampilan Halaman Admin
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF- 8"/>
<meta name="description" content=""/> <meta name="keywords" content=""/>
<meta name="robots" content="ALL,FOLLOW"/>
<meta name="Author" content="Ricky Lumbantobing"/> <meta http-equiv="imagetoolbar" content="no"/> <title>Halaman Administrator</title>
<link rel="stylesheet" href="css/reset.css" type="text/css"/> <link rel="stylesheet" href="css/screen.css" type="text/css"/> <link rel="stylesheet" href="css/fancybox.css" type="text/css"/> <link rel="stylesheet" href="css/jquery.wysiwyg.css"
type="text/css"/>
<link rel="stylesheet" href="css/jquery.ui.css" type="text/css"/> <link rel="stylesheet" href="css/visualize.css" type="text/css"/> <link rel="stylesheet" href="css/visualize-light.css"
type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"
src="js/jquery.visualize.js"></script> <script type="text/javascript"
src="js/jquery.wysiwyg.js"></script> <script type="text/javascript"
src="js/tiny_mce/jquery.tinymce.js"></script> <script type="text/javascript"
src="js/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/jquery.idtabs.js"></script> <script type="text/javascript"
src="js/jquery.datatables.js"></script> <script type="text/javascript"
src="js/jquery.jeditable.js"></script>
<script type="text/javascript" src="js/jquery.ui.js"></script> <script type="text/javascript" src="js/excanvas.js"></script> <script type="text/javascript" src="js/cufon.js"></script>
(17)
<script type="text/javascript"
src="js/Geometr231_Hv_BT_400.font.js"></script>
<script language="javascript" type="text/javascript"> tinyMCE_GZ.init({
plugins : 'style,layer,table,save,advhr,advimage, ...', themes : 'simple,advanced',
languages : 'en', disk_cache : true, debug : false });
</script>
<script language="javascript" type="text/javascript" src="../tinymcpuk/tiny_mce_src.js"></script>
<style type="text/css"> <!--
.style3 {
color: #62A621; font-weight: bold; }
--> </style> </head> <body>
<div class="sidebar">
<div class="logo clear"><img src="images/logo.png" alt="" width="185" height="80" /></div>
<div class="menu">
<ul><li><a href="#">MENU UTAMA</a> <ul>
<li><a
href='?module=menuutama'><b>Edit Menu Utama</b></a></li><li><a href='?module=submenu'><b>Edit Sub Menu</b></a></li><li><a href='?module=profil'><b>Edit Profil</b></a></li><li><a
href='?module=welcome'><b>Edit Selamat Datang</b></a></li><li><a href='?module=carabeli'><b>Edit Cara Pembelian</b></a></li><li><a href='?module=kategori'><b>Tambah Kategori
Produk</b></a></li><li><a href='?module=produk'><b>Tambah
Produk</b></a></li><li><a href='?module=hubungi'><b>Lihat Pesan Masuk</b></a></li><li><a href='?module=ongkoskirim'><b>Edit Ongkos Kirim</b></a></li><li><a href='?module=jasapengiriman'><b>Edit Jasa Pengiriman</b></a></li><li><a
href='input_bayar_cicilan.php'><b>Isi Data
Kredit</b></a></li><li><a href='?module=order'><b>Lihat Laporan Transaksi Cash</b></a></li><li><a
href='laporan_transaksi_kredit.php'><b>Lihat Laporan Transaksi Kredit</b></a></li> </ul>
(18)
ADMIN</a>
</li>
</ul>
<li><a href="#">MANAJEMEN <ul>
<li><a
href='?module=password'><b>Ganti Password</b></a></li><li><a href='?module=modul'><b>Edit Modul Admin</b></a></li>
</ul>
</div> </div>
</li> </ul>
<div class="main"> <!-- *** mainpage layout *** --> <div class="main-wrap">
<div class="header clear"> <ul class="links clear">
<li>:::: <strong>Selamat Datang rickytobing</strong> :::: </li>
<li><a href="?module=home"><img src="images/home.png" alt="" class="icon" /> <span class="text">Beranda</span></a></li>
<li><a href="logout2.php"><img src="images/ico_view_24.png" alt="" class="icon" /> <span class="text">Lihat Website</span></li>
<li><a href="logout.php"><img
src="images/ico_logout_24.png" alt="" class="icon" /> <span class="text">Keluar</span></a></li>
</ul> </div>
<div class="page clear"> <!-- MODAL WINDOW -->
<div id="modal" class="modal-window"> <!-- <div class="modal-head clear"><a onclick="$.fancybox.close();" href="javascript:;" class="close-modal">Close</a></div> -->
</div>
<!-- CONTENT BOXES --> <!-- end of content-box --> <div class="notification note-success">
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>
<td width="2%"> </td> <td width="95%">
<h2>Selamat Datang</h2>
<p>Hai <b>rickytobing</b>, selamat datang di halaman Administrator.<br> Silahkan klik menu pilihan yang berada
di sebelah kiri untuk mengelola konten website anda. </p>
(19)
<p> </p><p> </p><p> </p><p> </p><p> </p>< p> </p><p> </p><p> </p>
<p align=right>Login : Kamis, 23 Juni 2016 | 13:48:56 WIB</p></td>
<td width="3%">& nbsp;</td> </tr>
</table> </div>
<div class="clear">
<!-- end of content-box --> </div><!-- end of page -->
</div>
</div> </div>
<div class="footer clear"></div>
<script type="text/javascript"> var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12958851-7']);
_gaq.push(['_trackPageview']); (function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ?
'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})(); </script> </body>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"> </html>
(20)
KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, Fax. (061) 8214290
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : RICKY LUMBANTOBING Nomor Stambuk : 132406148
Judul Tugas Akhir : SISTEM JUAL-BELI MOBIL DALAM BENTUK
CASH AND CREDIT BERBASIS WEB
Dosen Pembimbing : Dr. Suwarno Ariswoyo, M.Si
Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :
No. Tanggal
Asisten Bimbingan
Pembahasan pada Asistensi Mengenai, pada
Bab :
Paraf Dosen Pembimbing
Keterangan
1. 15 Maret 2016 ACC Judul
2. 05 April 2016 Konsultasi Proposal
3. 07 April 2016 ACC Proposal
4. 25 April 2016 ACC BAB 1
5. 24 Mei 2016 ACC BAB 2
6. 06 Juni 2016 ACC BAB 3
7. 13 Juni 2016 ACC BAB 4 & 5
8. 20 Juni 2016 Melengkapi
Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui, Disetujui,
Ketua Prog.Studi D3Teknik Informatika, Dosen Pembimbing,
Dr. Elly Rosmaini, M.Si. Dr. Suwarno Ariswoyo, M.Si
(21)
SURAT KETERANGAN Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika:
Nama : RICKY LUMBANTOBING NIM : 132406148
Prog. Studi : Diploma (D3) Teknik Informatika
Judul Tugas Akhir : Sistem Jual-Beli Mobil Dalam Bentuk Cash And Credit Berbasis Web.
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal ……….
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 2016 Dosen Pembimbing
(22)
DAFTAR PUSTAKA
Bunafit Nugroho (2008: 1) Macromedia dreamweaver, Perintah SQL (Structuredquery language)
Daniel & Storey (1997) Menarik konsumen untuk tetap bertahan, meningkatkan mutu layanan, melayani konsumen tanpa batas waktu.
Dian Puji Oktavian (2010) Cascade Style sheet(CSS)
Fandy Tjiptono (1996 : 25) Keakraban dengan pelanggan.
Firdaus (2007:15) Phpmyadmin.
(Gosh, 1998) Peningkatan mutu layanan dalam penggunaan e-commerce.
Hamill (1997) manfaat penggunaan e-commerce dalam bisnis adalah mendapatkan pelanggan baru.
Hery, 2014. Pengendalian Akuntansi dan Manajemen, Edisi Pertama, Cetakan Pertama, Kencana, Jakarta.
http://www.artikelsiana.com/2015/10/pengertian-sistem-unsur-arti-sistem.html#
http://www.seputarpengetahuan.com/2015/12/pengertian-e-commerce- menurut-para- ahli-terlengkap.html
http://www.landasanteori.com/2015/07/pengertian-kas-jenis-dan- fungsi- menurut.html
Ibrahim, Johannes. 2004. Kartu Kredit: Dilematis Antara Kontrak dan Kejahatan. Bandung: Refika Aditama.
(23)
Kasmir. 2002. Dasar-Dasar Perbankan. Jakarta : PT. RajaGrafindo Persada.
Malayu S.P. Hasibuan, 2008. Dasar-Dasar Perbankan. Yang Menerbitkan PT Bumi Aksara : Jakarta.
M. Suyanto (2003:11) proses jual beli barang atau jasa pada World Wide Web Internet (Shim, Qureshi, Siegel, Siegel, 2000)
Nayla, Akifa P., 2013. Dasar-dasar Akuntansi Perkantoran, Edisi Pertama, Cetakan Pertama, Laksana, Jakarta.
Soemarso, S.R., 2004. Akuntansi Suatu Pengantar, Edisi Kelima, Jilid 1, Salemba Empat, Jakarta.
(24)
BAB 3
ANALISA PERANCANGAN SISTEM
3.1 Analisa Sistem
Seiring dengan perkembangan teknologi informasi saat ini serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual, yang harus diganti dengan sistem yang lebih baik lagi, yaitu dengan membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai perancangan web ecommerce, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini.
Perancangan web ecommerce ini diperbuat atas dasar kebutuhan masyarakat yang menginginkan cara berbelanja secara online, sehingga dapat menghemat waktu, berdasarkan pengamatan penulis mengenai analisis sistem yang berjalan pada web ecommerce ini masih ditemui kendala diantaranya yaitu, masih terdapat informasi berita tentang penjualan yang dilakukan secara manual, yakni dari mulut kemulut dan dari brosur-brosur yang di tempelkan pada papan pengumuman, tingkat akurasi yang rendah, dan data yang tidak dapat cepat
diupdate. Mengetahui kendala yang ada, maka penulis mencoba merancang
(25)
3.2 Perancangan
Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen sistem diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.
Dalam hal ini, sistem yang akan dibuat adalah dengan menggunakan PHP sebagai bahasa pemrogramannya dan MySQL sebagai database nya serta
Dreamweaver sebagai media untuk membuat web ecommerce ini. Adapun
spesifikasi serta target terhadap sistem yang akan dibuat yaitu :
a. Perancangan yang akan dibuat yaitu “SISTEM JUAL-BELI MOBIL
DALAM BENTUK CASH AND CREDIT BERBASIS WEB” yang
menyediakan informasi- informasi tentang cara pembelian, penjualan produk dan proses transaksi.
b. Target yang ingin dicapai dalam perancangan web e-commerce ini adalah diharapkan pengunjung mendapatkan segala informasi mengenai produk dengan spesifikasi diinginkan, sehingga memudahkan masyarakat untuk
(26)
33
3.3 Diagram konteks
Diagram konteks merupakan diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup dalam suatu sistem penjualan, dengan tujuan untuk memberi gambaran tentang keseluruhan system yang ada.
(27)
3.4 Diagram Alir Data
Data Flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi sengan pemakaian sistem menggunakan notasi-notasi untuk menggambarkan arus dari data sistem. Berikut ini adalah gambar DFD level 0 dan DFD level 1 yang merupakan perincian dari diagram konteks.
Disamping itu DFD adalah salah satu alat pembuatan model yang sering
digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.
DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem
(28)
35
Adapun Data Flow Diagram (DFD) yang penulis ajukan yaitu:
(29)
Adapun keterangan mengenai simbol-simbol Data Flow Diagram yang digunakan:
Tabel 3.1 Simbol-simbol Data Flow Diagram
No Simbol Fungsi
1 Eksternal Entity merupakan kesatuan
diluar lingkungan sistem yang dapat berupa seseorang, organisasi yang
dapat mengirimkan data atau
menerima data dari sistem.
2 Arus Data merupakan tempat
mengalirnya informasi menunjukkan arus data berupa sistem.
Proses merupakan pengolahan data atau aliran data masuk menjadi aliran keluar.
Penyimpanan Data merupakan tempat menyimpan data yang ada di dalam sistem.
(30)
37
Database adalah kumpulan dari data yang berhubungan antara yang satu dengan yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya.
Database merupakan salah satu komponen yang penting dalam sistem komputerisasi, karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokan secara terstruktur dalam beberapa table sesuai dengan informasi yang terkandung di dalamnya.
Berikut ini rancangan table yang penulis gunakan dalam membangun sistem informasi :
a. Tabel Admin
Tabel 3.2 Admin
Nama Field Tipe Data Lebar Data
Username varchar 50
password varchar 50
Nama_lengkap varchar 100
email varchar 100
no_telp varchar 12
level varchar 20
blokir Enum(„Y‟,‟N‟) -
b. Bayar cicilan
Tabel 3.3 Cicilan
Nama Field Tipe Data Lebar Data
(31)
Tanggal Date -
nama_pelanggan varchar 50
merek_mobil varchar 50
harga_mobil Int 12
harga_cicilan_pertama Int 12
c. Beli kredit
Tabel 3.4 Beli Kredit
Nama Field Tipe Data Lebar Data
KodeKredit varchar 10
TanggalKredit varchar 10
Nama_lengkap varchar 50
tempat_lahir varchar 50
nomor_ktp bigint 20
alamat varchar 50
foto_kk varchar 50
foto_slipgaji varchar 50
merek_mobil varchar 50
Harga varchar 12
UangMuka varchar 12
(32)
39
angsuranke Int 2
jasa_pengiriman varchar 32
kota varchar 32
d. Header
Tabel 3.5 Header
Nama Field Tipe Data Lebar Data
id_header Int 5
judul Varchar 100
url Varchar 100
gambar Varchar 100
tgl_posting Date -
e. Hubungi
Tabel 3.6 hubungi
Nama Field Tipe Data Lebar Data
Id_hubungi Int 5
nama Varchar 50
email Varchar 100
subjek Varchar 100
pesan Text -
tanggal Date -
(33)
Tabel 3.7 Jenis Transaksi
Nama Field Tipe Data Lebar Data
jenis_transaksi Varchar 10
code_transaksi Int 2
g. Kategori
Tabel 3.8 Kategori
Nama Field Tipe Data Lebar Data
id_kategori Int 5
nama_kategori Varchar 100
kategori_seo Varchar 100
h. Komentar
Tabel 3.9 Komentar
Nama Field Tipe Data Lebar Data
id_komentar Int 5
id_berita Int 5
nama_komentar Varchar 100
url Varchar 100
isi_komentar Text -
(34)
41
i. Kota
Tabel 3.10 kota
Nama Field Tipe Data Lebar Data
id_kota Int 3
id_perusahaan Int 10
nama_kota Varchar 100
ongkos_kirim Int 10
j. Main menu
Table 3.11 Main Menu
Nama Field Tipe Data Lebar Data
id_main int 5
nama_menu varchar 50
link varchar 100
aktif enum(„Y‟,‟N‟) -
k. Modul
Tabel 3.12 Modul
Nama Field Tipe Data Lebar Data
Id_modul int 5
(35)
Link varchar 100
Static_content Text -
Gambar Varchar -
Status enum(„user‟,‟admin‟) -
Aktif enum(„Y‟,‟N‟) -
Urutan Int 5
l. Mod_bank
Tabel 3.13 Mod Bank
Nama Field Tipe Data Lebar Data
id_bank int 5
nama_bank varchar 100
no_rekening varchar 100
pemilik varchar 100
gambar varchar 100
m. mod_ym
Tabel 3.14 Mod ym
Nama Field Tipe Data Lebar Data
id int 11
(36)
43
n. Orders
Tabel 3.15 Orders
Nama Field Tipe Data Lebar Data
id_orders Int 5
nama_kustomer Varchar 20
alamat Text -
telpon Varchar 12
email Varchar 50
status_order Varchar 50
tgl_order Date -
jam_order Time -
id_kota Int 3
transaksi varchar 10
o. Order_detail
Tabel 3.16 Order detail
Nama Field Tipe Data Lebar Data
id_orders Int 5
id_produk Int 5
(37)
p. order_temp
tabel 3.17 Order temp
Nama Field Tipe Data Lebar Data
Id_orders_temp Int 5
Id_produk Int 5
Id_session Varchar 100
Jumlah Int 5
Tgl_order_temp Date -
Jam_order_temp Time -
Stok_temp Int 5
q. produk
tabel 3.18 Produk
Nama Field Tipe Data Lebar Data
id_produk int 5
id_kategori int 5
nama_produk varchar 100
produk_seo varchar 100
(38)
45
stok int 5
tgl_masuk date -
gambar varchar 100
dibeli int 5
diskon int 5
r. shop_pengiriman
Tabel 3.19 Shop pengiriman
Nama Field Tipe Data Lebar Data
id_perusahaan Int 10
nama_perusahaan varchar 100
Gambar Varchar 100
s. Statistik
Tabel 3.20 Statistik
Nama Field Tipe Data Lebar Data
ip Varchar 20
tanggal date -
hits int 10
online varchar 255
t. Submenu
(39)
Nama Field Tipe Data Lebar Data
id_sub Int 5
nama_sub vVarchar 50
link_sub varchar 100
id_man Int 5
u. Users
Tabel 3.22 Users
Nama Field Tipe Data Lebar Data
username Varchar 50
password1 Varchar 50
password Varchar 50
nama_lengkap Varchar 100
email Varchar 100
Aktivasi Int 6
cek_aktivasi int 6
no_telp vrchar 12
level varchar 20
blokir enum(„Y‟,‟N‟) -
(40)
47
Flowchart adalah sekumpulan simbol-simbol yang menunjukan atau
menggambarkan rangkaian kegiatan-kegitan program dari awal hingga akhir, jadi
flowchart juga dapat digunakan untuk menggambarkan urutan langkah-langkah
pekerjaan dalam suatu algoritma.
Penjelasan arti dari lambang- lambang flowchart dapat didefinisikan seperti tabel dibawah ini :
Tabel 3.23 Arti Lambang-lambang Flowchart
No Simbol
1 Terminator, untuk memulai dan mengakhiri suatu
Program.
2 Process, suatu simbol yang menunjukan setiap
pengolahan yang dilakukan oleh komputer.
3 Data, untuk memasukkan data maupun menunjukan
hasil dari suatu proses.
4 Decision, suatu kondisi yang akan menghasilkan
beberapa kemungkinan jawaban atau pilihan.
5 Preparation, suatu simbol untuk menyediakan
tempat-tempat pengolahan data dalam storage.
6 Preparation, suatu simbol untuk menyediakan
tempat-tempat pengolahan data dalam storage.
7 Arus atau flow, suatu prosedur yang dapat
dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri.
(41)
8 Off-page Connector, suatu simbol untuk masuk dan keluarnya prosedur pada lembar kertas yang lain.
9 Document, suatu simbol untuk data yang berbentuk
informasi.
10 Predefined Process, untuk menyatakan sekumpulan
langkah proses yang ditulis.
11 Display, untuk output yang ditujukan suatu device,
seperti pada monitor.
(42)
49
3.6.1 Flowchart Situs
Adapun Flowchart Dari situs web jual-beli mobil adalah sebagai berikut :
3.6.1.1 Flowchart Menu Utama
Flowchart menu utama dapat dilihat pada gambar dibawah ini:
(43)
3.6.1.2 Flowchart Pemesanan Produk
Flowchart pemesanan produk dapat dilihat pada gambar dibawah ini:
(44)
51
3.6.1.3 Flowchart Administrator
Halaman administrator hanya diakses oleh seorang yang berhak mengaksesnya. Data login yang terdiri dari nama dan password dari seorang administrator harus sesuai dengan data yang ada pada tabel administrator. Jika data nama dan password sesuai, maka admin diantarkan menuju tampilan halaman administrator. Jika proses login gagal, maka kembali lagi ke halaman form login.
(45)
3.6.1.4 Flowchart Menu Utama admin
(46)
53
Gambar 3.6 Menu Utama Admin 3.6.1.5 Flowchart Edit Menu Utama
Flowchart edit menu utama dapat dilihat pada gambar dibawah ini:
(47)
3.6.1.6 Flowchart Edit Sub Menu
Flowchart edit sub menu utama dapat dilihat pada gambar dibawah ini:
(48)
55
3.6.1.7 Flowchart Tambah Kategori
Flowchart tambah kategori dapat dilihat pada gambar dibawah ini:
(49)
3.6.1.8 Flowchart Tambah Produk
Flowchart tambah produk dapat dilihat pada gambar dibawah ini:
(50)
57
3.6.1.9 Flowchart Edit Ongkos
Flowchart edit ongkos dapat dilihat pada gambar dibawah ini:
(51)
3.6.1.10 Flowchart Edit Jasa Pengiriman
Flowchart edit jasa pengiriman dapat dilihat pada gambar dibawah ini:
(52)
59
Halaman member hanya diakses oleh seorang yang berhak mengaksesnya. Data login yang terdiri dari nama dan password dari seorang administrator harus sesuai dengan data yang ada pada tabel administrator. Jika data nama dan password sesuai, maka admin diantarkan menuju tampilan halaman member. Jika proses login gagal, maka kembali lagi ke halaman form login.
(53)
3.6.1.12 Flowchart Halaman Modul Web
(54)
61
Gambar 3.14 Halaman Modul Web
3.6.1.13 Flowchart halaman Manajemen Admin
Flowchart manajemen admin dapat dilihat pada gambar dibawah ini:
Gambar 3.15 Manajemen Admin
3.7 Perancangan Halaman Website
Halaman website merupakan bagian penting yang harus diperhatikan dalam membangun sebuah website yang baik dan benar. Halaman website berfungsi sebagai user interface antara user dan admnistrator. Adapun halaman website yang terdapat di dalam perancangan web e-commerce pada Bursa
(55)
a) Halaman Utama, terdiri dari:
1) Halaman Beranda, yaitu halaman yang berfungsi sebagai pembuka dan menjelaskan secara singkat mengenai Bursa Mobil. 2) Halaman Profil, yaitu halaman yang berfungsi untuk
menjelaskan secara singkat mengenai profil yang terdapat pada Bursa Mobil.
3) Halaman Data Mobil, yaitu halaman yang berfungsi untuk menyediakan mobil baru atau bekas.
4) Halaman Garasi, merupakan halaman Keranjang dimana pada halaman ini berfungsi untuk melakukan transaksi pembelian.
5) Halaman Cara Pembelian merupakan halaman yang berisi langkah
–langkah pembelian mobil pada Bursa Mobil.
6) Halaman hubungi kami, yaitu halaman yang berfungsi untuk member (pembeli/pengunjung) meberikan komentar terhadap admin atau Bursa Mobil.
b) Halaman Adminsitrator, terdiri dari:
1) Halaman edit menu utama, yaitu halaman yang berisi untuk mengedit menu utama.
(56)
63
4) Halaman edit selamat datang, yaitu halaman yang berisi untuk mengedit data selamat datang yang ditampilkan di halaman utama. 5) Halaman edit cara pembelian, yaitu halaman yang berisi untuk
mengedit data cara pembelian yang ditampilkan di halaman utama. 6) Halaman edit kategori produk, yaitu halaman yang berisi untuk
mengedit kategori produk (cash/credit).
7) Halaman tambah produk, yaitu halaman yang berisi untuk menambah produk yang ingin dijual .
8) Halaman lihat pesan masuk, yaitu halaman yang berisi pesan-pesan yang masuk dari member(pengunjung/penjual) .
9) Halaman edit ongkos kirim, yaitu halaman yang berisi untuk mengedit data ongkos kirim.
10) Halaman edit jasa pengiriman, yaitu halaman yang berisi untuk mengedit jasa pengiriman seperti JNE,TIKI,POS.
11) Halaman laporan transaksi cash, yaitu halaman yang berisi untuk menampilkan data pembelian cash.
12) Halaman laporan transaksi credit, yaitu halaman yang berisi untuk menampilkan data pembelian credit.
13) Halaman header, yaitu halaman yang berisi untuk mengedit gambar penampilan header.
14) Halaman edit costumer online, yaitu halaman yang berisi untuk mengedit data yang sedang online.
15) Halaman edit rekening bank, yaitu halaman yang berisi untuk mengedit rekening bank untuk proses transaksi.
(57)
16) Halaman link terkait, yaitu halaman yang berisi untuk mengedit link-link yang terkait pada halaman web Bursa Mobil.
17) Halaman edit profil, yaitu halaman yang berisi untuk mengedit data profil.
18) Halaman ganti password, yaitu halaman yang berisi untuk mengubah password halaman login admin.
19) Halaman edit modul admin, yaitu halaman yang berisi untuk mengedit data modul admin.
c) Halaman member, terdiri dari :
1) Halaman tambah produk, yaitu halaman yang berisi untuk menambah produk yang ingin dijual .
2) Halaman laporan transaksi cash, yaitu halaman yang berisi untuk menampilkan data pembelian cash.
3) Halaman laporan transaksi credit, yaitu halaman yang berisi untuk menampilkan data pembelian credit.
4) Halaman Pesan, yaitu halaman yang berisi untuk memberi pesan kepada admin apabila ada keluhan.
(58)
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Setelah dianalisis dan dirancang secara rinci dan teknologi telah diseleksi dan dipilih. Tiba saatnya, sistem untuk di implementasikan. Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstal, dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap meletakkan sistem agar sistem dapat siap untuk dioperasikan. Tahap implementasi sistem terdiri dari langkah-langkah sebagai berikut ini :
a. Menerapkan rencana implementasi b. Melakukan kegiatan implementasi c. Tindak lanjut implementasi
4.2 Tujuan Implementasi
Adapun tujuan-tujuan dari implementasi sistem, yaitu :
a. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi.
b. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.
(59)
c. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas. d. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai
yaitu dengan menguji sistem secara menyeluruh.
e. Memastikan bahwa sistem telah berjalan lancar dengann mengontrol dan melalukan instalasi secara benar.
4.3 Komponen Utama Dalam Implementasi Sistem
Untuk mengolah data menggunakan komputer haruslah mempunyai tiga komponen
utama, yaitu sebagai berikut:
4.3.1 Hardware
Hardware merupakan komponen fisik dalam rangkaian komputer, sedangkan
spesifikasi hardware yang dibutuhkan adalah sebagai berikut: a. Monitor.
b. CPU (Central Procesing Unit).
c. Hardisk untuk tempat program beroperasi dan sebagai media penyimpanan data.
d. Keyboard. e. Mouse.
(60)
67
4.3.2 Brainware
Brainware merupakan faktor manusia yang menangani fasilitas komputer, yang
dibutuhkan adalah:
a. Sistem Analis adalah orang sedang membangun fasilitas rancangan sistem. a. Programmer adalah orang yang mengerti bahasa pemrograman dalam
membuat dan membangun program.
b. Operator adalah orang yang menangani langsung dalam pengolahan data mulai dari mempersiapkan data sampai dengan pengertian data ke dalam komputer.
4.4 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu persatu. Adapun software dapat diperoleh dari situs http://www.apache.org untuk Apache, http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL.
Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai.
4.5 Pengujian di Browser
Setalah menginstal AppServ, maka aplikasi web telah dapat diujikan dikomputer
(61)
a. Letakkan file-file yang membangun web kedalam suatu folder, dalam hal ini penulis membuat nama foldernya ”bursamobil” dan letakkan didalam folder C:\xampp\htdocs.
b. Buka browser Google Chrome atau Mozilla Firefox.
c. Pada kotak URL ketikkan http://localhost/toko komputer/. Tampilannya seperti gambar dibawah ini.
Gambar 4.1 Penulisan Alamat URL
d. Setelah aplikasi dijalankan, maka akan tampil halaman utama web yang terlihat dibawah ini :
(62)
69
(63)
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Berdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang merupakan bab terakhir dari tugas akhir ini, penulis akan mecoba menarik kesimpulan yakni sebagai berikut :
a. Aplikasi berbasis web dapat menjadi alternative pilihan sebagian besar masyarakat yang ingin mencari barang ataupun informasi yang sebelumnya menghabiskan waktu, tenaga, dan uang.
b. Pada perancangan e-commerce ini merupakan salah satu sarana untuk mendapatkan informasi online yang biasa diakses oleh siapa saja.
c. Website e-commerce ini memberikan informasi yang berkaitan dengan penjualan mobil sesuai keinginan masyarakat, pasar penjualan sekarang dan harga yang disarankan.
d. Penyajian informasi yang baik dapat dilakukan dengan meng-update isi dari situs tersebut secara berkala dan sesuai dengan perkembangan zaman sekarang.
e. Perancangan website E-Commerce ini dibuat dengan software xampp
(64)
70
5.2 Saran
Dengan terselesainya perancangan website e-commerce pada jual-beli mobil ini dan dalam sub bab terakhir ini penulis ingin memberikan saran dan harapan yang dapat memberikan masukan bagi konsumen dan pengguna internet lainya, yakni :
a. Data pada situs website seharusnya selalu di-update oleh admin secara berkala.
b. sesuai dengan perkembangan yang terjadi sekarang ini, sehingga dapat memberikan informasi yang update dan teraktual kepada masyarakat. c. Diharapkan komputer yang digunakan dalam pembuatan website ini
adalah komputer yang mempunyai spesifikasi yang tinggi, sehingga mempermudah dalam pengaksesan data dan sumber daya komputer kita. d. Diharapkan dunia bisnis penjualan harus lebih tanggap dengan
perkembangan.
e. teknologi agar tidak tertinggal dengan negara-negara yang lebih maju. f. Diharapkan juga bisinis penjualan dapat memasyarakatkan metode
(65)
BAB 2
LANDASAN TEORI
Untuk menunjang penulisan Tugas Akhir ini, diambil beberapa bahan referensi seperti bahasa pemrograman PHP dan MySQL, serta beberapa bahan lainya yang diperlukan dalam pembangunan website e-commerce “SISTEM JUAL-BELI
MOBIL DALAM BENTUK CASH AND CREDIT BERBASIS WEB”.
2.1 Sistem
Secara Umum, Pengertian Sistem adalah sekumpulan objek (objectives) (unsur- unsur atau bagian-bagian) yang berbeda-beda (diverse) yang paling berhubungan (intrerrealated), saling bekerja sama (jointly) dan saling mempengaruhi (independently) satu sama lain serta terikat pada rencana (planned) yang sama untuk mencapai tujuan (output) tertentu dalam lingkungan (environment) yang kompleks.
Secara Terminologi, Sistem digunakan dalam berbagai-bagai cara yang luas sekali sehingga sulit untuk mendefinisikannya dalam suatu pernyataan yang merangkum semua penggunaannya dan yang cukup ringkas untuk memenuhi maksudnya. Hal ini dikarenakan bahwa pengertian sistem tergantung pada latar belakang cara pandang orang yang mencoba mendefinisikannya. Misalnya,
(66)
8
Menurut rekayasa, sistem dipandang sebagai proses masukan (input) yang ditransformasikan menjadi keluaran (output) tertentu. Menurut awam sistem dipandang sebagai cara atau metode untuk mencapai suatu tujuan. Itulah berbagai cara pandang terhadap pengertian sistem.
Pengertian Sistem Menurut Para Ahli :
a. Advanced Learner's Dictionary dalam Sukarna (1977:13) menjelaskan pengertian sistem adalah "System is a group of facts ideas, beliefs etc
arranged in an orderly way; as a system of philosophy". atau sistem
adalah kumpulan fakta-fakta, pendapat-pendapat, kepercayaan- kepercayaan dan lain-lain yang disusun dalam suatu cara yang teratur; seperti sistem filsafat.
b. Webster's Third New Collegiate Dictionary dalam Simatupang (1995:6) memberikan pengertian tentang sistem bahwa sistem adalah sebagai suatu kesatuan (unity) yang kompleks yang dibentuk oleh bagian-bagian yang berbeda-beda (diverse) yang masing-masing terikat pada (subjected to) rencana yang sama atau kontribusi (serving) untuk mencapai tujuan yang sama.
c. Murdick, Ross dan Claggett dalam Simatupang (1995:6) mendefinisikan sistem sebagai suatu susunan elemen-elemen yang berinteraksi dan membentuk satu kesatuan yang terintegrasi.
d. Shrode dan Voich, Jr (1974: 122) mendefinisikan sistem adalah kumpulan unsur-unsur atau bagian-bagian yang saling berinteraksi, saling
(67)
ketergantungan dan bekerja sama untuk mencapai tujuan tertentu dalam lingkungan yang kompleks.
e. Arifin Rahman dalam Webster New Collegiate Dictionary bahwa sistem terdapat kata "Syn" dan "Histanal" yang berasal dari bahasa Yunani berarti menempatkan bersama. Jadi pengertian sistem adalah suatu kumpulan pendapat-pendapat, prinsip-prinsip, dan lain-lain yang membentuk suatu kesatuan yang berhubung-hubungan satu yang lain.
f. W.J.S Poewadarminta, mengatakan bahwa sistem adalah kelompok bagian yang bekerja sama untuk melakukan sesuatu maksud.
g. Colin Cherry, mengatakan bahwa sistem adalah suatu keseluruhan yang dibentuk dari banyak bagian suatu assambel dari berbagai macam sifat dan bagian-bagian tersebut.
h. Andri Kristanto, mengatakan bahwa pengertian sistem adalah suatu jaringan kerja dari sebuah prosedur yang saling berhubungan, berkumpul bersama untuk melakukan kegiatan atau menyelesaikan suatu sasaran tertentu.
Terdapat lima unsur utama dalam sistem yaitu sebagai berikut :
a. Adanya sekumpulan objek (objectives) (unsur-unsur, atau bagian-bagian atau elemen-elemen)
b. Adanya interaksi atau hubungan (interrealatedness) antara unsur-unsur (bagian-bagian, elemen-elemen).
(68)
10
d. Berada dalam suatu lingkungan (environment) yang kompleks (complex). e. Terdapat tujuan bersama (output), sebagai hasil akhir.
Karakteristik sistem dibagi 8 bagian yaitu sebagai berikut : a. Komponen Sistem
Suatu sistem terdiri dari sejumlah komponen- komponen yang saling berinteraksi, yang artinya saling bekerja sama membentuk satu kesatuan. Komponen sistem terdiri dari komponen yang berupa subsistem atau bagian-bagian dari sistem.
b. Batasan sistem (boundary)
Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya. Batasan sistem ini memungkinkan suatu sistem dipandang sebagai suatu kesatuan. Batasan suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
c. Lingkungan luar sistem (environment)
Lingkungan luar sistem (environment) adalah diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan dapat bersifat menguntungkan dan namun dapat juga bersifat merugikan sehingga harus dijaga dan dikendalikan, kalau tidak akan mengganggu kelangsungan hidup dari sistem.
(69)
Penghubung sistem merupakan media penghubung antara satu subsitem dengan subsistem lainnya. Keluaran (output) dari subsitem akan menjadi masukkan (input) untuk subsistem lain melalui penghubung.
e. Masukan Sistem (input)
Masukkan adalah energi yang dimasukkan kedalam sistem, yang dapat berupa perawatan (maintenace input), dan masukkan sinyal (signal input).
Maintenace input adalah energi yang dimasukkan agar sistem dapat
beroperasi. Sedangkan, Signal input adalah energi yang diproses untuk didapatkan keluaran. Contoh dalam sistem computer program adalah
maintenance input sedangkan data adalah signal input untuk diolah
menjadi informasi. f. Keluaran sistem (output)
Keluaran sistem adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. Contoh komputer menghasilkan panas yang merupakan sisa pembuangan, sedangkan informasi adalah keluaran yang dibutuhkan.
g. Pengolah sistem
Suatu sistem menjadi bagian pengolah yang akan merubah masukkan menjadi keluaran. Sistem produksi akan mengolah bahan baku menjadi bahan jadi, sistem akuntansi akan mengolah data menjadi laporan-laporan keuangan.
(70)
12
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Sasaran dari sistem sangat menentukan input yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.
2.2 Jual – Beli (E-Commerce)
Electronic commerce didefinisikan sebagai proses pembelian dan penjualan
produk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan komputer. E-commerce dari beberapa perspektif, diantaranya dari perspektif komunikasi, e-commerce adalah pengiriman informasi, produk, jasa, atau pembayaran melalui jaringan telepon atau jalur komunikasi lainnya.
Dari perspektif proses bisnis, e-commerce adalah aplikasi teknologi menuju otomatisasi transaksi bisnis dan work flow. Dari perspektif pelayanan, e-
commerce adalah alat yang digunakan untuk mengurangi biaya dalam pemesanan
dan pengiriman barang. Dari perspektif online, e-commerce menyediakan kemampuan untuk menjual dan membeli produk serta informasi melalui internet dan jaringan jasa online lainnya.
E-commerce didefinisikan sebagai kegiatan menjual barang dagangan atau
jasa melalui internet. Seluruh komponen yang terlibat dalam bisnis praktis diaplikasikan disini, seperti customer service, produk yang tersedia, cara pembayaran, jaminan atas produk yang dijual, cara promosi dan sebagainya. Saat ini internet merupakan infrastruktur yang ideal untuk menjalankan e-commerce, sehingga istilah e-commerce pun menjadi identik dengan menjalankan bisnis di
(1)
ABSTRAK
Sistem jual-beli (e-commerce) mobil merupakan suatu kontak transaksi
perdagangan antara penjual dan pembeli dengan menggunakan media intenet.
Keuntungan yang diperoleh dengan menggunakan transaksi e-commerce adalah
untuk meningkatkan pendapatan dengan menggunakan penjualan online dan memudahkan para pembeli untuk melakukan pembelian sekaligus memudahkan proses transaksi.
Adapun sistem e-commerce yang digunakan adalah menggunakan PHP,
mySQL, dan bersifat open source yang dapat dengan mudah untuk melakukan .
Pada tugas akhir ini akan dibahas tentang sistem jual-beli mobil dalam bentuk
cash and credit berbasis web yaitu bagaimana proses pembelian produk, informasi produk serta bagaimana proses transaksi produk yang diinginkan oleh konsumen.
(2)
ABSTRACT
Buy-sell system ( e - commerce ) is a contact car trade transactions between sellers and buyers using intenet media . The advantage gained by using e - commerce transactions is to increase revenue by using online sales and make it easier for buyers to make purchases as well as facilitate the transaction process .
As for the e - commerce system used is to use PHP , mySQL , and is open source which can be easy to do . In this final project will be discussed about the system of buying and selling cars in the form of web-based cash and credit that is how the process of purchasing the product , the product information as well as how the transaction process the products desired by consumers .
Kata kunci : E-commerce, PHP, MySQL
(3)
DAFTAR ISI
Halaman
PERSETUJUAN i
PERNYATAAN ii
PENGHARGAAN iii
ABSTRAK iv
ABSTRACT v
DAFTAR ISI vi
DAFTAR TABEL viii
DAFTAR GAMBAR ix Bab 1. PENDAHULUAN
1.1 Latar Belakang 1
1.2 Perumusan Masalah 3
1.3 Batasan Masalah 3
1.4 Maksud dan Tujuan 3
1.5 Manfaat Penelitian 4
1.6 Metodologi Penelitian 4
1.6 Sistematika Penulisan 5
Bab 2. LANDASAN TEORI
2.1 Sistem 7
2.2 Jual-Beli (E-Commerce) 11
2.2.1 Manfaat E-Commerce Dalam Dunia Bisnis 13
2.2.2 Dampak Positif Dan Negatif E-Commerce 13
2.3 Cash 15
2.4 Credit 17
2.4.1 Pengertian Credit Menurut Defenisi Para Ahli 18
2.4.2 Fungsi Kredit 19
2.4.3 Unsur-Unsur Kredit 20
2.4.4 Manfaat Kredit 21
2.5 Internet 23
2.6 Website 23
2.7 Analisis Sistem 24
2.7.1 Context Diagram (CD) 25
2.7.2 Data Flow Diagram (DFD) 25
2.7.3 Entity Relationship Diagram (ERD) 26
2.8 Database 26
(4)
2.9.1 HTML 27
2.9.2 Xampp 28
2.9.3 PHP 28
2.9.4 Javascript 30
Bab 3. ANALISA PERANCANGAN SISTEM
3.1 Analisa Sistem 31
3.2 Perancangan 32
3.3 Diagram konteks 33
3.4 Diagram Alir Data 34
3.5 Basis Data (Database) 33
3.6 Flowchart 36
3.6.1 Flowchart Situs 46
3.6.1.1 Flowchart Menu Utama 49
3.6.1.2 Flowchart Pemesanan Produk 50
3.6.1.3 Flowchart Administrator 51
3.6.1.4 Flowchart Menu Utama Admin 52
3.6.1.5 Flowchart Edit Menu Utama 53
3.6.1.6 Flowchart Tambah Kategori 54
3.6.1.7 Flowchart Tambah Produk 55
3.6.1.8 Flowchart Edit Ongkos 56
3.6.1.9 Flowchart Edit Jasa Pengiriman 57
3.6.1.10 Flowchart Member 58
3.6.1.11 Flowchart Halaman Modul Web 58
3.6.1.12 Flowchart Halaman Manajemen Admin 38
3.6.1.13 Flowchart Menu Utama 60
3.7 Perancangan Halaman Website 61
Bab 4. IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem 65 4.2 Tujuan Implementasi 65 4.3 Komponen Dalam Implementasi Sistem 66 4.3.1 Hardware 66 4.3.2 Brainware 67 4.4 Instalasi Apache, PHP dan MySQL 67 3.5 Pengujian di Browser 67 Bab 5. KESIMPULAN DAN SARAN 5.1 Kesimpulan 69
5.2 Saran 70 DAFTAR PUSTAKA
LAMPIRAN
(5)
DAFTAR TABEL
Nomor Tabel
Judul Halaman
2.1 Simbol dalam DFD 25
2.2 Simbol dalam ERD 26
3.1 Simbol-simbol Data Flow Diagram 36
3.2 Admin 37
3.3 Cicilan 37
3.4 Beli Kredit 38
3.5 Header 39
3.6 Hubungi 39
3.7 Jenis Transaksi 39
3.8 Kategori 40
3.9 Komentar 40
3.10 Kota 41
3.11 Main Menu 41
3.12 Modul 41
3.13 Mod Bank 42
3.14 od ym 42
3.15 Orders 43
3.16 Order detail 43
3.17 Order temp 44
3.18 Produk 44
3.19 Shop pengiriman 45
3.20 Statistik 45
3.21 Sub menu 45
3.22 Users 46
(6)
DAFTAR GAMBAR
Nomor Gambar
Judul Halaman
3.1 Diagram Konteks 33
3.2 Data Flow Diagram (DFD) Level 0 35
3.3 Alur Flowchart Menu Utama 49
3.4 Pemesanan Produk 50
3.5 Halaman Admin 51
3.6 Menu Utama Admin 52
3.7 Edit Menu Utama 53
3.8 Edit Sub Menu 54
3.9 Tambah Kategori 55
3.10 Tambah Produk 56
3.11 Edit Ongkos 57
3.12 Edit Jasa Pengiriman 58
3.13 Halaman Member 59
3.14 Halaman Modul Web 60
3.15 Manajemen Admin 61
4.1 Penulisan Alamat URL 68
4.2 Halaman Utama (home) 68