bab iii pembahasan yang akan dibuat ini mempunyai tiga

21

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

A. Kebutuhan Pengguna

Dalam tahapan ini penulis melakukan pengumpulan data yang dilakukan dan

difokuskan pada kegiatan transaksi dan informasi produk, sesuai kebutuhan

pengguna. Website yang akan dibuat ini mempunyai tiga jenis halaman yaitu halaman

administrator, halaman konsumen dan halaman pengunjung website, sebagai berikut:

1. Admin

a. Admin dapat melakukan login.

b. Admin dapat mengubah password.

c. Admin dapat melihat daftar pesanan pelanggan.

d. Admin dapat mengubah, menghapus, dan menambah produk.

e. Admin dapat mengubah, menghapus, dan menambah kategori produk.

f. Admin dapat mengubah, menghapus, dan menambah news/berita.

g. Admin dapat melihat laporan produk, pelanggan, dan penjualan.

2. Pengunjung

a. Pengunjung dapat mendaftar menjadi member.

b. Pengunjung hanya dapat melihat informasi kategori produk, detail produk,

cara pembelian, tentang kami, hubungi kami dan testimonial.

22

3. Anggota

a. Anggota dapat login sebagai anggota.

b. Anggota dapat melihat informasi kategori produk, detail produk, cara

pembelian, tentang kami, hubungi kami dan mengisi testimonial.

c. Anggota dapat melakukan pemesanan dengan memilih barang berdasarkan

kategori yang telah tersedia.

d. Anggota dapat melihat data pesanan.

B. Kebutuhan Sistem

1. Sistem Administrator

Admin dapat login untuk masuk kehalaman administrator website untuk

mengatur data-data yang berhubungan dengan website, dan dapat melihat

order pembelian masuk dan detail transaksi yang dihasilkan.

2. Sistem Anggota

Pengunjung yang sudah mendaftar dapat login dengan email dan password

yang dimilikinya, jika belum menjadi anggota, pengunjung dapat mendaftar

menjadi anggota. Jika sudah login, anggota dapat melihat produk, melakukan

pemesanan dan pembelian produk.

3. Sistem Keranjang Belanja

Produk yang dipilih akan masuk kedalam keranjang belanja, didalam

keranjang belanja produk masih dapat diubah, jumlah belinya, atau menambah

produk lain dan jika sudah sesuai dengan keinginan dapat melanjutkan

pembelian.

23

3.2. Perancangan Perangkat Lunak

A. Rancangan Antar Muka

Berikut ini adalah rancangan website yang dibuat oleh penulis dari rancangan

admin hingga rancangan halaman member.

1. Rancangan Halaman Admin

a. Rancangan Antar Muka Login Admin

Gambar III.1

Rancangan Antar Muka Login Admin

b. Rancangan Antar Muka Home Admin

Username

Password

Logo HEADER

FOOTER

Gambar xxxxxxx

xxx9999

Logo HEADER

FOOTER

Gambar

Admin Product Category Confirm News Report Logout

24

Gambar III.2

Rancangan Antar Muka Home Admin

c. Rancangan Antar Muka Mengubah Password Admin

Gambar II.3

Rancangan Antar Muka Mengubah Password Admin

d. Rancangan Antar Muka Tambah Kategori

Logo HEADER

Username

Password Lama xxxxx99999

Ubah

FOOTER

Product Admin Category News Report Logout Confirm

xxxxxxxxxxx

Id Kategori Aksi 999 xxxxxxxxx Edit Hapus

Logo HEADER

xxxxxx Kategori:

Simpan Batal

FOOTER


xxxxx99999

xxxxxxxxxx

Password Baru

25

Gambar III.4

Rancangan Antar Muka Tambah Kategori

e. Rancangan Antar Muka Tambah Produk

Id Nama Deskripsi Warna Tipe Kategori Harga Stok Aksi

99 xxxxx xxxxxxxx xxxxx xxxx xxxxxxx 999 99 E H

Logo HEADER

Nama:

Deskripsi:

xxxxxxxxxx

xxxxxxxxxxx

Simpan Batal

xxxxx999xxx

Warna: xxxxxxxxxx

Tipe: xxxxxxxxxx

Kategori: xxxxxxxxxx

