BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

(1)

40

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1 Analisa Kebutuhan Software 4.1.1 Tahapan Analisis

Penjualan Online atau E-Commerce adalah sistem penjualan yang berbasiskan web dengan menggunakan media internet. Sistem ini memberikan kemudahan bagi pelaku bisnis maupun konsumen. Cara kerja sistem ini menggunakan database sebagai media untuk menyimpan segala data produk, transaksi penjualan maupun laporan penjualan. Spesifikasi kebutuhan (system requirement) dari sistem e-commerce jamu instan tradisional kelompok usaha Jati Husada Mulya adalah sebagai berikut:

Halaman Administrator:

A1. Admin dapat masuk ke ruang administrator dengan melakukan login.

A2. Admin dapat mengelola halaman data pengguna (users).

A3. Admin dapat mengelola halaman account pribadi.

A4. Admin dapat mengelola laporan-laporan.

A5. Admin dapat mengelola halaman konten produk.

A6. Admin dapat mengelola halaman konten event.

A7. Admin dapat mengelola halaman konten page (profil, info lokasi, cara pemesanan, cara pembayaran, media promosi, kontak kami, transfer bank) A8. Admin dapat mengelola stok produk.

A9. Admin dapat mengelola halaman buku tamu.

A10. Admin dapat mengelola halaman konfirmasi pembayaran.

(2)

A11. Admin dapat mengelola halaman ongkos kirim.

Halaman User:

B1. User dapat melakukan pencarian produk atau info seputar website Jati Husada Mulya.

B2. User dapat mengirimkan komentar, saran, atau kritik pada halaman buku tamu.

B3. User dapat melakukan registrasi sebagai member.

Halaman Member:

C1. Member dapat melakukan login dengan akun yang sudah dibuat saat registrasi.

C2. Member dapat mengelola akun pribadi.

C3. Member dapat melihat laporan belanja serta status transaksi pembelian.

C4. Member dapat mengirimkan komentar, saran, atau kritik pada halaman buku tamu.

C5. Member dapat melakukan konfirmasi pembayaran.

C6. Member dapat mengelola keranjang belanja, seperti menambah produk yang dibeli.

C7. Member dapat melakukan check out pembelian.

C8. Member dapat mencetak struk pembayaran.

(3)

4.1.2 Use Case Diagram

a. Use Case Diagram Halaman User

Sumber: Hasil Olahan Penulis

Gambar IV.1

Use Case Diagram Halaman User

Tabel IV.1

Deskripsi Use Case Diagram Halaman User Use Case Name Kunjungan Online

Requirements B1 - B3

Goal User dapat menjadi member dengan

melakukan registrasi member

Pre-Condition User masuk menuju halaman registrasi member

Post-Condition User memiliki akun sebagai member Failed End Condition User dapat membatakan registrasi member Primary Actors User

Main Flow / Basic Path

1. User dapat melihat detail semua produk.

2. User dapat melakukan registrasi sebagai member.

3. User dapat meninggalkan jejak komentar pada buku tamu.

Invariant -

(4)

b. Use Case Diagram Halaman Member

Gambar IV.2

Use Case Diagram Halaman Member

Tabel IV.2

Deskripsi Use Case Diagram Halaman Member Use Case Name Belanja Online

Requirements C1 – C8

Goal Member dapat melakukan transaksi / membeli produk melalui website

Pre-Condition Member melakukan login terlebih dahulu Post-Condition Member dapat membeli produk secara online Failed End Condition Member dapat membatalkan transaksi

Primary Actors Member

1. Member dapat update data diri.

2. Member dapat melihat laporan belanja serta status pesanan.

3. Member dapat memilih produk dan menambahkan ke keranjang belanja.

4. Member dapat melakukan check out.

5. Member dapat mengisi data pengiriman.

(5)

6. Member dapat mencetak struk pesanan.

7. Member dapat mengisi buku tamu.

8. Member dapat melakukan konfirmasi pembayaran.

Invariant -

c. Use Case Diagram Halaman Admin

Gambar IV.3

Use Case Diagram Halaman Admin

(6)

1) Deskripsi Use Case Admin Mengelola Data Pengguna.

Tabel IV.3

Deskripsi Use Case Admin Mengelola Data Pengguna Use Case Name Mengelola Data Pengguna

Requirements A2

Goal Admin dapat menambah dan menghapus data pengguna (users)

Pre-Condition Admin berhasil login dan masuk ke halaman administrator

Post-Condition Data pengguna tersimpan, terhapus

Failed End Condition Gagal menyimpan karena ada data yang kurang, atau menghapus

Primary Actors Admin

1. Admin melihat data pengguna.

2. Admin menambah data pengguna.

3. Admin menyimpan data pengguna.

Alternate Flow / Invariant 1 Admin menghapus data pengguna

Invariant 2 -

2) Deskripsi Use Case Admin Mengelola Akun Pribadi.

Tabel IV.4

Deskripsi Use Case Admin Mengelola Akun Pribadi Use Case Name Mengelola Akun Pribadi

Requirements A3

Goal Admin dapat mengubah (edit) akun

Post-Condition Data akun terupdate

Failed End Condition Gagal mengupdate karena ada data yang kurang

Main Flow / Basic Path Admin menyimpan data akun.

Alternate Flow / Invariant 1 2a. Admin mengedit data akun pribadi

Invariant 2 -

(7)

3) Deskripsi Use Case Admin Mengelola Data Laporan Penjualan.

Tabel IV.5

Deskripsi Use Case Admin Mengelola Laporan Penjualan Use Case Name Mengelola Data Laporan Penjualan

