BAB III PEMBAHASAN 3.1. Analisa Kebutuhan 3.1.1. Identifikasi Kebutuhan Identifikasi kebutuhan dibutuhkan berdasarkan kebutuhan pengguna dan kebutuhan sistem dari aplikasi penjualan Korean Stuff berbasis web yang penulis buat. 1. Kebutuhan Pengguna Dalam wesite yang penulis buat terdapat dua pengguna yang dapat saling berinteraksi dalam lingkungan sistem, yaitu konsumen dan admin. Kedua pengguna tersebut memiliki karakteristik yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut : a. Skenario kebutuhan konsumen i. Mengakses halaman depan web. ii. iii. iv. Melihat katalog produk berdasarkan kategori. Menggunakan fasilitas keranjang sebelum membeli produk. Melakukan pemesanan. v. Melakukan pembayaran. vi. vii. viii. ix. Melakukan transaksi. Melihat profil website Melihat panduan belanja Memberikan testimoni. 22
23 b. Skenario kebutuhan admin i. Mengelola data transaksi. ii. iii. iv. Mengelola data barang. Mengelola data pengguna. Mengelola data pembeli. v. Mengelola kategori barang. vi. Mengelola laporan. 2. Kebutuhan Sistem a. Konsumen harus melakukan segala aktivitas transaksi langsung dengan mengakses website yang dibuat oleh penulis, konsumen akan mendapat nomor transaksi dari setiap pemesanan yang dibuat dan nomor transaksi tersebut berfungsi untuk melihat status transaksi maupun untuk melakukan konfirmasi pembayaran. b. Admin yang ini mengakses bagian back-end harus melakukan login terlebih dahulu dengan memasukan username dan password agar privasi masing-masing pengguna tetap terjaga keamanannya. c. Bagian front-end memiliki tujuh menu yang bisa di akses oleh konsumen yaitu beranda, katalog, cara order, pesanan, tentang kami, testimoni, dan keranjang. Dan untuk bagian back-end terdiri dari menu detail transaksi, data transaksi, data barang, data kategori, data pembeli,data pengguna,testimoni laporan dan logout. d. Admin harus melakukan logout jika sudah selesai menggunakan bagian back-end.
24 3.2. Perancangan Perangkat Lunak. 3.2.1. Rancangan Antarmuka Menjelaskan rancangan antarmuka (interface) yang terdapat pada aplikasi website penjualan Korean stuff. 1. Rancangan Antarmuka Beranda Front End Gambar III.1. Rancangan Antarmuka Beranda Front End 2. Rancangan Antarmuka Cara Order Front End Gambar III.2. Rancangan Antarmuka Cara Order Front End
25 3. Rancangan Antarmuka Pesanan Front End Gambar III.3. Rancangan Antarmuka Pesanan Front End 4. Rancangan Antarmuka Tentang Kami Front End Gambar III.4. Rancangan Antarmuka Tentang Kami Front End
26 5. Rancangan Antarmuka Testimoni Front End Gambar III.5. Rancangan Antarmuka Testimoni Front End 6. Rancangan Antarmuka Keranjang Front End Gambar III.6. Rancangan Antarmuka Keranjang Front End
27 7. Rancangan Antarmuka Konfirmasi Pembayaran Front End Gambar III.7. Rancangan Antarmuka Konfirmasi Pembayaran Front End 8. Rancangan Antarmuka Login Back End Gambar III.8. Rancangan Antarmuka Login Back End
28 9. Rancangan Antarmuka Detail Transaksi Back End Gambar III.9. Rancangan Antarmuka Detail Transaksi Back End 10. Rancangan Antarmuka Transaksi Back End Gambar III.10. Rancangan Antarmuka Transaksi Back End
29 11. Rancangan Antarmuka Stok Barang Back End Gambar III.11. Rancangan Antarmuka Stok Barang Back End 12. Rancangan Antarmuka Data Barang Back End Gambar III.12. Rancangan Antarmuka Data Barang Back End
30 13. Rancangan Antarmuka Data Kategori Back End INPUT DATA KATEGORI Gambar III.13. Rancangan Antarmuka Data Kategori Back End 14. Rancangan Antarmuka Data Pembeli Back End Gambar III.14. Rancangan Antarmuka Data Pembeli Back End
31 15. Rancangan Antarmuka Data Pengguna Back End Gambar III.15. Rancangan Antarmuka Data Pengguna Back End 16. Rancangan Antarmuka Testimoni Back End Gambar III.16. Rancangan Antarmuka Testimoni Back End
32 17. Rancangan Antarmuka Laporan Penjualan Back End Gambar III.17. Rancangan Antarmuka Laporan Penjualan Back End
33 3.2.2. Rancangan Basis Data A. Entity Relationship Diagram Gambar III.18. Entity Relationship Diagram
34 B. Logical Record Structure (LRS) Keterangan : * Primary Key ** Foreign Key Gambar III.19. Logical Record Structure
35 C. Spesifikasi File Spesifikasi file data merupakan jabaran yang lebih detail dari elemen yang ada pada kamus data. Pada spesifikasi file harus dijelaskan lebih rinci mengenai field, tipe dan lainnya. Penjelasan tabel-tabel yang digunakan dalam program yang diusulkan terdapat pada file database Korean Stuff. 1. Spesifikasi File Barang Nama File Akronim Fungsi Tipe File : Tabel Data Barang : Data Barang : Untuk menyimpan data barang : File Master Organisasi File : Index Sequential Akses File Media : Random : Hardisk Panjang Record : 64 karakter Kunci Field Software : id_barang : My-SQL Tabel III.1. Spesifikasi File Data Barang No Elemen Data Nama Field Tipe Size Ket 1. Kode Barang id_barang Varchar 6 Primary key 2. Kode Kategori id_kategori Varchar 6 Foreign key 3. Nama Barang nama_barang Varchar 40 4. Gambar Barang gambar_barang Text 5. Stok Barang stok_barang Integer 2 6. Deskripsi Barang des_barang Text 7. Harga Barang harga_barang Integer 10
36 2. Spesifikasi File Kategori Barang Nama File Akronim Fungsi Tipe File : Tabel kategori Barang : Data Kategori : Untuk mengelola data kategori : File Master Organisasi File : Index Sequential Akses File Media : Random : Hardisk Panjang Record : 36 karakter Kunci Field Software : id_kategori : My-SQL Tabel III.2. Spesifikasi File Kategori Barang No Elemen Data Nama Field Tipe Size Ket 1. Id Kategori id_kategori Varchar 6 Primary key 2. Nama Kategori nama_kategori Varchar 30 3. Spesifikasi File Data Pengguna Nama File Akronim Fungsi Tipe File : Tabel Data Pengguna : data pengguna : Untuk menyimpan data pengguna : File Master Organisasi File : Index Sequential Akses File Media : Random : Hardisk Panjang Record : 34 karakter
37 Kunci Field Software : username : My-SQL Tabel III.3. Spesifikasi File Data Pengguna No Elemen Data Nama Field Tipe Size Ket 1. Username Username Varchar 30 Primary key 2. Password Password Varchar 4 4. Spesifikasi File Data Pembeli Nama File Akronim Fungsi Tipe File : Tabel Data Pembeli : data pembeli : Untuk menyimpan data detail pembeli : File Master Organisasi File : Index Sequential Akses File Media : Random : Hardisk Panjang Record : 53 karakter Kunci Field Software : id_pembeli : My-SQL Tabel III.4. Spesifikasi File Data Pembeli No Elemen Data Nama Field Tipe Size Ket 1. Kode pembeli id_pembeli Varchar 11 Primary Key 2. Nama pembeli nama_pembeli Varchar 30 3. Alamat pembeli alamat_pembeli Text 4. Telepon pembeli nohp_pembeli Varchar 12 5. Email pembeli email_pembeli Text
38 5. Spesifikasi File Data Transaksi Nama File Akronim Fungsi Tipe File : Tabel Data Transaksi : data transaksi : Untuk menyimpan data transaksi pemesanan : File Transaksi Organisasi File : Index Sequential Akses File Media : Random : Hardisk Panjang Record : 115 karakter Kunci Field Software : id_transaksi : My-SQL Tabel III.5. Spesifikasi File Data Transaksi No Elemen Data Nama Field Tipe Size Ket 1. Kode transaksi id_transaksi Varchar 14 Primary key 2. Kode pembeli id_pembeli Varchar 11 Foreign Key 3. Tanggal transaksi tgl_transaksi Date 4. Total bayar total_bayar Double 5. Status transaksi status_transaksi Text 6. Bukti pembayaran Struk Text 7. Tanggal Transfer tgl_trf Date 8. Nomor Rekening Norek Int 12 9. Jumlah Transfer jml_trf Int 8 10. Nama Bank Asal nama_bank Varchar 20 11. Atas nama atas_nama Varchar 30 Nama Bank 12. Tujuan bank_tujuan Varchar 20 6. Spesifikasi File Data Detail Transaksi Nama File Akronim : Tabel Data Detail Transaksi : data_detail_transaksi
39 Fungsi Tipe File : Untuk menyimpan data detail transaksi : File Transaksi Organisasi File : Index Sequential Akses File Media : Random : Hardisk Panjang Record : 33 karakter Kunci Field Software : nomor : My-SQL Tabel III.6. Spesifikasi File Detail Transaksi No Elemen Data Nama Field Tipe Size Ket 1. Nomor No Int 11 Primary Key 1. Kode transaksi id_transaksi Varchar 14 Foreign Key 2. Kode Barang id_barang Varchar 6 Foreign Key 3. Qty Barang qty_barang Int 2 7. Spesifikasi File Keranjang Nama File Akronim Fungsi Tipe File : Tabel Keranjang : keranjang : Untuk menyimpan data transaksi dalam keranjang : File Sementara Organisasi File : Index Sequential Akses File Media : Random : Hardisk Panjang Record : 19 karakter Kunci Field Software : id_keranjang : My-SQL
40 Tabel III.7. Spesifikasi File Keranjang No Elemen Data Nama Field Tipe Size Ket 1. Kode keranjang id_keranjang Int 11 Primary Key 2. Id session id_session Text 3. Kode Barang id_barang Varchar 6 4. Qty Barang qty_barang Int 2 5. Tanggal beli tgl_beli Date 8. Spesifikasi File Testimoni Nama File Akronim Fungsi Tipe File : Tabel Testimoni : testimoni : Untuk menyimpan data testimoni : File master Organisasi File : Index Sequential Akses File Media : Random : Hardisk Panjang Record : 71 karakter Kunci Field Software : id_testimoni : My-SQL Tabel III.8. Spesifikasi File Testimoni No Elemen Data Nama Field Tipe Size Ket 1. Kode testimoni id_testimoni Int 11 Primary Key 2. Nama pengirim nm_pengirim Varchar 30 3. Email pengirim email_pengirim Varchar 30 4. Pesan Pesan Text 5. Status testimoni status_testimoni Text
41 3.2.3. Rancangan Struktur Navigasi Struktur navigasi sangat penting didalam pembuatan suatu aplikasi dan digunakan sebagai penuntun alur sebuah aplikasi atau disebut juga diagram alur dalam perancangan bahasa pemrograman. Struktur navigasi berfungsi untuk menggambarkan dengan sangat jelas rancangan hubungan dan rantai kerja dari beberapa cara yang berbeda. Dengan penggambaran struktur navigasi, memberikan kemudahan dalam menganalisa keinteraktifan seluruh objek dalam aplikasi multimedia. Berikut adalah struktur navigasi dari sistem informasi penjualan Korean Stuff berbasis web. A. Struktur Navigasi Front End Gambar III.20. Halaman Beranda Front End
42 B. Struktur Navigasi Back End Gambar III.21. Halaman Beranda Back End 3.3 Implementasi dan Pengujian Unit 3.3.1. Implementasi A. Implementasi Rancangan Antarmuka Implementasi antarmuka pada aplikasi website penjualan Korean Stuff berdasarkan rancangan antarmuka: 1. Halaman Beranda Front End Pada halaman beranda, pengunjung dapat melihat kategori barang berdasarkan barang yang ditawarkan Korean Stuff.
43 Gambar III.22. Halaman Beranda Front End 2. Halaman Cara Order Front End Di halaman Cara Order, pengunjung dapat mengetahui informasi bagaimana cara melakukan pembelian. Gambar III.23. Halaman Cara Order Front End
44 3. Halaman Pesanan Front End Pada halaman ini, pengunjung dapat mengecek pesanan berdasarkan kode pesanan yang sebelumnya sudah diinformasikan dan melakukan konfirmasi pembayaran. Gambar III.24. Halaman Pesanan Front End 4. Halaman Tentang Kami Front End Pengunjung dapat mengetahui informasi kontak atau alamat dari Korean Stuff pada halaman tentang kami. Gambar III.25. Halaman Tentang Kami Front End
45 5. Halaman Testimoni Front End Pada halaman testimoni, pengunjung dapat memberikan pendapat mengenai pelayanan atau penyajian informasi yang telah diberikan. Gambar III.26. Halaman Testimoni Front End 6. Halaman Keranjang Front End Pada halaman ini akan menampilkan daftar barang yang dibeli beserta link ubah banyaknya pembelian, hapus, belanja lagi dan selesai. Gambar III.27. Halaman Keranjang Front End
46 7. Halaman Konfirmasi Pembayaran Front End Pada halaman ini, pembeli mengisi data untuk konfirmasi pembayaran. Gambar III.28. Halaman Konfirmasi Pembayaran Front End 8. Halaman Login Back End Pada halaman ini, admin diharuskan input username dan password yang sebelumnya sudah dibuat. Gambar III.29. Halaman Login Back End
47 9. Halaman Detail Transaksi Back End Pada halaman ini admin dapat melihat berapa banyak barang yang terjual pertransaksi. Gambar III.30. Halaman Detail Transaksi Back End 10. Halaman Transaksi Back End Admin dapat melihat rincian transaksi yang telah dilakukan oleh user juga dapat mengubah status transaksi pada halaman transaksi. Gambar III.31. Halaman Transaksi Back End
48 11. Halaman Stok Barang Back End Admin dapat melihat rincian Stok barang yang telah ada. Gambar III.32. Halaman Stok Barang Back End 12. Halaman Data Barang Back End Pada halaman ini admin dapat menambahkan data barang terbaru atau mengubah data barang. Gambar III.33. Halaman Data Barang Back End
49 13. Halaman Data Kategori Back End Admin dapat menambahkan atau menghapus data kategori pada halaman ini. Gambar III.34. Halaman Data Kategori Back End 14. Halaman Pembeli Back End Pada halaman ini admin dapat melakukan pengecekan terhadap data pembeli untuk mengetahui alamat untuk pengiriman barang. Gambar III.35. Halaman Pembeli Back End
50 15. Halaman Pengguna Back End Halaman ini digunakan untuk menambahkan data pengguna atau data admin terbaru, admin juga dapat mengubah data pengguna sebelumnya. Gambar III.36. Halaman Pengguna Back End 16. Halaman Testimoni Back End Admin dapat mengubah status testimoni yang diberikan pengunjung web atau pembeli jika terdapat kalimat saran atau kalimat kasar pada halaman ini. Gambar III.37. Halaman Testimoni Back End
51 17. Halaman Laporan Penjualan Back End Admin dapat mengetahui laporan penjualan sesuai dengan waktu yang ditentukan pada halaman ini. Gambar III.38. Halaman Laporan Penjualan Back End B. Spesifikasi Sistem Komputer Berikut spesifikasi perangkat keras dan perangkat lunak yang dibutuhkan untuk mengimplementasikan aplikasi website penjualan Korean Stuff. 1. Spesifikasi Perangkat Keras a. Server 1) CPU (a) Processor Intel Pentium Core i3 (b) RAM DDR2 4 GB (c) Hard Disk 500 GB 2) Mouse 3) Keyboard 4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 2 Mbps.
52 2. Spesifikasi Perangkat Lunak 1. Server a. Sistem operasi yang umum digunakan seperti: Microsoft Windows b. Aplikasi bundle web server seperti: Xampp yang terdiri dari beberapa komponen, diantaranya: (1) Aplikasi PHP Server (2) Aplikasi MySQL Server (3) Aplikasi phpmyadmin c. Aplikasi Web Lihat seperti Mozilla Firefox, Google Chrome. 3.3.2. Pengujian Unit A. 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 masuk 2. Memasukkan username dan password tidak diisi kemudian klik tombol masuk 3. Tidak memasukkan username dan password diisi kemudian klik tombol masuk 4. Memasukkan salah satu kondisi salah Test Case Username : (kosong) Password : (kosong) Username : admin Password : (kosong) Username : (kosong) Password : admin Username : admin (benar) Hasil yang diharapkan Sistem akan menolak akses user dan menampilkan Login Gagal Sistem akan menolak akses user dan menampilkan Login Gagal Sistem akan menolak akses user dan menampilkan Login Gagal Hasil Pengujian Sistem akan menolak akses user dan Kesimpulan
53 pada username atau password yang salah kemudian klik tombol masuk 5. Memasukkan username dan password yang benar kemudian klik tombol masuk Password : admin (salah) Username : admin (benar) Password : admin (benar) menampilkan Login Gagal Sistem menerima akses login dan kemudian menampilkan menu utama. Tabel III.10. Hasil Pengujian Black Box Testing Halaman Tambah Barang Baru No Skenario Pengujian 1. Id Kategori, Nama Kategori, Nama Barang, Stok, Deskripsi, dan Harga Tidak Diisi kemudian klik tombol simpan 2. Stok dan Harga Diisi dengan Huruf 3. Gambar tidak dipilih, kemudian di klik tombol simpan 4. Semua textfield diisi, Gambar Dipilih Test Case Id Kategori: (kosong) Nama Kategori: (kosong) Nama Barang: (kosong) Gambar: (kosong) Stok : (kosong) Deskripsi: (kosong) Harga : (kosong) Stok : x Harga: x Hasil yang diharapkan Sistem akan Menolak dan menampilkan Pesan please fill out this field Sistem Tidak menampil karakter yang diinput Gambar: (kosong) Sistem menolak lalu menampilkan pesan please fill out this field Id Kategori : xxx Nama Kategori: xxx Gambar: Sistem Menampilka n Pesan Data Tersimpan Hasil Pengujian Harapan Harapan Harapan Kesimpulan
54,Harga dan Stok Diisi dengan angka kemudian Klik Tombol Simpan xxx.jpg Stok: 99 Deskripsi: xxx Harga: 999 lalu data yang diinput masuk ke basis data Tabel III.11. Hasil Pengujian Black Box Testing Halaman Tambah Kategori Baru No Skenario Pengujian 1. Kategori Barang tidak diisi lalu di klik tombol simpan 2. Kategori Barang diisi lalu di klik tombol simpan Test Case Kategori : (kosong) Kategori xxx Barang: Hasil yang diharapkan Sistem akan Menolak dan menampilkan Pesan please fill out this field. Sistem Menampilkan Pesan Data Tersimpan lalu data yang diinput masuk ke basis data Hasil Pengujia n Kesimpulan Tabel III.12. Hasil Pengujian Black Box Testing Halaman Tambah Pengguna Baru No Skenario Pengujian 1. Username, password, tidak diisi lalu di klik tombol simpan 2. Username, dan password Test Case Username:(kosong ), password:(kosong) Username: xxx, password: ***, Hasil yang diharapkan Sistem akan Menolak dan menampilkan Pesan please fill out this field. Hasil Pengujia n Kesimpulan Sistem Menampilkan Pesan Data
55 diisi lalu di klik tombol simpan Tersimpan lalu data yang diinput masuk ke basis data Tabel III.13 Hasil Pengujian Black Box Testing Halaman Data Pembeli No Skenario Test case Hasil yang Hasil Kesimpulan pengujian diharapkan pengujian 1 tidak mengisi nama, Pilih Kota, alamat, telpon/hp, email kemudian klik tombol simpan Nama : (kosong) Pilih Kota : (kosong), Alamat : (kosong) Sistem akan menolak akses user dan menampilkan please fill out this field Email : (kosong) No. HP : (kosong) 2 Memasukan nomor telpon tidak menggunakan angka kemudian klik tombol simpan Nama : xxx Pilih Kota : xxx Alamat : xxx Sistem akan menolak akses user dan menampilkan please fill out this field Telpon/hp: xxx Email xxx@xxx.c om 3 Memasukan email tidak dengan format Nama : xxx Pilih Kota : Sistem akan menolak akses user dan
56 yang benar lalu klik tombol simpan xxx Alamat : xxx Email : (salah) No. HP : 999 menampilkan Harap masukkan @ pada alamat email, xxx kehilangan huruf @ 4 Memasukan data dengan format yang benar dan sesuai lalu klik tombol simpan Nama: xxx Pilih Kota : xxx Alamat: xxx Telepon: 999 Email: xx@xx.com Sistem akan menerima akses dan akan masuk pada halaman selesai belanja Tabel III.14 Hasil Pengujian Black Box Testing Halaman Cek Pesanan Front End No Skenario Test case Hasil yang Hasil Kesimpulan pengujian diharapkan pengujian 1 Tidak mengisi kode pesanan dan email kemudian klik tombol simpan Kode Pesanan : (kosong) Email : (kosong), Sistem akan menolak akses user dan menampilkan please fill out this field 2 Memasukan kode pesanan, email tidak diisi kemudian klik tombol simpan Kode Pesanan : x9999 Email : (kosong) Sistem akan menolak akses user dan menampilkan please fill out this field 3 Memasukan email tidak Kode Pesanan : Sistem akan menolak akses
57 dengan format yang benar lalu klik tombol simpan x9999 Email : (salah) user dan menampilkan Harap masukkan @ pada alamat email, xxx kehilangan huruf @ 4 Memasukan data dengan format yang benar dan sesuai lalu klik tombol simpan Kode Pesanan: x9999 Email: xx@xx.com Sistem akan menerima akses dan akan masuk pada halaman Data Pesanan untuk Konfirmasi Pembayaran Tabel III.15 Hasil Pengujian Black Box Testing Halaman Konfirmasi Pembayaran Front End No Skenario Test case Hasil yang Hasil Kesimpulan pengujian diharapkan pengujian 1 Tidak mengisi semua field kemudian klik tombol simpan Semua field : (kosong) Sistem akan menolak akses user dan menampilkan please fill out this field 2 Memasukan nomor rekening dan jumlah transfer tidak dengan format yang benar lalu klik tombol simpan Nomor Rekening : xxx Jumlah Transfer : xxx Sistem akan menolak akses user dan menampilkan please fill out this field 3 Memasukan data dengan format yang Tanggal Transfer: yyyy-mm- Sistem akan menerima akses dan akan
58 benar dan sesuai lalu klik tombol simpan dd Jumlah Transfer: 999 Nomor Rekening : 999 Upload bukti pembayaran : xxx.jpg Nama Bank Asal : xxx Atas Nama : xxx Nama Bank tujuan : xxx masuk pada halaman Selesai Belanja