bab iii pembahasan · pedal kopi memiliki strategi yang baik, sehingga dapat mengatasi semua...
TRANSCRIPT
16
BAB III
PEMBAHASAN
3.1 Tinjauan Perusahaan
3.1.1 Sejarah Perusahaan
Pedal Kopi berdiri sejak 7 Juli 2017 dan nama Pedal Kopi merupakan
perpaduan hobui sang pendiri bisnis kedai tersebut, yaitu Sidiq dan Melly. Dinamakan
Pedal Kopi karena mereka menyukai olahraga bersepeda serta penikmat kopi level
tinggi. Melalui kesamaan dua hobi tersebut, tercetuslah keinginan untuk membuat
sesuatu wadah yang dapat menjadi muara bagi para pesepeda sekaligus juga mereka
yang menginginkan rasa kopi yang orisinil.
Pedal Kopi juga mempunyai Visi Misi mereka sendiri, yaitu :
Visi :
Menjadikan Pedal Kopi sebagai kedao kopi yang terkenal, mendunia, dihargai dan
dinilai yang paling positif oleh seluruh lapisan masyarakat. Pedal Kopi juga
memfokuskan kepuasa karyawan, sehingga semua karyawan harus bahagia.
Misi :
Pedal Kopi menjadi penyedia kopi terbaik dan konsisten yang dicapai dari beberapa
faktor, yaitu :
1. Kualitas Rasa
2. Servis yang bagus
Dengan adanya penambahan Pedal Kopi lainnya, hal ini dapat meningkatkan
penjualan dan meningkatkan reputasi diantara para pecinta kopi maupun kompetitor.
17
Pedal Kopi memiliki strategi yang baik, sehingga dapat mengatasi semua pesaing-
pesaingnya dan menjadikan kedai kopi yang terbaik pada saat ini.
3.1.2 Struktur Organisasi dan Fungsi
Sumber : Pedal Kopi
Gambar III.1.
Struktur Organisasi Pedal Kopi
Fungsi-Fungsi dari tiap-tiap departemen atau bagian-bagian tersebut yaitu sebagai
berikut :
1. Pemilik : Mengarahkan dan mengkoordinir semua kegiatan yang sudah terjadi
dan yang akan dilakukan di dalam kedai.
2. Keuangan : Mengawasi seluruh operasional keuangan yang ada di kedai dan
bertanggung jawab atas semua catatan keuangan.
3. Barista : Mengurus semua kegiatan yang ada di dalam kedai, baik dalam
membuat minuman kopi atau makanan yang tersedia di dalam menu. Serta
mengurus persediaan serta perlengkapan yang di butuhkan kedai.
18
3.2 Analisa Kebutuhan
Sistem informasi pemesanan biji kopi online berbasis website ini dapat
digunakan oleh masyarakat dalam mencari informasi tentang biji-biji kopi di indonesia,
dan dapat memesan biji kopi secara langsung secara langsung tanpa harus datang
ketempatnya dengan konfirmasi yang cepat.
Dalam analisa kebutuhan ini dapat dibagi menjadi tiga pengguna, yaitu sebagai
admin, customer, pengunjung. Kebutuhan admin untuk penggunaan sistem pemesanan
biji kopi ini adalah sebagai berikut :
A. Kebutuhan Admin
1. Admin dapat menambahkan, mengedit, menghapus data produk, data
kategori, data kurir yang tersedia tetapi diharuskan untuk admin login
dengan akunnya.
2. Admin dapat melihat customer yang telah mendaftar seperti nama, nomor
telepon dan alamat, serta dapat menghapus customer yang tidak sesuai.
3. Admin dapat melihat pemesanan biji kopi yang dilakukan oleh customer
seperti nama produk yang dibeli dan nama customer yang membeli.
4. Admin dapat melihat pembayaran yang telah dilakukan oleh customer dan
dapat menginput status pembayaran.
5. Admin dapat mencetak laporan berdasarkan periode tanggal yang di input
oleh admin.
19
B. Kebutuhan Customer
1. Customer dapat melihat isi dan tampilan keseluruhan dari website.
2. Customer dapat melihat menu yang ada, produk dan detail produk yang
tersedia.
3. Customer melakukan pendaftaran untuk melakukan pemesanan produk
karena diharuskan untuk mempunyai akun jika ingin memesan pada produk
yang diinginkan.
4. Customer dapat melakukan pembayaran dan mengkonfirmasi pembayaran
jika telah memesan produk dan dapat mencetak nota pada saat pemesanan.
C. Kebutuhan Pengunjung
1. Pengunjung dapat melihat isi dan tampilan keseluruhan dari website.
2. Pengunjung dapat melihat menu yang ada, produk dan detail produk yang
tersedia.
3.3 Rancangan Dokumen
Rancangan dokumen terdiri dari dokumen masukan ( input ) dan dokumen
keluaran ( output ) yang diatur dan dipakai pada sistem pemesanan biji kopi ini.
A. Rancangan Dokumen Masukan ( Input )
Bentuk dari dokumen masukan adalah semua dokumen yang dimasukkan dan
diperlukan dalam sistem, berikut adalah dokumen masukan yang tersedia :
20
1. Nama Dokumen : Form pendaftaran customer.
Fungsi : Untuk dapat melakukan login jika ingin
melakukan pemesanan produk.
Sumber : Sistem.
Tujuan : Customer.
Media : Web.
Jumlah : 1 halaman.
Frekuensi : Setiap customer yang belum memiliki akun.
Bentuk : Lampiran A.1.
2. Nama Dokumen : Form pesan produk.
Fungsi : Untuk memasukan jumlah pembelian produk
Sumber : Customer.
Tujuan : Admin.
Media : Web.
Jumlah : 1 halaman.
Frekuensi : Setiap customer yang ingin memesan produk
diharuskan memasukan jumlah pembelian.
Bentuk : Lampiran A.2.
21
3. Nama Dokumen : Form pemesanan produk.
Fungsi : Untuk memasukan detail dari pemesanan.
Sumber : Customer.
Tujuan : Admin.
Media : Web.
Jumlah : 1 halaman.
Frekuensi : Memilih jenis kurir yang diinginkan
Bentuk : Lampiran A.3.
4. Nama Dokumen : Form konfirmasi pembayaran.
Fungsi : Mengirimkan detail pembayaran dan bukti
pembayaran produk yang dipesan.
Sumber : Customer.
Tujuan : Admin.
Media : Web.
Jumlah : 1 halaman.
Frekuensi : Semua customer yang telah siap melakukan
pembayaran produk.
Bentuk : Lampiran A.4.
B. Rancangan Dokumen Keluaran ( Output )
Bentuk dari dokumen keluaran adalah dokumen yang dikeluarkan oleh sistem
dan bertujuan sebagai laporan, berikut adalah dokumen keluaran yang dihasilkan :
22
1. Nama Dokumen : Nota pemesanan.
Fungsi : Sebagai bukti pemesanan produk
Sumber : Sistem.
Tujuan : Customer.
Media : Web.
Jumlah : 1 halaman.
Frekuensi : Customer yang sudah melakukan pemesanan.
Bentuk : Lampiran B.1.
2. Nama Dokumen : Laporan pemesanan.
Fungsi : Melihat data pembelian yang telah dilakukan.
Sumber : Admin.
Tujuan : Admin.
Media : Web.
Jumlah : 1 halaman.
Frekuensi : Setiap pembelian yang telah dilakukan.
Bentuk : Lampiran B.2.
3.4 ERD ( Entity Relationship Diagram )
Perancangan sistem basis data menghasilkan tabel-tabel yang berhubungan
yang digambarkan berdasarkan model Entity Relationship Diagram ( ERD ) dan
Logical Relational Structure ( LRS ). Berikut adalah contoh pembuatan sistem basis
data dari sistem pemesanan biji kopi pada Pedal Kopi.
23
A. ERD ( Entity Relationship Diagram )
Gambar III. 2.
Entity Relationship Diagram ( ERD )
24
B. LRS ( Logical Relational Structure )
Gambar III. 3.
Logical Relational Structure ( LRS )
3.5 Spesifikasi File
Spesifikasi file adalah kumpulan tabel-tabel yang telah terbentuk dan
digunakan sebagai tempat penyimpanan data yang disimpan kedalam database.
Adapun nama database pada sistem penjualan biji kopi ini adalah pedalkopi.sql
dengan tabel-tabel atau file-file yang digunakan sebagai berikut :
1. Spesifikasi file admin
Nama file : Tabel admins
Akronim : Admins
Fungsi : Menyimpan data lengkap admin
Tipe file : File Master
25
Organisasi file : Index Sequential
Akses file : Random
Media : Harddisk
Panjang record : 414 Byte
Kunci field : idAdmin
Software : Xampp
Tabel III. 1
Spesifikasi File Admins
No Elemen Data Akronim Tipe Panjang Keterangan
1 idAdmin idadmin varchar 8 Primary Key
2 namaAdmin namaAdmin varchar 50
3 emailAdmin emailAdmin varchar 50
4 password password varchar 256
5 imgAdmin imgAdmin varchar 50
6 date date date
2. Spesifikasi file users
Nama file : Tabel users
Akronim : Users
Fungsi : Menyimpan data lengkap user
Tipe file : File Master
Organisasi file : Index Sequential
Akses file : Random
Media : Harddisk
Panjang record : 5 Byte
Kunci field : idUser
Software : Xampp
26
Tabel III. 2
Spesifikasi File Users
3. Spesifikasi file kurir
Nama file : Tabel kurir
Akronim : Kurir
Fungsi : Menyimpan data lengkap kurir
Tipe file : File Master
Organisasi file : Index Sequential
Akses file : Random
Media : Harddisk
Panjang record : 58 Byte
Kunci field : idKurir
Software : Xampp
Tabel III. 3
Spesifikasi File Kurir
No Elemen Data Akronim Tipe Panjang Keterangan
1 idKurir idKurir varchar 8 Primary Key
2 namaKurir namaKurir varchar 50
3 tarifKurir tarifKurir double
No Elemen Data Akronim Tipe Panjang Keterangan
1 idUser idUser varchar 8 Primary Key
2 namaUser namaUser varchar 50
3 emailUser emailUser varchar 50
4 password password varchar 256
5 alamatUser alamatUser longtext
6 noTelfUser noTelfUser varchar 15
7 imgUser imgUser varchar 128
8 date date date
27
4. Spesifikasi file kategori
Nama file : Tabel kategori
Akronim : Kategori
Fungsi : Menyimpan data kategori produk
Tipe file : File Master
Organisasi file : Index Sequential
Akses file : Random
Media : Harddisk
Panjang record : 58 Byte
Kunci field : idKategori
Software : Xampp
Tabel III. 4
Spesifikasi File Kategori
No Elemen Data Akronim Tipe Panjang Keterangan
1 idKategori idKategori Varchar 8 Primary Key
2 namaKat namaKat Varchar 50
5. Spesifikasi file produk
Nama file : Tabel produk
Akronim : Produk
Fungsi : Menyimpan data lengkap produk
Tipe file : File Master
Organisasi file : Index Sequential
Akses file : Random
Media : Harddisk
Panjang record : 333 Byte
28
Kunci field : idProduk
Software : Xampp
Tabel III. 5
Spesifikasi File Produk
No Elemen Data Akronim Tipe Panjang Keterangan
1 idProduk idProduk Varchar 8 Primary Key
2 idKategori idKategori Varchar 8 Foreign Key
3 namaProduk namaProduk Varchar 50
4 stok stok Integer 11
5 harga harga Double
6 deskripsiProduk deskripsiProduk Longtext
7 fotoProduk fotoProduk varchar 256
6. Spesifikasi file pembelian produk
Nama file : Tabel pembelian produk
Akronim : Pembelian produk
Fungsi : Menyimpan data lengkap pembelian produk
Tipe file : File Transaksi
Organisasi file : Index Sequential
Akses file : Random
Media : Harddisk
Panjang record : 85 Byte
Kunci field : idPembelianProduk
Software : Xampp
Tabel III. 6
Spesifikasi File Pembelian Produk
No Elemen Data Akronim Tipe Panjang Keterangan
1 idPembelianProduk idPembelianProduk Int 8 Primary
Key
29
2 idPembelian idPembelian Varchar 8 Foreign Key
3 idProduk idProduk Varchar 8 Foreign Key
4 namaProduk namaProduk Varchar 50
5 Jumbel jumbel Integer 11
6 Harga Harga Double
7 subHarga subHarga Double
7. Spesifikasi file pembelian
Nama file : Tabel pembelian
Akronim : Pembelian
Fungsi : Menyimpan data pembelian produk.
Tipe file : File Transaksi
Organisasi file : Index Sequential
Akses file : Random
Media : Harddisk
Panjang record : 76 Byte
Kunci field : idPembelian
Software : Xampp
Tabel III. 7
Spesifikasi File Pembelian
No Elemen Data Akronim Tipe Panjang Keterangan
1 idPembelian idPembelian Varchar 8 Primary Key
2 idUser idUser Varchar 8 Foreign Key
3 idKurir idKurir Varchar 8 Foreign Key
4 tglPembelian tglPembelian Date
5 totalPembelian totalPembelian Double
6 namaKurir namaKurir varchar 20
7 tarifKurir tarifKurir Double
8 alamatPengiriman alamatPengiriman Longtext
9 statusPembelian statusPembelian varchar 20
10 resiPembelian resiPembelian varchar 30
30
8. Spesifikasi file pembayaran
Nama file : Tabel pembayaran
Akronim : Pembayaran
Fungsi : Menyimpan data lengkap dari pembayaran
produk yang dilakukan oleh user.
Tipe file : File Transaksi
Organisasi file : Index Sequential
Akses file : Random
Media : Harddisk
Panjang record : 331 Byte
Kunci field : idPembayaran
Software : Xampp
Tabel III. 8
Spesifikasi File Pembayaran
No Elemen Data Akronim Tipe Panjang Keterangan
1 idPembayaran idPembayaran varchar 8 Primary Key
2 idPembelian idPembelian varchar 8 Foreign Key
3 namaPembayar namaPembayar varchar 50
4 bankPembayar bankPembayar varchar 10
5 jumlahPembayar
an
jumlahPembayaran double
6 tanggalPembayar
an
tanggalPembayaran Date
7 buktiPembayaran buktiPembayaran varchar 255
31
3.6 Pengkodean
Pengkodean merupakan kode yang dibentuk agar primary key yang ada pada
tiap-tiap tabel menjadi unik dan berbeda. Berikut adalah kode yang digunakan :
1. idAdmin
Admin harus memiliki id masing-masing agar memudahkan admin mengakses
tiap akunnya.
:
Identitas Jabatan No. Urut Inisial Admin No. Urut
Ket :
Kode ADM = kode unik admin.
01 = No. Urut admin ke satu
2. idUser
Setiap user diharuskan memiliki id masing-masing sehingga setiap akses user
terbatas dari masing-masing user yang telah mendaftar.
:
Inisial Jabatan No. Urut Kode User No. Urut
Ket :
Kode USR = kode unik user.
01= No. Urut user ke satu.
A
D
M
0
9
9
X
X
X
0
0
U
S
R
X
X
X
9
9
9
0 1
0
0
0
32
3. idKategori
Setiap kategori memiliki kode yang berbeda karena banyaknya jenis travel
yang tersedia
:
Inisial Kode No. Urut Kode Kategori No. Urut
Ket :
Kode KT = kode unik kategori.
01 = No. urut kategori ke satu.
4. idKurir
Setiap kurir memiliki id yang bebeda-beda karena sehingga user dapat memilih
kurir yang diinginkan pada saat pembelian produk.
Inisial Kode No. Urut Kode Tanggal No. Urut
Ket :
Kode KUR = kode unik kurir.
01 No. urut kurir ke satu.
X
9
9
X
X
X
9
9
X
X
0
0
K
A
T
0
1
0
K
U
R
0
1
33
5. idProduk
Setiap produk dipastikan berbeda karena banyaknya produk yang tersedia
maka dibuatkan kode untuk tiap-tiap produk.
:
Inisial Kode No. Urut Kode Produk No. Urut
Ket :
Kode PRO = kode unik produk.
01 = No. urut untuk produk ke satu.
6. idPembelian
Produk yang dibeli dipastikan memiliki kode yang berbeda-beda maka
dibuatlah kode pembelian agar memudahkan pencarian pada pembelian.
:
Inisial Kode No. Urut Kode Pembelian No.urut
Ket :
Kode PEM = kode unik pembelian.
01 = No. urut pembelian ke satu.
X
9
9
X
X
9
9
X
X
X
0
P
R
O
0
1
0
P
E
M
0
0
1
34
7. idPembelianProduk
Setiap pembelian memiliki detail pembelian yang mempunyai data lengkap
pembelian produk dari tiap pembelian yang terjadi, untuk memudahkan
pencarian dan pendataan dibuatkanlah kode untuk detail pembelian.
:
No. Urut No. Urut
Ket :
001 = No. urut pembelian produk ke satu.
8. idPembayaran
Setiap produk yang sudah dibeli memiliki kode agar tidak terjadi kesalahan
pembayaran pada tiap-tiap produk.
:
Inisial Kode No. Urut Kode Pembayaran No. Urut
Ket :
Kode BYR = kode unik pembayaran..
01 = No. urut pembayaran ke satu.
0
0
1
9
9
9
9
9
X
X
X
0
0
B
Y
R
0
0
1
35
3.7 Spesifikasi Program
A. Struktur Navigasi Halaman Admin
Pada halaman admin menggunakan struktur navigasi campuran karena pada
rangkaian menu di admin dapat diakses dengan tidak berurutan atau acak.
Gambar III.4.
Struktur Navigasi Admin
36
B. Struktur Navigasi Halaman User
Pada halaman user bagi yang sudah mempunyai akun, struktur navigasi yang
digunakan adalah struktur navigasi campuran karena pada rangkaian menu di user
dapat diakses dengan tidak berurutan atau acak.
Gambar III.5.
Struktur Navigasi User
37
C. Struktur Navigasi Halaman Pengunjung
Pada halaman pengunjung yang belum mempunyai akun, struktur navigasi
yang digunakan adalah struktur navigasi campuran karena pada rangkaian menu di
pengunjung dapat diakses dengan tidak berurutan atau acak.
Gambar III. 6.
Struktur Navigasi Pengunjung
3.8 Spesifikasi Sistem Komputer
Spesifikasi sistem komputer ini akan membahas tentang spesifikasi perangkat
keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan
website pemesanan kopi ini.
38
A. Spesifikasi perangkat spesifikasi minimal
Spesifikasi perangkat minimal pada pc atau laptop yang penulis gunakan
untuk menjalankan program website ini adalah seperti berikut :
a. Keyboard
b. Mouse
B. Spesifikasi perangkat yang digunakan untuk membuat web usulan
Spesifikasi perangkat lunak yang penulis gunakan untuk menjalankan
program website ini adalah sebagai berikut :
a. Sistem Operasi :
b. Web Server : XAMPP Win-64 7.2.9 , terdiri dari Apache server,
MYSQL, PHP, Pearl.
c. Text editor : Sublime Text 3.
d. Web Browser : Google Chrome.
3.9 Implementasi
Dalam tahap ini penulis melakukan implementasi berdasarkan rancangan
desain yang dibuat dan bertujuan untuk mengetahui apakah sistem yang dihasilkan
dapat sesuai dengan rancangan yang telah dibuat.
A. Admin
1. Halaman Login ( Admin )
Dihalaman ini admin diharuskan login terlebih dahulu sebelum masuk ke halaman
dashboard admin.
39
Gambar III. 7.
Halaman login ( Admin )
2. Halaman Dashboard ( Admin )
Dihalaman dashboard admin ini admin dapat melihat menu yang berada di
sidebar, menu yang berada di topbar dengan nama admin yang telah login, dan melihat
tulisan nama admin yang telah login.
Gambar III. 8.
Halaman Dashboard ( Admin )
40
3. Halaman Daftar Produk ( Admin )
Dihalaman daftar produk ini admin dapat melihat detail produk yang tersedia
dan dapat menambahkan, mengubah, dan menghapus produk tersebut.
Gambar III. 9.
Halaman Daftar Produk ( Admin )
4. Halaman Tambah Produk ( Admin )
Dihalaman ini admin dapat menambahkan paket yang akan dijual.
Gambar III. 10.
Halaman Tambah Paket ( Admin )
41
5. Halaman Kategori ( Admin )
Dihalaman ini admin dapat melihat kategor yang tersedia dan dapat
menambahkan, mengubah dan menghapus kategori tersebut.
Gambar III. 11.
Halaman Kategori ( Admin )
6. Halaman Tambah Kategori ( Admin )
Dihalaman ini admin dapat menambahkan kategori berdasarkan jenis-jenis
produk yang akan dijual.
Gambar III. 12.
Halaman Tambah Kategori ( Admin )
42
7. Halaman Ubah Kategori ( Admin )
Dihalaman ini admin dapat mengubah nama kategori jika ada kesalahan penulisan.
Gambar III. 13.
Halaman Kategori Produk ( Admin )
8. Halaman Kurir ( Admin )
Dihalaman ini admin melihat kurir-kurir yang tersedia dan dapat menambahkan,
mengubah dan menghapus kurir tersebut.
Gambar III. 14.
Halaman Kurir ( Admin )
43
9. Halaman Tambah Kurir ( Admin )
Dihalaman ini admin dapat menambahkan kurir dan tarifnya.
Gambar III. 15.
Halaman Tambah Kurir ( Admin )
10. Halaman Ubah Kurir ( Admin )
Dihalaman ini admin bisa mengubah detail kurir yang sudah diinputkan dan
menggantinya sesuai dengan yang diinputkan kembali oleh admin.
Gambar III. 16.
Halaman Ubah Kurir ( Admin )
44
11. Halaman Customer ( Admin )
Dihalaman ini admin dapat melihat customer yang sudah mendaftar dan
melakukan pembelian.
Gambar III. 17.
Halaman Customer ( Admin )
12. Halaman Detail Customer ( Admin )
Dihalaman ini admin dapat melihat detail customer yang telah mendaftar pada
sistem tersebut.
Gambar III. 18.
Halaman Detail Customer ( Admin )
45
13. Halaman Laporan Pembelian ( Admin )
Dihalaman ini admin dapat melihat detail pembelian yang telah dilakukan oleh
customer dan juga bisa melihat detail masing-masing pembelian tersebut.
Gambar III. 19.
Halaman Laporan Pembelian ( Admin )
14. Halaman Detail Pembelian ( Admin )
Dihalaman ini admin dapat melihat detail pembelian yang telah dilakukan oleh
customer .
Gambar III. 20.
Halaman Detail Pembelian ( Admin )
46
15. Halaman Laporan Pembayaran ( Admin )
Dihalaman laporan ini admin dapat melihat pembayaran yang telah dilakukan
oleh customer lalu mengubah status pembeliannya.
Gambar III. 21.
Halaman Laporan Pembayaran ( Admin )
16. Halaman Cetak Laporan Pembelian ( Admin )
Dihalaman ini admin dapat mencetak pembelian sesuai dengan periode yang
diinputkan untuk dijadikan laporan pembelian.
Gambar III. 22.
Halaman Cetak Laporan Pembelian ( Admin )
47
17. Halaman Admin Profile ( Admin )
Dihalaman ini adalah info data admin berupa nama, email, dan kapan akun
admin dibuat, dihalaman ini juga admin bisa mengubah data diri dan password.
Gambar III. 23.
Halaman Admin Profile ( Admin )
18. Halaman Ubah Profile Admin( Admin )
Dihalaman edit profile ini admin dapat mengubah data admin berupa nama, no.
telepon dan gambar profile admin.
Gambar III. 24.
Halaman Ubah Profile Admin ( Admin )
48
19. Halaman Tambah Admin ( Admin )
Dihalaman ini admin dapat menambahkan admin baru.
Gambar III. 25.
Halaman Tambah Admin ( Admin )
20. Halaman Ubah Password Admin ( Admin )
Dihalaman ini admin dapat mengubah password admin yang lama dengan yang
baru.
Gambar III. 26.
Halaman Ubah Password Admin ( Admin )
49
B. User
1. Halaman Beranda ( User )
Dihalaman ini terdapat menu-menu yang tersedia di navbar yaitu beranda, galeri,
menu, dan tentang kami serta terdapat tombol login untuk user yang sudah
memiliki akun.
Gambar III. 27.
Halaman Beranda ( User )
2. Halaman Galeri ( User )
Dihalaman Galeri user dapat melihat foto-foto yang disediakan oleh perusahaan.
Gambar III. 28.
Halaman Galeri ( User )
50
3. Halaman Menu ( User )
Dihalaman Menu berisikan informasi tentang menu-menu produk yang
disediakan oleh perusahaan sesuai dengan kategorinya.
Gambar III. 29.
Halaman Menu ( User )
4. Halaman Tentang Kami ( User )
Dihalaman ini berisikan informasi tentang perusahaan berupa sejarahnya,
lokasi serta para crewnya.
Gambar III. 30.
Halaman Tentang Kami ( User )
51
5. Halaman Login User ( User )
Dihalaman login user ini user yang sudah memiliki akun maka diharuskan login
untuk melakukan pembelian serta pembayaran.
Gambar III. 31.
Halaman Login User ( User )
6. Halaman Register User ( User )
Dihalaman ini user yang belum memiliki akun dan ingin melakukan pembelian
maka di wajibkan untuk membuat akunnya disini.
Gambar III. 32.
Halaman Register User ( User )
52
7. Halaman Single Product ( User )
Dihalaman dijelaskan detail menu yang telah kita pilih dan berisikan informasi
lengkap dari produk tersebut yang disediakan oleh perusahaan seperti informasi
tentang bijinya, informasi produknya berupa nama produk dan harga produknya.
Gambar III. 33.
Halaman Single Product ( User )
8. Halaman Pembelian ( User )
Dihalaman ini setelah melihat single product yang dipilih lalu user dapat
menginput berapa jumlah pembelian yang diinginkan dan ada penjelasan
tentang nama produk, harga produk, serta sisa stok produk tersebut.
Gambar III. 34.
Halaman Pembelian ( User )
53
9. Halaman Keranjang ( User )
Dihalaman keranjang ini user dapat melihat produk yang telah dibeli serta dapat
menghapusnya atau membeli produk kembali.
Gambar III. 35.
Halaman Keranjang ( User )
10. Halaman Detail Keranjang ( User )
Dihalaman ini setelah user melanjutkan pembelian sebelum melakukan
checkout maka user diharuskan memilih kurir sebagai pengantarnya.
Gambar III. 36.
Halaman Detail Keranjang ( User )
54
11. Halaman Nota Pembelian ( User )
Dihalaman ini user setelah melakukan pembelian maka dapat mencetak nota
pembelian yang sesuai dengan pembeliannya.
Gambar III. 37.
Halaman Nota Pembelian ( User )
12. Halaman Riwayat Pembelian ( User )
Dihalaman ini user dapat melihat pembelian apa saja yang pernah dilakukan
serta dapat melakukan pembayaran pada tiap-tiap pembelian yang pernah
dilakukan.
Gambar III. 38.
Halaman Riwayat Pembelian ( User )
55
13. Halaman Konfirmasi Pembayaran ( User )
Disini user melakukan pembayaran sesuai dengan pembeliannya.
Gambar III. 39.
Halaman Konfirmasi Pembayaran ( User )
14. Halaman Detail Pembayaran ( User )
Dihalaman ini setelah user melakukan pembayaran maka user dapat melihat
detail pembayarannya.
Gambar III. 40.
Halaman Detail Pembayaran ( User )
56
15. Halaman Profile User ( User )
Dihalaman ini user dapat melihat detail biodata user serta dapat mengganti
profilenya dan passwordnya.
Gambar III. 41.
Halaman Profile User ( User )
16. Halaman Edit Profile User ( User )
Dihalaman ini user dapat melakukan perubahan pada biodata user seperti
mengganti nama, no.telf, alamat, serta foto.
Gambar III. 42.
Halaman Edit Profile User ( User )
57
17. Halaman Edit Password User ( User )
Dihalaman ini user dapat mengubah passwordnya dengan password yang baru.
Gambar III. 43.
Halaman Edit Password User ( User )
3.10 Pengujian Unit
Pengujian unit pada sistem website ini dengan menggunakan blackbox testing
yang fokus terhadap proses masukkan dan keluaran program. Pengujian ini diajukan
untuk menemukan kesalahan-kesalahan pada sistem dan memastikan sistem yang
dibangun telah sesuai.
A. Admin
1. Pengujian Form Login ( Admin )
Tabel III. 9
Hasil Pengujian Blackbox Testing
Halaman Form Login ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
58
1 Email dan password
tidak diisi kemudian
klik tombol login
Email:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses dan
menampilka
n “Email
dan
Password
harus diisi”.
Sesuai
harapan valid
2 Email diisi tetapi
password tidak diisi,
lalu klik tombol
login
Email:
admin@g
mail.com
Password:
(kosong)
Sistem akan
menolak
akses dan
menampilak
an “Email
dan
Password
harus diisi”.
Sesuai
harapan valid
3 Email tidak diisi dan
password diisi, lalu
klik tombol login
Email :
(kosong)
Password:
123
Sistem akan
menolak
akses dan
menampilka
n ”Email
dan
Password
harus diisi”.
Sesuai
harapan valid
4 Email diisi dengan
benar dan password
diisi dengan salah,
lalu klik tombol
login
Email :
admin@g
mail.com
Password:
1
Sistem akan
menolak
akses dan
menampilka
n ”Email /
Password
Anda
Salah!”.
Sesuai
harapan valid
5 Email diisi dengan
salah dan password
diisi dengan benar,
lalu klik tombol
login
Email :
Adityanta
gonist98
@gmail.c
om
Password:
123
Sistem akan
menolak
akses dan
menampilka
n ”Email
tidak
terdaftar”.
Sesuai
harapan valid
59
6 Email diisi dengan
benar dan password
diisi dengan benar,
lalu klik tombol
login
Email :
admin@g
mail.com
Password:
1234
Sistem
menerima
akses dan
langsung
menampilka
n “Selamat
datang nama
admin”.
Sesuai
harapan valid
2. Pengujian Form Add Kategori ( Admin )
Tabel III. 10.
Hasil Pengujian Blackbox Testing
Halaman Form Add Kategori ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Nama Kategori
tidak di isi lalu
tombol tambah
diklik
Nama
kategori:
(kosong)
Sistem akan
menolak dan
menampilkan
“Kategori
harus diisi”.
Sesuai
harapan valid
2 Nama Kategori
diisi dengan
nama kategori
yang sudah ada
lalu tombol
tambah di klik
Nama
Kategori :
Robusta
Sistem akan
menolak dan
menampilkan
“Kategori
Sudah
Terdaftar”.
Sesuai
harapan
valid
3 Nama Kategori
diisi dengan
benar lalu
tombol tambah
diklik
Nama
kategori :
Arabica
Sistem akan
menerima dan
menampilkan
“Kategori
berhasil
ditambahkan”
.
Sesuai
harapan valid
60
3. Pengujian Form Edit Kategori ( Admin )
Tabel III. 11.
Hasil Pengujian Blackbox Testing
Halaman Form Edit Kategori ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Nama Kategori
tidak diisi kemudian
tombol ubah
kategori diklik
Nama
kategori :
(kosong)
Sistem akan
menolak dan
menampilkan
“Kategori
Tidak Boleh
Kosong”.
Sesuah
harapan valid
2 Nama Kategori diisi
dengan kategori
yang sudah ada
kemudian tombol
ubah kategori diklik
Nama
kategori :
Arabica
Sistem akan
menolak dan
menampilkan
“Kategori
Sudah
Terdaftar”.
Sesuai
harapan valid
3 Nama Kategori diisi
dengan benar
kemudian tombol
ubah kategori diklik
Nama
kategori :
Robusta
Sistem akan
menerima dan
menampilkan
“Kategori
berhasil
diedit”.
Sesuai
harapan valid
61
4. Pengujian Form Add Produk ( Admin )
Tabel III. 12.
Hasil Pengujian Blackbox Testing
Halaman Form Add Produk ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Tidak mengisi form
add produk
Nama Produk :
(kosong)
Kategori
Produk :
(kosong)
Stok : (kosong)
Harga :
(kosong)
Deskripsi
Produk :
(kosong)
Foto Produk :
(kosong)
Sistem
akan
menolak
dan
menampilk
an “Data
Tidak
Boleh
Kosong”
lalu akan
pindah
halaman ke
produk.
Sesuai
harapan valid
2 Nama produk diisi
dengan benar tetapi
form yang lain
kosong.
Nama Produk :
Palu
Kategori
Produk :
(kosong)
Stok : (kosong)
Harga :
(kosong)
Deskripsi
Produk :
(kosong)
Foto Produk :
(kosong)
Sistem
akan
menolak
dan
menampilk
an “Data
Tidak
Boleh
Kosong”
lalu akan
pindah
halaman ke
produk.
Sesuai
harapan valid
3 Nama produk dan
kategori diisi
dengan benar tetapi
form yang lain
kosong.
Nama Produk :
Palu Beans
Kategori
Produk :
Robusta
Stok : (kosong)
Harga :
(kosong)
Deskripsi
Produk :
(kosong)
Foto Produk :
(kosong)
Sistem
akan
menolak
dan
menampilk
an “Data
Tidak
Boleh
Kosong”
lalu akan
pindah
halaman ke
produk.
Sesuai
harapan valid
62
4 Nama produk ,
kategori, stok diisi
dengan benar tetapi
form yang lain
kosong.
Nama Produk :
Palu
Kategori
Produk :
Robusta
Stok : 10
Harga :
(kosong)
Deskripsi
Produk :
(kosong)
Foto Produk :
(kosong)
Sistem akan menolak
dan menampilkan
“Data Tidak Boleh
Kosong” lalu akan
pindah halaman ke
produk. Sesuai
harapan valid
5 Nama produk ,
kategori, stok, harga
diisi dengan benar
tetapi form yang lain
kosong.
Nama Produk :
Palu
Kategori
Produk :
Robusta
Stok : 10
Harga : 30.000
Deskripsi
Produk :
(kosong)
Foto Produk :
(kosong)
Sistem akan menolak
dan menampilkan
“Data Tidak Boleh
Kosong” lalu akan
pindah halaman ke
produk. Sesuai
harapan valid
6 Nama produk ,
kategori, stok,
harga, deskripsi
produk diisi dengan
benar tetapi form
yang lain kosong.
Nama Produk :
Palu
Kategori
Produk :
Robusta
Stok : 10
Harga : 30.000
Deskripsi
Produk : Bau
Yang Khas
Foto Produk :
(kosong)
Sistem akan menolak
dan menampilkan
“Data Tidak Boleh
Kosong” lalu akan
pindah halaman ke
produk. Sesuai
harapan valid
7 Semua form diisi
dengan benar dan
sesuai.
Nama Produk :
Palu
Kategori
Produk :
Robusta
Stok : 10
Harga : 30.000
Deskripsi
Produk : Bau
Yang Khas
Foto Produk :
Palubeans.jpg
Sistem akan
menerima dan
menampilkan “Data
Berhasil Di
Tambahkan” lalu
akan pindah halaman
ke produk.
Sesuai
harapan valid
63
8 Nama produk diisi
dengan produk yang
sudah ada dan
semua form diisi
dengan benar.
Nama Produk :
Flores
Kategori
Produk :
Robusta
Stok : 10
Harga : 30.000
Deskripsi
Produk :
Bentuknya
Unik Produk :
Palubeans.jpg
Sistem akan menolak
dan menampilkan
“Produk Telah
Terdaftar”, “Data
Tidak Boleh
Kosong” lalu akan
pindah halaman ke
produk.
Sesuai
harapan valid
9 Nama produk,
kategori, stok,
harga, deskripsi
produkdiisi dengan
benar tetapi form
Foto Produk diisi
dengan salah.
Nama Produk :
Flores
Kategori
Produk :
Robusta
Stok : 10
Harga : 30.000
Deskripsi
Produk :
Bentuknya
Unik Produk :
word.docx
Sistem akan menolak
dan menampilkan
“Yang Anda Upload
Bukan Gambar”,
“Data Tidak Boleh
Kosong” lalu akan
pindah halaman ke
produk.
Sesuai
harapan valid
10 Nama produk,
kategori, stok,
harga, deskripsi
produkdiisi dengan
benar tetapi form
Foto Produk diisi
dengan ukuran
gambar yang terlalu
besar.
Nama Produk :
Flores
Kategori
Produk :
Robusta
Stok : 10
Harga : 30.000
Deskripsi
Produk :
Bentuknya
Unik Produk :
paluB.jpg
Sistem akan menolak
dan menampilkan
“Ukuran Gambar
Terlalu Besar”,
“Data Tidak Boleh
Kosong” lalu akan
pindah halaman ke
produk.
Sesuai
harapan valid
64
5. Pengujian Form Edit Produk ( Admin )
Tabel III. 13.
Hasil Pengujian Blackbox Testing
Halaman Form Edit Produk ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Tidak mengisi Form
Edit produk
Nama Produk :
(kosong)
Kategori
Produk :
(kosong)
Stok : (kosong)
Harga :
(kosong)
Deskripsi
Produk :
(kosong)
Foto Produk :
(kosong)
Sistem akan
menolak
dan
menampilka
n “Data
Tidak Boleh
Kosong”. Sesuai
harapan valid
2 Nama produk diisi
dengan benar tetapi
form yang lain
kosong.
Nama Produk :
Palu
Kategori
Produk :
(kosong)
Stok : (kosong)
Harga :
(kosong)
Deskripsi
Produk :
(kosong)
Foto Produk :
(kosong)
Sistem akan
menolak
dan
menampilka
n “Data
Tidak Boleh
Kosong”. Sesuai
harapan valid
3 Nama produk dan
kategori diisi
dengan benar tetapi
form yang lain
kosong.
Nama Produk :
Palu Beans
Kategori
Produk :
Robusta
Stok : (kosong)
Harga :
(kosong)
Deskripsi
Produk :
(kosong)
Foto Produk :
(kosong)
Sistem akan
menolak
dan
menampilka
n “Data
Tidak Boleh
Kosong”. Sesuai
harapan valid
65
4 Nama produk ,
kategori, stok diisi
dengan benar tetapi
form yang lain
kosong.
Nama Produk : Palu
Kategori Produk :
Robusta
Stok : 10
Harga : (kosong)
Deskripsi Produk :
(kosong)
Foto Produk :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
5 Nama produk ,
kategori, stok, harga
diisi dengan benar
tetapi form deskripsi
dan foto tidak diisi
karena sudah ada
inputan yang lama.
Nama Produk : Palu
Kategori Produk :
Robusta
Stok : 10
Harga : 30.000
Deskripsi Produk :
(kosong)
Foto Produk :
(kosong)
Sistem akan
menerima dan
menampilkan
“Data Berhasil
Diedit”. Lalu
akan kembali
ke halaman
produk.
Sesuai
harapan valid
6
Nama produk ,
kategori, stok, harga
deskripsi, serta foto
diisi yang baru.
Nama Produk : Palu
Kategori Produk :
Robusta
Stok : 10
Harga : 30.000
Deskripsi Produk :
Harusm
Foto Produk :
paluBeans.jpg
Sistem akan
menerima dan
menampilkan
“Data Berhasil
Diedit”. Lalu
akan kembali
ke halaman
produk.
Sesuai
harapan valid
7
Nama produk ,
kategori, stok diisi
0, harga deskripsi,
serta foto diisi yang
baru.
Nama Produk : Palu
Kategori Produk :
Robusta
Stok : 0
Harga : 30.000
Deskripsi Produk :
Harusm
Foto Produk :
paluBeans.jpg
Sistem akan
menerima dan
menampilkan
“Data Berhasil
Diedit”. Lalu
akan kembali
ke halaman
produk.
Sesuai
harapan valid
8
Nama produk ,
kategori, stok, harga
deskripsi, tetapi foto
diisi dengan salah.
Nama Produk : Palu
Kategori Produk :
Robusta
Stok : 0
Harga : 30.000
Deskripsi Produk :
Harusm
Foto Produk :
paluBeans.pdf
Sistem akan
menolak dan
menampilkan
“Yang Anda
Upload Bukan
Gambar”.
Sesuai
harapan valid
66
6. Pengujian Form Add Kurir ( Admin )
Tabel III. 14.
Hasil Pengujian Blackbox Testing
Halaman Form Add Kurir ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak mengisi
Form Add Kurir.
Nama Kurir :
(kosong)
Tarif :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
2 Nama kurir diisi
tetapi tarif tidak.
Nama Kurir :
Sicepat
Tarif :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan
valid
3 Nama kurir
kosong tetapi
tarif diisi.
Nama Kurir :
(kosong)
Tarif : 20000
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
4 Nama kurir dan
tarif diisi dengan
benar.
Nama Kurir :
Sicepat
Tarif : 20000
Sistem akan
menerima dan
menampilkan
“Data
Berhasil
Ditambahkan”
lalu akan
berpindah ke
halaman
kurir.php
Sesuai
harapan valid
67
7. Pengujian Form Edit Kurir ( Admin )
Tabel III. 15.
Hasil Pengujian Blackbox Testing
Halaman Form Edit Kurir ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak mengisi
Form Add Kurir.
Nama Kurir :
(kosong)
Tarif :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
2 Nama kurir diisi
tetapi tarif tidak.
Nama Kurir :
Paketcepat
Tarif :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan
valid
3 Nama kurir
kosong tetapi
tarif diisi.
Nama Kurir :
(kosong)
Tarif : 20000
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
4 Nama kurir diisi
dengan kurir
yang sudah
terdaftar dan
harga diisi
Nama Kurir :
Sicepat
Tarif : 20000
Sistem akan
menolak dan
menampilkan
“Kurir Telah
Terdaftar”.
Sesuai
harapan valid
5 Nama kurir dan
tarif diisi dengan
benar.
Nama Kurir :
Sicepat
Tarif : 20000
Sistem akan
menerima dan
menampilkan
“Data
Berhasil
Ditambahkan”
lalu akan
berpindah ke
halaman
kurir.php
Sesuai
harapan valid
68
8. Pengujian Form Lembar Pembayaran ( Admin )
Tabel III. 16.
Hasil Pengujian Blackbox Testing
Halaman Form Lembar Pembayaran ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak mengisi
Form Ubah
Status
Pembelian.
Ubah Status
Pembelian :
(kosong)
Tarif : (sistem
yang mengisi)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
2. Mengisi Form
Ubah Status
Pembelian
dengan sesuai.
Ubah Status
Pembelian :
Lunas Total
Tarif : (sistem
yang mengisi)
Sistem akan
menerima dan
menampilkan
“Data
Berhasil
Diubah” Lalu
akan
dipindahkan
ke halaman
laporan.
Sesuai
harapan valid
9. Pengujian Form Cetak Laporan Pembelian ( Admin )
Tabel III. 17.
Hasil Pengujian Blackbox Testing
Halaman Form Cetak Laporan Pembelian ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak mengisi
Form tanggal
untuk mencetak
laporan.
Dari Tanggal :
(kosong)
Sampai
Tanggal :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
69
2. Inputan dari
tanggan diisi
tetapi inputan
sampai tanggal
tidak diisi
Dari Tanggal :
20/11/2019
Sampai
Tanggal :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
3. Inputan sampai
tanggal diisi
tetapi dari
tanggal tidak
diisi.
Dari Tanggal :
(kosong)
Sampai
Tanggal :
21/11/2019
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
4. Inputan dari
tanggal dan
sampai tanggal
diisi dengan
sesuai.
Dari Tanggal :
20/11/2019
Sampai
Tanggal :
21/11/2019
Sistem akan
menerima kan
menampilkan
tampilan pdf
pembelian
sesuai dari
tanggal yang
diinputkan.
Sesuai
harapan valid
10. Pengujian Form Edit Profile Admin ( Admin )
Tabel III. 18.
Hasil Pengujian Blackbox Testing
Halaman Form Edit Profile Admin ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak mengisi
Form Edit
profile Admin.
Email :
(sistem yang
mengisi)
Nama Admin :
(kosong)
Foto Profile :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
70
2. Foto Profile diisi
tetapi nama
tidak diisi.
Email :
(sistem yang
mengisi)
Nama Admin :
(kosong)
Foto Profile :
test.jpg
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
3. Foto Profile diisi
dengan salah
nama diisi.
Email :
(sistem yang
mengisi)
Nama Admin :
admin baru
Foto Profile :
test.pdf
Sistem akan
menolak dan
menampilkan
“Yang Anda
Upload Bukan
Gambar”.
Sesuai
harapan valid
4. Nama diisi tetapi
foto profile tidak
diisi
Email :
(sistem yang
mengisi)
Nama Admin :
admin baru
Foto Profile :
(kosong)
Sistem akan
menerima dan
menampilkan
“Data
Berhasil Di
Ubah” dan
akan
menampilkan
halaman
profile.
Sesuai
harapan valid
5. Semua form diisi
dengan benar.
Email :
(sistem yang
mengisi)
Nama Admin :
admin baru
Foto Profile :
fotobaru.jpg
Sistem akan
menerima dan
menampilkan
“Data
Berhasil Di
Ubah” dan
akan
menampilkan
halaman
profile.
Sesuai
harapan valid
71
11. Pengujian Form Edit Password Admin ( Admin )
Tabel III. 19.
Hasil Pengujian Blackbox Testing
Halaman Form Edit Password Admin ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak mengisi
Form Edit
profile Admin.
Email :
(sistem yang
mengisi)
Password :
(kosong)
Confirm
Password :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
2. Password baru
diisi tetapi
konfirmasi tidak
diisi.
Email :
(sistem yang
mengisi)
Password :
123
Confirm
Password :
(kosong)
Sistem akan
menolak dan
menampilkan
“Konfirmasi
Password
Tidak Sesuai”.
Sesuai
harapan valid
3. Konfirmasi
Password baru
diisi tetapi
password tidak
diisi.
Email :
(sistem yang
mengisi)
Password :
(kosong)
Confirm
Password :
123
Sistem akan
menolak dan
menampilkan
“Konfirmasi
Password
Tidak Sesuai”.
Sesuai
harapan valid
4. Konfirmasi
Password baru
diisi tetapi
password tidak
diisi.
Email :
(sistem yang
mengisi)
Password :
123
Confirm
Password :
123
Sistem akan
menerima dan
akan
menampilkan
“Password
berhasil di
ubah” dan
menampilkan
ke halaman
profile.
Sesuai
harapan valid
72
12. Pengujian Form Daftar Admin ( Admin )
Tabel III. 20.
Hasil Pengujian Blackbox Testing
Halaman Form Daftar Admin ( Admin )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak mengisi
Form Daftar
Admin.
Nama
Lengkap:
(kosong)
Email :
(kosong)
Password :
(kosong)
Ulangi
Password :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
2. Nama diisi tetapi
form yang
lainnya tidak
diisi.
Nama
Lengkap:
Wazyir
Email :
(kosong)
Password :
(kosong)
Ulangi
Password :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
3. Email diisi tetapi
form yang
lainnya tidak
diisi.
Nama
Lengkap:
(kosong)
Email :
wazyir@gmai
l.com
Password :
(kosong)
Ulangi
Password :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”. Sesuai
harapan valid
73
4. Password diisi
tetapi form yang
lainnya tidak
diisi.
Nama
Lengkap:
(kosong)
Email :
(kosong)
Password :
123
Ulangi
Password :
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
5. Ulangi
Password diisi
tetapi form yang
lainnya tidak
diisi.
Nama
Lengkap:
(kosong)
Email :
(kosong)
Password :
(kosong)
Ulangi
Password :
123
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh
Kosong”.
Sesuai
harapan valid
6. Nama, email,
password diisi
tetapi ulangi
password diisi
dengan salah
Nama
Lengkap:
wazyir
Email :
wayzir@gmai
l.com
Password :
1234
Ulangi
Password :
123
Sistem akan
menolak dan
menampilkan
“Password
Tidak Sesuai”. Sesuai
harapan valid
7. Nama,
password, dan
ulangi password
diisi tetapi email
diisi dengan
yang sudah
terdaftar.
Nama
Lengkap:
wazyir
Email :
admin@gmail
.com
Password :
1234
Ulangi
Password :
1234
Sistem akan
menolak dan
menampilkan
“Email Telah
Terdaftar”. Sesuai
harapan valid
74
8. Semua form diisi
dengan sesuai
Nama
Lengkap:
wazyir
Email :
wazyir@gmai
l.com
Password :
1234
Ulangi
Password :
1234
Sistem akan
menerima dan
menampilkan
“Data
Berhasilkan
Ditambahkan”
dan
menampilkan
halaman
index.
Sesuai
harapan valid
B. User
1. Pengujian Form Login ( User )
Tabel III. 21.
Hasil Pengujian Blackbox Testing
Halaman Form Login ( User )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Email dan
password tidak
diisi lalu klik
tombol Now
Login!
Email:
(kosong)
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
“Email /
Password Tidak
Boleh Kosong”.
Sesuai
harapan valid
2 Email diisi tetapi
password tidak
diisi lalu klik
tombol Now
Login!
Email:
wazyir@gmai
l.com
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
“Email /
Password Anda
Salah”.
Sesuai
harapan valid
3 Email diisi
dengan salah
dan password
tidak diisi lalu
klik tombol Now
Login!
Email:
om
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
“Email /
Password Tidak
Terdaftar”.
Sesuai
harapan valid
75
4 Email tidak diisi
tetapi Password
diisi lalu klik
tombol Now
Login!
Email:
(kosong)
Password:
1234
Sistem akan
menolak dan
menampilkan
“Email /
Password Tidak
Terdaftar”.
Sesuai
harapan valid
5 Email diisi
dengan salah
dan password
diisi dengan
benar lalu klik
tombol Now
Login!
Email:
om
Password:
1234
Sistem akan
menolak dan
menampilkan
“Email /
Password Tidak
Terdaftar”.
Sesuai
harapan valid
6 Email diisi
dengan benar
tetapi password
diisi dengan
salah lalu klik
tombol Now
Login!
Email:
wazyir@gmai
l.com
Password:
1234
Sistem akan
menolak dan
menampilkan
“Email /
Password Anda
Salah”.
Sesuai
harapan valid
7 Email dan
Password diisi
dengan benar
lalu klik tombol
Now Login!
Email:
wazyir@gmai
l.com
Password:
1234
Sistem akan
menerima dan
menampilkan
“Selamat Anda
Berhasil Login”
Sesuai
harapan valid
76
2. Pengujian Form Register ( User )
Tabel III. 22.
Hasil Pengujian Blackbox Testing
Halaman Form Register ( User )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Nama Lengkap
Email Password
Ulangi
Password
Alamat Lengkap
No. Telfon tidak
diisi
Nama
Lengkap:
(kosong)
Email:
(kosong)
Password:
(kosong)
Ulangi
Password:
(kosong)
Alamat:
(kosong)
No. Telfon:
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh Kosong”.
Sesuai
harapan valid
2 Nama Lengkap
diisi tetapi Email
Password
Ulangi
Password
Alamat Lengkap
No. Telfon tidak
diisi
Nama
Lengkap:
wazyir
Email:
(kosong)
Password:
(kosong)
Ulangi
Password:
(kosong)
Alamat:
(kosong)
No. Telfon:
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh Kosong”.
Sesuai
harapan valid
77
3 Nama Lengkap
dan Email diisi
tetapi Password
Ulangi
Password
Alamat Lengkap
No. Telfon tidak
diisi
Nama
Lengkap:
wazyir
Email:
wazyir@gmai
l.com
Password:
(kosong)
Ulangi
Password:
(kosong)
Alamat:
(kosong)
No. Telfon:
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh Kosong”.
Sesuai
harapan valid
4 Nama Lengkap
dan Email
Password diisi
tetapi Ulangi
Password
Alamat Lengkap
No. Telfon tidak
diisi
Nama
Lengkap:
wazyir
Email:
wazyir@gmai
l.com
Password:
1234
Ulangi
Password:
(kosong)
Alamat:
(kosong)
No. Telfon:
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh Kosong”.
Sesuai
harapan valid
5 Nama Lengkap
dan Email
Password
Ulangi
Password diisi
tetapi Alamat
Lengkap No.
Telfon tidak
diisi
Nama
Lengkap:
wazyir
Email:
wazyir@gmai
l.com
Password:
1234
Ulangi
Password:
1234
Alamat:
(kosong)
No. Telfon:
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh Kosong”.
Sesuai
harapan valid
78
6 Nama Lengkap
dan Email
Password
Ulangi
Password
Alamat Lengkap
diisi tetapi No.
Telfon tidak
diisi
Nama
Lengkap:
wazyir
Email:
wazyir@gmai
l.com
Password:
1234
Ulangi
Password:
1234
Alamat:
depok
No. Telfon:
(kosong)
Sistem akan
menolak dan
menampilkan
“Data Tidak
Boleh Kosong”.
Sesuai
harapan valid
7 Semua form diisi
tetapi ulangi
password diisi
berbeda dengan
password
Nama
Lengkap:
wazyir
Email:
wazyir@gmai
l.com
Password:
1234
Ulangi
Password:
12345
Alamat:
depok
No. Telfon:
08123456789
Sistem akan
menolak dan
menampilkan
“Password Tidak
Sesuai”.
Sesuai
harapan valid
8 Semua form diisi
tetapi no. telfon
diisi dengan
hanya 2 angka
Nama
Lengkap:
wazyir
Email:
wazyir@gmai
l.com
Password:
1234
Ulangi
Password:
1234
Alamat:
depok
No. Telfon: 08
Sistem akan
menolak dan
menampilkan
“Nomor Telfon
Terlalu Pendek”.
Sesuai
harapan valid
79
9 Semua form diisi
tetapi no. telfon
diisi dengan
lebih dari 15
angka
Nama
Lengkap:
wazyir
Email:
wazyir@gmai
l.com
Password:
1234
Ulangi
Password:
1234
Alamat:
depok
No. Telfon:
08123456789
0123456
Sistem akan
menolak dan
menampilkan
“Nomor Telfon
Terlalu Panjang”.
Sesuai
harapan valid
10 Semua form diisi
tetapi email diisi
dengan yang
sudah pernah
mendaftar
Nama
Lengkap:
wazyir
Email:
userpertama@
gmail.com
Password:
1234
Ulangi
Password:
1234
Alamat:
depok
No. Telfon:
08123456789
Sistem akan
menolak dan
menampilkan
“Email Telah
Terdaftar”.
Sesuai
harapan valid
11 Semua form diisi dengan benar dan sesuai
Nama
Lengkap:
wazyir
Email:
wazyir@gmai
l.com
Password:
1234
Ulangi
Password:
1234
Alamat:
depok
No. Telfon:
08123456789
Sistem akan
menerima dan
menampilkan
“Data Berhasil
Ditambahkan”.
Sesuai
harapan valid
80
3. Pengujian Form Input Keranjang ( User )
Tabel III. 23.
Hasil Pengujian Blackbox Testing
Halaman Form Input Keranjang ( User )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Form Input
jumlah
pembelian
barang tidak
diisi
Input jumlah
pembelian :
(kosong)
Sistem akan
menolak dan
menampilkan
“Pembelian Tidak
Boleh Kosong”.
Sesuai
harapan valid
2 Form Input
jumlah
pembelian
barang diisi
melebihi stok
Input jumlah
pembelian :
100
Sistem akan
menolak dan
menampilkan
“Pembelian
Melebihi Stok”.
Sesuai
harapan valid
3 Form Input
jumlah
pembelian
barang diisi
dengan sesuai
Input jumlah
pembelian : 1
Sistem akan
menerima dan
menampilkan
“Produk Telah
Dibeli dan Masuk
ke Keranjang”.
Sesuai
harapan valid
4. Pengujian Form Input Checkout ( User )
Tabel III. 24.
Hasil Pengujian Blackbox Testing
Halaman Form Input Checkout ( User )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Form Input
Kurir tidak diisi
Input Kurir :
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Pilih
Kurir Dahulu”.
Sesuai
harapan valid
81
2 Form Input
Kurir diisi
dengan sesuai
Input Kurir :
JNE
Sistem akan
menerima dan
menampilkan
“Pembelian
Berhasil”.
Sesuai
harapan valid
5. Pengujian Form Input Pembayaran ( User )
Tabel III. 25.
Hasil Pengujian Blackbox Testing
Halaman Form Input Pembayaran ( User )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Semua form
tidak diisikan
Nama
Lengkap
Penyetor:
(kosong)
Nama Bank:
(kosong)
Bukti
Pembayaran:
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”. Sesuai
harapan valid
2 Nama Lengkap
diisi tetapi nama
bank dan bukti
pembayaran
tidak diisikan
Nama
Lengkap
Penyetor:
Wazyir
Nama Bank:
(kosong)
Bukti
Pembayaran:
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”. Sesuai
harapan valid
3 Nama Lengkap
dan nama bank
diisikan dengan
benar tetapi
bukti
pembayaran
tidak diisikan
Nama
Lengkap
Penyetor:
Wazyir
Nama Bank:
BCA
Bukti
Pembayaran:
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”. Sesuai
harapan valid
82
4 Semua form
diisikan tetapi
bukti
pembayaran
diisikan dengan
salah
Nama
Lengkap
Penyetor:
Wazyir
Nama Bank:
BCA
Bukti
Pembayaran:
Bukti.pdf
Sistem akan
menolak dan
menampilkan
“Yang Anda
Upload Bukan
Gambar”
“Silahkan Isi Data
Terlebih dahulu”.
Sesuai
harapan
valid
5 Semua form
diisikan tetapi
bukti
pembayaran
diisikan dengan
gambar yang
terlalu besar
ukurannya
Nama
Lengkap
Penyetor:
Wazyir
Nama Bank:
BCA
Bukti
Pembayaran:
Bukti.jpg
Sistem akan
menolak dan
menampilkan
“Ukuran Gambar
Terlalu Besar”
“Silahkan Isi Data
Terlebih dahulu”.
Sesuai
harapan
valid
6 Semua form
diisikan dengan
benar dan sesuai
Nama
Lengkap
Penyetor:
Wazyir
Nama Bank:
BCA
Bukti
Pembayaran:
Buktiasli.png
Sistem akan
menerima dan
menampilkan
“Selamat Anda
Telah Melakukan
Pembayaran”.
Sesuai
harapan
valid
83
6. Pengujian Form Edit Profile ( User )
Tabel III. 26.
Hasil Pengujian Blackbox Testing
Halaman Form Edit Profile ( User )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Semua form
tidak diisikan
Nama
Lengkap:
(kosong)
No. Telf :
(kosong)
Alamat
Lengkap:
(kosong)
Image Profile:
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”. Sesuai
harapan valid
2 Nama diisikan
tetapi no.telf
alamat dan
Image profile
tidak diisikan
Nama
Lengkap:
Wazyir N
No. Telf :
(kosong)
Alamat
Lengkap:
(kosong)
Image Profile:
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”. Sesuai
harapan valid
3 Nama no.telf
diisikan tetapi
alamat dan
Image profile
tidak diisikan
Nama
Lengkap:
Wazyir N
No. Telf :
08123456789
Alamat
Lengkap:
(kosong)
Image Profile:
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”. Sesuai
harapan valid
84
4 Nama no.telf
alamat diisikan
tetapi Image
profile tidak
diisikan
Nama
Lengkap:
Wazyir N
No. Telf :
08123456789
Alamat
Lengkap:
Depok Lama
Image Profile:
(kosong)
Sistem akan
menerima dan
menampilkan
“Data Berhasil Di
Ubah” tanpa
mengubah Image
Profile karena
memakai foto
yang lama.
Sesuai
harapan valid
5 Semua form
diisikan tetapi
image profile di
isi dengan tidak
sesuai
Nama
Lengkap:
Wazyir N
No. Telf :
08123456789
Alamat
Lengkap:
Depok Lama
Image Profile:
Foto.pdf
Sistem akan
menolak dan
menampilkan
“Yang Anda
Upload Bukan
Foto”.
Sesuai
harapan valid
6 Semua form
diisikan tetapi
image profile di
isi dengan
ukuran yang
besar
Nama
Lengkap:
Wazyir N
No. Telf :
08123456789
Alamat
Lengkap:
Depok Lama
Image Profile:
Foto.jpg
Sistem akan
menolak dan
menampilkan
“Ukuran Gambar
Terlalu Besar”. Sesuai
harapan valid
7 Semua form
diisikan dengan
benar dan sesuai
Nama
Lengkap:
Wazyir N
No. Telf :
08123456789
Alamat
Lengkap:
Depok Lama
Image Profile:
Foto.jpg
Sistem akan
menerima dan
menampilkan
“Data Berhasil Di
Ubah”. Sesuai
harapan valid
85
7. Pengujian Form Edit Password ( User )
Tabel III. 27.
Hasil Pengujian Blackbox Testing
Halaman Form Edit Password ( User )
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Semua form
tidak diisikan
Password:
(kosong)
Confirm
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”.
Sesuai
harapan valid
2 Password
diisikan tetapi
confirm
password tidak
Password:
123
Confirm
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”.
Sesuai
harapan valid
3 Confirm
Password
diisikan tetapi
password tidak
Password:
(kosong)
Confirm
Password:
123
Sistem akan
menolak dan
menampilkan
“Silahkan Isi Data
Terlebih Dahulu”.
Sesuai
harapan valid
4 Password dan
Confirm
Password tidak
sesuai
Password:
123
Confirm
Password:
1234
Sistem akan
menolak dan
menampilkan
“Konfirmasi
Password Tidak
Sesuai”.
Sesuai
harapan valid
5 Semua form
diisikan dengan
sesuai dan benar
Password:
123
Confirm
Password:
123
Sistem akan
menolak dan
menampilkan
“Password
Berhasil Di
Ubah”.
Sesuai
harapan valid