BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa Kebutuhan dalam pembuatan Sistem Informasi Penjualan Gitar yang berbasis web, antara lain: 1. Kebutuhan Pengguna Kebutuhan Pengguna dalam perancangan ini terbagi menjadi kebutuhan pelanggan dan kebutuhan Admin website. a. Kebutuhan Pelanggan 1) Pelanggan dapat mengunjungi halaman-halaman website dengan hanya memilih menu yang sudah tertera di website. 2) Pelanggan dapat memilih atau melihat produk sesuai kategori. 3) Pelanggan juga dapat melihat spesifikasi produk secara mendetail, dengan memilih produk yang diinginkan 4) Pelanggan dapat memiliki akun di website ini dengan melakukan pendaftaran, memasukan nama, e-mail, nomor telepon, kota, alamat dan password. 5) Pelanggan yang telah memiliki akun dapat autentifikasi data atau masuk kehalaman akun pelanggan, dengan memasukan e-mail dan password, di menu login. 6) Pelanggan yang ingin bertransaksi diharuskan memiliki akun. 22
23 b. Admin Website. 1) Admin website dapat menambah, menghapus, dan merubah produknya melalui halaman khusus Admin. 2) Admin website dapat melakukan validasi transaksi yang telah dilakukan oleh pelanggan. 3) Admin website dapat menghapus data pelanggan, yang dikiranya kurang berkenan atau melanggar ketentuan yang ada. 4) Admin website dapat menentukan ongkos kirim sesuai kota pengirimannya. 2. Kebutuhan Sistem Kebutuhan sistem pada perancangan ini adalah sebagai berikut a. Kebutuhan Pelanggan 1) Pelanggan dapat memilih produk yang sesuai dengan kategori dan jenis, dengan cara memilih menu Produk, yang berada di halaman website. Kemudian pelanggan diarahkan ke halaman produk, di halaman tersebut terdapat pilihan-pilihan produk yang sesuai dengan kategori dan jenis, tampilan produk-produk terdiri dari gambar produk, nama produk, harga produk dan ada tombol Beli Sekarang. 2) Pelanggan yang ingin melakukan transaksi atau ingin memasukannya ke keranjang belanja, diharuskan memilih tombol Beli Sekarang, untuk dimasukan ke data keranjang belanja. 3) Setelah pelanggan melakukan submit Beli Sekarang, pelanggan akan diarahkan ke halaman keranjang belanja, di halaman ini terdapat daftar produk-produk yang telah dipilih untuk di pesan, dan terdapat
24 pula rincian harga total dan berat total produk. Di halaman ini pun pelanggan dapat merubah jumlah beli dan menghapus produk yang ada pada daftar. Pelanggan yang telah memilih tombol Input Alamat dan Lanjutkan Pembelian, maka website akan masuk ke halaman Konfirmasi Pemesanan. 4) Di halaman konfirmasi pemesanan pelanggan dapat melihat data keseluruhan pemesanan yang telah dilakukan, dari rincian daftar produk yang dipilih, rincian ongkos pengiriman, dan total yang harus dibayar. Jika pelanggan sudah selesai maka pelanggan dapat mensubmit pemesanan dengan memilih tombol Proses Sekarang dan Selesai. 5) Jika langkah-langkah tersebut telah dilakukan maka pelanggan diarahkan ke halaman ahkir pemesanan, dihalaman ini pemesanan yang dilakukan pelanggan telah diproses dan dapat mencetak faktur. 6) Pelanggan yang telah melakukan pemesanan, diwajibkan melakukan transfer uang ke rekening yang tertera di halaman website. Jumlah transfer disesuaikan dengan grand total pemesanan. Setelah melakukan transfer pelanggan diwajibkan konfirmasi pemesanan dengan memilih menu Konfirmasi Pemesanan di halaman utama, jika pelanggan tidak dapat melakukan konfirmasi pemesanan, maka pelanggan diwajibkan menghubungi costumer service website ini, dan jika pelanggan tidak melakukan dua cara tersebut maka pemesanan dianggap batal jika melebihi tiga hari dari pemesanan dilakukan.
25 7) Jika pelanggan telah selesai melakukan aktivitas di website ini, pelanggan dapat memilih menu keluar. 8) Pelanggan juga dapat mengisi buku tamu untuk berinteraksi langsung dengan Admin website. 9) Admin diwajibkan login terlebih dahulu untuk dapat mengakses atau masuk ke dalam halaman Administrator. 10) Setelah masuk Admin dapat melakukan aktivitas mengelola website sesuai kebutuhan. 11) Admin dapat mengelola data produk, data kategori produk, data jenis produk, data kota, dan data pelanggan. 12) Admin dapat melakukan validasi transaksi yang telah masuk, dengan mengecek pelunasan pembayaran dan juga dapat melakukan penginputan data pengiriman yang sesuai. 13) Jika Admin telah selesai melakukan aktivitas di website ini, Admin dapat memilih menu keluar. 3.2. Perancangan Perangkat Lunak Tahapan dimana dilakukan perancangan sistem dan perangkat lunak terhadap solusi dari permasalahan yang ada melalui rancangan antar muka, rancangan basis data dengan menggunakan pemodelan seperti ERD (Entity Relationship Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi.
26 3.2.1. Rancangan Antar Muka Rancangan antarmuka merupakan gambaran dari tampilan web yang diusulkan oleh penulis. Pada uraian dibawah ini dapat dijelaskan rancangan antarmuka sistem informasi penjualan Gitar berbasis web. A. Rancangan Halaman Login Admin Gambar Username Password MASUK HALAMAN ADMIN Gambar III.1. Rancangan Halaman Login Admin
27 B. Rancangan Halaman Beranda Admin, berfungsi sebagai tampilan awal saat berhasil login. SELAMAT DATANG PADA HALAMAN ADMIN Home Kategori Merk Kota Produk Pelanggan Pemesanan Keluar Gambar III.2. Rancangan Halaman Beranda Admin C. Rancangan Halaman Login Member pada Web User,berfungsi sebagai login awal member Gambar III.3. Rancangan Halaman Login Member
28 D. Rancangan Halaman Menu Daftar,berfungsi sebagai pendaftaran utama sebelum menjadi member Gambar III.4. Rancangan Halaman Menu Daftar 3.2.2 Rancangan Basis Data Pembuatan rancangan basis data untuk sistem informasi penjualan Gitar berbasis web ini diawali dengan membuat Entity Relationship Diagram (ERD), yang kemudian dirubah menjadi Logical Record Structure (LRS), gambaran dari LRS tersebut akan menghasilkan sebuah tabel relasi basis data.
29 A. Entity Relational Diagram (ERD) Gambar III.5. Entity Relational Diagram (ERD)
30 B. Logical Record Structure (LRS) Gambar III.6. Logical Record Structure (LRS)
31 C. Spesifikasi File Dalam Perancangan website ini, penulis menggunakan sebuah database yang bernama Gitar_db. Database ini terdiri dari 9 tabel diataranya yaitu : 1. Spesifikasi Tabel Pelanggan Nama File Akronim File Fungsi File Tipe File Organisasi File Akses File Media File Panjang Record Kunci Field Software : Tabel Pelanggan : pelanggan.myd : untuk mengolah data pelanggan : File Master : Index Sequential : Random : Harddisk : 50 Karakter : id_pelanggan : Mysql Tabel III.1. Spesifikasi Tabel Pelanggan No Elemen data Akronim Type Size Keterangan 1 Id pelanggan Id_pelanggan Int 4 Primary Key 2 Id kota Id_kota Int 4 Foreign Key 3 Nama pelanggan Nama_pelanggan Varchar 30 4 Alamat Alamat Text 5 Tlp No_telpon Char 12 6 email Email Text 7 Paspel Password Text
32 2. Spesifikasi Tabel Detail Pemesanan Nama File Akronim File Fungsi File Tipe File Organisasi File Akses File Media File Panjang Record : Tabel Detail Pemesanan : detail_pemesanan.myd : untuk mengolah data pemesanan detail : File Transaksi : Index Sequential : Random : Harddisk : 21 Karakter Kunci Field : - Software : Mysql Tabel III.2. Spesifikasi Tabel Detail Pemesanan No Elemen data Akronim Type Size Keterangan 1 Id Id_pemesanan Char 12 Foreign Key Pemesanann 2 Id Produk Id_produk Int 4 Foreign Key 3 Jumlah Pesan Jumlah_pesan Int 5 4 Harga Produk Harga_produk Double 3. Spesifikasi Tabel Produk Nama File Akronim File : Tabel Produk : produk.myd
33 Fungsi File Tipe File Organisasi File Akses File Media File Panjang Record Kunci Field Software : untuk mengolah data produk : File Master : Index Sequential : Random : Harddisk : 111,2 Karakter : id_produk : Mysql Tabel III.3. Spesifikasi Tabel Produk No Elemen data Akronim Type Size Keterangan 1 Id Produk Id_produk Int 4 Primary Key+ Auto_increment 2 Nama Produk Nama_prod uk Varchar 50 3 Id Merk Id_merk Int 4 Foreign Key 4 Id Kategori Id_kategori int 4 Foreign Key 5 Harga Harga double 6 Stok Stok Int 4 Foreign Key 7 Berat Berat Decimal 5,2 8 Gambar Gambar varchar 40 9 Deskripsi Deskripsi Text
34 4. Spesifikasi Tabel Produk Nama File Akronim File Fungsi File Tipe File Organisasi File Akses File Media File Panjang Record Kunci Field Software : Tabel Kategori : kategori.myd : untuk mengolah data kategori : File Master : Index Sequential : Random : Harddisk : 34 Karakter : id_kategori : Mysql Tabel III.4. Spesifikasi Tabel Kategori No Elemen data Akronim Type Size Keterangan 1 Id kategori Id_kategori Int 4 Primary Key + Auto_increment 2 Nama kategori Nama_kategor i Varcha r 30 5. Spesifikasi Tabel Kota Nama File : Tabel Kota Akronim File : kota.myd Fungsi File Tipe File : untuk mengolah data kota : File Master
35 Organisasi File Akses File Media File Panjang Record Kunci Field Software : Index Sequential : Random : Harddisk : 19 Karakter : id_kota : Mysql Tabel III.5. Spesifikasi Tabel Kota No Elemen data Akronim Type Size Keterangan 1 Id kota id_kota int 4 Primary Key + Auto_increment 2 Nama kota nama_kota varchar 15 3 Ongkir Ongkir double 6. Spesifikasi Tabel Pembayaran Nama File Akronim File Fungsi File Tipe File Organisasi File Akses File Media File Panjang Record : Tabel Pembayaran : pembayaran.myd : untuk mengolah data transaksi : File Transaksi : Index Sequential : Random : Harddisk : 46 Karakter
36 Kunci Field Software : id_pembayaran : Mysql Tabel III.6. Spesifikasi Tabel Pembayaran No Elemen data Akronim Type Size Keterangan 1 Id pembayaran id_pembayaran Int 4 Primary Key+ Auto_increment 2 Id pemesanan Id_pemesanan Char 12 Foreign Key 3 Tanggal Bayar tgl_bayar Date 4 Atas Nama atas_nama Varchar 30 5 Nominal Nominal Text 6 Bukti Transfer Bukti_trf text 7. Spesifikasi Tabel Pemesanan Nama File Akronim File Fungsi File Tipe File Organisasi File Akses File Media File : Tabel Pemesanan : pemesanan.myd : untuk mengolah data Transaksi : File Pemesanan : Index Sequential : Random : Harddisk
37 Panjang Record Kunci Field Software : 16 Karakter : id_pemesanan : Mysql Tabel III.7. Spesifikasi Tabel Pemesanan No Elemen data Akronim Type Size Keterangan 1 Id Pemesanan Id_pemesanan Char 12 Primary Key 2 Id Pelanggan Id_pelanggan Int 4 Foreign Key 3 Tanggal Pemesanan Tgl_pemesanan Date 4 Total Harga Total_harga double 5 Total Ongkir Total_ongkir double 6 Status Status Enum ('Prose s','ber hasil',' Gagal') 7 Nomor resi No_resi text 8. Spesifikasi Tabel Merk Nama File Akronim File Fungsi File Tipe File : Tabel Merk : Merk.MYD : untuk melihat merk produk : File Merk
38 Organisasi File Akses File Media File Panjang Record Kunci Field Software : Index Sequential : Random : Harddisk : 34 Karakter : id_merk : Mysql Tabel.III.8. Spesifikasi Tabel Merk No Elemen data Akronim Type Size Keterangan 1 Id Merk Id_merk int 4 Primary Key 2 Nama Merk Nama_merk Varchar 30 9. Spesifikasi Tabel Kantong Nama File Akronim File Fungsi File Tipe File Organisasi File Akses File Media File Panjang Record Kunci Field Software : Tabel Kantong : transaksi.myd : untuk mengolah data transaksi : File Kantong : Index Sequential : Random : Harddisk : 16 Karakter : id_merk : Mysql
39 Tabel III.9. Spesifikasi Tabel Kantong No Elemen data Akronim Type Size Keterangan 1 Kd kantong Kd_kantong int 4 Primary Key 2 Id Pelanggan Id_pelanggan Int 4 Foreign Key 3 Id Produk Id_produk Int 4 Foreign Key 4 Jumlah Kantong Jumlah_kantong Int 4 Foreign Key 5 Tanggal Kantong Tgl_kantong Date 10. Spesifikasi Tabel Admin Nama File Akronim File : Tabel Admin : transaksi.myd Fungsi File Tipe File Organisasi File Akses File Media File Panjang Record Kunci Field Software : untuk mengolah data Admin : File Admin : Index Sequential : Random : Harddisk : 34 Karakter : id_admin : Mysql
40 Tabel III.10. Spesifikasi Tabel Admin No Elemen data Akronim Type Size Keterangan 1 Id Admin Id_Admin Int 4 Primary Key 2 Nama Admin Nama_Admin 3 Username Username Varcha r Varcha r 20 Foreign Key 10 4 Password Password text 3.2.3 Rancangan Struktur Navigasi Dengan adanya aliran informasi yang tergambar dalam bentuk struktur navigasi, akan membantu dalam menggambarkan isi dari setiap halaman dan link atau navigasi antar halaman-halaman di dalam website tersebut. Adapun struktur navigasi yang digunukan adalah sebagai berikut :
41 1. Struktur Navigasi Admin Gambar III.7. Struktur Navigasi Admin 2. Struktur Navigasi user 3. Struktur Navigasi Member Gambar III.8. Struktur Navigasi user Gambar III.9. Struktur Navigasi Member
42 3.3 Implementasi dan Pengujian Unit 3.3.1 Implementasi A. Implementasi Rancangan Antar Muka Implementasi rancangan antar muka pada sistem informasi penjualan Gitar berdasarkan rancangan antar muka. 1. Halaman Login Admin Halaman login Admin adalah halaman yang menampilkan halaman sebelum masuk ke halaman utama Admin. Halaman ini berfungsi agar tidak sembarang pengguna website ini untuk masuk ke halaman utama Admin, karena halaman utama Admin merupakan halaman Administrasi dari halaman utama user/pelanggan. Sehingga hanya pengguna yang terdaftar menjadi Admin yang dapat masuk ke sistem dengan memasukan username dan password yang dimiliki. Gambar III.10. Implementasi Halaman Login Admin
43 2. Halaman Beranda Admin Halaman Beranda adalah halaman yang menampilkan halaman utama Admin, pada halaman ini terdapat menu-menu yang berfungsi sebagai navigasi ke halaman-halaman yang lain, seperti beranda, produk, merk produk, kategori produk, transaksi, kota/kab.,dan laporan. Pada halaman ini pun Admin dapat melihat ringkasan jumlah data pembelian, data pelanggan, data produk. Gambar III.11. Implementasi Halaman Beranda Admin
44 Gambar III.12. Implementasi Halaman Login User Gambar III.13. Implementasi Halaman Daftar User
45 Gambar III.14. Implementasi Halaman Produk Barang Gambar III.15 Implementasi Halaman Merk Gambar III.16. Implementasi Halaman Kategori B. Spesifikasi Sistem Komputer Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan sistem informasi penjualan Gitar.
46 1. Spesifikasi Perangkat Keras A. CPU (a) Processor Intel Pentium Core i3 (b) RAM DDR3 4 GB (c) Hard Disk 500 GB B. Mouse C. Keyboard D. Monitor dengan resolusi layar minimum 1024x768 E. Koneksi internet dengan kecepatan 2 Mbps. F. Laptop 1) Processor Intel Pentium 4 2) RAM DDR2 1GB 3) Hard Disk 20 GB 4) Mouse 5) Keyboard G. Monitor dengan resolusi layar minimum 1024x768 H. Koneksi internet dengan kecepatan 56 kbps. 2. Spesifikasi Perangkat Lunak a. Sistem Operasi yang digunakan adalah Microsoft Windows. b. Menggunakan MySQL sebagai database system. c. Adobe Photoshop CS, yang digunakan sebagai pengolah grafis dari logo hingga gambar untuk desain web. d. Menggunakan Mozilla Firefox sebagai web browser. e. Menggunakan Dreamweaver Cs6
47 f. Sistem Operasi yang umumnya digunakan seperti : Microsoft Windows g. Aplikasi web browser seperti Mozilla Firefox atau Google Chrome. 3.3.2 Pengujian Unit Pengujian yang dilakukan terhadap program yang dibuat menggunakan blackbox testing yang fokus terhadap proses masukan dan keluaran program untuk mengetahui kekurangan dari program dan program berjalan sesuai dengan yang diharapkan. A. Pengujian terhadap Form Login Admin Tabel III.11. Hasil Pengujian Black Box Testing pada Halaman Login Admin Skenario No. Pengujian 1 Seluruh field yang ada pada form login tidak di isi, kemudian klik masuk halaman Admin. 2 Mengetikkan username dan field yang lainnya tidak di isi, kemudian masuk halaman Admin. 3 Mengetikkan usernamedan password, Test Case Username : (kosong) Password : (kosong) Username : (Admin) Password: (kosong) Username : (Admin) Password : Hasil yang diharapkan Sistem akan menolak untuk login dan menampilkan pesan maaf Username masih kosong dan Password masih kosong Sistem akan menolak untuk login dan menampilkan pesan maaf Password masih kosong Sistem menerima untuk login Hasil Pengujian Sesuai Harapan Sesuai Harapan Sesuai Harapan Kesimpulan Valid Valid Valid
48 kemudian masuk halaman Admin. (Admin) dan masuk ke halaman Admin sesuai jabatan Admin yang login B. Pengujian terhadap Form Tambah Kategori Tabel III.12. Hasil Pengujian Black Box Testing pada Halaman Tambah kategori Skenario No. Pengujian 1 Seluruh field yang ada pada formlogin tidak di isi, kemudian klik masuk halaman Admin. 2 Mengetikkan nama kategori kurang dari 3 karakter. 3 Mengetikkan nama kategori kemudian menyimpan tabel kategori. Test Case Nama kategori : (kosong) Nama kategori : (ad) Nama kategori : (Gitar) Hasil yang diharapkan Sistem akan menolak untuk menyimpan dan menampilkan pesan maaf nama kategori masih kosong Sistem akan menolak untuk menyimpan dan menampilkan pesan maaf nama kategori minimal 3 karakter Sistem menerima untuk menyimpan data. Hasil Pengujian Sesuai Harapan Sesuai Harapan Sesuai Harapan Kesimpulan Valid Valid Valid
49 C. Pengujian terhadap Form Tambah Kota/Kab. Tabel III.13. Hasil Pengujian Black Box Testing pada Halaman Tambah Kota/Kab Skenario No. Pengujian 1 Seluruh field yang ada pada form tambah kota tidak di isi, kemudian klik simpan kota. 2 Mengetikkan nama kota dan field yang lainnya tidak di isi, kemudian klik simpan kota/kab. 3 Mengetikkan nama kotadan ongkos kirim, kemudian klik simpan kota/kab. 4 Mengetikkan nama kotadan ongkos kirim, kemudian klik simpan kota/kab. Test Case Pilih kota/kab : (kosong) Nama kota/kab : (kosong) Ongkos kirim: (kosong) Nama kota : (bogor) Ongkos kirim: (kosong) Nama kkota : (bogor) Ongkos kirim : (gcghcghgc) Nama kkota : (bogor) Ongkos kirim : (gcghcghgc) Hasil yang diharapkan Sistem akan menolak untuk menyimpan dan menampilkan pesan maaf nama kota dan ongkos kirim masih kosong Sistem akan menolak untuk menyimpan dan menampilkan pesan maaf ongkos kirim masih kosong Sistem akan menolak untuk menyimpan dan menampilkan pesan maaf silahkan input dengan angka Sistem menerima untuk menyimpan dan menampilkan dihalaman kota Hasil Pengujian Sesuai Harapan Sesuai Harapan Sesuai Harapan Sesuai Harapan Kesimpulan Valid Valid Valid Valid