Harga: 999999999

Stock: 99999

Gambar:

FOOTER


26

Gambar III.5

Rancangan Antar Muka Tambah Produk

27

f. Rancangan Antar Muka Tambah Berita

Gambar III.6

Rancangan Antar Muka Tambah Berita

g. Rancangan Antar Muka Laporan

Gambar III.7

FOOTER

Admin Product Category News Report Logout

Tanggal Judul Berita Aksi yyyy-mm-dd xxxxx xxxxxxx Edit Hapus

Logo HEADER

Judul:

Berita:

xxxxxxxxxx

xxxxxxxxxx

Simpan Batal


Admin Product Category News Report Logout

Logo HEADER

Produk Member Penjualan

FOOTER


28

Rancangan Antar Muka Laporan

2. Rancangan Halaman User

a. Rancangan Halaman Index

Gambar III.8

Rancangan Halaman Index

Logo HEADER

Home Product Help About Contact

Search Shopping Cart

xxxxxxx

Login

Daftar Member

Best Seller

xxxxxxxx

Category xxxxxxxxxx xxxxxxxxxx

Testimonial xxxxxxxxxxx xxxxxxxxxxx

xxxxxxxx

Search

xxxxxxxxx

Xxxx9999

Login News Flash

xxxxxxxx

Statistik xxxxxxx999 xxxxxxxx999

Payment

9999999

FOOTER

Slider

Konten

How to buy

How to pay

How to confirm

How to buy

How to pay

How to confirm

29

b. Rancangan Halaman Produk (Product)

Gambar III.9

Rancangan Halaman Produk

Logo HEADER



xxxxxxx

Login

Daftar Member

Best Seller

xxxxxxxx



xxxxxxxx

Search

xxxxxxxxx

Xxxx9999

Login News Flash

xxxxxxxx


Payment

xxxxxxxx

FOOTER

Slider

***PRODUCTS***

XXXXXX Detail 9999999

PESAN


PESAN


PESAN

How to buy

How to pay

How to confirm

30

c. Rancangan Halaman Detail Produk

Gambar III.10

Rancangan Halaman Detail Produk

Logo HEADER



xxxxxxx

Login

Daftar Member

Best Seller

xxxxxxxx



xxxxxxxx

Search

xxxxxxxxx

Xxxx9999

Login News Flash

xxxxxxxx


Payment

xxxxxxxx

FOOTER

How to buy

How to pay

How to confirm

Slider

***PRODUCT DETAIL***

XXXXXXX Kategori : XXXXX Warna: XXXXXX Tipe : XXXXX

Deskripsi :XXXXX

Stok: 99 Harga : 99999

PESAN

31

d. Rancangan Halaman Daftar Calon Member

Gambar III.11

Rancangan Halaman Daftar Calon Member

Slider

***Daftar Member***

Nama : Alamat: Telepon: Email: User: Password: Re password:

xxxxxxxxxxx

xxxxxxxxxxx

999999999

xxxx@xxxx

xxxxxxxxxxx

xxxxx99999

xxxxxx99999

Daftar

Logo HEADER



xxxxxxx

Login

Daftar Member

Best Seller

xxxxxxxx



xxxxxxxx

Search

xxxxxxxxx

Xxxx9999

Login News Flash

xxxxxxxx

Statistik xxxxxxx999

xxxxxxxx999

Payment

xxxxxxxx

FOOTER

Slider

***Daftar Member***

Nama : Alamat Nama jalan: No: RT/RW: Kelurahan: Kecamatan: Kota: Kode Pos: Telepon: Email: User: Password: Re password:

xxxxxxxxxxx

999999999

xxxx@xxxx

xxxxxxxxxxx

xxxxx99999

xxxxx99999

Daftar

xxxxxxxxxxx

99/99

xxxxxxxxxxx

99

xxxxxxxxxxx

99999

32

3. Rancangan Halaman Member

a. Rancangan Login Member

Gambar III.12

Rancangan Halaman Login Member

Logo HEADER



xxxxxxx

Best Seller

xxxxxxxx



xxxxxxxx

Search

News Flash

xxxxxxxx


Payment

9999999

FOOTER

Login

Daftar Member

xxxxxxxxx