Requirements A4

Goal Admin dapat mengubah, melihat detail status pesanan

Post-Condition Data pesanan tersimpan, melihat detail status pesanan

Failed End Condition Gagal menyimpan karena ada data yang kurang, data detail pesanan masih kosong

Main Flow / Basic Path 1. Admin melihat detail pesanan.

2. Admin menyimpan data status pesanan.

Alternate Flow / Invariant 1 -

Invariant 2 -

4) Deskripsi Use Case Admin Mengelola Data Produk.

Tabel IV.6

Deskripsi Use Case Admin Mengelola Data Produk Use Case Name Mengelola Data Produk

Requirements A5

Goal

Admin dapat melihat detail produk, menambah, mengedit, menghapus data produk

Post-Condition Melihat detail data produk, data produk tersimpan, terupdate, terhapus

Failed End Condition

Gagal menyimpan karena ada data yang kurang, mengupdate atau menghapus data produk

Main Flow / Basic Path 1. Admin melihat data produk.

2. Admin melihat detail data produk.

(8)

3. Admin menambah data produk.

4. Admin menyimpan data produk.

Alternate Flow / Invariant 1 2a. Admin mengedit data produk Invariant 2 2b. Admin menghapus data produk

5) Deskripsi Use Case Admin Mengelola Data Event.

Tabel IV.7

Deskripsi Use Case Admin Mengelola Data Event Use Case Name Mengelola Data Event

Requirements A6

Goal Admin dapat menambah,mengedit,

menghapus data event

Post-Condition Data event tersimpan, terupdate, terhapus Failed End Condition

Gagal menyimpan karena ada data yang kurang, mengupdate atau menghapus data event

1. Admin melihat data event.

2. Admin menambah data event.

3. Admin menyimpan data event.

Alternate Flow / Invariant 1 2a. Admin mengedit data event Invariant 2 2b. Admin menghapus data event

6) Deskripsi Use Case Admin Mengelola Data Page.

Tabel IV.8

Deskripsi Use Case Admin Mengelola Data Page Use Case Name Mengelola Data Page

Requirements A7

menghapus data page

Post-Condition Data page tersimpan, terupdate, terhapus

(9)

Gagal menyimpan karena ada data yang kurang, mengupdate atau menghapus data page

1. Admin melihat data page.

2. Admin menambah data page.

3. Admin menyimpan data page.

Alternate Flow / Invariant 1 2a. Admin mengedit data page Invariant 2 2b. Admin menghapus data page

7) Deskripsi Use Case Admin Mengelola Data Stok.

Tabel IV.9

Deskripsi Use Case Admin Mengelola Data Stok Use Case Name Mengelola Data Stok

Requirements A8

menghapus data stok

Post-Condition Data stok tersimpan, terupdate, terhapus Failed End Condition

Gagal menyimpan karena ada data yang kurang, mengupdate atau menghapus data stok

1. Admin melihat data stok.

2. Admin menambah data stok.

3. Admin menyimpan data stok.

Alternate Flow / Invariant 1 2a. Admin mengedit data stok Invariant 2 2b. Admin menghapus data stok

8) Deskripsi Use Case Admin Mengelola Ongkos Kirim.

Tabel IV.10

Deskripsi Use Case Admin Mengelola Ongkos Kirim Use Case Name Mengelola Data Ongkos Kirim

Requirements A11

(10)

Goal Admin dapat menambah,mengedit, menghapus data ongkos kirim

Post-Condition Data ongkos kirim tersimpan, terupdate, terhapus

Gagal menyimpan karena ada data yang kurang, mengupdate atau menghapus data ongkos kirim

1. Admin melihat data ongkos kirim.

2. Admin menambah data ongkos kirim.

3. Admin menyimpan data ongkos kirim.

Alternate Flow / Invariant 1 2a. Admin mengedit data ongkos kirim Invariant 2 2b. Admin menghapus data ongkos kirim

9) Deskripsi Use Case Admin Mengelola Buku Tamu.

Tabel IV.11

Deskripsi Use Case Admin Mengelola Buku Tamu Use Case Name Mengelola Data Buku Tamu

Requirements A9

Goal Admin dapat membalas dan menghapus data buku tamu

Post-Condition Data buku tamu berhasil dibalas, terhapus Failed End Condition Gagal membalas, menghapus data buku

tamu

Main Flow / Basic Path Admin melihat data buku tamu Alternate Flow / Invariant 1 Admin menghapus data buku tamu

Invariant 2 -

(11)

10) Deskripsi Use Case Admin Mengelola Konfirmasi Pembayaran.

Tabel IV.12

Deskripsi Use Case Admin Mengelola Konfirmasi Pembayaran Use Case Name Mengelola Data Konfirmasi Pembayaran

Requirements A10

Goal Admin dapat menghapus data konfirmasi pembayaran

Post-Condition Data konfirmasi pembayaran terhapus Failed End Condition Gagal menghapus data konfirmasi

pembayaran

Main Flow / Basic Path Admin melihat data konfirmasi pembayaran Alternate Flow / Invariant

1

Admin menghapus data konfirmasi pembayaran

Invariant 2 -

4.1.3 Activity Diagram

a. Activity Diagram Halaman User (Pengunjung)

Gambar IV.4

Activity Diagram Halaman User (Pengunjung)

(12)

b. Activity Diagram Halaman Member

Gambar IV.5

Activity Diagram Halaman Member c. Activity Diagram Admin Mengelola Data Pengguna.

Gambar IV.6

