BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Latar Belakang Toko Toko Tiga Nada merupakan sebuah toko yang bergerak dibidang usaha penjualan alat-alat musik. Toko Tiga Nada berkantor pusat di Surabaya, sedangkan yang dijadikan tempat penelitian penulis merupakan cabang dari Toko Tiga Nada yang berada di Ruko Jalan Panglima Sudirman Kav.20 Lamongan, dengan no.telp (0322) 316 393. Produk-produk yang dijual sebagian besar adalah alat musik seperti gitar dan bass. Di toko ini juga menyediakan accesories alat musik seperti senar gitar, sabuk gitar, stand keyboard, tas acoustic, dan lain- lain. Produk paket seperti Drum Band juga tersedia di toko ini. Toko Tiga Nada merupakan toko yang memulai aktivitas bisnisnya pada tahun 2004. Toko ini berusaha untuk meningkatkan penjualannya. Tetapi yang menjadi kendala saat ini yaitu sistem penjualan dan pemasarannya masih dilakukan secara manual atau dilakukan transaksi penjualan dengan cara bertemu dan bertatapan langsung antara user dan pihak penjual. 3.2 Tahap Project Planning & Tahap Analisa 25
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
BAB III
ANALISA DAN PERANCANGAN SISTEM
2.1 Latar Belakang Toko
Toko Tiga Nada merupakan sebuah toko yang bergerak dibidang usaha
penjualan alat-alat musik. Toko Tiga Nada berkantor pusat di Surabaya,
sedangkan yang dijadikan tempat penelitian penulis merupakan cabang dari Toko
Tiga Nada yang berada di Ruko Jalan Panglima Sudirman Kav.20 Lamongan,
dengan no.telp (0322) 316 393.
Produk-produk yang dijual sebagian besar adalah alat musik seperti gitar
dan bass. Di toko ini juga menyediakan accesories alat musik seperti senar gitar,
sabuk gitar, stand keyboard, tas acoustic, dan lain-lain. Produk paket seperti Drum
Band juga tersedia di toko ini. Toko Tiga Nada merupakan toko yang memulai
aktivitas bisnisnya pada tahun 2004. Toko ini berusaha untuk meningkatkan
penjualannya. Tetapi yang menjadi kendala saat ini yaitu sistem penjualan dan
pemasarannya masih dilakukan secara manual atau dilakukan transaksi penjualan
dengan cara bertemu dan bertatapan langsung antara user dan pihak penjual.
2.2 Tahap Project Planning & Tahap Analisa
Menguraikan tentang analisis kebutuhan terhadap permasalahan terhadap
kasus yang sedang diteliti.
2.2.1 Analisis Kebutuhan Sistem
Tujuan dari analisis kebutuhan sistem adalah memahami kebutuhan
dari sistem baru dan mengembangkan sebuah sistem yang mewadahi
kebutuhan tersebut.
Analisis kebutuhan sistem digolongkan menjadi dua, yaitu
kebutuhan fungsional (functional requirement) dan kebutuhan
nonfungsional (nonfunctional requirement).
25
26
a. Kebutuhan Fungsional
Kebutuhan fungsional merupakan jenis kebutuhan yang berisi proses-
proses apa saja yang nantinya dilakukan oleh sistem dan juga berisi
informasi apa saja yang harus ada dan dihasilkan oleh sistem. Dilihat
dari sisi penggunaan sistem, kebutuhan ini dibagi menjadi 2 yaitu :
1. Kebutuhan situs berbasis web
Kategori produk, berisi daftar produk apa saja yang dijual.
Didalam terdapat penelusuran berdasarkan kategori tertentu.
Pendaftaran untuk mendapatkan pelanggan secara gratis,
selanjutnya user dapat login dan user dapat berbelanja di
sistem.
Login, merupakan cara masuk ke dalam sistem.
Pemesanan barang, dilakukan oleh user yang telah login,
memilih barang, barang yang telah dipilih kemudian masuk ke
keranjang belanja, checkout, selanjutnya memilih jasa
pengiriman, pilih pembayaran, kemudian user mendapatkan
total harga, order dan mendapatkan token. Disini token
menggunakan 3 digit dari gabungan beberapa karakter.
2. Kebutuhan modul administrasi berbasis web
Login, merupakan cara masuk ke sistem.
Pengolahan sistem, merupakan pengolahan berbagai sistem,
data yang diolah yaitu data customers, kategori produk, produk
apa saja yang dijual, cara order, payment, shipping, testimoni,
tarif JNE, Auxpage, dan data Banner.
b. Kebutuhan Nonfungsional
Kebutuhan nonfungsional adalah kebutuhan yang berisi kelengkapan
yang dimiliki oleh sistem.
2.2.2 Kebutuhan Perangkat Keras
Komputer terdiri perangkat keras dan perangkat lunak. Perangkat
lunak memberikan instruksi-instruksi kepada perangkat keras untuk
melakukan suatu tugas tertentu.
27
Perangkat keras komputer yang digunakan adalah
perangkat keras yang dapat mendukung perangkat lunak
yang memiliki kemampuan atau tampilan grafis yang
cukup baik. Perangkat keras yang digunakan pada
pembuatan program aplikasi e-commerce sebagai media
Nama Field Tipe Data Lebar Data KeterangancustomerID integer Nomor urut nama
pelanggan, auto increment
orderID integer Nomor urut nama pelanggan, auto increment
kode_urus integer Nomor urut pengurus, auto increment
confirmID integer No urut konformasi pembayaran, auto increment
nama varchar 255 Nama pelangganalamat varchar 100 Alamat pelanggankelurahan varchar 50 Kelurahan pelanggankecamatan varchar 50 Kecamatan pelanggankabupaten varchar 50 Kabupaten Pelangganpropinsi varchar 50 Propinsi pelangganemail varchar 100 Email pelanggan,
Nama Field Tipe Data Lebar Data KeteranganorderID integer Nomor urut nama
pelanggan, auto increment
paymentID integer Nomor urut nama Bank, auto increment
customerID integer Nomor urut nama pelanggan, auto increment
kode_urus integer Nomor urut pengurus, auto increment
shippingID integer Nomor urut metode pengiriman barang, auto increment
hari varchar 10 Hari pelanggan order barang
tanggal varchar 20 Tanggal pelanggan order barang
jam varchar 10 Jam pelanggan order barang
total integer Total harga pesananstatus varchar 20 Status pengiriman
barang : pending, terkirim, batal
token varchar 10 Kode khusus yang diberikan pengurus kepada konsumen
50
m. Tabel Product
Primary key : productID
Foreigen key : orderID, kode_urus
Tabel 3.14 Tabel Product
Nama Field Tipe Data Lebar Data KeteranganproductID integer Nomor urut barang, auto
incrementorderID integer Nomor urut nama
pelanggan, auto increment
kode_urus integer Nomor urut pengurus, auto increment
nama varchar 255 Nama produkdeskripsi text Deskripsi barangfoto varchar 150 Foto barangkeyword varchar 255 Kata kunci untuk
mencari produkdescription varchar 255 Deskripsi produktitle varchar 255 Judul barangslug varchar 255 Slug barangkategori integer Sama dengan categoryID
pada table kategori_barang
tanggal varchar 20 Tanggal barang di entryjam varchar 10 Jam barang di entryhari varchar 10 Hari barang di entryharga integer Harga barangproduct_code varchar 15 Digit 1, huruf pertama
kategori barangDigit 2 dan 3, nomor urut kategori barangDigit 4 – 8, nomor urut barangMisalnya D0100001
stok integer Jumlah stok barangspesifikasi long
varcharSpesifikasi barang
status varchar 20 Status barang Ready ato PO
kondisi varchar 20 Kondisi baru atau bekashpp integer Harga pokok penjualan
51
n. Tabel Pengiriman (Shipping)
Primary key : shippingID
Foreigen key : -
Tabel 3.15 Tabel Pengiriman (Shipping)
Nama Field Tipe Data Lebar Data KeteranganshippingID integer Nomor urut metode
pengiriman barang, auto increment
shipping_method
varchar 10 Metode pengiriman barang
o. Tabel Supplier
Primary key : supplierID
Foreigen key : kode_urus
Tabel 3.16 Tabel Supplier
Nama Field Tipe Data Lebar Data KeterangansupplierID integer Nomor urut supplier,
auto incrementkode_urus integer Nomor urut pengurus,
auto incrementnama varchar 255 Nama supplieralamat varchar 100 Alamat supplierkota varchar 50 Kota tinggal supplierpropinsi varchar 50 Propinsi tinggal supplieremail varchar 100 Email supplierhp varchar 100 Nomer handphone
supplier
p. Tabel Testimoni
Primary key : testimoniID
Foreigen key : customerID, kode_urus
Tabel 3.17 Tabel Testimoni
Nama Field Tipe Data Lebar Data KeterangantestimoniID integer Nomor urut testimoni,
auto incrementcustomerID integer Nomor urut nama
pelanggan, auto increment
52
Tabel 3.17 Tabel Testimoni (lanjutan)
kode_urus integer Nomor urut pengurus, auto increment
nama varchar 255 Nama pengirim testimoni
email varchar 100 Email pengirim testimoni
kota varchar 50 Kota penulis testimoni
testimoni long varchar
Isi testimoni
status varchar 20 Status testimoni
tanggal varchar 20 Tanggal testimoni ditulis
hari varchar 10 Hari testimoni ditulis
jam varchar 10 Waktu testimoni ditulis
2.1.3 Perancangan Antarmuka / Interface
Satu hal lagi yang harus diperhatikan dalam pembuatan perangkat
lunak bahwa perangkat lunak ini digunakan oleh banyak sekali pengguna
dan dari beragam latar belakang.
Karena tidak semua pengguna adalah seseorang yang ahli dalam
pengoperasian komputer. Karena itu dalam perancangan antarmuka
perangkat lunak haruslah ramah pengguna (user friendly). Adapun
antarmuka pemakai perangkat lunak yang akan dirancang ditampilkan
sebagai berikut :
3.3.3.1 Perancangan Halaman User
Perancangan Halaman Menu Utama
Gambar 3.12 Perancangan Halaman Menu Utama
53
Perancangan Halaman Registrasi
Form yang sudah disediakan harus diisi dengan lengkap.
Gambar 3.13 Perancangan Halaman Registrasi
Perancangan Halaman Registrasi
Klik LINK untuk mengaktivasi member. (Lihat gambar)
Gambar 3.14 Perancangan Halaman Registrasi
Perancangan Halaman Registrasi Berikutnya
Gambar 3.15 Perancangan Halaman Registrasi Berikutnya
Perancangan Login User
Gambar 3.16 Perancangan Login User
Perancangan Halaman Member
Secara otomatis menu REGISTER akan berubah menjadi
MEMBER karena sudah teraktivasi.
54
Gambar 3.17 Perancangan Halaman Member
Perancangan Halaman Transaksi
Konsumen bisa menentukan jumlah barang yang ingin dibeli.
Gambar 3.18 Perancangan Halaman Transaksi
Perancangan Halaman Keranjang Belanja
Di halaman keranjang belanja konsumen bisa mengurangi dan
menambah barang yang ingin dibeli. Setelah itu konsumen bisa
menghitung berapa total harga yang harus dibayar. Klik
checkout untuk melanjutkan proses transaksi.
Gambar 3.19 Perancangan Halaman Keranjang Belanja
Perancangan Halaman Pengiriman
Pada halaman pengiriman disini konsumen memilih metode
pengiriman. Klik tanda panah untuk melanjutkan proses.
55
Gambar 3.20 Perancangan Halaman Pengiriman
Perancangan Halaman Pembayaran
Pada halaman pembayaran konsumen memilih cara
pembayaran. Klik tanda panah untuk melanjutkan proses.
Gambar 3.21 Perancangan Halaman Pembayaran
Perancangan Halaman Pesan Sekarang
Pada halaman pesan sekarang konsumen dilihatkan detail
order. Mulai dari Alamat Pengiriman, Data Pesanan, Metode
Pengiriman Barang dan Metode Pembayaran. Klik order now
jika ingin pesan sekarang.
Gambar 3.22 Perancangan Halaman Pesan Sekarang
Perancangan Halaman Terima Kasih
Di halaman ini konsumen mendapatkan kode token order
konsumnen dan ucapan terima kasih telah melakukan trasaksi.
56
Gambar 3.23 Perancangan Halaman Terima Kasih
Perancangan Halaman Konfirmasi Pembayaran
Untuk melakukan konfirmasi pembayaran konsumen masuk ke
halaman member terlebih dahulu kemudian akan ditampilkan
halaman member yang sudah terisi order. Pada halaman ini
konsumen mengklik link konfirmasi pembayaran (lihat gambar
3.24). Kemudian akan muncul halaman konfirmasi
pembayaran disini konsumen mengisi jumlah total pembelian
(lihat gambar 3.25). Jika salah memasukkan angka maka
konsumen tidak mendapatkan nomor nota. Sedangkan jika
berhasil akan mendapatkan nomor nota (lihat gambar 3.26).
Gambar 3.24 Perancangan Halaman Konfirmasi Pembayaran
Gambar 3.25 Perancangan Halaman Isi Jumlah Pembayaran
57
Gambar 3.26 Perancangan Halaman Saat Mendapatkan Nomor Nota
Perancangan Halaman Testimoni
Testimoni akan ditampilkan jika admin sudah mengubah status
dari tidak ditampilkan menjadi ditampilkan.
Gambar 3.27 Perancangan Halaman Testimoni
Perancangan Halaman Lihat Semua Testimoni
Semua isi testimoni akan ditampilkan dihalaman ini.
Gambar 3.28 Perancangan Halaman Lihat Semua Testimoni
Perancangan Halaman Kirim Testimoni
Konsumen bisa mengisi testimoni di halaman ini.
Gambar 3.29 Perancangan Halaman Kirim Testimoni
58
Perancangan Halaman Daftar Harga
Konsumen bisa melihat semua daftar harga di halaman daftar
harga.
Gambar 3.30 Perancangan Halaman Daftar Harga
Perancangan Halaman Cara Order
Konsumen bisa melihat cara order di halaman ini.
Gambar 3.31 Perancangan Halaman Cara Order
Perancangan Halaman Tentang Kami
Halaman tentang kami ini berguna agar konsumen bisa lebih
mengenal dan bisa lebih tahu tentang perusahaan atau toko
yang menggunakan jasa website sebagai media penjualan
secara online.
Gambar 3.32 Perancangan Halaman Tentang Kami
59
Perancangan Halaman Kontak Kami
Disini menyediakan form untuk mengirim email ke perusahaan
dan juga menyediakan link untuk menghubungi semisal twitter
dan facebook.
Gambar 3.33 Perancangan Halaman Kontak Kami
3.3.3.2 Perancangan Halaman Administrator
Perancangan Halaman Login Admin
Gambar 3.34 Perancangan Halaman Login Admin
Perancangan Halaman Konfigurasi General
Halaman ini untuk memasukkan detail perusahaan atau toko.
Gambar 3.35 Perancangan Halaman Konfigurasi General
Perancangan Halaman Konfigurasi Header
Halaman ini untuk mengedit header yang akan ditampilkan.
60
Gambar 3.36 Perancangan Halaman Konfigurasi Header
Perancangan Halaman Customers
Admin disini tidak bisa mengedit data customer. Admin hanya
bisa menghapus. Background warna biru artinya customer
belum melakukan aktivasi
Gambar 3.37 Perancangan Halaman Customers
Perancangan Halaman Kategori
Admin disini tidak bisa menambah, edit dan hapus kategori.
Gambar 3.38 Perancangan Halaman Kategori
Perancangan Halaman Produk Pada Administrator
Jika nama kategori dan nama produk sudah diisi data maka
bisa diklik untuk menambah, edit atau hapus data produk.
61
Gambar 3.39 Perancangan Halaman Produk
Perancangan Halaman Produk Selanjutnya
Pada Halaman ini bisa tampil jika salah satu nama categori
atau nama produk diklik.
Gambar 3.40 Perancangan Halaman Produk Selanjutnya
Perancangan Halaman Add New Product
Admin bisa menambahkan produk dihalaman ini.
Gambar 3.41 Perancangan Halaman Add New Product
Perancangan Halaman Order
Admin bisa melihat pesanan dan mengedit status pemesanan.
Background warna merah artinya status order pending,
background warna biru artinya status order konfirmasi
(customer sudah melakukan pembayaran.
62
Gambar 3.42 Perancangan Halaman Order
Perancangan Halaman Edit Order
Admin mengedit status pemesanan di halam ini. Status
disediakan send, pending dan konfirmasi.
Gambar 3.43 Perancangan Halaman Edit Order
Perancangan Halaman Konfirmasi Pembayaran
Admin hanya bisa melihat dan menghapus saja.
Gambar 3.44 Perancangan Halaman Konfirmasi Pembayaran
Perancangan Halaman Payment
Admin bisa mengedit, menambah, menghapus dan menyimpan
payment.
Gambar 3.45 Perancangan Halaman Payment
Perancangan Halaman Shipping
Admin bisa mengedit, menambah, menghapus dan menyimpan
shipping.
63
Gambar 3.46 Perancangan Halaman Shipping
Perancangan Halaman Supplier
Admin bisa mengedit, menambah dan menghapus data
supplier.
Gambar 3.47 Perancangan Halaman Supplier
Perancangan Halaman Tambah Supplier
Admin mengisi form yang disediakan untuk melengkapi data
supplier.
Gambar 3.48 Perancangan Halaman Tambah Supplier
Perancangan Halaman Testimoni
Admin bisa mengedit dan menghapus data.
Gambar 3.49 Perancangan Halaman Testimoni
Perancangan Halaman Edit Testimoni
Admin bisa menentukan status testimoni ditampilkan atau
tidak ditampilkan.
64
Gambar 3.50 Perancangan Halaman Edit Testimoni
Perancangan Halaman Tarif JNE
Admin bisa mengedit, menambah dan menghapus tarif JNE.
Gambar 3.51 Perancangan Halaman Tarif JNE
Perancangan Halaman Tambah Tarif JNE
Admin mengisi form yang disediakan kemudian klik OK untuk
menyimpan.
Gambar 3.52 Perancangan Halaman Tambah Tarif JNE
Perancangan Halaman Edit Tarif JNE
Admin mengedit pada form yang berisi data yang telah ada
kemudian klik OK untuk menyimpan.
Gambar 3.53 Perancangan Halaman Edit Tarif JNE
65
Perancangan Halaman Report
Dalam menu report terdapat beberapa sub menu diantaranya
laporan stok barang, daftar penjualan bulanan, laporan laba
rugi dan laporan detail laba rugi
Gambar 3.54 Perancangan Halaman Report
Perancangan Halaman Auxpage
Halaman auxpage disini berfungsi untuk menyimpan data-data,
semisal : about us, cara order dan lain-lain.
Gambar 3.55 Perancangan Halaman Auxpage
Perancangan Halaman Edit Auxpage
Admin bisa mengedit auxpage di halaman edit auxpage.
Gambar 3.56 Perancangan Halaman Edit Auxpage
Perancangan Halaman Add Auxpage
Admin bisa menambah auxpage di halaman add auxpage.
Gambar 3.57 Perancangan Halaman Add Auxpage
66
Perancangan Halaman Baner
Admin bisa menambah, edit dan hapus baner di halaman
banner.
Gambar 3.58 Perancangan Halaman Baner
Perancangan Halaman Edit Baner
Admin bisa mngedit baner di halaman edit banner.
Gambar 3.59 Perancangan Halaman Edit Baner
Perancangan Halaman Tambah Baner
Pada halaman ini admin bisa menambah baner.
Gambar 3.60 Perancangan Halaman Tambah Baner
Perancangan Halaman Change Password
Admin bisa mengubah username dan password di halaman
ubah username dan password.
Gambar 3.61 Perancangan Halaman Change Password
67
2.1.4 Perancangan Laporan / Report
Berdasarkan bukti transaksi yang ada, maka pada akhir bulan
bagian penjualan akan membuat laporan penjualan, stok barang dan