Top Banner
22 BAB III PEMBAHASAN 3.1. Analisa Kebutuhan 3.1.1. Identifikasi Kebutuhan Identifikasi kebutuhan dibutuhkan berdasarkan kebutuhan pengguna dan kebutuhan sistem dari aplikasi penjualan Korean Stuff berbasis web yang penulis buat. 1. Kebutuhan Pengguna Dalam wesite yang penulis buat terdapat dua pengguna yang dapat saling berinteraksi dalam lingkungan sistem, yaitu konsumen dan admin. Kedua pengguna tersebut memiliki karakteristik yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut : a. Skenario kebutuhan konsumen i. Mengakses halaman depan web. ii. Melihat katalog produk berdasarkan kategori. iii. Menggunakan fasilitas keranjang sebelum membeli produk. iv. Melakukan pemesanan. v. Melakukan pembayaran. vi. Melakukan transaksi. vii. Melihat profil website viii. Melihat panduan belanja ix. Memberikan testimoni.
37

BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

Aug 28, 2019

Download

Documents

nguyencong
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

22

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

3.1.1. Identifikasi Kebutuhan

Identifikasi kebutuhan dibutuhkan berdasarkan kebutuhan pengguna dan

kebutuhan sistem dari aplikasi penjualan Korean Stuff berbasis web yang penulis

buat.

1. Kebutuhan Pengguna

Dalam wesite yang penulis buat terdapat dua pengguna yang dapat saling

berinteraksi dalam lingkungan sistem, yaitu konsumen dan admin. Kedua

pengguna tersebut memiliki karakteristik yang berbeda-beda dan memiliki

kebutuhan informasi yang berbeda-beda, seperti berikut :

a. Skenario kebutuhan konsumen

i. Mengakses halaman depan web.

ii. Melihat katalog produk berdasarkan kategori.

iii. Menggunakan fasilitas keranjang sebelum membeli produk.

iv. Melakukan pemesanan.

v. Melakukan pembayaran.

vi. Melakukan transaksi.

vii. Melihat profil website

viii. Melihat panduan belanja

ix. Memberikan testimoni.

Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

23

b. Skenario kebutuhan admin

i. Mengelola data transaksi.

ii. Mengelola data barang.

iii. Mengelola data pengguna.

iv. Mengelola data pembeli.

v. Mengelola kategori barang.

vi. Mengelola laporan.

2. Kebutuhan Sistem

a. Konsumen harus melakukan segala aktivitas transaksi langsung

dengan mengakses website yang dibuat oleh penulis, konsumen akan

mendapat nomor transaksi dari setiap pemesanan yang dibuat dan

nomor transaksi tersebut berfungsi untuk melihat status transaksi

maupun untuk melakukan konfirmasi pembayaran.

b. Admin yang ini mengakses bagian back-end harus melakukan login

terlebih dahulu dengan memasukan username dan password agar

privasi masing-masing pengguna tetap terjaga keamanannya.

c. Bagian front-end memiliki tujuh menu yang bisa di akses oleh

konsumen yaitu beranda, katalog, cara order, pesanan, tentang kami,

testimoni, dan keranjang. Dan untuk bagian back-end terdiri dari

menu detail transaksi, data transaksi, data barang, data kategori, data

pembeli,data pengguna,testimoni laporan dan logout.

d. Admin harus melakukan logout jika sudah selesai menggunakan

bagian back-end.

Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

24

3.2. Perancangan Perangkat Lunak.

3.2.1. Rancangan Antarmuka

Menjelaskan rancangan antarmuka (interface) yang terdapat pada aplikasi

website penjualan Korean stuff.

1. Rancangan Antarmuka Beranda Front End

Gambar III.1. Rancangan Antarmuka Beranda Front End

2. Rancangan Antarmuka Cara Order Front End

Gambar III.2. Rancangan Antarmuka Cara Order Front End

Page 4: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

25

3. Rancangan Antarmuka Pesanan Front End

Gambar III.3. Rancangan Antarmuka Pesanan Front End

4. Rancangan Antarmuka Tentang Kami Front End

Gambar III.4. Rancangan Antarmuka Tentang Kami Front End

Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

26

5. Rancangan Antarmuka Testimoni Front End

Gambar III.5. Rancangan Antarmuka Testimoni Front End

