BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Butik batik Amnur adalah perusahaan toko penjualan pakaian batik milik keluarga yang beralamatkan di jalan Jaya Wijaya Raya No.63, Harapan Jaya, Bekasi. Metode penjualan yang dilakukan oleh Butik batik Amnur masih tergolong konvensional dimana pembeli datang untuk melakukan transaksi pemesanan dan pembayaran atas belanja batik yang dipesan. Saat ini Butik Batik Amnur sedang berusaha untuk meluaskan wilayah usahanya dengan menggunakan website dan
internet untuk menjangkau pembeli.
3.1.1. Sejarah Institusi/Perusahaan
Butik batik Amnur didirikan pada tahun 2005 oleh Ibu Hj. Nurhalifah. Saat ini Butik batik Amnur sudah dikelola oleh generasi kedua dari ibu Hj. Nurhalifah dan sedang berusaha untuk melebarkan wilayah usahanya dengan mendayagunakan
3.1.2. Struktur Organisasi dan Fungsi
Gambar III.1
Struktur Organisasi Butik Batik Amnur
Dapat di jelaskan mengenai Tugas pokok dan fungsi setiap bagian organisasi. Penjabaran dari tugas pokok dan fungsi setiap bagian adalah sebagai berikut :
1. Pemilik
a. Pemimpin tertinggi yang menetapkan langkah-langkah pokok dalam pelaksanaan kebijakan di Butik Amnur .
b. Memiliki wewenang sebagai pengambil keputusan setiap kegiatan di Butik Amnur.
c. Menerima dan mengevaluasi laporan dari bawahan. 2. Bagian Pemasaran
a. Bagian pemasaran bertanggung jawab atas segala urusan yang berkaitan dengan pelanggan, penyampaian pesanan pelanggan.
3. Bagian Pengadaan.
a. Bagian pengadaan bertanggung jawab atas ketersediaan stok penjualan, pengadaan stok dari supplier, pengembalian barang dan kualitas barang, memastikan bahwa produk batik yang dijual adalah model terbaru dan mengikuti trend terkini.
3.2. Analisis Kebutuhan A. Kebutuhan Fungsional
1) Kebutuhan Pembeli
a) Melihat daftar produk yang di jual b) Melihat harga produk yang di jual
c) Melihat cara pemesanan dan cara pembayaran d) Memilih kategori produk yang akan di beli e) Menentukan jumlah produk yang hendak dibeli f) Mencetak nota tagihan
g) Mengupload bukti pembayaran 2) Kebutuhan Administrator
a) Menambah produk yang di jual b) Mengubah produk yang di jual c) Menghapus produk yang di jual d) Mencetak daftar pesanan
e) Memeriksa bukti pembayaran yang diupload oleh pembeli f) Mempunyai halaman administrator sendiri
B. Kebutuhan Non-Fungsional
1) Kebutuhan perangkat keras Administrator
Untuk perangkat keras Administrator mengubah laptop dengan spesifikasi sebgai berikut :
a) Procesor Intel i3 b) RAM 2 Gb c) Hardisk 500 Gb
d) Perangkat standar Input dan Output 2) Kebutuhan perangkat keras pembeli
Kebutuhan minimal perangkat keras pembeli adalah perangkat mobile atau
3.3. Perancangan Perangkat Lunak 3.3.1. Rancangan Antar Muka
Spesifikasi rancangan tampilan antarmuka yang digunakan pada perancangan website penjualan belanja batik Butik Amnur adalah sebagai berikut :
a. Rancangan halaman Home website
Gambar III.2
b. Rancangan Halaman Pembayaran
Gambar III.3
c. Rancangan Halaman Keranjang Belanja
Gambar III.4
Rancangan Halaman Keranjang Belanja d. Rancangan Halaman Cara Pemesanan
Gambar III.5
e. Rancangan Halaman Cara Pembayaran
Gambar III.6
Rancangan Halaman Cara Pembayaran f. Rancangan Halaman Login Admin
Gambar III.7 Halaman Login Admin
g. Rancangan Halaman Cek Pembayaran
Gambar III.8
Halaman Cek Pembayaran h. Rancangan Halaman Laporan Transaksi Pesanan
Gambar III.9
i. Rancangan Halaman Master Batik
Gambar III.10
3.3.2. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang di gambarkan dengan Entity Relationship Diagram (ERD).
1. Entity Relationship Diagram (ERD).
Gambar III.11
2. Logical Relational Structure (LRS)
Gambar III.12.
Logical Relational Structure (LRS).
3. Spesifikasi File
Adapun spesifikasi file yang penulis gunakan dalam perancangan website penjualan toko pakaian batik adalah sebagai berikut:
1) Spesifikasi data barang
Nama : Tabel Batik
Akronim file : tblBatik Tipe file : File master
Akses file : Random
Media file : Harddisk Panjang Record : 93
SKunci field : SKU
Software : Microsoft SQL Server 2008 Tabel III.1. Tabel Data Barang
No Elemen Data Akronim Tipe Panjang Keterangan
1 Kode barang SKU Nvarchar 15 Primary Key
2 Nama barang NamaBarang Nvarchar 20
3 Ukuran/Unit barang Ukuran Nvarchar 10
4 Harga barang Harga Numeric 18
5 Lokasi gambar barang FilePath Nvarchar 15
6 Kode kategori barang IDKategori Nvarchar 15 Foreighn Key
2) Spesifikasi data belanja
Nama : Tabel Belanja
Akronim file : tblBelanja Tipe file : File master
Akses file : Random
Media file : Harddisk Panjang Record : 79 Kunci field : Nomor
Tabel III.2. Tabel Belanja
No Elemen Data Akronim Tipe Panjang Keterangan
1 Nomor urut Nomor Integer 5 Primary Key
2 Kode Pemesanan IDPemesanan Nvarchar 10 Foreighn Key
3 Kode Barang SKU Nvarchar 10 Foreighn Key
4 Jumlah barang
dibeli
Jumlah Numeric 18
5 Harga barang satuan Harga Numberic 18
6 Sub total hasil
pembelian barang
SubTotal Numeric 18
3) Spesifikasi data keranjang belanja
Nama : Tabel Keranjang Belanja
Akronim file : tblKeranjangBelanja Tipe file : File master
Akses file : Random
Media file : Harddisk Panjang Record : 61 Kunci field : Nomor
Tabel III. 3. Tabel Keranjang Belanja
No Elemen Data Akronim Tipe Panjang Keterangan
1 Nomor urut Nomor Integer 5 Primary Key
2 Kode Barang SKU Nvarchar 10 Foreighn Key
3 Jumlah barang dibeli JumlahPembelian Numeric 18 4 Harga barang satuan Harga Numberic 10
5 Sub total hasil
pembelian barang
SubTotal Numeric 18
4) Spesifikasi data pemesanan
Nama : Tabel Pemesanan
Akronim file : tblPemesanan Tipe file : File master
Akses file : Random
Media file : Harddisc Panjang Record : 133
Kunci field : IDPemesanan
Tabel III.4. Tabel Pemesanan
No Elemen Data Akronim Tipe Panjang Keterangan
1 Kode Pemesanan IDPemesanan Nvarchar 10 Primary Key
2 Tanggal Pemesanan TanggalPemesanan Datetime 3 Jumlah Tagihan yang harus dibayarkan JumlahTagihan Numeric 18
4 File upload bukti pembayaran BuktiPembayaran Nvarchar 18 5 Nama pelanggan yang memesan NamaPemesan Nvarchar 15 6 Nomor telpon pelangan yang memesan NomorTelpon Nvarchar 12 7 Alamat pelanggan yang memesan Alamat Nvarchar 25 8 Status pembayaran oleh pelanggan StatusPembayaran Nvarchar 10
9 Email pelanggan yang memesan
Email Nvarchar 25
5) Spesifikasi data kategori
Nama : Tabel Kategori Barang
Akronim file : tblKategori Tipe file : File master
Akses file : Random
Media file : Harddisc Panjang Record : 25
Kunci field : IDKategori
Software : Microsoft SQL Server 2008 Tabel 3.5. Tabel Kategori Barang
No Elemen Data Akronim Tipe Panjang Keterangan
1 Kode kategori
barang
IDKategori Nvarchar 10 Primary Key
2 Keterangan kategori barang
6) Spesifikasi Data pembayaran
Nama : Tabel pembayaran
Akronim file : tblpembayaran Tipe file : File master
Akses file : Random
Media file : Harddisc Panjang Record : 98
Kunci field : IDKategori
Software : Microsoft SQL Server 2008 Tabel III.6. Tabel Pembayaran
No Elemen Data Akronim Tipe Panjang Keterangan
1 Kode
Pembayaran
IDPembayaran Nvarchar 10 Primary Key
2 Nama pelanggan yang membayar Nama Nvarchar 20 3 Alamat pelanggan yang memesan Alamat Nvarchar 25 4 Nomor telpon pelangan yang memesan NomorTelpon Nvarchar 13
yang memesan 6 Status
Pembayaran pelanggan
StatusPembayaran Nvarchar 10
3.3.3. Rancangan Struktur Navigasi
Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh bagian website, meliputi isi website dan hubungan antara isi-isi tersebut.
Struktur navigasi website yang diterapkan pada situs web toko online penjualan pakaian Batik pada Butik Batik Amnur adalah menggunakan struktur navigasi Bercabang (Hierarki). Melalui sturkutur navigasi website ini, dapat dilihat bagaimana tampilan website secara menyeluruh.
Rancangan strukur navigasi toko penjualan pakaian Batik Butik Amnur:
Keranjang Pembayaran Login Administrator Konfirmasi Pembayaran Pembayaran Master Batik Checkout Cetak Pesanan Gambar III.13
3.4. Implementasi Dan Pengujian Unit 3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada web e-commerce pada Butik Batik Amnur berdasarkan hasil rancangan antar muka.
1. Halaman Utama
Halaman Utama berguna untuk menampilkan belanja batik dan pakaian batik yang dijual oleh Butik Batik Amnur. Di halaman ini pembeli dapat memilih barang yang dikehendaki dan melakukan pemesanan.
Gambar III.14
Halaman Antar Muka Halaman Utama 2. Halaman Pembayaran
Halaman Pembayaran berguna agar pembeli yang telah melakukan pembayaran pesanan melalui ATM atau transfer bank, dapat melakukan
unggah bukti mereka ke dalam web. Untuk melakukan unggah bukti tersebut, pembeli cukup mengetikkan ID Pemesanan yang tertulis pada nota tagihan yang mereka dapat ketika melakukan pemesanan barang dan memilih file bukti pembayaran, kemudian menekan simpan untuk mengunggah ke website.
Gambar III.15
Halaman Antar Muka Pembayaran 3. Halaman Keranjang Belanja
Halaman keranjang belanja dapat diakses dengan mengklik menu yang bertuliskan keranjang belanja. Keranjang belanja berfungsi untuk menampilkan barang yang dipesan dan total harga yang harus dibayarkan oleh pembeli.
Pembeli juga diharuskan untuk mengisi detail nama, email dan alamat pengiriman agar barang dapat dikirimkan ke pembeli.
Gambar III.16
Halaman Antar Muka Keranjang Belanja 4. Halaman Faq Cara Pemesanan
Halaman Cara Pemesanan dipergunakan untuk melihat langkah-langkah pemesanan dalam melakukan pemesanan produk batik.
Gambar III.17
Halaman Antar Muka Cara Pemesanan 5. Halaman Faq Cara Pembayaran
Halaman Cara Pembayaran dipergunakan untuk melihat langkah-langkah cara pembayaran dalam melakukan pembayaran produk batik.
Gambar III.18
6. Halaman Login Administrator
Halaman login administrator dipergunakan untuk melakukan login ke antarmuka administratif website toko Butik Batik Amnur. Halaman login administrator dapat diakses dengan mengklik tanda copyright pada footer
website butik Amnur.
Gambar III.19
Halaman Antar Muka Login Administrator 7. Halaman Approval Pembayaran
Halaman approval pembayaran dipergunakan oleh administrator untuk memeriksa pesanan dan memverifikasi bukti pembayaran yang telah diunggah oleh pembeli berdasarkan pada nomor pembelian.
Untuk pembeli yang belum melakukan unggah bukti, status pembayarannya adalah Belum, sedangkan untuk pembeli yang sudah melakukan unggah bukti status pembayarannya adalah Uploaded dan jika bukti pembayaran yang diunggah sesuai dengan jumlah tagihan dan telah masuk rekening, maka administrator dapat menekan tombol Lunas untuk merubah status pembayaran menjadi Lunas.
Gambar III.20
Antar Muka Halaman Approval Pembayaran 8. Halaman Entry Barang
Halaman entry barang dipergunakan oleh administrator untuk melakukan perubahan, penambahan dan penghapusan katalog belanja batik yang dijual. Untuk melakukan penambahan, administrator menekan tombol baru, kemudian mengisikan semua kotak yang ada dan menekan tombol Submit. Maka barang tersebut akan ditambahkan ke katalog.
Untuk melakukan pengubahan, administrator memilih salah satu barang dari katalog yang ada dengan menekan tombol Pilih di samping barang tersebut. Setelah dipilih maka detail barang tersebut akan tampil. Administrator kemudian melakukan perubahan yang diperlukan dan diakhiri dengan menekan tombol Submit untuk menyimpan.
Untuk melakukan penghapusan, administrator memilih salah satu barang dari katalog yang ada dengan menekan tombol Pilih di samping barang tersebut. Setelah detail barang tersebut muncul, maka administrator menekan tombol Hapus untuk melakukan penghapusan.
Gambar III.21
Antar Muka Halaman Entry Barang 9. Halaman Cetak Pemesanan
Halaman cetak pemesanan digunakan oleh administrator untuk mencetak pesanan barang dan alamat pengiriman barang tersebut.
Halaman cetak pemesanan dapat diakses melalui menu Cetak Pemesanan. Untuk melakukan cetak pemesanan, administrator terlebih dahulu memilih tanggal yang hendak diambil pesanannya, kemudian menekan tombol cetak, maka akan keluar daftar pesanan yang dikehendaki. Pesanan ini dapat diprint, atau disimpan dalam bentuk PDF, Excel atau Word.
Gambar III.22
Antarmuka Halaman Cetak Pemesanan
3.4.2. Pengujian Unit
Pengujian atas website penjualan belanja batik online Butik Batik Amnur menggunakan metode blackbox testing.
Pengujian dengan metode blackbox memfokuskan diri pada keperluan fungsional suatu website. Karena itu blackbox testing memungkinkan penguji untuk membuat himpunan input yang akan menguji semua syarat fungsional suatu program.
Uji coba blackbox berusaha untuk menemukan kesalahan/error dalam berbagai kategori:
a. Fungsi yang salah atau hilang b. Kesalahan antarmuka web
c. Kesalahan dalam struktur data atau akses data eksternal d. Kesalahan kinerja
e. Kesalahan inisialisasi atau terminasi.
Tabel III.7. Hasil Pengujian Black Box Testing Halaman Transaksi No Skenario pengujian Test case Hasil yang
diharapkan
Hasil
pengujian Kesimpulan 1. User berada di
halaman produk Jumlah beli misal diisi 3 kemudian klik tombol beli . Klik tombol beli Sistem akan memperbar ui jumlah produk, harga, dan subtotal dari produk di halaman keranjang belanja Sesuai harapan Valid 2 User berada di halaman keranjang belanja kemudian klik tombol check out.
Klik tombol check out. Sistem akan menampilka n tabel untuk diisi oleh user yang berisi nama, email, no. telepon dan alamat pengirim setelah itu klik tombol check out. Setelah itu akan tampil nota tagihan yang berisi No. id pemesanan dan total biaya yang harus di Sesuai harapan Valid
bayar untuk no.tagihan untuk di copy di halaman pembayaran 3. User berada di halaman pembayaran untuk field id pemesanan diisi sesuaikan dalam nota tagihan untuk file diisi dengan aploud -an bukti transfer
kemudian klik tombol simpan field id pemesanan diisi misal : 62120167084 1AM File diisi dengan hasil aploud bukti transfer pembayaran dalam bentuk file pdf atau jpg. Sistem akan memperbar ui data pada halaman cek pembayaran pada admin dan admin melakukan konfirmasi hasil aploud-an bukti transfer jika sudah teraploud maka admin berhak untuk mengubah status pembayaran jadi lunas dan transaksi selesai Sesuai harapan Valid
Tabel III.8. Hasil Pengujian Black Box Testing Halaman Keranjang Belanja
No Skenario pengujian Test case Hasil yang
diharapkan
Hasil
pengujian Kesimpulan 1. Semua field tidak diisi
atau kosong kemudian klik tombol hapus semua. Nama: (kosong) Alamat Pengirim: (kosong) No. telp: (kosong) Email: (kosong) Sistem akan menolak akses user dan kembali ke tampilan awal halaman keranjang belanja Sesuai harapan Valid
2. Semua field diisi nama alamat pengirim ,No. Tlp dan email, kemudian klik tombol hapus semua. Nama: Santi Alamat Pengirim: Jl. Tawakal No. 34 Grogol Jakarta Barat No. telp: 087886766552 Email: trisusanti99@g mail.com Sistem akan menolak akses user dan kembali ke tampilan awal dan untuk semua fieldnya terisi semua Sesuai Harapan Valid
3. Mengisi field nama kecuali alamat
pengirim No. Tlp dan
email, kemudian klik
tombol Check Out.
Nama: Santi Alamat Pengirim: (kosong) No.Telp: (kosong) Email: (kosong) Sistem akan menolak akses user dan kembali ke tampilan awal di kolom nama fieldnya terisi. Sesuai Harapan Valid
4. Mengisi field nama, Alamat Pengirim kecuali No. telp dan
email kemudian klik
tombol Check Out.
Nama: Santi Alamat Pengirim: Jl. Tawakal No. 34 Grogol Jakarta Barat No.Telp: (kosong) Email: (kosong) Sistem akan menolak akses user dan kembali ke tampilan awal di kolom nama dan alamat pengirim fieldnya Sesuai Harapan Valid
terisi. 5. Mengisi field nama,
Alamat Pengirim,
email,kecuali No. telp
dan kemudian klik tombol Check Out.
Nama: Santi Alamat Pengirim: Jl. Tawakal No. 34 Grogol Jakarta Barat No. telp: 087886892533 Email: (kosong) Sistem akan menolak akses user dan kembali ke tampilan awal di kolom nama dan alamat pengirim dan email fieldnya terisi. Sesuai Harapan Valid
6. Semua field diisi nama alamat pengirim ,No. Tlp dan email, kemudian klik tombol
Check Out. Nama: Santi Alamat Pengirim: Jl. Tawakal No. 34 Grogol Jakarta Barat No. telp: 087886892533 Email: trisusanti99@g mail.com Sistem menerima akses kemudian langsung menampilkan nota tagihan yang bisa di simpan user dalam bentuk pdf, word dan exel. Sesuai Harapan Valid
Tabel III.9. Hasil Pengujian Black Box Testing Halaman Pembayaran. No. Skenario pengujian Test case Hasil yang
diharapkan
Hasil pengujian
Kesimpulan 1. ID Pemesanan dan
File diisi (kosong)
kemudian klik Simpan ID Pemesanan (kosong) File diisi (kosong) Sistem akan menolak akses untuk proses pembayaran dan tampil ke halaman pembayaran untuk field ID Pemesanan dan File kosong. Sesuai harapan Valid
2. ID Pemesanan dan File diisi semua
kemudian klik Simpan ID Pemesanan : 83020169 4243AM File diisi : Bukti trnsfer Sistem akan menerima akses dan menampilkan halaman awal dan proses selanjutnya nunggu konfirmasi dari admin Sesuai harapan Valid
Tabel III.10. 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:(koso ng) password: (kosong) Sistem akan menolak akses untuk user dan tidak bisa untuk login Sesuai Harapan Valid 2. Mengetikkan username dan Password tidak diisi
atau kosong kemudian klik tombol login. username : admininistrator password : (kosong) Sistem akan menolak akses untuk user dan tidak bisa untuk login Sesuai harapan Valid
3. username tidak diisi
(kosong) danPassword diisi kemudian klik tombol login. username: (kosong) password: P@ssw0rd Sistem akan menolak akses untuk user dan tidak bisa untuk login Sesuai Harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau
Password kemudian
klik tombol login.
username: administrator (benar) password: Passw0rd (salah) Sistem akan menolak akses user dan menampilkan update password. Sesuai Harapan Valid
5. Mengetikkan
Username dan Password dengan
data yang benar kemudian klik tombol login. username: administrator (benar) password: P@ssw0rd (benar) Sistem akan menerima akses dan menampilkan halaman Admin. Sesuai Harapan Valid
BAB IV
PENUTUP
4.1. Kesimpulan
Berdasarkan pada pembahasan yang telah dibahas pada bab-bab sebelumnya penulis menarik kesimpulan mengenai perancangan website penjualan Batik Butik Amnur sebagai berikut :
1. Dapat meningkatkan efektifitas dan efisiensi dalam melakukan jual beli. 2. Memudahkan pembeli untuk melakukan pemesanan dan pembelian.
3. Memudahkan penjual untuk menjual produknya online. 4. Dapat meningkatkan omset penjualan yang lebih banyak.
5. Terhindar dari kerangkapan produk karena SKU produk memiliki
karakteristik sendiri.
4.2. Saran
Dengan penggunaan system komputerisasi untuk melakukan penjualan batik
online, bukan berarti tidak menimbulkan masalah baru. Sehubungan dengan itu, perlu
adanya pemantauan terhadap kinerja dan keamanan system secara seksama dari pihak butik Amnur .
Berikut adalah saran yang dapat penulis berikan :
1. Adanya backup data untuk mencegah terjadinya kehilangan data baik akibat kelalaian manusia, mesin atau bencana alam.
2. Selalu update tentang informasi security terbaru, celah keamanan website serta ancaman virus atau spyware yang ada di internet.
3. Validasi setiap input dari user yang langsung berhubungan dengan database. 4. Untuk memastikan kerahasiaan dan keamanan data pada website, hendaknya
password dan user id untuk login hanya diketahui oleh pihak yang berwenang
