BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa Kebutuhan dalam pembuatan Sistem Informasi Penjualan Alat Olahraga Berbasis web, antara lain: 1. Kebutuhan Pengguna a. Kebutuhan Pengunjung 1) Pengunjung yang berminat memesan barang-barang yang ada di halaman website ini diharuskan mendaftar terlebih dahulu, jika belum memiliki akun di website ini dengan mengisi form daftar akun untuk menjadi pelanggan. Tetapi jika pengujung telah memliki akun sebagai pelanggan, pengunjung tinggal melakukan login atau masuk ke menu masuk akun dengan mengisi email dan password. 2) Pengunjung yang tidak berminat menjadi pelanggan atau tidak ingin memesan, dapat melihat-lihat barang yang telah disediakan di menu barang, atau bisa melihat halaman-halaman lainnya. b. Pemilik Website a. Pemilik website dapat menjual dan memasarkan barangnya melalui web halaman admin/backend. b. Pemilik website memberikan kemudahan terhadap pelanggan dalam bertransaksi melalui web, dari memilih barang, alamat pengiriman. 22
23 c. Pemilik website memberikan halaman hubungi kami, itu memudahkan pelanggan dalam melakukan hubungan secara langsung kepada pemilik website, jika ingin bertanya secara langsung tentang, metode pemesanan dan pembayaran atau dapat melihat halaman cara pemesanan dan pembayaran yang telah disediakan. 2. Kebutuhan Sistem Kebutuhan sistem pada perancangan ini terbagi menajdi kebutuhan user dan kebutuhan admin. a. Kebutuhan User 1) User atau pelanggan dapat melihat barang-barang olahraga yang tersedia di website ini. 2) User atau pelanggan dapat melakukan transaksi dengan cara memilih barang yang ada pada menu barang, setelah mendapatkan barang yang diinginkan user dapat mengklik gambar untuk masuk kedalam halaman rincian barang atau memilih tombol beli untuk melanjutkan transaksi, setelah itu pelanggan diarahkan ke halaman keranjang belanja, di halaman ini pelanggan dapat merubah jumlah pembelian atau menghapus barang yang terlah dipilih. Jika daftar barang yang ada di halaman keranjang belanja diyakini sudah sesuai keinginan, user dapat memilih tombol check out, pelanggan lalu diarahkan ke halaman informasi data pengiriman atau telah dapat merubah alamat pengiriman dan pelanggan dapat memilih tombol update ongkos kirim, setelah semua form diisi dengan
24 benar pelanggan harus memilih tombol proses pemesanan, pelanggan diarahkan kepada halaman rician detail transaksi, pelanggan dapat menyimpan bukti transaksi dengan memilih simbol print. 3) Apabila user atau pelanggan telah melakukan transaksi harus melakukan konfirmasi pembayaran di halaman yang telah tersedia di halaman beranda atau di halaman akun pelanggan untuk dapat segera diproses dan melakukan pengiriman. 4) Jika User atau pelanggan telah selesai melakukan aktivitas di website ini, pelanggan dapat memilih menu logout. b. Kebutuhan Admin. 1) Admin diharuskan login terlebih dahulu untuk dapat mengakses atau masuk kedalam halaman administrator. 2) Admin dapat mengolah data barang, data kategori, data pelanggan, data kota, data transaksi, buku tamu dan laporan. 3) Admin yang login / masuk sebagai admin penjualan, hanya dapat melakukan validasi transaksi yang telah masuk, dengan mengecek pelunasan pembayaran dan dapat melakukan penginputan data pengiriman yang sesuai. 3.2. Perancangan Perangkat Lunak Tahapan dimana dilakukan perancangan sistem dan perangkat lunak terhadap
25 solusi dari permasalahan yang ada melalui rancangan antar muka, rancangan basis data dengan mengguakan pemodelan seperti ERD (Entity Relationship Diagram), LRS (Logical Record Structure) dan merancang stuktur navigasi. 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 alat olahraga berbasis web. 1. Rancangan Antar Muka Back End a. Rancangan Antar Muka Login Admin Gambar III.1. Rancangan Antar Muka Login Admin
26 b. Rancangan Antar Muka Halaman Utama Admin Beranda Produk Kategori Pelanggan Halaman Admin Beranda Kota Kategori Produk Pelanggan Transaksi Gambar III.2. Rancangan Antar Muka Halaman Utama Admin c. Rancangan Antar Muka Halaman Utama User Gambar III.3. Rancangan Antar Muka Halaman Utama User
27 d. Rancangan Antar Muka Daftar User Gambar III.4. Rancangan Antar Muka Daftar User
28 e. Rancangan Antar Muka Login User Gambar III.5. Rancangan Antar Muka Login User 3.2.2. Rancangan Basis Data Dalam merancang basis data pada website penjualan Alat Olahraga berbasis web dilakukan dua langkah yaitu langkah pertama membuat Entity Relationship Diagram (ERD) dan langkah kedua dirubah menjadi Logical Record Structure (LRS).
29 1. Entity Relationship Diagram Nama_produk pelanggan melakukan produk kategori mempunyai 1 1 M Pembayaran M 1 Password nama Foto Kd_pelanggan email telp Total_ongkir Status_transaksi id_transaksi Tgl_transaksi Harga_produk tampil detail berat ukuran gambar Jml_stok Id_produk rekomendasi Id_kategori Nama_kategori Id_pembayaran Id_transaksi Tgl_bayar Atas_nama nominal detail M pilih pilih M 1 melakukan 1 1 kota Id_kota Nama_kota ongkir 1 memiliki M M Transaksi Id_transaksi Id_produk jumlah harga Id_kota Kd_pelanggan Total_harga Id_kategori terlaris alamat Gambar III.6. Entity Relationship Diagram
30 2. Logical Record Structure pelanggan kota id_kota * nama_kota ongkir kd_pelanggan * id_kota ** email nama tlp alamat password kategori id_kategori * nama_kategori produk pembayaran id_pembayaran * id_transaksi ** tgl_bayar atas_nama nominal transaksi id_transaksi * kd_pelanggan ** tgl_transaksi status_transaksi total_harga total_ongkir detail id_transaksi ** id_produk** jumlah harga id_produk * id_kategori ** nama_produk harga_produk jml_stok detail ukuran gambar berat tampil terlaris Gambar III.7. Logical Record Structure
31 3. Spesifikasi File Dalam Perancangan website ini, penulis menggunakan sebuah database yang bernama peralatanolahraga_db. Database ini terdiri dari 15 table diataranya yaitu: a. Spesifikasi File : Pelanggan Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang record Kunci Field Software : Pelanggan : pelanggan.myd : untuk mengelola data pelanggan : File Master : Indexed Sequential : Random : Harddisk : 50 karakter : kd_pelanggan : Mysql Tabel III.1. Spesifikasi File Pelanggan No Elemen Data Akronim Tipe Size Keterangan 1. Kode pelanggan kd_pelanggan int 4 Primary Key 2. Id kota Id_kota int 4 Foreign key 3. Nama Nama Varchar 30 4. Email Email Text 5. Password Password Text 6. Telepon Tlp Char 12 7. Alamat Alamat Text
32 b. Spesifikasi File Transaksi Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang record Kunci Field Software : Transaksi : tbl_ transaksi.myd : untuk mengelola data transaksi : File Transaksi : Indexed Sequential : Random : Harddisk : 16 karakter : id_transaksi : Mysql Tabel III.2. Spesifikasi File Transaksi No Elemen Data Nama Field Tipe Size Ket. 1. Id Transaksi Id_transaksi Char 12 Primary Key 2. Kode Pelanggan kd_pelangga Int 4 3. Tanggal Transaksi tgl_pelanggan Date 4. Total harga total_harga Double 5. Total Ongkir total_ongkir Double 6. Status Transaksi status_transaksi Enum Lunas, Tidak Lunas
33 c. Spesifikasi File Produk Nama File Akronim File Fungsi Tipe File Organisasi File Akses File Media File Panjang record Kunci Field Software : Produk : produk.myd : untuk mengelola data produk : File Master : Indexed Sequential : Random : Harddisk : 132 karakter : no_produk : Mysql Tabel III.3. Spesifikasi File Produk No. Elemen Data Nama Field Tipe Size Ket 1. Id produk Id_produk Int 4 Primary Key 2. Id kategori id_kategori Int 4 Foreign key 3. Nama produk nama_produk Varchar 40 4. Harga produk harga_produk Double 5. Jumlah stok jml_stok Int 4 6. gambar Gambar Text 7. Detail Detail Text 8. Tampil Tampil Enum Ya, Tidak
34 9. Berat Berat Decimal 10. Ukuran Ukuran Varchar 20 11. Terlaris Terlaris Enum Ya, Tidak d. Spesifikasi File Detail Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang record Kunci Field Software : Detail : tbl_detail.myd : untuk mengelola data : File Transaksi : Indexed Sequential : Random : Harddisk : 21 karakter : detail : Mysql Tabel III.4. Spesifikasi File Detail No. Elemen Data Nama Field Tipe Size Ket 1. Id transaksi Id_transaksi Char 12 Primarykey 2. Id produk Id_produk Int 4 Foreign key 3. Jumlah Jumlah Int 5 4. Harga Harga Double
35 e. Spesifikasi File Kategori Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang record Kunci Field Software : Kategori : tbl_kategori.myd : untuk menyimpan data kategori : File Master : Indexed Sequential : Random : Harddisk : 34 karakter : id_kategori : Mysql Tabel III.5. Spesifikasi File Kategori No. Elemen Data Nama Field Tipe Size Ket 1. id kategori id_kategori Int 4 Primary 2. nama kategori nama_kategori Varchar 30 f. Spesifikasi File Data Pembayaran Nama File Akronim Fungsi Tipe File Organisasi File : Pembayaran : Pembayaran : untuk mengelola data pembayaran : File Transaksi : Indexed Sequential
36 Akses File Media Panjang record Kunci Field Software : Random : Harddisk : 46 karakter : id_pembayaran : Mysql Tabel III.6. Spesifikasi File Pembayaran No. Elemen Data Nama Field Tipe Size Ket 1. id pembayaran id_pembayaran Int 4 Primary Key 2. Id transaksi Id_transaksi Char 12 Foreign key 3. Tanggal bayar Tgl_bayar Date 4. Atas nama Atas_nama Varchar 30 5. Nominal Nominal Double g. Spesifikasi File Kota Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang record Kunci Field : Kota : tbl_kota : untuk mengelola data kota : File Master : Indexed Sequential : Random : Harddisk : 19 karakter : id_kota
37 Tabel III.7. Spesifikasi File Kota No. Elemen Data Nama Field Tipe Size Ket 1. id kota id_kota Int 4 Primary Key 2. Nama kota Nama_kota Varchar 15 3. Ongkir Ongkir Double 3.2.3 Rancangan Struktur Navigasi Dengan adanya aliran informasi yang tergambar dalam bentuk stuktur navigasi, akan membantu dalam menggambarkan isi dari setiap halaman dan link atau navigasi antara halaman-halaman di dalam website tersebut. Secara sederhana aliran informasi ini penulis gambarkan dalam bentuk stuktur navigasi di bawah ini:
38 1. Struktur Navigasi Back End Login index Beranda Kota Kategori Produk Pelanggan Transaksi Lougout Gambar III.8. Struktur Navigasi Back End 2. Struktur Navigasi Front End Index Produk Pelanggan Nama Produk Masuk Daftar Gambar III.9. Struktur Navigasi Front End
39 3.3 Implementasi dan Pengujian Unit 3.3.1. Implementasi 1. Implementasi Rancangan Antar Muka Implementasi rancangan antar muka pada sistem informasi penjualan alat olahraga berdasarkan rancangan antar muka. a. Halaman Login Admin Halaman yang Login untuk Admin. Gambar III.10. Implementasi Halaman Login Admin
40 b. Halaman Utama Admin Halaman yang halaman beranda admin Gambar III.11. Implementasi Halaman Utama Admin
41 c. Halaman Utama User Halaman yang halaman utama user. Gambar III.12. Implementasi Halaman Utama User
42 d. Halaman Daftar User Halaman yang halaman daftar user. Gambar III.13. Implementasi Halaman Daftar User e. Halaman Daftar Login Halaman yang daftar login. Gambar III.14. Implementasi Halaman Daftar Login
43 2. Spesifikasi Sistem Komputer Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan aplikasi sistem informasi pendaftaran siswa baru. 1. Spesifikasi Perangkat keras A. CPU (a) Processor Intel Core i3 (b) RAM DDR2 2 GB (c) Hard Disk 500 GB (d) Disk CD ROM 1.) Mouse 2.) Keyboard 3.) Monitor dengan resolusi layar minimum 1024x768 4.) Koneksi internet dengan kecepatan 2 Mbps. 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 atau Google Chrome sebagai web browser. e) Sistem Operasi yang umumnya digunakan seperti : Microsoft Windows atau Linux. f) Mengunakan adobe dreamweaver CS6 untuk membuat coding/script
44 3.4.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. 1. Pengujian terhadap Halaman Login Admin Tabel III.8. Hasil Pengujian Black Box Testing pada Halaman Login Admin Skenario No. Pengujian 1. Username dan Password tidak di isi klik masuk halaman Mengetikkan Username dan Password 2. tidak diisi atau kosong klik masuk halaman 3. Username tidak diisi atau kosong dan Password diisi klik masuk halaman 4. Mengetikkan salah satu kondisi salah Test Case Username: Password : Username : (admin) Password : Username : Password : (admin) Username : admin (Benar) Hasil yang diharapkan Sistem Akan Menolak akses user dan pesan Maaf,Username masih Sistem Akan Menolak akses user dan pesan Maaf Password masih Sistem Akan Menolak akses user dan pesan Maaf, Username masih Sistem Akan Menolak akses user dan Hasil Pengujian Kesimpulan
45 pada Username atau Password klik masuk halaman 5. Mengetikkan Username dan Password dengan data yang benar klik masuk halaman Password : data (Salah) Username : admin (Benar) Password : admin (Benar) pesan Anda gagal masuk Sistem menerima akses login dan menu utama di administrator 2. Pengujian terhadap Halaman Tambahan Data Barang Tabel III.9. Hasil Pengujian Black Box Testing pada Halaman Tambahan Data Barang No. Skenario Pengujian Test Case Hasil yang diharapkan Hasil Pengujian Kesimpulan 1. Seluruh field yang ada pada form tambahan data barang tidak di isi, klik Simpan 2. Mengetikkan Produk dan Field lainnya tidak di isi Klik Simpan Nama Produk : Harga Produk: Gambar: Tampil: Berat: Ukuran: Nama Produk : adidas Harga Produk: Gambar: menolak untuk menyimpan data dan pesan Maaf, nama produk masing menolak untuk menyimpan data dan
46 3. Mengetikkan Produk, Harga produk dan Field lainnya tidak di isi Klik Simpan 4. Mengetikkan Produk, Harga Produk, Gmbar dan Field lainnya tidak di isi Klik Simpan 5. Mengetikkan Produk, HargaProduk, Gambar, Tampil dan Field lainnya tidak di isi Klik Simpan 6. Mengetikkan Produk, HargaProduk, Gambar, Tampil,Berat dan Field lainnya tidak di isi Klik Tampil: Berat: Ukuran: Nama Produk : adidas Harga Produk: Rp.500.000 Gambar: Tampil: Berat: Ukuran: (Kosong Nama Produk : adidas Harga Produk: Rp500.000 Gambar: 05.img Tampil: Berat: Ukuran: (Kosong Nama Produk : adidas Harga Produk: Rp500.000 Gambar: 05.img Tampil: Ya Berat: Ukuran: (Kosong Nama Produk : adidas Harga Produk: Rp500.000 Gambar: 05.img Tampil: Ya pesan Maaf,harga produk masih menolak untuk menyimpan data dan pesan Maaf, jml stok masih menolak untuk menyimpan data dan pesan Maaf, kategori masih menolak untuk menyimpan data dan pesan Maaf, jml masih menolak untuk menyimpan data dan pesan Maaf,
47 Simpan 7. Mengetikkan Produk, HargaProduk, Gambar, Tampil,Berat,Ukuran dan Field lainnya tidak di isi Klik Simpan 8 Mengetikkan semua dengan data yang benar klik masuk halaman Berat: 500gram Ukuran: Nama Produk : adidas Harga Produk: Rp500.000 Gambar: 05.img Tampil: Ya Berat: 500gram Ukuran: 39 (6,5) Nama Produk : adidas Harga Produk: Rp500.000 Gambar: 05.img Tampil: Ya Berat: 500gram Ukuran: 39 (6,5) jml masih menolak untuk menyimpan data dan pesan Maaf, jml masih Sistem menerima akses login dan menu utama di administrator 3. Pengujian terhadap Halaman Data Kota Tabel III.10. Hasil Pengujian Black Box Testing pada Halaman Data Kota Skenario No. Pengujian 1. Seluruh field yang ada pada form data kota tidak di isi, klik Simpan 2. Mengetikkan Nama kota dan Field Test Case Nama Kota: Ongkir: Nama Kota: Bogor Ongkir: Hasil yang diharapkan menolak untuk menyimpan data dan pesan Maaf, nama kota masing menolak untuk Hasil Pengujian Kesimpulan
48 lainnya tidak di isi Klik Simpan 3. Mengetikkan, Ongkir dan Field lainnya tidak di isi Klik Simpan 4. Mengetikkan semua field dengan benar dan lengkap, Klik Simpan Nama Kota: Ongkir: 7000 Nama Kota: Bogor Ongkir: 7000 menyimpan data dan pesan Maaf, ongkir masih menolak untuk menyimpan data dan pesan Maaf,nama kota masih Sistem menerima untuk menyimpan data kelas. 4. Pengujian terhadap Halaman Data Login Tabel III.11. Hasil Pengujian Black Box Testing pada Halaman Data Login No Skenario. Pengujian 1. Seluruh field yang ada pada form data login tidak di isi, klik Simpan 2. Mengetikka n Email dan Field lainnya tidak di isi Klik Simpan Test Case Email: Password: Email: Aldi Afrizal Password: Hasil yang diharapkan menolak untuk menyimpan data dan pesan Maaf,Email tidak boleh menolak untuk menyimpan data dan pesan Maaf,Password Hasil Pengujian Kesim pulan
49 3. Mengetikka n, Password dan Field lainnya tidak di isi Klik Simpan 4. Mengetikka n semua field dengan benar dan lengkap, Klik Simpan Email: Password: AldiAfrizal12 Email:aldi.afrizal 55 Password: aldiafrizal tidak boleh menolak untuk menyimpan data dan pesan Maaf,Email tidak boleh Sistem menerima untuk menyimpan data kelas. 5. Pengujian terhadap Halaman Data Daftar Tabel III.12. Hasil Pengujian Black Box Testing pada Halaman Data Daftar No Skenario. Pengujian 1. Seluruh field yang ada pada form data login tidak di isi, klik Simpan 2. Mengetikka n Nama dan Field lainnya tidak di isi Klik Simpan Test Case Nama: Email: Password: Alamat : Kota: No Telp: Nama: Aldi Afrizal Email: Password: Alamat : Kota: No Telp: Hasil yang diharapkan menolak untuk menyimpan data dan pesan Maaf,Nama tidak boleh menolak untuk menyimpan data dan pesan Maaf,Email tidak boleh Hasil Pengujian Kesim pulan
50 3. Mengetikka n, Email dan Field lainnya tidak di isi Klik Simpan 4. Mengetikka n Password dan Field lainnya tidak di isi Klik Simpan 5. Mengetikka n Alamat dan Field lainnya tidak di isi Klik Simpan 6. Mengetikka n kota dan Field lainnya tidak di isi Klik Simpan 7. Mengetikka n No Telp dan Field lainnya tidak di isi Klik Simpan 8. Mengetikka n semua Nama: Email: aldi.afrizal5@gm ail.com Password: Alamat : Kota: No Telp: Nama: (kosong Email: Password: Aldi1234 Alamat : Kota: No Telp: Nama: (kosong Email: Password: Alamat : kp kalapa Kota: No Telp: Nama: (kosong Email: Password: Alamat : Kota: Bogor No Telp: Nama: (kosong Email: Password: Alamat : Kota: No Telp: 0857123466 Nama: aldi afrizal Email: menolak untuk menyimpan data dan pesan Maaf,Nama tidak boleh menolak untuk menyimpan data dan pesan Maaf,Nama tidak boleh menolak untuk menyimpan data dan pesan Maaf,Nama tidak boleh menolak untuk menyimpan data dan pesan Maaf,Nama tidak boleh menolak untuk menyimpan data dan pesan Maaf,Nama tidak boleh Sistem menerima untuk
51 field dengan benar dan lengkap, Klik Simpan aldi.afrizal5@gm ail.com Password: aldi1234 Alamat : kp kalapa Kota: Bogor No Telp: 0857123466 menyimpan data kelas.