6. Rancangan Antarmuka Keranjang Front End

Gambar III.6. Rancangan Antarmuka Keranjang Front End

Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

27

7. Rancangan Antarmuka Konfirmasi Pembayaran Front End

Gambar III.7. Rancangan Antarmuka Konfirmasi Pembayaran Front

End

8. Rancangan Antarmuka Login Back End

Gambar III.8. Rancangan Antarmuka Login Back End

Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

28

9. Rancangan Antarmuka Detail Transaksi Back End

Gambar III.9. Rancangan Antarmuka Detail Transaksi Back End

10. Rancangan Antarmuka Transaksi Back End

Gambar III.10. Rancangan Antarmuka Transaksi Back End

Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

29

11. Rancangan Antarmuka Stok Barang Back End

Gambar III.11. Rancangan Antarmuka Stok Barang Back End

12. Rancangan Antarmuka Data Barang Back End

Gambar III.12. Rancangan Antarmuka Data Barang Back End

Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

30

13. Rancangan Antarmuka Data Kategori Back End

Gambar III.13. Rancangan Antarmuka Data Kategori Back End

14. Rancangan Antarmuka Data Pembeli Back End

Gambar III.14. Rancangan Antarmuka Data Pembeli Back End

INPUT DATA KATEGORI

Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

31

15. Rancangan Antarmuka Data Pengguna Back End

Gambar III.15. Rancangan Antarmuka Data Pengguna Back End

16. Rancangan Antarmuka Testimoni Back End

Gambar III.16. Rancangan Antarmuka Testimoni Back End

Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

32

17. Rancangan Antarmuka Laporan Penjualan Back End

Gambar III.17. Rancangan Antarmuka Laporan Penjualan Back End

Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

33

3.2.2. Rancangan Basis Data

A. Entity Relationship Diagram

Gambar III.18. Entity Relationship Diagram

Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

34

B. Logical Record Structure (LRS)

Keterangan :

* Primary Key

** Foreign Key

Gambar III.19. Logical Record Structure

Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

35

C. Spesifikasi File

Spesifikasi file data merupakan jabaran yang lebih detail dari elemen yang

ada pada kamus data. Pada spesifikasi file harus dijelaskan lebih rinci

mengenai field, tipe dan lainnya. Penjelasan tabel-tabel yang digunakan

dalam program yang diusulkan terdapat pada file database Korean Stuff.

1. Spesifikasi File Barang

Nama File : Tabel Data Barang

Akronim : Data Barang

Fungsi : Untuk menyimpan data barang

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 64 karakter

Kunci Field : id_barang

Software : My-SQL

Tabel III.1. Spesifikasi File Data Barang

No Elemen Data Nama Field Tipe Size Ket

1. Kode Barang id_barang Varchar 6 Primary key

2. Kode Kategori id_kategori Varchar 6 Foreign key

3. Nama Barang nama_barang Varchar 40

4. Gambar Barang gambar_barang Text

5. Stok Barang stok_Barang Integer 2

6.

Deskripsi

Barang des_barang Text

7. Harga Barang harga_Barang Integer 10

Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

36

2. Spesifikasi File Kategori Barang

Nama File : Tabel kategori Barang

Akronim : Data Kategori

Fungsi : Untuk mengelola data kategori

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 36 karakter

Kunci Field : id_kategori

Software : My-SQL

Tabel III.2. Spesifikasi File Kategori Barang

No Elemen Data Nama Field Tipe Size Ket

1. Id Kategori id_kategori Varchar 6 Primary key

2. Nama Kategori nama_kategori Varchar 30

3. Spesifikasi File Data Pengguna

Nama File : Tabel Data Pengguna

Akronim : data pengguna

Fungsi : Untuk menyimpan data pengguna

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 34 karakter

Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

37

Kunci Field : username

Software : My-SQL

Tabel III.3. Spesifikasi File Data Pengguna

No Elemen Data Nama Field Tipe Size Ket

1. Username Username Varchar 30 Primary key

2. Password Password Varchar 4

4. Spesifikasi File Data Pembeli

Nama File : Tabel Data Pembeli

Akronim : data pembeli

Fungsi : Untuk menyimpan data detail pembeli

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 53 karakter

Kunci Field : id_pembeli

Software : My-SQL

