Sistem Aplikasi Penjualan Baju Wanita Berbasis Web

(1)

KEMENTRIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM PROGRAM STUDI D3 TEKNIK INFORMATIKA

Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax (061) 8214290

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika :

Nama : Oktavia Sirait

Nomor Induk Mahasiswa : 132406241

Prog. Studi : D3 Teknik Informatika

Judul Tugas Akhir : Sistem Aplikasi Penjualan Baju Wanita Berbasis Web

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal: Juni 2016

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, Juli 2016 Dosen Pembimbing

Drs. Rosman Siregar, M.Si NIP : 196101071986011001


(2)

KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155

Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : OKTAVIA SIRAIT

Nomor Stambuk : 132406241

Judul Tugas Akhir : SISTEM APLIKASI PENJUALAN BAJU WANITA BERBASIS WEB

Dosen Pembimbing : Drs. Rosman Siregar, M.Si Tanggal Mulai Bimbingan : Februari 2016

Tanggal Selesai Bimbingan : s.d selesai

No Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai,

pada Bab

Paraf Dosen

Pembimbing Keterangan 1 2 3 4 5 6 7 8

Diketahui, Disetujui Pembimbing Utama/

Ketua Program Studi D3 T.I Penanggung Jawab

Dr. Elly Rosmaini, M.Si Drs. Rosman Siregar, M.Si


(3)

LISTING PROGRAM

Index.php

<?php session_start(); include "header.php"; ?>

<div id="line"></div> <div id="tengah"> <div id="leftbar">

<div id="cs"><span class="cst">CUSTOMER SERVICE</span></div>

<div id="bbm"><img src="images/bbm.jpg" width="220" height="157"/></div>

<div id="ready"><img src="images/ready.jpg" width="220" height="73" /></div>

<div id="frmlogin"><table bordercolor="#999999" border="0">

<?php session_start();

if(!isset($_SESSION['username'])){ ?> <form action="proseslogin.php" method="post" id="form1">

<tr><td><h3>Username :</td></tr> <tr><td><input type="text"

name="username" placeholder="Masukkan username"/></td></tr>

<tr><td><h3>Password :</h3></td></tr> <tr><td><input type="password"

name="password" placeholder="Masukkan password"/></td></tr>

<tr><td><input type="submit" value="Login"/></td></tr>

</form> <?php }else{?>


(4)

<a href='logout.php'>LOGOUT</a> <?php } ?>

</table>

</div><!--tutup frmlogin--->

</div><!---LEFTBAR--->

<div class="kategori">

<div id="imgkat"><img src="images/product.jpg" width="310" height="47"/></div><br />

<div id="subkat2">

<span class="judul1"></span> <?php

include('koneksi.php');

$sql = mysql_query("select * from id_produk where id_kategori='1' or id_kategori='2' or

id_kategori='3'"); ?>

<?php $batas=8;

$halaman=$_REQUEST['halaman'];

if(empty($halaman))

{ $posisi=0;

$halaman=1; }

else

{ $posisi=($halaman-1)*$batas; }

$SQL=mysql_query("select * from id_produk where

id_kategori='1' or id_kategori='2' or id_kategori='3' order by id_produk DESC LIMIT $posisi,$batas");

while($baris=mysql_fetch_array($SQL)) {


(5)

$id=$_REQUEST['id_produk']; ?>

<div class="baju"><span class="tbaju"><a href="detail.php?id_produk=<?php echo

$baris["id_produk"]; ?>">

<img src="<?php echo "images/$baris[foto]"; ?>" width="160" height="190"/><br/>

<?php echo "$baris[0]";?><br/>

<font color="#CC0000">Rp <?php echo "$baris[2]";?></a></font></span>

</div>

<?php } ?> <?php

$qry2=mysql_query("select * from id_produk where id_kategori='1' or id_kategori='2' or

id_kategori='3'");

$result=mysql_num_rows($qry2); $jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0) echo "Data tidak ada"; ?>

<div class="nohalaman"> <?php

if($halaman>1) {

$prev=($halaman-1); ?>

<a href="pakaian.php?&amp;halaman=1"> &lt; &lt;First </a> |

<a href="pakaian.php?&amp;<?php echo

"halaman=$prev";?>" class="link">&lt;&lt;Previous &nbsp;


(6)

</a> <?php } else {

echo "<p>First| <Previous"; }

//tampilkan link halaman 1,2,3... for($i=1;$i<=$jmlhalaman; $i++) {

if($i==$jmlhalaman){ echo "$i"; }

else { ?>

<a href="pakaian.php?&amp;<?php

echo"halaman=$i";?>"><?php echo "$i"; ?></a> <?php }

}

if($halaman<$jmlhalaman) {

$next=$halaman+1; ?>

<a href="pakaian.php?<?php echo "halaman=$next";?>" class="link">Next&gt;|

</a>

<a href="pakaian.php?&amp;<?php echo

"halaman=$jmlhalaman";?>" class="link">last>> </a> <?php

} ?>

</div><!---END OF SUBKAT2---> <?php include "footer.php"; ?>


(7)

Dress.php

<?php session_start(); include "header.php"; ?>

<div id="line"></div> <div id="tengah"> <div id="leftbar">

<div id="cs"><span class="cst">CUSTOMER SERVICE</span></div>

<div id="bbm"><img src="images/bbm.jpg" width="220" height="157"/></div>

<div id="ready"><img src="images/ready.jpg" width="220" height="73" /></div>

</div>

<div class="kategori"> <div class="bajug"> <?php

include('koneksi.php');

$sql = mysql_query("select * from id_produk where id_kategori='1'");

?>

<?php $batas=8;

$halaman=$_REQUEST['halaman'];

if(empty($halaman))

{ $posisi=0;

$halaman=1; }

else

{ $posisi=($halaman-1)*$batas; }


(8)

$SQL=mysql_query("select * from id_produk where id_kategori='1' order by id_produk DESC LIMIT $posisi,$batas");

while($baris=mysql_fetch_array($SQL)) {

$id=$_REQUEST['id_produk']; ?>

<div class="baju"><span class="tbaju"><a href="detail.php?id_produk=<?php echo

$baris["id_produk"]; ?>">

<img src="<?php echo "images/$baris[foto]"; ?>" width="160" height="190"/><br/>

<?php echo "$baris[0]";?><br/>

<font color="#CC0000">Rp <?php echo "$baris[2]";?></a></font></span>

</div> <?php

} ?> <?php

$qry2=mysql_query("select * from id_produk where id_kategori='1'");

$result=mysql_num_rows($qry2); $jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0) echo "Data tidak ada"; ?>

<div class="nohalaman"> <?php

if($halaman>1) {

$prev=($halaman-1); ?>


(9)

<a href="dress.php?&amp;halaman=1"> &lt; &lt;First </a> |

<a href="dress.php?&amp;<?php echo "halaman=$prev";?>" class="link">&lt;&lt;Previous &nbsp; </a> <?php } else {

echo "<p>First| <Previous"; }

//tampilkan link halaman 1,2,3... for($i=1;$i<=$jmlhalaman; $i++) { if($i==$jmlhalaman){ echo "$i"; } else { ?> <a href="dress.php?&amp;<?php

echo"halaman=$i";?>"><?php echo "$i"; ?></a> <?php } } if($halaman<$jmlhalaman) { $next=$halaman+1; ?>

<a href="dress.php?<?php echo "halaman=$next";?>" class="link">Next&gt;|

</a>

<a href="dress.php?&amp;<?php echo

"halaman=$jmlhalaman";?>" class="link">last>> </a> <?php


(10)

?>

<!--tutup no halaman-->

</div><!--tutup kategori---> </div><!--tutup tengah--->

<div id="footer"><h4>&copy; Oktavia Sirait 132406241</h4></div>

</div><!--tutup wrapper---->

</center> </body> </html>

Tops.php

<?php session_start(); include "header.php"; ?>

<div id="line"></div> <div id="tengah"> <div id="leftbar">

<div id="cs"><span class="cst">CUSTOMER SERVICE</span></div>

<div id="bbm"><img src="images/bbm.jpg" width="220" height="157"/></div>

<div id="ready"><img src="images/ready.jpg" width="220" height="73" /></div>

</div>

<div class="kategori"> <div class="bajug"> <?php

include('koneksi.php');

$sql = mysql_query("select * from id_produk where id_kategori='2'");


(11)

<?php $batas=8;

$halaman=$_REQUEST['halaman'];

if(empty($halaman))

{ $posisi=0;

$halaman=1; }

else

{ $posisi=($halaman-1)*$batas; }

$SQL=mysql_query("select * from id_produk where id_kategori='2' order by id_produk DESC LIMIT $posisi,$batas");

while($baris=mysql_fetch_array($SQL)) {

$id=$_REQUEST['id_produk']; ?>

<div class="baju"><span class="tbaju"><a href="detail.php?id_produk=<?php echo

$baris["id_produk"]; ?>">

<img src="<?php echo "images/$baris[foto]"; ?>" width="160" height="190"/><br/>

<?php echo "$baris[0]";?><br/>

<font color="#CC0000">Rp <?php echo "$baris[2]";?></a></font></span>

</div>

<?php } ?> <?php

$qry2=mysql_query("select * from id_produk where id_kategori='2'");


(12)

$jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0) echo "Data tidak ada"; ?>

