29
BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisis Kebutuhan Software
A. Tahapan Analisis
Sistem Penjualan Alat-Alat Listrik secara online ini adalah dimana penjual
dan pembeli tidak bertatap muka secara langsung. Calon pembeli melakukan
pembelian media browser. Berikut ini spesifikasi kebutuhan dari sistem e-commers.
Halaman Pembeli:
A1. User harus daftar sebagai member terlebih dahulu.
A2. User dapat melakukan login dengan menginput username dan password
A3. User bisa memilih semua produk berdasarkan kategori setelah login.
A4. User memilih product yang akan dibeli dan ditambahkan ke keranjang
belanja.
A5. Pembeli dapat login dengan account yang telah dibuat apabila belanja dilain
hari
A6. User bisa menyelesaikan pembelanjaan dengan menampilkan total belanja
dan menginput alamat sesuai dengan tujuan yang akan dikirim.
A7. User bisa melakukan konfirmasi pembayaran.
Halaman Administrasi:
B1. Admin dapat mengelola data administrator
B2. Admin dapat mengelola data kategori
B3. Admin dapat mengelola data ongkos kirim
B4. Admin dapat mengelola data produk
30
B5. Admin dapat mengelola data pesanan
B6. Admin dapat melihat data laporan
B7. Admin dapat melihat data testimonial
B. Use Case Diagram
Use Case mendeskripsikan sebuah interaksi antara satu atau lebih actor dengan
sistem informasi yang akan dibuat. Setiap use case dapat dideskripsikan dalam
dokumen yang disebut dengan dokumen flow of event. Dokumen ini mendefinisikan
apa yang harus didefinisikan oleh sistem ketika actor mengaktifkan use case.
Struktur dokumen use case ini bermacam-macam, tetapi umunya deskripsi ini
mengandung:
1. Brief Description (deskripsi singkat)
2. Actor yang terlibat
3. Precondition yang penting bagi use case untuk memulai
4. Deskripsi rinci dari aliran kejadian yang mencangkup main flow, dari kejadian
ini bisa dirinci menjadi sub flow dan alternatif flow.
31
Berikut ini merupakan use case diagram dari sistem penjualan alat-alat
listrik yang diusulkan:
1. Use Case Diagram Penjualan Online Halaman User
«extend»
«extend»
«extend»
Gambar IV.1.
Use Case Diagram Penjualan Halaman User
Use case Hal User
32
Deskripsi Use Case Diagram Pejualan Online Halaman User (Pembeli)
Tabel IV.1
Deskripsi Use Case Diagram Penjualan Online Halaman User
Use Case Name Belanja Online
Requirements A1-A7
Goal Calon pembeli dapat melakukan pembelian secara
online via website
Pre-conditions Pembeli telah membeli barang
Post-conditions Pembeli membeli produk secara online
Failed end condition Pembeli membatalkan belanja secara online
Primary Actors Calon pembeli (User)
Main Flow / Basic Path 1. User registrasi untuk membeli produk
2. User memilih barang yang akan dibeli
3. User menambahkan barang ke keranjang belanja
4. User melakukan checkout
5. User memilih jenis pembayaran
6. User selesai transaksi
7. User konfirmasi pembayaran
Invariant -
33
2. Use Case Diagram Penjualan Online Halaman Administrator
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend» «extend»
«extend»
«extend»
«extend» «extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend» «extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
Gambar IV.2.
Use Case Diagram Penjualan Online Halaman Administrator
Use case Administrator
34
Descripsi Use Case Diagram Pejualan Online Halaman Admin
Tabel IV.2
Deskripsi Use Case Diagram Penjualan Online Halaman Admin
Use Case Name Halaman Admin
Requirements B1-B7
Goal Admin dapat mengelola data barang
Pre-conditions Admin telah login
Post-conditions Data barang tersimpan, terupdate atau terhapus
Failed end condition Gagal menyimpan, mengupdate atau menghapus
Primary Actors Administrator
Main Flow / Basic Path 1. Admin melihat daftar barang
2. Admin menambah data barang
3. Admin menyimpan data barang
Alternate Flow/Invariant
1
2a. Admin mengedit data barang
Invariant 2 2b. Admin menghapus data barang
35
C. Activity Diagram
1. Activity Diagram Belanja Online Halaman Front Page
Gambar IV.3.
Activity Diagram Belanja Online
User Sistem E-commerce Administrasi Delivery
36
2. Activity Diagram Belanja Online Halaman Admin Mengelola Data
Produk
Gambar IV.4
Activity Diagram Admin Mengelola Data Barang
Admin Sistem
37
4.2 Desain
Pada tahapan ini akan menjelaskan tentang desain database, desain software
architecure dan desain interface dari sistem yang sedang dibuat.
4.2.1 Database
Database yang digunakan penulis yaitu dengan menggunakan Entity
Relationship Diagaram (ERD). Sebagai berikut :
1. ERD ( Entity Relationship Diagram )
Entity Relationship Diagram berfungsi untuk menggambarkan model basis
data yang akan dipakai. Model basis data yang digunakan adalah basis data
relasional, dimana setiap entitas saling memiliki hubungan dengan entitas lain.
38
Berikut adalah bentuk ERD dari perancangan sistem yang dibuat :
Gambar IV.5
Entity Relationship Diagram (ERD)
39
2. Logical Record Structure
Gambar IV.6
Logical Record Structure Penjualan Online
m
kota
id_kota nama_kota
ongkos_kirim
1 1 1
pelanggan
id_pelanggan nama
alamat telepon email
password
m m m
m
testimonial
id_testi id_pelanggan
nama email
tanggal testimonial
pesan
notransaksi status_pesan id_pelanggan
id_admin total_harga jam_pesan
tanggal_pesan id_kota
alamat_kirim
produk
id_produk id_kategori
nama_produk deskripsi
harga stok
gambar
kategori
id_kategori nama_kategori
1
Pesan isi
Notransaksi id_produk
Jumlah
1 1 1 1
m
konfirmasi
id_konfirmasi tgl_bayar
no_rek nama_bank notransaksi
40
3. Spesifikasi File
Dalam web penjualan PT. Broco Mutiara Electrical ini terdapat satu database
yaitu database “dbskripsi”, berikut adalah sfesifikasi file:
a. Spesifikasi File Tabel Admin
Nama Database : dbskripsi
Nama File : Tabel Admin
Akronim : admintbl.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 145 Byte
Kunci Field : id_admin
Tabel IV.3
Spesifiaksi File Tabel Admin
b. Spesifikasi File Tabel Kategori
Nama Database : dbskripsi
Nama File : Tabel Kategori
Akronim : kategoritbl.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 35 Byte
Kunci Field : id_kategori
No Elemen Data Nama Field Type Size Ket
1 id admin id_admin Varchar 8 Primary Key
2 Nama admin nama_admin Varchar 35
3 Password admin pwsd_admin Varchar 50
4 email admin email_admin Varchar 40
4 hp admin hp_Admin Varchar 12
41
Tabel IV.4
Spesifiaksi File Tabel Kategori
c. Spesifikasi File Tabel Konfirmasi
Nama Database : dbskripsi
Nama File : Tabel Konfirmasi
Akronim : konfirmasitbl.myd
Tipe File : File Konfirmasi
Akses File : Random
Panjang Record : 102 Byte
Kunci Field : id_konfirmasi
Tabel IV.5
Spesifiaksi File Tabel Konfirmasi
d. Spesifikasi File Tabel Kota
Nama Database : dbskripsi
Nama File : Tabel Kota
Akronim : kotatbl.myd
Tipe File : File Master
No Elemen Data Nama Field Type Size Ket
1 Id Kategori id_kategori Int 5 Primary Key
2 Nama Kategori nama_kategori Varchar 30
No Elemen Data Nama Field Type Size Ket
1 Id konfirmasi id_konfirm Int 5 Primary Key
2 No transaksi notransaksi Varchar 12
3 Tanggal bayar tgl_bayar Date
4 No rekening no_rek Varchar 20
5 Nasabah nasabah Varchar 50
6 Nama bank nama_bank Char 15
42
Akses File : Random
Panjang Record : 65 Byte
Kunci Field : id_kota
Tabel IV.6
Spesifiaksi File Tabel Kota
d. Spesifikasi File Tabel Pelanggan
Nama Database : dbskripsi
Nama File : Tabel Pelanggan
Akronim : pelanggantbl.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 169 Byte
Kunci Field : id_pelanggan
Tabel IV.7
Spesifikasi File Tabel Pelanggan
No Elemen Data Nama Field Type Size Keterangan
1 Id pelanggan id_pelanggan Int 6 Primary Key
2 Nama nama Varchar 50
3 Alamat alamat Text
4 Telepon telepon Varchar 13
5 Email email Varchar 50
6 Password password Varchar 50
No Elemen Data Nama Field Type Size Ket
1 Id Kota id_kota Int 5 Primary Key
2 Nama Kota nama_kota Varchar 50
3 Ongkos Kirim Ongkos_kirim Int 10
43
e. Spesifikasi File Tabel Pesan
Nama Database : dbskripsi
Nama File : Tabel Pesan
Akronim : Pesantbl.myd
Tipe File : File Pesan
Akses File : Random
Panjang Record : 253 Byte
Kunci Field : Pesan
Tabel IV.8
Spesifiaksi File Tabel Pesan
f. Spesifikasi File Tabel Pesan_isi
Nama Database : dbskripsi
Nama File : Tabel pesan_isi
Akronim : pesan_isitbl.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 20 Byte
Kunci Field : pesan_isi
No Elemen Data Nama Field Type Size Ket
1 No transaksi notransaksi Varchar 12
2 Status pesan status_pesan Varchar 20
3 Id pelanggan id_pelanggan Int 6 Primary Key
4 Id admin id_admin Varchar 10 Primary Key
5 Total harga total_harga Double
6 Jam pesan jam_pesan Time
7 Tanggal pesan tanggal_pesan Date
8 Id kota id_kota Int 5 Primary Key
9 Alamat kirim alamat_kirim Varchar 200
44
Tabel IV.9
Spesifiaksi File Tabel pesan_isi
g. Spesifikasi File Tabel Produk
Nama Database : dbskripsi
Nama File : Tabel Produk
Akronim : produktbl.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 116 Byte
Kunci Field : id_produk
Tabel IV.10
Spesifiaksi File Tabel Produk
No Elemen Data Nama Field Type Size Ket
1 Id Produk id_produk Int 5 Primary Key
2 Id Kategori id_kategori Int 5 Primary Key
3 Nama produk Nama_produk Varchar 40
4 Deskripsi Deskripsi Text
5 Berat Berat Int 6
6 Harga Harga Int 20
7 Stock Stock Int 5
8 Gambar gambar Varchar 35
No Elemen Data Nama Field Type Size Ket
1 no transaksi notransaksi Varchar 12
2 id_produk id_produk Int 5 Primary Key
3 jumlah jumlah Int 3
45
h. Spesifikasi File Tabel Testimonial
Nama Database : dbskripsi
Nama File : Tabel Testimonial
Akronim : Testimonialtbl.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 29 Byte
Kunci Field : id_testimonial
Tabel IV.11
Spesifikasi File Tabel Testimonial
No Elemen Data Nama Field Type Size Keterangan
1 Id_testi id_testi Int 6 Primary Key
2 Id_pelanggan id_pelanggan Varchar 6 Primary Key
3 Id_admin id_admin Varchar 8 Primary Key
4 Status testi status_testi Varchar 9
5 Tanggal tanggal Date
6 testimonial testimonial Text
i. Spesifikasi File Tabel Transaksi Rinci
Nama Database : dbskripsi
Nama File : Tabel Transaksi Rinci
Akronim : transaksirincitbl.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 99 Byte
Kunci Field : -
46
Tabel IV.12
Spesifikasi File Tabel Transaksi Rinci
No Elemen Data Nama Field Type Size Keterangan
1 No Transaksi notransaksi int 12
2 Id pelanggan id_pelanggan int 6 Primary Key
3 Id produk id_produk Int 5 Primary Key
4 Nama produk nama_produk Varchar 50
5 Harga harga Int 11
6 Jumlah jumlah Int 4
7 Subtotal subtotal Int 11
4.2.2. Software Architecture
A. Component Diagram
Component diagram merepresentasikan dunia riil item yaitu component
software. Component software menetap di komputer bukan di benak para analis,
berikut gambar component software :
Gambar IV.7
Component Diagram Sistem Penjualan Online
47
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
menunjukkan hubungan diantara kedua node tersebut. Berikut gambar Deployment
Diagram :
Gambar IV.8
Deployment Diagram Sistem Penjualan Online
48
4.2.3. User Interface
Berikut ini adalah tampilan dari sistem usulan penjualan online pada Broco
Electrical Ecommerce Shopping :
A. Tampilan Halaman Home
Halaman utama atau home yang menjelaskan tentang semua informasi
utama dari web Broco Electrical Ecommerce Shopping :
Gambar IV.9
Tampilan Halaman Home
49
B. Tampilan Halaman Semua Produk
Halaman Semua Produk ini menampilakan semua produk mulai dari detail
produk seperti kategori,saklar,stop kontak,boklam,steker.
Gambar IV.10
Tampilan Halaman Semua Produk
50
C. Tampilan Halaman Cara Order
Halaman Cara Order ini menjelaskan tentang informasi cara pemesanan,
cara pembayaran produk, dan cara konfirmasi pembayaran.
Gambar IV.11
Tampilan Halaman Cara Order
D. Tampilan Halaman Profile
Halaman ini menampilkan profile perusahaan PT.Broco Electrical Industry.
Gambar IV.12
51
Tampilan Halaman Profile
E. Tampilan Halaman Kontak Kami
Halaman ini menampilkan informasi langsung ke kontak perusahaan
PT.Broco Electrical Industry.
Gambar IV.13
Tampilan Halaman Kontak Kami
F. Tampilan Halaman Daftar Member
Halaman untuk mendaftar sebagai member.
Gambar IV.14
52
Tampilan Halaman Daftar Member
G. Tampilan Halaman Login
Halaman untuk melakukan login member yang berada pada menu kiri web.
Gambar IV.15
Tampilan Halaman Login
H. Tampilan Halaman Produk
Halaman untuk menampilkan katalog produk.
Gambar IV.16
53
Tampilan Halaman Produk
I. Tampilan Halaman Kategori Produk
Halaman untuk menampilkan catalog produk berdasarkan kategori produk.
Gambar IV.17
Tampilan Halaman Kategori Produk
J. Tampilan Halaman Detail Produk
Halaman untuk melihat detail produk.
Gambar IV.18
Tampilan Halaman Detail Produk
54
K. Tampilan Halaman Keranjang Belanja
Halaman keranjang belanja adalah halaman yang menampilkan bahwa
member telah membeli produk disertai menampilkan data pembelian produk
update, hitung dan total bayar.
Gambar IV.19
Tampilan Halaman Keranjang Belanja
L. Tampilan Halaman Transaksi Selesai Halaman untuk melihat transaksi pembelian produk serta konfirmasi cara
pembayaran.
55
Gambar IV.20
Tampilan Halaman Transaksi Selesai
M. Tampilan Halaman Konfirmasi Pembayaran
Halaman ini untuk melakukan konfirmasi pembayaran apabila pembeli
sudah melakukan transfer pembayaran.
Gambar IV.21
Tampilan Halaman Konfirmasi Pembayaran
56
N. Tampilan Halaman Cek Konfirmasi Pembayaran Setelah melakukan konfirmasi pembayaran, maka akan muncul halaman
data konfirmasi pembayaran, dan pilihan apakah ingin melihat atau mencetak
konfirmasi pembayaran yang sudah dikirim atau tidak.
Gambar IV.22
Tampilan Halaman Cek Konfirmasi Pembayaran
Berikut hasil dari cetak konfirmasi pembayaran:
Gambar IV.23
Tampilan Halaman Cetak Konfirmasi Pembayaran
57
O. Tampilan Halaman Cek Status Pembelian Anda dapat mengecek apakah barang yang anda beli sudah dikirim atau
belum melalui halaman ini.
Gambar IV.24
Tampilan Halaman Cek Status Pembelian
P. Tampilan Halaman Isi Testimonial
Anda dapat mengirimkan testimonial tentang pengalaman anda berbelanja di Broco
Electrical Ecommerce Shopping pada halaman ini.
Gambar IV.25
Tampilan Halaman Isi Testimonial
58
Q. Tampilan Halaman Lihat Testimonial
Halaman ini yang berisi tentang isi testimonial-testimonial member.
Gambar IV.26
Tampilan Halaman Lihat Testimonial
4.3. Code Generation
A. Foam Produk_katalog <?php //include("config.php"); include "konfig/koneksi.php"; $query = "select * from produk order by id_produk desc"; $hasil = mysql_query($query); $numrows = mysql_num_rows($hasil); //Paging Data sebanyak 30 data product perlembar $jumlah = mysql_num_rows($hasil); $limit = 12; if (empty($offset)) { $offset = 0; } if(isset($_GET['offset'])){$offset = $_GET['offset']; }
59
$seleksi = "SELECT * FROM produk ORDER BY id_produk DESC LIMIT $offset, $limit"; $result = mysql_query($seleksi); ?> <?php //pencarian $cari = isset($_POST['cari']) ? $_POST['cari'] : ''; if(!empty($cari)){ $query="SELECT * FROM produk WHERE id_produk LIKE '%$cari%' or nama_produk LIKE '%$cari%'"; $result=mysql_query($query); $aa=mysql_num_rows($result); if ($aa==0) { echo "<script>alert('Produk yang anda cari tidak tersedia'); window.location.href=('index.php')</script>"; } } ?> <ul id="productDetail" class="nav nav-tabs"> <li class="active"><a href="" data-toggle="tab">Semua Produk</a></li> </ul> <table border=0px cellpadding='10' bgcolor="" bordercolor="" align="center"> <tr> <?php $kolom=3; $x = 0; if($numrows > 0){ while($data=mysql_fetch_array($result)) { if ($x >= $kolom) { echo "</tr><tr>"; $x = 0; } $x++; ?> <td align=center> <div class="caption cntr"> <?php echo $data['nama_produk']; ?><br><br>
60
</div> <div class="thumbnail"> <a href= <?php echo ' "index.php?produk_detail&id='.$data['id_produk'].'" '?> class="overlay"></a> <a class="zoomTool" href=<?php echo ' "index.php?produk_detail&id='.$data['id_produk'].'" '?>><span class="icon-search"></span> Detail Produk</a><a href=<?php echo ' "index.php?produk_detail&id='.$data['id_produk'].'" '?>><img width='160px' height='140px' valign='top' border='1,5' src="gambar_produk/<?php echo $data['gambar']; ?>"></a><br><br> </div> <div class="caption cntr"> <?php $hargarp = $data['harga'] ?> <?php echo "Rp " .number_format($hargarp, 0, ',', '.').",-" ?><br><br> </div> <div> <?php if($data['stok']==0){ echo '<a class="defaultBtn" title="Stok tidak tersedia">Habis</a>'; }else{ echo ' <a class="shopBtn" title="Beli sekarang" href="produk_beli.php?id='.$data['id_produk'].'">Beli</a><a href="index.php?produk_detail&id='.$data['id_produk'].'"></a>';} ?> </div> <hr /> </td> <?php } } ?> </tr> </table> <?php
61
//posisi paging dibawah echo "<div align=\"center\">"; $halaman = intval($jumlah/$limit); if ($jumlah%$limit) { $halaman++; } for ($i=1;$i<=$halaman;$i++) { $newoffset=$limit*($i-1); if ($offset!=$newoffset) { echo "<a class='defaultBtn' href=\"index.php?produk&offset=$newoffset\">$i</a>"; } else { echo "<a class='shopBtn'>$i</a>"; } } echo "<p></div>"; ?> B. Foam Kategori <style type="text/css"> .Teks_Kategori { font-family: JasmineUPC; font-size: 24px; color: #06F; text-decoration: none; } </style> <?php //include("config.php"); include "konfig/koneksi.php"; $cek="Select * from kategori order by id_kategori"; $hasil=mysql_query($cek); if ($hasil > 0) { while($data=mysql_fetch_array($hasil)) { //jika tidak menggunakan css //echo "<ul><img src=\"Gambar/Bullet.png\" border=\"0\" width=\"15\" height=\"15\"><a href=\"index.php?kategori=$data[id_kategori]\" class='Teks_Kategori'> $data[nama_kategori]</a></li></ul>";
62
//jika menggunakan css echo"<p><li><h3><a href=\"index.php?kategori=$data[id_kategori]\"><span class='icon-chevron-right'></span>$data[nama_kategori]</a></h4></li><p>"; } } ?> C. Foam Ongkos Kirim <?php if (empty($_SESSION['idadmin']) AND empty($_SESSION['pswdadmin'])){ echo "<center>Untuk mengakses halama ini, Anda harus login"; } else{ ?> <!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=utf-8" /> <title>Untitled Document</title> </head> <body> <div class="col-md-12 mt"> <a href="?buka=tambah_ongkir" style="text-decoration:none"><input type="button" class="btn btn-default" value="Tambah" /></a><p> <div class="content-panel"> <table class="table table-hover"> <h4><i class="fa fa-angle-right"></i> Data Ongkos Kirim</h4> <tr> <td width="53">No</td> <td width="300">Nama Kota</td> <td width="300">Ongkos Kirim</td> <td width="99">Aksi</td> </tr> <?php include "../konfig/koneksi.php"; include "../konfig/rupiah.php"; $no=1; $tampil=mysql_query("select * from kota order by id_kota desc"); while($r=mysql_fetch_array($tampil)){ $ongkos_kirim = rupiah($r['ongkos_kirim']); ?> <tr>
63
<td><?php echo $no;?></td> <td><?php echo $r['nama_kota']?></td> <td><?php echo "Rp. $ongkos_kirim" ?></td> <td> <a href="?buka=hapus_ongkir&id=<?php echo $r['id_kota'];?>" onClick="return confirm('Yakin Mau dihapus <?php echo $r['nama_kota'];?>')">Hapus</a> | <a href="?buka=edit_ongkir&id=<?php echo $r['id_kota'];?>">Edit</a></td> </tr> <?php $no++; } ?> </table> </div><! --/content-panel --> </div><!-- /col-md-12 --> </div><!-- row --> </body> </html> <?php } ?> D. Foam Laporan Transaksi
<?php
session_start();
if (empty($_SESSION['idadmin']) AND empty($_SESSION['pswdadmin'])){
echo "<center>Untuk mengakses halama ini, Anda harus login<br>";
}
else{
?>
<?php
include "class.ezpdf.php";
include "../../konfig/koneksi.php";
include "rupiah.php";
$pdf = new Cezpdf();
64
// Set margin dan font
$pdf->ezSetCmMargins(3, 3, 3, 3);
$pdf->selectFont('fonts/Courier.afm');
$all = $pdf->openObject();
// Tampilkan logo
$pdf->setStrokeColor(0, 0, 0, 1);
$pdf->addJpegFromFile('logo.jpg',20,800,69);
// Teks di tengah atas untuk judul header
$pdf->addText(195, 810, 13,'<b>Laporan Data Transaksi</b>');
// Garis atas untuk header
$pdf->line(10, 795, 578, 795);
// Garis bawah untuk footer
$pdf->line(10, 50, 578, 50);
// Teks kiri bawah
//$pdf->addText(30,34,8,'Dicetak tgl:' . date( 'd-m-Y, H:i:s'));
$pdf->closeObject();
// Tampilkan object di semua halaman
$pdf->addObject($all, 'all');
$sql = mysql_query("SELECT * FROM pesan,pelanggan,kota where
pelanggan.id_pelanggan=pesan.id_pelanggan and kota.id_kota=pesan.id_kota and
pesan.status_pesan='TERKIRIM' order by tanggal_pesan desc");
$i = 1;
while($r = mysql_fetch_array($sql)) {
65
$total_hargarp=rp($r[total_harga]);
$data[$i]=array('No'=>$i,
'No
Transaksi'=>$r['notransaksi'],
'Tanggal
Pesan'=>$r['tanggal_pesan'],
'Total Harga'=>$total_hargarp,
'ID Admin'=>$r['id_admin'],
'ID
Pelanggan'=>$r['id_pelanggan'],
'Nama'=>$r['nama'],
'Kota
Tujuan'=>$r['nama_kota'],
);
$i++;
}
$pdf->ezTable($data, '', '', '');
// Penomoran halaman
$pdf->ezStartPageNumbers(320, 15, 8);
$pdf->ezStream();
?>
<?php } ?>
E. Foam Cetak Transaksi
<?php
include "class.ezpdf.php";
66
include "../../konfig/koneksi.php";
include "../../konfig/rupiah.php";
$pdf = new Cezpdf();
// Set margin dan font
$pdf->ezSetCmMargins(3, 3, 3, 3);
$pdf->selectFont('fonts/Courier.afm');
$all = $pdf->openObject();
// Tampilkan logo
$pdf->setStrokeColor(0, 0, 0, 1);
$pdf->addJpegFromFile('logo.jpg',20,800,69);
// Teks di tengah atas untuk judul header
$pdf->addText(195, 810, 13,'<b>Struk Transaksi</b>');
// Garis atas untuk header
$pdf->line(10, 795, 578, 795);
// Garis bawah untuk footer
$pdf->line(10, 50, 578, 50);
// Teks kiri bawah
//$pdf->addText(30,34,8,'Dicetak tgl:' . date( 'd-m-Y, H:i:s'));
$pdf->closeObject();
// Tampilkan object di semua halaman
$pdf->addObject($all, 'all');
$kd = $_GET['kode'];
67
$sql =mysql_query("select * from pesan,pelanggan where
pelanggan.id_pelanggan=pesan.id_pelanggan and notransaksi='$kd''");
$i = 1;
while($r = mysql_fetch_array($sql)) {
$hargarp=rp($r[harga]);
$data[$i]=array('No'=>$i,
'ID Produk'=>$r['id_produk'],
);
$i++;
}
$pdf->ezTable($data, '', '', '');
// Penomoran halaman
$pdf->ezStartPageNumbers(320, 15, 8);
$pdf->ezStream();
?>
68
4.4. Testing
A. Form Login Member
Tabel IV.13
Hasil Pengujian Black Box Testing Form Login Member
No Skenario pengujian Test case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1 Mengosongkan semua isian data login member, lalu langsung mengklik tombol ‘Login’
User : (kosong) Password : (kosong)
Sistem akan menolak akses login dan menampilkan pesan “ Username dan Password yang Anda isi salah”
Sesuai harapan
Valid
2 Hanya mengisi data user dan mengosongkan data password, lalu langsung mengklik tombol 'Login'
User : tami Password : (kosong)
Sistem akan menolak akses login dan menampilkan pesan “ Username dan Password yang Anda isi salah”
Sesuai harapan
Valid
3 Hanya mengisi data password dan mengosongkan data user, lalu langsung mengklik tombol 'Login'
User : (kosong) Password : myd
Sistem akan menolak akses login dan menampilkan pesan “ Username dan Password yang Anda isi salah”
Sesuai harapan
Valid
4 Menginputkan dengan kondisi salah satu data benar dan satu lagi salah, lalu langsung mengklik tombol 'Login'
User : tami (benar) Password : oke (salah)
Sistem akan menolak akses login dan menampilkan pesan “ Username dan Password yang Anda isi salah”
Sesuai harapan
Valid
5 Menginput data login yang benar, lalu mengklik tombol 'Login'
User : tami Password : myd
Sistem akan menerima akses login dan langsung menampilkan form member
Sesuai harapan
Valid
69
B. Form Daftar Member
Tabel IV.14
Hasil Pengujian Black Box Testing Form Daftar Member
No Skenario pengujian Test case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1 Hanya mengisi data nama, alamat, telepon, email, user, password dan mengosongkan data repassword, lalu langsung mengklik tombol 'Daftar'
Nama : tami Alamat : talang jawa Telepon : 08135678 Email : [email protected] User : tami Password : myd Repassword : (Kosong)
Sistem akan menolak akses daftar dan menampilkan pesan “Password tidak sama, ulangin password Anda”
Sesuai harapan
Valid
2 Hanya mengisi data nama, alamat, telepon, email, user, repassword dan mengosongkan data password, lalu langsung mengklik tombol 'Daftar'
Nama : tami Alamat : talang jawa Telepon : 08135678 Email : [email protected] User : tami Password : (Kosong) Repassword : myd
Sistem akan menolak akses daftar dan menampilkan pesan “Password tidak sama, ulangin password Anda”
Sesuai harapan
Valid
3 Mengisi data nama, alamat, telepon, email, user, password dan repassword, lalu langsung mengklik tombol 'Daftar'
Nama : tami Alamat : talang jawa Telepon : 08135678 Email : [email protected] User : tami Password : myd Repassword : myd
Sistem akan menerima dan menyimpan data member.
Sesuai harapan
Valid
70
C. Form login admin
Tabel Tabel IV.15
Hasil Pengujian Black box testing Login Admin
No Skenario pengujian Test case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1 Mengosongkan semua isian data login member, lalu langsung mengklik tombol ‘Login’
User : (kosong)
Password : (kosong)
Sistem akan menolak akses login dan menampilkan pesan “ Username dan Password yang Anda isi salah”
Sesuai harapan
Valid
2 Hanya mengisi data user dan mengosongkan data password, lalu langsung mengklik tombol 'Login'
User : selly Password : (kosong)
Sistem akan menolak akses login dan menampilkan pesan “ Username dan Password yang Anda isi salah”
Sesuai harapan
Valid
3 Hanya mengisi data password dan mengosongkan data user, lalu langsung mengklik tombol 'Login'
User : (kosong) Password : myd13
Sistem akan menolak akses login dan menampilkan pesan “ Username dan Password yang Anda isi salah”
Sesuai harapan
Valid
Menginputkan dengan kondisi salah satu data benar dan satu lagi salah, lalu langsung mengklik tombol 'Login'
User : selly (benar) Password : oke (salah)
Sistem akan menolak akses login dan menampilkan pesan “ Username dan Password yang Anda isi salah”
Sesuai harapan
Valid
Menginput data login yang benar, lalu mengklik tombol 'Login'
User : selly (benar) Password : myd13 (benar)
Sistem akan menerima akses login dan langsung menampilkan form member
Sesuai harapan
Valid
71
4.5. Support
Berikut ini penjelasan tentang publikasi web dan spesifikasi hardware dan
software dari sistem usulan yang telah dibuat.
4.5.1. Publikasi Web
Publikasi web Broco Electrical Ecommerce Shopping untuk sementara
memakai free hosting pada Hostinger.com. dan jika sudah digunakan akan
menggunakan alamat Brocoselly.hol.es
4.5.2. Spesifikasi Hardware dan Software
Tabel IV.16
Spesifikasi Hardware dan Software
Kebutuhan Keterangan
Sistem Operasi : Windows XP atau sesudahnya
Processor : AMD A4-3305M APU HD Graphics (2 CPUs), 1,9Ghz
RAM : 2048 RAM
Harddisk : 160 GB
CD-ROM : 52x
Monitor : SVGA 14"
Keyboard : 108 Key
Printer : HP Deskjet Ink Advantage 2135
Mouse : Standard
Browser : Mozilla Firefox, Google Chrome, Internet Explorer
Software : Dreamweaver CS 6, Adobe Photoshop CS 6, XAMPP
72
4.6. Spesifikasi Dokumen Sistem Usulan
Berikut spesifikasi dokumen sistem usulan ini :
a. Nama Dokumen : Laporan Produk
Fungsi : Sebagai laporan data produk
Sumber : Admin
Tujuan : Pemilik
Media : Tampilan
Frekuensi : Setiap 1 kali sehari
Format : Lampiran B-1
b. Nama Dokumen : Laporan Ongkos Kirim
Fungsi : Sebagai laporan data ongkos kirim
Sumber : Admin
Tujuan : Pemilik
Media : Tampilan
Frekuensi : Setiap ada pembeli
Format : Lampiran B-2
c. Nama Dokumen : Laporan Transaksi
Fungsi : Sebagai laporan data transaksi
Sumber : Admin
Tujuan : Pemilik
Media : Tampilan
Frekuensi : Setiap ada transaksi
Format : Lampiran B-3
73
d. Nama Dokumen : Laporan Transaksi Periode
Fungsi : Sebagai bukti laporan transaksi periode
Sumber : Admin
Tujuan : Pemilik
Media : Tampilan
Frekuensi : Setiap 1 kali sehari
Format : Lampiran B-4