Tabel III.4. Spesifikasi File Data Pembeli

No Elemen Data Nama Field Tipe Size Ket

1. Kode pembeli id_pembeli Varchar 11 Primary Key

2. Nama pembeli nama_pembeli Varchar 30

3. Alamat pembeli alamat_pembeli Text

4. Telepon pembeli nohp_pembeli Varchar 12

5. Email pembeli email_pembeli Text

Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

38

5. Spesifikasi File Data Transaksi

Nama File : Tabel Data Transaksi

Akronim : data transaksi

Fungsi : Untuk menyimpan data transaksi pemesanan

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 115 karakter

Kunci Field : id_transaksi

Software : My-SQL

Tabel III.5. Spesifikasi File Data Transaksi

No Elemen Data Nama Field Tipe Size Ket

1. Kode transaksi id_transaksi Varchar 14 Primary key

2. Kode pembeli id_pembeli Varchar 11 Foreign Key

3. Tanggal transaksi tgl_transaksi Date

4. Total bayar total_bayar Double

5. Status transaksi status_transaksi Text

6.

Bukti

pembayaran Struk Text

7. Tanggal Transfer tgl_trf Date

8. Nomor Rekening Norek Int 12

9. Jumlah Transfer jml_trf Int 8

10. Nama Bank Asal nama_bank Varchar 20

11. Atas nama atas_nama Varchar 30

12.

Nama Bank

Tujuan bank_tujuan Varchar 20

6. Spesifikasi File Data Detail Transaksi

Nama File : Tabel Data Detail Transaksi

Akronim : data_detail_transaksi

Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

39

Fungsi : Untuk menyimpan data detail transaksi

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 33 karakter

Kunci Field : nomor

Software : My-SQL

Tabel III.6. Spesifikasi File Detail Transaksi

No Elemen Data Nama Field Tipe Size Ket

1. Nomor No Int 11 Primary Key

1. Kode transaksi id_transaksi Varchar 14 Foreign Key

2. Kode Barang id_barang Varchar 6 Foreign Key

3. Qty Barang qty_barang Int 2

7. Spesifikasi File Keranjang

Nama File : Tabel Keranjang

Akronim : keranjang

Fungsi : Untuk menyimpan data transaksi dalam keranjang

Tipe File : File Sementara

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 19 karakter

Kunci Field : id_keranjang

Software : My-SQL

Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

40

Tabel III.7. Spesifikasi File Keranjang

No Elemen Data Nama Field Tipe Size Ket

1. Kode keranjang id_keranjang Int 11 Primary Key

2. Id session id_session Text

3. Kode Barang id_barang Varchar 6

4. Qty Barang qty_barang Int 2

5. Tanggal beli tgl_beli Date

8. Spesifikasi File Testimoni

Nama File : Tabel Testimoni

Akronim : testimoni

Fungsi : Untuk menyimpan data testimoni

Tipe File : File master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 71 karakter

Kunci Field : id_testimoni

Software : My-SQL

Tabel III.8.

Spesifikasi File Testimoni

No Elemen Data Nama Field Tipe Size Ket

1. Kode testimoni id_testimoni Int 11 Primary Key

2. Nama pengirim nm_pengirim Varchar 30

3. Email pengirim email_pengirim Varchar 30

4. Pesan Pesan Text

5. Status testimoni status_testimoni Text

Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

41

3.2.3. Rancangan Struktur Navigasi

Struktur navigasi sangat penting didalam pembuatan suatu aplikasi dan

digunakan sebagai penuntun alur sebuah aplikasi atau disebut juga diagram alur

dalam perancangan bahasa pemrograman. Struktur navigasi berfungsi untuk

menggambarkan dengan sangat jelas rancangan hubungan dan rantai kerja dari

beberapa cara yang berbeda. Dengan penggambaran struktur navigasi,

memberikan kemudahan dalam menganalisa keinteraktifan seluruh objek dalam

aplikasi multimedia. Berikut adalah struktur navigasi dari sistem informasi

penjualan Korean Stuff berbasis web.

A. Struktur Navigasi Front End

Gambar III.20. Halaman Beranda Front End

Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

42

B. Struktur Navigasi Back End

Gambar III.21. Halaman Beranda Back End

3.3 Implementasi dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi Rancangan Antarmuka