<div class="nohalaman"> <?php

if($halaman>1) {

$prev=($halaman-1); ?>

<a href="tops.php?&amp;halaman=1"> &lt; &lt;First </a> |

<a href="tops.php?&amp;<?php echo "halaman=$prev";?>" class="link">&lt;&lt;Previous &nbsp;

</a> <?php } else {

echo "<p>First| <Previous"; }

//tampilkan link halaman 1,2,3... for($i=1;$i<=$jmlhalaman; $i++) {

if($i==$jmlhalaman){ echo "$i"; }

else { ?>

<a href="tops.php?&amp;<?php

echo"halaman=$i";?>"><?php echo "$i"; ?></a> <?php }


(13)

if($halaman<$jmlhalaman) {

$next=$halaman+1; ?>

<a href="tops.php?<?php echo "halaman=$next";?>" class="link">Next&gt;|

</a>

<a href="tops.php?&amp;<?php echo

"halaman=$jmlhalaman";?>" class="link">last>> </a> <?php

} ?>

<!--tutup no halaman-->

</div><!--tutup kategori---> </div><!--tutup tengah--->

<div id="footer"><h4>&copy; Oktavia Sirait 132406241</h4></div>

</div><!--tutup wrapper---->

</center> </body> </html>

Blazer.php

<?php session_start(); include "header.php"; ?>

<div id="line"></div> <div id="tengah"> <div id="leftbar">

<div id="cs"><span class="cst">CUSTOMER SERVICE</span></div>

<div id="bbm"><img src="images/bbm.jpg" width="220" height="157"/></div>


(14)

<div id="ready"><img src="images/ready.jpg" width="220" height="73" /></div>

</div>

<div class="kategori"> <div class="bajug"> <?php

include('koneksi.php');

$sql = mysql_query("select * from id_produk where id_kategori='3'");

?>

<?php $batas=8;

$halaman=$_REQUEST['halaman'];

if(empty($halaman))

{ $posisi=0;

$halaman=1; }

else

{ $posisi=($halaman-1)*$batas; }

$SQL=mysql_query("select * from id_produk where id_kategori='3' order by id_produk DESC LIMIT $posisi,$batas");

while($baris=mysql_fetch_array($SQL)) {

$id=$_REQUEST['id_produk']; ?>

<div class="baju"><span class="tbaju"><a href="detail.php?id_produk=<?php echo

$baris["id_produk"]; ?>">

<img src="<?php echo "images/$baris[foto]"; ?>" width="160" height="190"/><br/>


(15)

<?php echo "$baris[0]";?><br/>

<font color="#CC0000">Rp <?php echo "$baris[2]";?></a></font></span>

</div>

<?php } ?> <?php

$qry2=mysql_query("select * from id_produk where id_kategori='3'");

$result=mysql_num_rows($qry2); $jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0) echo "Data tidak ada"; ?>

<div class="nohalaman"> <?php

if($halaman>1) {

$prev=($halaman-1); ?>

<a href="blazer.php?&amp;halaman=1"> &lt; &lt;First </a> |

<a href="blazer.php?&amp;<?php echo

"halaman=$prev";?>" class="link">&lt;&lt;Previous &nbsp;

</a> <?php } else {

echo "<p>First| <Previous"; }


(16)

//tampilkan link halaman 1,2,3... for($i=1;$i<=$jmlhalaman; $i++) {

if($i==$jmlhalaman){ echo "$i"; }

else { ?>

<a href="blazer.php?&amp;<?php

echo"halaman=$i";?>"><?php echo "$i"; ?></a> <?php }

}

if($halaman<$jmlhalaman) {

$next=$halaman+1; ?>

<a href="blazer.php?<?php echo "halaman=$next";?>" class="link">Next&gt;|

</a>

<a href="blazer.php?&amp;<?php echo

"halaman=$jmlhalaman";?>" class="link">last>> </a> <?php

} ?>

<!--tutup no halaman-->

</div><!--tutup kategori---> </div><!--tutup tengah--->

<div id="footer"><h4>&copy; Oktavia Sirait 132406241</h4></div>

</div><!--tutup wrapper---->

</center> </body> </html>


(17)

Hto.php <?php session_start(); include "header.php"; ?> <div id="line"></div> <div id="tengah"> <div id="leftbar">

<div id="cs"><span class="cst">CUSTOMER SERVICE</span></div>

<div id="bbm"><img src="images/bbm.jpg" width="220" height="157"/></div>

<div id="ready"><img src="images/ready.jpg" width="220" height="73" /></div>

</div>

<div class="kategori"><h2 align="justify" style="font-family:Verdana, Arial, Helvetica, sans-serif;

color:#CC3300">How to Order</h2>

<ol style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:left;">

1. Registrasi <a href="registrasi.php">disini</a> jika kamu belum teregistrasi, dan jika kamu sudah registrasi silahkan login pada kolom kiri bawah <br/>

2. Silahkan pilih pakaian dan aksesoris pilihan kamu. Pakaian/aksesoris yang sudah kamu pilih akan masuk ke keranjang belanja<br/>

3.Pilih 'selesai' jika kamu siap untuk melakukan pembayaran<br/>

4.Masukkan nama, alamat lengkap, no telp dll sesuai dengan tujuan kiriman barang<br/>

5.Dalam beberapa saat Admin akan mengirimkan sms total pembayaran ditambah dengan ongkos kirim ke

daerah tujuan pengiriman<br/>

6.Pembayaran dilakukan dengan transfer ke rekening


(18)

BNI cabang Sisimangaraja 002782610<br/>

7.Pembayaran dilakukan maksimal 1x24 jam, lewat dari itu pesanan dianggap CANCEL<br/>

8.Silahkan konfirmasi pembayaran jika sudah membayar <a href="konfirmasi.php">disini</a>

</ol>

</div><!--tutup kategori--->

<div id="footer"><h4>&copy; Oktavia Sirait</h4></div> </div><!--tutup tengah--->

</div><!--tutup wrapper---->

</center> </body> </html>

Registrasi.php

<?php session_start(); include "header.php"; ?>

<div id="line"></div> <div id="tengah"> <div id="leftbar">

<div id="cs"><span class="cst">CUSTOMER SERVICE</span></div>

<div id="bbm"><img src="images/bbm.jpg" width="220" height="157"/></div>

<div id="ready"><img src="images/ready.jpg" width="220" height="73" /></div>

</div>


(19)

<div class="formreg"> <h2

style="color:#666666">SILAHKAN ISI FORM REGISTRASI</h2>

<form method="POST" action="formproc.php" > <table> <tr> <td>Nama</td> <td>:</td> <td><input type="text" name="nama_member"></td> </tr> <tr> <td>Username</td> <td>:</td> <td><input type="text" name="username"/></td> </tr> <tr> <td>Email</td> <td>:</td>

<td><input type="email" name="email"/></td> </tr>

<tr>

