BAB III PEMBAHASAN. difokuskan pada kegiatan transaksi dan informasi produk, sesuai kebutuhan

(1)

21

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.

(2)

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.

(3)

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

(4)

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 Confirm News Report Logout

xxxxxxxxxxx Id Kategori Aksi 999 xxxxxxxxx Edit Hapus Logo _HEADER xxxxxx Kategori: Simpan Batal FOOTER Product

Admin Category Confirm News Report Logout xxxxx99999

xxxxxxxxxx

(5)

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: ₉₉₉₉₉ Gambar: FOOTER Product

(6)

Gambar III.5

(7)

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 Product

Admin Category Confirm News Report Logout

Admin Product Category News Report Logout

Logo _HEADER

Produk Member Penjualan

FOOTER Product

(8)

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

(9)

b. Rancangan Halaman Produk (Product)

Gambar III.9

Rancangan Halaman Produk

Logo _HEADER

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 xxxxxxxx FOOTER Slider ***PRODUCTS*** XXXXX X Detail 9999999 PESAN XXXXX X Detail 999999 PESAN XXXXX X Detail 999999 PESAN How to buy How to pay How to confirm

(10)

c. Rancangan Halaman Detail Produk

Gambar III.10

Rancangan Halaman Detail Produk

Logo _HEADER

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 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

(11)

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 Category xxxxxxxxxx xxxxxxxxxx Testimonial xxxxxxxxxxx xxxxxxxxxxx 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

(12)

3. Rancangan Halaman Member

a. Rancangan Login Member

Gambar III.12

Rancangan Halaman Login Member

Logo _HEADER

xxxxxxx Best Seller xxxxxxxx Category xxxxxxxxxx xxxxxxxxxx Testimonial xxxxxxxxxxx xxxxxxxxxxx xxxxxxxx Search News Flash xxxxxxxx Statistik xxxxxxx999 xxxxxxxx999 Payment 9999999 FOOTER Login Daftar Member xxxxxxxxx Xxxx9999 Login Slider Konten How to buy How to pay How to confirm

(13)

b. Rancangan Halaman Index Member

Gambar III.13

Rancangan Halaman Index Member

Logo _HEADER

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

Home Product Help About Contact Customer History Confirmation

(14)

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 Testimonial xxxxxxxxxxx xxxxxxxxxxx xxxxxxxx Search xxxxxxxxx Xxxx9999 Login News Flash xxxxxxxx Statistik xxxxxxx999 xxxxxxxx999 Payment 9999999 FOOTER

Home Product Help About Contact Customer

Slider

SHOPPING CART / KERANJANG BELANJA

BACK Grand Total (Rp) 999999 99 ALAMAT TUJUAN xxxxxxxx xxxxxxxxxxxxxxxxx xxxxx xxx 99999 9999999999 Nama Penerima : Alamat : Kode Pos : No. Telepon : Check Out

(15)

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

Login News Flash

xxxxxxxx Statistik xxxxxxx999 xxxxxxxx999 Payment 9999999 FOOTER

Home Product Help About Contact Customer

Slider

(16)

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

Search Shopping Cart xxxxxxx Login Daftar Member Best Seller xxxxxxxx Category xxxxxxx xxxxxxx Testimonial xxxxxxxxxxx xxxxxxxxxxx xxxxxxxx Search xxxxxxxxx Xxxx9999

Login News Flash

xxxxxxxx Statistik xxxxxxx999 xxxxxxxx999 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

(17)

Gambar III.17

Entity Relationship Diagram (ERD) melakukan

m

(18)

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

(19)

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

Nama Database : db_ y14gadgetacc Akronim : barangtbl

Fungsi : Untuk Menyimpan Data Barang Tipe File : File Master

Organisasi File : indexed sequential Media : Hardisk

Panjang Record : 143 Kunci Field : id Software : Mysql

(20)

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

Nama Database : db_ y14gadgetacc Akronim : kategoritbl

Fungsi : Untuk menyimpan data kategori Tipe File : File Master

Panjang Record : 46 Kunci Field : id

(21)

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

Nama Database : db_ y14gadgetacc Akronim : newstbl

Fungsi : Untuk menyimpan data berita Tipe File : File Master

Kunci Field : tanggal Software : Mysql

Tabel III.4 Spesifikasi File Berita

No. Elemen Data Nama Field Tipe Size Ket 1 Tanggal tanggal Datetime Primary Key

2 Judul judul Text

(22)

5. Spesifikasi File Pelanggan

Nama Database : db_y14gadgetacc Akronim : pelanggantbl

Fungsi : Untuk menyimpan data pelanggan Tipe File : File Master

Tabel III.5

Spesifikasi File Pelanggan

No. Elemen Data Nama Field Tipe Size Ket 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

(23)

(24)

