BAB III PEMBAHASAN - repository.bsi.ac.id · 31 4. Menu Login Pada menu login, antara pelanggan dan...

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


Gambar III.2. Rancangan Antarmuka Cara Pesan

c. Rancangan Antarmuka Account


Gambar III.3. Rancangan Antarmuka Account

39

d. Rancangan Antarmuka Contact Us


Gambar III.4. Rancangan Antarmuka Contact Us

e. Rancangan Antarmuka Request


Gambar III.5. Rancangan Antarmuka Request

40

f. Rancangan Antarmuka Deskripsi Buku


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


Gambar III.7. Rancangan Antarmuka Home Member

41

b. Rancangan Antarmuka Cara Pesan Member


Gambar III.8. Rancangan Antarmuka Cara Pesan Member

c. Rancangan Antarmuka Lihat Profil


Gambar III.9. Rancangan Antarmuka Lihat Profil

42

d. Rancangan Antarmuka Contact Us Member


Gambar III.10. Rancangan Antarmuka Contact Us Member

e. Rancangan Antarmuka Request Member


Gambar III.11. Rancangan Antarmuka Request Member

43

f. Rancangan Antarmuka Deskripsi Buku Member


Gambar III.12. Rancangan Antarmuka Deskripsi Buku Member

g. Rancangan Antarmuka Shopping Cart


Gambar III.13. Rancangan Antarmuka Shopping Cart

44

h. Rancangan Antarmuka Konfirmasi Pembelian


Gambar III.14. Rancangan Antarmuka Konfirmasi Pembelian

i. Rancangan Antarmuka Logout


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


Gambar III.16. Rancangan Antarmuka Login Admin

46

b. Rancangan Antarmuka Home Administrator


Gambar III.17. Rancangan Antarmuka Home Administrator

c. Rancangan Antarmuka Menu Kategori Buku


Gambar III.18. Rancangan Antarmuka Menu Kategori Buku

47

d. Rancangan Antarmuka Input Kategori Buku


Gambar III.19. Rancangan Antarmuka Input Kategori Buku

e. Rancangan Antarmuka Edit Kategori Buku


Gambar III.20. Rancangan Antarmuka Edit Kategori Buku

48

f. Rancangan Antarmuka Aksi Hapus Data


Gambar III.21. Rancangan Antarmuka Aksi Hapus Data

g. Rancangan Antarmuka Menu Buku


Gambar III.22. Rancangan Antarmuka Menu Buku

49

h. Rancangan Antarmuka Input Data Buku


Gambar III.23. Rancangan Antarmuka Input Data Buku

i. Rancangan Antarmuka Edit Data Buku


Gambar III.24. Rancangan Antarmuka Edit Data Buku

50

j. Rancangan Antarmuka Menu Member


Gambar III.25. Rancangan Antarmuka Menu Member

k. Rancangan Antarmuka Menu Jenis Bank


Gambar III.26. Rancangan Antarmuka Menu Jenis Bank

51

l. Rancangan Antarmuka Input Bank


Gambar III.27. Rancangan Antarmuka Input Bank

m. Rancangan Antarmuka Edit Bank


Gambar III.28. Rancangan Antarmuka Edit Bank

52

n. Rancangan Antarmuka Menu Provinsi


Gambar III.29. Rancangan Antarmuka Menu Provinsi

o. Rancangan Antarmuka Input Data Provinsi


Gambar III.30. Rancangan Antarmuka Input Data Provinsi

53

p. Rancangan Antarmuka Edit Data Provinsi


Gambar III.31. Rancangan Antarmuka Edit Data Provinsi

q. Rancangan Antarmuka Menu Order


Gambar III.32. Rancangan Antarmuka Menu Order

54

r. Rancangan Antarmuka Edit Status Order


Gambar III.33. Rancangan Antarmuka Edit Status Order

s. Rancangan Antarmuka Detail Order


Gambar III.34. Rancangan Antarmuka Detail Order