<td>Nomor Hp</td> <td>:</td>

<td><input type="text" name="nohp"/></td> </tr>

<tr>

<td>Alamat</td> <td>:</td>

<td><input type="text" name="alamat"/></td> </tr>

<tr>

<td>Kode Pos</td> <td>:</td>


(20)

<td><input type="text" name="kodepos"/></td> </tr> <tr> <td>Kota</td> <td>:</td>

<td><input type="text" name="kota"/></td> </tr> <tr> <td>Provinsi</td> <td>:</td> <td><select name="provinsi"> <option value="Aceh">Aceh</option> <option value="Sumatera Utara">Sumatera Utara</option> <option value="Sumatera Barat">Sumatera Barat</option> <option value="Riau">Riau</option> <option value="Kepulauan Riau">Kepulauan Riau</option> <option value="Jambi">Jambi</option> <option value="Sumsel">Sumatera Selatan</option> <option value="Bangka Belitung">Bangka Belitung</option> <option value="Bengkulu">Bengkulu</option> <option value="Lampung">Lampung</option>

<option value="DKI Jakarta">DKI Jakarta</option>

<option value="Jawa Barat">Jawa Barat</option>


(21)

<option value="Banten">Banten</option>

<option value="Jawa Tangah">Jawa Tengah</option>

<option value="DI Yogyakarta">DI Yogyakarta</option>

<option value="Jawa Timur">Jawa Timur</option> <option value="Bali">Bali</option> <option value="NTB">Nusa Tenggara Barat</option> <option value="NTT">Nusa Tenggara Timur</option> <option value="kalbar">Kalimantan Barat</option> <option value="kalteng">Kalimantan Tengah</option> <option value="kalsel">Kalimantan Selatan</option> <option value="kaltim">Kalimantan Timur</option> <option value="Sulut">Sulawesi Utara</option> <option value="Sulbar">Sulawesi Barat</option> <option value="Sulteng">Sulawesi Tengah</option> <option value="Sultenggara">Sulawesi Tenggara</option> <option value="Sulsel">Sulawesi Selatan</option> <option value="Gorontalo">Gorontalo</option> <option value="Maluku">Maluku</option>


(22)

<option value="Maluku Utara">Maluku Utara</option>

<option value="Papua">Papua</option> <option value="Papua Barat">Papua

Barat</option>

</select>

<!--<input type="text" name="provinsi"/>--></td>

</tr> <tr>

<td>Password</td> <td>:</td>

<td><input type="password" name="pass_member"/></td>

</tr>

<tr><td colspan="3" align="left"><input type="submit" value="Daftar"/></td></tr>

</table> </form> </div>

</div><!--tutup kategori---> <div id="testimoni"></div>

<div id="footer"><h4>&copy; Oktavia Sirait</h4></div> </div><!--tutup tengah--->

</div><!--tutup wrapper---->

</center> </body>


(23)

Cart.php <?php session_start(); include "header.php"; include "koneksi.php"; ?> <div id="line"></div> <div id="tengah"> <div id="leftbar">

<div id="cs"><span class="cst">CUSTOMER SERVICE</span></div>

<div id="bbm"><img src="images/bbm.jpg" width="220" height="157"/></div>

<div id="ready"><img src="images/ready.jpg" width="220" height="73" /></div>

</div>

<div class="RightContent">

<h1 class="Judul" style="font-family:Verdana, Arial, Helvetica,

sans-serif;">Shopping Cart</h1>

<div class="KetProd">

<table class="tabelcart" bgcolor="#CCCCCC" width="700"

style="font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:thin #666666;"> <tr><th>No</th> <th>Foto Produk</th> <th>Nama Produk</th> <th>Kode Produk</th> <th>Jumlah</th> <th>Harga</th> <th>Delete</th> </th> <?php


(24)

echo $_SESSION['username'];

$id_session = $_SESSION['username']; $no = 1;

$sql = mysql_query("SELECT * FROM id_cart, id_produk WHERE id_session='$id_session' AND

id_cart.id_produk=id_produk.id_produk"); $hitung = mysql_num_rows($sql);

if ($hitung < 1){

echo"<script>window.alert('Cart is Empty....');

window.location=('index.php')</script>"; }

else {

while($baris=mysql_fetch_array($sql)){

echo"<tr><td><h4>$no</h4></td>

<td><img src=images/".$baris['foto']." width=50 /></td>

<td>".$baris['nama_produk']."</td>

<td>".$baris['id_produk']."</td>

<td>".$baris['qty']."</td>

<td>".$baris['harga']*$baris['qty']."</td> <td><a

href=addcart.php?input=delete&id=$baris[id_cart]>Hapus </a></td></tr>";

$no++; } }


(25)

?>

</table>

<a class="tombol" href="pakaian.php">Selesai</a> <a class="tombol" href="index.php">Belanja

Lagi..</a> </div> </div>

Transaksi.php <?php

include "headeradmin.php"; ?>

<div id="line"></div> <div id="tengah">

<div class="kategori" style="float:left;"> <?php

include('koneksi.php');

$sql = mysql_query("select * from transaksi ORDER BY transaksi ASC");

?>

<table border="0" align="center" class="tabel" width="1100">

<tr>

<th style=" border-bottom:solid">Id Transaksi</th>

<th style=" border-bottom:solid">Tgl Transaksi</th>

<th style=" border-bottom:solid">id_member</th>

<th style=" border-bottom:solid">Nama Pengiriman</th>

<th style=" border-bottom:solid">Alamat Pengiriman</th>


(26)

<th style=" border-bottom:solid">Kodepos</th>

<th style=" border-bottom:solid">Provinsi</th>

<th style=" border-bottom:solid">ID Produk</th>

<th style=" border-bottom:solid">Qty</th>

<th style=" border-bottom:solid">Action</th>

</tr> <?php

$batas=10;

$halaman=$_REQUEST['halaman'];

if(empty($halaman))

{ $posisi=0;

$halaman=1; }

else

{ $posisi=($halaman-1)*$batas; }

$SQL=mysql_query("select * from transaksi order by id_member DESC LIMIT $posisi,$batas");

while($baris=mysql_fetch_array($SQL)) {

$id=$_REQUEST['id_member']; ?>

<tr>

<td><?php echo "$baris[id_transaksi]"; ?></td>

<td><?php echo "$baris[tgl_trans]"; ?></td> <td><?php echo "$baris[id_member]"; ?></td>


(27)

<td><?php echo "$baris[nama_kirim]"; ?></td>

<td><?php echo "$baris[alamat_kirim]"; ?></td>

<td><?php echo "$baris[kodepos_kirim]"; ?></td>

<td><?php echo "$baris[provinsi_kirim]"; ?></td>

<td><?php echo "$baris[id_produk]"; ?></td> <td><?php echo "$baris[qty]"; ?></td>

<td><a href="hapus.php?id=<?php echo "$baris[id_member]"; ?>">Hapus</a> </td>

</tr>

<?php

} ?> </table> <?php

$qry2=mysql_query("select * from member"); $result=mysql_num_rows($qry2);

$jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0) echo "Data tidak ada"; ?>

<div class="nohalaman"> <?php

if($halaman>1) {

$prev=($halaman-1); ?>

<a href="transaksi.php?&amp;halaman=1"> &lt; &lt;First </a> |


(28)

<a href="transaksi.php?&amp;<?php echo "halaman=$prev";?>" class="link">&lt;&lt;Previous &nbsp; </a> <?php } else {

echo "<p>First| <Previous"; }

//tampilkan link halaman 1,2,3... for($i=1;$i<=$jmlhalaman; $i++) { if($i==$jmlhalaman){ echo "$i"; } else { ?> <a href="transaksi.php?&amp;<?php

echo"halaman=$i";?>"><?php echo "$i"; ?></a> <?php } } if($halaman<$jmlhalaman) { $next=$halaman+1; ?>

<a href="transaksi.php?<?php echo "halaman=$next";?>" class="link">Next&gt;|

</a>

<a href="transaksi.php?&amp;<?php echo

"halaman=$jmlhalaman";?>" class="link">last>> </a> <?php

} ?>


(29)