Xxxx9999

Login

Slider

Konten

How to buy

How to pay

How to confirm

33

b. Rancangan Halaman Index Member

Gambar III.13

Rancangan Halaman Index Member

Logo HEADER



xxxxxxx

Login

Daftar Member

Best Seller

xxxxxxxx



xxxxxxxx

Search

xxxxxxxxx

Xxxx9999

Login News Flash

xxxxxxxx


Payment

9999999

FOOTER

Slider

Konten

How to buy

How to pay

How to confirm

How to buy

How to pay

How to confirm

Home Product Help About Contact Customer

History

Confirmation

34

c. Rancangan Halaman Keranjang Belanja (Shopping Cart)

Gambar III.14

Rancangan Halaman Keranjang Belanja

Gambar Nama Harga Aksi Qty Total

gambar xxxxx 9999 E H 9999

d

Logo HEADER



xxxxxxx

Login

Daftar Member

Best Seller

xxxxxxxx

Category

xxxxxxxxxx xxxxxxxxxx


xxxxxxxx

Search

xxxxxxxxx

Xxxx9999

Login News Flash

xxxxxxxx

Statistik

xxxxxxx999 xxxxxxxx999

Payment

9999999

FOOTER


Slider

SHOPPING CART / KERANJANG BELANJA

BACK Grand Total (Rp) 999999

99

ALAMAT TUJUAN

xxxxxxxx

xxxxxxxxxxxxxxxxxxxxxx xxx 99999

9999999999

Nama Penerima :

Alamat :

Kode Pos :

No. Telepon :

Check Out

35

d. Rancangan Halaman History (Riwayat Pemesanan)

Gambar III.15

Rancangan Halaman History

No. transaksi Nama barang Subtotal

gambar xxxxx 9999

Status Barang Cetak

Xxxxxxx cetak

Logo HEADER



xxxxxxx

Login

Daftar Member

Best Seller

xxxxxxxx



xxxxxxxx

Search

xxxxxxxxx

Xxxx9999

Login News Flash

xxxxxxxx


Payment

9999999

FOOTER


Slider

RIWAYAT PEMESANAN

36

e. Rancangan Halaman Konfirmasi

Gambar III.16

Rancangan Halaman Konfirmasi

B. Rancangan Basis Data 1. Entity Relationship Diagram (ERD)

Proses perancangan database menggunakan ERD ditunjukan pada gambar :

Logo HEADER



xxxxxxx

Login

Daftar Member

Best Seller

xxxxxxxx

Category

xxxxxxx xxxxxxx


xxxxxxxx

Search

xxxxxxxxx

Xxxx9999

Login News Flash

xxxxxxxx


Payment

xxxxxxxx

FOOTER

No Transaksi : Nama Pemilik Rekening: No. Rekening: Bank: Cabang: Jumlah: Rekening Tujuan: Bukti Pembayaran:

99

xxxxxxxxxxx

999999999

xxxxxxxxxxx

xxxxxxxxxxx

99999

xxxxxx

Konfirmasi

xxxxxx Browse


37

Gambar III.17

Entity Relationship Diagram (ERD)

melakukan

m 1

38

2. Logical Record Structure (LRS)

Gambar III.18

Logical Record Structure (LRS) 3. Spesifikasi File

Spesifikasi file pada website yang penulis rancang membahas mengenai table

yang berelasi yang terdapat di dalam database. Berikut adalah penjelasan dari

Spesifikasi file tersebut :

1. Spesifikasi File Admin

Nama Database : db_ y14gadgetacc

Akronim : admintbl

Fungsi : Untuk Menyimpan Data Admin

39

Tipe File : File Master

Media : Hardisk

Panjang Record : 31

Kunci Field : id

Software : Mysql

Tabel III.1

Spesifikasi File Admin

No. Elemen Data Nama Field Tipe Size Ket

1 Nomor Id Admin id Int 11 Primary Key, Auto Increment

2 Username username VarChar 20

3 Password password Text

2. Spesifikasi File Barang


Akronim : barangtbl

Fungsi : Untuk Menyimpan Data Barang


Organisasi File : indexed sequential

Media : Hardisk

Panjang Record : 143

Kunci Field : id

Software : Mysql

40