Implementasi antarmuka pada aplikasi website penjualan Korean Stuff

berdasarkan rancangan antarmuka:

1. Halaman Beranda Front End

Pada halaman beranda, pengunjung dapat melihat kategori barang

berdasarkan barang yang ditawarkan Korean Stuff.

Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

43

Gambar III.22. Halaman Beranda Front End

2. Halaman Cara Order Front End

Di halaman Cara Order, pengunjung dapat mengetahui informasi bagaimana

cara melakukan pembelian.

Gambar III.23. Halaman Cara Order Front End

Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

44

3. Halaman Pesanan Front End

Pada halaman ini, pengunjung dapat mengecek pesanan berdasarkan kode

pesanan yang sebelumnya sudah diinformasikan dan melakukan konfirmasi

pembayaran.

Gambar III.24. Halaman Pesanan Front End

4. Halaman Tentang Kami Front End

Pengunjung dapat mengetahui informasi kontak atau alamat dari Korean Stuff

pada halaman tentang kami.

Gambar III.25. Halaman Tentang Kami Front End

Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

45

5. Halaman Testimoni Front End

Pada halaman testimoni, pengunjung dapat memberikan pendapat mengenai

pelayanan atau penyajian informasi yang telah diberikan.

Gambar III.26. Halaman Testimoni Front End

6. Halaman Keranjang Front End

Pada halaman ini akan menampilkan daftar barang yang dibeli beserta link

ubah banyaknya pembelian, hapus, belanja lagi dan selesai.

Gambar III.27. Halaman Keranjang Front End

Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

46

7. Halaman Konfirmasi Pembayaran Front End

Pada halaman ini, pembeli mengisi data untuk konfirmasi pembayaran.

Gambar III.28. Halaman Konfirmasi Pembayaran Front End

8. Halaman Login Back End

Pada halaman ini, admin diharuskan input username dan password yang

sebelumnya sudah dibuat.

Gambar III.29. Halaman Login Back End

Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

47

9. Halaman Detail Transaksi Back End

Pada halaman ini admin dapat melihat berapa banyak barang yang terjual

pertransaksi.

Gambar III.30. Halaman Detail Transaksi Back End

10. Halaman Transaksi Back End

Admin dapat melihat rincian transaksi yang telah dilakukan oleh user juga

dapat mengubah status transaksi pada halaman transaksi.

Gambar III.31. Halaman Transaksi Back End

Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

48

11. Halaman Stok Barang Back End

Admin dapat melihat rincian Stok barang yang telah ada.

Gambar III.32. Halaman Stok Barang Back End

12. Halaman Data Barang Back End

Pada halaman ini admin dapat menambahkan data barang terbaru atau

mengubah data barang.

Gambar III.33. Halaman Data Barang Back End

Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

49

13. Halaman Data Kategori Back End

Admin dapat menambahkan atau menghapus data kategori pada halaman ini.

Gambar III.34. Halaman Data Kategori Back End

14. Halaman Pembeli Back End

Pada halaman ini admin dapat melakukan pengecekan terhadap data pembeli

untuk mengetahui alamat untuk pengiriman barang.

Gambar III.35. Halaman Pembeli Back End

Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

50

15. Halaman Pengguna Back End

Halaman ini digunakan untuk menambahkan data pengguna atau data admin

terbaru, admin juga dapat mengubah data pengguna sebelumnya.

Gambar III.36. Halaman Pengguna Back End

16. Halaman Testimoni Back End

Admin dapat mengubah status testimoni yang diberikan pengunjung web atau

pembeli jika terdapat kalimat saran atau kalimat kasar pada halaman ini.

Gambar III.37. Halaman Testimoni Back End

Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

51

17. Halaman Laporan Penjualan Back End

Admin dapat mengetahui laporan penjualan sesuai dengan waktu yang

ditentukan pada halaman ini.

Gambar III.38. Halaman Laporan Penjualan Back End

B. Spesifikasi Sistem Komputer

Berikut spesifikasi perangkat keras dan perangkat lunak yang dibutuhkan

untuk mengimplementasikan aplikasi website penjualan Korean Stuff.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Pentium® Core i3

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps.

Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

52

2. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows

b. Aplikasi bundle web server seperti: Xampp yang terdiri dari beberapa

komponen, diantaranya:

(1) Aplikasi PHP Server

