bab iv rancangan sistem dan program usulan file30 b5. admin dapat mengelola data pesanan b6. admin...

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»

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 File : Tabel Kategori

Akronim : kategoritbl.myd


Akses File : Random


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 File : Tabel Konfirmasi

Akronim : konfirmasitbl.myd

Tipe File : File Konfirmasi

Akses File : Random


Kunci Field : id_konfirmasi

Tabel IV.5

Spesifiaksi File Tabel Konfirmasi

d. Spesifikasi File Tabel Kota


Nama File : Tabel Kota

Akronim : kotatbl.myd



1 Id Kategori id_kategori Int 5 Primary Key

2 Nama Kategori nama_kategori Varchar 30


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


Kunci Field : id_kota

Tabel IV.6

Spesifiaksi File Tabel Kota

d. Spesifikasi File Tabel Pelanggan


Nama File : Tabel Pelanggan

Akronim : pelanggantbl.myd


Akses File : Random


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


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 File : Tabel Pesan

Akronim : Pesantbl.myd

Tipe File : File Pesan

Akses File : Random


Kunci Field : Pesan

Tabel IV.8

Spesifiaksi File Tabel Pesan

f. Spesifikasi File Tabel Pesan_isi


Nama File : Tabel pesan_isi

Akronim : pesan_isitbl.myd


Akses File : Random


Kunci Field : pesan_isi


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 File : Tabel Produk

Akronim : produktbl.myd


Akses File : Random


Kunci Field : id_produk

Tabel IV.10

Spesifiaksi File Tabel Produk


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


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 File : Tabel Testimonial

Akronim : Testimonialtbl.myd


Akses File : Random


Kunci Field : id_testimonial

Tabel IV.11

Spesifikasi File Tabel Testimonial


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 File : Tabel Transaksi Rinci

Akronim : transaksirincitbl.myd


Akses File : Random


Kunci Field : -

46

Tabel IV.12

Spesifikasi File Tabel Transaksi Rinci


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


Sesuai harapan

Valid

3 Hanya mengisi data password dan mengosongkan data user, lalu langsung mengklik tombol 'Login'

User : (kosong) Password : myd


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)


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


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

mailto:[email protected]



70

C. Form login admin

Tabel Tabel IV.15

Hasil Pengujian Black box testing Login Admin


Hasil Pengujian

Kesimpulan

1 Mengosongkan semua isian data login member, lalu langsung mengklik tombol ‘Login’

User : (kosong)

Password : (kosong)


Sesuai harapan

Valid

2 Hanya mengisi data user dan mengosongkan data password, lalu langsung mengklik tombol 'Login'

User : selly Password : (kosong)


Sesuai harapan

Valid

3 Hanya mengisi data password dan mengosongkan data user, lalu langsung mengklik tombol 'Login'

User : (kosong) Password : myd13


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)


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


c. Nama Dokumen : Laporan Transaksi

Fungsi : Sebagai laporan data transaksi

Sumber : Admin

Tujuan : Pemilik

Media : Tampilan

Frekuensi : Setiap ada transaksi


73

d. Nama Dokumen : Laporan Transaksi Periode

Fungsi : Sebagai bukti laporan transaksi periode

Sumber : Admin

Tujuan : Pemilik

Media : Tampilan

Frekuensi : Setiap 1 kali sehari


bab iv rancangan sistem dan program usulan file30 b5. admin dapat mengelola data pesanan b6. admin...

Documents