Tabel III.2

Spesifikasi File Barang


1 Nomor Id Barang id Int 11 Primary Key, Auto Increment

2 Nama Barang nama VarChar 35

3 Deskripsi deskripsi text

4 Warna warna Varchar 25

5 Tipe tipe Varchar 20

6 Kategori kategori VarChar 30

7 Harga harga int 11

8 Stock stock int 11

9 Gambar gambar Text

3. Spesifikasi File Kategori


Akronim : kategoritbl

Fungsi : Untuk menyimpan data kategori



Media : Hardisk

Panjang Record : 46

Kunci Field : id

41

Software : Mysql

Tabel III.3

Spesifikasi File Kategori


1 Id Kategori id_kategori Int 11 Primary Key, Auto Increment

2 Kategori kategori VarChar 35

4. Spesifikasi File Berita


Akronim : newstbl

Fungsi : Untuk menyimpan data berita



Media : Hardisk

Kunci Field : tanggal

Software : Mysql

Tabel III.4

Spesifikasi File Berita


1 Tanggal tanggal Datetime Primary Key

2 Judul judul Text

3 News news Text

42

5. Spesifikasi File Pelanggan

Nama Database : db_y14gadgetacc

Akronim : pelanggantbl

Fungsi : Untuk menyimpan data pelanggan



Media : Hardisk


Kunci Field : id

Software : Mysql

Tabel III.5

Spesifikasi File Pelanggan


1 Nomor Id Pelanggan id Int 11 Primary Key, Auto Increment

2 Nama Pelanggan nama VarChar 35

3 Alamat Pelanggan alamat Text

4 Nomor Rumah nomor VarChar 5

5 RT/RW Pelanggan rtrw VarChar 10

6 Kelurahan Pelanggan kelurahan VarChar 20

7 Kecamatan Pelanggan kecamatan VarChar 20

8 Kota Pelanggan kota VarChar 20

9 Kode Pos Pelanggan kodepos Int 6

10 Email Pelanggan email Text

11 Telepon Pelanggan telepon Int 12

12 Username username Varchar 20

43

13 Password Password Text

44

6. Spesifikasi File Testimonial

Nama File : db_ y14gadgetacc

Akronim : testimonialtbl

Fungsi : Untuk Menyimpan Testimonial



Media : Hardisk

Panjang Record : 46

Kunci Field : id

Software : Mysql

Tabel III.6

Spesifikasi File Testimonial


1 Id Testimonial id Int 11 Primary Key, A_I

2 Nama nama VarChar 35

3 Email email Text

4 Tanggal tanggal Date

5 Testimonial testimonial Text

7. Spesifikasi File Transaksi Rinci

Nama File : db_ y14gadgetacc

Akronim : transaksirincitbl

45

Fungsi : Untuk Menyimpan Data Transaksi Rinci

Tipe File : File Transaksi


Media : Hardisk


Kunci Field : id

Software : Mysql

Tabel III.7

Spesifikasi File Transaksi Rinci


1 Nomor Transaksi notransaksi VarChar 25 Primary Key

2 Username username VarChar 20

3 Id Barang id_barang Int 11

4 Nama Barang nama_barang VarChar 50

5 Harga harga Int 11

6 Jumlah jumlah Int 11

7 Subtotal subtotal Int 11

8. Spesifikasi File Transaksi


Akronim : transaksitbl

Fungsi : Untuk menyimpan data transksi

Tipe File : File Transaksi

46


Media : Hardisk

Panjang Record : 90

Kunci Field : notransaksi

Software : Mysql

Tabel III.8

Spesifikasi File Transaksi


1 Nomor Transaksi notransaksi Int 11 Primary Key, Auto Increment

2 Username username Varchar 20

3 Status status Tinyint 1

4 Status Barang status_barang Enum(‘Pesan’,’Bayar’, ’Kirim’)

5 Nama Penerima nama_penerima Varchar 40

6 Alamat Lengkap alamat_lengkap Text

7 Kode Pos kode_pos Varchar 6

8 Nomor Telepon no_telpon Varchar 12

9. Spesifikasi File Rekening


Akronim : rekeningtbl

Fungsi : Untuk menyimpan data Jenis Rekening



Media : Hardisk