(2) Aplikasi MySQL Server

(3) Aplikasi phpMyAdmin

c. Aplikasi Web Lihat seperti Mozilla Firefox, Google Chrome.

3.3.2. Pengujian Unit

A. Pengujian Terhadap Form Login Admin

Tabel III.9.

Hasil Pengujian Black Box Testing Halaman Login Admin

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1. Username dan

Password

tidak diisi

kemudian klik

tombol masuk

Username :

(kosong)

Password :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Login Gagal”

Sesuai

harapan

Valid

2. Memasukkan

username dan

password

tidak diisi

kemudian klik

tombol masuk

Username :

admin

Password :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Login Gagal”

Sesuai

harapan

Valid

3. Tidak

memasukkan

username dan

password diisi

kemudian klik

tombol masuk

Username :

(kosong)

Password :

admin

Sistem akan

menolak akses

user dan

menampilkan

“Login Gagal”

Sesuai

harapan

Valid

4. Memasukkan

salah satu

kondisi salah

Username :

admin

(benar)

Sistem akan

menolak akses

user dan

Sesuai

Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

53

pada

username atau

password

yang salah

kemudian klik

tombol masuk

Password :

admin

(salah)

menampilkan

“Login Gagal”

harapan Valid

5. Memasukkan

username dan

password

yang benar

kemudian klik

tombol masuk

Username :

admin

(benar)

Password :

admin

(benar)

Sistem

menerima

akses login

dan kemudian

menampilkan

menu utama.

Sesuai

harapan

Valid

Tabel III.10.

Hasil Pengujian Black Box Testing Halaman Tambah Barang Baru

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1. Id Kategori,

Nama

Kategori,

Nama

Barang,

Stok,

Deskripsi,

dan Harga

Tidak Diisi

kemudian

klik tombol

simpan

Id Kategori:

(kosong)

Nama Kategori:

(kosong)

Nama Barang:

(kosong)

Gambar: (kosong)

Stok : (kosong)

Deskripsi:

(kosong)

Harga : (kosong)

Sistem akan

Menolak dan

menampilkan

Pesan

“please fill

out this

field”

Sesuai

harapan

Valid

2. Stok dan

Harga Diisi

dengan

Huruf

Stok :”x”

Harga:”x”

Sistem Tidak

menampil

karakter yang

diinput

Sesuai

Harapan

Valid

3. Gambar

tidak

dipilih,

kemudian di

klik tombol

simpan

Gambar: (kosong) Sistem

menolak lalu

menampilkan

pesan “please

fill out this

field”

Sesuai

Harapan

Valid

4. Semua

textfield

diisi,

Gambar

Dipilih

Id Kategori :

“xxx”

Nama Kategori:

“xxx”

Gambar:

Sistem

Menampilka

n Pesan

“Data

Tersimpan”

Sesuai

Harapan

Valid

Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

54

,Harga dan

Stok Diisi

dengan

angka

kemudian

Klik

Tombol

Simpan

“xxx.jpg”

Stok: “99”

Deskripsi: “xxx”

Harga: “999”

lalu data

yang diinput

masuk ke

basis data

Tabel III.11.

Hasil Pengujian Black Box Testing Halaman Tambah Kategori Baru

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujia

n

Kesimpulan

1. Kategori

Barang

tidak diisi

lalu di klik

tombol

simpan

Kategori :

(kosong)

Sistem akan

Menolak dan

menampilkan

Pesan “please

fill out this

field”.

Sesuai

harapan

Valid

2. Kategori

Barang diisi

lalu di klik

tombol

simpan

Kategori Barang:

“xxx”

Sistem

Menampilkan

Pesan “Data

Tersimpan”

lalu data

yang diinput

masuk ke

basis data

Sesuai

harapan

Valid

Tabel III.12.

Hasil Pengujian Black Box Testing Halaman Tambah Pengguna Baru

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujia

n

Kesimpulan

1. Username,

password,

tidak diisi

lalu di klik

tombol

simpan

Username:(kosong

),

password:(kosong)

Sistem akan

Menolak dan

menampilkan

Pesan “please

fill out this

field”.

Sesuai

harapan

Valid

2. Username,

dan

password

Username:”xxx”,

password:”***”,

Sistem

Menampilkan

Pesan “Data

