Pembangunan Aplikasi E-Commerce Pada Toko Vim Audio Dan Aksesoris
Biodata Penulis
A. PERSONAL DATA
Nama Lengkap : Adi Wibowo Tempat/tanggal Lahir : Subang / 24 Februari 1988 Jenis kelamin Agama
: Laki -Laki : Islam
Alamat : Dusun kertasari RT/RW 01/04 Kel.jatireja Kec.Compreng Kab.Subang
Telepon : +62 394 202 521 Email : adiwibowo24@gmail.com Pendidikan
1. 1994-2000 2. 2000-2003 3. 2003-2006 4. 2006-2011
: SDN 01 Purnawaman : SLTPN 01 Compreng : SMU Wali Songo (Brebes) : Universitas Komputer Indonesia (UNIKOM)
Bandung, Maret 2011 (Adi Wibowo)
LAMPIRAN A
TAMPILAN ANTARMUKA
1. Tampilan Antarmuka Admin Di dalam menu login, pengguna dapat memasukan data aksesnya agar sistem menampilkan menu utama sesuai dengan hak akesenya. Maka penggguna mengklik tombol login untuk bisa masuk ke menu utama.
Gambar A-1 Login Admin
2. Tampilan Antarmuka Halaman Utama Admin
A-2
3. Tampilan Antarmuka Pengolahan Data Member Gambar A-7 Pengolahan Data Member
4. Tampilan Antarmuka Pengolahan Data Detail Barang Gambar A-8 Pengolahan Data Detail Barang
A-3
5. Tampilan Antarmuka Pengolahan Data Provinsi Gambar A-9 Pengolahan Data Provinsi
6. Tampilan Antarmuka Pengolahan Data Kota
A-4
7. Tampilan Antarmuka Pengolahan Data Jenis Pengiriman Gambar A-11 Pengolahan Data Jenis Pengiriman
8. Tampilan Antarmuka Pengolahan Data Ongkos Pengiriman
A-5
9. Tampilan Antarmuka Pengolahan Data Pemesanan Gambar A-13 Pengolahan Data Pemesanan
10. Tampilan Antarmuka Pengolahan Data Laporan
A-6
11. Tampilan Antarmuka Pendaftaran Gambar A-15 Pengguna
12. Tampilan Antarmuka Login Gambar A-16 Login
A-7
13. Tampilan Antarmuka Detail Barang Gambar A-18 Detail Barang
14. Tampilan Antarmuka Keranjang Belanja Gambar A-19 Keranjang Belanja
A-8
15. Tampilan Antarmuka Menu Utama Member Gambar A-20 Menu Utama Member
LAMPIRAN B
LISTING PROGRAM
LAMPIRAN B
LISTING PROGRAM
( index.php) <?php session_name('vimautomotiv e'); session_start(); require_once('library/db_func tions.php'); OpenDb(); $id_kategori = $_REQUEST['id_kategori']; $id_merk = $_REQUEST['id_merk']; $keyword = $_REQUEST['keyword']; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtm l1/DTD/xhtml1-strict.dtd"> <html ns="http://www.w3.org/1 999/xhtml"> <head> <meta http-equiv="Content- Type" content="text/html; charset=utf-8" /> <title>VIM AUDIO and AKSESORIS</title> <link rel="SHORTCUT- > </div> <!-- End OF top LeftSidebar --> <div id="maincontent" class="grid_10"> <?php
ICON" href="speaker.ico"> <link type="text/css" rel="stylesheet" href="960/960.css" /> <link type="text/css" rel="stylesheet" href="960/reset.css" /> <link type="text/css" rel="stylesheet" href="960/text.css" /> <link type="text/css" rel="stylesheet" href="style.css" /> <link href="css/stylemenu/dropdow n.css" media="screen" rel="stylesheet" type="text/css" /> <link href="css/stylemenu/default.a dvanced.css" media="screen" rel="stylesheet" type="text/css" /> e.css" type="text/css"
media="screen" charset="utf-
8" /><!-- Start Stop Slder Style --><script language="javascript"
src="js/jquery- 1.4.2.js"></script><script type="text/javascript"
src="js/jquery.tools.min.js" ></script><script type="text/javascript"
src="js/startstop- slider.js"></script><script type="text/javascript"
src="js/lightbox/jquery.lightb
ox-0.5.js"></script><script language="javascript"
src="js/jquery.boxy.js"></scri
pt><link href="js/css/boxy.css"
type="text/css" rel="stylesheet" /><script language="javascript"
src="main.js"></script><!-- /End Of Ligth BoX JS --
> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="iecss.css" /><script type="text/javascript"
src="js/jquery.js"></script>
<script type="text/javascript"
src="js/jquery.dropdown.js">
</script> <![endif]--> </head> <body> <div id="container" class="container_16"> <div id="topheader" class="grid_16"> </div><!-- End OF top Header --
> <div id="features" class="grid_16"> <div id="page- wrap"> </div><!-- End OF top Features -- > <?php include "fungsi/fungsi.php"; ?>
<?php menu(); ?> <!-- End OF MENU --> <div id="leftsidebar" class="grid_3 omega"> <div class="leftsidebarin"> <?php include('leftsidebarin.php') ?> </div><!-- /leftsidebarin
// if (isset($_REQUEST['viewmy order'])){
$nopes = $_REQUEST['code']; $sql = "SELECT m.email,m.nama_member,m.i d_member,p.id_pemesanan FROM member m, pemesanan p WHERE p.nomor_pemesanan='$nopes' AND p.id_member=m.id_member" ; $res = QueryDb($sql); $row =
B-2
$_SESSION['login' ] = $row[0]; $_SESSION['nama' ] = $row[1]; $_SESSION['idme mber'] = $row[2]; $idpemesanan = $row[3]; ?> <script> document.location. href = "history.php?showdetail=<?p hp echo $idpemesanan ?>"; </script>
<?php } elseif (isset($_REQUEST['activatea ccount'])){
$email = $_REQUEST['email']; $code = $_REQUEST['code']; $sql = "SELECT id_member,kode_aktivasi
FROM member WHERE email='$email'"; $res = QueryDb($sql); $num = @mysql_num_rows($res); if ($num>0){ $row =
@mysql_fetch_row($res); if ($row[1]==$code){ WHERE id_member='$row[0]'"; QueryDb($sql2);
/**/ $sql = "SELECT
email,password,status,nama_
member,id_member FROM
member WHERE id_member='$row[0]'";$res = QueryDb($sql);
$num =
@mysql_num_rows($res); $row = @mysql_fetch_row($res); $_SESSION['login' ] = $row[0]; $_SESSION['nama' ] = $row[3]; $_SESSION['idme mber'] = $row[4]; $sql2 = "UPDATE member SET last_login=now() WHERE id_member='$row[4]'";QueryDb($sql2); ?> <div align="center" style="padding:5px; font-
Terimakasih, akun Anda sudah aktif, silakan Login.
</div> <script> setTimeout(functio n(){ document.location. href = "index.php"; },5000);
</script> <?php } else { ?>
<div align="center" style="padding:5px; font- weight:bold"> Maaf, data tidak sesuai.
</div> <?php } } else { ?> <div align="center" style="padding:5px; font- weight:bold"> Maaf,
B-3
style='padding:5px'><input <?php type="image" src="images/proses_03.png" echo ".: $row[0] :.";
onclick="ProcessResetPassw
//?activateaccount= ord();" /></div></td> 1&email=culipgendut@gmail } .com&code=cfa6cCIxxnoUm </tr> kbxVXIa </table> } else { <?php
} $sql = } else { "SELECT nama_kategori
?> FROM kategori WHERE ?> id_kategori='$id_kategori'";
<?php $res = } elseif <div align="center" QueryDb($sql);
(isset($_REQUEST['resetpass style="padding:5px; font- word'])) { weight:bold"> $row = @mysql_fetch_row($res); $email = <?php
$_REQUEST['email']; echo ".: if $row[0] :.";
?> ($id_kategori==''){ <div } id="ErrNewPassword" if align="center" ($id_merk==''){ ?> style="padding:5px; font- weight:bold">
</div> <?php if ($keyword==''){ </div>
$page = <input (isset($_REQUEST['page']))? type='hidden' id="email" echo ".: Semua ($_REQUEST['page']):0; value="<?php echo $email Produk :."; ?>" />
$varpage = <table border="0"
VIEW_NUM; cellspacing="0" } else { cellpadding="0"
$catname = align='center'> "Kategori"; <tr> echo ".: Cari
<td><div Produk :."; if style='padding:5px'>Passwor ($id_kategori==''){ d Baru</div></td> <td><div } if style='padding:5px'><input ($id_merk==''){ type="password" id="pass1" } else { /></div></td> </tr> if ($keyword==''){ <tr> $sql = "SELECT
<td><div nama_merk FROM merk style='padding:5px'>Retype WHERE $sql = "SELECT
Password Baru</div></td> id_merk='$id_merk'"; id_produk,nama_produk,harg
<td><div a_produk FROM produk style='padding:5px'><input ORDER BY nama_produk type="password" id="pass2" $res = ASC "; /></div></td> QueryDb($sql); </tr> <tr>$catname =
B-4
} else { $sql = "SELECT id_produk,nama_produk,harg a_produk FROM produk WHERE nama_produk LIKE '%$keyword%' ORDER BY nama_produk ASC "; $catname = "Keyword"; }
} else { $sql = "SELECT id_produk,nama_produk,harg a_produk FROM produk WHERE id_merk='$id_merk' ORDER BY nama_produk ASC "; }
} else { $sql = "SELECT id_produk,nama_produk,harg a_produk FROM produk WHERE id_kategori='$id_kategori' ORDER BY nama_produk ASC "; }
$res = QueryDb($sql); $cnt = 1; $num =
@mysql_num_rows($res); $totalpage = ceil($num/$varpage); $res = QueryDb($sql." LIMIT ".(($page)*$varpage).",$varp age");
$num =
@mysql_num_rows($res);
if ($num>0){
while ($row =@mysql_fetch_row($res)){
if ($cnt%4==1)echo "<div
class=\"clear\"></div>";?> <div
class="img"><!-- PRODUCT
THUMBNAIL --><a id="ProdukList" id_produk="<?php echo $row[0] ?>" href="#">
<img
src="library/image.php?id=<?
php echo$row[0]?>&fid=id_produk&f
img=gambar&tab=produk"/> </a><div class="desc"><input type="image" src="images/addtocart- button01.png" width="80" height="25" class="AddToChart" style="cursor:pointer" id_produk="<?php echo $row[0]?>" /></div>
<div class="descprice"><?php
echo FormatRupiah($row[2])
</div><?php $cnt++; } echo "<div align='center' style='clear:both'>"; for ($i=0;$i<$totalpage;$i++){ echo "<a href='index.php?page=$i'>"; if ($page==$i) echo "<span style='font-size:16px; font- weight:bold'>"; echo $i+1; if ($page==$i) echo "</span>"; echo "</a>&nbsp;";
} echo "</div>"; } else { echo
"<div align='center' style='font-style:italic'>Tidak ada produk di $catname ini</div>";
} } ?> <div class="linedivider"></div>
B-5
<tr> <td> <div align="center" style="padding:5px; font- weight:bold"> .: Produk Terbaru :. </div> </td> </tr> <tr> <td> <?php
$sql = "SELECT id_produk,nama_produk,harg a_produk FROM produk ORDER BY id_produk DESC LIMIT 4"; $res = QueryDb($sql); $cnt = 1;
$num = @mysql_num_rows($res); while ($row = @mysql_fetch_row($res)){ if ($cnt%4==1) echo
"<div class=\"clear\"></div>"; ?> <div class="img"><!-- PRODUCT THUMBNAIL -->
<a id="ProdukList" id_produk="<?php echo $row[0] ?>" href="#">
src="library/image.php?id=<?
php echo$row[0]?>&fid=id_produk&f
img=gambar&tab=produk"/> </a><div class="desc"> <input type="image" src="images/addtocart- button01.png" width="80" height="25" class="AddToChart" style="cursor:pointer" id_produk="<?php echo $row[0]?>" /> </div>
<div class="descprice"><?php
echo FormatRupiah($row[2])
?><br><?php echo $row[1]
?></div> </div><?php
$cnt++;
} ?></td> </tr> <tr> <td>
<div align="center" style="padding:5px; font- weight:bold"> .: Produk </tr>
<tr> <td> <?php $sql = "SELECT p.id_produk,p.nama_produk, p.harga_produk,sum(d.jumla h_beli) as jum FROM produk p, detail_pemesanan d WHERE d.id_produk=p.id_produk GROUP BY d.id_produk ORDER BY jum DESC LIMIT 4"; $res = QueryDb($sql); $cnt = 1;
$num = @mysql_num_rows($res); while ($row = @mysql_fetch_row($res)){ if ($cnt%4==1) echo
"<div class=\"clear\"></div>"; ?> <div class="img"><!-- PRODUCT THUMBNAIL -->
<a id="ProdukList" id_produk="<?php echo $row[0] ?>" href="#">
B-6
$row[0]?>&fid=id_produk&f img=gambar&tab=produk"/> </a> <div class="desc"><input type="image" src="images/addtocart- button01.png" width="80" height="25" class="AddToChart" style="cursor:pointer" id_produk="<?php echo $row[0]?>" /></div> <div class="descprice"><?php echo FormatRupiah($row[2]) ?><br><?php echo $row[1] ?></div>
</div> <?php $cnt++; }
?> </td> </tr> <tr> <td> <div align="center" style="padding:5px; font- weight:bold"> .: Produk Paling Banyak Dilihat :. </div> </td> </tr> <tr> <td> <?php a_produk FROM produk ORDER BY dilihat DESC LIMIT 4"; $res = QueryDb($sql);
$cnt = 1;
$num =
@mysql_num_rows($res); while ($row =@mysql_fetch_row($res)){
if ($cnt%4==1) echo"<div class=\"clear\"></div>"; ?> <div
class="img"><!-- PRODUCT
THUMBNAIL --><a id="ProdukList" id_produk="<?php echo $row[0] ?>" href="#"> <img
src="library/image.php?id=<?
php echo$row[0]?>&fid=id_produk&f
img=gambar&tab=produk"/></a> <div button01.png" width="80" height="25" class="AddToChart" style="cursor:pointer" id_produk="<?php echo $row[0]?>" /></div>
<div class="descprice"><?php echo FormatRupiah($row[2]) ?><br><?php echo $row[1] ?></div> </div>
<?php $cnt++; } ?>
</td> </tr> </table> <!-- /PRODUCT THUMBNAIL --> <div class="clear"></div> </div> <!-- End OF top Maincontent--> <div id="rightsidebar" class="grid_3 alpha"> <div class="rightsidebarin"> <div class="headsidebar"> <div class="imgsidebar"> <img class="speaker" src="images/shopping_cart_4 00.png" alt="" /> </div> <span class="textheader">
<h6>Chart</h6> </span>
B-7
<div class="clear"></div> <div class="linedivider"></div> <div class="textsidebar" id="chartoverview"> </div><!-- End OF TEXTSIDEBAR --> </div><!-- /rightsidebarin --> <div class="rightsidebarin"> <?php include('rightsidebarin.php') ?> </div><!-- /rightsidebarin --> <div class="clear"></div> </div> <!-- End OF top RightSidebar --> <div class="divider grid_16"></div><!-- /DIVIDER--> <div id="footer" class="grid_16 alpha">
<div class="footerin"> <span>Copyright@ 2010 A_design Allrights reserved</span> </div> </div> <!-- EndOf Footer --> </div> <!--End Of Container --> </body> </html> (kategori.php) <?php require_once('../library/db_fu nctions.php'); OpenDb(); session_name("auto_admin"); session_start(); if (!isset($_SESSION['login'])) header("Location:in dex.php"); Strict//EN"
"http://www.w3.org/TR/xhtm
l1/DTD/xhtml1-strict.dtd">
<htmlns="http://www.w3.org/1
999/xhtml"> <head><meta http-equiv="Content-
Type" content="text/html; charset=utf-8" /> <title>VIM AUDIO and AKSESORIS</title> <script language="javascript" src="../js/jquery- 1.4.2.js"></script><script language="javascript"
src="../js/jquery.boxy.js"></s
cript><link href="../js/css/boxy.css"
type="text/css" rel="stylesheet" /> <link rel="SHORTCUT
ICON" href="speaker.ico">
<link type="text/css" rel="stylesheet" href="../960/960.css" /> <link type="text/css" rel="stylesheet" href="../960/reset.css" /> <link type="text/css" rel="stylesheet" href="../960/text.cs s" /> <link type="text/css" rel="stylesheet" href="style.css" /> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="iecss.css" /> <![endif]--><script language="javascript"
src="main.js"></script> <script language="javascript"> $(function(){$("#AddNewCateg
ory").live('click',function(){
AddNewCategory() ; }) });AddNewCategory = function(){
$.ajax({
url:'ajax.php', success:function(m sg){ new Boxy(msg, {title: 'TambahKategori',modal:true, width:'500', closeable:false}); } })
}; $("#simpan").live('click',funct ion(){ $(".ErrMsg").empty (); var ok = true; var kate = $("#kategori").val(); if (kate==''){ $(".ErrMsg").html('
Kategori harus diisi'); ok = false; } if (ok){ $.ajax({ url:'ajax.php', data:'cmd=SaveNe wCategory&kategori='+kate, type:'post', dataType:'json', success:function(m sg){ if (msg.status=='2'){ $(".ErrMsg").html(' Kategori sudah digunakan'); } else if (msg.status=='1'){ var str = ""; str += "<tr id=tr'"+msg.id+"'>"; str += "<td align='center' class='tablefieldnumber'>1</t
B-8
"<td align='center'>"+msg.kategor i+"</td>"; str += "<td align='center'>"; str += "<span class='BtnUbah' id='"+msg.id+"'>Ubah</span > | <span class='BtnHapus' id='"+msg.id+"'>Hapus</spa n>"; str += "</td>"; str += "</tr>"; $("#tabkategori").a ppend(str); RefreshTableNumb er('tabkategori'); $("#batal").click();
} else if (msg.status=='0'){ $(".ErrMsg").html(' Gagal menyimpan data'); } }
}) } }); $(".BtnHapus").live('click',fu nction(){ var id = $(this).attr('id'); var str = "<div align='center' id='DivDelete' style='color:#000; font- size:14px;'>Anda yakin akan menghapus data ini?</div><div align='center'><input onclick=\"DeleteCategory('"+ id+"')\" class='btn' type='button' value='Ya'
onclick='Boxy.get(this).hide
AndUnload()' class='btn' /></div>"; new Boxy(str, {title: 'Hapus
Category',modal:true,
width:'500', closeable:false});
}); DeleteCategory = function(id){$.ajax({
url:'ajax.php', data:'cmd=DeleteC ategory&id='+id,type:'post',
dataType:'json', success:function(m sg){ if (msg.status=='1'){ $("#Ya").hide();$("#batal").hide(); $("#DivDelete").ht
ml('Data berhasil dihapus!');
$("#tr"+id).remove( ); RefreshTableNumb er('tabkategori'); setTimeout(functio n(){ $("#batal").click();},500); } else { $("#Ya").hide(); $("#DivDelete").ht
ml('Gagal menghapus data!');
}} }); } var id =
$(this).attr('id'); $.ajax({ url:'ajax.php', data:'cmd=EditCate gory&id='+id, type:'post', success:function(m sg){ new Boxy(msg, {title: 'Ubah
Kategori',modal:true, width:'500', closeable:false}); } });
}); $("#update").live('click',funct ion(){ var id = $(this).attr('idkategori'); var kategori = $("#kategori").val(); $.ajax({ url:'ajax.php', data:'cmd=UpdateC ategory&id='+id+'&kategori= '+kategori, type:'post', dataType:'json', success:function(m sg){ if (msg.status=='1'){ //alert($("#tr"+id+" td").eq(1).html()); $("#tr"+id+" td").eq(1).html(msg.nama); $("#batal").click(); } else { $(".ErrMsg").html(' Gagal mengubah data');
B-9
}); }) </script> </head> <body> <div id="container" class="container_16"> <div id="topheader" class="grid_16"></div> <div id="leftsidebar" class="grid_3 omega"> <div class="leftsidebarin"> <div class="headsidebar"> <span class="textheader"> <h6>Menu</h6> </span> </div> <div class="textsidebar"> <ul class="left_menu"> <?php include('leftmenu.php'); ?> </ul> </div> <div class="clear"></div> </div> </div> <div id="maincontent" class="grid_13"> <div align="left" id="AddNewCategory" class="DivAdd">Tambah Kategori Baru</div> <table border="1" cellspacing="0"
cellpadding="0" class="tab"
width="100%" id="tabkategori"> <tr> <th>No</th> <th>Kategori</th><th>&nbsp;</th>
</tr> <?php$sql = 'SELECT id_kategori,nama_kategori FROM kategori'; $res = QueryDb($sql);
$num =
@mysql_num_rows($res);if ($num>0){
$cnt = 1;
while ($row =@mysql_fetch_row($res)){
?> <tr id="tr<?php echo $row[0] ?>"> <td align="center"class="tablefieldnumber"><?
php echo $cnt; ?></td> <tdalign="center"><?php echo
$row[1]; ?></td> <td align="center"> <span class="BtnUbah" id="<?php echo $row[0]; ?>">Ubah</span> | <span class="BtnHapus" id="<?php echo $row[0]; ?>">Hapus</span> </td> </tr> <?php $cnt++;} } else { ?> <tr>
<td colspan="3" class="nodata" >Tidak ada data kategori</td> </tr> <?php }
?> </table> </div> <div class="divider grid_16"></div> <?php include('footer.php'); ?> </div> </body> </html> Delivery"){
LAMPIRAN C
HASIL KUESIONER
C-2
C-3
C-4
C-5
C-6
C-7
C-8
LAMPIRAN D
SURAT BALASAN DARI PERUSAHAAN
ABSTRACT
DEVELOPMENT OF E-COMMERCE
APPLICATION AT VIM AUDIO AND ACCESORIES
by
ADI WIBOWO
10106120
Vim Audio and Acsesoris is a business entity which is engaged in sellingaudio and accessories. Development of e-commerce applications are based on
manual systems that are running. Manual system which runs currently the only
form of sales based on consumers who come directly to the store. In addition, the
distributions Vim also has disadvantages, ranging from the promotion process
and transactions and in preparing reports sales are still done manually so that the
sales report has not been well detailed.The descriptive research method was applied in the development process of
the building of e-commerce website was used as the data analysis technique the
software development method was used waterfall technique. For the method of
system data flow used the Data Flow Diagram (DFD) to describe the functional
model and the Entity Relationship Diagram (ERD) to describe data model. system
builder software is PHP with MySQL 5.0 database server. For the payment, this
website use paypal or transfer of bank account with data security applications
using IP-Dedicated and use SSL (Secure Socket Layer).After some phases in accordance with the development method, the
implementation of e-commerce system needed an advanced testing system which
was consisted of the alpha and beta testing. The alpha testing system used the
testing method of the black box which focused on the functional requirement of
software and the beta testing was a field testing by giving questionnaire to the
officials of Vim Audio and Accesories as admin and to public society as a
consumer. After the alpha and beta testing, can be deduced that the functional
system can already generate the expected output, with a view that is quite
interesting websites and provide convenience to the user in processing data.Keyword : E-commerce, Data Flow Diagram, waterfall method
ABSTRAK
PEMBANGUNAN APLIKASI E-COMMERCE
PADA TOKO VIM AUDIO DAN AKSESORIS
Oleh
ADI WIBOWO
10106120
Vim Audio merupakan badan usaha yang bergerak dalam bidang penjualan audio dan aksesoris. Pembangunan aplikasi e-commerce ini mengacu pada sistem manual yang sedang berjalan. Sistem manual yang berjalan saat ini berupa penjualannya yang hanya berdasarkan konsumen yang datang langsung ke toko tersebut. Selain itu, Vim Audio dan Aksesoris memiliki kendala, mulai dari proses promosi dan transaksi serta dalam pembuatan laporan penjualan masih dilakukan secara manual sehingga laporan penjualan belum terperinci secara baik.
Dalam proses pembangunan aplikasi e-commerce ini menggunakan teknik analisis data menggunakan metode pembangunan perangkat lunak secara
waterfall. Untuk metode aliran data sistem menggunakan metode terstruktur yaitu
menggunakan DFD (Data Flow Diagram) dalam menggambarkan model fungsional dan ERD (Entity Relationship Diagram) untuk menggambarkan model data. Perangkat lunak pembangun sistem adalah PHP dengan database server MySQL 5.0. Untuk pembayaran dari transaksi yang terjadi dapat melalui paypal ataupun transfer antar rekening bank dengan keamanan data aplikasi memakai IP-
Dedicated dan menggunakan SSL (Secure Socket Layer).
Setelah melalui tahapan sesuai dengan metode pengembangan yang dipilih maka dalam pengimplementasian sistem e-commerce ini memiliki tindak lanjut pengujian sistem yang terdiri dari pengujian alpha dimana pengujian ini menggunakan metode pengujian black box yang berfokus pada persyaratan fungsional perangkat lunak dan pengujian beta yaitu pengujian lapangan dengan memberikan kuesioner kepada pegawai di Vim Automotiv dan Aksesoris selaku administrator dan masyarakat umum selaku pengguna web yang memuat pertanyaan-pertanyaan mengacu kepada tujuan akhir. Setelah dilakukan pengujian alpha dan beta, dapat ditarik kesimpulan bahwa secara fungsional sistem sudah dapat menghasilkan output yang diharapkan, dengan tampilan website yang cukup menarik dan memberikan kemudahan kepada pengguna dalam mengolah data.
Kata Kunci : E-commerce, DFD, Metode waterfall.
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah
Toko Vim audio dan aksesoris yang terletak dijalan tampomas nomor 004 sumedang merupakan suatu perusahaan yang bergerak dalam bidang penjualan audio dan aksesoris. Dalam melakukan penjualan dan pemasaran produk, toko Vim audio dan aksesoris masih bersifat menunggu konsumen untuk datang ke toko, sehingga dapat disimpulkan bahwa sistem pemasaran dan penjualan yang masih bersifat menunggu konsumen untuk datang ke toko kurang efektif. Pembeli harus datang langsung ke toko untuk dapat membeli audio dan aksesoris yang diinginkan. Untuk pembeli yang lokasinya dekat dengan toko tersebut tidak akan menjadi masalah dengan hal tersebut, namun untuk pembeli yang lokasinya jauh dari lokasi tersebut dengan datang langsung ke toko dirasakan tidak efisien karena dapat menyita waktu.
Berdasarkan hasil penelitian di toko Vim audio dan aksesoris, ditemukan beberapa masalah yaitu diantaranya mengenai ruang lingkup penjualan yang masih terbatas di sekitar kota Sumedang dan belum dapat menjangkau pangsa pasar yang berada di luar kota Sumedang yang memiliki potensi penjualan yang besar. Selain itu, dengan semakin ketatnya persaingan dalam bidang otomotif, maka pihak toko Vim audio dan aksesoris harus dapat merespon kendala-kendala yang terjadi agar tercipta efektifitas maupun efisiensi sehingga mampu bertahan
2 dan dapat bersaing dengan toko audio dan aksesoris lainnya yang memiliki pasar yang sama.
Masalah yang dihadapi bukan hanya ruang lingkup yang terbatas dan persaingan yang semakin ketat, namun dalam hal promosi yang masih menggunakan pamflet. Dengan menggunakan media promosi yang masih tergantung pada pamflet, dirasakan masih kurang efektif dalam menjaring konsumen baru dan kurang memberikan informasi yang tepat mengenai produk yang ditawarkan kepada para konsumen. Maka dari itu, diperlukan media promosi yang tepat dan salah satunya dapat menggunakan media internet untuk melakukan promosi secara online.
Berdasarkan hasil wawancara dengan pemilik pemilik toko Vim audio dan aksesoris, maka akan dibangun
“Pembangunan Aplikasi E-Commerce Pada Toko Vim Audio dan Aksesoris”.
1.2 Rumusan Masalah
Dilihat dari fenomena yang terjadi di Toko Vim Audio dan Aksesoris, maka ditemukan masalah-masalah sebagai berikut :
1. Mempermudah pemasaran dan penjualan serta mempermudah pembeli untuk melakukan pemesanan barang tanpa harus datang langsung ke toko Vim audio dan aksesoris.
2. Memperluas pangsa pasar sehingga tidak tergantung dari wilayah Sumedang saja.
3
3. Untuk mempromosikan dan mengenalkan produk toko Vim audio dan aksesoris melalui media internet yang tidak dibatasi waktu.
4. Memberikan informasi yang tepat mengenai produk yang ditawarkan oleh toko Vim audio dan aksesoris kepada calon pembeli.
1.3 Maksud dan Tujuan
Berdasarkan permasalahan yang diteliti, maka maksud dari penulisan tugas akhir ini adalah pembangunan aplikasi e-commerce pada Toko Vim Audio dan Aksesoris.
Sedangkan tujuan yang akan dicapai dalam penelitian ini, yaitu:
1. Mempermudah penjualan serta memudahkan konsumen untuk mendapatkan barang yang diinginkan tanpa harus datang langsung ke Vim Audio dan Aksesoris.
2. Proses transaksi dapat dilakukan secara online sehingga memudahkan konsumen dalam melakukan transaksi.
3. Mempermudah dalam promosi dan pemasaran yang lebih luas dengan memanfaatkan media internet yang tidak dibatasi tempat dan waktu.
4. Memudahkan bagi penjual dalam membuat laporan rekapitulasi penjualan sehingga laporan dapat dihasilkan dengan cepat dan akurat.
4
1.4 Batasan Masalah/Ruang Lingkup kajian
Melihat paparan di atas, maka batasan masalah dalam tugas akhir ini adalah sebagai berikut:
1. Perancangan dan pembangunan website dibuat berdasarkan permintaan dan kebutuhanToko Vim Audio dan Aksesoris.
2. Backend Office
a. Pengaturan produk
1. Menampilkan produk berdasarkan kategori/sub kategori
2. Detail produk
3. Menampilkan beberapa gambar produk dari setiap kategori
4. Menggunakan manajemen harga apabila terjadi perubahan harga
5. Setiap barang yang banyak dibeli system akan menampilkan dalam bentuk rating produk.
6. Produk promosi digunakan untuk menampilkan produk terbaru.
7. Pengelolaan discount
8. Pengelolaan stok
b. Manajemen Pemesanan
1. System memberikan layanan untuk melakukan pencarian pesanan
2. Update status pesanan (Dipesan Dikonfirmasi Dibayar Dikirim Diterima oleh Pemesan)
5
3. Konfirmasi pembayaran
a. Konfirmasi pembayaran akan langsung dilakukan system dengan mengirim email kepada Toko Vim Audio dan aksesoris dan pemesanan diintegrasikan dengan system situs pembayaran(pembayaran online) b. Konfirmasi pembayaran akan diperiksa berdasarkan nomor transaksi
(pembayaran offline)
4. Pembatalan pemesanan
a. Manajemen pembayaran Manajemen pembayaran yang ditangani, yaitu:
1. Pembayaran offline (transfer via bank, tunai)
2. Pembayaran online (account paypal)
b. Manajemen Shipping 1. Untuk pengiriman barang dilakukan melalui jasa kurir yaitu JNE.
2. Menyediakan pengelolaan lokasi pengiriman berdasarkan provinsi, kota dan kabupaten, c. Konsumen harus melakukan registrasi terlebih dahulu dan melakukan verifikasi sebelum melakukan transaksi pembelian
d.
Reporting
1. Sistem memberikan layanan dalam pembuatan laporan penjualan, laporan pengiriman, laporan barang, laporan pemesanan yang disusun berdasarkan harian, mingguan, tahunan.
6 e. Sarana untuk mempromosikan website dan produk diintegrasikan dengan facebook dan twitter f. Fasilitas backup dan restore database disediakan oleh webhost yang digunakan.
g. Apabila konsumen kurang puas dengan barang yang sudah dibeli dan diterima maka bisa melakukan return dan system memberikan layanan untuk membuat laporan retur barang .
3. Frontend
a. System memberikan layanan untuk pencarian produk berdasarkan nama, fitur, harga dan kategori b. Menampilkan produk diskon, Produk Terbaru (Newest Product), Produk
Terlaku (Global/per Kategori), Produk Paling Banyak Dilihat (Most View Product).
c. Website menyediakan Fasilitas pendaftaran member dan login member.
d. History pemesanan digunakan untuk mencatat setiap terjadi kegiatan transaksi e. Pengiriman informasi pemesanan melalui email ke pemesan setiap ada perubahan status pesanan f. Untuk memperjelas gambar setiap produk system menyediakan layanan
zoom. Multi gambar untuk sebuah produk g. Untuk mempercepat pencarian website ini dilengkapi dengan Search Engine Optimization (SEO).
7
4. Keamanan (security) yang digunakan pada system ini diantaranya : a.
IP yang digunakan pada website ini yaitu IP-Dedicated
b. Secure soket layer (SSL) digunakan untuk melindungi keamanan data serta mendukung protocol https c. Userrname dan password digunakan untuk mengakses website
5. Komunikasi
a. Email yang sudah didaftarkan oleh pengguna digunakan untuk komunikasi atau memberikan informasi yang berhubungan dengan kegiatan pada website .
b. Sistem menyediakan layanan konsultasi atau customer service melalui fasilitas Yahoo Messanger yang diintegrasikan pada sistem yang dibangun.
c. Sarana situs jejaring sosial digunakan sebagai media untuk mempromosikan website dan produk yang Integrasikan pada halaman administrator.
d. Telepon dan fax digunakan sebagai sarana untuk customer support.
6. Software a. Sistem operasi yang digunakan Microsoft Windows.
b. Bahasa pemrograman yang dipakai untuk membangun aplikasi ini yaitu menggunakan PHP, MySQL sebagai Database Management System dan Apache digunakan sebagai web server.
8 c. Pada sisi client, digunakan web browser untuk dapat mengakses situs tersebut, web browser dapat menggunakan program Microsoft Internet
Explorer, Mozilla, Opera, Google Chrome.
7. Perangkat Keras
1. Perangkat Keras Server
a. Prosesor Intel Pentium IV atau yang setara, dengan kecepatan 800 MHz
b. RAM 1 Gb
c. Harddisk dengan ruang kosong 1 Gb
d. VGA Card shared 256 Mb
e. Monitor dengan resolusi 1024 x 768 pixels
f. Kartu jaringan, HUB/Switch, Router atau modem untuk koneksi internet.
2. Perangkat Keras Client
a. Prosesor Intel Pentium III atau yang setara, dengan kecepatan 800 MHz
b. RAM 256 Mb
c. Harddisk dengan ruang kosong 1 Gb
d. VGA Card shared 64 Mb
e. Monitor dengan resolusi 1024 x 768 pixels f. Modem untuk koneksi internet.
8. Pengguna
a. Administrator memiliki tugas sebagai berikut :
1. Mengelola data barang seperti menambah data barang, mengedit data
9
2. Mengelola data member, data pembelian, data pemesanan barang, data transaksi penjualan dan data pengiriman barang.
b. Member dapat melihat informasi mengenai barang yang terdapat di situs dan dapat melakukan pemesanan barang.
c. Pengunjung hanya dapat melihat informasi barang yang terdapat di situs tersebut dan tidak dapat melakukan pemesanan barang.
1.5 Metodologi Penelitian
Metodologi yang digunakan dalam penulisan tugas akhir ini adalah metode analisis deskriptif yaitu suatu metode yang bertujuan untuk mendapatkan gambaran yang jelas tentang hal-hal yang diperlukan sebagai berikut :
1. Tahap Pengumpulan data Metode pengumpulan data yang digunakan dalam penelitian ini adalah sebagai berikut : a. Studi pustaka
Pengumpulan data dengan cara mengumpulkan bacaan-bacaan yang ada kaitannya dengan judul penelitian b. Observasi