Activity Diagram Admin Mengelola Data Pengguna

(13)

d. Activity Diagram Admin Mengelola Akun Pribadi.

Gambar IV.7

Activity Diagram Admin Mengelola Akun Pribadi e. Activity Diagram Admin Mengelola Data Laporan Penjualan.

Gambar IV.8

Activity Diagram Admin Mengelola Laporan Penjualan f. Activity Diagram Admin Mengelola Data Produk.

Gambar IV.9

Activity Diagram Admin Mengelola Data Produk

(14)

g. Activity Diagram Admin Mengelola Data Event.

Gambar IV.10

Activity Diagram Admin Mengelola Data Event h. Activity Diagram Admin Mengelola Data Page.

Gambar IV.11

Activity Diagram Admin Mengelola Data Page i. Activity Diagram Admin Mengelola Data Stok.

Gambar IV.12

Activity Diagram Admin Mengelola Data Stok

(15)

j. Activity Diagram Admin Mengelola Ongkos Kirim.

Gambar IV.13

Activity Diagram Admin Mengelola Ongkos Kirim k. Activity Diagram Admin Mengelola Buku Tamu.

Gambar IV.14

Activity Diagram Admin Mengelola Buku Tamu l. Activity Diagram Admin Mengelola Konfirmasi Pembayaran.

Gambar IV.15

Activity Diagram Admin Mengelola Konfirmasi Pembayaran

(16)

4.2 Desain

Tahap desain menjelaskan tentang penjabaran desain database, desain software architecture, dan desain interface yang digunakan pada sistem penjualan berbasis web di kelompok Jati Husada Mulya. Penjelasannya sebagai berikut:

4.2.1 Database

a. Entity Relationship Diagram (ERD)

Gambar IV.16

Entity Relationship Diagram Penjualan Berbasis Web

(17)

b. Logical Record Strucuture (LRS)

Gambar IV.17

Logical Record Structure Penjualan Berbasis Web c. Spesifikasi File

Spesifikasi File dalam perancangan website kelompok usaha jamu Jati Husada Mulya adalah sebagai berikut:

1) Spesifikasi File Akses Nama File : Akses

(18)

Akronim : Akses

Fungsi : Untuk menyimpan data hak akses Tipe File : File Master

Akses File : Random

Media : Hard Disk

Kunci Field : akid

Software : phpMyAdmin Tabel IV.13 Spesifikasi File Akses

No. Elemen Data Nama Field Type Size Keterangan

1. ID Akses akid Integer 11 Primary Key,

Auto Increment

2. Nama Akses aknama Char 10

2) Spesifikasi File Buku Tamu Nama File : Buku Tamu Akronim : btamu

Fungsi : Untuk menyimpan data buku tamu Tipe File : File Master

Media : Hard Disk

Kunci Field : btid

Software : phpMyAdmin

(19)

Tabel IV.14

Spesifikasi File Buku Tamu

No. Elemen Data Nama Field Type Size Keterangan 1. ID Buku Tamu btid Integer 11 Primary Key,

Auto Increment 2. Nama Buku Tamu btnama Varchar 32

3. Email Buku Tamu btemail Varchar 64 4. Web Buku Tamu btweb Varchar 64 5. Isi Buku Tamu btkonten Varchar 1000

6. Waktu btwaktu Varchar 40

7. Isi Balasan btbalas Text

8. Nama Author usnama Varchar 40

3) Spesifikasi File Event Nama File : Event Akronim : event

Fungsi : Untuk menyimpan data event Tipe File : File Master

Media : Hard Disk

Kunci Field : evid

Software : phpMyAdmin Tabel IV.15 Spesifikasi File Event

No. Elemen Data Nama Field Type Size Keterangan

1. ID Event evid Integer 11 Primary Key,

Auto Increment

(20)

2. Gambar Event evimg Varchar 65 3. Judul Event evjudul Varchar 65 4. Konten Event evkonten Text

5. Nama User usnama Varchar 40

4) Spesifikasi File Jamu Nama File : Jamu

Akronim : jamu

Fungsi : Untuk menyimpan data produk jamu Tipe File : File Master

Media : Hard Disk

Kunci Field : jid

Software : phpMyAdmin Tabel IV.16 Spesifikasi File Jamu

1. ID Jamu jid Integer 11 Primary Key,

Auto Increment

2. Nama Jamu jnama Varchar 50

3. Harga Jamu jharga Double

4. Gambar Jamu jimg Varchar 65

5. Berat Jamu jberat Varchar 25

6. Best Jamu jbest Integer 11

7. Komposisi komposisi Varchar 150

8. Kegunaan kegunaan Text

9. Stok stok Integer 11

(21)

5) Spesifikasi File Keranjang Belanja Nama File : Keranjang Belanja Akronim : kerbelanja

Fungsi : Untuk menyimpan data keranjang belanja yang masuk

Tipe File : File Transaksi Akses File : Random

Media : Hard Disk

Kunci Field : kerid

Software : phpMyAdmin Tabel IV.17

Spesifikasi File Keranjang Belanja

No. Elemen Data Nama Field Type Size Keterangan 1. ID Keranjang kerid Integer 11 Primary Key,

Auto Increment

2. ID Jamu jid Integer 11

3. Kuantitas kerqty Integer 11

4. Sub Total kersubtot Double

5. IP Keranjang kerip Varchar 20

6. Status Keranjang kerstatus Integer 11 7. ID Laporan lapid Biginteger 20

8. ID User usid Integer 11

6) Spesifikasi File Konfirmasi Nama File : Konfirmasi Akronim : konfirmasi

