BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang...
Transcript of BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang...
23
BAB III
ANALISA SISTEM BERJALAN
3.1 Tinjauan Perusahaan
3.1.1 Sejarah
Optik Krakal berdiri pada tahun 2003 yang didirikan oleh Bapak Guslan.
Berawal dari hanya buka kios kecil saja di mall Cinere sampai usaha tersebut pun
juga ikut dikelola oleh Ainun yaitu anak dari Bapak Guslan. Tahun pertama Optik
Krakal berdiri frame yang dijual di Optik masih diambil dari sales karena masih
melihat permintaan konsumen. Setelah melihat perkembangan yang dialami barulah
Optik Krakal mengambil frame langsung ke distributor dan ada juga yang dibuat
sendiri. Dari awal berdiri sampai sekarang Optik Mutia mengalami renovasi interior
sebanyak satu kali untuk meningkatkan penjualan. Barang yang diperjual belikan di
Optik Krakal tidak hanya sebatas kaca mata dan softlens saja tetapi juga menyediakan
asesoris-asesoris yang secara tidak langsung berhubungan dengan kacamata.
3.1.2 Struktur Organisasi dan Fungsi
Struktur organsisi adalah pengembangan secara grafik struktur kerja dari suatu
organisasi,dengan adanya sturuktur organisasi ini dapat memberikan ketegasan dalam
hal batas wewenang serta tanggung jawab kepada masing-masing anggota yang
ditugaskan ini maka mereka akan dapat menunaikan tugasnya dengan baik.
Secara garis besar struktur organisasi Optik Krakal dapat digambarkan
sebagai berikut:
24
Gambar III.1
Struktur Organisasi Optik Krakal
Sedangkan fungsi dari masing-masing bagan struktur organisasi dari Optik
Krakal tersebut yaitu:
1. Pemilik atau Manager
Pemilik merupakan top manajemen yang membuat keputusan akhir dari
kebijaksanaan sertas tanggung jawab penuh terhadap semua kegiatan yang ada pada
Optik Krakal. Fungsi dari pemilik perusahaan Optik Krakal adalah sebagai
penanggung jawab terhadap perkembangan perusahaan serta sebagai pengambil
keputusan dan kebijaksanaan perusahaan.
2. Administrasi
Fungsi dari administrasi adalah mengurus segala jenis urusan adminstrasi
perusahaan, mengatur masalah penggajian, mencatat dan membuat laporan.
25
3. Bagian Pembuatan
Bagian ini memiliki fungsi sebagai pembuat kacamata maupun lensa ketika ada
pelanggan yang memesannya.
4. Bagian Order Barang
Bagian order barang menerima perintah dari bagian administrasi ntuk
melakukan pengorderan lensa ke distributor yang akan dipasangkan ke bingkai
kacamata.
3.2 Analisa Kebutuhan
Analisis Kebutuhan merupakan proses pengumpulan kebutuhan yang
dilakukan secara intensif untuk menentukan spesifikasi web agar dapat dipahami oleh
pengguna.
A. Analisis Kebutuhan Fungsional / Functional Requirements
Kebutuhan fungsional / Functional Requirements adalah kebutuhan-kebutuhan
yang memiliki keterkaitan langsung dengan sistem, menentukan kemampuan dan
layanan dari website yang ditawarkan. Kebutuhan fungsional dari Website Krakal
Olshop ini meliputi:
1. Kebutuhan Administrator
a. Melakukan login ke dalam sistem database
b. Admin dapat mengganti password lama dengan password baru
c. Admin dapat menambah, mengedit dan menghapus bank
d. Admin dapat menambah, mengedit dan menghapus jenis data kota
e. Admin dapat menambah, mengedit dan menghapus kategori yang ada di
database.
26
f. Admin dapat menambah, mengedit dan menghapus produk / barang yang ada
di database
g. Admin dapat melihat data pelanggan yang ada di database
h. Admin dapat melihat daftar pemesanan dan dapat mengganti status pesanan
menjadi lunas atau batal
i. Admin dapat melihat data konfirmasi transfer pelanggan
j. Admin dapat melihat laporan-laporan data seperti laporan data kota, laporan
data tipe, laporan data produk, laporan data pelanggan, laporan data pemesanan
masuk dan laporan data pemesanan lunas.
k. Melakukan logout
2. Kebutuhan Pelanggan
a. Melakukan login pelanggan
b. Pelanggan dapat melihat tampilan home
c. Pelanggan dapat melihat profil website krakal Olshop
d. Pelanggan dapat melihat produk/barang yang ada di website Krakal Olshop
e. Pelanggan dapat melihat panduan berbelanja
f. Pelanggan dapat melihat barang berdasarkan kategori yang diinginkan
g. Pelanggan dapat melihat barang yang telah dibeli pada keranjang belanja
h. Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia
setelah mentransfer sesuai harga yang sudah ditentukan
i. Pelanggan dapat melihat tampil transaksi yang dimiliki
27
3. Kebutuhan Tamu
a. Tamu dapat melihat tampilan home
b. Tamu dapat melihat profil website Krakal Olshop
c. Tamu dapat melihat tampilan barang
d. Tamu dapat melihat panduan berbelanja
e. Tamu dapat melihat kategori barang
f. Tamu dapat melakukan pendaftaran pelanggan baru
B. Analisi Kebutuhan Sistem Non Fungsional
Kebutuhan sistem Non fungsional adalah tipe kebutuhan yang berisi property
pelaku yang dimiliki oleh sistem.
1. Operasional
a. Perangkat Keras
Untuk merancang dan membuat media informasi berbasis web dibutuhkan
perangkat keras agar program aplikasi yang dibuat dapat berjalan dengan
baik. Spesifikasi perangkat keras yang digunakan dalam pembuatan website
ini, yaitu:
1. Processor : Intel(R) Celeron(R) CPU 1007U @ 1.50GHz 1.50GHz
2. RAM : 4.00 GB
3. Monitor : 11” HD Resolution
4. Harddisk : 500 GB 5400RPM SATA HDD
5. VGA : Intel(R) HD Graphick
28
b. Perangkat Lunak
Software atau perangkat lunak yang digunakan untuk mendukung dan
merancang pembuatan media informasi berbasis website harus sesuai dengan
kebutuhan, yaitu :
1. Tahap Pembuatan
Software yang digunakan untuk membuat website ini adalah :
a. Sistem Operasi (Windows 10 Pro 64-bit)
b. Browser (Mozilla, Chrome, Internet Explorer)
c. Apache (Webserver)
d. Mysql (Database Server)
e. Software Perancangan (Adobe Dreamweaver CS5, XAMPP)
2. Tahap Implementasi
Tahap implementasi ini menggunakan
a. Sistem Operasi (Windows 10)
b. Browser (Mozilla, Chrome, Internet Explorer)
c. Pelanggan
Pelanggan dalam website ini dibagi menjadi 3 jenis yaitu Admin, Pelanggan
dan Tamu. Admin bertugas mengelola barang, kategori, melihat data
Pelanggan dan melihat data laporan yang berkaitan dengan transaksi.
Pelanggan / Member di sini adalah user pelanggan yang sudah mendaftar
menjadi member yang dapat melakukan transaksi beli atau biasa disebut
tambah keranjang dan juga dapat melakukan konfirmasi pengiriman yang
nantinya akan diketahui oleh admin. Sedangkan Pelanggan tamu hanya dapat
29
melihat menu-menu tertentu tanpa dapat melakukan transaksi beli / tambah
keranjang sebelum pelanggan tersebut daftar menjadi member atau login
terlebih dahulu.
2. Informasi
Pesan informasi yang akan disampaikan oleh sistem secara otomatis untuk
memberikan informasi kepada pengguna. Informasi yang ditampilkan yaitu:
a. Informasi error oleh sistem apabila admin dan pelanggan salah memasukan
username ataupun password
b. Pesan informasi ditampilkan oleh sistem apabila admin menghapus data tipe,
data kota dan data produk
c. Pesan informasi ditampilkan oleh sistem apabila admin melakukan logout
atau keluar dari halaman administrator
d. Pesan informasi ditampilkan oleh sistem apabila tamu berhasil melakukan
pendaftaran baru/menjadi member
e. Pesan Informasi ditampilkan oleh sistem apabila pelanggan berhasil
melakukan konfirmasi pembayaran
3. Keamanan
a. Sistem yang dibuat mengharuskan pengguna maupun admin Login terlebih
dahulu dengan memasukkan username dan password
b. Log Out atau keluar dari website admin agar tidak terjadi manipulasi data
30
3.3 Perancangan Perangkat Lunak
3.3.1 Rancangan Antar Muka
Menjelaskan rancangan antar muka (interface) yang terdapat pada sistem e-
commerce dalam KrakalOlshop. Adapun rancangan antarmuka dibagi menjadi 3
bagian yaitu:
A. Rancangan Antar Muka Halaman Admin
1. Rancangan Antar Muka Halaman Login Admin
Gambar III.2
Rancangan Antar Muka Halaman Login Admin
31
2. Rancangan Antar Muka Halaman Beranda Admin
Gambar III.3
Rancangan Antar Muka Halaman Beranda Admin
32
3. Rancangan Antar Muka Halaman Password Admin
Gambar III.4
Rancangan Antar Muka Halaman Password Admin
33
4. Rancangan Antar Muka Halaman Bank
Gambar III.5
Rancangan Antar Muka Halaman Bank
34
5. Rancangan Antar Muka Halaman Kota Tujuan
Gambar III.6
Rancangan Antar Muka Halaman Kota Tujuan
35
6. Rancangan Antar Muka Halaman Kategori
Gambar III.7
Rancangan Antar Muka Halaman Kategori
36
7. Rancangan Antar Muka Halaman Produk
Gambar III.8
Rancangan Antar Muka Halaman Produk
37
8. Rancangan Antar Muka Halaman Kondisi
Gambar III.9
Rancangan Antar Muka Halaman Kondisi
38
9. Rancangan Antar Muka Halaman Pelanggan
Gambar III.10
Rancangan Antar Muka Halaman Pelanggan
10. Rancangan Antar Muka Pemesanan
Gambar III.11
Rancangan Antar Muka Halaman Pemesanan
39
11. Rancangan Antar Muka Halaman Konfirmasi
Gambar III.12
Rancangan Antar Muka Halaman Konfirmasi
12. Rancangan Antar Muka Halaman Laporan
Gambar III.13
Rancangan Antar Muka Halaman Laporan
40
B. Rancangan Antar Muka Halaman Pelanggan
1. Rancangan Antar Muka Halaman Login Pelanggan
Gambar III.14
Rancangan Antar Muka Halaman Login Pelanggan
2. Rancangan Antar Muka Halaman Beranda
Gambar III.15
Rancangan Antar Muka Halaman Beranda
41
3. Rancangan Antar Muka Halaman Profil
Gambar III.16
Rancangan Antar Muka Halaman Profil
4. Rancangan Antar Muka Halaman Produk
Gambar III.17
Rancangan Antar Muka Halaman Produk
42
4. Rancangan Antar Muka Halaman Produk Detail
Gambar III.18
Rancangan Antar Muka Halaman Produk Detail
5. Rancangan Antar Muka Halaman Panduan
Gambar III.19
Rancangan Antar Muka Halaman Panduan
43
6. Rancangan Antar Muka Halaman Keranjang Belanja
Gambar III.20
Rancangan Antar Muka Halaman Keranjang Belanja
8. Rancangan Antar Muka Halaman Konfirmasi Belanja
Gambar III.21
Rancangan Antar Muka Halaman Konfirmasi Belanja
44
9. Rancangan Antar Muka Halaman Daftar Transaksi
Gambar III.22
Rancangan Antar Muka Halaman Daftar Transaksi
C. Rancangan Antar Muka Halaman Tamu
1. Rancangan Antar Muka Halaman Beranda Tamu
Gambar III.23
Rancangan Antar Muka Halaman Beranda Tamu
45
2. Rancangan Antar Muka Halaman Profil Tamu
Gambar III.24
Rancangan Antar Muka Halaman Profil Tamu
3. Rancangan Antar Muka Halaman Produk Tamu
Gambar III.25
Rancangan Antar Muka Halaman Produk Tamu
46
4. Rancangan Antar Muka Halaman Produk Detail Tamu
Gambar III.26
Rancangan Antar Muka Halaman Produk Detail Tamu
5. Rancangan Antar Muka Halaman Panduan Tamu
Gambar III.27
Rancangan Antar Muka Halaman Panduan Tamu
47
6. Rancangan Antar Muka Halaman Pendaftaran
Gambar III.28
Rancangan Antar Muka Halaman Pendaftaran
48
3.3.2 Rancangan Basis Data
A. Entity Relationship Diagram (ERD)
pelanggan
pelanggan_id
pelanggan_nama
pelanggan_gender
pelanggan_alamat
pelanggan_telepon
pelanggan_
username
pelanggan_email
pelanggan_daftar
pelanggan_
password
melakukan1 pemesanan1
pemesanan_alamat
pemesanan_penerimapemesanan_kode
pemesanan_tanggal
memiliki
pemesanan Detail
produk
memiliki
pemesanan_kode
pemesanan_kondisi
pemesanan_jumlah
produk_id
produk_nama
produk_stok
kategori_id
produk_keteranganproduk_id
produk harga
produk_gambar
memiliki kategori
kategori_deskripsikategori_id
kategori_nama
pemesanan_telepon
pemesanan_status
pemesanan_kodepos
pelanggan_id
kota_id
pemesanan_noresi
bank_id
melakukan
melakukan
konfirmasi
konfirmasi_pengirim
konfirmasi_transfer
konfirmasi_id
konfirmasi_keterangan
pelanggan_id
pemesanan_kode
konfirmasi_tanggal
bank_id
memiliki kota
kota_namakota_id
kota_tarif
M 1
M
1
M
M 1
1
11
1
Gambar III.29
Entity Relationship Diagram (ERD)
49
B. Logical Relationship Structured (LRS)
Gambar III.30
Logical Relationship Structured (LRS)
C. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan atau
file-file penunjang untuk web). File-file ini tersimpan pada database kacamata2
dengan parameter-parameter sebagai berikut:
1. Spesifikasi File Admin
Nama File : Admin
Akronim : admin
Fungsi : untuk menyimpan data admin
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
50
Media : Harddisk
Panjang record : 123 Karakter
Kunci Field : admin_id
Software : Mysql
Tabel III.1
Spesifikasi File Admin
No Elemen Data Akronim Type Size Ket
1 Id admin admin_id Int 3 Primary Key
2 User name admin_username Varchar 20
3 Password admin_password Varchar 100
2. Spesifikasi File Bank
Nama File : Bank
Akronim : bank
Fungsi : untuk menyimpan data bank
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 45 Karakter
Kunci Field : bank_id
Software : Mysql
51
Tabel III.2
Spesifikasi File Bank
No Elemen Data Akronim Type Size Ket
1 Id bank bank_id Int 5 Primary Key
2 Nama Bank bank_nama Varchar 20
3 Rekening Bank bank_rekening Varchar 20
3. Spesifikasi File Kategori
Nama File : Kategori
Akronim : kategori
Fungsi : untuk menyimpan data kategori
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 19 Karakter
Kunci Field : kategori_id
Software : Mysql
Tabel III.3
Spesifikasi File Kategori
No Elemen Data Akronim Type Size Ket
1 Id kategori kategori_id Int 4 Primary Key
2 Nama kategori kategori_nama Varchar 15
3 Deskripsi Kategori kategori_deskripsi Text
52
4. Spesifikasi File Keranjang
Nama File : Keranjang
Akronim : keranjang
Fungsi : untuk menyimpan data keranjang belanja pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 57 Karakter
Kunci Field : keranjang_id
Software : Mysql
Tabel III.4
Spesifikasi File Keranjang
No Elemen Data Akronim Type Size Ket
1 Id keranjang keranjang_id Int 6 Primary Key
2 Jumlah keranjang_jumlah Int 11
3 Catatan keranjang_catatan Varchar 30
4 Waktu keranjang_waktu Datetime
5 Id Produk produk_id Int 4
6 Id Pelanggan pelanggan_id Int 6
5. Spesifikasi File Kondisi
Nama File : Kondisi
Akronim : kondisi
Fungsi : untuk menyimpan data kondisi mata pelanggan
53
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 8 Karakter
Kunci Field : kondisi_id
Software : Mysql
Tabel III.5
Spesifikasi File Kondisi
No Elemen Data Akronim Type Size Ket
1 Id kondisi kondisi_id Int 3 Primary Key
2 Kondisi Mata kondisi_mata Varchar 5
6. Spesifikasi File Konfirmasi
Nama File : Konfirmasi
Akronim : konfirmasi
Fungsi : untuk menyimpan data konfirmasi
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 337 Karakter
Kunci Field : konfirmasi_id
Software : Mysql
54
Tabel III.6
Spesifikasi File Konfirmasi
No Elemen Data Akronim Type Size Ket
1 Id konfirmasi konfirmasi_id Int 4 Primary
Key
2 Konfirmasi pengirim konfirmasi_pengirim Varchar 50
3 Konfirmasi transfer konfirmasi_transfer Int 11
4 Keterangan konfirmasi_keterangan Varchar 255
5 Tanggal konfirmasi_tanggal date
6 Kode pemesanan_kode Varchar 6
7 Id pelanggan pelanggan_id Int 6
8 Id Bank bank_id Int 5
7. Spesifikasi File Kota
Nama File : Kota
Akronim : kota
Fungsi : untuk menyimpan data kota
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 44 Karakter
Kunci Field : kota_id
Software : Mysql
55
Tabel III.7
Spesifikasi File Kota
No Elemen Data Akronim Type Size Ket
1 Id kota kota_id Int 3 Primary Key
2 Nama Kota kota_nama Varchar 30
3 Tarif kota_tarif Int 11
8. Spesifikasi File Pelanggan
Nama File : Pelanggan
Akronim : pelanggan
Fungsi : untuk menyimpan data pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 496 Karakter
Kunci Field : pelanggan_id
Software : Mysql
Tabel III.8
Spesifikasi File Pelanggan
No Elemen Data Akronim Type Size Ket
1 Id pelanggan pelanggan_id Int 6 Primary
Key
2 Nama pelanggan pelanggan_nama Varchar 50
3 Jenis kelamin
pelanggan
pelanggan_gender Enum
4 Alamat pelanggan pelanggan_alamat Varchar 200
56
5 Telepon pelanggan pelanggan_telepon Varchar 15
6 Email pelanggan pelanggan_email Varchar 100
7 Username pelanggan pelanggan_username Varchar 20
8 Password pelanggan pelanggan_password Varchar 100
9 Daftar pelanggan pelanggan_daftar Date
9. Spesifikasi File Pemasanan
Nama File : Pemesanan
Akronim : pemesanan
Fungsi : untuk menyimpan data pemesanan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 370 Karakter
Kunci Field : pemesanan_kode
Software : Mysql
Tabel III.9
Spesifikasi File Pemesanan
No Elemen Data Akronim Type Size Ket
1 Kode pemesanan pemesanan_kode Varchar 6 Primary
Key
2 Tanggal pemesanan pemesanan_tanggal Date
3 Penerima pemesanan pemesanan_penerima Varchar 50
4 Alamat pemesanan pemesanan_alamat Varchar 255
5 Kodepos pemesanan pemesanan_kodepos char 5
6 Telepon pemesanan pemesanan_telepon Varchar 15
57
7 Status pemesanan pemesanan_status Enum
8 Nomor resi
pemesanan
pemesanan_noresi Varchar 25
9 Id pelanggan pelanggan_id Int 6
10 Id kota kota_id Int 3
11 Id bank bank_id Int 5
10. Spesifikasi File Detail Pemesanan
Nama File : Detail Pemesanan
Akronim : pemesanan_detail
Fungsi : untuk menyimpan data detail pemesanan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 45 Karakter
Kunci Field : -
Software : Mysql
Tabel III.10
Spesifikasi File Detail Pemesanan
No Elemen Data Akronim Type Size Ket
1 Jumlah pemesanan pemesanan_jumlah Int 5
2 Kondisi pemesanan pemesanan_kondisi Varchar 30
3 Kode pemesanan pemesanan_kode Varchar 6
4 IdProduk produk_id Int 4
58
11. Spesifikasi File Produk
Nama File : Produk
Akronim : produk
Fungsi : untuk menyimpan data produk
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 385 Karakter
Kunci Field : produk_id
Software : Mysql
Tabel III.11
Spesifikasi File Produk
No Elemen Data Akronim Type Size Ket
1 Id produk produk_id Int 4 Primary
Key
2 Nama produk produk_nama Varchar 100
3 Stok produk produk_stok Int 11
4 Harga produk produk_harga Int 11
5 Gambar produk produk_gambar Varchar 255
6 Keterangan produk produk_keterangan text
7 Id kategori kategori_id Int 4
59
3.3.3 Rancangan Struktur Navigasi
Struktur navigasi website digunakan untuk menggambarkan secara garis besar
isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi
tersebut
A. Rancangan Struktur Navigasi Admin
Gambar III.31
Rancangan Struktur Navigasi Admin
60
B. Rancangan Struktur Navigasi Pelanggan
Gambar III.32
Rancangan Struktur Navigasi Pelanggan
C. Rancangan Struktur Navigasi Tamu
Gambar III.33
Rancangan Struktur Navigasi Tamu
61
3.4. Implementasi dan Pengujian Unit
3.4.1 Implementasi
A. Rancangan Implementasi Antar Muka
Implementasi pada website e-commerce Krakal Olshop berdasarkan hasil
rancangan antarmuka adalah sebagai berikut:
1. Halaman Admin
a. Halaman Login Admin
Gambar III.34
Halaman Login Admin
62
b. Halaman Beranda Admin
Gambar III.35
Halaman Beranda Admin
c. Halaman Password Admin
Gambar III.36
Halaman Password Admin Admin
63
d. Halaman Bank
Gambar III.37
Halaman Bank
e. Halaman Kota Tujuan
Gambar III.38
Halaman Kota Tujuan
64
f. Halaman Ketegori
Gambar III.39
Halaman Kategori
g. Halaman Produk
Gambar III.40
Halaman Produk
h. Halaman Kondisi
Gambar III.41
Halaman Kondisi
65
i. Halaman Pelanggan
Gambar III.42
Halaman Pelanggan
j. Halaman Pemesanan
Gambar III.43
Halaman Pemesanan
k. Halaman Konfirmasi
Gambar III.44
Halaman Konfirmasi
66
l. Halaman Laporan
Gambar III.45
Halaman Laporan
2. Halaman Pelanggan
a. Halaman Login Pelanggan
Gambar III.46
Halaman Login Pelanggan
67
b. Halaman Beranda
Gambar III.47
Halaman Beranda
c. Halaman Profil
Gambar III.48
Halaman Profil
68
d. Halaman Produk
Gambar III.49
Halaman Produk
e. Halaman Detail Produk
Gambar III.50
Halaman Detail Produk
69
f. Halaman Panduan
Gambar III.51
Halaman Panduan
g. Halaman Keranjang Belanja
Gambar III.52
Halaman Keranjang Belanja
70
h. Halaman Konfirmasi Belanja
Gambar III.53
Halaman Konfirmasi Belanja
71
i. Halaman Daftar Transaksi
Gambar III.54
Halaman Daftar Transaksi
3. Halaman Tamu
a. Halaman Beranda Tamu
Gambar III.55
Halaman Beranda Tamu
72
b. Halaman Profil
Gambar III.56
Halaman Profil
c. Halaman Produk
Gambar III.57
Halaman Produk
73
d. Halaman Detail Produk
Gambar III.58
Halaman Detail Produk
e. Halaman Panduan
Gambar III.59
Halaman Panduan
74
e. Halaman Pendaftaran Baru
Gambar III.60
Halaman Pendaftaran Baru
75
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang
dibutuhkan untuk mengimplementasikan website yang penulis buat, yaitu:
1. Perangkat Keras (Hardware)
a. Server
1) CPU
(a) Processor : Intel(R) Celeron(R) CPU 1007U @ 1. 50 GHz
(b) RAM : 4.00 GB
(c) Hard Disk : 500 GB 5400RPM SATA HDD
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps
b. Client
1) CPU
(a) Processor : Intel(R) Pentium(R) 4
(b) RAM : 1.00 GB
(c) Hard Disk : 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps
76
2. Perangkat Lunak (Software)
a. Server
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows 10 Pro 64
bit
2) Aplikasi bundle web server seperti: Xampp, yang terdiri dari beberapa
komponen diantaranya:
(a) Aplikasi Xampp Control Panel v3.2.1
(b) Aplikasi PHP versi server 5.6.3
(c) Aplikasi MySQL versi server 5.6.21
(d) Aplikasi phpMyAdmin versi 4.2.11
(e) Aplikasi Apache server 2.4.10
3) Aplikasi web browser seperti: Google Chrome, Mozilla Firefox dan Internet
Explorer
b. Client
1) Sistem operasi yang umum digunakan seperti : Microsoft Windows
2) Aplikasi web browser seperti: Google Chrome, Mozilla Firefox dan Internet
Explorer.
77
3.4.2. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program
1. Pengujian Terhadap Form Login Admin
Tabel III.12
Hasil Pengujian Black Box Testing Halaman Login Admin
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. User Id dan
password tidak
diisi kemudian
klik tombol login
User Id : (kosong)
Password: (kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini”
Sesuai
harapan Valid
2. Mengetikkan user
ID dan password
tidak diisi atau
kosong kemudian
klik tombol login
User ID: 123
Password : (kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini”
Sesuai
harapan Valid
3. User ID tidak diisi
(kosong) dan
password diisi
kemudian klik
tombol login
User Id: (kosong)
Password: 1234
Sistem akan menolak
akses user dan
menampilkan “Harap
diisi bidang ini”
Sesuai
harapan Valid
4. Mengetikkan
salah satu kondisi
salah pada user
ID atau password
kemudian klik
tombol login
User ID: admin
(benar)
Password: 1234
(salah)
Sistem akan menolak
akses user dan
menampilkan
“MAAF ANDA
TELAH GAGAL
LOGIN !”.
Sesuai
harapan
Valid
5. Mengetikkan user
ID dan password
dengan data yang
benar kemudian
klik tombol login
User ID: admin
(benar)
Password: admin
(benar)
Sistem menerima
akses login dan
kemudian langsung
menampilkan
“SELAMAT ANDA
TELAH BERHASIL
LOGIN !”
Sesuai
harapan
Valid
78
2. Pengujian Terhadap Form Password Admin
Tabel III.13
Hasil Pengujian Black Box Testing Halaman Password Admin
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Password lama
dan password
baru tidak diisi
kemudian klik
tombol simpan
Password lama :
(kosong)
Password baru :
(kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini”
Sesuai
harapan Valid
2. Mengetikkan
password lama
dan password
baru tidak diisi
atau kosong
kemudian klik
tombol simpan
Password lama : 123
Password baru :
(kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini” Sesuai
harapan Valid
3. Password lama
tidak diisi
(kosong) dan
password baru
diisi kemudian
klik tombol
simpan
Password lama :
(kosong)
Password baru : 1234
Sistem akan menolak
akses user dan
menampilkan “Harap
diisi bidang ini” Sesuai
harapan Valid
4. Mengetikkan
salah pada
password lama
dan password
baru diisi
kemudian klik
tombol simpan
Password lama :
1234 (salah)
Password baru :
admin
Sistem akan menolak
akses user dan
menampilkan
“SIMPAN DATA
BARU GAGAL !”.
Sesuai
harapan
Valid
5. Mengetikkan
password lama
dan password
baru dengan data
yang benar
kemudian klik
tombol simpan
Password lama :
admin (benar)
Password baru :
admin1 (benar)
Sistem akan
menerima akses
simpan data dan
kemudian langsung
menampilkan
“SIMPAN DATA
BARU SUKSES !”
Sesuai
harapan
Valid
79
3. Pengujian Terhadap Form Bank
Tabel III.14
Hasil Pengujian Black Box Testing Halaman Bank
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Nama bank dan
rekening bank
tidak diisi
kemudian klik
tombol simpan
nama bank :
(kosong)
rekening bank :
(kosong)
Sistem akan
menolak akses user
dan menampilkan
“Harap isi bidang
ini”
Sesuai
harapan Valid
2. Nama bank tidak
diisi atau
kosong, rekening
bank diisi
kemudian klik
tombol simpan
nama bank :
(kosong)
rekening bank :
1234
Sistem akan
menolak akses user
dan menampilkan
“Harap isi bidang
ini”
Sesuai
harapan Valid
3. Nama bank diisi,
rekening bank
tidak diisi atau
kosong
kemudian klik
tombol simpan
nama bank : BRI
rekening bank :
(kosong)
Sistem menerima
akses simpan data
dan kemudian
langsung
menampilkan
“SIMPAN DATA
BARU SUKSES !”
Sesuai
harapan Valid
4. klik tomobol
ubah, nama bank
dan rekening
bank tidak diisi
kemudian klik
tombol simpan
nama bank :
(kosong)
rekening bank :
(kosong)
Sistem akan
menolak akses user
dan menampilkan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
5. klik tomobol
ubah, nama bank
tidak diisi,
rekening bank
diisi kemudian
klik tombol
simpan
nama bank :
(kosong)
rekening bank :
1234
Sistem akan
menolak akses user
dan menampilkan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
6. klik tomobol
ubah, nama bank
diisi, rekening
bank tidak diisi
atau kosong
kemudian klik
tombol simpan
nama bank : BRI
rekening bank :
(kosong)
Sistem menerima
akses simpan data
dan kemudian
langsung
menampilkan
“SIMPAN DATA
BARU SUKSES !”
Sesuai
harapan
Valid
7. Klik Hapus pada
data bank.
Kemudian klik
OK.
Nama Tipe: (hapus) Sistem akan
menerima, lalu akan
langsung menghapus
otomatis.
Sesuai
harapan
Valid
80
4. Pengujian Terhadap Form Kota Tujuan
Tabel III.15
Hasil Pengujian Black Box Testing Halaman Kota Tujuan
No. Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Kesimpulan
1 Nama Kota tidak
di isi, Tarif tidak
di isi. Kemudian
klik simpan.
nama kota :
(kosong)
Tarif : (kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap isi
bidang ini”
Sesuai
harapan
Valid
2 Nama Kota di isi,
Tarif tidak di isi.
Kemudian klik
simpan.
nama kota :
(Bandung)
Tarif : (kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap isi
bidang ini”
Sesuai
harapan
Valid
3 Nama Kota tidak
di isi, Tarif di isi.
Kemudian klik
simpan.
nama kota :
(kosong)
Tarif : (9000)
Sistem akan menolak
akses user dan
menampilkan “Harap isi
bidang ini”
Sesuai
harapan
Valid
4 Nama Kota di isi,
Tarif di isi.
Kemudian klik
simpan.
nama kota :
(Bandung)
Tarif : (9000)
Sistem menerima akses
simpan data dan kemudian
langsung menampilkan
“SIMPAN DATA BARU
SUKSES !”
Sesuai
harapan
Valid
5 Klik Ubah Kota,
Nama Kota tidak
di isi, Tarif tidak
di isi. Kemudian
klik simpan.
nama kota :
(kosong)
Tarif : (kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap isi
bidang ini”
Sesuai
harapan
Valid
6 Klik Ubah Kota,
Nama Kota di isi,
Tarif tidak di isi.
Kemudian klik
simpan.
nama kota :
(Bandung)
Tarif : (kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap isi
bidang ini”
Sesuai
harapan
Valid
7 Klik Ubah Kota,
Nama Kota tidak di
isi, Tarif di isi.
Kemudian klik
simpan.
nama kota :
(kosong)
Tarif : (9000)
Sistem akan menolak
akses user dan
menampilkan “Harap isi
bidang ini”
Sesuai
harapan
Valid
8 Klik Ubah Kota,
Nama kota dan tarif
diisi. Kemudian
klik simpan
nama kota :
(Cirebon)
Tarif : (9000)
Sistem menerima akses
simpan data dan kemudian
langsung menampilkan
“SIMPAN DATA BARU
SUKSES !”
Sesuai
harapan
Valid
9 Klik Hapus pada
Kota Tujuan.
Kemudian klik
OK.
Nama Tipe:
(hapus)
Sistem akan menerima,
lalu akan langsung
menghapus otomatis.
Sesuai
harapan
Valid
81
5. Pengujian Terhadap Form Kategori
Tabel III.16
Hasil Pengujian Black Box Testing Halaman Kategori
No. Skenario pengujian Test case Hasil yang diharapkan Hasil
pengujian
Kesimpulan
1 Nama kategori tidak di
isi, Deskripsi Kategori
tidak di isi. Kemudian
klik simpan.
nama kategori :
(kosong)
Deskripsi
Kategori :
(kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini”
Sesuai
harapan
Valid
2 Nama kategori tidak di
isi, Deskripsi Kategori
di isi. Kemudian klik
simpan.
nama kategori :
(kosong)
Deskripsi
Kategori : (test)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini”
Sesuai
harapan
Valid
3 Nama kategori di isi,
Deskripsi Kategori
tidak di isi. Kemudian
klik simpan.
nama kategori :
(Aksesoris)
Deskripsi
Kategori :
(kosong)
Sistem menerima
akses simpan data dan
kemudian langsung
menampilkan
“SIMPAN DATA
BARU SUKSES !”
Sesuai
harapan
Valid
4 Klik Ubah Kategori,
Nama kategori tidak di
isi, Deskripsi Kategori
tidak di isi. Kemudian
klik simpan.
nama kategori :
(kosong)
Deskripsi
Kategori :
(kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini”
Sesuai
harapan
Valid
5 Klik Ubah Kategori,
Nama kategori di isi,
Deskripsi Kategori
tidak di isi. Kemudian
klik simpan.
nama kategori :
(Aksesoris)
Deskripsi
Kategori :
(kosong)
Sistem menerima
akses simpan data dan
kemudian langsung
menampilkan
“SIMPAN DATA
BARU SUKSES !”
Sesuai
harapan
Valid
6 Klik Ubah Ketegori, Nama
kategori tidak di isi,
Deskripsi Kategori di isi.
Kemudian klik simpan.
nama kategori :
(kosong)
Deskripsi
Kategori : (test)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini”
Sesuai
harapan
Valid
7 Nama kategori di isi,
Deskripsi Kategori di
isi. Kemudian klik
simpan.
nama kategori :
(Aksesoris)
Deskripsi
Kategori : (test)
Sistem menerima
akses simpan data dan
kemudian langsung
menampilkan
“SIMPAN DATA
BARU SUKSES !”
Sesuai
harapan
Valid
8 Klik Hapus pada
Kategori. Kemudian
klik OK.
Nama Tipe:
(hapus)
Sistem akan menerima
dan langsung
menghapus otomatis.
Sesuai
harapan
Valid
82
6. Pengujian Terhadap Form Produk
Tabel III.17
Hasil Pengujian Black Box Testing Halaman Produk
No. Skenario
Pengujian Text Case
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1 Nama Produk
tidak di isi, Stok
Produk tidak di
isi, Harga
Produk tidak di
isi, Gambar
Produk tidak di
isi, Keterangan
Produk tidak di
isi, Kategori
Produk tidak di
isi,Kemudian
klik simpan.
Nama Produk:
(kosong)
Stok Produk:
(kosong)
Harga Produk:
(kosong)
Gambar Produk:
(kosong)
Keterangan
Produk: (kosong)
Kategori Produk:
(kosong)
Sistem akan menolak
akses user dan
menampilkan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
2 Nama Produk di
isi, Stok Produk
tidak di isi,
Harga Produk
tidak di isi,
Gambar Produk
tidak di isi,
Keterangan
Produk tidak di
isi, Kategori
Produk tidak di
isi,Kemudian
klik simpan.
Nama Produk:
(test)
Stok Produk:
(kosong) Harga
Produk: (kosong)
Gambar Produk:
(kosong)
Keterangan
Produk: (kosong)
Kategori Produk:
(kosong)
Sistem akan menolak
dan akan
menampilkan pesan:
1. Harap isi bidang
ini
2. Harap isi bidang
ini
3. Pilih File
4. Harap isi bidang
ini
5. Plih Item pada
daftar
Sesuai
harapan
Valid
3 Nama Produk di
isi, Stok Produk
di isi, Harga
Produk tidak di
isi, Gambar
Produk tidak di
isi, Keterangan
Produk tidak di
isi, Kategori
Produk tidak di
isi,Kemudian
klik simpan.
Nama Produk:
(test)
Stok Produk: (5)
Harga Produk:
(kosong)
Gambar Produk:
(kosong)
Keterangan
Produk: (kosong)
Kategori Produk:
(kosong)
Sistem akan menolak
dan akan
menampilkan pesan:
1. Harap isi bidang
ini
2. Pilih File
3. Harap isi bidang
ini
4. Harap isi bidang
ini
Sesuai
harapan
Valid
83
4 Nama Produk di
isi, Stok Produk
di isi, Harga
Produk di isi,
Gambar Produk
tidak di isi,
Keterangan
Produk tidak di
isi, Kategori
Produk tidak di
isi,Kemudian
klik simpan.
Nama Produk:
(test)
Stok Produk: (5)
Harga Produk:
(500000)
Gambar Produk:
(kosong)
Keterangan
Produk: (kosong)
Kategori Produk:
(kosong)
Sistem akan menolak
dan akan
menampilkan pesan:
1. Pilih File
2. Harap isi bidang
ini .
3. Harap isi bidang
ini .
Sesuai
harapan
Valid
5 Nama Produk di
isi, Stok Produk
di isi, Harga
Produk di isi,
Gambar Produk
di isi,
Keterangan
Produk tidak di
isi, Kategori
Produk tidak di
isi,Kemudian
klik simpan.
Nama Produk:
(test)
Stok Produk: (9)
Harga Produk:
(500000)
Gambar Produk:
(gbrproduk.jpg)
Keterangan
Produk: (kosong)
Kategori Produk:
(kosong)
Sistem akan menolak
dan akan
menampilkan pesan:
1. Pilih Item pada
daftar
Sesuai
harapan
Valid
6 Nama Produk di
isi, Stok Produk
di isi, Harga
Produk di isi,
Gambar Produk
di isi,
Keterangan
Produk di isi,
Kategori Produk
tidak di
isi,Kemudian
klik simpan.
Nama Produk:
(test)
Stok Produk: (9)
Harga Produk:
(500000)
Gambar Produk:
(gbrproduk.jpg)
Keterangan
Produk: (test)
Kategori Produk:
(kosong)
Sistem akan menolak
dan akan
menampilkan pesan:
1. Pilih item pada
daftar
Sesuai
harapan
Valid
7 Nama Produk di
isi, Stok Produk
di isi, Harga
Produk di isi,
Gambar Produk
di isi,
Keterangan
Produk di isi,
Kategori Produk
di isi,Kemudian
klik simpan.
Nama Produk:
(test)
Stok Produk: (9)
Harga Produk:
(500000)
Gambar Produk:
(gbrproduk.jpg)
Keterangan
Produk: (test)
Kategori Produk:
(Aksesoris)
Sistem akan
menerima dan akan
menampilkan pesan:
“SIMPAN DATA
BARU SUKSES !”
Sesuai
harapan
Valid
8 Klik Hapus pada
data Produk
Kemudian klik
OK.
Nama Kategori:
(hapus)
Sistem akan
menerima, lalu akan
langsung menghapus
otomatis.
Sesuai
harapan
Valid
84
7. Pengujian Terhadap Form Kondisi
Tabel III.18
Hasil Pengujian Black Box Testing Halaman Kondisi
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Kondisi mata
tidak diisi atau
kosong,
kemudian klik
simpan
kondisi mata :
(kosong)
Sistem akan menolak
akses user dan
menampilkan “Harap
isi bidang ini”
Sesuai
harapan Valid
2. kondisi mata
diisi, kemudian
klik simpan
kondisi mata : (test) Sistem menerima
akses simpan data dan
kemudian langsung
menampilkan
“SIMPAN DATA
BARU SUKSES !”
Sesuai
harapan Valid
3. Klik Hapus pada
data kondisi.
Kemudian klik
OK.
Nama Tipe: (hapus) Sistem akan
menerima, lalu akan
langsung menghapus
otomatis.
Sesuai
harapan
Valid
8. Pengujian Terhadap Form Pendaftaran Pelanggan
Tabel III.19
Hasil Pengujian Black Box Testing Halaman Pendaftaran Pelanggan
No. Skenario Pengujian
Text Case
Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1 Nama Pelanggan,
Jenis Kelamin,
Alamat Pelanggan,
Telepon Pelanggan,
Email Pelanggan,
Username, dan
Password tidak di isi.
Kemudian klik
tombol daftar
Nama Pelanggan:
(kosong) Jenis
Kelamin: (kosong)
Alamat Pelanggan:
(kosong) Telepon
Pelanggan: (kosong)
Email Pelanggan:
(kosong) Username:
(kosong) Password:
(kosong)
Sistem akan
menolak dan akan
menampilkan pesan
“Harap isi bidang
ini”
Sesuai
harapan
Valid
85
2 Nama Pelanggan di
isi, Jenis Kelamin
tidak di isi, Alamat
Pelanggan tidak di
isi, Telepon
Pelanggan tidak di
isi, Email Pelanggan
tidak di isi,
Username tidak di
isi, dan Password
tidak di isi.
Kemudian klik
tombol daftar
Nama Pelanggan:
(indah) Jenis
Kelamin: kosong)
Alamat Pelanggan:
(kosong) Telepon
Pelanggan: (kosong)
Email Pelanggan:
(kosong) Username:
(kosong) Password:
(kosong)
Sistem akan
menolak dan akan
menampilkan
pesan:
1. pilih item pada
daftar
2. Harap isi bidang
ini
3. Harap isi bidang
ini
4. Harap isi bidang
ini
5. Harap isi bidang
ini
6. Harap isi bidang
ini
Sesuai
harapan
Valid
3 Nama Pelanggan di
isi, Jenis Kelamin di
isi, Alamat
Pelanggan tidak di
isi, Telepon
Pelanggan tidak di
isi, Email Pelanggan
tidak di isi,
Username tidak di
isi, dan Password
tidak di isi.
Kemudian klik
tombol daftar
Nama Pelanggan:
(indah) Jenis
Kelamin:
(perempuan) Alamat
Pelanggan: (kosong)
Telepon Pelanggan:
(kosong)
Email Pelanggan:
(kosong) Username:
(kosong) Password:
(kosong)
Sistem akan
menolak dan akan
menampilkan
pesan:
1. Harap isi bidang
ini
2. Harap isi bidang
ini
3. Harap isi bidang
ini
4. Harap isi bidang
ini
5. Harap isi bidang
ini
Sesuai
harapan
Valid
4 Nama Pelanggan di
isi, Jenis Kelamin di
isi, Alamat
Pelanggan di isi,
Telepon Pelanggan
tidak di isi, Email
Pelanggan tidak di
isi, Username tidak
di isi, dan Password
tidak di isi.
Kemudian klik
tombol daftar
Nama Pelanggan:
(indah) Jenis
Kelamin:
(perempuan) Alamat
Pelanggan: (test)
Telepon Pelanggan:
(kosong)
Email Pelanggan:
(kosong) Username:
(kosong) Password:
(kosong)
Sistem akan
menolak dan akan
menampilkan
pesan:
1. Harap isi bidang
ini
2. Harap isi bidang
ini
3. Harap isi bidang
ini
4. Harap isi bidang
ini
Sesuai
harapan
Valid
5 Nama Pelanggan di
isi, Jenis Kelamin di
isi, Alamat
Pelanggan di isi,
Telepon Pelanggan
di isi, Email
Pelanggan tidak di
isi, Username tidak
Nama Pelanggan:
(indah) Jenis
Kelamin:
(perempuan) Alamat
Pelanggan: (test)
Telepon Pelanggan:
(02112345)
Email Pelanggan:
Sistem akan
menolak dan akan
menampilkan
pesan:
1. Harap isi bidang
ini
2. Harap isi bidang
ini
Sesuai
harapan
Valid
86
di isi, dan Password
tidak di isi.
Kemudian klik
tombol daftar
(kosong)
Username: (kosong)
Password: (kosong)
3. Harap isi bidang
ini
6 Nama Pelanggan di
isi, Jenis Kelamin di
isi, Alamat
Pelanggan di isi,
Telepon Pelanggan
di isi, Email di isi,
Username tidak di
isi, dan Password
tidak di isi.
Kemudian klik
tombol daftar
Nama Pelanggan:
(indah) Jenis
Kelamin:
(perempuan)
Alamat Pelanggan:
(test) Telepon
Pelanggan:
(02112345)
Email Pelanggan:
Username: (kosong)
Password: (kosong)
Sistem akan
menolak dan akan
menampilkan
pesan:
1. Harap isi bidang
ini
2. Harap isi bidang
ini
Sesuai
harapan
Valid
7 Nama Pelanggan di
isi, Jenis Kelamin di
isi, Alamat
Pelanggan di isi,
Telepon Pelanggan
di isi, Email di isi,
Username di isi, dan
Password tidak di isi.
Kemudian klik
tombol daftar
Nama Pelanggan:
(indah) Jenis
Kelamin:
(perempuan)
Alamat Pelanggan:
(test) Telepon
Pelanggan:
(02112345)
Email Pelanggan:
Username: (fauziah)
Password: (kosong)
Sistem akan
menolak dan akan
menampilkan
pesan:
1. Harap isi bidang
ini
Sesuai
harapan
Valid
8 Nama Pelanggan di
isi, Jenis Kelamin di
isi, Alamat
Pelanggan di isi,
Telepon Pelanggan
di isi, Email di isi
ddengan nama,
Username di isi, dan
Password di isi.
Kemudian klik
tombol daftar
Nama Pelanggan:
(indah) Jenis
Kelamin:
(perempuan)
Alamat Pelanggan:
(test) Telepon
Pelanggan:
(02112345)
Email Pelanggan:
(test)
Username: (fauziah)
Password: (123)
Sistem akan
menolak akses user
dan langsung
menampilkan
“Sertakan ‘@’
pada alamat email
‘test’ tidak
memiliki ‘@’
Sesuai
harapan
Valid
9 Nama Pelanggan di
isi, Jenis Kelamin di
isi, Alamat
Pelanggan di isi,
Telepon Pelanggan
di isi, Email di isi,
Username di isi, dan
Password di isi.
Kemudian klik
tombol daftar
Nama Pelanggan:
(indah) Jenis
Kelamin:
(perempuan)
Alamat Pelanggan:
(test) Telepon
Pelanggan:
(02112345)
Email Pelanggan:
Username: (fauziah)
Password: (123)
Sistem menerima
akses simpan data
dan kemudian
langsung
menampilkan
“PENDAFTARAN
PELANGGAN
SUKSES !”
Sesuai
harapan
Valid
87
10 Nama Pelanggan di
isi, Jenis Kelamin di
isi, Alamat
Pelanggan di isi,
Telepon Pelanggan
di isi, Email di isi,
Username dan
Password di isi sama
dengan sebelumnya
Kemudian klik
tombol daftar
Nama Pelanggan:
(indah) Jenis
Kelamin:
(perempuan)
Alamat Pelanggan:
(test) Telepon
Pelanggan:
(02112345)
Email Pelanggan:
Username: (fauziah)
Password: (123)
Sistem akan
menolak akses user
dan langsung
menampilkan
“MAAF USER
NAME TELAH
DIGUNAKAN”
Sesuai
harapan
Valid
9. Pengujian Terhadap Form Login Pelanggan
Tabel III.20
Hasil Pengujian Black Box Testing Halaman Login Pelanggan
No. Skenario
Pengujian Text Case
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1 Username dan
Password tidak di
isi, kemudian klik
tombol login
Username : (kosong)
Password : (kosong)
Sistem akan menolak
dan akan
menampilkan pesan
“Harap isi bidang ini”
Sesuai
harapan
Valid
2 Username di isi
benar dan
Password tidak di
isi, kemudian klik
tombol login
Username : fauziah
(benar)
Password : (kosong)
Sistem akan menolak
dan akan
menampilkan pesan
“Harap isi bidang ini”
Sesuai
harapan
Valid
3 Username tidak di
isi dan Password
di isi benar,
kemudian klik
tombol login
Username : (kosong)
Password : fauziah
(benar)
Sistem akan menolak
dan akan
menampilkan pesan
“Harap isi bidang ini”
Sesuai
harapan
Valid
4 Username di isi
salah dan
Password di isi
benar, kemudian
klik tombol login
Username : test
(salah)
Password : fauziah
(benar)
Sistem akan menolak
akses dan akan
menampilkan pesan:
“MAAF ANDA
TELAH GAGAL
LOGIN!”
Sesuai
harapan
Valid
5 Username di isi
benar dan
Password di isi
Username : fauziah
(benar)
Password : fauziah
stem akan menolak
akses dan akan
menampilkan pesan:
Sesuai
harapan
Valid
88
salah, kemudian
klik tombol login
(salah) “MAAF ANDA
TELAH GAGAL
LOGIN!”
6 Username di isi
salah dan
Password di isi
salah, kemudian
klik tombol login
Username : test
(salah)
Password : test
(salah)
stem akan menolak
akses dan akan
menampilkan pesan:
“MAAF ANDA
TELAH GAGAL
LOGIN!”
Sesuai
harapan
Valid
7 Username di isi
benar dan
Password di isi
benar, kemudian
klik tombol login
Username : fauziah
(benar)
Password : fauziah
(benar)
Sistem akan menerima
akses login dan akan
menampilkan pesan:
“SELAMAT ANDA
TELAH BERHASIL
LOGIN!”
Sesuai
harapan
Valid
10. Pengujian Terhadap Form Konfirmasi Belanja
Tabel III.21
Hasil Pengujian Black Box Testing Halaman Konfirmasi Belanja
No. Skenario Pengujian
Text Case Hasil Yang Diharapkan Hasil
Pengujian
Kesimpulan
1 Nama Penerima,
Kota Tujuan, Kode
Pos, Nomor Telepon
tidak di isi, dan bank
tujuan transfer
kemudian klik
tombol lanjutkan
transaksi
Nama Penerima :
(kosong) Kota Tujuan :
(kosong) kode Pos :
(kosong) Kota Nomor
Telepon : (kosong)
Bank Tujuan Transfer :
(kosong)
Sistem akan menolak dan
akan menampilkan pesan:
“Harap isi bidang ini”
Sesuai
Harapan
Valid
2 Jika salah satu data
tidak di isi contoh:
Kota Tujuan tidak di
isi, kemudian klik
tombol lanjutkan
transaksi
Kota Tujuan : (kosong) Sistem akan menolak dan
akan menampilkan pesan:
“pilih item pada daftar”
Sesuai
Harapan
Valid
3 Nama Penerima,
Kota Tujuan, Kode
Pos, Nomor Telepon
di isi, Bank Tujuan
Transfer di isi.
Kemudian klik
tombol lanjutkan
transaksi
Nama penerima :
Fauziah Kota Tujuan :
Jakarta Kode Pos :
121310 Nomor
Telepon : 0211234
Bank Tujuan Transfer :
BCA
Sistem akan menerima
dan menyimpan data, dan
akan menampilkan pesan:
”TRANSAKSI SELESAI,
SILAHKAN LAKUKAN
PEMBAYARAN!”
Sesuai
Harapan
Valid
89
11. Pengujian Terhadap Form Konfirmasi Pembayaran
Tabel III.22
Hasil Pengujian Black Box Testing Halaman Konfirmasi Pembayaran
No. Skenario Pengujian
Text Case Hasil Yang Diharapkan Hasil
Pengujian
Kesimpulan
1 Atas Nama (Rekening),
Jumlah Transfer (Rp),
Keterangan tidak di
isi, kemudian klik
tombol konfirmasi
Atas Nama
(Rekening):
(kosong)
Transfer (Rp):
(kosong)
Keterangan:
(kosong)
Sistem akan menolak
dan akan menampilkan
pesan: “pilih item pada
daftar”
Sesuai
harapan
Valid
2 Jika salah satu data
tidak di isi contoh:
Jumlah Transfer (Rp)
tidak di isi, kemudian
klik tombol konfimasi
Jumlah Transfer
(Rp): (kosong)
Sistem akan menolak
dan akan menampilkan
pesan: “pilih item pada
daftar”
Sesuai
harapan
Valid
3 Atas Nama (Rekening),
Jumlah Transfer (Rp),
Keterangan di isi,
kemudian klik tombol
konfirmasi
Atas Nama
(Rekening): (test)
Transfer
(Rp):(458000)
Keterangan: (test)
Sistem akan menerima
dan menyimpan data,
dan akan menampilkan
pesan: “KONFIRMASI
PEMBAYARAN
SUKSES!”