BAB III PEMBAHASAN. pembangunan sebuah web menggunakan metode waterfall, yang perlu dilakukan

Transkripsi

1 BAB III PEMBAHASAN 3.1. Analisis Kebutuhan Seperti yang telah dijelaskan di bab sebelumnya mengenai strategi persiapan pembangunan sebuah web menggunakan metode waterfall, yang perlu dilakukan pertama kali adalah melakukan analisis. Ada dua analisis yang cukup penting yang perlu dilakukan sebelum membangun sebuah web, yaitu analisis kebutuhan pengguna dan analisis kebutuhan sistem Analisis Kebutuhan Pengguna 1. Administrator a. Mengelola admin toko, menangani masalah yang terjadi di admin. b. Admin dapat melihat pelanggan yang sudah menjadi member. c. Admin dapat menambah, mengedit, dan menghapus produk. d. Admin dapat menambahkan kategori produk. e. Admin dapat mengedit/ mengganti harga sewaktu-waktu. f. Admin dapat mengupdate stok barang. g. Admin dapat melihat pesanan dari konsumen. h. Admin dapat melihat laporan transaksi penjualan. i. Admin dapat merubah status pemesanan barang. 23

2 24 2. Pengunjung a. Pengunjung hanya dapat melihat-lihat produk yang ditawarkan. b. Pengunjung hanya mendapatkan informasi tentang produk secara detail. c. Pengunjung harus mendaftar terlebih dahulu apabila ingin membeli. 3. Pelanggan a. Pengunjung hanya dapat melakukan transaksi pembelian setelah terdaftar sebagai pelanggan. b. Pelanggan melakukan registrasi dengan mengisi data diri yang ada pada form daftar member, kemudian pelanggan akan tercatat sebagai member. c. Pelanggan dapat melihat-lihat produk yang ditawarkan. Setelah pelanggan memilih produk, kemudian pelanggan dapat memilih kategori produk mana yang akan dibeli, barulah kemudian masuk ke dalam keranjang belanja, setelah itu akan tampil daftar rincian barang yang dibeli beserta total harga. Jika pelanggan ingin memesan barang lagi silahkan pilih tombol PESAN LAGI, jika tidak maka pilih tombol SELESAI. Setelah melakukan pemesanan kemudian pelanggan diharuskan melakukan konfirmasi pembayaran yang ada di menu bagian atas. Apabila pembayaran sudah diproses, maka barang akan langsung dikirim. d. Pelanggan dapat melihat status pemesanan.

3 Analisis Kebutuhan Sistem Analisa kebutuhan sistem akan memberikan tekanan-tekanan secara garis besar dalam menyusun suatu sistem baru untuk mencapai sasaran yang sesuai dengan kebutuhan dan kondisi dari perusahaan. 1. Kebutuhan sistem untuk admin a. Admin dapat menampilkan informasi tentang penjualan perlengkapan olahraga secara online. b. Admin dapat menampilkan informasi pelanggan yang melakukan pembelian secara online. c. Admin dapat menampilkan informasi jumlah dan spesifikasi barang yang dijual. d. Memberikan laporan transaksi. 2. Kebutuhan sistem bagi pelanggan a. Memberikan form daftar member bagi pengunjung yang ingin menjadi member. b. Menyediakan layanan transaksi pembelian. c. Memberikan informasi tentang produk-produk toko perlengkapan olahraga Perancangan Perangkat Lunak Rancangan Antar Muka Rancangan antar muka bertujuan untuk memberikan gambaran mengenai rancangan website yang akan dibangun, sehingga akan mudah dalam

4 26 mengimplementasikan website dan juga memudahkan pembuatan website yang user friendly. Untuk rancangan antar muka pada tampilan website terdiri dari beberapa rancangan halaman, diantaranya sebagai berikut. 1. Rancangan Antar Muka Halaman Utama Pengunjung Rancangan antar muka halaman utama pengunjung ini nantinya berisi menumenu utama yang dapat mengakses dan menjadi penghubung antara pengguna dan sistem. Gambar III.1. Rancangan Antar Muka Halaman Utama Pengunjung

5 27 2. Rancangan Antar Muka Halaman Produk Pada halaman ini nantinya pengunjung yang belum terdaftar menjadi member hanya bisa melihat produk yang dijual, tetapi tidak bisa untuk membeli produk. Pengunjung harus mendaftar sebagi member untuk dapat membeli produk yang dijual. Gambar III.2. Rancangan Antar Muka Halaman Produk

