25 BAB III
PEMBAHASAN
3.1. Analisis Kebutuhan
Pada sistem penjualan secara online ini, pembeli dapat melakukan transaksi dengan mudah tanpa perlu datang langsung untuk memesan aksesoris handphone tetapi bisa dengan menggunakan media internet. Berikut ini spesifikasi kebutuhan dari sistem penjualan aksesoris handphone berbasis web diantaranya:
1. Halaman Pengunjung
A1. Pengunjung dapat melihat Home
A2. Pengunjung dapat melihat Semua Produk A3. Pengunjung dapat melihat Kategori
A4. Pengunjung dapat melihat Cara Pembelian A5. Pengunjung dapat melihat Buku Tamu
A6. Pengunjung dapat melakukan daftar untuk menjadi pelanggan dengan mengisi data dengan benar dan lengkap
A.7 Pengunjung dapat melihat produk dan detail produk 2. Halaman Pelanggan
B1. Pelanggan dapat melakukan login dan memilih produk yang akan dibeli dan ditambahkan ke keranjang belanja.
B2. Pelanggan dapat melakukan update jumlah produk di keranjang belanja dan menampilkan total pembelian.
B3. Pelanggan dapat melakukan checkout ketika transaksi selesai B4. Pelanggan dapat melakukan cetak bukti transaksi pembelian B5. Pelanggan dapat melakukan konfirmasi pembayaran
3. Halaman Admin
C1. Admin dapat melakukan login
C2. Admin dapat melihat dan mengolah data produk C3. Admin dapat melihat data pelanggan
C4. Admin dapat melihat dan mengolah data pengguna C5. Admin dapat melihat dan mengolah ongkos kirim C6. Admin dapat melihat dan mengolah kategori produk
C7. Admin dapat melihat dan mengolah data pengiriman barang C8. Admin dapat melihat dan mengolah data pembayaran C9. Admin dapat mengolah tampilan konten cara pembelian C10. Admin dapat melihat dan mengolah buku tamu
3.2 Perancangan Perangkat Lunak A. Rancangan Antar Muka
1. Halaman Pengunjung
a. Rancangan Antar Muka Index Pengunjung
Gambar III.1
Keterangan :
Nama Program : Index Pengunjung
Fungsi Program : Tampilan awal ketika halaman pertama kali dibuka
Akronim : index.php
Tampilan Program : php
Proses :
Buka Web Browser (Chrome, Mozilla, IE dan lain – lain).
1). Ketikan alamat website (URL) pada addres bar, contoh :
http:/localhost/aksesoris_handphone
b. Rancangan Antar Muka Daftar Baru
Gambar III.2
Rancangan Antar Muka Daftar Baru
Keterangan :
Nama Program : Daftar
Fungsi Program : Tampilan awal ketika pengunjung ingin daftar menjadi
Akronim : daftar.php
Tampilan Program : php
Proses :
1). Pilih button daftar pada halaman pengunjung 2). Lalu isi data diri dengan lengkap
c. Rancangan Antar Muka Semua Produk
Gambar III.3
Rancangan Antar Muka Semua Produk
Keterangan :
Nama Program : Semua Produk
Akronim : semua_produk.php
Tampilan Program : php
Proses :
d. Rancangan Antar Muka Kategori
Gambar III.4
Rancangan Antar Muka Kategori
Keterangan :
Nama Program : Kategori
Fungsi Program : Untuk melihat tampilan produk berdasarkan kategori
Tampilan Program : php
Proses :
1). Klik link kategori pada halaman website aksesoris handphone 2). Pilih salah satu kategori
e. Rancangan Antar Muka Cara Pembelian
Gambar III.5
Rancangan Antar Muka Cara Pembelian
Keterangan :
Nama Program : Cara Pembelian
Fungsi Program : Untuk melihat cara pembelian produk pada website ini
Tampilan Program : php
Proses :
f. Rancangan Antar Muka Buku Tamu
Gambar III.6
Rancangan Antar Muka Buku Tamu
Keterangan :
Nama Program : Buku Tamu
Fungsi Program : Untuk memberi komentar ataupun keluhan pada produk yang telah dibeli
Akronim : bukutamu.php
Tampilan Program : php
Proses :
2. Halaman Pelanggan
a. Rancangan Antar Muka Keranjang Belanja
Gambar III.7
Keterangan :
Nama Program : Keranjang Belanja
Fungsi Program : untuk melihat keranjang belanja yang telah kita beli
Akronim : detail.php
Tampilan Program : php
Proses :
a. Klik beli pada Produk yang sudah dipilih. b. Maka otomatis keranjang belanja bertambah.
b. Rancangan Antar Muka Checkout
Gambar III.8
Keterangan :
Nama Program : Checkout
Fungsi Program : untuk mengecek kembali data yang sudah diisi sebelumnya oleh pelanggan
Akronim : checkout.php
Tampilan Program : php
Proses :
a. Klik link checkout pada keranjang belanja.
c. Rancangan Antar Muka Cetak bukti
Gambar III.9
Rancangan Antar Muka Cetak Bukti
Keterangan :
Nama Program : cetak
Fungsi Program : untuk menampilkan struk atas pembayaran.
Akronim : cetak.php
Tampilan Program : php
Proses :
a. Klik link print struk lalu simpan sebagai bukti pelanggan telah melakukan pembayaran.
d. Rancangan Antar Muka Konfirmasi
Gambar III.10
Rancangan Antar Muka Konfirmasi
Keterangan :
Nama Program : Konfirmasi
Akronim : konfirmasi.php
Tampilan Program : php
Proses :
a. Klik link konfirmasi pada bagian menu atas b. Lalu isi data dengan lengkap.
3. Halaman Admin
a. Rancangan Antar Muka Login Admin
Gambar III.11
Rancangan Antar Muka Login Admin
Keterangan :
Nama Program : Menu Login Admin
Fungsi Program : Untuk masuk ke halaman admin utama
Akronim : index.php
Tampilan Program : php
Proses :
1). Ketikan alamat website (URL) pada addres bar, contoh :
http:/localhost/aksesoris_handphone/admin
2). Menampilkan halaman utama dan menyajikan login admin
b. Rancangan Antar Muka Halaman Utama Admin
Gambar III.12
Rancangan Antar Muka Halaman Utama Admin
Keterangan :
Nama Program : Halaman Utama Admin
Fungsi Program : Menampilkan halaman utama admin
Akronim : media.php
Tampilan Program : php
Buka Web Browser (Chrome, Mozilla, IE dan lain-lain).
1). Ketikkan alamat website (URL) pada addres bar, contoh :
http:/localhost/aksesoris_handphone/admin
c. Rancangan Antar Muka Data Produk Admin
Gambar III.13
Rancangan Antar Muka Data Produk
Keterangan :
Nama Program : Data Produk
Fungsi Program : Untuk menampilkan data produk pada halaman admin
Akronim : produk.php
Proses :
1). Arahkan kursor pada menu data master lalu klik link data produk pada halaman admin
d. Rancangan Antar Muka Data Pelanggan Admin
Gambar III.14
Rancangan Antar Muka Data Pelanggan
Keterangan :
Nama Program : Data Pelanggan
Fungsi Program : Untuk menampilkan data pelanggan pada halaman admin
Akronim : pelanggan.php
Tampilan Program : php
Proses :
1). Arahkan kursor pada menu data master lalu klik link data pelanggan pada halaman admin
e. Rancangan Antar Muka Data Pengguna Admin
Gambar III.15
Rancangan Antar Muka Data Pengguna
Keterangan :
Nama Program : Data Pengguna
Fungsi Program : Untuk menampilkan data pengguna pada halaman admin
Akronim : admin.php
Tampilan Program : php
Proses :
1). Arahkan kursor pada menu data master lalu klik link data pengguna pada halaman admin
f. Rancangan Antar Muka Ongkos Kirim
Gambar III.16
Rancangan Antar Muka Ongkos Kirim
Keterangan :
Nama Program : Ongkos Kirim
Fungsi Program : Untuk menampilkan daftar ongkos kirim
Tampilan Program : php
Proses :
1). Arahkan kursor pada menu data master lalu klik link ongkos kirim pada halaman admin
g. Rancangan Antar Muka Kategori Produk
Gambar III.17
Keterangan :
Nama Program : Kategori Produk
Fungsi Program : Untuk menampilkan daftar kategori produk
Akronim : kategori.php
Tampilan Program : php
Proses :
1). Arahkan kursor pada menu data master lalu klik link kategori produk pada halaman admin
h. Rancangan Antar Muka Pengiriman Barang
Gambar III.18
Rancangan Antar Muka Pengiriman Barang
Keterangan :
Nama Program : Pengiriman Produk
Fungsi Program : Untuk menampilkan daftar order produk
Akronim : order.php
Tampilan Program : php
Proses :
1). Arahkan kursor pada menu data pengiriman lalu klik link pengiriman produk pada halaman admin
i. Rancangan Antar Muka Pembayaran
Gambar III.19
Rancangan Antar Muka Pembayaran
Keterangan :
Nama Program : Pengiriman Produk
Fungsi Program : Untuk menampilkan daftar konfirmasi pembayaran
Akronim : konfirm.php
Tampilan Program : php
Proses :
1). Arahkan kursor pada menu data pengiriman lalu klik link pemayaran pada halaman admin
f. Rancangan antar muka Cara Pembelian
Gambar III.20
Rancangan Antar Muka Cara Pembelian
Keterangan :
Nama Program : Pengiriman Produk
Fungsi Program : Untuk mengolah tampilan konten tentang cara pembelian
Tampilan Program : php
Proses :
1). Arahkan kursor pada menu tampilan konten pada halaman admin lalu klik link cara pembelian.
g. Rancangan antar muka Buku Tamu
Gambar III.21
Rancangan Antar Muka Buku Tamu
Keterangan :
Nama Program : Pengiriman Produk
Fungsi Program : Untuk mengolah halaman buku tamu yg diisi oleh
pengunjung ataupun pelanggan
Tampilan Program : php
Proses :
1). Arahkan kursor pada menu tampilan konten pada halaman admin lalu klik link buku tamu.
B. Rancangan Basis Data
1. Entity Relationship Diagram (ERD)
pelanggan id_pelanggan email telpon password alamat namalengkap kategori kategori_seo nama_kategori id_kategori aktif produk mempunyai stok produk_seo gambar harga dibeli id_kategori deskripsi tgl_masuk nama_produk id_produk melakukan orders id_orders kota tgl_order alamat email status_order telpon nama_pelanggan jam_order masuk order_temp mempunyai jam_order_temp stok_temp tgl_order_temp jumlah id_session id_produk id_order_temp id_orders jumlah id_produk menjadi sesuaikan kota nama_kota ongkos_kirim id_ongkir 1 M 1 M 1 M 1 1 M berat order_detail konfirmasi mempunyai bank_kirim type atas_nama bank_terima jumlah tanggal id_orders email nama id_bayar kota 1 1 1 1 1 Gambar III.25
2. Logical Record Structure (LRS) pelanggan id_pelanggan nama_lengkap password alamat telpon email kota produk id_produk id_kategori nama_produk produk_seo deskripsi harga stok gambar tgl_masuk dibeli berat kategori id_kategori nama_kategori kategori_seo aktif order_temp id_order_temp id_produk id_session jumlah tgl_order_temp jam_order_temp stok_temp orders id_orders nama_pelanggan alamat telpon email status_order tgl_order jam_order kota order_detail id_orders id_produk jumlah kota id_ongkir nama_kota ongkos_kirim konfirmasi id_bayar nama nama id_orders tanggal jumlah bank_terima bank_kirim type atas_nama M 1 M 1 1 M 1 1 1 1 1 M 1 1 Gambar III.26 Logical Record Structure
3. Spesifikasi File
Menjelaskan tentang file-file atau tabel yang tersimpan pada database aksesoris_handphone dengan parameter-parameter sebagai berikut :
1. Spesifikasi File Pelanggan
Nama File : pelanggan Akronim File : pelanggan
Fungsi : Sebagai penyimpanan data pelanggan Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 110 karakter Kunci Field : id_pelanggan Software : PhpMyAdmin
Tabel III.1
Spesifikasi File Pelanggan
No Elemen Data Nama Field Tipe Size Ket 1 Id Pelanggan id_pelanggan Int 5 Primary Key 2 Nama Lengkap namalengkap Varchar 30
3 Password password Varchar 20
4 Alamat alamat Text -
5 Telpon telpon Varchar 20
6 Email email Varchar 30
2. Spesifikasi File Produk
Nama File : produk Akronim File : produk
Fungsi : Sebagai penyimpanan data produk Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 130 karakter Kunci Field : id_produk Software : PhpMyAdmin
Tabel III.2 Spesifikasi File Produk
No Elemen Data Nama Field Tipe Size Ket
1 Id Produk id_produk Int 5 Primary Key
2 Id Kategori id_kategori Int 5
3 Nama Produk nama_produk Varchar 30
4 Produk Seo produk_seo Varchar 30
5 Deskripsi deskripsi Text -
6 Harga harga Int 20
7 Stok stok Int 5
8 Gambar gambar Varchar 30
9 Tgl Masuk tgl_masuk Date -
10 Dibeli dibeli Int 5
3. Spesifikasi File Kategori
Nama File : kategori Akronim File : kategori
Fungsi : Sebagai penyimpanan data kategori Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 65 karakter Kunci Field : id_kategori Software : PhpMyAdmin
Tabel III.3
Spesifikasi File Kategori
No Elemen Data Nama Field Tipe Size Ket 1 Id Kategori id_kategori Int 5 Primary Key 2 Nama Kategori nama_kategori Varchar 30 3 Kategori Seo kategori_seo Varchar 30 4 Aktif aktif Enum "Y","N"
4. Spesifikasi File Kota
Nama File : kota Akronim File : kota
Fungsi : Sebagai penyimpanan data ongkos kirim Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 45 karakter Kunci Field : id_ongkir Software : PhpMyAdmin
Tabel III.4 Spesifikasi File Kota
No Elemen Data Nama Field Tipe Size Ket
1 Id Ongkir id_ongkir Int 5 Primary Key
2 Nama Kota nama_kota Varchar 30
5. Spesifikasi File Orders
Nama File : orders Akronim File : orders
Fungsi : Sebagai penyimpanan data order Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 110 karakter Kunci Field : id_orders Software : PhpMyAdmin
Tabel III.5 Spesifikasi File Orders
No
Elemen
Data Nama Field Tipe Size Ket
1 Id Order id_orders Int 5
Primary Key 2
Nama
Pelanggan nama_pelanggan Varchar 30
3 Alamat alamat Text -
4 Telpon telpon Varchar 20
5 Email email Varchar 30
6
Status
Order status_order Enum
“Pending”,”Baru”,”Lunas”,
“Batal”
7 Tgl Order tgl_order Date -
8 Jam Order jam_order Time -
6. Spesifikasi File Order_Detail
Nama File : order_detail Akronim File : order_detail
Fungsi : Sebagai penyimpanan data pemesanan order Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 15 karakter Kunci Field : -
Software : PhpMyAdmin
Tabel III.6
Spesifikasi File Order_Detail
No Elemen Data Nama Field Tipe Size Ket
1 Id Orders id_orders Int 5
2 Id Produk id_produk Int 5
7. Spesifikasi File Order_Temp
Nama File : order_temp Akronim File : order_temp
Fungsi : Sebagai penyimpanan data order temporari Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 120 karakter Kunci Field : -
Software : PhpMyAdmin
Tabel III.7
Spesifikasi File Order_Temp
No Elemen Data Nama Field Tipe Size Ket
1 Id Order Temp id_order_temp Int 5 Primary Key
2 Id Produk id_produk Int 5
3 Id Session id_session Varchar 100
4 Jumlah Jumlah Int 5
5 Tgl Order Temp tgl_order_temp Date -
6 Jam Order Temp jam_order_temp Time -
8. Spesifikasi File Konfirmasi
Nama File : konfirmasi Akronim File : konfirmasi
Fungsi : Sebagai penyimpanan data konfirmasi pembayaran Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 120 karakter Kunci Field : id_bayar Software : PhpMyAdmin
Tabel III.8
Spesifikasi File Konfirmasi
No Elemen Data Nama Field Tipe Size Ket
1 Id Bayar id_bayar Int 5 Primary Key
2 Nama nama Varchar 20
3 Email email Varchar 50
4 Id Orders id_orders Varchar 4
5 Tanggal tanggal Date 20
6 Jumlah jumlah Int 11
7 Bank Terima bank_terima Varchar 100
8 Bank Kirim bank_kirim Varchar 100
9 Type type Varchar 15
C. Rancangan Struktur Navigasi
Navigasi merupakan unsur penting dalam banyak halaman web. Tujuannya agar sesorang merasa mudah mengemudikan sutau halaman web. Biasanya komponen navigasi tersebut berupa fasilitas yang berfungsi untuk berpindah ke halaman web lainnya, yang di wujudkan dalam berbagai cara
Program web browser sendiri, seperti Internet Explorer dan Google Chrome dilengkapi fasilitas untuk mempermudah sesorang dalam menjelajah dunia internet. Dalam membuat web pribadi, penulis menggunakan peta navigasi untuk mengetahui arah dari perjalanan halaman web penjualan aksesoris handphone online ini. Struktur navigasi ini fleksibel karena alur program dapat bergerak bebas. Setelah menentukan struktur navigasi makan dibuatlah peta navigasi, peta navigasi adalah bentuk detail dari struktur navigasi. Peta navigasi dapat dilihat seperti gambar dibawah ini :
1. Navigasi Halaman Admin
z
Gambar III.27 Navigasi Halaman Admin
2. Navigasi Halaman Pengunjung
Gambar III.28
3. Navigasi Halaman Pelanggan
Gambar III.29
3.3 Implementasi dan Pengujian Unit A. Implementasi
1. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi e-commerce berdasarkan hasil rancangan antar muka.
a. Implementasi Rancangan Antar Muka Pengunjung 1) Implementasi Rancangan Antar Muka Index Pengunjung
b. Implementasi Rancangan Antar Muka Pelanggan
4)Implementasi Racangan Antar Muka Cetak Struk
c. Implementasi Racangan Antar Muka Admin
2) Implementasi Rancangan Antar Muka Halaman Utama Admin
5) Implementasi Rancangan Antar Muka Data Pengguna
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan web e-commerce.
a. Spesifikasi Perangkat Keras 1) Server
a) CPU
- Processor Intel® Pentium® Core i Three - RAM DDR3 2 GB
- Hard Disk 500 GB HDD b) Mouse
c) Keyboard
d) Monitor dengan resolusi layar minimum 1024x768 e) Koneksi internet dengan kecepatan 2 Mbps.
2) Client a) CPU
- Processor Intel® Pentium® 4 - RAM DDR2 1GB
- Hard Disk 20 GB b) Mouse
c) Keyboard
d) Monitor dengan resolusi layar minimum 1024x768 e) Koneksi internet dengan kecepatan 56 kbps.
1) Server
a) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux (Ubuntu, Fedora, dan lain-lain).
b) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang terdiri dari beberapa komponen, diantaranya:
- Aplikasi Appserv Server v2 - Aplikas iPHP Server v5 - Aplikasi MySQL Server v5 - Aplikasi phpMyAdmin v3
c) Aplikasi Web Lihatr sepertiMozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.
2) Client
a) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux (Ubuntu, Backtrak, dan lain-lain).
b) Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.
1. Pengujian Black Box Terhadap Form Login Pelanggan Tabel III.8
Pengujian Black Box Terhadap Form Login Pelanggan
2. Pengujian Black Box Terhadap Daftar Baru Pelanggan
No Skenario pengujian Test Case Hasil yang diharapkan Hasil pengujian Kesimpulan 1. Email dan
password tidak diisi kemudian klik
tombol login
Email: (kosong) Password: (kosong)
Sistem akan menolak akses user dan menampilkan “Harap Isi Bidang ini”
Sesuai harapan Valid
2 Mengetikkan Email dan password tidak diisi atau kosong kemudian klik tombol login Email: prasetyasari.as tri@yahoo.co m Password: (kosong)
Sistem akan menolak akses user dan menampilkan “Harap Isi Bidang ini”
Sesuai harapan Valid
3. Email tidak di isi Email:
(kosong) Password: 12345678
Sistem akan menolak akses user dan menampilkan “Harap Isi Bidang ini”
Sesuai harapan Valid
4. Mengetikkan salah satu kondisi salah
pada Email atau password kemudian
klik tombol login
Email: Ast@yahoo.co
m (kosong) Password:
12345
Sistem akan menolak akses user dan menampilkan “Email atau Password
Salah”
Sesuai harapan Valid
5. Mengetikkan Email dan password dengan data yang benar kemudian klik tombol login
Email: prasetyasari.as tri@yahoo.co m (benar) Password: 12345678 (benar)
Sistem menerima akses login ,kemudian langsung
menampilkan”Anda Berhasil Login, Selamat
Berbelanja.
Tabel III.10
Pengujian Black Box Terhadap Daftar Baru Pelanggan
No Skenario pengujian
Test Case Hasil yang
diharapkan Hasil pengujian Kesimpulan 1. Mengosongka n Data yang harus diisi kemudian klik tombol Daftar Nama lengkap:(kosong), Email:(kosong), Password:(kosong), Telepon/Hp:(kosong) kota:(kosong),, Alamat Lengkap:(kosong) Sistem akan menolak akses user dan menampilkan “Harap isi bidang
ini” Sesuai harapan Valid 2 Mengetikkan Nama dan mengosongka n sisa field yang diisi kemudian klik tombol Daftar Nama lengkap:Rafif, Email:(kosong), Password:(kosong), Telepon/Hp:(kosong) kota:(kosong),, Alamat Lengkap:(kosong) Sistem akan menolak akses user dan menampilkan “Harap isi bidang
ini” Sesuai harapan Valid 3. Mengisi semua field kecuali field kota kemudian klik tombol daftar Nama lengkap:adi, Email:rafifsyarifudin @yahoo.com Password:password Telfon/Hp:098768764 Kota:(kosong),, Alamat:Cipulir Sistem akan menolak akses user dan menampilkan “Pilih item pada
daftar” Sesuai harapan Valid 5. Mengetikan semua field yang harus diisi Nama lengkap:Rafif, Email:rafifsyarifudin @yahoo.com Password:password Telfon/Hp: 098768764 Kota:Jakarta Alamat:Cipulir Sistem menerima akses login , kemudian langsung menampilkan” Selamat anda telah menjadi pelanggan, silahkan login untuk berbelanja diwebsite kami”. Sesuai harapan Valid
Tabel III.11
Pengujian Black Box Terhadap Checkout No Skenario
pengujian
Test Case Hasil yang
diharapkan Hasil pengujian Kesimpula n 1. Mengosongk an Data yang harus diisi kemudian klik tombol Daftar Nama lengkap:(kosong), Email:(kosong), Telepon/Hp:(kosong), kota:(kosong), Alamat Lengkap:(kosong), Tambahkan Pesan Anda:(kosong) Sistem akan menolak akses user dan menampilkan “Harap isi bidang
ini” Sesuai harapan Valid 2 Mengetikka n Nama dan mengosongk an sisa field yang diisi kemudian klik tombol Daftar Nama lengkap:Rafif Email:(kosong), Telepon/Hp:(kosong), kota:(kosong), Alamat Lengkap:(kosong), Tambahkan Pesan Anda:(kosong) Sistem akan menolak akses user dan menampilkan “Harap isi bidang
ini” Sesuai harapan Valid 3. Mengisi semua field kecuali field kota kemudian klik tombol daftar Nama lengkap:Rafif Email:rafifsyarifudin @yahoo.com, Telepon/Hp:0987654, Kota: (kosong), Alamat Lengkap:Cipulir, Tambahkan Pesan Anda:Barangnya ditunggu secepatnya Sistem akan menolak akses user dan menampilkan “Pilih item pada
daftar”
Sesuai harapan
4. Mengetikan semua field yang harus diisi Nama lengkap:Rafif Email:rafifsyarifudin @yahoo.com, Telepon/Hp:0987654, Kota: jakarta, Alamat Lengkap:Cipulir, Tambahkan Pesan Anda:Barangnya ditunggu secepatnya Sistem menerima akses, kemudian langsung menampilkan selesai belanja Sesuai harapan Valid
4. Pengujian Black Box Terhadap Form Login Admin Tabel III.9
Pengujian Black Box Terhadap 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 akan menolak akses user dan menampilkan “Harap Isi Bidang ini”
Sesuai harapan Valid
2 Mengetikkan username dan password tidak diisi atau kosong kemudian klik tombol login Username: astrips Password: (kosong)
Sistem akan menolak akses user dan menampilkan “Harap Isi Bidang ini”
Sesuai harapan Valid
3. User tidak di isi User Id :
(kosong) Password:
admin
Sistem akan menolak akses user dan menampilkan “Harap Isi Bidang ini”
Sesuai harapan Valid
4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login
User Id : Astri (kosong) Password:
admin
Sistem akan menolak akses user dan menampilkan “Username atau Password
salah”
Sesuai harapan Valid
5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login User ID: astrips (benar) Password: admin (benar) Sistem menerimaakses login, kemudian langsung
menampilkan ”selamat datang di halaman admin
Astri”