BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisa Kebutuhan Software A. Tahapan Analisa
Penjualan secara online berbasis web dimana penjual dan pembeli tidak bertatap muka secara lansung. Calon pembeli melakukan pembelian melalui media browser. Berikut ini spesifikasi kebutuhan dari sistem informasi penjualan berbasis web :
1. Halaman User
A1. Pembeli dapat melakukan registrasi yaitu halaman yang berisikan informasi form pendaftaran untuk menjadi pelanggan di web ini.
A2. Pembeli dapat memilih barang di produk yang akan dibeli dan di tambahkan ke keranjang belanja.
A3. Sistem bisa melakukan kalkulasi jumlah barang dan total pembelian.
A4. Pembeli bisa memilih pembayaran melalui bank yang sudah ditentukan.
A5. Pembeli bisa melakukan konfirmasi pembayaran.
A6. Pembeli dapat login dengan account yang dibuat apabila mengecek barang sudah dikirim atau belum dan dapat belanja dilain hari.
2. Halaman Administrasi
B.1. Admin dapat mengelola data penjualan yang sudah dikirim, belum dikirim dan batal dikirim.
B.2. Admin dapat mengelola data pembayaran melalui bank.
B.3. Admin dapat mengelola kategori sepatu yang ditentukan.
B.4. Admin dapat mengelola produk sepatu sesuai harga ukuran, jenis sepatu dan sebagainya.
B.5. Admin dapat mengelola data member yang sudah melakukan registrasi member sebelumnya.
B.6. Admin dapat mengelola data admin sendiri sesuai kebutuhan B. Use Case Diagram
1. Use Case Diagram User
Gambar IV.1 Use Case Diagram User
Tabel IV.1
Diskripsi Use Case Diagram User Use Case Name Penjualan Online User
Requirements A1-A6
Goal Pembeli bisa melakukan pembelian secara online via
website
Pre-conditions Pembeli mengetahui situs dari sistem belanja online Post-condition Pembeli membeli barang secara online
Failed end Condition Pembeli membatalkan belanja secara online Primary Actors Pembeli
Main Flow / Basic Path 1. User memilih produk yang akan dibeli
2. User menambahkan barang ke dalam keranjang belanja
3. User melakukan check out
4. User mengisi data registrasi dan alamat pengiriman
5. User memilih jenis pembayaran 6. User melihat data order pesanan
2. Use Case Diagram Administrator
Gambar IV.2
Use Case Diagram Administrator
Tabel IV.2
Diskripsi Use Case Diagram Administrator Use Case Name Penjualan Online Admin
Requirements B1-B6
Goal Admin dapat menambah, mengeditit, menghapus
data penjualan Pre-conditions Admin login
Post-condition Data penjualan tersimpan, terupdate dan terhapus
Failed end Condition Gagal menyimpan, mengupdate dan menghapus Primary Actors Administrator
Main Flow / Basic Path 1. Admin melihat data penjualan 2. Admin melihat data pemesanan
3. Admin melakukan
2a. Admin menyimpan data pesanan 2b. Admin mencetak data pesanan
3. Use Case Diagram Mengelola Data Penjualan
Gambar IV.3
Use Case Diagram Mengelola Data Penjualan
Tabel IV.3
Deskripsi Use Case Diagram Diagram Data Penjualan
Use Case Name Data Penjualan
Requirements B1
Goal Admin dapat menambah, mengedit dan menghapus data
penjualan
Pre-conditions Admin telah login
Post-condition Data penjualan tersimpan, terupdate dan terhapus Failed end Condition Gagal menyimpan, mengupdate, dan menghapus Primary Actors Administrator
Main Flow / Basic Path 1. Admin melihat data penjualan 2. Admin Melihat data pemesanan 3. Admin melakukan aksi sudah dikirim 4. Admin melakukan aksi belum dikirim 5.Admin melakukan aksi batal dikirim Alternate Flow / Invariant 1 2a. Admin menyimpan data pesana Invariant 2 2b. Admin mencetak data pesanan
4. Use Case Diagram Mengelola Data Pembayaran Bank
Gambar IV.4
Use Case Mengelola Data Pembayaran Tabel IV.4
Deskripsi Use Case Diagram Data Pembayaran Bank
Use Case Name Data Pembayaran Bank
Requirements B2
Goal Admin dapat menambah, mengedit dan menghapus
data pembayaran Pre-conditions Admin telah login
Post-condition Data pembayaran tersimpan, terupdate dan terhapus Failed end Condition Gagal menyimpan, mengupdate, dan menghapus Primary Actors Administrator
Main Flow / Basic Path 1. Admin melihat data pembayaran 2. Admin menambah pembayaran 3. Admin menyimpan data pembayaran Alternate Flow / Invariant 1 2a. Admin menegedit data pembayaran Invariant 2 2b. Admin menghapus data pembayaran
5. Use Case Diagram Mengelola Data Kategori
Gambar IV.5
Use Case Diagram Mengelola Data Kategori Tabel IV.5
Deskripsi Use Case Diagram Mengelola Data Kategori
Use Case Name Data Kategori
Requirements B3
Goal Admin dapat menambah, mengedit dan menghapus
data kategori Pre-conditions Admin telah login
Post-condition Data kategori tersimpan, terupdate dan terhapus Failed end Condition Gagal menyimpan, mengupdate, dan menghapus Primary Actors Administrator
Main Flow / Basic Path 1. Admin melihat data kategori 2. Admin menambah data kategori 3. Admin menyimpan data kategori Alternate Flow / Invariant 1 2a. Admin menegedit data kategori Invariant 2 2b. Admin menghapus data kategori
6. Use Case Diagram Mengelola Data Produk
Gambar IV.6
Use Case Diagram Mengelola Data Produk Tabel IV.6
Deskripsi Use Case Diagram Mengelola Data Produk
Use Case Name Data Produk
Requirements B4
Goal Admin dapat menambah, mengedit dan menghapus
data produk Pre-conditions Admin telah login
Post-condition Data produk tersimpan, terupdate dan terhapus Failed end Condition Gagal menyimpan, mengupdate, dan menghapus Primary Actors Administrator
Main Flow / Basic Path 1. Admin melihat data produk 2. Admin menambah data produk 3. Admin menyimpan data produk Alternate Flow / Invariant 1 2.a. Admin menegedit data produk Invariant 2 2.b. Admin menghapus data produk
7. Use Case Diagram Mengelola Data Member
Gambar IV.7
Use Case Diagram Mengelola Data Member Tabel IV.7
Deskripsi Use Case Diagram Mengelola Data Member
Use Case Name Data Member
Requirements B5
Goal Admin dapat menambah, mengedit dan menghapus data
member
Pre-conditions Admin telah login
Post-condition Data member tersimpan, terupdate dan terhapus Failed end Condition Gagal menyimpan, mengupdate, dan menghapus Primary Actors Administrator
Main Flow / Basic Path 1. Admin melihat data member 2. Admin menambah data member 3. Admin menyimpan data member Alternate Flow / Invariant 1 2.a. Admin menegedit data member Invariant 2 2b. Admin menghapus data member
8. Use Case Diagram Mengelola Data Master Admin
Gambar IV.8
Use Case Diagram Mengelola Data Master Admin Tabel IV.8
Deskripsi Use Case Diagram Mengelola Data Master Admin
Use Case Name Data Admin
Requirements B6
Goal Admin dapat menambah, mengedit dan menghapus data member
Pre-conditions Admin telah login
Post-condition Data admin tersimpan, terupdate dan terhapus Failed end Condition Gagal menyimpan, mengupdate, dan menghapus Primary Actors Administrator
Main Flow / Basic Path 1. Admin melihat data admin 2. Admin menambah data admin 3. Admin menyimpan data admin Alternate Flow / Invariant 1 2a. Admin menegedit data admin Invariant 2 2b. Admin menghapus data admin
9. Activity Diagram Penjualan Online Halaman User
Gambar IV.9
Activity Diagram Penjualan Online Halaman User
10. Activity Diagram Penjualan Online Halaman Admin
Gambar IV.10
Activity Diagram Penjualan Online Halaman Admin
4.2. Desain
Pada Tahapan ini akan menjelaskan tentang desain database, desain software architecture dan desain interface dari sistem yang sedang dibuat.
4.2.1.Database
1. Entity Relationship Diagram (ERD)
Gambar IV.11
ERD (Entity Relationship Diagram)
2. Logical Record Structure (LRS)
Gambar IV.12
LRS (Logical Record Structure)
3. Spesifikasi File
a. Spesifikasi File Tabel Member
File ini berfungsi untuk menyimpan data member.
Nama Database : db_boots
Nama File : Tabel Member
Akronim File : tbmember.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 225 byte
Kunci Field : kd_member
Tabel IV.9
Spesifikasi File Tabel Member
No Elemen Data Nama Field Type Size Keteranagan
1. Username Usename Varchar 20 Primary key
2 Sandi Sandi Varchar 30
3. Nama member Nm_memebr Varchar 30
4. Almt_member Almt_member Varchar 100
5. Jns_kel Jns_kel Enum
6. Email Email_member Varchar 30
7. Telp Telp Varchar 15
b. Spesifikasi File Catagory
File ini berfungsi untuk menyimpan katagori sepatu.
Nama Database : db_boots
Nama File : Tabel Catagory
Akronim File : tbcatagory.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 32 byte Kunci Field : id_catagory
Tabel IV.10
Spesifikasi File Tabel Catagory
No Elemen Data Nama Field Type Size Keteranagan
1. Id_catagory id_catagory Varchar 7 Primary Key
2. Nama_catagory No_catagory Varchar 25
c. Spesifikasi File Tabel Kantong
File ini berfungsi untuk menyimpan data pemebelin user.
Nama Database : db_boots
Nama File : Tabel Kantong
Akronim File : tbkantong.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 44 byte Kunci Field : id_kantong
Tabel IV.11
Spesifikasi File Tabel Kantong
No Elemen Data Nama Field Type Size Keteranagan
1. Id_kantong Id_kantong varchar 5 Primary Key
2. Kd_produk kd_produk varchar 6
3. Harga_produk Harga_produk mediumint -
4. Jumlah Jumlah varchar 3
5. Tanggal Tanggal varchar -
6. Jam Jam Int -
7. Username Username varchar 30
d. Spesifikasi file Konfirmasi Pembayaran
File ini berfungsi untuk menyimpasn data konfirmasi pembayaran.
Nama Database : db_boots
Nama File : Tabel Konfirmasi_pembayaran Akronim File : tbkonfirmasi_pembayaran.myd
Tipe File : File Master
Akses File : Random Panjang Record : 14 byte
Kunci Field : kd_konfirmasi Tabel IV.12
Spesifikasi File Konfirmasi_Pembayaran
No Elemen Data Nama Field Type Size Keteranagan
1. Id_ konfirmasi id_konfirmasi Int 5 Primary Key
2. No_pesan no_pesan varchar 7
3. Id_bank id_bank Int 2
4. Jumlah_kirim jumlah_kirim double
e. Spesifikasi File Pemesanan
file ini berfungsi untuk menyimpandata pemesanan pelanggan.
Nama Database : db_boots
Nama File : Tabel Pemesanan
Akronim File : tbpemesanan.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 120 byte Kunci Field : no_pesan
Tabel IV.13
Spesifikasi File Tabel Pemesanan
No Elemen Data Nama Field Type Size Keteranagan
1. No_pesan No_pesan Varchar 7 Primary Key
2. Username Username Varchar 20
3. Nama_lengkap Nama_lengkap Varchar 50
4. Alamat Alamat Varchar 100
5. No_tlp No_tlp Varchar 13
6. Status Status Int 20
7. Tanggal Tanggal Varchar -
8. Jam Jam Varchar -
f. Spesifikasi File Pemesanan Detal
File ini berfungsi untuk menyimpan barang pesanan pelanggan.
Nama Database : db_boots
Nama File : Tabel Pemesanan_detail Akronim File : tbpemesanan_detail.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 24 byte
Kunci Field : id_pesan
Tabel IV.14
Spesifikasi File Tabel Pemesanan_Detail
No Elemen Data Nama Field Type Size Keteranagan
1. Id_pesan id_pesan Int 4 Primary Key
2. No_pesan No_pesan Char 7
3. kd_produk kd_produk Varchar 8
4. Jumlah Jumlah Int 5
5. Harga Jumlah double
g. Spesifikasi File Produk
File ini berfungsi untuk menyimpan produk-produk yang dijual.
Nama Database : db_boots
Nama File : Tabel Produk
Akronim File : tbproduk.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 227 byte
Kunci Field : kd_produk
Tabel IV.15
Spesifikasi File Tabel Produk
No Elemen Data Nama Field Type Size Keteranagan
1. Kd_produk kd_produk varchar 6 Primary Key
2. Nm_produk nm_produk varchar 20
3. Harga nama_lengkap mediumint 8
4. Optional Optional varchar 100
5. Review Review varchar -
6. Stok Stok Int 3
7. Gambar Gambar varchar 50
8. Catagory Catagory varchar 20
9. Admin Admin varchar 20
h. Spesifikasi File Daftar Bank
File ini berfungsi untuk menyimpan data bank.
Nama Database : db_boots
Nama File : Tabel daftar_bank Akronim File : tbdaftar_bank.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 227 byte
Kunci Field : id_bank
Tabel IV.16
Spesifikasi File Daftar Bank
No Elemen Data Nama Field Type Size Keteranagan
1. Id bank Id_bank Int 2 Primary Key
2. Nama bank Nama_bank Varchar 10
3. No rekening No_rekening Varchar 15
i. Spesifikasi File Shoutbox
Spesifikasi tabel produk berfungsi menyimpan produk-produk yang dijual.
Nama Database : db_boots
Nama File : Tabel shoutbox
Akronim File : tb.shoutbox.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 225 byte Kunci Field : id_komentar
Tabel IV.17 Spesifikasi File Shotbox
No Elemen Data Nama Field Type Size Keteranagan
1. Id komentar Id_komentar Int 10 Primary Key
2. Nama Nama Varchar 30
3. Email Email Varchar 35
4. pesan Pesan Varchar 150
5. waktu Waktu Datetime
j. Spesifikasi File User
Spesifikasi tabel produk berfungsi menyimpan produk-produk yang dijual.
Nama Database : db_boots
Nama File : Tabel daftar_bank Akronim File : tbdaftar_bank.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 180 byte
Kunci Field : id_bank
Tabel IV.18 Spesifikasi File User
No Elemen Data Nama Field Type Size Keteranagan
1. Admin Admin Varchar 20 Primary Key
2. Sandi admin Sandi_admin Varchar 30
3. Nama Nm_user Varchar 30
4. Alamat Almt_user Varchar 100
5. Jekel Jenis_kelamin Enum -
4.2.2.Software Architecture A.Component Diagram
Component diagram menggambarkan struktur dan hubungan antara komponen piranti lunak, termasuk ketergantungan (dependency) diantaranya, komponen piranti lunak adalah modul berisi code, baik berisi source code maupun binary code, baik library maupun executable, baik yang muncul pada compile time, link time, maupun run time. Umumnya komponen terbentuk dari beberapa class dan atau package, tapi dapat juga dari komponen-komponen yang lebih kecil. Komponen dapat juga berupa interface, yaitu kumpulan layanan yang disediakan sebuah komponen untuk komponen lain. Berikut gambar component software :
Gambar IV.13 Component Diagram
B.Deployment Diagram
Deployment diagram menyediakan gambaran bagaimana sistem secara fisik akan terlihat. Sistem diwakili oleh node-node, dimana masing – masing node diwakili oleh sebuah kubus. Garis yang menghubungkan kedua kubus menunjukan hubungan diantara kedua node tersebut. Berikut gambar deployment diagram :
Gambar IV.14 Deployment Diagram 4.2.3.User Interface
1. Halaman Beranda atau Menu Utama
Halaman beranda atau menu utama adalah halaman pertama yang akan muncul pada web ketika di akses.
Gambar IV.15
Halaman Beranda atau Menu Utama
2. Halaman Produk
Gambar IV.16 Halaman Produk
3. Halaman Kontak Kami
Gambar IV.17 Halaman Kontak 4. Halaman Keranjang Belanja
Gambar IV.18 Halaman Keranjang Belanja
5. Halaman Last Order
Gambar IV.19 Halaman Last Order 6. Halaman Cara Pembelian
Gambar IV.20 Halaman Cara Pembelian
7. Halaman Keluhan Pelanggan
Gambar IV.21
Halaman Keluhan Pelanggan 8. Halaman Data Pemesanan
Gambar VI.22 Halaman Data Pemesanan
9. Halaman Konfirmasi Pembayaran
Gambar VI.23
Halaman Konfirmasi Pembayaran 10.Halaman Login Admin
Gambar IV.24 Halaman Login Admin
11. Halaman Admin Beranda
Gambar IV.25 Halaman Admin Beranda
12. Halaman Admin Penjualan
Gambar IV.26 Halaman Admin Penjualan
13.Halaman Admin Daftar Bank
Gambar IV.27
Halaman Admin Daftar Bank
14.Halaman Admin Kategori
Gambar IV.28 Halaman Admin Kategori
15.Halaman Admin Produk
Gambar IV.29 Halaman Admin Produk
16.Halaman Admin Member
Gambar IV.30 Halaman Admin Member
17.Halaman Admin Master Admin
Gambar IV.31
Halaman Admin Master Admin
18.Halaman Cetak Invoice
Gambar IV.32 Halaman CetakInvoice
4.3. Code Generation A. Form Indek
<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NJS SPORT</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!-- body {
background-image:;
background-repeat: repeat;
background-color: #999999;
background-attachment: fixed;
} -->
</style>
</head>
<body>
<!-- begin #container --><div id="container">
<td height="24" align="right" bgcolor="#fff"><marquee><div id="ucapan">
<SCRIPT language=JavaScript>var d = new Date();
var h = d.getHours();
if (h < 11) { document.write('Selamat Pagi, Pengunjung NJS SPORT'); } else { if (h < 15) { document.write('Selamat Siang, Pengunjung NJS
SPORT'); }
else { if (h < 19) { document.write('Selamat Sore, Pengunjung NJS SPORT'); }
else { if (h <= 23) { document.write('Selamat Malam, Pengunjung NJS SPORT'); }
}}}</SCRIPT>
</div></marquee></td>
<!-- begin #header -->
<div id="header">
<div class="headerInfoBox"></div>
<div id="navcontainer">
<td height="43" bgcolor="#FF6699"><a href="./?open=Home"><img src="icon/IMG-20170206-WA0021.jpg" al width="800" height="200"
border="0"></a></td>
<ul id="navlist" >
<li id="active"><a href="index.php">BERANDA |</a></li>
<li><a href="index.php?module=profil">PROFIL |
</a></li>
<li><a href="index.php?module=produk">PRODUK |</a></li>
<li><a href="index.php?module=kontak">KONTAK |</a></li>
<? session_start();
if(!$_SESSION['dtuser']=='') {
echo"<li><a href='index.php?
module=keranjang'>KERANJANG BELANJA |</a></li>";
echo"<li><a href='index.php?
module=tampil_order'>LAST ORDER |</a></li>";
echo"<li><a href='login-keluar.php'>LOGOUT |
</a></li>";
} ?>
</ul>
</div>
</div>
<!-- end #header -->
<!-- begin #sidebar1 -->
<div id="sidebar1">
<div class="headerInfo">
<? include"login-tampil.php"; ?>
</div>
<div class="sidebox2">
<h2><img src="images/6.png" width="32" height="32"/> KERANJANG BELANJA</h2>
<hr color="#F7F7F7"/>
<div class="phoneBox">
<? $d=mysql_query("select*from kantong where username='$_SESSION[dtuser]'");
$w= mysql_num_rows($d);
while($g=mysql_fetch_array($d)) {
$total3= $g['harga_produk']*$g['Jumlah'];
$subtotal3= $subtotal3+$total3;
} ?>
<table width="100%" border="0" cellspacing="0">
<tr>
<td><img src="images/5.png" width="72" height="68" /></td>
<td>JML ITEM<br />Total</td><td>:<br />:</td><td
align="right"><h3><? echo $w; ?><br />Rp.<? echo $subtotal3; ?
></h3></td>
</tr>
<tr><td colspan="4" align="right"><a href="index.php?
module=keranjang">Check Out</a></td></tr>
</table>
</div>
</div>
<h2><img src="images/location.png" width="24" height="24"/>
NAVIGASI</h2><hr color="#F7F7F7"/>
<div class="phoneBox">
<div id="menu_panel">
<div >
<p class="menu"><img src="images/1Home-64.png"/><a href="index.php">
Home</a></p>
<p class="menu"><img src="images/billboard16.png" /><a href="index.php"> Produk</a></p>
<div id="menu_panela">
<?
include"koneksi.php";
$sql1=mysql_query("select*from catagory ");
if (mysql_num_rows($sql1) >=1) {
while($t=mysql_fetch_array($sql1)) {
$sql2=mysql_query("select*from produk where catagory='$t[0]'");
$u=mysql_num_rows($sql2);
echo"<p class='sub_menu'><img src='images/navigate-right16.png' width='12px' height='12px'/>
<a href='index.php?module=catagory&catid=$t[0]'>$t[1] <span style='color:brown'>( $u item )</span></a></p>";
} } ?>
</div>
<p class="menu"><img src="images/rules16.png" width="21" height="17"
/><a href="index.php?module=shoutbox">Keluhan Pelanggan</a></p>
<p class="menu"><img src="images/table_background_products_new.gif"
width="29" height="30"/><a href="index.php?module=cara">Cara Pembelian</a></p>
<p class="menu"><img src="images/navigate-right16.png" width="16"
height="16"/><a href="index.php?module=berita"> Berita</a></p>
<p>
<? if(!$_SESSION['dtuser']=='') {
echo"<p class='menu'><img src='images/semi_success16.png'/><a href='index.php?module=keranjang'> Kantong Belanja</a></p>
<!-- <div id='menu_panela'>
</div> -->
<p class='menu'><img src='images/catalog16.png'/><a href='index.php?
module=tampil_order'> Last Order</a></p>
<p class='menu'><img src='images/chat16.png'/><a href='login- keluar.php'> Logout</a> </p>";
} ?>
</div>
</div>
</p>
<div class="gris"></div>
<div class="bann"><img src="icon/Logo BRI.gif" width="200"
height="69" /></div>
<div class="bann"><img src="icon/7f72c749-0d48-3b9f-7beb-bca6453d0220- 720x720.jpg" width="200" height="61" /></div>
<div class="bann"><img src="icon/logo-bca.jpg" width="200" height="57"
/></div>
<div class="clearfloat"></div>
</div>
</div>
<? include"module.php"; ?>
<div id="footer">
<p>
NJS SPORT | Copyright © STMIK Nusa Mandiri. </p>
</div>
</div>
</body>
</html>
B. Form Transaksi
<!-- <div class="kosong"></div>-->
<div class="produk"><h1>PRODUK KAMI</h1></div>
<?
$limit=4;
$start=$_GET['halaman'];
if (empty($start)) {
$posisi=0; $start=1; } else {
$posisi=($start-1)*$limit; } include"koneksi.php";
$sql=mysql_query("select*from produk order by kd_produk desc limit
$posisi,$limit");
while($row=mysql_fetch_array($sql)) {
$g=mysql_query("select*from kantong where kd_produk='$row[0]'");
$w='0';
while($u=mysql_fetch_array($g)) {
$w=$w+$u['Jumlah'];
} ?>
<div id="mainContent">
<div>
<table width="100%" border="0" align="center" cellpadding="2"
cellspacing="2" >
<tr >
<td class="title" colspan="6"><a href="index.php?
module=lihat_item&ID=<? echo "$row[0]"; ?>"><h3><? echo "$row[1]"; ?
></h3></a><hr style="border: solid; border-color: #000000; border- width:1px" /><br></td>
</tr>
<tr >
<td width="200px" valign="top"><div align="center" ><img style="border: 2px gray solid" src="gambar/<? echo $row[6]; ?>"
width="189" height="192" /></div></td>
<td valign="top">
<table width="100%" ><tr>
<td valign="top" width="50px" ><b>Stok </b></td><td ><h3><? echo
$row[5]-$w; ?></h3></td></tr>
<tr>
<td ><b>Harga </b></td>
<td ><h3>Rp. <? echo $row[2]; ?></h3></td></tr>
</table>
<div><hr/>
<span style="color: #620000"><? echo $row[3]; ?></span> </div>
<div align="left">
<form id="form1" name="form1" method="post"
action="trans_proses.php?KD=<? echo $row[0]; ?>">
<input name="gambar" type="hidden" value="<? echo $row[5]; ?
>" />
<input name="kode" type="hidden" value="<? echo $row[0]; ?
>" />
<input name="nama" type="hidden" value="<? echo $row[1]; ?>"/>
<input name="harga" type="hidden" value="<? echo $row[2]; ?>"/>
<input name="review" type="hidden" value="<? echo $row[3]; ?
>"/>
<input name="stok" type="hidden" value="<? echo $row[5]-$w; ?
>"/>
<input class="input1"name="beli" type="hidden" size="6"
style="width: 50px; height: 29px" value="1"/><a href="index.php?
module=lihat_item&ID=<? echo "$row[0]"; ?>"><b><img src="images/readmore.png"/>Read More</b></a> |
<input name="bl" type="submit" value="Beli" class="tombol"
style="width: 86px; height: 57px" />
</form>
</div></td>
</tr>
<tr bgcolor="#FEFDFA" >
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div></div><br>
<? } ?>
<div id="mainContent" > <center> HALAMAN :
<?
$tampil=mysql_query("select*from produk order by kd_produk desc");
$jmldata=mysql_num_rows($tampil);
$jmlhalaman=ceil($jmldata/$limit);
for($i=1;$i<=$jmlhalaman;$i++) if($i!=$start) {
echo"<a href=index.php?module=produk&halaman=$i>$i</a>|";
} else {
echo"<b>$i</b>|";
}
?></center></div>
C. Form Koneksi
<?
$koneksi=mysql_connect("localhost","root","password") or die("Gagal Koneksi".mysql_error());
mysql_select_db("db_boots") or die("Database tidak ada".mysql_error()); ?>
D. Form Admin
<?
include "koneksi.php";
include "sesion.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />SS
<title>ADMIN NJS SPORT</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
body {
background-image:url(../images/bg.jpg);
background-repeat: repeat;
} -->
</style>
</head>
<body>
<!-- top navigation start -->
<br />
<div id="topNav">
<ul>
<li><a href="index.php" title="Home" class="hover style1">HOME</a></li>
<li><a href="index.php?module=lihat_order" title="Order"
class="hover">PENJUALAN</a></li>
<li><a href="index.php?module=tampil_bank"
title="Catagory">BANK</a></li>
<li><a href="index.php?module=tampil_catagory"
title="Catagory">KATEGORI</a></li>
<li><a href="index.php?module=tampil_produk"
title="Sepatu">PRODUK</a></li>
<li><a href="index.php?module=tampil_member"
title="Member">MEMBER</a></li>
<li><a href="index.php?module=tampil_user"
title="user">ADMIN</a></li>
<li><a href="loginkeluar.php" title="Member">LOGOUT</a></li>
</ul>
</div>
<!-- top navigation end -->
<!-- body start -->
<div id="body">
<!-- top shadow start -->
<div id="topShadow"></div>
<!-- top shadow end -->
<!-- body pannel start -->
<div id="bodyPannel">
<!-- login form start-->
<!-- login form end-->
<br class="spacer" />
<div id="midle">
<div><? include"module.php"; ?></div>
</div>
</div>
<!-- body pannel end -->
<!-- top shadow start -->
<div id="bottomShadow"></div><br class="spacer" />
<!-- bottom shadow end -->
</div>
<br/>
<br/>
<!-- body end -->
<!-- footer start -->
<!-- footer end -->
</body>
</html>
4.4. Testing
Tabel IV.19 Testing Keranjang Belanja
No. Skenario Pengujian Test Case Hasil yang Diharapkan Hasil
Pengujian Kesimpulan
1. Mengklik keranjang
belanja tanpa login Tanpa login
Sistem akan menolak akses masuk keranjang belanja dan
menampilkan pesan
“anda belum login,mohon daftar terlebih dahulu”
Sesuai
harapan Valid
2. Membeli dengan menginput pembelian
melebihi stok yg ada
Stok (11) Pembelian
(12)
Sistem akan menolak dan menampilkan pesan ” Maaf, pembelian tidak boleh melebihi stok yang ada”
Sesuai
harapan Valid
3. Menambah pembelian Jumlah Stok
Sistem akan menambah pembelian sesuai penambahan yang anda inginkan
Sesuai
harapan Valid
4. Mengkonfirmasi
Pembelian Check Out Sistem akan
menampilkan data user Sesuai
harapan Valid
Tabel IV.20 Testing Last Order
No. Skenario Pengujian Test Case Hasil yang Diharapkan Hasil
Pengujian Kesimpulan 1. Melihat Data Order Batal Dikirim
Sistem akan menampilkan data pemesanan ”Batal Dikirim” karena tidak sesuai dengan ketentuan pembayaran
Sesuai
harapan Valid
2. Melihat Data Order Belum Dikirim
Sistem akan menampilkan data pemesanan ”Belum Dikirim” karena masih dalam proses pengecekan admin
Sesuai
harapan Valid
3. Melihat Data Order Sudah Dikirim
Sistem akan menampilkan data pemesanan ”Sudah Dikirim” karena semua memenui ketentuan pembayaran
Sesuai
harapan Valid
Tabel IV.21
Testing Halaman Admin
No. Skenario Pengujian Test Case Hasil yang Diharapkan Hasil
Pengujian Kesimpulan 1. Nama admin dan
password tidak diisi Klik tombol masuk
Sistem akan menolak dan menampilkan data pesan
“login gagal,username dan password tidak
sesuai,silahkan coba lagi
Sesuai
harapan Valid
2. Nama admin dan
password Klik tombol masuk
Sistem admin akan menerima dan masuk ke beranda admin.
Sesuai
harapan Valid
Tabel IV.22
Testing Konfirmasi Pembayaran
No. Skenario
Pengujian Test Case Hasil yang Diharapkan Hasil
Pengujian Kesimpulan User mengisi data
pembayaran bank Data salah
Sistem akan menolak, cetak invoice kosong dan barang tidak dikirim
Sesuai
harapan Valid
User mengisi data
pembayaran bank Data benar
Sistem akan menampilkan detail pembayaran dengan invoice detail dan barang dikirim
Sesuai
harapan Valid
4.5. Support
Menjelaskan tentang publikasi web dan spesifikasi hardware dan software yang akan dijelaskan sesuai dengan sistem yang telah dibuat.
4.5.1.Publikasi Web 1. Nama Domain
Nama domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang
dikenal sebagai IP address. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web. Toko Sepatu NJS Sport memilih nama domain atau URL : www.njssport.esy.es
2. Kapasitas Hosting dan Analisa Biaya
Hosting adalah jasa layanan internet yang menyediakan server-server untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet. Kapasitas hosting yang
ditawarkan penyedia jasa hosting pun cukup beragam. Untuk analisa biaya perusahaan harus membayar nama domain dan biaya hosting.
Kedua biaya tersebut akan sangat tergantung pada hosting yang dipilih, sebagai contoh di salah satu penyedia jasa hosting di idhostinger adalah gratis.
4.5.2.Spesifikasi Hardware dan Software
pembuatan web ini dapat tercapai. Adapaun spesifikasinya antara lain:
Tabel IV. 23
Spesifikasi Hardware Dan Software
Kebutuhan Keteranagan
Sistem Operasi : Windows 7 Ultimate 32-bit(6.1, Build 7600) Procesor : Intel(R) Core(TM) i3 CPU 2,53GHz
RAM : 1024MB
Harddisk : 320 GB HDD
CD-ROM : 52x
Monitor : SVGA 14.0” HD LED LCD
Keyboard : 108 Key
Printer : Laser Jet
Mouse : Standard
Browser : Mozilla Firefox ,Google Chrome, Internet Explorer Software : Dreamweaver CS6, Dobe Photoshop, phpMyAdmin
4.6. Spesifikasi Dokumen Sistem Usulan
Adapun spesifikasi dokumen sistem usulan adalah:
Nama Dokumen : Nota Pemesanan
Fungsi : Sebagai bukti transaksi penjualan
Sumber : Admin
Tujuan : Customer
Media : Tampilan
Frekuensi : Setiap terjadi transaksi penjualan
Format : Lampiran C.1