bab iii pembahasan - repository.bsi.ac.id · 31 4. menu login pada menu login, antara pelanggan dan...
TRANSCRIPT
29
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Penjualan dan persediaan barang pada umumnya merupakan salah satu
aktiva lancar yang sangat berpengaruh pada laporan keuangan suatu toko. Bagi toko
yang kegiatan utamanya adalah menyediakan dan menjual barang, maka persediaan
barang merupakan unsur yang paling aktif karena sumber penghasilan utama bagi
toko tersebut adalah penjualan barang. Pentingnya persediaan bagi toko dalam
melaksanakan kegiatan usahanya terutama untuk toko dagang, karena dengan
persediaan toko dapat memenuhi permintaan pembelian dari pelanggan, apabila
persediaan dalam toko tidak mencukupi dan tidak mampu memenuhi permintaan
dari pelanggan, maka pelanggan akan kecewa dan tidak akan melakukan pembelian
lagi pada toko tersebut.
Sebagai toko yang bergerak dalam bidang penjualan dan persediaan barang,
maka sistem penjualan dan permintaan akan barang dapat dilakukan secara
langsung melalui website tanpa melalui perantara terlebih dahulu dan penjualan
dapat dilakukan secara online. Penjualan ataupun pemesanan langsung melalui
website yang sudah tersedia. Mengingat pentingnya masalah tersebut, maka
diperlukan suatu aplikasi untuk pengolahan dan pengaturan terhadap persediaan
barang dan penjualan barang.
Rancangan dan pengembangan aplikasi ini memiliki tujuan agar dapat
memperoleh mutu yang lebih cepat dan tepat serta meningkatkan kualitas kerja
dalam rangka pengembangan pembuatan aplikasi web E-Commerce pada toko
30
buku, maka diperlukan peralatan-peralatan yang memadai agar sistem ini berjalan
baik serta kualitas lebih meningkat.
3.1.1. Kebutuhan Fungsional
Dalam kebutuhan fungsional ini penulis membahas tiga tampilan yang
dirancang dalam web, yaitu halaman menu utama website, halaman menu utama
admin, dan menu halaman utama pelanggan.
A. Halaman Menu Utama Website
Pada halaman menu utama website ini berisikan fitur-fitur sebagai berikut :
1. Menu Home
Pada menu home ini sistem harus dapat menampilkan data berupa cover dari
buku yang dijual beserta harganya, menampilkan beragam jenis kategori buku
yang ada pada web penjualan buku sehingga pengunjung web dapat dengan
mudah melakukan pencarian buku berdasarkan kategori.
2. Menu Cara Pesan
Pada menu cara pesan ini, pengunjung akan dijelaskan langkah-langkah cara
pemesanan buku secara online pada website ini yang diawali oleh proses
pendaftaran sebagai pelanggan/member web hingga pada proses transaksi
pembelian.
3. Menu Account
Pada menu account ini, sistem akan menampilkan form pengisian data akun
pengunjung yang belum terdaftar menjadi member/pelanggan toko buku. Form
input ini berisikan email, password, nama akun, jenis kelamin, alamat,
kota/kabupaten, provinsi, kodepos, telepon. Pengisian ini akan divalidasi oleh
sistem yang diproses oleh basis data.
31
4. Menu Login
Pada menu login, antara pelanggan dan admin dapat dibedakan dari username
dan passwordnya. Sistem menampilkan form login yang merupakan pengisian
email dan password pelanggan. Pengisian ini akan divalidasi oleh sistem yang
diproses oleh basis data berdasarkan level hak akses.
5. Menu Contact Us
Pada menu contact us ini sistem menampilkan informasi dari Toko Buku
berupa nomor contact agar mempermudah pengunjung untuk menghubungi
pihak admin.
6. Menu Request
Pada menu request ini sistem menampilkan form pengisian data pemesanan
buku yang belum tersedia di website toko buku. Pelanggan dan pengunjung
bisa mengisi form tersebut agar toko buku bisa menyediakan buku apa saja
yang diinginkan oleh pelanggan dan pengunjung.
7. Deskripsi Buku
Pada halaman ini, pengunjung bisa melihat deskripsi buku dari sinopsis, nama
pengarang, nama penerbit, tahun terbit, serta harga buku agar memudahkan
pengunjung untuk mengetahui garis besar isi dalam buku.
B. Halaman Menu Utama Pelanggan/Member
Pada halaman menu utama pelanggan/member ini, berisikan fitur-fitur sebagai
berikut:
32
1. Menu Home
Pada menu home ini, sistem menampilkan foto-foto berbagai macam buku
yang dijual di toko buku serta tombol untuk menambah daftar belanjaan yang
terdapat di bawah harga buku jika sudah melakukan login.
2. Menu Lihat Profil
Pada menu lihat profil ini, sistem akan menampilkan halaman utama pelanggan
dan pelanggan dapat mengedit data pelanggan pada form edit data member
yang berisikan email, password, nama akun, jenis kelamin, alamat,
kota/kabupaten, provinsi, kodepos, telepon. Pengisian ini akan divalidasi oleh
sistem yang diproses oleh basis data.
3. Menu Shopping Cart
Pada menu shopping cart ini, sistem menampilkan isi keranjang belanja
pelanggan yang sebelumnya sudah dipilih oleh pelanggan. Keranjang belanja
dapat ditambah ataupun dikurangi sebelum dilakukan transaksi final.
4. Menu Konfirmasi Pembelian
Pada menu konfirmasi pembelian ini, setelah pelanggan menekan tombol
selesai pada menu shopping cart, sistem akan menampilkan data pengiriman
yang harus dilengkapi oleh pelanggan untuk mengkonfirmasi pembelian yang
dilakukan oleh pelanggan.
5. Logout
Ketika pelanggan yang telah melakukan login mengklik tombol logout, maka
akan kembali ke halaman utama website.
C. Halaman Menu Utama Admin
Pada halaman menu utama admin ini, berisikan fitur-fitur sebagai berikut :
33
1. Menu Home
Pada menu home ini, sistem menampilkan halaman utama admin dengan menu
admin yang tersedia yaitu menu master yang terdiri dari kategori, buku dan
member, menu order, menu laporan penjualan dan menu settings yang terdiri
dari manajemen karyawan.
2. Menu Kategori Buku
Pada menu kategori buku ini, menampilkan form kategori-kategori buku yang
terkait. Admin dapat menambahkan kategori-kategori buku, mengedit serta
menghapus sesuai dengan yang dibutuhkan.
3. Menu Buku
Pada menu buku ini, menampilkan data dari seluruh buku yang tesedia di toko
buku ini. Admin juga dapat menambahkan daftar buku, mengedit serta
menghapus data sesuai dengan ketersediaan buku.
4. Menu Member
Pada menu member ini, menampilkan data-data dari pelanggan yang telah
melakukan registrasi untuk menjadi member pada toko buku ini. Admin hanya
bisa melihat daftarnya dan menghapus data member yang sudah tidak aktif.
5. Menu Jenis Bank
Pada menu jenis bank ini, menampilkan nama-nama bank yang sudah diinput
oleh admin. Nama bank yang diiputkan disini adalah nama bank yang telah
disediakan oleh toko buku untuk menerima pembayaran / transfer dari
pelanggan. Admin dapat menambahkan nama bank, mengedit serta menghapus
sesuai dengan yang dibutuhkan.
34
6. Menu Provinsi
Pada menu provinsi ini, menampilkan nama-nama provinsi yang sudah diinput
oleh admin. Admin dapat menambahkan nama-nama provinsi, mengedit serta
menghapus sesuai dengan yang dibutuhkan.
7. Menu Order
Pada menu order ini, menampilkan pesanan-pesanan buku dari para member
agar dapat diproses lebih lanjut oleh admin. Admin dapat mengedit status order
sesuai dengan proses transaksi yang terjadi dan melihat info buku-buku apa
saja yang dipesan oleh pelanggan.
8. Menu Laporan Penjualan
Pada menu laporan penjualan ini, berisikan laporan penjualan buku
berdasarkan bulan dan tahun dari para pelanggan yang telah melakukan
transaksi pembelian di toko buku ini.
9. Menu Manajemen Karyawan
Pada menu manajemen karyawan ini, admin dapat menginput admin, mengedit,
serta menghapus data admin yang terdapat di dalam form tersebut.
10. Menu Permintaan Pesanan
Pada menu permintaan pesanan ini, menampilkan data-data permintaan
pemesanan buku oleh pengunjung dan pelanggan. Admin dapat menghapus
data permintaan jika pesanan telah tersedia. Hal ini memudahkan admin untuk
menyediakan buku-buku apa saja yang diinginkan oleh pengunjung dan
pelanggan.
35
11. Logout
Ketika admin yang melakukan login mengklik tombol logout, maka akan
kembali ke halaman utama website.
3.1.2. Kebutuhan Non Fungsional
Kebutuhan yang mendukung kelancaran sistem ini didefinisikan sebagai
berikut:
A. Perangkat Lunak (Software)
Perangkat lunak merupakan program yang ditulis untuk mengendalikan dan
mengkoordinasi kegiatan dari sistem komputer. Adapun perangkat lunak yang
dibutuhkan dalam pengembangan sistem informasi ini adalah sebagai berikut:
Minimal syarat software
1) Sistem Operasi : Microsoft Windows 7 Ultimate
2) Web Container : XAMPP
3) Database : MySQL
4) Browser : Google Chrome
B. Perangkat Keras (Hardware)
Perangkat keras merupakan alat yang dibutuhkan untuk mengolah data,
membuat program, dan penyajian laporan. Adapun perangkat keras yang
digunakan dalam pengembangan sistem informasi ini adalah sebagai berikut :
Minimal syarat hardware
1) Processor : Intel® Celeron® CPU N2840 @2.16GHz.
2) Memory : 1 GB
3) Harddisk : 250 GB
36
C. Brainware
Brainware merupakan seseorang yang terlibat dalam kegiatan pemanfaatan
komputer atau sistem pengolahan data. Brainware juga dapat diartikan sebagai
perangkat intelektual yang mengoperasikan dan mengeksplorasi kemampuan
dari hardware komputer maupun software komputer. Adapun brainware yang
berperan dalam pengembangan sistem informasi ini adalah sebagai berikut :
1) Administrator : Admin
2) User : Member dan pengunjung
3.2. Perancangan Perangkat Lunak
Perancangan adalah langkah awal pada tahap pembuatan aplikasi penjualan
toko buku online berbasis web. Perancangan perangkat lunak ini melewati beberapa
tahap untuk mencapai hasil yang maksimal.
3.2.1. Rancangan Antar Muka
Rancangan antar muka merupakan bagian yang paling penting dari
merancang sistem. Tujuan dari perancangan antar muka adalah merancang interface
yang efektif untuk sistem perancangan perangkat lunak. Efektif artinya siap
digunakan dan hasilnya sesuai dengan kebutuhan. Karena dalam merancang
antarmuka harus memenuhi tiga persyaratan, sebuah antar muka harus sederhana,
sebuah antar muka harus lengkap, dan sebuah antar muka harus memiliki kinerja
yang cepat.
Adapun rancangan antar muka (interface) yang terdapat dalam pembuatan
aplikasi E-Commerce penjualan buku berbasis web ini ada tiga sisi yaitu rancangan
antar muka menu utama website, menu utama member dan menu utama Admin.
37
1. Rancangan Antar Muka Tampilan Website
Perancangan antar muka tampilan website pada aplikasi penjualan toko
buku online berbasis web ini adalah sebagai berikut :
a. Rancangan Antarmuka Home Website
Sumber : Hasil Penelitian (2017)
Gambar III.1. Rancangan Antarmuka Home Website
38
b. Rancangan Antarmuka Cara Pesan
Sumber : Hasil Penelitian (2017)
Gambar III.2. Rancangan Antarmuka Cara Pesan
c. Rancangan Antarmuka Account
Sumber : Hasil Penelitian (2017)
Gambar III.3. Rancangan Antarmuka Account
39
d. Rancangan Antarmuka Contact Us
Sumber : Hasil Penelitian (2017)
Gambar III.4. Rancangan Antarmuka Contact Us
e. Rancangan Antarmuka Request
Sumber : Hasil Penelitian (2017)
Gambar III.5. Rancangan Antarmuka Request
40
f. Rancangan Antarmuka Deskripsi Buku
Sumber : Hasil Penelitian (2017)
Gambar III.6. Rancangan Antarmuka Deskripsi Buku
2. Rancangan Antar Muka Tampilan Member
Perancangan antar muka tampilan member pada aplikasi penjualan toko
buku online berbasis web ini adalah sebagai berikut :
a. Rancangan Antarmuka Home Member
Sumber : Hasil Penelitian (2017)
Gambar III.7. Rancangan Antarmuka Home Member
41
b. Rancangan Antarmuka Cara Pesan Member
Sumber : Hasil Penelitian (2017)
Gambar III.8. Rancangan Antarmuka Cara Pesan Member
c. Rancangan Antarmuka Lihat Profil
Sumber : Hasil Penelitian (2017)
Gambar III.9. Rancangan Antarmuka Lihat Profil
42
d. Rancangan Antarmuka Contact Us Member
Sumber : Hasil Penelitian (2017)
Gambar III.10. Rancangan Antarmuka Contact Us Member
e. Rancangan Antarmuka Request Member
Sumber : Hasil Penelitian (2017)
Gambar III.11. Rancangan Antarmuka Request Member
43
f. Rancangan Antarmuka Deskripsi Buku Member
Sumber : Hasil Penelitian (2017)
Gambar III.12. Rancangan Antarmuka Deskripsi Buku Member
g. Rancangan Antarmuka Shopping Cart
Sumber : Hasil Penelitian (2017)
Gambar III.13. Rancangan Antarmuka Shopping Cart
44
h. Rancangan Antarmuka Konfirmasi Pembelian
Sumber : Hasil Penelitian (2017)
Gambar III.14. Rancangan Antarmuka Konfirmasi Pembelian
i. Rancangan Antarmuka Logout
Sumber : Hasil Penelitian (2017)
Gambar III.15. Rancangan Antarmuka Logout
45
3. Rancangan Antar Muka Tampilan Admin
Perancangan antar muka menu utama admin juga merupakan bagian yang
paling penting dalam pengoperasian aplikasi penjualan buku secara online berbasis
web, sebelum masuk pada menu utama tampilan admin, admin harus melakukan
login terlebih dahulu.
a. Rancangan Antarmuka Login Admin
Sumber : Hasil Penelitian (2017)
Gambar III.16. Rancangan Antarmuka Login Admin
46
b. Rancangan Antarmuka Home Administrator
Sumber : Hasil Penelitian (2017)
Gambar III.17. Rancangan Antarmuka Home Administrator
c. Rancangan Antarmuka Menu Kategori Buku
Sumber : Hasil Penelitian (2017)
Gambar III.18. Rancangan Antarmuka Menu Kategori Buku
47
d. Rancangan Antarmuka Input Kategori Buku
Sumber : Hasil Penelitian (2017)
Gambar III.19. Rancangan Antarmuka Input Kategori Buku
e. Rancangan Antarmuka Edit Kategori Buku
Sumber : Hasil Penelitian (2017)
Gambar III.20. Rancangan Antarmuka Edit Kategori Buku
48
f. Rancangan Antarmuka Aksi Hapus Data
Sumber : Hasil Penelitian (2017)
Gambar III.21. Rancangan Antarmuka Aksi Hapus Data
g. Rancangan Antarmuka Menu Buku
Sumber : Hasil Penelitian (2017)
Gambar III.22. Rancangan Antarmuka Menu Buku
49
h. Rancangan Antarmuka Input Data Buku
Sumber : Hasil Penelitian (2017)
Gambar III.23. Rancangan Antarmuka Input Data Buku
i. Rancangan Antarmuka Edit Data Buku
Sumber : Hasil Penelitian (2017)
Gambar III.24. Rancangan Antarmuka Edit Data Buku
50
j. Rancangan Antarmuka Menu Member
Sumber : Hasil Penelitian (2017)
Gambar III.25. Rancangan Antarmuka Menu Member
k. Rancangan Antarmuka Menu Jenis Bank
Sumber : Hasil Penelitian (2017)
Gambar III.26. Rancangan Antarmuka Menu Jenis Bank
51
l. Rancangan Antarmuka Input Bank
Sumber : Hasil Penelitian (2017)
Gambar III.27. Rancangan Antarmuka Input Bank
m. Rancangan Antarmuka Edit Bank
Sumber : Hasil Penelitian (2017)
Gambar III.28. Rancangan Antarmuka Edit Bank
52
n. Rancangan Antarmuka Menu Provinsi
Sumber : Hasil Penelitian (2017)
Gambar III.29. Rancangan Antarmuka Menu Provinsi
o. Rancangan Antarmuka Input Data Provinsi
Sumber : Hasil Penelitian (2017)
Gambar III.30. Rancangan Antarmuka Input Data Provinsi
53
p. Rancangan Antarmuka Edit Data Provinsi
Sumber : Hasil Penelitian (2017)
Gambar III.31. Rancangan Antarmuka Edit Data Provinsi
q. Rancangan Antarmuka Menu Order
Sumber : Hasil Penelitian (2017)
Gambar III.32. Rancangan Antarmuka Menu Order
54
r. Rancangan Antarmuka Edit Status Order
Sumber : Hasil Penelitian (2017)
Gambar III.33. Rancangan Antarmuka Edit Status Order
s. Rancangan Antarmuka Detail Order
Sumber : Hasil Penelitian (2017)
Gambar III.34. Rancangan Antarmuka Detail Order
55
t. Rancangan Antarmuka Laporan Penjualan
Sumber : Hasil Penelitian (2017)
Gambar III.35. Rancangan Antarmuka Laporan Penjualan
u. Rancangan Antarmuka Cetak Laporan Penjualan
Sumber : Hasil Penelitian (2017)
Gambar III.36. Rancangan Antarmuka Cetak Laporan Penjualan
56
v. Rancangan Antarmuka Menu Manajemen Karyawan
Sumber : Hasil Penelitian (2017)
Gambar III.37. Rancangan Antarmuka Menu Manajemen Karyawan
w. Rancangan Antarmuka Registrasi Karyawan
Sumber : Hasil Penelitian (2017)
Gambar III.38. Rancangan Antarmuka Registrasi Karyawan
57
x. Rancangan Antarmuka Edit Data Karyawan
Sumber : Hasil Penelitian (2017)
Gambar III.39. Rancangan Antarmuka Edit Data Karyawan
y. Rancangan Antarmuka Permintaan Pesanan
Sumber : Hasil Penelitian (2017)
Gambar III.40. Rancangan Antarmuka Permintaan Pesanan
58
3.2.2. Rancangan Basis Data
1. Entitas Relationship Diagram (ERD)
Sumber : Hasil Penelitian (2017)
Gambar III.41. Entity Relationship Diagram (ERD)
2. Logical Relationship Structure (LRS)
Sumber : Hasil Penelitian (2017)
Gambar III.42. Logical Relationship Diagram (LRS)
59
3. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD
atau file-file penunjang untuk website. Adapun spesifikasi file yang digunakan
sebagai berikut :
a. Spesifikasi File User
Nama file : User
Akronim : Login form
Fungsi : Untuk menyimpan data login
Tipe file : File master
Organisasi file : Indexed sequential
Akses file : Random
Media : Harddisk
Panjang record : 418
Kunci field : Id_user
Software : MySQL
Tabel III.1.
Spesifikasi File User
No Elemen Data Nama Field Type Size Ket
1 Id_user id_user Integer 5 Primary Key (AI)
2 Id_provinsi id_provinsi Integer 3 Foreign Key
3 Email email Varchar 100
4 Password password Varchar 100
5 Namalengkap namalengkap Varchar 30
6 Jenis_kelamin jenis_kelamin Enum (‘L’,’P’)
7 Alamat alamat Varchar 50
8 Kota_kab kota_kab Varchar 100
9 Kodepos kodepos Integer 7
10 Telpon telpon Varchar 20
11 Level level Integer 1
60
b. Spesifikasi File Provinsi
Nama file : Provinsi
Akronim : Provinsi form
Fungsi : Untuk menyimpan data provinsi
Tipe file : File master
Organisasi file : Indexed sequential
Akses file : Random
Media : Harddisk
Panjang record : 43
Kunci field : Id_provinsi
Software : MySQL
Tabel III.2.
Spesifikasi File Provinsi
No Elemen Data Nama Field Type Size Ket
1 Id_provinsi id_provinsi Integer 3 Primary Key (AI)
2 Nm_provinsi nm_provinsi Varchar 40
c. Spesifikasi File Kategori
Nama file : Kategori
Akronim : Kategori form
Fungsi : Untuk menyimpan data kategori
Tipe file : File master
Organisasi file : Indexed sequential
Akses file : Random
Media : Harddisk
Panjang record : 103
61
Kunci field : Id_kategori
Software : MySQL
Tabel III.3.
Spesifikasi File Kategori
No Elemen Data Nama Field Type Size Ket
1 Id_kategori id_kategori Integer 3 Primary Key (AI)
2 Nama_kategori nama_kategori Varchar 100
d. Spesifikasi File Jenis Bank
Nama file : Jenis Bank
Akronim : Jenisbank form
Fungsi : Untuk menyimpan data jenis bank
Tipe file : File master
Organisasi file : Indexed sequential
Akses file : Random
Media : Harddisk
Panjang record : 52
Kunci field : Id_bank
Software : MySQL
Tabel III.4.
Spesifikasi File Jenis Bank
No Elemen Data Nama Field Type Size Ket
1 Id_bank id_bank Integer 2 Primary Key (AI)
2 Nm_bank nm_bank Varchar 50
62
e. Spesifikasi File Buku
Nama file : Buku
Akronim : Buku form
Fungsi : Untuk menyimpan data buku
Tipe file : File master
Organisasi file : Indexed sequential
Akses file : Random
Media : Harddisk
Panjang record : 1.411
Kunci field : Kd_buku
Software : MySQL
Tabel III.5.
Spesifikasi File Buku
No Elemen Data Nama Field Type Size Ket
1 Kd_buku kd_buku Varchar 10 Primary Key
(AI)
2 Id_kategori id_kategori Varchar 40 Foreign Key
3 Picture picture Varchar 30
4 Judul judul Varchar 100
5 Nama_pengarang nama_pengarang Varchar 100
6 Nama_penerbit nama_penerbit Varchar 100
7 Deskripsi deskripsi Text
8 Tahun_terbit tahun_terbit Integer 4
9 Harga harga Integer 10
10 Diskon diskon Integer 2
11 Qty qty Varchar 15
f. Spesifikasi File Order
Nama file : Order
Akronim : Order form
63
Fungsi : Untuk menyimpan data order
Tipe file : File master
Organisasi file : Indexed sequential
Akses file : Random
Media : Harddisk
Panjang record : 425
Kunci field : Id_order
Software : MySQL
Tabel III.6.
Spesifikasi File Order
No Elemen Data Nama Field Type Size Ket
1 Id_order id_order Integer 5 Primary Key (AI)
2 Id_user id_user Integer 5 Foreign Key
3 Id_provinsi id_provinsi Integer 3 Foreign Key
4 Tgl_order tgl_order Timestamp
5 Status status Integer 1
6 Type_bayar type_bayar Integer 1
7 Id_bank id_bank Integer 2 Foreign Key
8 No_rek no_rek Varchar 100 NULL
10 Jumlah_transfer jumlah_transfer Integer 10 NULL
11 Nama_penerima nama_penerima Varchar 50
12 Alamat_penerima alamat_penerima Varchar 100
13 Kota_penerima kota_penerima Varchar 100
14 Kodepos_penerima kodepos_penerima Varchar 10 NULL
15 Telpon_penerima telpon_penerima Varchar 20
16 Ekspedisi ekspedisi Varchar 10
g. Spesifikasi File Detail_Order
Nama file : Detail_Order
Akronim : Detail_Order form
Fungsi : Untuk menyimpan data detail_order
64
Tipe file : File master
Organisasi file : Indexed sequential
Akses file : Random
Media : Harddisk
Panjang record : 133
Kunci field : Id_detail_order
Software : MySQL
Tabel III.7.
Spesifikasi File Detail_Order
No Elemen Data Nama Field Type Size Ket
1 Id_detail_order id_detail_order Integer 5 Primary Key (AI)
2 Id_order id_order Integer 5 Foreign Key
3 Kd_buku kd_buku Varchar 5 Foreign Key
4 Jlh_order jlh_order Integer 3
5 Harga_order harga_order Integer 15
6 Keterangan keterangan Varchar 100
3.2.3 Rancangan Struktur Navigasi
Struktur navigasi yang digunakan dalam pembuatan website ini adalah
struktur navigasi nonlinier. Jadi tiap-tiap tampilan mempunyai kedudukan yang
sama. Rancangan struktur navigasi ini terdiri dari struktur navigasi pada halaman
website, struktur navigasi pada halaman pelanggan, dan struktur navigasi pada
halaman admin.
1. Rancangan Struktur Navigasi Halaman Website
Halaman website merupakan halaman utama yang pertama kali pengunjung
akses melalui jaringan internet dan harus melakukan login terlebih dahulu. Struktur
navigasi yang penulis buat adalah sebuah gambaran mengenai isi dari halaman
65
website yang telah dibuat, yang bertujuan untuk mempermudah pengunjung dalam
isi website.
Sumber : Hasil Penelitian (2017)
Gambar III.43. Struktur Navigasi Halaman Website
2. Rancangan Struktur Navigasi Halaman Pelanggan/Member
Pada rancangan struktur navigasi halaman pelanggan ini, penulis membuat
gambaran mengenai menu-menu pada website yang bertujuan untuk mempermudah
pelanggan melihat setiap menu yang dibuat oleh penulis.
Sumber : Hasil Penelitian (2017)
Gambar III.44. Struktur Navigasi Halaman Pelanggan/Member
66
2. Rancangan Struktur Navigasi Halaman Admin
Pada rancangan sruktur navigasi halaman admin ini, penulis membuat
gambaran mengenai menu-menu pada halaman admin yang bertujuan untuk
mempermudah admin melihat setiap menu yang dibuat oleh penulis.
Sumber : Hasil Penelitian (2017)
Gambar III.45. Struktur Navigasi Halaman Admin
3.3. Implementasi dan Pengujian Unit
Implementasi rancangan antar muka yang terdapat pada aplikasi penjualan
buku secara online berbasis web ini berdasarkan hasil rancangan antar muka yang
telah dibuat menjadi 3 (tiga) halaman yaitu halaman utama website, halaman utama
member dan halaman utama admin.
3.3.1. Implementasi
1. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada website Toko Buku berdasarkan
rancangan antar muka.
67
a. Implementasi Rancangan Antar Muka Website
1) Halaman Utama Website
Pada halaman utama website ini menampilkan foto-foto buku terbitan terbaru
yang tersedia di toko buku ini. Pada halaman ini terdapat beberapa menu yaitu
menu home, menu cara pesan, menu account, menu about us, menu contact us,
menu login pelanggan.
Sumber : Hasil Penelitian (2017)
Gambar III.46. Implementasi Halaman Utama Website
2) Halaman Cara Pesan
Pada halaman cara pesan kami ini menampilkan cara-cara melakukan
pemesanan buku secara online pada website toko buku kami.
68
Sumber : Hasil Penelitian (2017)
Gambar III.47. Implementasi Halaman Cara Pesan
3) Halaman Account
Pada halaman account ini menampilkan form daftar pengunjung yang belum
terdaftar menjadi member toko buku.
Sumber : Hasil Penelitian (2017)
Gambar III.48. Implementasi Halaman Account
69
4) Halaman Contact Us
Pada halaman contact us ini menampilkan informasi dan kontak yang bisa
dihubungi oleh pelanggan.
Sumber : Hasil Penelitian (2017)
Gambar III.49. Implementasi Halaman Contact Us
5) Halaman Request
Pada halaman request ini sistem menampilkan form pengisian data pemesanan
buku yang belum tersedia di website toko buku. Pelanggan dan pengunjung
bisa mengisi form tersebut agar toko buku bisa menyediakan buku apa saja
yang diinginkan oleh pelanggan dan pengunjung.
Sumber : Hasil Penelitian (2017)
Gambar III.50. Implementasi Halaman Request
70
6) Halaman Deskripsi Buku
Pada halaman deskripsi buku ini, pengunjung bisa melihat deskripsi buku dan
memudahkan pengunjung untuk mengetahui garis besar isi dalam buku.
Sumber : Hasil Penelitian (2017)
Gambar III.51. Implementasi Halaman Deskripsi Buku
b. Implementasi Rancangan Antar Muka Member
1) Halaman Login Member
Pada halaman login member, member harus melakukan login terlebih dahulu
sebelum melakukan pemesanan buku sesuai dengan yang diinginkan dan bisa
juga mengedit data akun member.
71
Sumber : Hasil Penelitian (2017)
Gambar III.52. Implementasi Halaman Login Member
2) Halaman Utama Member
Pada halaman utama member ini merupakan halaman yang menampilkan home
yang sedikit memiliki perbedaan dengan halaman utama website. Setelah
melakukan login, member sudah bisa melakukan pemesanan buku.
Sumber : Hasil Penelitian (2017)
Gambar III.53. Implementasi Halaman Utama Member
72
3) Halaman Cara Pesan
Pada halaman cara pesan kami ini menampilkan cara-cara melakukan
pemesanan buku secara online pada website toko buku kami.
Sumber : Hasil Penelitian (2017)
Gambar III.54. Implementasi Halaman Cara Pesan Member
4) Halaman Request
Pada halaman request ini sistem menampilkan form pengisian data pemesanan
buku yang belum tersedia di website toko buku. Pelanggan dan pengunjung
bisa mengisi form tersebut agar toko buku bisa menyediakan buku apa saja
yang diinginkan oleh pelanggan dan pengunjung.
Sumber : Hasil Penelitian (2017)
Gambar III.55. Implementasi Halaman Request Member
73
5) Halaman Deskripsi Buku
Pada halaman deskripsi buku ini, pengunjung bisa melihat deskripsi buku dan
memudahkan pengunjung untuk mengetahui garis besar isi dalam buku.
Sumber : Hasil Penelitian (2017)
Gambar III.56. Implementasi Halaman Deskripsi Buku Member
6) Lihat Profil
Pada halaman lihat profil ini menampilkan form edit akun pelanggan yang
sudah melakukan login.
Sumber : Hasil Penelitian (2017)
Gambar III.57. Implementasi Halaman Lihat Profil
74
7) Halaman Contact Us
Pada halaman contact us ini menampilkan kontak yang dapat dihubungi oleh
pelanggan.
Sumber : Hasil Penelitian (2017)
Gambar III.58. Implementasi Halaman Contact Us Member
8) Halaman Shopping Cart
Pada halaman shopping cart ini berisikan jumlah atau kuantiti serta subtotal
dari item yang telah pelanggan pilih.
Sumber : Hasil Penelitian (2017)
Gambar III.59. Implementasi Halaman Shopping Cart
75
9) Halaman Konfirmasi Pembelian
Pada halaman konfirmasi pembelian ini, berisikan form data yang sesuai
dengan data member dan member dapat melengkapi form yang sudah ada
untuk mengkonfirmasi pembelian buku.
Sumber : Hasil Penelitian (2017)
Gambar III.60. Implementasi Halaman Konfirmasi Pembelian
76
c. Implementasi Rancangan Antar Muka Admin
1) Halaman Login Admin
Pada halaman login admin ini merupakan pengisian username dan password
admin ini akan divalidasi oleh sistem yang diproses oleh basis data. Basis data
akan mengecek level username dan password yang diisikan oleh admin, jika
data admin termasuk level admin maka sistem akan mengalihkan halaman
utama yang sesuai dengan hak akses admin.
Sumber : Hasil Penelitian (2017)
Gambar III.61. Implementasi Halaman Login Admin
2) Halaman Utama Admin
Pada halaman home admin ini halaman pembuka yang pertama kali tampil
setelah login adalah menampilkan halaman home admin yang berbeda dari
home sebelumnya. Pada halaman ini terdapat beberapa menu yaitu menu home,
menu master yang mempunyai sub-menu atau dropdown yaitu menu kategori
buku, menu buku, menu member, menu jenis bank dan menu provinsi, menu
77
order, menu laporan penjualan, menu settings yang mempunyai sub-menu
yaitu menu manajemen karyawan dan logout.
Sumber : Hasil Penelitian (2017)
Gambar III.62. Implementasi Halaman Utama Admin
3) Halaman Menu Kategori Buku
Halaman menu kategori buku ini adalah salah satu sub-menu dari menu master
yang menampilkan data kategori buku untuk melihat kategori yang ada dan di
halaman ini dapat menginput kategori, mengedit dan menghapus.
Sumber : Hasil Penelitian (2017)
Gambar III.63. Implementasi Halaman Menu Kategori Buku
78
4) Halaman Input Kategori Buku
Pada halaman ini admin bisa menambah/menginput data kategori buku.
Sumber : Hasil Penelitian (2017)
Gambar III.64. Implementasi Halaman Input Kategori Buku
5) Halaman Edit Kategori Buku
Pada halaman ini admin dapat mengedit data kategori buku.
Sumber : Hasil Penelitian (2017)
Gambar III.65. Implementasi Halaman Edit Kategori Buku
6) Halaman Aksi Hapus Data
Admin dapat menghapus data yang terdapat pada menu-menu di halaman
admin.
79
Sumber : Hasil Penelitian (2017)
Gambar III.66. Implementasi Halaman Aksi Hapus Data
7) Halaman Menu Buku
Halaman menu buku ini adalah salah satu sub-menu dari menu master yang
menampilkan data seluruh buku untuk melihat buku yang tersedia dan di
halaman ini dapat menginput, mengedit dan menghapus.
Sumber : Hasil Penelitian (2017)
Gambar III.67. Implementasi Halaman Menu Buku
80
8) Halaman Input Buku
Pada halaman ini admin bisa menambah/menginput data buku.
Sumber : Hasil Penelitian (2017)
Gambar III.68. Implementasi Halaman Input Buku
9) Halaman Edit Buku
Pada halaman ini admin dapat mengedit data buku.
Sumber : Hasil Penelitian (2017)
Gambar III.69. Implementasi Halaman Edit Buku
81
10) Halaman Menu Member
Halaman menu member ini adalah salah satu sub-menu dari menu master data
yang menampilkan data-data dari pelanggan yang telah melakukan registrasi
untuk menjadi member pada toko buku ini. Admin hanya bisa melihat daftarnya
dan dapat menghapus data member yang tidak aktif.
Sumber : Hasil Penelitian (2017)
Gambar III.70. Implementasi Halaman Menu Member
11) Halaman Menu Jenis Bank
Halaman menu jenis bank ini adalah salah satu sub-menu dari menu master
yang menampilkan data jenis bank yang toko buku gunakan agar dapat dipilih
salah satu oleh pelanggan saat mengisi form konfirmasi pembelian dan di
halaman ini admin dapat menginput, mengedit dan menghapus.
Sumber : Hasil Penelitian (2017)
Gambar III.71. Implementasi Halaman Menu Jenis Bank
82
12) Halaman Input Bank
Pada halaman ini admin bisa menambah/menginput jenis bank.
Sumber : Hasil Penelitian (2017)
Gambar III.72. Implementasi Halaman Input Bank
13) Halaman Edit Bank
Pada halaman ini admin dapat mengedit jenis bank.
Sumber : Hasil Penelitian (2017)
Gambar III.73. Implementasi Halaman Edit Bank
14) Halaman Menu Provinsi
Halaman menu provinsi ini adalah salah satu sub-menu dari menu master yang
menampilkan data provinsi dan di halaman ini admin dapat menginput,
mengedit dan menghapus data.
83
Sumber : Hasil Penelitian (2017)
Gambar III.74. Implementasi Halaman Menu Provinsi
15) Halaman Input Provinsi
Pada halaman ini admin bisa menambah/menginput provinsi.
Sumber : Hasil Penelitian (2017)
Gambar III.75. Implementasi Halaman Input Provinsi
16) Halaman Edit Provinsi
Pada halaman ini admin dapat mengedit provinsi.
84
Sumber : Hasil Penelitian (2017)
Gambar III.76. Implementasi Halaman Edit Provinsi
17) Halaman Menu Order
Pada halaman ini admin bisa melihat informasi dari orderan member yang
telah melakukan konfirmasi pembelian. Admin hanya dapat mengedit status
order dan menghapus data order jika pembelian dibatalkan.
Sumber : Hasil Penelitian (2017)
Gambar III.77. Implementasi Halaman Menu Order
85
18) Halaman Edit Order
Pada halaman ini admin dapat mengedit status order.
Sumber : Hasil Penelitian (2017)
Gambar III.78. Implementasi Halaman Edit Order
19) Halaman Detail Order
Pada halaman ini admin dapat melihat detail order pemesanan buku.
Sumber : Hasil Penelitian (2017)
Gambar III.79. Implementasi Halaman Detail Order
86
20) Halaman Laporan Penjualan
Pada halaman ini, admin dapat melakukan pengecekan penjualan buku
perbulan serta pertahun dari para pelanggan yang telah melakukan transaksi
pembelian pada toko buku ini.
Sumber : Hasil Penelitian (2017)
Gambar III.80. Implementasi Halaman Laporan Penjualan
21) Halaman Cetak Laporan Penjualan
Pada halaman ini, admin dapat mencetak laporan penjualan bulanan buku.
Sumber : Hasil Penelitian (2017)
Gambar III.81. Implementasi Halaman Cetak Laporan Penjualan
87
22) Halaman Menu Manajemen Karyawan
Halaman menu manajemen karyawan ini adalah salah satu sub-menu dari menu
settings yang menampilkan data seluruh karyawan / admin dan di halaman ini
dapat menginput, mengedit dan menghapus data.
Sumber : Hasil Penelitian (2017)
Gambar III.82. Implementasi Halaman Menu Manajemen Karyawan
23) Halaman Input Manajemen Karyawan
Pada halaman ini admin bisa menambah/menginput data karyawan.
Sumber : Hasil Penelitian (2017)
Gambar III.83. Implementasi Halaman Input Manajemen Karyawan
88
24) Halaman Edit Manajemen Karyawan
Pada halaman ini admin dapat mengedit data manajemen karyawan.
Sumber : Hasil Penelitian (2017)
Gambar III.84. Implementasi Halaman Edit Manajemen Karyawan
25) Halaman Permintaan Pesanan
Halaman menu permintaan pesanan ini adalah salah satu sub-menu dari menu
settings yang menampilkan data permintaan pemesanan buku oleh pengunjung
dan pelanggan agar memudahkan admin untuk menyediakan buku sesuai
permintaan. Pada halaman ini admin dapat menghapus data permintaan jika
buku yang dipesan sudah tersedia pada toko buku.
Sumber : Hasil Penelitian (2017)
Gambar III.85. Implementasi Halaman Permintaan Pesanan
89
26) Halaman Logout
Ketika admin yang melakukan login mengklik tombol logout, maka akan
kembali ke halaman utama website.
Sumber : Hasil Penelitian (2017)
Gambar III.86. Implementasi Halaman Logout
2. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasi website toko buku online.
a. Spesifikasi Perangkat Keras
1) Server
a) CPU
(1) Processor Intel® Celeron® CPU N2840 @2.16GHz.
(2) RAM 4 GB.
(3) Harddisk 450 GB.
90
b) Mouse.
c) Keyboard.
d) Monitor dengan resolusi layar minimum 1366 x 768.
e) Koneksi internet dengan kecepatan 10 Mbps.
2) Client
a) CPU
(1) Intel Pentium 4, 1, 3 GHz.
(2) RAM 1 GB.
(3) Harddisk 250 GB.
b) Mouse.
c) Keyboard.
d) Monitor dengan resolusi layar minimum 1366 x 768.
e) Koneksi internet dengan kecepatan 56 kbps.
b. Spesifikasi Perangkat Lunak
1) Server
a) Microsoft Windows 7 Ultimate.
b) Xampp version 5.6.24.
(1) Aplikasi Apache Server v2.4.23 (32 bit)
(2) Aplikasi PHP Server v5.6.24
(3) Aplikasi Adminer 4.2.4
c) Google Chrome Version 59.0.03071.115 64 bit.
2) Client
a) Microsoft Windows 7.
b) Google Chrome Version 59.0.03071.115 64 bit.
91
3.3.2. Pengujian Unit
Dalam pengujian unit pada website ini menggunakan blackbox testing
dimana pengujian difokuskan terhadap proses masukan dan keluaran program.
1. Pengujian Terhadap Form Login Admin
Pengujian blackbox testing ini berdasarkan pada form login yang telah dibuat
pada website.
Tabel III.8.
Hasil Pengujian Black Box Testing Halaman Login Admin
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Username
dan
Password
tidak diisi
kemudian
klik
tombol
login
Username:
(Kosong)
Password:
(Kosong)
Message box
akan muncul
“Email atau
Password
Anda Tidak
Boleh
Kosong!”
Dan akan tetap
pada halaman
website
Sesuai
Harapan Valid
2
Username
diisi dan
Password
tidak diisi
kemudian
klik
tombol
login
Username: dewisukma@yahoo
.com Password:
(Kosong)
Message box
akan muncul
“Email atau
Password
Anda Tidak
Cocok!”
Dan akan tetap
pada halaman
website
Sesuai
Harapan Valid
3
Username
tidak diisi
dan
Password
diisi
kemudian
klik
tombol
login
Username: (Kosong)
Password:
(123456)
Message box
akan muncul
“Email atau
Password
Anda Tidak
Cocok!”
Dan akan tetap
pada halaman
website
Sesuai
Harapan Valid
4 Username
diisi Username:
dewisukma@gmail.
Message box
akan muncul
Sesuai
Harapan Valid
92
dengan
salah dan
Password
diisi
dengan
salah
kemudian
klik
tombol
login
com (salah) Password:
458753(salah)
“Email atau
Password
Anda Tidak
Cocok!”
Dan akan tetap
pada halaman
website
5
Username
diisi
dengan
benar dan
Password
diisi
dengan
benar
kemudian
klik
tombol
login
Username:
dewisukma@yah
oo.com (benar)
Password:
111111 (benar)
Anda akan
langsung
masuk ke
halaman utama
Administrator
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.9.
Hasil Pengujian Black Box Testing Pada Input Data Karyawan
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika data
yang ada
pada
inputan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Email, Password,
Nama Karyawan,
Jenis Kelamin,
Alamat
Karyawan,
Kota/Kabupaten,
Provinsi,
Kodepos,
Telepon/HP
(Kosong)
Maka disetiap
form input
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
registrasi
karyawan
Sesuai
Harapan Valid
2
Jika
password
diisi
kurang
dari 6
Email, Password
(123) , Nama
Karyawan, Jenis
Kelamin, Alamat
Karyawan,
Kota/Kabupaten,
Provinsi,
Maka akan
muncul
“Password
minimal 6
karakter”. Dan
akan tetap
pada halaman
Sesuai
Harapan Valid
93
Kodepos,
Telepon/HP
registrasi
karyawan
3
Jika ada
inputan
yang diisi
dan ada
inputan
yang tidak
diisi
kemudian
tekan
tombol
SIMPAN
Email, Password,
Nama Karyawan
(diisi), Jenis
Kelamin, Alamat
Karyawan
(kosong),
Kota/Kabupaten,
Provinsi,
Kodepos,
Telepon/HP
Maka disetiap
form input
yang tidak diisi
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
registrasi
karyawan
Sesuai
Harapan Valid
4
Jika
semua
inputan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Email, Password,
Nama Karyawan,
Jenis Kelamin,
Alamat
Karyawan,
Kota/Kabupaten,
Provinsi,
Kodepos,
Telepon/HP
(Semua Diisi)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman data
karyawan
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.10.
Hasil Pengujian Black Box Testing Pada Edit Data Karyawan
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika data
yang ada
pada
editan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Email, Password,
Nama Karyawan,
Jenis Kelamin,
Alamat
Karyawan,
Kota/Kabupaten,
Provinsi,
Kodepos,
Telepon/HP
(Kosong)
Maka disetiap
form input
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
edit data
karyawan
Sesuai
Harapan Valid
2
Jika
password
diisi
kurang
Email, Password
(123) , Nama
Karyawan, Jenis
Kelamin, Alamat
Maka akan
muncul
“Password
minimal 6
Sesuai
Harapan Valid
94
dari 6 Karyawan,
Kota/Kabupaten,
Provinsi,
Kodepos,
Telepon/HP
karakter”. Dan
akan tetap
pada halaman
edit data
karyawan
3
Jika ada
editan
yang diisi
dan ada
editan
yang tidak
diisi
kemudian
tekan
tombol
SIMPAN
Email, Password,
Nama Karyawan
(diisi), Jenis
Kelamin, Alamat
Karyawan
(kosong),
Kota/Kabupaten,
Provinsi,
Kodepos,
Telepon/HP
Maka disetiap
form input
yang tidak diisi
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
edit data
karyawan
Sesuai
Harapan Valid
4
Jika
semua
editan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Email, Password,
Nama Karyawan,
Jenis Kelamin,
Alamat
Karyawan,
Kota/Kabupaten,
Provinsi,
Kodepos,
Telepon/HP
(Semua Diisi)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman data
karyawan
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.11.
Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Karyawan
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
cancel
Sistem tidak
akan
menghapus
data dan akan
tetap pada
halaman
manajemen
karyawan
Sesuai
Harapan Valid
2
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
Muncul
Message Box
“Data Berhasil
Dihapus” dan
Sesuai
Harapan Valid
95
OK akan tetap
pada halaman
manajemen
karyawan
Sumber: Hasil Penelitian (2017)
Tabel III.12.
Hasil Pengujian Black Box Testing Pada Input Kategori
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
inputan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Nama Kategori
(Kosong)
Maka dibawah
form input
akan muncul
“Nama
Kategori Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
input data
kategori
Sesuai
Harapan Valid
2
Jika
inputan
kategori
diisi
dengan
angka dan
kemudian
tekan
tombol
SIMPAN
Nama Kategori
(123456)
Maka dibawah
form input
akan muncul
“Hanya huruf
saja”
Dan akan tetap
pada halaman
input data
kategori
Sesuai
Harapan Valid
3
Jika
inputan
diisi dan
kemudian
tekan
tombol
SIMPAN
Nama Kategori
(Bahasa dan
Teknologi)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman data
kategori
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
96
Tabel III.13.
Hasil Pengujian Black Box Testing Pada Edit Kategori
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika editan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Nama Kategori
(Kosong)
Maka dibawah
form input
akan muncul
“Nama
Kategori Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
edit data
kategori
Sesuai
Harapan Valid
2
Jika editan
kategori
diisi
dengan
angka dan
kemudian
tekan
tombol
SIMPAN
Nama Kategori
(123456)
Maka dibawah
form input
akan muncul
“Hanya huruf
saja”
Dan akan tetap
pada halaman
edit data
kategori
Sesuai
Harapan Valid
3
Jika editan
diisi dan
kemudian
tekan
tombol
SIMPAN
Nama Kategori
(Bahasa dan
Kamus)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman data
kategori
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.14.
Hasil Pengujian Black Box Testing Pada Aksi Hapus Kategori
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
cancel
Sistem tidak
akan
menghapus
data dan akan
tetap pada
halaman Data
Sesuai
Harapan Valid
97
Kategori Buku
2
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
OK
Muncul
Message Box
“Data Berhasil
Dihapus” dan
akan tetap
pada halaman
Data Kategori
Buku
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.15.
Hasil Pengujian Black Box Testing Pada Input Data Buku
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika data
yang ada
pada
inputan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Kode Buku, Judul
Buku, Kategori
Buku, Pengarang,
Penerbit, Tahun
Terbit, Harga
Buku, Stok Buku,
Upload Foto
Buku (Kosong)
Maka disetiap
form input
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
input data
buku
Sesuai
Harapan Valid
2
Jika ada
inputan
yang diisi
dan ada
inputan
yang tidak
diisi
kemudian
tekan
tombol
SIMPAN
Kode Buku, Judul
Buku (Diisi),
Kategori Buku,
Pengarang,
Penerbit, Tahun
Terbit, Harga
Buku, Stok Buku,
Upload Foto
Buku (Kosong)
Maka disetiap
form input
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
input data
buku
Sesuai
Harapan Valid
4
Jika
semua
inputan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
Kode Buku, Judul
Buku, Kategori
Buku, Pengarang,
Penerbit, Tahun
Terbit, Harga
Buku, Stok Buku,
Upload Foto
Buku
(Semua Diisi)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman data
seluruh buku
Sesuai
Harapan Valid
98
tombol
SIMPAN
Sumber: Hasil Penelitian (2017)
Tabel III.16.
Hasil Pengujian Black Box Testing Pada Edit Data Buku
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika data
yang ada
pada
editan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Kode Buku, Judul
Buku, Kategori
Buku, Pengarang,
Penerbit, Tahun
Terbit, Harga
Buku, Stok Buku,
Upload Foto
Buku (Kosong)
Maka disetiap
form input
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
edit data buku
Sesuai
Harapan Valid
2
Jika ada
editan
yang diisi
dan ada
editan
yang tidak
diisi
kemudian
tekan
tombol
SIMPAN
Kode Buku, Judul
Buku (Diisi),
Kategori Buku,
Pengarang,
Penerbit, Tahun
Terbit, Harga
Buku, Stok Buku,
Upload Foto
Buku (Kosong)
Maka disetiap
form input
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
edit data buku
Sesuai
Harapan Valid
3
Jika
semua
editan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Kode Buku, Judul
Buku, Kategori
Buku, Pengarang,
Penerbit, Tahun
Terbit, Harga
Buku, Stok Buku,
Upload Foto
Buku
(Semua Diisi)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman data
seluruh buku
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
99
Tabel III.17.
Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Buku
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
cancel
Sistem tidak
akan
menghapus
data dan akan
tetap pada
halaman Data
Seluruh Buku
Sesuai
Harapan Valid
2
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
OK
Muncul
Message Box
“Data Berhasil
Dihapus” dan
akan tetap
pada halaman
Data Seluruh
Buku
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.18.
Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Member
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
cancel
Sistem tidak
akan
menghapus
data dan akan
tetap pada
halaman Data
Member
Sesuai
Harapan Valid
2
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
OK
Muncul
Message Box
“Data Berhasil
Dihapus” dan
akan tetap
pada halaman
Data Member
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
100
Tabel III.19.
Hasil Pengujian Black Box Testing Pada Input Jenis Bank
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
inputan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Nama Bank
(Kosong)
Maka dibawah
form input
akan muncul
“Nama Bank
Tidak Boleh
Kosong”
Dan akan tetap
pada halaman
input Nama
Bank
Sesuai
Harapan Valid
2
Jika
inputan
nama bank
diisi
dengan
angka dan
kemudian
tekan
tombol
SIMPAN
Nama Bank
(123456)
Maka dibawah
form input
akan muncul
“Hanya huruf
saja”
Dan akan tetap
pada halaman
input Nama
Bank
Sesuai
Harapan Valid
3
Jika
inputan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Nama Bank
(Bank BCA)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman Jenis
Bank
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.20.
Hasil Pengujian Black Box Testing Pada Edit Jenis Bank
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika editan
dihapus
dan tidak
diisi
Nama Bank
(Kosong)
Maka dibawah
form input
akan muncul
“Nama Bank
Sesuai
Harapan Valid
101
kemudian
tekan
tombol
SIMPAN
Tidak Boleh
Kosong”
Dan akan tetap
pada halaman
edit Nama
Bank
2
Jika editan
nama bank
diisi
dengan
angka dan
kemudian
tekan
tombol
SIMPAN
Nama Bank
(123456)
Maka dibawah
form input
akan muncul
“Hanya huruf
saja”
Dan akan tetap
pada halaman
edit Nama
Bank
Sesuai
Harapan Valid
3
Jika editan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Nama Bank
(Bank BNI)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman Jenis
Bank
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.21.
Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Jenis Bank
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
cancel
Sistem tidak
akan
menghapus
data dan akan
tetap pada
halaman Jenis
Bank
Sesuai
Harapan Valid
2
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
OK
Muncul
Message Box
“Data Berhasil
Dihapus” dan
akan tetap
pada halaman
Jenis Bank
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
102
Tabel III.22.
Hasil Pengujian Black Box Testing Pada Input Data Provinsi
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
inputan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Nama Provinsi
(Kosong)
Maka dibawah
form input
akan muncul
“Nama
Provinsi Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
input Data
Provinsi
Sesuai
Harapan Valid
2
Jika
inputan
nama
provinsi
diisi
dengan
angka dan
kemudian
tekan
tombol
SIMPAN
Nama Provinsi
(123456)
Maka dibawah
form input
akan muncul
“Hanya huruf
saja”
Dan akan tetap
pada halaman
input Data
Provinsi
Sesuai
Harapan Valid
3
Jika
inputan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Nama Provinsi
(Kalimantan
Barat)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman Data
Provinsi
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.23.
Hasil Pengujian Black Box Testing Pada Edit Data Provinsi
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Jika editan
dihapus
Nama Provinsi
(Kosong)
Maka dibawah
form input
Sesuai
Harapan Valid
103
dan tidak
diisi
kemudian
tekan
tombol
SIMPAN
akan muncul
“Nama
ProvinsiTidak
Boleh
Kosong”
Dan akan tetap
pada halaman
edit Data
Provinsi
2
Jika editan
nama
provinsi
diisi
dengan
angka dan
kemudian
tekan
tombol
SIMPAN
Nama Provinsi
(123456)
Maka dibawah
form input
akan muncul
“Hanya huruf
saja”
Dan akan tetap
pada halaman
edit Nama
Provinsi
Sesuai
Harapan Valid
3
Jika editan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Nama Provinsi
(Kalimantan
Tengah)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman Data
Provinsi
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.24.
Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Provinsi
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
cancel
Sistem tidak
akan
menghapus
data dan akan
tetap pada
halaman Data
Provinsi
Sesuai
Harapan Valid
2
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
Muncul
Message Box
“Data Berhasil
Dihapus” dan
Sesuai
Harapan Valid
104
OK akan tetap
pada halaman
Data Provinsi
Sumber: Hasil Penelitian (2017)
Tabel III.25.
Hasil Pengujian Black Box Testing Pada Edit Data Order
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika status
order pada
editan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Status Order
(Kosong)
Maka dibawah
form status
order akan
muncul “status
tidak boleh
kosong”
Sesuai
Harapan Valid
2
Jika status
order pada
editan
diisi
kemudian
tekan
tombol
SIMPAN
Status Order
(Diisi)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman data
order
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.26.
Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Order
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
cancel
Sistem tidak
akan
menghapus
data dan akan
tetap pada
halaman Data
Order
Sesuai
Harapan Valid
2
Jika
mengklik
hapus
Message Box
“Anda yakin
ingin menghapus
data ini?” pilih
OK
Muncul
Message Box
“Data Berhasil
Dihapus” dan
akan tetap
Sesuai
Harapan Valid
105
pada halaman
Data Order
Sumber: Hasil Penelitian (2017)
2. Pengujian Tautan (Link) Menu Utama Admin
Pengujian Black Box Testing ini terhadap tautan (link) yang terdapat pada setiap
form inputan aplikasi yang telah dibuat.
Tabel III.27.
Hasil Pengujian Black Box Testing Tautan (Link)
No
Nama
Menu
Link Hasil
Pengujian Kesimpulan
1 Login
admin
http://localhost/tokobuku
/index.php/admin
Sesuai
harapan Valid
2 Data
Kategori
Buku
http://localhost/tokobuku
/index.php/kategori
Sesuai
harapan Valid
3 Data Buku
http://localhost/tokobuku
/index.php/buku
Sesuai
harapan Valid
4 Data
Member
http://localhost/tokobuku
/index.php/member
Sesuai
harapan Valid
5 Data Jenis
Bank
http://localhost/tokobuku
/index.php/jenisbank
Sesuai
harapan Valid
6 Data
Provinsi
http://localhost/tokobuku
/index.php/provinsi
Sesuai
harapan Valid
7 Data Order
http://localhost/tokobuku
/index.php/order
Sesuai
harapan Valid
8 Laporan
Penjualan
http://localhost/tokobuku
/index.php/laporan/pilih_bulan/1
Sesuai
harapan Valid
9 Manajemen
Karyawan
http://localhost/tokobuku
/index.php/karyawan
Sesuai
harapan Valid
10 Permintaan
Pesanan
http://localhost/tokobuku/index.php
/request/tampil
Sesuai
harapan Valid
Sumber : Hasil Penelitian (2017)
106
3. Pengujian Terhadap Form Login Member
Pengujian blackbox testing ini berdasarkan pada form login yang telah dibuat
pada website.
Tabel III.28.
Hasil Pengujian Black Box Testing Halaman Login Member
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Username
dan
Password
tidak diisi
kemudian
klik
tombol
login
Username:
(Kosong)
Password:
(Kosong)
Message box
akan muncul
“Email atau
Password
Anda Tidak
Boleh
Kosong!”
Dan akan tetap
pada halaman
website
Sesuai
Harapan Valid
2
Username
diisi dan
Password
tidak diisi
kemudian
klik
tombol
login
Username: [email protected]
Password:
(Kosong)
Message box
akan muncul
“Email atau
Password
Anda Tidak
Cocok!”
Dan akan tetap
pada halaman
website
Sesuai
Harapan Valid
3
Username
tidak diisi
dan
Password
diisi
kemudian
klik
tombol
login
Username: (Kosong)
Password:
(00000)
Message box
akan muncul
“Email atau
Password
Anda Tidak
Cocok!”
Dan akan tetap
pada halaman
website
Sesuai
Harapan Valid
4
Username
diisi
dengan
salah dan
Password
diisi
dengan
salah
Username: [email protected]
(salah) Password:
458753(salah)
Message box
akan muncul
“Email atau
Password
Anda Tidak
Cocok!”
Dan akan tetap
pada halaman
Sesuai
Harapan Valid
107
kemudian
klik
tombol
login
website
5
Username
diisi
dengan
benar dan
Password
diisi
dengan
benar
kemudian
klik
tombol
login
Username: [email protected]
(benar) Password:
222222 (benar)
Anda akan
langsung
masuk ke
halaman utama
Website
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.29.
Hasil Pengujian Black Box Testing Pada Edit Akun Member
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika data
yang ada
pada
editan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Email, Password,
Nama Akun, Jenis
Kelamin, Alamat,
Kota/Kabupaten,
Provinsi,
Kodepos, Telepon
(Kosong)
Maka disetiap
form input
dibawahnya
akan muncul
“........ Tidak
Boleh
Kosong”
Dan akan tetap
pada halaman
edit akun
Sesuai
Harapan Valid
2
Jika
password
diisi
kurang
dari 6
Email, Password
(123), Nama
Akun, Jenis
Kelamin, Alamat,
Kota/Kabupaten,
Provinsi,
Kodepos, Telepon
Maka akan
muncul
“Password
minimal 6
karakter”. Dan
akan tetap
pada halaman
edit akun
Sesuai
Harapan Valid
3
Jika ada
editan
yang diisi
dan ada
editan
yang tidak
Email (Diisi),
Password, Nama
Akun, Jenis
Kelamin, Alamat
(Kosong),
Kota/Kabupaten,
Maka disetiap
form input
yang tidak diisi
dibawahnya
akan muncul
“........ Tidak
Sesuai
Harapan Valid
108
diisi
kemudian
tekan
tombol
SIMPAN
Provinsi,
Kodepos, Telepon
Boleh
Kosong”
Dan akan tetap
pada halaman
edit akun
4
Jika
semua
editan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Email, Password,
Nama Akun, Jenis
Kelamin, Alamat,
Kota/Kabupaten,
Provinsi,
Kodepos, Telepon
(Semua Diisi)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman utama
website
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)
Tabel III.30.
Hasil Pengujian Black Box Testing Pada Permintaan Pesanan Buku
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Jika
inputan
tidak diisi
dan
kemudian
tekan
tombol
SIMPAN
Nama Lengkap,
Telpon / HP,
Judul Buku,
Nama Pengarang,
Nama Penerbit,
Tahun Terbit
(Kosong)
Maka dibawah
form input
akan muncul
“..............
Tidak Boleh
Kosong”
Dan akan tetap
pada halaman
Menu Request
Sesuai
Harapan Valid
2
Jika
inputan
telpon /
HP dan
tahun
terbit diisi
dengan
huruf,
kemudian
tekan
tombol
SIMPAN
Nama Lengkap,
Telpon / HP
(asdfgh), Judul
Buku, Nama
Pengarang, Nama
Penerbit, Tahun
Terbit (2asd1)
Maka dibawah
form input
akan muncul
“Hanya angka
saja”
Dan akan tetap
pada halaman
Menu Request
Sesuai
Harapan Valid
109
3
Jika
inputan
diisi dan
sesuai
dengan
validasi,
kemudian
tekan
tombol
SIMPAN
Nama Lengkap,
Telpon / HP,
Judul Buku,
Nama Pengarang,
Nama Penerbit,
Tahun Terbit
(Diisi)
Message box
akan muncul
“Data Berhasil
Disimpan”
Dan akan
menuju ke
halaman utama
website
Sesuai
Harapan Valid
Sumber: Hasil Penelitian (2017)