6 28 3. Rancangan Antar Muka Halaman Login Member Pada halaman ini nantinya pelanggan yang sudah terdaftar menjadi member melakukan login untuk masuk kehalaman pelanggan agar dapat melakukan pembelian secara online. Jika pengunjung belum terdaftar sebagai member maka dapat melakukan registrasi/daftar member. Gambar III.3. Rancangan Antar Muka Halaman Login Member

7 29 4. Rancangan Antar Muka Halaman Pelanggan Pada halaman ini nantinya pelanggan dapat melakukan pembelian barang secara online dan terdapat user panel yang terdiri dari edit user, keranjang belanja, daftar belanja dan logout. Gambar III.4. Rancangan Antar Muka Halaman Pelanggan

8 30 5. Rancangan Antar Muka Halaman Keranjang Belanja Pada halaman ini nantinya akan menampilkan seluruh pesanan yang sudah di klik BELI oleh pelanggan, setelah itu pelanggan dapat memesan kembali, merubah jumlah beli maupun selesai membeli barang. Gambar III.5. Rancangan Antar Muka Halaman Keranjang Belanja

9 31 6. Rancangan Antar Muka Halaman Daftar Belanja Pada halaman ini nantinya akan menampilkan daftar rincian barang yang dipesan oleh pelanggan, selain itu pelanggan dapat mencetak nomor pemesanan. Gambar III.6. Rancangan Antar Muka Halaman Daftar Belanja

10 32 7. Rancangan Antar Muka Halaman Login Admin Pada halaman ini administrator harus melakukan login terlebih dahulu agar dapat masuk kedalam halaman admin. Jika login berhasil, maka menu-menu yang ada didalam halaman admin akan ditampilkan. Gambar III.7. Rancangan Antar Muka Halaman Login Admin

11 33 8. Rancangan Antar Muka Halaman Admin Pada halaman ini nantinya akan berisi menu yang berfungsi untuk mengelola data penjualan seperti data barang, data kategori, data pelanggan, konfirmasi pembayaran, profil dan laporan penjualan. Gambar III.8. Rancangan Antar Muka Halaman Admi

12 34 9. Rancangan Antar Muka Halaman Input Admin Halaman ini nantinya akan berfungsi untuk melakukan penambahan admin. Gambar III.9. Rancangan Antar Muka Halaman Input Admin

13 Rancangan Antar Muka Halaman Data Admin Halaman ini akan menampilkan data admin yang telah di input di halaman Tambah admin. Gambar III.10. Rancangan Antar Muka Halaman Data Admin

14 Rancangan Antar Muka Halaman Input Barang Halaman ini nantinya akan berfungsi untuk melakukan penambahan barang yang akan dijual. Gambar III.11. Rancangan Antar Muka Halaman Input Barang

15 Rancangan Antar Muka Halaman Data Barang Halaman ini nantinya akan menampilkan data barang yang telah di input dihalaman tambah barang. Gambar III.12. Rancangan Antar Muka Halaman Data Barang

16 Rancangan Antar Muka Halaman Input Kategori Halaman ini nantinya berfungsi untuk melakukan penambahan kategori barang yang akan dijual. Gambar III.13. Rancangan Antar Muka Halaman Input Kategori

17 Rancangan Antar Muka Halaman Data Kategori Pada halaman ini nantinya akan menampilkan data kategori barang yang telah di input dihalaman tambah kategori. Gambar III.14. Rancangan Antar Muka Halaman Data Kategori

18 Rancangan Antar Muka Halaman Data Pelanggan Halaman ini nantinya akan menampikan data pelanggan yang telah melakukan pendaftaran dihalaman register. Gambar III.15. Rancangan Antar Muka Halaman Data Pelanggan

19 Rancangan Antar Muka Halaman Data Pesanan Pada halaman ini nantinya akan menampilkan data pesanan pelanggan. Gambar III.16. Rancangan Antar Muka Halaman Data Pesanan

20 Rancangan Antar Muka Halaman Data Profil Pada halaman ini nantinya admin dapat mengedit tata cara pembelian, pembayaran dan nomor rekening yang selanjutnya akan ditampilkan pada halaman web. Gambar III.17. Rancangan Antar Muka Halaman Data Profil