Fungsi : Untuk menyimpan data konfirmasi pembayaran

(22)

Tipe File : File Master Akses File : Random

Media : Hard Disk

Kunci Field : kfmid

Spesifikasi File Konfirmasi

No. Elemen Data Nama Field Type Size Keterangan 1. ID Konfirmasi kfmid Integer 11 Primary Key,

Auto Increment 2. Nama Konfirmasi usnama Varchar 40

3. Nomor Order kfmno Integer 11

4. Jumlah Transfer jmtransfer Double

5. Nama Rekening kfmrek Varchar 50

6. Waktu kfmwaktu Varchar 40

7) Spesifikasi File Kota Nama File : Kota Akronim : kota

Fungsi : Untuk menyimpan data ongkos kirim Tipe File : File Master

Media : Hard Disk

Kunci Field : ktnama Software : phpMyAdmin

(23)

Tabel IV.19 Spesifikasi File Kota

1. Nama Kota ktnama Varchar 50 Primary Key

2. Ongkos Kirim ktongkos Double

8) Spesifikasi File Laporan Belanja Nama File : Laporan Belanja Akronim : lapbelanja

Fungsi : Untuk menyimpan data laporan belanja Tipe File : File Transaksi

Media : Hard Disk

Kunci Field : lapid

Spesifikasi File Laporan Belanja

No. Elemen Data Nama Field Type Size Keterangan 1. ID Laporan akid Biginteger 20 Primary Key,

Auto Increment

2. ID User usid Integer 11

3. Nama Kota ktnama Varchar 50

4. Alamat alamat Varchar 150

5. IP Laporan lapip Varchar 20

6. Tanggal Laporan lapdate Varchar 35 7. Waktu Laporan laptime Varchar 15 8. Status Laporan lapstatus Varchar 20

(24)

9) Spesifikasi File Menu Nama File : Menu

Akronim : menu

Fungsi : Untuk menyimpan data menu Tipe File : File Master

Media : Hard Disk

Kunci Field : mnid

Software : phpMyAdmin Tabel IV.21 Spesifikasi File Menu

1. ID Menu mnid Integer 11 Primary Key,

Auto Increment

2. Kelas Menu mnclass Varchar 20

3. ID Parent parent_id Integer 11

4. Judul Menu mnjudul Varchar 65

5. URL Menu mnurl Varchar 65

6. Urutan Menu mnorder Integer 11

10) Spesifikasi File News Nama File : News

Akronim : news

Fungsi : Untuk menyimpan data news, article, berita dll Tipe File : File Master

(25)

Media : Hard Disk Kunci Field : newsid Software : phpMyAdmin

Tabel IV.22 Spesifikasi File News

1. ID News newsid Integer 11 Primary Key,

Auto Increment 2. Gambar News newsimg Varchar 65

3. Judul News newsjudul Varchar 65 4. Konten News newskonten Text

11) Spesifikasi File Node Nama File : Node

Akronim : node

Fungsi : Untuk menyimpan data node atau page Tipe File : File Master

Media : Hard Disk

Kunci Field : ndid

Software : phpMyAdmin Tabel IV.23 Spesifikasi File Node

1. ID Node ndid Varchar 65 Primary Key

(26)

2. Judul Node ndjudul Varchar 65

3. Isi Node ndkonten Text

12) Spesifikasi File Users Nama File : Users Akronim : users

Fungsi : Untuk menyimpan data semua pengguna Tipe File : File Master

Media : Hard Disk

Kunci Field : usid

Software : phpMyAdmin Tabel IV.24 Spesifikasi File Users

1. ID Users usid Integer 11 Primary Key,

Auto Increment

2. ID Akses akid Integer 11

3. Nama Users usnama Varchar 40

4. Password Users uspass Varchar 40

5. Nama nama Varchar 50

6. Email email Varchar 50

7. Alamat alamat Varchar 100

8. Telephone phone Varchar 15

9. Gambar Users usimg Varchar 50

10. Nama Kota ktnama Varchar 50

(27)

4.2.2 Software Architecture a. Deployment Diagram

Fungsi diagram ini adalah menggambarkan tata letak sistem secara fisik sehingga memperlihatkan bagian-bagian software (perangkat lunak) yang berjalan pada hardware yang digunakan untuk mengimplementasikan sistem serta keterhubungan antara komponen hardware-hardware tersebut.

Gambar IV.18

Deployment Diagram Penjualan Berbasis Web

b. Component Diagram

Fungsi diagram ini adalah menggambarkan struktur dan hubungan antar komponen software, termasuk saling ketergantungan diantaranya. Diagram ini juga

(28)

dapat berupa interface, berupa kumpulan layanan yang disediakan oleh satu komponen untuk komponen lainnya.

Gambar IV.19

Component Diagram Penjualan Berbasis Web

4.2.3 User Interface

User interface adalah tampilan antar muka website yang dihasilkan dari pengolahan kode program berdasarkan desain yang telah dibuat pada tahap desain.

User interface pada website Jati Husada Mulya terdapat dua bagian yaitu user, pengunjung biasa atau yang telah memiliki akun (member) dan admin, yang dapat mengelola data-data pada website. Di bawah ini adalah interface pada website Jati Husada Mulya, antara lain:

a. Halaman User

(29)

Gambar IV.20

Tampilan Halaman Index User

(30)

Gambar IV.21

Tampilan Halaman Mengenai Kami

Gambar IV.22

Tampilan Halaman Detail Artikel

(31)

Gambar IV.23

Tampilan Halaman Detail Produk