55

t. Rancangan Antarmuka Laporan Penjualan


Gambar III.35. Rancangan Antarmuka Laporan Penjualan

u. Rancangan Antarmuka Cetak Laporan Penjualan


Gambar III.36. Rancangan Antarmuka Cetak Laporan Penjualan

56

v. Rancangan Antarmuka Menu Manajemen Karyawan


Gambar III.37. Rancangan Antarmuka Menu Manajemen Karyawan

w. Rancangan Antarmuka Registrasi Karyawan


Gambar III.38. Rancangan Antarmuka Registrasi Karyawan

57

x. Rancangan Antarmuka Edit Data Karyawan


Gambar III.39. Rancangan Antarmuka Edit Data Karyawan

y. Rancangan Antarmuka Permintaan Pesanan


Gambar III.40. Rancangan Antarmuka Permintaan Pesanan

58

3.2.2. Rancangan Basis Data

1. Entitas Relationship Diagram (ERD)


Gambar III.41. Entity Relationship Diagram (ERD)

2. Logical Relationship Structure (LRS)


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



Akses file : Random

Media : Harddisk

Panjang record : 43

Kunci field : Id_provinsi

Software : MySQL

Tabel III.2.

Spesifikasi File Provinsi


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



Akses file : Random

Media : Harddisk


61

Kunci field : Id_kategori

Software : MySQL

Tabel III.3.

Spesifikasi File Kategori


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



Akses file : Random

Media : Harddisk

Panjang record : 52

Kunci field : Id_bank

Software : MySQL

Tabel III.4.

Spesifikasi File Jenis Bank


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



Akses file : Random

Media : Harddisk

Panjang record : 1.411

Kunci field : Kd_buku

Software : MySQL

Tabel III.5.

Spesifikasi File Buku


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



Akses file : Random

Media : Harddisk


Kunci field : Id_order

Software : MySQL

Tabel III.6.

Spesifikasi File Order


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



Akses file : Random

Media : Harddisk


Kunci field : Id_detail_order

Software : MySQL

Tabel III.7.

Spesifikasi File Detail_Order


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.


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.


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.


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.


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


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.


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.


Gambar III.49. Implementasi Halaman Contact Us

5) Halaman Request

Pada halaman request ini sistem menampilkan form pengisian data pemesanan





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.


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


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.


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.


Gambar III.54. Implementasi Halaman Cara Pesan Member

4) Halaman Request

Pada halaman request ini sistem menampilkan form pengisian data pemesanan





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.


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.


Gambar III.57. Implementasi Halaman Lihat Profil

74

7) Halaman Contact Us

Pada halaman contact us ini menampilkan kontak yang dapat dihubungi oleh

pelanggan.


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.


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.


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.


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.


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.


Gambar III.63. Implementasi Halaman Menu Kategori Buku

78

4) Halaman Input Kategori Buku

Pada halaman ini admin bisa menambah/menginput data kategori buku.


Gambar III.64. Implementasi Halaman Input Kategori Buku

5) Halaman Edit Kategori Buku

Pada halaman ini admin dapat mengedit data kategori buku.


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


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.


Gambar III.67. Implementasi Halaman Menu Buku

80

8) Halaman Input Buku

Pada halaman ini admin bisa menambah/menginput data buku.


Gambar III.68. Implementasi Halaman Input Buku

9) Halaman Edit Buku

Pada halaman ini admin dapat mengedit data buku.


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.


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.


Gambar III.71. Implementasi Halaman Menu Jenis Bank

82

12) Halaman Input Bank

Pada halaman ini admin bisa menambah/menginput jenis bank.


Gambar III.72. Implementasi Halaman Input Bank

13) Halaman Edit Bank

Pada halaman ini admin dapat mengedit jenis bank.


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


Gambar III.74. Implementasi Halaman Menu Provinsi

15) Halaman Input Provinsi

