• Tidak ada hasil yang ditemukan

bab iv rancangan sistem dan program usulan

N/A
N/A
Protected

Academic year: 2024

Membagikan "bab iv rancangan sistem dan program usulan"

Copied!
45
0
0

Teks penuh

(1)

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.

(2)

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

(3)

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

(4)

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

(5)

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

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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

(11)

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

(12)

Gambar IV.9

Activity Diagram Penjualan Online Halaman User

10. Activity Diagram Penjualan Online Halaman Admin

(13)

Gambar IV.10

Activity Diagram Penjualan Online Halaman Admin

4.2. Desain

(14)

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)

(15)

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

(16)

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

(17)

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

(18)

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 -

(19)

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

(20)

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.

(21)

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

(22)

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

(23)

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.

(24)

Gambar IV.15

Halaman Beranda atau Menu Utama

2. Halaman Produk

(25)

Gambar IV.16 Halaman Produk

3. Halaman Kontak Kami

Gambar IV.17 Halaman Kontak 4. Halaman Keranjang Belanja

(26)

Gambar IV.18 Halaman Keranjang Belanja

5. Halaman Last Order

Gambar IV.19 Halaman Last Order 6. Halaman Cara Pembelian

(27)

Gambar IV.20 Halaman Cara Pembelian

7. Halaman Keluhan Pelanggan

Gambar IV.21

Halaman Keluhan Pelanggan 8. Halaman Data Pemesanan

(28)

Gambar VI.22 Halaman Data Pemesanan

9. Halaman Konfirmasi Pembayaran

Gambar VI.23

Halaman Konfirmasi Pembayaran 10.Halaman Login Admin

(29)

Gambar IV.24 Halaman Login Admin

11. Halaman Admin Beranda

Gambar IV.25 Halaman Admin Beranda

12. Halaman Admin Penjualan

(30)

Gambar IV.26 Halaman Admin Penjualan

13.Halaman Admin Daftar Bank

Gambar IV.27

Halaman Admin Daftar Bank

14.Halaman Admin Kategori

(31)

Gambar IV.28 Halaman Admin Kategori

15.Halaman Admin Produk

Gambar IV.29 Halaman Admin Produk

16.Halaman Admin Member

(32)

Gambar IV.30 Halaman Admin Member

17.Halaman Admin Master Admin

Gambar IV.31

Halaman Admin Master Admin

(33)

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;

} -->

(34)

</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>

(35)

</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 >

(36)

<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>

(37)

</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 &copy; 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]'");

(38)

$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]; ?

>"/>

(39)

<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" />

&nbsp;

</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()); ?>

(40)

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>

(41)

<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>

(42)

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

(43)

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

(44)

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:

(45)

Nama Dokumen : Nota Pemesanan

Fungsi : Sebagai bukti transaksi penjualan

Sumber : Admin

Tujuan : Customer

Media : Tampilan

Frekuensi : Setiap terjadi transaksi penjualan

Format : Lampiran C.1

Gambar

Tabel IV.1
Gambar  IV.5
Gambar  IV.6
Gambar  IV.7
+7

Referensi

Dokumen terkait

Activity Diagram Kelola Ongkos Kirim System Admin Klik Menu Ongkos Kirim Menampilkan Daftar Ongkos Kirim Tambah Ongkos Kirim Menampilkan Form Ongkos Kirim Input Nama Kota dan

Activity Diagram Halaman Administrasi AD Halaman Administrasi Sistem Admin Mengelola Data Member Tampil Data Member Mengelola Data Produk Tampil Data Produk Mengelola Data

Goal User dan Admin dapat melakukan login Pre-condition User atau Admin memilih menu login Post-condition Tampil form login. Failed end condition User atau Admin tidak

Form Transaksi Pembayaran Admin dapat menambah,mengedit, menghapus, dan mencetak Form Transaksi Pembayaran Admin dapat melihat laporan data Transaksi Pembayaran

Cari Cetak Laporan extand Verifikasi Kartu Identitas Anak (KIA) extand Detail extand Hapus Cetak Kelola Testimoni.1. Deskripsi Use Case Diagram Data Profil Admin

Gambar IV.6 dapat dijelaskan bahwa proses Activity Diagram halaman admin mengelola data konsultasi online atau pesan, dimulai dari admin melakukan login terlebih

Use Case Diagram Admin Mengelola Data Product Tabel IV.2 Use Case Diagram Mengelola Product Use Case Name Mengelola product Requirement B2 Goal Admin dapat menambah product ,

Deskripsi Use Case Input User Name & Password Tabel IV.12 Deskripsi Use Case Input User Name & Password Use Case Name Input User Name & Password Requirments B1 Goal Karyawan dapat