Gambar IV.24

Tampilan Halaman Buku Tamu

(32)

Gambar IV.25 Tampilan Halaman Event

Gambar IV.26

Tampilan Halaman Detail Event

(33)

Gambar IV.27

Tampilan Halaman Registrasi Member

Gambar IV.28

Tampilan Halaman Login Member

(34)

Gambar IV.29

Tampilan Halaman Ongkos Kirim

Gambar IV.30

Tampilan Halaman Profil Member

(35)

Gambar IV.31

Tampilan Halaman Edit Profil Member

Gambar IV.32

Tampilan Halaman Keranjang Belanja Member

(36)

Gambar IV.33

Tampilan Halaman Laporan Belanja Member

Gambar IV.34

Tampilan Halaman Konfirmasi Pembayaran Member

(37)

b. Halaman Admin

Gambar IV.35

Tampilan Halaman Index Administrator

(38)

Gambar IV.36

Tampilan Halaman Login Admin

Gambar IV.37

Tampilan Halaman Data Profil Admin

(39)

Gambar IV.38

Tampilan Halaman Edit Profil Admin

Gambar IV.39

Tampilan Halaman Data Akses

(40)

Gambar IV.40

Tampilan Halaman Edit Data Akses

Gambar IV.41

Tampilan Halaman Data Daftar Pengguna

(41)

Gambar IV.42

Tampilan Halaman Laporan Order Masuk

Gambar IV.43

Tampilan Halaman Laporan Order Selesai

(42)

Gambar IV.44

Tampilan Halaman Administrasi Laporan

Gambar IV.45

Tampilan Halaman Rekap Laporan

(43)

Gambar IV.46

Tampilan Halaman Konten Barang

Gambar IV.47

Tampilan Halaman Tambah Data Barang

(44)

Gambar IV.48

Tampilan Halaman Edit Data Barang

Gambar IV.49

Tampilan Halaman Detail Data Barang

(45)

Gambar IV.50

Tampilan Halaman Konten Data Page

Gambar IV.51

Tampilan Halaman Detail Data Page

(46)

Gambar IV.52

Tampilan Halaman Tambah Data Page

Gambar IV.53

Tampilan Halaman Edit Data Page

(47)

Gambar IV.54

Tampilan Halaman Konten Data Event

Gambar IV.55

Tampilan Halaman Detail Data Event

(48)

Gambar IV.56

Tampilan Halaman Konten Data News

Gambar IV.57

Tampilan Halaman Detail Data News

(49)

Gambar IV.58

Tampilan Halaman Data Menu

Gambar IV.59

Tampilan Halaman Tambah Data Menu

(50)

Gambar IV.60

Tampilan Halaman Edit Data Menu

Gambar IV.61

Tampilan Halaman Data Ongkos Kirim

(51)

Gambar IV.62

Tampilan Halaman Tambah Ongkos Kirim

Gambar IV.63

Tampilan Halaman Edit Ongkos Kirim

(52)

Gambar IV.64

Tampilan Halaman Buku Tamu Admin

Gambar IV.65

Tampilan Halaman Balas Buku Tamu

(53)

Gambar IV.66

Tampilan Halaman Konfirmasi Pembayaran

4.3 Code Generation a. Cart.php

<?php

