Sistem Jual-Beli Mobil Dalam Bentuk Cash And Credit Berbasis Web

(1)

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&nbsp; 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.&nbsp;</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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&bull; Martin </b>

<a href='ymsgr:sendIM?Tampubolon'> <img

src='http://opi.yahoo.com/online?u=Tampubolon&amp;m=g&amp;t=1' border='0' height='16' width='64'></a>

</p><br /><span class='table2'><b><br /><p>&bull; 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%">&nbsp;</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> &nbsp; <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> &nbsp;<a href="#" class="left"><img src="images/forgot.gif" alt="" /></a>

<div class="clear marg_bot">&nbsp;</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>&nbsp;&nbsp; <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>&nbsp;::::&nbsp;</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%">&nbsp;</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>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>< p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</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