</div><!--tutup no halaman--> </div><!--tutup kategori---> </div><!--tutup tengah--->

</div><!--tutup wrapper---->

</center> </body> </html>

Logout.php <?php

session_start();

unset($_SESSION['id']); session_destroy();

print("<meta http-equiv=\"refresh\"content=\"0; url=../index.php\">");


(30)

DAFTAR PUSTAKA

Betha, Sidik, Ir. 2007. Pemrograman Web dengan HTML.Bandung: Informat ika Bandung

Effendi, B.E. 1989. dBASE Contoh – Contoh Program dan Aplikasinya. Yogyakarta: Andi Offset.

Kadir, Abdul. 2003. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi

Lubis, Mohammad Safri. 2011. “Teknologi pengembangan aplikasi web”, USU Press, Medan

Prabawati, Arie. 2010. Paling dicari: PHP Source Code. Yogyakarta: Andi

Sulistya, Cristianus Sigit.2008. “Belajar Kilat Adobe Dreamweaver” CS4,Yogyakarta: CV Andi Offset.

Sunarfrihantono, Bima. 2003. PHP dan MySQL untuk WEB. Yogyakarta: Andi


(31)

BAB 3

PERANCANGAN SISTEM

Tahap perancangan sistem merupakan tahapan awal yang dilakukan penulis dalam

membangun sebuah website. Perancangan sistem dibuat bertujuan untuk

memberikan gambaran yang jelas mengenai rancangan program yang dibuat serta

untuk menguji logika pemrograman secara sederhana. Rancangan program ini

dapat di gambarkan dengan menggunakan flowchart (diagram alir).

3.1 Data Flow Diagram

Data flow diagram merupakan gambar diagram yang menggunakan notasi untuk menggambarkan arus data dari suatu sistem dengan menggunakan pendekatan

metode analisis sistem terstruktur.

Komponen-komponen data flow diagram yaitu: entitas luar, proses

penyimpanan data, dan arus data. DFD memiliki simbol-simbol yang digunakan


(32)

Tabel 3.1 Simbol Data Flow Diagram Gane / Sarson Yourdon/De Marco Keterangan

Enititas

Eksternal Entitas

Eksternal

Entitas eksternal, dapat berupa unit terkait yang berinteraksi dengan sistem tapi berada di luar sistem

Proses

Proses Orang, unit yang

mempergunakan atau melakukan transformasi data

Aliran data dengan arah khusus dari sumber ke tujuan

Data Store Penyimpanan data atau tempat data direfer oleh proses

3.2 Gambar Diagram DFD

- Login Admin - Data Produk

- Info Produk - Info Member - Info Transaksi

Gambar 3.1 DFD level Konteks Sistem

E-Commerce

Admin Member


(33)

3.3 Flowchart (Diagram Alir)

Flowchart atau diagram alir adalah sebuah diagram yang digambarkan dengan menggunakan simbol-simbol grafis. Flowchart memiliki fungsi untuk menjelaskan aliran algoritma dari suatu aplikasi, dan menganalisis masalah ke

dalam segmen untuk menganalisis alternatif lain dalam pengoperasian.

Flowchart biasa disimbolkan dalam bentuk seperti dalam tabel berikut:

Tabel 3.2 Simbol-Simbol Data Flow Diagram 2

No. Simbol Keterangan

1 Terminal, untuk memulaidan mengakhiri suatu

program

2 Proses, suatu simbol yang menunjukkan setiap

pengolahan yang dilakukan oleh komputer

3 Input-Output, untuk memasukkan data maupun

menunjukkan hasil dari suatu proses

4 Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan

5 Predefinned Process, suatu simbol untuk

menyediakan tempat pengolahan data dalam storage

6 Connector, suatu prosedur akan masuk dan keluar melalui simbol ini dalam lembar yang sama


(34)

3.3.1 Flowchart Menu Utama

Flowchart menu utama dapat dilihat pada gambar di bawah ini:

Tidak Ya Tidak Ya Tidak Ya Tidak Ya Tidak Ya Tidak Ya

Gambar 3.2 Alur Flowchart Menu Utama Aksesor

is

Tampilan Produk

Cara Order

Tampilan Cara Order Konfirma si Tampilan Konfirmasi Registra si Tampilan Registrasi Finish Start Tampilan Web

Pilih Link Pada

Home Tampilan Home


(35)

3.3.2 Flowchart Pemesanan Produk

Flowchart pemesanan produk dapat dilihat pada gambar di bawah ini:

Tidak

Tidak

Ya

Ya

Ya

Tidak

Gambar 3.3 Alur Flowchart Pemesanan Produk Start

Pilih Kategori

Produk

Beli

Login Member

Finish


(36)

3.3.3 Flowchart Admin

Flowchart Admin dapat dilihat pada gambar di bawah ini:

Tidak

Ya

Tidak

Tidak

Tidak

Ya

Gambar 3.4 Alur Flowchart Admin Start

Login Admin

Daftar Produk

Daftar Member

Daftar Transaksi

Logout


(37)

3.3.4 Flowchart Member

Flowchart Admin dapat dilihat pada gambar di bawah ini :

Ya

Ya

Ya

Gambar 3.5 Alur Flowchart Member

3.4 Perancangan Database

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 Start

Login

Produk

Pemesanan

Logout Logout


(38)

penting dalam sistem komputerisasi, karena database merupakan kumpulan dari

beberapa file, dalam hal ini file-file tersebut dikelompokan secara terstruktur

dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya.

Berikut ini rancangan tabel yang penulis gunakan dalam membangun sistem

informasi :

a. Tabel admin terdiri dari:

Tabel 3.3 Tabel admin

Nama Field Tipe Data Lebar Data

id_admin integer 11

Username varchar 20

Password varchar 20

b. Tabel member terdiri dari:

Tabel 3.4 Tabel member

Nama Field Tipe Data Lebar Data

Id_member integer 10

Nama_member varchar 30

Username varchar 10

Email varchar 30

Nohp varchar 12

Alamat varchar 60

Kodepos integer 5

Kota varchar 25

Provinsi text -


(39)

c. Tabel produk terdiri dari:

Tabel 3.5 Tabel produk

Nama Field Tipe Data Lebar Data

Id_produk varchar 9

Nama_produk varchar 25

Harga integer 7

Keterangan varchar 100

Ukuran varchar 7

Foto varchar 50

Stok integer 3

Id_kategori integer 2

d. Tabel keranjang terdiri dari:

Tabel 3.6 Tabel keranjang

Nama Field Tipe Data Lebar Data

Id_cart integer 3

Id_produk varchar 9

Id_session varchar 50

Tgl varchar 10


(40)

e. Tabel transaksi terdiri dari:

Tabel 3.7 Tabel transaksi

Nama Field Tipe Data Lebar Data

Id_transaksi Integer 3

Tgl_trans Varchar 10

Id_member Integer 10

Nama_kirim Varchar 30

Alamat_kirim Varchar 40

Kodepos_kirim Integer 5

Provinsi_kirim Varchar 20

Id_produk Varchar 9

qty Integer 2


(41)

BAB 4

IMPLEMENTASI SISTEM

4.1 Definisi Implementasi Sistem

Implementasi sistem merupakan langkah-langkah atau prosedur yang dilakukan

dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji,

meng-install, 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.

4.2 Tujuan Implementasi

Adapun tujuan implementasi sistem, yaitu:

a. Mengkaji rangkaian sistem baik dari segi software maupun hardware

sebagai sarana pengolah data dan penyaji informasi.

b. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah


(42)

4.3 Komponen dalam Implementasi Sistem

Agar perancangan sistem yang telah kita kerjakan dapat berjalan baik atau tidak,

maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu

dibutuhkan beberapa komponen utama yang mencakup perangkat keras

(hardware), perangkat lunak (software) dan perangkat operator (brainware).

4.3.1 Kebutuhan Perangkat Keras

Perangkat keras (hardware) merupakan komponen peralatan yang membentuk

suatu sistem komputer dan peralatan tambahan lainnya yang mungkin komputer

menjalankan tugasnya sesuai dengan yang diberikan. Komponen ini bersifat nyata

secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU

(Central Processing Unit), printer, keyboard, dan mouse.

Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan

website ini adalah :

1. Laptop dengan Processor min Intel Core i5

2. Memory 2 GB

3. Harddisk sebagai media penyimpanan


(43)

4.3.2 Kebutuhan Perangkat Lunak

Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software merupakan komponen di dalam sistem data berupa program atau instruksi untuk

mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan

perangkat kerasnya adalah:

1. Windows 7 Ultimate

2. Apache

3. Mysql

4. Browser

5. Macromedia Dreamweaver 8

4.3.3 Kebutuhan Brainware

Perangkat Operator (Brainware) yang dapat menjalankan website ini terbagi

menjadi 3 yaitu :

1. Administrator 2. Member 3. Visitor


(44)

4.4 Tampilan Halaman Website

Untuk menjalankan sistem guna web browser pada pengujian ini penulis

menggunakan web browser Google Chrome setelah web browser jalan, ketikkan

pada address bar http://localhost/angelshop/index.php untuk pengetesan halaman

utama. Halaman utama sistem tersebut seperti pada gambar berikut :


(45)

Gambar 4.2 Halaman Dress

Gambar 4.3 Halaman Tops


(46)

Gambar 4.5 Halaman Cara Order


(47)

Gambar 4.7 Halaman Registrasi


(48)

(49)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Setelah dilakukan perancangan, pembuatan, implementasi dan pengujian Sistem

Aplikasi Penjualan Baju berbasis web menggunakan PHP dan MySql, kesimpulan

yang diperoleh adalah sebagai berikut:

1. Sistem ini dapat membantu mempermudah pemasaran dan penjualan

produk dari pengusaha.

2. Sistem informasi ini berhubungan langsung dengan database, sehingga

mempermudah pengusaha untuk mengatur dan mengelola data produknya.

3. Karena website ini berjalan pada jaringan internet, siapa saja bisa melihat

dimana saja dan kapan saja.

5.2 Saran

Adapun saran penulis dalam merancang dan membuat sistem informasi ini, yaitu:

1. Lebih mengembangkan sistem transaksi penjualan yang lebih baik, aman

dan terpercaya.


(50)

BAB 2

LANDASAN TEORI

2.1 Pengertian Aplikasi Web

Aplikasi Web adalah sebuah program yang bila dieksekusi akan menghasilkan

sebuah aplikasi yang dapat bekerja sesuai dengan yang diinginkan. Aplikasi web

dibangun dengan menggunakan bahasa HTML(Hypertext Markup Language).

Pada masa kini aplikasi web dikembangkan untuk memperluas kemampuan

HTML dengan PHP dan ASP pada skrip objek. Aplikasi web dapat dibagi

menjadi dua bagian yaitu aplikasi web dinamis dan aplikasi web statis.

Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi

browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer (Remick, 2011). Arsitektur aplikasi web meliputi klien, web server, middleware

dan basis data. Klien berinteraksi dengan web server. Secara internal, web server

berkomunikasi dengan middleware dan middleware yang berkomunikasi dengan

basis data. Contoh middleware adalah PHP dan ASP. Pada mekanisme aplikasi

web dinamis, terjadi tambahan proses yaitu server menerjemahkan kode PHP menjadi kode HTML. Kode PHP yang diterjemahkan oleh mesin PHP yang akan


(51)

Aplikasi adalah sebuah „mahakarya Symphony Orchestra‟ dari pelaku Teknologi Informasi, yang merupakan hasil kerjasama antara sumber daya manusia, tools

dan pengguna dalam sebuah manajemen yang terintegrasi dimana didalamnya ada

perencanaan, ujicoba, pelaksanaan dan pemeliharaan, dengan tujuan akhir untuk

mendukung aktifitas manusia agar lebih efisien dan efektif (Muhammad Safri

Lubis, 2011).

Jadi aplikasi adalah sebuah program hasil karya yang siap pakai. Program

yang terbuat dengan beberapa tahapan yang melaksanakan suatu fungsi yang telah

diperintahkan.

2.2 Pengertian Komputer

Komputer (computer) berasal dari bahasa Latin computare yang berarti

menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang

yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang

cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis

menerima dan menyimpan data input, memprosesnya dan menghasilkan output

dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang

tersimpan di memori (stored program).

Bila dijabarkan, defenisi dari komputer adalah seperangkat peralatan

elektronik yang bekerja bersama – sama secara otomatis, menerima input, memproses data dan menghasilkan data secara logis (output), cepat dan tepat


(52)

berdasarkan perintah–perintah yang diberikan oleh user dan komputer itu sendiri merupakan bagian dari sistem komputerisasi.

Sistem komputer adalah suatu sistem yang terdiri atas komputer dan seluruh

komponen–komponen yang menunjang terlaksananya proses pengolahan data dan menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki

beberapa komponen yaitu:

1. Perangkat Keras (Hardware)

Perangkat keras merupakan perangkat yang secara fisik dapat dilihat

dan diraba, yang membentuk kesatuan, sehingga dapat difungsikan.

Berdasarkan kegunaannya, perangkat keras dapat digolongkan ke dalam

tiga bagian:

a. Alat input

Alat input adalah alat yang memiliki fungsi untuk memasukkan data

ataupun program yang akan diproses komputer, seperti keyboard,

mouse, printer, scanner dan lainnya. b. Alat Proses

Alat proses atau CPU (Central Prosesing Unit), merupakan alat atau

unit terpenting didalam sistem komputer. Fungsi utamanya adalah

pusat pemprosesan data dan mengiontrol keseluruhan sistem

komputer selama pengolahan data berlangsung, contohnya adalah

prosessor. c. Alat Output

Alat output adalah alat untuk menampilkan hasil pengolahan data


(53)

2. Perangkat Lunak (Software)

Perangkat lunak adalah komponen komputer yang merupakan

kumpulan program dan prosedur yang memungkinkan perangkat keras

komputer dapat menjalankan fungsinya sebagai alat pengolahan

data.Komponen ini tidak nyata secara fisik.Perangkat lunak berfungsi

sebagai perantara antara komputer dan user sehingga dapat digunakan.

3. Perangkat Komputer (Brainware)

Pengguna komputer adalah manusia yang menangani suatu sistem

komputer atau orang yang mampu menangani suatu sistem operasi

komputer. Brainware dapat dikelompokkan dalam beberapa bagian,

yaitu :

a. Sistem Analisis

Orang bertugas untuk membentuk dan merancang fasilitas suatu

sistem komputer yang akan dibangun.

b. Programmer

Orang yang bertugas menerjemaahkan spesifikasi yang telah

dirancang oleh sistem analisis kedalam suatu bahasa program

tertentu.

c. Komputer Operator

Orang yang bertugas menangani pengolahan data secara langsung.

d. Data Entry Operator

Orang yang bertugas melakukan pengurusan data yang akan diolah,


(54)

penyimpanan hingga pemeriksaan dan pengiriman informasi yang

dihasilkan oleh komputer.

2.3 Mengenal PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs

personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada

waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa

sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan

menamakannya PHP. Dengan perilisan kode sumber ini menjadi sumber terbuka,

maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP. Pada

November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah

diimplementasikan dalam program C. Dalam rilis ini disertakan juga

modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang

interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada

Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan

meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah

menjadi akronim berulang PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis


(55)

dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan

kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki

kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter

PHP mengalami perubahan besar. Versi ini juga memasukkan model

pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan

bahasa pemrograman ke arah paradigma berorientasi objek.

2.3.1 Sejarah Singkat PHP

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula

PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya.

Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis.

Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script

PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis.

Kemudian mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat

mengakses database dan dapat terintegrasi dengan HTML. Vesri mutahir dari PHP

diluncurkan pada Juni 2004, oleh Zend merilis PHP 5.0. Dalam versi ini, inti dari

interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan

model pemrograman berorientasi objek baru untuk menjawab perkembangan


(56)

2.3.2 Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP

difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang

dapat dilakukan oleh GCI, seperti mengumpulkan data dari form, menghasilkan isi

halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan

lebih dari kemampuan CGI. PHP dapat digunakan pada setiap sistem operasi,

antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak

Web server, seperti Apache, Microsoft Internet information Server (MIIS), Personal Web Server(PWS), dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.PHP tidak terbatas pada hasil keluaran

HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file

pdf, dan movies flash. Php juga dapat menghasilkan teks seperti XHTML dan file

XML lainnya.

2.3.3 Skrip PHP

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan

dikenali sebagai skrip PHP bila diapit oleh tanda:

<?php. . . ?>

<? . . . .?>

<script language=”PHP”> . . . . .</script>

Script yang dibuat dengan PHP disimpan dengan nama dan diikuti dengan

ekstensi *.php, misalnya : contoh.php. bila scrip PHP diakses melalui komputer


(57)

Berikut contoh dari scrip PHP:

<?php

Echo (“hallo”);?

2.4 MySQL

MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (database management system). MySQL juga dapat dikategorikan sebagai relation

Database Management Sistem (RDBMS).Karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah dalam berbagai tabel dua dimensi.Setiap tabel

pada MySQL terdiri atas lajur horizontal dan lajur vertikal.

MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan

data.Untuk keperluan mnampung data di server, kita perlu sebuah database.MySQL merupakan sebuah program aplikasi untuk membuat database

yang umum digunakan pada wwb server.MySQL bayak digunakan karena

kemampuannya dalam menampung data yang cukup besar dan proses loading

yang cepat dalam memanggil data. MySQL dapat didefinisikan sebagai:

1. MySQL merupakan sistem manajemen database. Database merupakan

struktur penyimpanan data. Untuk menambah,mengakses, dan

memproses data yang disimpan dalam sebuah database komputer,


(58)

2. MySQL merupakan sistem manajemen database atau basis dat

terhubung menyimpan pada tabel – tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL

merupakan bahasa standart yang digunakan untuk mengakses database

dan ditetapkan oleh ANSI/ISO SQL Standar.

3. MySQL merupakan software Open Source, berarti semuaorang

diizinkan menggunakan dan memodifikasi software ini. Semua orang

dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source

Code dan menggunakannya sesuai dengan kebutuhan.

4. Server database MySQL mempunyai kecepatan yang tinggi,mudah

digunkan, dan handal. MySQL dikembangkan untuk menangani

database yang besar secara cepat dan telah sukses digunakan selama

bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat

server MySQL cocok untuk mengakses database di internet.

5. MySQL Server bekerja di client server atau sistem embedded. Software

database MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application programming Interfaces (APIs).


(59)

2.5 Internet

Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu

orang, satu organisasi atau suatu negara yang dapat memahami seluruh seluk

beluk internet.

Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun

1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan

komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat,

selanjutnya jaringan komputer di perbaharui, dikembangkan dan sekarang

penerusnya menjadi tulang punggung global untuk sumber daya informasi yang

sekarang disebut Internet.

Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan

komputer merupakan beberapa komputer yang terhubung satu sama lain dengan

memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan

komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data

dengan komputer lainnya.

ARPAnet (US Defense Advanced Reseach Project Agency) atau departemen pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar

untuk menghindarkan terjadinya informasi terpusat, yang apabila perang dapat

dengan mudah dihancurkan. Jadi suatu bagian dari sambungan itu secara otomatis


(60)

Setelah angkatan Amerika, dunia pendidikan pun merasa sangat perlu

mempelajari dan mengembangkan jaringan komputer.Salah satunya adalah

University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan Universitas di Amerika dan berkembang pesat saat ini. Agar pengguna komputer dengan merek dan tipe berbeda dapat saling

berhubungan, maka para ahli membuat sebuah protocol (semacam bahasa) yang

sama untuk dipakai di Internet. Namanya TCP (Transmission Control Protokol)

protokol pengendali transmisi dan IP (Internet Protokol).

Kegunaan internet diantaranya untuk mendukung bisnis global, akademi

dan komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi

yaitu:

1. Fungsi Komunitas

Internet adalah alat komunikasi. Kegunaan yang sangat penting dari internet adalah Pertukaran pesan antara manusia dengan electronic mail (e-mail). Masyarakat memakai internet untuk mendapatkan software

gratis dan untuk berkomunikasi dengan orang lain dengan

menggunakan komputer dan berbagai kebutuhan.

2. Fungsi Resource Sharing

Internet menghubungkan komputer dengan fasilitas sharing resource diantara komputer.

3. Fungsi Reseorces Discovery

Penuntun untuk mencari file tertentu, dokumen, host atau orang


(61)

2.6 Pengertian E-commerce

E-commerce atau yang bisa disebut juga dengan istilah Ecom atau Emmerce atau EC merupakan pertukaran bisnis yang rutin dengan menggunakan transmisi

Electronic Data Interchange (EDI), email, electronic bulletin boards, mesin faksimilia, dan Electronic Funds Transfer yang berkenan dengan

transaksi-transaksi belanja di Internet shopping, stock online dan surat obligasi, download

dan penjualan software, dokumen, grafik, musik, dan lain-lain, serta transaksi

Business to Business (B2B).

Sedangkan defenisi e-commerce menurut David Baum (1999) adalah satu

set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan

perusahaan, konsumen, dan komunikasi tertentu melalui transaksi elektronik dan

perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik.

E-commerce (electronic ecommerce) sebagai perdagangan elektronik dimana untuk transaksi perdagangan baik membeli maupun menjual dilakukan

melalui elektronik pada jaringan internet. Keberadaan e-commerce sendiri dalam

internet dapatdilakukan melalui adanya fasilitas pemasangan iklan, penjualan, dan

service support terbaik bagi seluruh pelangganya dengan menggunakan sebuah toko online berbentuk web yang setiap harinya beroperasi selama 24 jam. Proses

yang ada dalam e-commerce adalah sebagai berikut:

1. Persentasi elektronis (Pembuatan Website ) untuk produk dan layanan.


(62)

3. Otomatis account pelanggan secara aman (baik nomor rekening

maupun nomor kartu kredit).

4. Pembayaran yang dilakukan secara langsung (online) dan penanganan

transaksi.

2.7 Sublime Text 2

Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang

sangat sederhana adalah notepad.

Sublime Text merupakan editor HTML yang professional mendesain, menulis kode program dan mengembangkan website, halaman web, dan aplikasi

web. Dalam pengerjaanya dreamweaver memberikan tiga pilihan yaitu bekerja dengan menulis kode program (Menu Code), dengan pengeditan secara visual

(Mode Design) dan dengan tampilan keduanya (Split Mode). Dreamweaver juga

menyediakan alat-alat bantu untuk mengembangkan kreatifitas pembuatan web.

2.8 Cascading Style Sheet (CSS)

CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat

dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian

dan layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka


(63)

2.9 Macromedia Dreamweaver

Saat ini dreamweaver merupakan software utama yang digunakan oleh web server

designer maupun web programmer dalam membangun suatu web. Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang

diinginkan. Tips ruang kerja, faasilitas dan kemampuan dreamweaver maupun

dalam membangun web.

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah

Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari

Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru

dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.

Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8

mendukung program Client Side yang terkenal, yaitu JavaScript dengan

penggunaan yang sangat mudah. Macromedia Dreamweaver juga mendukung


(64)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Di zaman sekarang ini masyarakat dituntut untuk menggunakan waktu seefektif

mungkin. Banyak masyarakat yang tidak mau membuang waktu untuk sekedar

pergi membeli sesuatu yang akan memakan banyak waktu. Oleh karena itu

efektifitas dan ketepatan waktu dalam melakukan kegiatan sangat diperlukan agar

sejalan dengan dunia teknologi modern saat ini. Teknologi berkembang sangat

pesat untuk segala bidang, termasuk dalam efisiensi waktu.

Tuntutan untuk menggunakan waktu yang efisien menuntut manusia

semakin berkembang dan terus berpikir untuk membuat suatu alat atau teknologi

baru yang berfungsi untuk mempermudah pekerjaan mereka. Teknologi yang

berkembang sudah memasuki dunia perekonomian dan membawa pengaruh yang