if (isset($_POST['chout'])) {

if (isset($_SESSION['loggedin']) && $_SESSION['loggedin']==MD5('Y3s!OK')) {

$mess_cnama = $mess_cphone = $mess_calamat = "";

$nama = $phone = $alamat = "";

if (empty($_POST['cnama'])) {

$mess_cnama="* Nama belum diisi";

} else {

$nama = $_POST['cnama'];

//validasi nama

if (!preg_match("/^[a-zA-Z .]*$/", $nama)) {

(54)

$mess_cnama="* Nama harus berupa huruf";

}

if (empty($_POST['cphone'])) {

$mess_cphone="* Nomor telepon belum diisi";

} else {

$phone = $_POST['cphone'];

//validasi telepon

if (!preg_match("/^[0-9]*$/", $phone)) {

$mess_cphone="* Nomor telepon harus berupa angka";

}

if (empty($_POST['ckota'])) { $mess_ckota="*"; }

if (empty($_POST['calamat'])) { $mess_calamat="* Alamat belum diisi";

}

if(empty($_POST['qty'])) {

$mess_qty="* Jumlah beli harus diisi";

} else {

$qty = $_POST['qty'];

//validasi kuantitas

if (!preg_match("/^[0-9]*$/", $qty)) {

$mess_qty="* Jumlah beli harus berupa angka";

}

if (!empty($nama)&&empty($mess_cnama) &&

!empty($phone)&&empty($mess_cphone) && !empty($_POST['ckota']) &&

!empty($_POST['calamat'])) {

$_SESSION['ktnama']=$_POST['ckota'];

$_SESSION['alamat']=$_POST['calamat'];

user_REGUP($_POST['cnama'],$_POST['ckota'],$_POST['calamat'],$_POST['cp hone']);

$_SESSION['checkdata']=1;

}

} }

?>

<div class="title-content">  Keranjang Belanja</div>

<?php

TOTAL_TR();

//diambil dari fungsi TOTAL_TR() dalam file function

$qrytot=mysql_query("SELECT ifnull(COUNT(a.jid),0) as

totdata FROM kerbelanja a, jamu b WHERE a.jid=b.jid AND a.kerstatus=2 AND a.usid='$usid' AND a.kerip='$ip'", $koneksi);

$rowtot=mysql_fetch_array($qrytot);

(55)

$totkb=$rowtot['totdata'];

if ($totkb>0) {

?>

<p>

<td align='center'>Detail</td>

<td align='center'>Subtotal</td>

</tr>

<?php

print "Berikut ini adalah produk yang ada di Keranjang Belanja Anda:";

$qry=mysql_query("SELECT * FROM vkerblj_jamu WHERE

kerstatus=2 AND kerip='$ip' ORDER BY kerid", $koneksi);

while($row=mysql_fetch_array($qry)) {

?>

<p>

<tr>

<div class='m_img'><center><?php print "<img src=./admin/images/$row[jimg] title='".$row['jnama']."' height='75' class='m'>";

?></center></div></td>

<td bgcolor="E8E8E8" height='20' width='300'> <?php print

$row['jnama'] ?></td>

<td bgcolor="E8E8E8" valign='middle'> <?php print

"Rp.".number_format($row['kersubtot']) ?> </td>

</tr>

<tr>

<td bgcolor="E8E8E8" colspan='1' height='20'> <?php print

"Rp.".number_format($row['jharga']) ?></td>

</tr>

</form>

<tr>

</tr>

<tr>

(56)

</tr>

<tr>

</tr>

<?php

}

?>

<td height='20' align='center'> Total </td>

</tr>

<tr>

</tr>

<tr>

<td height="10" align="left"><b>Catatan:</b></td>

<td colspan="3" align="justify">Ongkos kirim hanya diberlakukan per pengiriman berdasarkan KOTA tujuan, berapapun berat dari total produk yang dipesan.</td>

</tr>

<tr>

</tr>

<td colspan="4">  Silakan isikan data pribadi (kontak) anda : </td>

</tr>

</table>

<p>

<form method="POST" action="<?php print $_SERVER['REQUEST_URI'];

?>">

<?php

if (isset($_SESSION['usnama'])) {

$qryuser = mysql_query("SELECT * FROM users WHERE

usnama='$_SESSION[usnama]'", $koneksi);

} else {

$qryuser = mysql_query("SELECT * FROM users WHERE

usnama='-'", $koneksi);

}

(57)

$rowuser = mysql_fetch_array($qryuser);

?>

<tr>

<td><input type="text" name="cnama" tabindex="15" size="24"

maxlength="32" value='<?php echo $rowuser['nama']; ?>' />

<?php if (!empty($mess_cnama)) { print $mess_cnama; } ?></td>

</tr>

<tr>

<td> Telepon </td>

<td><input type="text" name="cphone" tabindex="16" size="24"

maxlength="14" value='<?php echo $rowuser['phone']; ?>' />

<?php if(!empty($mess_cphone)) { print $mess_cphone; } ?></td>

</tr>

<tr>

<option value='<?php echo $rowuser['ktnama']; ?>' selected><?php echo

$rowuser['ktnama']; ?></option>

<?php

$qrytotko=mysql_query("SELECT ifnull(COUNT(*),0) as

totkota FROM kota", $koneksi);

$rowkota=mysql_fetch_array($qrytotko);

$totko=$rowkota["totkota"];

if ($totko>0) {

$qry=mysql_query("SELECT * FROM kota ORDER BY

ktnama", $koneksi);

while ($row=mysql_fetch_array($qry)) {

echo "<option

value='".$row['ktnama']."'>".$row['ktnama']."</option>";

}

?>

</select><?php if (!empty($mess_ckota)) { print $mess_ckota; } ?></td>

</tr>

<tr>

<td> Alamat </td>

<?php if (!empty($mess_calamat)) { print $mess_calamat; } ?></td>

</tr>

<tr>

<td><button name="chout" style="border:0px; background- color:transparent"><img src='./images/bt_checkout.png' height="30"

/></button></td>

</tr>

</table>

</form>

<p>

(58)

<?php

} else {

if (isset($_SESSION['loggedin'])) {

print "Keranjang belanja Anda masih

kosong.<br>";

} else {

print "Untuk bisa belanja, Anda harus login

terlebih dahulu. Jika belum memiliki akun, silahkan daftar <a href='?n=user_reg'>di sini</a>.";

}

?>

</div>

<font face='Tahoma' size='2'><img src='./images/back.gif' alt='mb' width="5" /><a href="index.php" style="color:#b72c24" onmouseover="this.style.color='#ff0000'"

onmouseout="this.style.color='#b72c24'">  Kembali</a></font>

4.4 Testing

Pengujian terhadap rancangan website Jati Husada Mulya menggunakan metode Black Box Testing yang terfokus terhadap proses masukan dan keluaran yang ditampilkan melalui form-form pada website.

a. Pengujian Halaman Admin

1) Pengujian terhadap form login admin Tabel IV.25

Pengujian Black Box Testing Form Login Admin No. Skenario

Pengujian

Test Case Hasil yang diharapkan

Hasil Pengujian

Kesimpulan 1. Username dan

Password tidak diisi kemudian klik tombol login

Username : (kosong) Password : (kosong)

Sistem menolak masuk dan menampilkan tanda * pada Username dan Password

Sesuai

Harapan Valid

2. Username tidak diisi dan Password diisi kemudian klik tombol login

Username : (kosong) Password : admin

Sistem menolak masuk dan menampilkan

Sesuai

Harapan Valid

(59)

tanda * pada Username 3. Username diisi

dan Password tidak diisi kemudian klik tombol login

Username : admin Password : (kosong)

Sistem menolak masuk dan menampilkan tanda * pada password

Sesuai

Harapan Valid

4. Mengetikkan salah satu kondisi salah pada

Username atau Password kemudian klik tombol login

Username : admin (benar) Password : hida (salah)

Sistem menolak masuk dan menampilkan pesan “Gagal Login”

Sesuai

Harapan Valid

5. Mengetikkan Username dan Password dengan benar kemudian klik tombol login

Username : admin (benar) Password : admin (benar)

Sistem menerima akses login dan

menampilkan pesan

“Berhasil Login”

Sesuai

Harapan Valid

2) Pengujian terhadap konten data barang Tabel IV.26

Pengujian Black Box Testing Konten Barang No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Nama produk

tidak diisi, mengisi harga produk, pilih gambar, berat, komposisi dan kegunaan

Nama Produk:

(kosong) Harga : 20,000 Gambar : j_kuthi.jpg Berat/Gram : 250

Komposisi : (uraian) Kegunaan : (uraian) Klik Simpan

Sistem akan menolak akses tambah produk baru dengan menampilkan pesan * Nama belum diisi pada nama produk

Sesuai

Harapan Valid

2. Mengklik tombol

Nama Produk:

Kencur Sunthi

Sistem akan menerima

Sesuai

Harapan Valid

(60)

Tambah

Produk Baru.

Ketik nama produk, harga produk, pilih gambar, berat, komposisi dan kegunaan

Harga : 20,000 Gambar : j_kuthi.jpg Berat/Gram : 250

Komposisi : (uraian) Kegunaan : (uraian) Klik Simpan

akses tambah produk baru

3. Klik tombol ubah pada kolom aksi.

Ubah nama produk, harga produk,

gambar, berat, komposisi dan kegunaan

Nama Produk:

(data) Harga : (data) Gambar : (data) Berat/Gram : (data) Komposisi : (data) Kegunaan : (data) Klik Simpan

Sistem akan menerima akses ubah data produk

Sesuai

Harapan Valid

3) Pengujian terhadap konten data page Tabel IV.27

Pengujian Black Box Testing Konten Page No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Judul tidak

diisi, hanya mengisi konten

Judul:

(kosong) Konten : (uraian) Klik Simpan

Sistem akan menolak akses tambah page baru dengan menampilkan pesan * Judul belum diisi pada judul

Sesuai

Harapan Valid

2. Mengklik tombol

Tambah Page Baru. Ketik judul, dan konten

Judul:

Pelatihan Konten : (uraian) Klik Simpan

Sistem akan menerima akses tambah page baru

Sesuai

Harapan Valid

(61)

Ubah judul, dan konten

Judul:

(data) Konten : (data) Klik Simpan

Sistem akan menerima akses ubah data page

Sesuai

Harapan Valid

4) Pengujian terhadap konten data event Tabel IV.28

Pengujian Black Box Testing Konten Event No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Judul tidak

diisi, hanya mengisi gambar dan konten

Judul:

(kosong) Gambar : ev_eve1.jpg Konten : (uraian) Klik Simpan

Sistem akan menolak akses tambah event baru dengan menampilkan pesan * Judul belum diisi pada judul

Sesuai

Harapan Valid

2. Mengklik tombol

Tambah Event Baru. Ketik judul, pilih gambar dan ketik konten

Judul : Pelatihan Gambar : ev_eve1.jpg Konten : (uraian) Klik Simpan

Sistem akan menerima akses tambah

event baru Sesuai

Harapan Valid

Ubah judul, gambar dan konten

Judul:

(data) Gambar : (data) Konten : (data) Klik Simpan

Sistem akan menerima akses ubah

data event Sesuai

Harapan Valid

5) Pengujian terhadap menu horizontal Tabel IV.29

Pengujian Black Box Testing Menu Horizontal No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Kategori tidak

diisi

Kategori : (kosong)

Sistem akan menolak akses

Sesuai

Harapan Valid

(62)

Klik Simpan tambah menu horisontal dengan menampilkan

pesan *

Kategori belum diisi pada kategori 2. Mengklik

tombol

Tambah Menu Horisontal.

Ketikkan kategori

Kategori : Tentang Kami Klik Simpan

Sistem akan menerima akses tambah menu

horisontal

Sesuai

Harapan Valid

Ubah kategori

Kategori : (data) Klik Simpan

Sistem akan menerima akses ubah data menu horisontal

Sesuai

Harapan Valid

6) Pengujian terhadap data ongkos kirim Tabel IV.30

Pengujian Black Box Testing Ongkos Kirim No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Nama kota

tidak diisi dan ongkos kirim diisi

Kota : (kosong) Ongkos Kirim : 15,000

Klik Simpan

Sistem akan menolak akses tambah data baru dengan menampilkan pesan * Kota belum diisi pada kota

Sesuai

Harapan Valid

2. Menambahkan kota dengan nama yang sudah ada dan ongkos kirim berbeda

Kota : Surabaya Ongkos Kirim ; 20,000

Klik Simpan

Sistem akan menolak akses tambah data baru dengan menampilkan pesan *Nama kota sudah ada pada kota

Sesuai

Harapan Valid

3. Mengklik tombol

Tambah Data Baru. Ketikkan

Kota : Surabaya Ongkos Kirim : 15,000

Sistem akan menerima akses tambah data kota baru

Sesuai

Harapan Valid

(63)

nama kota dan ongkos kirim

Klik Simpan 4. Klik tombol

ubah pada kolom aksi.

Ubah nama kota dan ongkos kirim

Kota : (data)

Ongkos Kirim : (data)

Klik Simpan

Sistem akan menerima akses ubah data ongkos kirim

Sesuai

Harapan Valid

7) Pengujian terhadap data akses

Tabel IV.31

Pengujian Black Box Testing Data Akses No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Klik tombol

ubah pada kolom aksi.

Ubah nama akses

ID Akses : (disabled) Nama Akses : (data)

Klik Simpan

Sistem akan menerima akses ubah data akses

Sesuai

Harapan Valid

8) Pengujian terhadap daftar pengguna Tabel IV.32

Pengujian Black Box Testing Daftar Pengguna No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Username

tidak diisi lalu mengisikan password, ulang password, email, nama, telepon,

alamat, kota

Username : (kosong) Password : hida Ulang Password : hida Email :

[email protected] m

Nama : Nurhida Telepon : 12345 Alamat : Sedayu

Sistem akan menolak akses tambah pengguna baru dengan menampilkan pesan * Username belum diisi pada

username

Sesuai

Harapan Valid

(64)

Kota : Yogyakarta Klik Simpan 2. Mengsisikan

username, password, ulang password, email, nama, telepon,

alamat, kota tetapi

password dan ulang

password tidak sama

Username : hida

Password : hida Ulang Password : hidaa (salah) Email :

[email protected] m

Nama : Nurhida Telepon : 12345 Alamat : Sedayu Kota : Yogyakarta Klik Simpan

Sistem akan menolak akses tambah pengguna baru dengan menampilkan pesan * Password tidak sama pada

password

Sesuai

Harapan Valid

3. Mengisikan username dengan nama yang sudah ada pada daftar pengguna dengan password, ulang password, email, nama, telepon,

alamat, kota yang berbeda

Username : hida

Password : admin Ulang Password : admin Email :

hidaaa@gmail.

com Nama : Nurhidaa Telepon : 12345 Alamat : Bantul Kota : Yogyakarta Klik Simpan

Sistem akan menolak akses tambah pengguna baru dengan menampilkan pesan

*Username

sudah ada Sesuai

Harapan Valid

4. Mengklik tombol ubah pada kolom aksi untuk mengubah password.

Ketika

New Password:

hidaa Confirm Password : hidha Klik Simpan

Sistem akan menolak akses ubah data

pengguna dengan menampilkan

Sesuai

Harapan Valid

(65)

mengubah data password, antara

password baru dan ulang password tidak sama

pesan

*Password tidak sama pada new password

5. Mengklik tombol Tambah Pengguna Baru. Ketikkan username, password, ulang password, email, nama, telepon,

alamat, kota

Username : Hida Password : hida Ulang Password : Hida Email :

[email protected] m

Nama : Nurhida Telepon : 12345 Alamat : Sedayu Kota : Yogyakarta Klik Simpan

Sistem akan menerima akses tambah pengguna baru

Sesuai

Harapan Valid

Ubah username, nama, pilih hak akses, email, telepon, foto, alamat, kota.

Apabila ingin mengubah password, isikan new password dan confirm

password. Jika tidak, biarkan dalam keadaan tidak terisi (kosong)

Username : (disabled) Nama : (data) Hak Akses : (data) Email : (data) Telepon : (data) Foto : (data) Alamat : (data) Kota : (data) Klik Simpan

Sistem akan menerima akses ubah data

pengguna

Sesuai

Harapan Valid

(66)

b. Pengujian Halaman User atau Member 1) Pengujian terhadap login member

Tabel IV.33

Pengujian Black Box Testing Form Login Member No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Username dan

Password tidak diisi kemudian klik tombol login

Username : (kosong) Password : (kosong)

Sistem menolak masuk dan menampilkan tanda * pada Username dan Password

Sesuai

Harapan Valid

2. Username tidak diisi dan Password diisi kemudian klik tombol login

Username : (kosong) Password : nada

Sistem menolak masuk dan menampilkan tanda * pada Username

Sesuai

Harapan Valid

3. Username diisi dan Password tidak diisi kemudian klik tombol login

Username : nada Password : (kosong)

Sistem menolak masuk dan menampilkan tanda * pada Password

Sesuai

Harapan Valid

4. Mengetikkan salah satu kondisi salah pada

Username atau Password kemudian klik tombol login

Username : nada (benar) Password : hida (salah)

Sistem menolak masuk dan menampilkan pesan “Gagal Login”

Sesuai

Harapan Valid

5. Mengetikkan Username dan Password dengan benar kemudian klik tombol login

Username : nada (benar) Password : nada (benar)

Sistem menerima akses login dan

menampilkan pesan

“Berhasil Login”

Sesuai

Harapan Valid

(67)

2) Pengujian terhadap data pribadi member Tabel IV.34

Pengujian Black Box Testing Data Pribadi Member No. Skenario

Pengujian

Hasil Pengujian

Kesimpulan 1. Mengklik

tombol ubah untuk

mengubah password.

Ketika

mengubah data password, antara

password baru dan ulang password tidak sama

New Password:

nadha Confirm Password : hidha Klik Simpan

Sistem akan menolak akses ubah data

pengguna dengan menampilkan pesan

*Password tidak sama pada new password

Sesuai

Harapan Valid

2. Klik tombol ubah pada daftar

pengguna.

Ubah username, nama, email, telepon, foto, alamat.

Apabila ingin mengubah password, isikan new password dan confirm

password. Jika tidak, biarkan dalam keadaan tidak terisi (kosong)

Username : (disabled) Nama : (data) Email : (data) Telepon : (data) Foto : (data) Alamat : (data) Klik Simpan

Sistem akan menerima akses ubah data

pengguna member

Sesuai

Harapan Valid

3) Pengujian terhadap buku tamu