21 Rancangan Antar Muka Halaman Data Laporan Pada halaman ini nantinya admin dapat memilih jangka waktu laporan transaksi pesanan yang ingin ditampilkan. Gambar III.18. Rancangan Antar Muka Halaman Data Laporan

22 Rancangan Antar Muka Halaman Data Konfirmasi Pembayaran Pada halaman ini nantinya admin bisa melihat data konfirmasi pembayaran yang telah dilakukan oleh pelanggan yang sudah menjadi member. Gambar III.19. Rancangan Antar Muka Halaman Data Konfirmasi Pembayaran Rancangan Basis Data Dalam merancang sebuah sistem, maka seluruh data yang akan dipergunakan oleh sistem tersebut harus disimpan kedalam suatu basis data yang memiliki kelebihan data independent. Dengan menerapkan suatu basis data dalam strategi akses dalam pengembangan sistem tanpa harus mengubah program-program aplikasi

23 45 yang sudah ada. Langkah yang harus dilakukan dalam pembentukan suatu basis data yang baik adalah: 1. ERD (Entity Relationship Diagram) Gambar III.20. Rancangan Basis Data ERD (Entity Relationship Diagram)

24 46 2. LRS (Logical Record Structure) Gambar III.21. Rancangan Basis Data LRS (Logical Record Structure) 3. Spesifikasi file Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan atau file-file penunjang untuk web). File-file ini tersimpan pada db_sport dengan parameter-parameter sebagai berikut : a. Spesifikasi file Admin Nama file Akronim : Tabel Admin : admin

25 47 Fungsi Tipe file : untuk menyimpan data admin : file master Organisasi file : index sequential Akses file Media : Random : Hard Disk Panjang record : 105 Kunci field Software : id_admin : MySQL Tabel III.1. Spesifikasi file Admin No Elemen Data Nama Field Tipe Size Ket 1. ID Admin id_admin Int 5 Primary Key + 2. Username Username Varchar Kata Sandi Password Varchar Nama Admin Nama Varchar 25 Auto Increment b. Spesifikasi file Anggota Nama file Akronim Fungsi Tipe file : Tabel Anggota : anggota : untuk menyimpan data anggota : file master Organisasi file : index sequential

26 48 Akses file Media : Random : Hard Disk Panjang record : 125 Kunci field Software : id_anggota : MySQL Tabel III.2. Spesifikasi file Anggota No Elemen Data Nama Field Tipe Size Ket 1. ID Anggota id_anggota Int 8 Primary Key + 2. Username Username Varchar Kata Sandi Password Varchar Nama Anggota Nama Varchar Alamat Anggota Alamat Text Anggota Varchar Telepon Telepon Varchar 12 Auto Increment 8. Status Aktif Status Enum - Ya, Tidak c. Spesifikasi file Barang Nama file Akronim Fungsi Tipe file : Tabel Barang : barang : untuk menyimpan data barang : file master

27 49 Organisasi file : index sequential Akses file Media : Random : Hard Disk Panjang record : 75 Kunci field Software : id_barang : MySQL Tabel III.3. Spesifikasi file Barang No Elemen Data Nama Field Tipe Size Ket 1. ID Barang id_barang Int 5 Primary Key + Auto Increment 2. ID Kategori id_kategori Int 5 Foreign Key 3. ID Admin id_admin Int 5 Foreign Key 4. Nama Barang nama_barang Varchar Size Barang Size Varchar 5 6. Stok Barang Stok Int 5 7. Keterangan Barang Keterangan Text - 8. Harga Barang Harga Double - 9. Gambar Barang Gambar Text - d. Spesifikasi file Kategori Nama file Akronim : Tabel Kategori : kategori

28 50 Fungsi Tipe file : untuk menyimpan data kategori : file master Organisasi file : index sequential Akses file Media : Random : Hard Disk Panjang record : 30 Kunci field Software : id_kategori : MySQL Tabel III.4. Spesifikasi file Kategori No Elemen Data Nama Field Tipe Size Ket 1. ID Kategori id_kategori Int 5 Primary Key + 2. Nama Kategori nama_kategori Varchar 25 Auto Increment e. Spesifikasi file Konfirmasi Nama file Akronim Fungsi Tipe file : Tabel Konfirmasi : konfirmasi : untuk menyimpan data konfirmasi pembayaran : file Transaksi Organisasi file : index sequential Akses file Media : Random : Hard Disk