sangat besar. Perdagangan yang termasuk dalam dunia perekonomian juga sudah

pasti ikut berkembang.

Sistem perdagangan dunia termasuk Indonesia dulunya masih menganut

sistem perdagangan tradisional. Sistem perdagangan tradisional merupakan

sebuah sistem dimana hubungan transaksi antara penjual dan pembeli dilakukan


(65)

terjadi di suatu tempat tertentu dimana pembeli dapat memilih dan mendatangi

toko dengan bebas. Transaksi dapat dilakukan jika sudah ada kesepakatan harga

antara pihak penjual dan pembeli. Terbatasnya waktu pembeli untuk memilih

dengan datang secara langsung membuat cara ini sudah mulai dikembangkan agar

pembeli tetap dapat bertransaksi tanpa harus datang langsung ke toko fisik.

Seiring berkembangnya teknologi dan sistem informasi, media penjualan

dan transaksi mulai berpindah ke pasar yang lebih menjanjikan. Pasar tersebut

dapat menghubungkan antara penjual dan pembeli dengan menggunakan

teknologi untuk melakukan transaksi jual-beli tersebut. Pasar yang dimaksud akan

memudahkan pembeli yang berada di luar daerah dari penjual, sehingga penjual

dapat mencakup pelanggan yang lebih luas. Pembelian tidak akan terbatas hanya

karena berbeda daerah dari tempat penjual. Kemudahan pasar tersebut membuat

para penjual terus berlomba-lomba untuk menyediakan sistem informasi agar

dapat terus bersaing di dunia perdagangan.

Penjualan baju wanita online ini nantinya akan terdapat form registrasi

untuk menjadi member. Form registrasi tersebut berguna untuk menampung

semua data diri dari pembeli. Sebelum membeli, calon pembeli diharapkan untuk

mengisi form registrasi tersebut. Data diri pembeli yang telah di input akan

berguna saat member membeli produk nantinya, serta memudahkan admin untuk

mengetahui informasi seperti alamat pengiriman dan nomor yang dapat dihubungi

saat pengiriman barang. Setelah pembeli menjadi member, pembeli dapat memilih


(66)

akan menuju halaman yang berisi info tentang barang dan jumlah masing-masing

barang yang dibeli. Pada menu admin terdapat sebuah halaman dimana admin

dapat merubah status transaksi yang sebelumnya masih pesan menjadi proses

pembeli jika pembayaran telah dilakukan oleh pembeli, selain itu admin juga

dapat melihat data diri member yang berguna saat barang akan di proses nantinya.

1.2 Identifikasi masalah

Toko penjualan baju wanita online ini berguna bagi pembeli yang tidak sempat

atau memiliki masalah terhadap jarak dan waktu untuk pergi atau sekedar melihat

baju yang sedang tren saat ini. Oleh sebab itu dibangunlah aplikasi berbasis web

yang nantinya bertujuan agar dapat mempermudah konsumen dalam mencari dan

membeli berbagai macam produk yang diinginkan. Aplikasi ini juga dapat diakses

setiap saat karena tidak seperti toko fisik yang memiliki jam kerja untuk

operasional toko.

1.3 Rumusan Masalah

Permasalahan yang akan dibahas dalam penelitian ini adalah:

a. Bagaimana cara membangun suatu sistem aplikasi penjualan baju wanita online yang berfungsi untuk membantu penjual untuk memasarkan produknya secara online.

b. Bagaimana membangun sistem aplikasi penjualan baju wanita online agar dapat membantu pembeli dalam melakukan transaksi yang aman dan terpercaya.


(67)

1.4 Batasan Masalah

Berdasarkan kemampuan penulis dan keterbatasan waktu serta luasnya cakupan

permasalahan dalam penulisan Tugas Akhir ini, penulis membuat batasan masalah

yang akan dibahas. Penulis akan membatasi masalah dalam pembahasan

penyampaian informasi pada admin mengenai masukan barang yang masih

dilakukan secara manual melalui database secara langsung.

1.5 Sistematika Penulisan

Maksud dan tujuan dari pembuatan sistematika penulisan yakni berguna untuk

mempermudah penulis dalam memberikan informasi tentang

pembahasan-pembahasan apa saja yang ada dalam setiap bab. Sistematika penulisan tugas

akhir ini adalah:

1. BAB 1 : PENDAHULUAN

Dalam bab ini penulis akan menjelaskan latar belakang penulisan,

identifikasi masalah, rumusan masalah, batasan masalah, dan sistematika

penulisan.

2. BAB 2 : LANDASAN TEORI

Dalam bab ini penulis akan menjelaskan dan menguraikan

pengertian-pengertian menegenai pokok pembahasan yang mengacu pada pembuatan

sistem aplikasi ini. Serta sistem aplikasi pendukung apa saja yang ada di


(68)

3. BAB 3 : PERANCANGAN SISTEM

Dalam bab ini penulis akan membahas tentang perancangan sistem dalam

bentuk data flow diagram, serta struktur database yang digunakan dalam

sistem aplikasi ini.

4. BAB 4 : IMPLEMENTASI SISTEM

Dalam bab ini penulis akan menjelaskan pengertian dan tujuan dari

implementasi sistem yang dibangun.

5. BAB 5 : KESIMPULAN DAN SARAN

Bab ini merupakan bab terakhir, dalam bab ini berisikan tentang

kesimpulan yang dapat ditarik oleh penulis berdasarkan hasil rancangan

sistem aplikasi yang telah dibangun, serta berisi saran yang ditulis oleh

penulis mengenai pengembangan yang mungkin dilakukan terhadap


(69)

ABSTRAK

Perkembangan teknologi informasi dan komunikasi pada saat ini mempunyai peranan yang sangat penting dalam kehidupan. Di mana tuntutan masyarakat akan kebutuhan teknologi semakin lama semakin besar khususnya pada sektor perdagangan. Untuk itu pada penulisan tugas akhir ini, penulis membuat sistem aplikasi penjualan baju dan aksesoris berbasis web. Sistem ini merupakan suatu sarana yang di khususkan bagi para pengusaha atau penjual baju dan aksesoris untuk memasarkan produknya secara online. Dengan adanya web ini di harapkan dapat membantu mempromosikan produk, serta menyediakan informasi yang cepat kepada masyarakat. Web ini dirancang dengan menggunakan PHP dan MySQL.


(70)

SISTEM APLIKASI PENJUALAN BAJU WANITA

BERBASIS WEB

TUGAS AKHIR

OKTAVIA SIRAIT

132406241

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2016


(71)

SISTEM APLIKASI PENJUALAN BAJU WANITA

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli Madya

OKTAVIA SIRAIT

132406241

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2016


(72)

PERSETUJUAN

Judul : SISTEM APLIKASI PENJUALAN BAJU

WANITA BERBASIS WEB

Kategori : Tugas Akhir

Nama : Oktavia SIrait

Nim : 132406241

Program Studi : Diploma (D3) Teknik Informatika

Departemen : Matematika

Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Disetujui di Medan, Juli 2016

Disetujui Oleh:

Program Studi D3 Teknik Informatika Pembimbing, FMIPA USU

Ketua,

Dr.Elly Rosmaini, M.Si Drs. Rosman Siregar, M.Si NIP. 196005201985032002 NIP. 196101071986011001


(73)

PERNYATAAN

SISTEM APLIKASI PENJUALAN BAJU WANITA BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali beberapa kutipan dan ringkasan yang masing- masing disebutkan sumbernya.

Medan, Juni 2016

OKTAVIA SIRAIT 132406241


(74)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, dengan limpah berkat-Nya Penulis dapat menyelesaikan tugas akhir ini dengan judul “SISTEM APLIKASI PENJUALAN BAJU BERBASIS WEB”. Terimakasih penulis sampaikan kepada Bapak Drs. Rosman Siregar, M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terimakasih kepada Bapak Dr. Kerista Sebayang, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Dapertemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam, Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D3 Teknik Informatika, Pembantu Dekan FMIPA USU, seluruh Staff pengajar Program Studi D-3 Teknik Informatika FMIPA USU, pegawai FMIPA USU.