Pada halaman ini admin bisa menambah/menginput provinsi.


Gambar III.75. Implementasi Halaman Input Provinsi

16) Halaman Edit Provinsi

Pada halaman ini admin dapat mengedit provinsi.

84


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.


Gambar III.77. Implementasi Halaman Menu Order

85

18) Halaman Edit Order

Pada halaman ini admin dapat mengedit status order.


Gambar III.78. Implementasi Halaman Edit Order

19) Halaman Detail Order

Pada halaman ini admin dapat melihat detail order pemesanan buku.


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.


Gambar III.80. Implementasi Halaman Laporan Penjualan

21) Halaman Cetak Laporan Penjualan

Pada halaman ini, admin dapat mencetak laporan penjualan bulanan buku.


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.


Gambar III.82. Implementasi Halaman Menu Manajemen Karyawan

23) Halaman Input Manajemen Karyawan

Pada halaman ini admin bisa menambah/menginput data karyawan.


Gambar III.83. Implementasi Halaman Input Manajemen Karyawan

88

24) Halaman Edit Manajemen Karyawan

Pada halaman ini admin dapat mengedit data manajemen karyawan.


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.


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.


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

mailto:[email protected]

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


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


Tabel III.10.

Hasil Pengujian Black Box Testing Pada Edit Data Karyawan

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.11.

Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Karyawan

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.12.

Hasil Pengujian Black Box Testing Pada Input Kategori

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


96

Tabel III.13.

Hasil Pengujian Black Box Testing Pada Edit Kategori

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.14.

Hasil Pengujian Black Box Testing Pada Aksi Hapus Kategori

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.15.

Hasil Pengujian Black Box Testing Pada Input Data Buku

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.16.

Hasil Pengujian Black Box Testing Pada Edit Data Buku

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


99

Tabel III.17.

Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Buku

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.18.

Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Member

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


100

Tabel III.19.

Hasil Pengujian Black Box Testing Pada Input Jenis Bank

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.20.

Hasil Pengujian Black Box Testing Pada Edit Jenis Bank

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.21.

Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Jenis Bank

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


102

Tabel III.22.

Hasil Pengujian Black Box Testing Pada Input Data Provinsi

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.23.

Hasil Pengujian Black Box Testing Pada Edit Data Provinsi

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.24.

Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Provinsi

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.25.

Hasil Pengujian Black Box Testing Pada Edit Data Order

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.26.

Hasil Pengujian Black Box Testing Pada Aksi Hapus Data Order

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


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


/index.php/kategori

Sesuai

harapan Valid

3 Data Buku


/index.php/buku

Sesuai

harapan Valid

4 Data

Member


/index.php/member

Sesuai

harapan Valid

5 Data Jenis

Bank


/index.php/jenisbank

Sesuai

harapan Valid

6 Data

Provinsi


/index.php/provinsi

Sesuai

harapan Valid

7 Data Order


/index.php/order

Sesuai

harapan Valid

8 Laporan

Penjualan


/index.php/laporan/pilih_bulan/1

Sesuai

harapan Valid

9 Manajemen

Karyawan


/index.php/karyawan

Sesuai

harapan Valid

10 Permintaan

Pesanan

http://localhost/tokobuku/index.php

/request/tampil

Sesuai

harapan Valid


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


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


(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


(benar) Password:

222222 (benar)

Anda akan

langsung

masuk ke

halaman utama

Website

Sesuai

Harapan Valid


Tabel III.29.

Hasil Pengujian Black Box Testing Pada Edit Akun Member

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


Tabel III.30.

Hasil Pengujian Black Box Testing Pada Permintaan Pesanan Buku

No Skenario

Pengujian Test case

Hasil yang

diharapkan

Hasil


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


BAB III PEMBAHASAN - repository.bsi.ac.id · 31 4. Menu Login Pada menu login, antara pelanggan dan...

Documents

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · 31 4. Menu Login Pada menu login, antara pelanggan dan...