29 51 Panjang record : 173 Kunci field Software : id_konfirmasi : MySQL Tabel III.5. Spesifikasi file Konfirmasi No Elemen Data Nama Field Tipe Size Ket 1. ID Konfirmasi id_konfirmasi Int 5 Primary Key + Auto Increment 2. Kode Pesan id_pesan Varchar 14 Foreign Key 3. Nama Anggota Nama Varchar Bank Pemilik bank_pemilik Varchar Pemilik Pemilik Varchar No Rekening Norekening Varchar Bank Tujuan bank_tujuan Varchar Tanggal Tanggal Date Anggota Varchar Alamat Tujuan Alamat Text Telepon Telepon Varchar Jumlah Transfer Jumlahtransfer Double Gambar Struk Gambar Text -

30 52 f. Spesifikasi file Pesan Nama file Akronim Fungsi Tipe file : Tabel Pesan : pesan : untuk menyimpan data pesanan : file Transaksi Organisasi file : index sequential Akses file Media : Random : Hard Disk Panjang record : 19 Kunci field Software : id_pesan : MySQL Tabel III.6. Spesifikasi file Pesan No Elemen Data Nama Field Tipe Size Ket 1. ID Pesan id_pesan Varchar 14 Primary Key 2. ID Anggota id_anggota Int 5 Foreign Key 3. Status Pesan Status_pesan Enum - Lunas, Pesan 4. Total Harga total_harga Double - 5. Tanggal Pesan tanggal_pesan Date - g. Spesifikasi file Pesan_detail Nama file Akronim : Tabel Pesain_detail : pesan_detail

31 53 Fungsi Tipe file : untuk menyimpan data pesanan detail : file Transaksi Organisasi file : index sequential Akses file Media : Random : Hard Disk Panjang record : 24 Kunci field : - Software : MySQL Tabel III.7. Spesifikasi file Pesan_detail No Elemen Data Nama Field Tipe Size Ket 1. ID Pesan id_pesan Varchar 14 Foreign Key 2. ID Barang id_barang Int 5 Foreign Key 3. Jumlah Jumlah Int 5 4. Harga Barang Harga Double Struktur Navigasi Untuk membuat rancangan alur dan link-link pada halaman website, penulis terlebih dahulu membuat struktur navigasinya, karena struktur navigasi akan membantu dalam menentukan arah pergantian halaman website dari satu halaman ke halaman yang lain. Adapun struktur navigasi yang penulis gunakan untuk pembuatan website ini adalah menggunakan struktur navigasi composite model, karena penulis menilai paling sesuai dengan rancangan halaman website yang telah penulis buat.

32 54 Struktur navigasinya adalah: 1. Struktur Navigasi Halaman Utama Pengunjung Gambar III.22. Struktur Navigasi Halaman Utama Pengunjung

33 55 2. Struktur Navigasi Halaman Pelanggan Gambar III.23. Struktur Navigasi Halaman Pelanggan

34 56 3. Struktur Navigasi Halaman Admin Gambar III.24. Struktur Navigasi Halaman Admin 3.3. Implementasi dan Pengujian Unit Implementasi 1. Implementasi Rancangan Antar Muka Implementasi rancangan antar muka pada aplikasi e-commerce berdasarkan hasil rancangan antar muka.

35 57 A. Implementasi Halaman Utama Pengunjung Implementasi halaman utama ini merupakan sentral dari semua halaman form. Form ini berisi menu-menu utama yang dapat mengakses dan menjadi penghubung antara pengguna dengan sistem. Gambar III.25. Implementasi Halaman Utama Pengunjung

36 58 B. Implementasi Halaman Member Pelanggan yang sudah menjadi member harus melakukan login terlebih dahulu untuk dapat melakukan pembelian barang secara online. Jika pengunjung web belum terdaftar sebagai member maka dapat melakukan registrasi/ daftar member untuk dapat melakukan transaksi online. Gambar III.26. Implementasi Halaman Member