6. Spesifikasi File Testimonial

Nama File : db_ y14gadgetacc Akronim : testimonialtbl

Fungsi : Untuk Menyimpan Testimonial Tipe File : File Master

Tabel III.6

Spesifikasi File Testimonial

No. Elemen Data Nama Field Tipe Size Ket 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

(25)

Fungsi : Untuk Menyimpan Data Transaksi Rinci Tipe File : File Transaksi

Tabel III.7

Spesifikasi File Transaksi Rinci

No. Elemen Data Nama Field Tipe Size Ket 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

Nama Database : db_ y14gadgetacc Akronim : transaksitbl

Fungsi : Untuk menyimpan data transksi Tipe File : File Transaksi

(26)

Panjang Record : 90

Kunci Field : notransaksi Software : Mysql

Tabel III.8

Spesifikasi File Transaksi

No. Elemen Data Nama Field Tipe Size Ket 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

Nama Database : db_ y14gadgetacc Akronim : rekeningtbl

Fungsi : Untuk menyimpan data Jenis Rekening Tipe File : File Master

(27)

Tabel III.9

Spesifikasi File Rekening

No. Elemen Data Nama Field Tipe Size Ket 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

Nama Database : db_ y14gadgetacc Akronim : pembayarantbl

Fungsi : Untuk Menyimpan Data Pembayaran Tipe File : File Master

Panjang Record : 211

Kunci Field : notransaksi Software : Mysql

(28)

Tabel III.10

Spesifikasi File Pembayaran

No. Elemen Data Nama Field Tipe Size Ket 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

(29)

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

(30)

2. Struktur Navigasi Halaman Member

Gambar III.20

Struktur Navigasi Halaman Member

(31)

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.

(32)

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

(33)

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.

(34)

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.

(35)

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.

(36)

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.

(37)

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

(38)

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.

(39)

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

(40)

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

(41)

(42)

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.

(43)

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

(44)

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) Sistem menolak dan menampilkan “Username dan Password masih salah” Sesuai harapan Valid

(45)

3 Username tidak diisi dan password diisi kemudian klik

tombol login Username : (kosong) Password: (admin) Sistem menolak dan menampilkan “Username dan Password masih salah” Sesuai harapan Valid 4 Mengetikkan kondisi password salah kemudian klik tombol login Username : admin Password: 1234(salah) Sistem menolak dan menampilkan “Username dan Password masih salah” Sesuai harapan Valid 5 Mengetikkan kondisi username salah kemudian klik tombol login Username: 1234(salah) Password: admin Sistem menolak dan menampilkan “Username dan Password masih salah” 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

Test case Hasil yang diharapkan 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

(46)

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 kemudian klik tombol daftar Nama lengkap : (Ivelty Maria) 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 kemudian klik tombol daftar Nama lengkap : (Ivelty Maria) Alamat: (Halim) Telepon: (02823812244) Email: (kosong) Username:(kosong) Password: (kosong) Sistem akan menolak akses user dan menampilkan “Harap isi bidang ini” dan

mengarah ke textfield Email Sesuai harapan Valid 5 Mengetikkan Nama lengkap, alamat, telepon, email, tidak mengisi username, password kemudian klik tombol daftar Nama lengkap : (Ivelty Maria) Alamat: (Halim) Telepon: (02823812244) Email: (velth@gmail.com) Username:(kosong) Password: (kosong) Sistem akan menolak akses user dan menampilkan “Harap isi bidang ini” dan

mengarah ke textfield Username Sesuai harapan Valid 6 Mengetikkan Nama lengkap, alamat, telepon, email, username, tidak mengisi password kemudian klik tombol daftar Nama lengkap : (Ivelty Maria) Alamat: (Halim) Telepon: (02823812244) Email: (velth@gmail.com) Username: (velth) Password: (kosong) Sistem akan menolak akses user dan menampilkan “Harap isi bidang ini” dan

mengarah ke textfield Password Sesuai harapan Valid 7 Mengetikkan Nama lengkap, alamat,telepon, Nama lengkap : (Ivelty Maria) Alamat: (Halim) Sistem akan mengakses dan user telah Sesuai harapan Valid

(47)

email,username, password kemudian daftar Telepon: (02823812244) Email: (velth@gmail.com) 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

Test case Hasil yang diharapkan 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) 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 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) 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 Warna Sesuai harapan Valid 4 Mengetikkan Nama deskripsi, warna,tidak mengisi tipe,

Nama :(Case ZOO) Deskripsi:(bumper) Warna: (hitam) Tipe: (kosong) Sistem akan menolak dan menampilkan “Harap isi Sesuai harapan Valid

(48)

kategori, harga, stock, gambar kemudian klik tombol simpan Kategori: (kosong) Harga: (kosong) Stock: (kosong) Gambar: (kosong)