Akhirnya tidak terlupakan kepada Ayahanda Panahatan Sirait, Ibunda Rini Tobing, kakak Kristellia Sirait dan adek Jeremi Sirait, serta kepada para sahabat penulis Imas Margaretta, Neusantija Sitinjak, Yohannes Sinaga yang telah membantu dan memberikan dukungan kepada penulis selama menyelesaikan tugas akhir ini. Semoga Tuhan Yang Maha Esa akan membalasnya.


(75)

ABSTRAK

Perkembangan teknologi informasi dan komunikasi pada saat ini mempunyai peranan yang sangat penting dalam kehidupan. Di mana tuntutan masyarakat akan kebutuhan teknologi semakin lama semakin besar khususnya pada sektor perdagangan. Untuk itu pada penulisan tugas akhir ini, penulis membuat sistem aplikasi penjualan baju dan aksesoris berbasis web. Sistem ini merupakan suatu sarana yang di khususkan bagi para pengusaha atau penjual baju dan aksesoris untuk memasarkan produknya secara online. Dengan adanya web ini di harapkan dapat membantu mempromosikan produk, serta menyediakan informasi yang cepat kepada masyarakat. Web ini dirancang dengan menggunakan PHP dan MySQL.


(76)

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Daftar Isi v

Daftar Tabel vi

Daftar Gambar vii

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Rumusan Masalah 3

1.4 Batasan Masalah 4

1.5 Sistematika Penulisan 4

BAB 2 LANDASAN TEORI

2.1 Pengertian Aplikasi Web 6

2.2 Pengertian Komputer 7

2.3 Mengenal PHP 10

2.2.1 Sejarah Singkat PHP 11

2.2.2 Kelebihan PHP 12

2.4 MySQL 13

2.5 Internet 15

2.6 Pengertian E-commerce 17

2.7 Sublime Text2 18

2.8 Cascading Style Sheet(CSS) 18

2.9 Macromedia Dreamweaver 19

BAB 3 PERANCANGAN SISTEM

3.1 Data Flow Diagram 20

3.2 Gambar Diagram DFD 21

3.3 Flowchart (Daiagram Alir) 22

3.3.1 Flowchart Menu Utama 23

3.3.2 Flowchart Pemesanan Produk 24

3.3.3 Flowchart Admin 25

3.3.4 Flowchart Member 26


(77)

BAB 4 IMPLEMENTASI SISTEM

4.1 Definisi Implementasi Sistem 30

4.2 Tujuan Implementasi 30

4.3 Komponen Implementasi Sistem 31

4.3.1 Kebutuhan Perangkat Keras 31

4.3.2 Kebutuhan Perangkat Lunak 32

4.3.3 Kebutuhan Brainware 32

4.4 Tampilan Halaman Website 32

4.5 Tampilan Halaman Admin 33

BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 38

5.2. Saran 38

Daftar Pustaka Lampiran


(78)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

3.1 Tabel Simbol Data Flow Diagram 21

3.2 Tabel Simbol Data Flow Diagram 2 22

3.3 Tabel Admin 27

3.4 Tabel Member 27

3.5 Tabel Produk 28

3.6 Tabel Keranjang 28


(79)

DAFTAR GAMBAR

Nomor Judul Halaman Gambar

3.1 DFD Level Konteks 21

3.2 Alur Flowchart Menu Utama 23

3.3 Alur Flowchart Pemesanan Produk 24

3.4 Alur Flowchart Admin 25

3.5 Alur Flowchart Member 26

4.1 Halaman Home 33

4.2 Halaman Dress 34

4.3 Halaman Tops 34

4.4 Halaman Blazer 34

4.5 Halaman Cara Order 35

4.6 Halaman Konfirmasi Pembayaran 35

4.7 Halaman Registrasi 36

4.8 Halaman Produk Admin 36


(1)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, dengan limpah berkat-Nya Penulis dapat menyelesaikan tugas akhir ini dengan judul

“SISTEM APLIKASI PENJUALAN BAJU BERBASIS WEB”. Terimakasih

penulis sampaikan kepada Bapak Drs. Rosman Siregar, M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terimakasih kepada Bapak Dr. Kerista Sebayang, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Dapertemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam, Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D3 Teknik Informatika, Pembantu Dekan FMIPA USU, seluruh Staff pengajar Program Studi D-3 Teknik Informatika FMIPA USU, pegawai FMIPA USU.

Akhirnya tidak terlupakan kepada Ayahanda Panahatan Sirait, Ibunda Rini Tobing, kakak Kristellia Sirait dan adek Jeremi Sirait, serta kepada para sahabat penulis Imas Margaretta, Neusantija Sitinjak, Yohannes Sinaga yang telah membantu dan memberikan dukungan kepada penulis selama menyelesaikan tugas akhir ini. Semoga Tuhan Yang Maha Esa akan membalasnya.


(2)

ABSTRAK

Perkembangan teknologi informasi dan komunikasi pada saat ini mempunyai peranan yang sangat penting dalam kehidupan. Di mana tuntutan masyarakat akan kebutuhan teknologi semakin lama semakin besar khususnya pada sektor perdagangan. Untuk itu pada penulisan tugas akhir ini, penulis membuat sistem aplikasi penjualan baju dan aksesoris berbasis web. Sistem ini merupakan suatu sarana yang di khususkan bagi para pengusaha atau penjual baju dan aksesoris untuk memasarkan produknya secara online. Dengan adanya web ini di harapkan dapat membantu mempromosikan produk, serta menyediakan informasi yang cepat kepada masyarakat. Web ini dirancang dengan menggunakan PHP dan MySQL.


(3)

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Daftar Isi v

Daftar Tabel vi

Daftar Gambar vii

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Rumusan Masalah 3

1.4 Batasan Masalah 4

1.5 Sistematika Penulisan 4

BAB 2 LANDASAN TEORI

2.1 Pengertian Aplikasi Web 6

2.2 Pengertian Komputer 7

2.3 Mengenal PHP 10

2.2.1 Sejarah Singkat PHP 11

2.2.2 Kelebihan PHP 12

2.4 MySQL 13

2.5 Internet 15

2.6 Pengertian E-commerce 17

2.7 Sublime Text2 18

2.8 Cascading Style Sheet(CSS) 18

2.9 Macromedia Dreamweaver 19

BAB 3 PERANCANGAN SISTEM

3.1 Data Flow Diagram 20

3.2 Gambar Diagram DFD 21

3.3 Flowchart (Daiagram Alir) 22 3.3.1 Flowchart Menu Utama 23 3.3.2 Flowchart Pemesanan Produk 24

3.3.3 Flowchart Admin 25

3.3.4 Flowchart Member 26


(4)

BAB 4 IMPLEMENTASI SISTEM 4.1 Definisi Implementasi Sistem 30

4.2 Tujuan Implementasi 30

4.3 Komponen Implementasi Sistem 31 4.3.1 Kebutuhan Perangkat Keras 31 4.3.2 Kebutuhan Perangkat Lunak 32

4.3.3 Kebutuhan Brainware 32

4.4 Tampilan Halaman Website 32

4.5 Tampilan Halaman Admin 33

BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 38

5.2. Saran 38

Daftar Pustaka Lampiran


(5)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

3.1 Tabel Simbol Data Flow Diagram 21 3.2 Tabel Simbol Data Flow Diagram 2 22

3.3 Tabel Admin 27

3.4 Tabel Member 27

3.5 Tabel Produk 28

3.6 Tabel Keranjang 28


(6)

DAFTAR GAMBAR

Nomor Judul Halaman Gambar

3.1 DFD Level Konteks 21

3.2 Alur Flowchart Menu Utama 23

3.3 Alur Flowchart Pemesanan Produk 24

3.4 Alur Flowchart Admin 25

3.5 Alur Flowchart Member 26

4.1 Halaman Home 33

4.2 Halaman Dress 34

4.3 Halaman Tops 34

4.4 Halaman Blazer 34

4.5 Halaman Cara Order 35

4.6 Halaman Konfirmasi Pembayaran 35

4.7 Halaman Registrasi 36

4.8 Halaman Produk Admin 36