47

Panjang Record : 51

Kunci Field : id

Software : Mysql

Tabel III.9

Spesifikasi File Rekening


1 Id Rekening id Int 11 Primary Key, A_I

2 Rekening rekening VarChar 25

3 Nomor Rekening norekening Int 15

10. Spesifikasi File Pembayaran


Akronim : pembayarantbl

Fungsi : Untuk Menyimpan Data Pembayaran



Media : Hardisk


Kunci Field : notransaksi

Software : Mysql

48

Tabel III.10

Spesifikasi File Pembayaran


1 Nomor Transaksi notransaksi Varchar 25 Primary Key

2 Nama Pemilik Rek nama VarChar 35

3 Nomor Rekening norekening Int 15

4 Bank bank Varchar 20

5 Cabang cabang Varchar 35

6 Rekening Tujuan rek_tujuan VarChar 20

7 Jumlah jumlah int 11

8 Bukti bukti Varchar 50

49

C. Rancangan Struktur Navigasi

Pada struktur navigasi dari website jam tangan ini dibagi menjadi 3 bagian,

yaitu bagian halaman user, bagian halaman member dan bagian halaman admin.

1. Struktur Navigasi Halaman user

Gambar III.19

Struktur Navigasi Halaman User

Index


Register How to Buy

How to Pay

How to Confirm

50

2. Struktur Navigasi Halaman Member

Gambar III.20

Struktur Navigasi Halaman Member

Home

51

3. Struktur Navigasi Halaman Admin

Gambar III.21

Struktur Navigasi Halaman Admin

3.3. Implementasi dan Pengujian Unit

A. Implementasi

1. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada web programming Toko Online

atau E-commerce berdasarkan hasil rancangan antar muka.

52

1. Halaman Index

Halaman ini merupakan halaman utama dari website, berisi informasi dari isi

website tersebut tentang barang apa saja yang dijual dan terdapat tombol masuk untuk

masuk menjadi pelanggan, tombol detail untuk melihat detail produk.

Gambar III.22

Halaman Index

53

2. Halaman Product dan Detail Product

Halaman ini merupakan halaman utama dari website, berisi informasi dari isi

website tersebut tentang barang apa saja yang dijual dan detail barangnya.

Gambar III.23

54

Halaman Product dan Detail Product

3. Halaman Help

Halaman ini terdiri dari How to Buy, How to Pay, dan How to Confirm.

Halaman cara pemesanan, halaman cara pembayaran, cara konfirmasi tersebut

bertujuan untuk memberitahu pengunjung untuk memberitahukan bagaimana cara

berbelanja di website tersebut.

Gambar III.24

55

Halaman Help

4. Halaman About Us dan Contact Us

Halaman about us dan contact us, bertujuan untuk memberitahu pengunjung

tentang segala sesuatu tentang web tersebut.

Gambar III.25

Halaman About Us & Contact Us

5. Halaman Daftar Calon Member

Halaman ini bertujuan untuk mendaftar sebagai pelanggan diwebsite tersebut.

Gambar III.26

56

Halaman Daftar Calon Member

6. Halaman Home Member

Halaman ini untuk pelanggan membeli barang yang mereka sukai, dihalaman

ini juga terdapat tombol beli barang dan tombol detail barang diwesite tersebut.

Gambar III.27

Halaman Home Member

7. Halaman Isi dan Lihat Testimonial

Halaman Testimoni adalah isi komentar untuk pelanggan berinteraksi dengan

admin atau pelanggan ingin memberikan kritik dan saran kepada website tersebut.

Gambar III.28

57

Halaman Isi dan Lihat Testimonial

8.Halaman Keranjang Belanja

Di halaman ini tertera produk yang akan dibeli jumlah beserta total harga

yang harus dibayar.

Gambar III.29

Halaman Keranjang Belanja

9. Halaman Riwayat(History) dan Konfirmasi Pembayaran

Gambar III.30

58

Halaman Riwayat(History) dan Konfirmasi Pembayaran

10. Halaman Login Admin

Administrator melakukan login terlebih dahulu untuk dapat menggunakan

modul-modul yang tersedia jika login berhasil, maka menu-menu yang sesuai dengan