37 59 C. Implementasi Halaman Pelanggan Setelah melakukan login, selanjutnya pelanggan akan masuk kedalam halaman pelanggan yang berisi user panel yang terdiri dari edit user, keranjang belanja, daftar belanja dan logout dan dapat membeli produk yang ingin dibeli. Gambar III.27. Implementasi Halaman Pelanggan

38 60 D. Implementasi Halaman Produk Di halaman ini pengunjung yang bukan member hanya bisa melihat produkproduk yang dijual, tetapi tidak bisa untuk membeli produk. Sedangkan pelanggan yang sudah menjadi member, bisa melihat produk yang dijual sekaligus membeli produk yang ingin dibeli. Gambar III.28. Implementasi Halaman Produk

39 61 E. Implementasi Halaman Cara Pembelian Pada menu halaman cara pembayaran berisi tentang informasi atau petunjuk mengenai cara pemesanan, pembelian dan pembayaran barang. Dengan adanya informasi mengenai cara pembayaran ini, maka pengunjung maupun pelanggan yang sudah menjadi member dapat dengan mudah melakukan pembelian barang. Gambar III.29. Implementasi Halaman Cara Pembelian

40 62 F. Implementasi Halaman Konfrmasi Pembayaran Pada menu halaman konfirmasi pembayaran, berisi tentang form yang harus diisi oleh pelanggan yang sudah menjadi member setelah selesai melakukan pemesanan dan sudah melakukan pembayaran. Gambar III.30. Implementasi Halaman Konfirmasi Pembayaran

41 63 G. Implementasi Halaman Keranjang Belanja Pada menu halaman keranjang belanja ini, menampilkan seluruh pesanan yang sudah di klik beli oleh pelanggan. Nantinya pelanggan bisa memesan kembali, merubah jumlah beli maupun selesai membeli barang. Gambar III.31. Implementasi Halaman Keranjang Belanja

42 64 H. Implementasi Halaman Daftar Belanja Jika pelanggan sudah selesai bertransaksi, maka selanjutnya akan tampil halaman daftar belanja yaitu daftar rincian barang yang dipesan oleh pelanggan, selanjutnya pelanggan dapat mencetak nomor pemesanan. Gambar III.32. Implementasi Halaman Daftar Belanja

43 65 I. Implementasi Halaman Login Admin Administrator harus melakukan login terlebih dahulu untuk dapat masuk kedalam halaman admin. Jika login berhasil, maka menu-menu yang ada didalam halaman admin akan ditampilkan. Gambar III.33. Implementasi Halaman Login Admin J. Implementasi Halaman Admin Apabila telah melakukan login dengan benar, maka akan tampil menu halaman admin yang berfungsi untuk mengelola data penjualan seperti data barang, data kategori, data pelanggan, konfirmasi pembayaran, profil dan laporan penjualan.

44 66 Gambar III.34. Implementasi Halaman Admin K. Implementasi Halaman Tambah Admin Untuk melakukan penambahan admin. Isikan semua data admin pada form tambah admin tersebut kemudian klik simpan, maka data akan tersimpan ke dalam database. Gambar III.35. Implementasi Halaman Tambah Admin

45 67 L. Implementasi Halaman Data Admin Setelah melakukan pengisian data pada form tambah admin, selanjutnya data akan ditampilkan pada menu halaman data admin. Gambar III.36. Implementasi Halaman Data Admin M. Implementasi Halaman Tambah Barang Untuk melakukan penambahan barang yang akan dijual. Isikan semua data barang pada form tambah barang tersebut kemudian klik simpan, maka data akan tersimpan ke dalam database.

46 68 N. Implementasi Halaman Data Barang Gambar III.37. Implementasi Halaman Tambah Barang Setelah melakukan pengisian barang pada form tambah barang, selanjutnya akan ditampilkan pada menu halaman data barang. Gambar III.38. Implementasi Halaman Data Barang

47 69 O. Implementasi Halaman Tambah Kategori Untuk melakukan penambahan kategori barang. Isikan semua data kategori barang pada form tambah kategori tersebut kemudian klik simpan, maka data akan tersimpan ke dalam database. Gambar III.39. Implementasi Halaman Tambah Kategori P. Implementasi Halaman Data Kategori Setelah melakukan pengisian kategori barang pada form tambah kategori, selanjutnya akan ditampilkan pada menu halaman data kategori.