bidang ini!” dan mengarah pada

(49)

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

Nama :(Case ZOO) Deskripsi:(bumper) Warna: (hitam) Tipe: (iphone5) Kategori: (kosong) Harga: (kosong) Stock: (kosong) Gambar: (kosong) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada textfield Kategori Sesuaihara pan Valid 6 Mengetikkan Nama deskripsi, warna, tipe, kategori, tidak mengisiharga, stock, gambar kemudian klik tombol simpan

Nama :(Case ZOO) Deskripsi:(bumper) Warna: (hitam) Tipe: (iphone5) Kategori: (Iphone Case) Harga: (kosong) Stock: (kosong) Gambar: (kosong) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada textfield Harga Sesuaihara pan Valid 7 Mengetikkan Nama deskripsi, warna, tipe, kategori, harga, tidak mengisi stock, gambar kemudian klik tombol simpan

Nama :(Case ZOO) Deskripsi:(bumper) Warna: (hitam) Tipe: (iphone5) Kategori: (Iphone Case) 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

Nama :(Case ZOO) Deskripsi:(bumper) Warna: (hitam) Tipe: (iphone5) Kategori: (Iphone Case) 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

Nama :(Case ZOO) Deskripsi:(bumper) Warna: (hitam) Tipe: (iphone5) Kategori: (Iphone Case) Harga: (40000) Stock: (12) Gambar: (lion.jpg) Sistem akan mennyimpan data produk baru ke dalam

database

Sesuai harapan

(50)

4. Pengujian Terhadap Form Komfirmasi

Tabel III.14

Hasil Pengujian Black Box Testing Halaman Konfirmasi

No Skenario pengujian

Test case Hasil yang diharapkan 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) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada 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) Cabang: (kosong) Jumlah: (kosong) Rekening tujuan: (kosong) Bukti: (kosong) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada textfield Nama Sesuai harapan Valid 3 Mengetik notransaksi, nama pemilik, tidak mengisi rekening, nomor rekening, bank, cabang, jumlah, rekening tujuan, bukti kemudian klik tombol Notrans : (12) Nama: (Ivelty) Norek: (kosong) Bank: (kosong) Cabang: (kosong) Jumlah: (kosong) Rekening tujuan: (kosong) Bukti: (kosong) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada textfield Norek

Sesuai harapan

(51)

konfirmasi 4 Mengetik notransaksi, 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) Cabang: (kosong) Jumlah: (kosong) Rekening tujuan: (kosong) Bukti: (kosong) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada textfield Bank Sesuaihara pan Valid 5 Mengetik notransaksi, nama pemilik rekening, nomor rekening, bank, tidak mengisi cabang, jumlah, rekening tujuan, bukti kemudian klik tombol konfirmasi Notrans : (12) Nama: (Ivelty) Norek: (72278) Bank: (BCA) Cabang: (kosong) Jumlah: (kosong) Rekening tujuan: (kosong) Bukti: (kosong) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada textfield Cabang Sesuai harapan Valid 7 Mengetik notransaksi, nama pemilik rekening, nomor rekening, bank, cabang, tidak mengisi jumlah, rekening tujuan, bukti kemudian klik tombol konfirmasi Notrans : (12) Nama: (Ivelty) Norek: (72278) Bank: (BCA) Cabang: (Halim) Jumlah: (kosong) Rekening tujuan: (kosong) Bukti: (kosong) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada textfield Jumlah Sesuai harapan Valid 8 Mengetik notransaksi, nama pemilik Notrans : (12) Nama: (Ivelty) Norek: (72278) Sistem akan menolak dan menampilkan Sesuai harapan Valid

(52)

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: (kosong) Bukti: (kosong) “Harap isi bidang ini!” dan

mengarah pada textfield Rekening Tujuan 9 Mengetik notransaksi, nama pemilik rekening, nomor rekening, bank, cabang, jumlah, rekening tujuan, tidak mengisi bukti kemudian klik tombol konfirmasi Notrans : (12) Nama: (Ivelty) Norek: (72278) Bank: (BCA) Cabang: (Halim) Jumlah: (10000) Rekening tujuan: (BCA) Bukti: (kosong) Sistem akan menolak dan menampilkan “Harap isi bidang ini!” dan

mengarah pada textfield Bukti Sesuai harapan Valid 10 Mengetik notransaksi, nama pemilik rekening, nomor rekening, bank, cabang, jumlah, rekening tujuan, tidak mengisi bukti kemudian klik tombol konfirmasi Notrans : (12) Nama: (Ivelty) Norek: (72278) Bank: (BCA) Cabang: (Halim) Jumlah: (10000) Rekening tujuan: (BCA) Bukti: (form.jpg) Sistem akan memproses data konfirmasi Sesuai harapan Valid