kategori user tersebut akan ditampilkan.

Gambar III.31

Halaman Login Admin

11. Halaman Home Admin

Halaman yang berisi informasi tentang awalan program, dapat memilih data

yang akan diubah, dihapus atau ditambah.

Gambar III.32

59

Halaman Home Admin

12. Halaman Admin-Data Admin

Halaman yang bertujuan untuk melihat nama admin, nambah admin dan ubah

admin yang sudah ada.

Gambar III.33

Halaman Admin-Data Admin

13. Halaman Admin-Data News

Gambar III.34

60

Halaman Admin-Data News

14. Halaman Admin-Data Produk

Halaman produk ini bertujuan untuk melihat data prosuk, ubah produk dan

hapus produk.

Gambar III.35

Halaman Admin-Data Produk

62

15. Halaman Admin-Data Kategori

Halaman ini bertujuan untuk melihat data kategori, menambah kategori, ubah

kategori dan hapus data kategori.

Gambar III.36

Halaman Admin-Data Kategori

16. Halaman Laporan Admin

Halaman ini bertujuan untuk mencetak laporan produk, pelangggan, dan penjualan.

Gambar III.37

63

Halaman Laporan Admin

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan pernagkat lunak minimum

yang dibutuhkan untuk mengimplementasikan aplikasi penjualan aksesoris gadget:

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Core™ 2 Duo

(b) RAM 2 GB

(c) Hard Disk 146 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1280x800(32 bit) (59Hz)

5) Koneksi internet dengan kecepatan 1 Mbps.

b. Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1 GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

64

5) Koneksi internet dengan kecepatan 500 Kbps.

2. Spesifikasi Perangkat Lunak

a. Server

1. Operation System Windows 7 Ultimate 32-bit (6.1, Build 7600)

2. Web Apache Server, PHP Server, MySQL Server, phpMyAdmin

3. Browser Firefox

b. Client

1. Operation System Microsoft Windows XP atau Microsoft Windows 7

2. Browser Mozilla Firefox, Google Chrome, Opera, Safari, Internet Explorer.

C. Pengujian Unit

1. Pengujian Terhadap Form Login

Tabel III.11

Hasil Pengujian Black Box Testing Halaman Login

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 dan menampilkan “Username dan Password masih salah”

Sesuai harapan

Valid

2 Mengetikkan username dan

password tidak diisi atau kosong

kemudian klik tombol login

Username : (admin) Password: (kosong)


Sesuai harapan

Valid

65

3 Username tidak diisi dan password diisi kemudian klik

tombol login

Username : (kosong)

Password: (admin)


Sesuai harapan

Valid

4 Mengetikkan kondisi password salah kemudian klik tombol login

Username : admin

Password: 1234(salah)


Sesuai harapan

Valid

5 Mengetikkan kondisi username salah kemudian klik tombol login

Username: 1234(salah) Password:

admin


Sesuai harapan

Valid

6 Mengetikkan username dan

password dengan data yang benar kemudian klik tombol login

Username : admin

Password:

admin

Sistem menampilkan “berhasil login silahkan ke menu utama” dan mengakses menu home

Sesuai harapan

Valid

2. Pengujian Terhadap Form Daftar Member

Tabel III.12

Hasil Pengujian Black Box Testing Halaman Daftar Member

No

Skenario pengujian


Hasil Pengujian

Kesimpulan

1 Nama lengkap, alamat, telepon,

email, username,

password tidak diisi kemudian

klik tombol daftar

Nama lengkap : (kosong)

Alamat: (kosong) Telepon: (kosong) Email: (kosong)

Username: (kosong)

Password: (kosong)

Sistem akan menolak akses

user dan menampilkan

“Harap isi bidang ini” dan mengarah pada textfield Nama

Sesuai harapan

Valid

2 Mengetikkan Nama lengkap, tidak mengisi

Nama lengkap : (Ivelty Maria)

Alamat: (kosong)

Sistem akan menolak akses user dan

Sesuai harapan

Valid

66

alamat, telepon, email,

username, password

kemudian klik tombol daftar

Telepon: (kosong) Email: (kosong)

Username: (kosong)

Password: (kosong)

menampilkan “Harap isi bidang ini” dan mengarah pada textfield Alamat