48 70 Gambar III.40. Implementasi Halaman Data Kategori Q. Implementasi Halaman Data Pelanggan Setelah melakukan pengisian data pada form daftar member, selanjutnya akan ditampilkan pada menu halaman data pelanggan. Gambar III.41. Implementasi Halaman Data Pelanggan

49 71 R. Implementasi Halaman Profil Pada menu halaman ini, admin bisa mengedit tata cara pembelian, pembayaran dan nomer rekening yang selanjutnya akan ditampilkan pada halaman web. Gambar III.42. Implementasi Halaman Profil S. Implementasi Halaman Laporan Pada halaman laporan transaksi, admin dapat memilih jangka waktu laporan transaksi order yang ingin ditampilkan.

50 72 Gambar III.43. Implementasi Halaman Laporan T. Implementasi Halaman Data Konfirmasi Pembayaran Pada halaman data konfirmasi pembayaran, admin bisa melihat konfirmasi pembayaran yang telah dilakukan pelanggan yang sudah menjadi member. Gambar III.44. Implementasi Halaman Data Konfirmasi Pembayaran

51 73 U. Implementasi Halaman Data Pesanan Pada halaman data pesanan, admin dapat melihat status pesanan pelanggan. Gambar III.45. Implementasi Halaman Data Pesanan V. Implementasi Halaman Cetak Pesanan Pada halaman cetak pesanan ini menampilkan bukti pemesanan berupa data pesanan dan status pesan pelanggan. Gambar III.46. Implementasi Halaman Cetak Pesanan

52 74 W. Implementasi Halaman Cetak Laporan Pada halaman cetak laporan ini, admin bisa melihat dan mencetak laporan penjualan per periode. 2. Spesifikasi Sistem Komputer Gambar III.47. Implementasi Halaman Cetak Laporan Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce untuk penjualan perlengkapan olahraga. a. Spesifikasi Perangkat Keras 1. Server a. CPU 1) Processor AMD A4-3330MX 2) RAM 4 GB 3) Hard Disk 500 GB

53 75 b. Mouse c. Keyboard d. Monitor dengan resolusi minimum 1366 x 768 e. Koneksi internet dengan kecepatan 2 mbps 2. Client a. CPU 1) Pentium(R) Dual-Core CPU 2.20Ghz (2 CPUs),~2.2Ghz 2) RAM 2048 MB RAM 3) Hard Disk 160 GB b. Mouse c. Keyboard d. Monitor dengan resolusi minimum 1366 x 768 b. Spesifikasi Perangkat Lunak 1. Server a. Sistem operasi yang umum digunakan seperti : Microsoft windows b. Aplikasi bundle web server seperti : Xampp dan Dreamweaver yang terdiri dari : 1) Aplikasi Apache Server 2) Aplikasi PHP Server 3) Aplikasi Phpmysql Server 4) Aplikasi Phpmyadmin

54 76 c. Aplikasi web server seperti Mozilla Firefox, Opera, Safari, Internet Explorer dan Google Chrome. 2. Client a. Sistem operasi yang umum digunakan seperti Microsoft Windows atau Linux (Ubuntu, Fedora dan lain-lain). b. Aplikasi web server seperti Mozilla Firefox, Opera, Safari, Internet Explorer dan Google Chrome Pengujian Unit Pengujian sistem dilakukan untuk memeriksa kekompakkan antar komponen sistem yang diimplementasikan. Tujuan dari pengujian sistem adalah untuk memastikan bahwa elemen-elemen atau komponen-komponen dari sistem telah berfungsi sesuai dengan yang diharapkan. Pengujian perangkat lunak ini menggunakan metode black box testing berfokus pada persyaratan atau kebutuhan fungsional perangkat lunak yang dibuat. Pengujian perancangan sistem penjualan perlengkapan olahraga berbasis web menggunakan data uji berupa sebuah data masukan dari pengisian data penjualan barang yang telah dibuat. Adapun hasil dari pengujian tersebut adalah:

55 77 1. Pengujian Terhadap Form Login Admin Tabel III.9. Hasil Pengujian Black Box Testing Halaman Login Admin No. Skenario Pengujian 1. Username dan Password tidak diisi kemudian klik tombol login 2. Mengetikkan username dan password tidak diisi atau kosong kemudian klik tombol login Test Case Username : (Kosong) Password : (Kosong) Username : admin Password : (kosong) Hasil yang diharapkan Sistem akan menolak akses admin dan menampilan username dan password belum diisi! Sistem akan menolak akses admin dan menampilkan "password belum diisi! " Hasil Pengujian Sesuai harapan Sesuai harapan Kesimp ulan Valid Valid 3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username : (kosong) Password : admin1 Sistem akan menolak akses admin dan menampilkan "username belum diisi! " Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username : admin (benar) Password : (salah) Sistem akan menolak akses admin dan menampilkan "username dan password tidak terdaftar! " Sesuai harapan Valid 5. Mengetikkan username dan Username : admin (benar) Sistem akan menerima Sesuai harapan Valid

56 78 password dengan data yang benar kemudian klik tombol login Password : Admin1 (benar) akses login kemudian langsung menampilkan menu utama admin 2. Pengujian Terhadap Form Login Member Tabel III.10. Hasil Pengujian Black Box Testing Halaman Login Member No. Skenario Pengujian 1. Username dan Password tidak diisi kemudian klik tombol login 2. Mengetikkan username dan password tidak diisi atau kosong kemudian klik tombol login Test Case Username : (Kosong) Password : (Kosong) Username : erialmatin Password : (kosong) Hasil yang diharapkan Sistem akan menolak akses user dan menampilan data harus dilengkapi Sistem akan menolak akses user dan menampilkan data harus dilengkapi Hasil Pengujian Sesuai harapan Sesuai harapan Kesimp ulan Valid Valid 3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username : (kosong) Password : erialmatin Sistem akan menolak akses user dan menampilkan data harus dilengkapi Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau password Username : erialmatin (benar) Password : Sistem akan menolak akses admin dan menampilkan Sesuai harapan Valid

57 79 kemudian klik tombol login 6(salah) "username dan password salah" 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username : erialmatin (benar) Password : erialmatin (benar) Sistem akan menerima akses login kemudian langsung menampilkan menu utama user Sesuai harapan Valid 3. Pengujian Terhadap Form Register Tabel III.11. Hasil Pengujian Black Box Testing Halaman Form Register No. Skenario Pengujian 1. Semua text box pada form register tidak diisi kemudian klik tombol daftar 2. Mengetikkan semua text box dengan data lengkap dan password kurang dari 6 huruf kemudian klik tombol daftar Test Case Nama lengkap : (kosong) Username : (kosong) Password : (kosong) (kosong) alamat : (kosong) telepon : (kosong) Nama lengkap : eri almatin Username : erialmatin Password : Hasil yang diharapkan Sistem akan menolak akses register dan menampilka n "data harus dilengkapi" Sistem akan menolak akses register dan menampilka n password minimal 6 huruf Hasil Pengujian Sesuai harapan Sesuai harapan Kesimp ulan Valid Valid

58 80 3. Mengetikkan semua text box dengan data lengkap dan tidak valid kemudian klik tombol daftar 4. Mengetikkan semua text box dengan data lengkap kemudian klik tombol daftar om bogor : cibatok telepon : Nama lengkap : eri almatin Username : erialmatin Password : eri bogor : cibatok telepon : Nama lengkap : eri almatin Username : erialmatin Password : almatin@eri.c om bogor : cibatok telepon: Sistem akan menolak akses register dan menampilka n harus benar, contoh : arunasport@ gmail.com Sistem akan menerima akses konfirmasi register kemudian data akan tersimpan pada database Sesuai harapan Sesuai harapan Valid Valid

59 81 4. Pengujian Terhadap Keranjang Belanja Tabel III.12. Hasil Pengujian Black Box Testing Keranjang Belanja No. Skenario Pengujian 1. Perbarui jumlah pesanan melebihi stok 2. Perbarui jumlah pesanan kurang atau sama dengan jumlah stok Test Case Stok : 28 Jumlah beli : 100 Stok : 28 Jumlah Beli : 2 Hasil yang diharapkan Sistem akan menolak dan menampilan Maaf Stok tidak cukup Sistem akan menerima akses kemudian jumlah beli akan diperbarui Hasil Pengujian Sesuai harapan Sesuai harapan Kesimp ulan Valid Valid 5. Pengujian Terhadap Form Konfirmasi Pembayaran Tabel III.13. Hasil Pengujian Black Box Testing Form Konfirmasi Pembayaran No. Skenario Pengujian 1. Semua text box pada form konfirmasi pembayaran tidak diisi kemudian klik tombol konfirmasi Test Case Nama lengkap : (kosong) No.Pesanan : (kosong) Bank tujuan : (kosong) Tanggal transfer : (kosong) Bank pengirim : (kosong) No.rekening pengirim : (kosong) pemilik rekening : (kosong) (kosong) Hasil yang diharapkan Sistem akan menolak akses konfirmasi pembayaran dan menampilkan "data harus dilengkapi" Hasil Penguj ian Sesuai harapan Kesim pulan Valid