Sesuai

Valid

Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

55

diisi lalu di

klik tombol

simpan

Tersimpan”

lalu data

yang diinput

masuk ke

basis data

harapan

Tabel III.13

Hasil Pengujian Black Box Testing Halaman Data Pembeli

No Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 tidak mengisi

nama, Pilih

Kota, alamat,

telpon/hp,

email

kemudian klik

tombol simpan

Nama :

(kosong)

Pilih Kota :

(kosong),

Alamat :

(kosong)

Email :

(kosong)

No. HP :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan”

please fill out

this field”

Sesuai

harapan

Valid

2 Memasukan

nomor telpon

tidak

menggunakan

angka

kemudian klik

tombol simpan

Nama :

“xxx”

Pilih Kota :

“xxx”

Alamat :

“xxx”

Telpon/hp:

“xxx”

Email

[email protected]

om”

Sistem akan

menolak akses

user dan

menampilkan”

please fill out

this field”

Sesuai

harapan

Valid

3 Memasukan

email tidak

dengan format

Nama :

“xxx”

Pilih Kota :

Sistem akan

menolak akses

user dan

Sesuai

harapan

Valid

Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

56

yang benar

lalu klik

tombol simpan

“xxx”

Alamat :

“xxx”

Email :

(salah)

No. HP :

“999”

menampilkan”

Harap

masukkan „@‟

pada alamat

email, „xxx‟

kehilangan

huruf „@‟

4 Memasukan

data dengan

format yang

benar dan

sesuai lalu klik

tombol simpan

Nama: “xxx”

Pilih Kota :

“xxx”

Alamat:

“xxx”

Telepon:

“999”

Email:

[email protected]

Sistem akan

menerima

akses dan akan

masuk pada

halaman

selesai belanja

Sesuai

harapan

Valid

Tabel III.14

Hasil Pengujian Black Box Testing Halaman Cek Pesanan Front End

No Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Tidak mengisi

kode pesanan

dan email

kemudian klik

tombol simpan

Kode

Pesanan :

(kosong)

Email :

(kosong),

Sistem akan

menolak akses

user dan

menampilkan”

please fill out

this field”

Sesuai

harapan

Valid

2 Memasukan

kode pesanan,

email tidak

diisi kemudian

klik tombol

simpan

Kode

Pesanan :

“x9999”

Email :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan”

please fill out

this field”

Sesuai

harapan

Valid

3 Memasukan

email tidak

Kode

Pesanan :

Sistem akan

menolak akses

Sesuai Valid

Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

57

dengan format

yang benar

lalu klik

tombol simpan

“x9999”

Email :

(salah)

user dan

menampilkan”

Harap

masukkan „@‟

pada alamat

email, „xxx‟

kehilangan

huruf „@‟

harapan

4 Memasukan

data dengan

format yang

benar dan

sesuai lalu klik

tombol simpan

Kode

Pesanan:

“x9999”

Email:

[email protected]

Sistem akan

menerima

akses dan akan

masuk pada

halaman Data

Pesanan untuk

Konfirmasi

Pembayaran

Sesuai

harapan

Valid

Tabel III.15

Hasil Pengujian Black Box Testing Halaman Konfirmasi Pembayaran Front

End

No Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Tidak mengisi

semua field

kemudian klik

tombol simpan

Semua field :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan”

please fill out

this field”

Sesuai

harapan

Valid

2 Memasukan

nomor

rekening dan

jumlah

transfer tidak

dengan format

yang benar

lalu klik

tombol simpan

Nomor

Rekening :

“xxx”

Jumlah

Transfer :

“xxx”

Sistem akan

menolak akses

user dan

menampilkan”

please fill out

this field”

Sesuai

harapan

Valid

3 Memasukan

data dengan

format yang

Tanggal

Transfer:

“yyyy-mm-

Sistem akan

menerima

akses dan akan

Sesuai

harapan

Valid

Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id filemendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun

58

benar dan

sesuai lalu klik

tombol simpan

dd”

Jumlah

Transfer:

“999”

Nomor

Rekening :

“999”

Upload bukti

pembayaran :

“xxx.jpg”

Nama Bank

Asal : “xxx”

Atas Nama :

“xxx”

Nama Bank

tujuan :

“xxx”

masuk pada

halaman

Selesai

Belanja