3 Mengetikkan Nama lengkap, alamat, tidak

mengisi telepon, email,

username, password



Alamat: (Halim) Telepon: (kosong) Email: (kosong)

Username: (kosong)

Password: (kosong)

Sistem akan menolak akses user dan menampilkan “Harap isi bidang ini” dan mengarah pada textfield Telepon

Sesuai harapan

Valid

4 Mengetikkan Nama lengkap, alamat, telepon, tidak mengisi

email,username, password



Alamat: (Halim) Telepon:

(02823812244) Email: (kosong)

Username:(kosong) Password: (kosong)



“Harap isi bidang ini” dan

mengarah ke textfield Email

Sesuai harapan

Valid

5 Mengetikkan Nama lengkap, alamat, telepon,

email, tidak mengisi

username, password




(02823812244) Email:

([email protected]) Username:(kosong) Password: (kosong)




mengarah ke textfield

Username

Sesuai harapan

Valid

6 Mengetikkan Nama lengkap, alamat, telepon,

email, username, tidak

mengisi password




(02823812244) Email:

([email protected]) Username: (velth)

Password: (kosong)




mengarah ke textfield Password

Sesuai harapan

Valid

7 Mengetikkan Nama lengkap, alamat,telepon,


Alamat: (Halim)

Sistem akan mengakses dan

user telah

Sesuai harapan

Valid

67

email,username, password kemudian daftar

Telepon: (02823812244)

Email: ([email protected]) Username: (velth) Password: (v123)

terdaftar sebagai member

3. Pengujian Terhadap Form Tambah Data Produk oleh Admin

Tabel III.13

Hasil Pengujian Black Box Testing Halaman Tambah Produk oleh admin

No Skenario pengujian


Hasil Pengujian

Kesimpulan

1 Nama, deskripsi,

warna, tipe, kategori, harga, stock, gambar

tidak diisi kemudian klik tombol simpan

Nama : (kosong) Deskripsi: (kosong)

Warna: (kosong) Tipe: (kosong)

Kategori: (kosong) Harga: (kosong) Stock: (kosong)

Gambar: (kosong)

Sistem akan menolak dan menampilkan

“Harap isi bidang ini!” dan mengarah pada textfield Nama

Sesuai harapan

Valid

2 Mengetikkan Nama tidak

mengisi deskripsi,

warna, tipe, kategori, harga, stock, gambar kemudian klik tombol simpan

Nama :(Case ZOO) Deskripsi: (kosong)



Gambar: (kosong)

Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan mengarah pada textfield Deskripsi

Sesuai harapan

Valid

3 Mengetikkan Nama deskripsi,

tidak mengisi warna, tipe,

kategori, harga, stock, gambar

tidak diisi kemudian klik tombol simpan

Nama :(Case ZOO) Deskripsi: (bumper)



Gambar: (kosong)

Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan mengarah pada textfield Warna

Sesuai harapan

Valid


warna,tidak mengisi tipe,

Nama :(Case ZOO) Deskripsi:(bumper)

Warna: (hitam) Tipe: (kosong)


“Harap isi

Sesuai harapan

Valid

68

kategori, harga, stock, gambar kemudian klik tombol simpan


Gambar: (kosong)

bidang ini!” dan mengarah pada textfield Tipe

69


warna, tipe, tidak mengisi

kategori, harga, stock, gambar kemudian klik tombol simpan


Warna: (hitam) Tipe: (iphone5)


Gambar: (kosong)


“Harap isi bidang ini!” dan mengarah pada

textfield Kategori

Sesuaiharapan

Valid


warna, tipe, kategori, tidak mengisiharga, stock, gambar kemudian klik tombol simpan



Kategori: (Iphone Case)

Harga: (kosong) Stock: (kosong)

Gambar: (kosong)


“Harap isi bidang ini!” dan mengarah pada textfield Harga

Sesuaiharapan

Valid

7 Mengetikkan Nama deskripsi, warna, tipe, kategori, harga, tidak mengisi stock, gambar kemudian klik tombol simpan




Harga: (40000) Stock: (kosong) Gambar: (kosong)

Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan mengarah pada textfield Stock

Sesuai harapan

Valid