60 82 2. Mengetikkan semua text box dengan data lengkap dan tidak valid kemudian klik tombol konfirmasi 3. Mengetikkan semua text box dengan data lengkap kemudian klik tombol konfirmasi Alamat : (kosong) Telepon : (kosong) Jumlah transfer : (kosong) Gambar : (kosong) Nama lengkap : Eri Almatin No.Pesanan : AS Bank tujuan : BCA Tanggal transfer : 14 april 2017 Bank pengirim : BCA No.rekening pengirim : pemilik rekening : Eri Almatin almatin_eri@yaho o.co.id Alamat : bogor Telepon : Jumlah transfer : 1000 Gambar : abc.jpg Nama lengkap : Eri Almatin No.Pesanan : AS Bank tujuan : BCA Tanggal transfer : 14 April 2017 Bank pengirim : BCA No.rekening pengirim : pemilik rekening : Eri Almatin almatin@eri.com Sistem tidak akan menerima akses konfirmasi pembayaran dan menampilkan jumlah transfer kurang Sistem akan menerima akses konfirmasi pembayaran kemudian data akan tersimpan pada database Sesuai harapan Sesuai harapan Valid Valid

61 83 Alamat : bogor Telepon : Jumlah transfer : Gambar : abc.jpg 6. Pengujian Terhadap Form Tambah Admin Tabel III.14. Hasil Pengujian Black Box Testing Form Tambah Admin No. Skenario Pengujian 1. Semua text box pada form input admin tidak diisi kemudian klik tombol simpan Test Case Nama lengkap : (kosong) Username : (kosong) Password : (kosong) Hasil yang diharapkan Sistem akan menolak akses input admin dan menampilkan "data harus dilengkapi" Hasil Penguj ian Sesuai harapan Kesim pulan Valid 2. Mengetikkan semua text box dengan data lengkap kemudian klik tombol simpan Nama lengkap : Eri Almatin Username : admin Password : admin1 Sistem akan menerima akses input admin kemudian data akan tersimpan pada database admin Sesuai harapan Valid

62 84 7. Pengujian Terhadap Form Tambah Barang Tabel III.15. Hasil Pengujian Black Box Testing Form Tambah Barang No. Skenario Pengujian 1. Semua text box pada form input barang tidak diisi kemudian klik tombol simpan 2. Mengetikkan semua text box dengan data lengkap kemudian klik tombol simpan Test Case Kategori : (kosong) Nama barang : (kosong) Size : (kosong) Stok : (kosong) Keterangan : (kosong) Harga : (kosong) Gambar : (kosong) Kategori : Sepatu Nama barang : Asics Size : 40 Stok : 100 Keterangan : Bagus Harga : Gambar : asics.jpg Hasil yang diharapkan Sistem akan menolak akses input barang dan menampilkan "data harus dilengkapi" Sistem akan menerima akses input barang kemudian data akan tersimpan pada database barang Hasil Penguj ian Sesuai harapan Sesuai harapan Kesim pulan Valid Valid 8. Pengujian Terhadap Form Tambah Kategori Tabel III.16. Hasil Pengujian Black Box Testing Form Tambah Kategori No. Skenario Pengujian 1. Semua text box pada form input kategori tidak diisi kemudian klik tombol simpan Test Case Nama kategori : (kosong) Hasil yang diharapkan Sistem akan menolak akses input admin dan menampilkan "data harus dilengkapi" Hasil Penguj ian Sesuai harapan Kesim pulan Valid

63 85 2. Mengetikkan semua text box dengan data lengkap kemudian klik tombol simpan Nama kategori : Baju Sistem akan menerima akses input admin kemudian data akan tersimpan pada database kategori Sesuai harapan Valid