8 Mengetikkan Nama deskripsi, warna, tipe, kategori, harga, stock,tidak mengisi gambar kemudian klik tombol simpan




Harga: (40000) Stock: (12)

Gambar: (kosong)

Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan mengarah pada textfield Gambar

Sesuai harapan

Valid

9 Mengetikkan Nama deskripsi, warna, tipe, kategori, harga, stock, tidak mengisi gambar kemudian klik tombol simpan




Harga: (40000) Stock: (12)

Gambar: (lion.jpg)

Sistem akan mennyimpan data produk baru ke dalam database

Sesuai harapan

Valid

70

4. Pengujian Terhadap Form Komfirmasi

Tabel III.14

Hasil Pengujian Black Box Testing Halaman Konfirmasi

No Skenario pengujian


Hasil Pengujian

Kesimpulan

1 notransaksi, nama pemilik

rekening, nomor

rekening, bank, cabang, jumlah, rekening tujuan, bukti tidak diisi kemudian klik

tombol konfirmasi

Notrans : (kosong) Nama: (kosong) Norek: (kosong) Bank: (kosong)

Cabang: (kosong) Jumlah: (kosong) Rekening tujuan:

(kosong) Bukti: (kosong)



textfield Notrans

Sesuai harapan

Valid

2 Mengetik notransaksi,

tidak mengisi nama pemilik

rekening, nomor

rekening, bank, cabang, jumlah, rekening tujuan,

bukti kemudian klik

tombol konfirmasi

Notrans : (12) Nama: (kosong) Norek: (kosong) Bank: (kosong)




“Harap isi bidang ini!” dan mengarah pada textfield Nama

Sesuai harapan

Valid


nama pemilik, tidak mengisi

rekening, nomor

rekening, bank, cabang, jumlah, rekening tujuan,

bukti kemudian klik

tombol

Notrans : (12) Nama: (Ivelty)

Norek: (kosong) Bank: (kosong)




“Harap isi bidang ini!” dan mengarah pada textfield Norek

Sesuai harapan

Valid

71

konfirmasi


nama pemilik rekening,

nomor rekening, tidak mengisi bank,

cabang, jumlah, rekening tujuan,

bukti kemudian klik

tombol konfirmasi

Notrans : (12) Nama: (Ivelty) Norek: (72278) Bank: (kosong)




“Harap isi bidang ini!” dan mengarah pada textfield Bank

Sesuaiharapan

Valid



nomor rekening, bank, tidak mengisi

cabang, jumlah, rekening tujuan,

bukti kemudian klik

tombol konfirmasi

Notrans : (12) Nama: (Ivelty) Norek: (72278) Bank: (BCA)





textfield Cabang

Sesuai harapan

Valid



nomor rekening, bank, cabang, tidak

mengisi jumlah, rekening tujuan,

bukti kemudian klik

tombol konfirmasi


Cabang: (Halim) Jumlah: (kosong) Rekening tujuan:



“Harap isi bidang ini!” dan mengarah pada textfield Jumlah

Sesuai harapan

Valid


nama pemilik

Notrans : (12) Nama: (Ivelty) Norek: (72278)


Sesuai harapan

Valid

72

rekening, nomor

rekening, bank, cabang, jumlah, tidak mengisi

rekening tujuan, tidak mengisi

bukti kemudian klik

tombol konfirmasi

Bank: (BCA) Cabang: (Halim) Jumlah: (10000) Rekening tujuan:



textfield Rekening Tujuan



nomor rekening, bank, cabang, jumlah, rekening tujuan,

tidak mengisi bukti

kemudian klik tombol

konfirmasi


Cabang: (Halim) Jumlah: (10000) Rekening tujuan:

(BCA) Bukti: (kosong)


“Harap isi bidang ini!” dan mengarah pada textfield Bukti

Sesuai harapan

Valid



nomor rekening, bank, cabang, jumlah, rekening tujuan,

tidak mengisi bukti

kemudian klik tombol

konfirmasi


Cabang: (Halim) Jumlah: (10000) Rekening tujuan:

(BCA) Bukti: (form.jpg)

Sistem akan memproses data

konfirmasi

Sesuai harapan

Valid

bab iii pembahasan yang akan dibuat ini mempunyai tiga

Documents