24
Pengumpulan kebutuhan merupakan langkah awal untuk menentukan gambaran perangkat yang akan dihasilkan ketika pengembang melaksanakan sebuah proyek pembuatan perangkat lunak. Dalam proyek mengenai perancangan web
sistem informasi penjualan kuningan dan handicraft yang berbasis php dilakukan beberapa analisis terhadap kebutuhan sistem sebelum sistem dapat layak diuji.
Dalam analisis kebutuhan dibentuk spesifikasi kebutuhan perangkat lunak, fungsi perangkat lunak yang dibutuhkan, performansi (unjuk kerja) sistem perangkat lunak, penjadwalan proyek, identifikasi sumber daya (manusia, perangkat keras, dan perangkat lunak). Adapun dalam pengumpulan serta analisis kebutuhan dilakukan dengan menggunakan beberapa metode yakni :
3.1.1. Sampling
Beberapa tahapan dalam metode pengumpulan dan analisis kebutuhan ini adalah :
1. Menentukan data-data yang dikumpulkan. 2. Menentukan atribut-atribut yang akan menjadi
3. Menganalisa basis data atau laporan-laporan dimana atribut-atribut tersebut berada.
3.1.2. Wawancara
1. Mengidentifikasi aliran informasi yang akan diterima user.
2. Menganalisis hasil diskusi dengan pengembang sistem yang sudah berpengalaman dan pengembang ide bisnis yang berkaitan dengan industri kreatif.
3. Mengidentifikasi peluang bisnis serta pengaruh yang akan diterima user dalam penggunaan sistem.
3.1.3. Observasi
1. Menganalisa kelompok pemakai dan bidang-bidang aplikasinya.
2. Menganalisa lingkungan opreasi sistem dan pemrosesan data.
3. Menentukan kesesuaian kebutuhan pemasaran dalam bidang produk kreatif.
3.1.4. Prosedur Analisis
1. Menentukan informasi yang berisikan kebutuhan-kebutuhan user secara khusus dan
features pada aplikasi.
3. Menentukan kebutuhan–kebutuhan proses
data dan beberapa obyek penampilan
(response time, processing time, dan storage
space).
3.2 Ruang lingkup Aplikasi / Sistem
Aplikasi Web Sistem Informasi Penjualan Kuningan serta Handicraft ini digunakan oleh dua jenis pengguna yaitu pembeli barang (customer) dan penjual barang (operator). Perancangan aplikasi ini dibuat dengan asumsi bahwa pengguna telah terbiasa melakukan aktivitas transaksi online
jual beli barang berbasis web. Adapun ruang lingkup aplikasi dalam web penjualan kuningan beserta handicraft ini dapat dirumusukan sebagai berikut :
3.2.1. Fungsi Aplikasi
1. Menyediakan layanan informasi mengenai penjualan barang-barang karya seni kepada
customer berupa harga dan kategori barang
yang dijual.
2. Mempermudah customer dalam menginput data diri dan pemesanan barang setelah proses pemilihan barang.
3. Melakukan penyimpanan data diri customer. 4. Mempermudah operator dalam melakukan
3.2.2. Fitur Aplikasi
1. Data Barang terdiri dari id_barang, nama_barang, kategori, harga, deskripsi, contact_info, dan email.
2. Data Pelanggan terdiri dari id_pelanggan, nama_pelanggan, dan password.
3. Data Keranjang Belanja terdiri dari id_pelanggan dan nama_barang.
4. Data Kategori Barang terdiri dari id_barang dan judul_kategori.
5. Data Pemesanan terdiri dari id_barang, nama_pelanggan, contact_info, alamat_pelanggan, email_pelanggan, kategori_barang, jumlah_barang, status_pembayaran, tanggal_pemesanan, dan tanggal_pengiriman
3.2.3. Penggunaan Komponen
a. Label
b. Text Editor
c. Menu Editor
d. CommandButton
e. Frame
f. Button
g. ComboBox
i. TextBox
j. PictureBox
k. Table
l. LinkLable
m. ErrorProvider
n. ComboBox
o. ImageList
3.3 Konsep Perancangan Aplikasi
Perancangan sistem informasi penjualan kuningan
dan handicraft ini mempermudah customer dalam pencarian
barang yang akan dibeli serta membantu pengolahan barang penjualan yang dilakukan oleh operator atau layanan penyedia penjualan barang.
3.3.1 Gambaran Umum Aplikasi
Aplikasi ini digunakan oleh dua user yang terdiri dari pengunjung (customer) dan penjual (operator). Aplikasi yang dikembangkan mampu menangani berbagai hal yakni :
a. Transaksi penjualan barang-barang seni seperti kuningan dan handicraft lainnya yang tidak harus dilakukan secara langsung.
b. Sistem dapat meningkatkan penjualan dan memperluas pemasaran produk.
c. Metode pembayaran dapat dilakukan dengan
transfer rekening bank yang tertera saat
customer memasukkan identitas pembelian.
d. Penyesuaian ukuran tampilan dimana fitur dalam web mampu menyesuaikan jendela tampilan saat jendela web diperkecil.
Sistem Informasi yang dibuat ini terpusat pada satu server database untuk menghubungkan semua module agar dapat saling berkomunikasi dan sistem dapat berjalan.
Dalam penggunaanya, aplikasi ini memiliki dua pelaku/user yakni pelanggan dan penjual. Proses alur yang terjadi dalam penggunaan aplikasi web yang melibatkan dua aktor ini dapat dijelaskan sebagai berikut :
1. Operator/penyedia melakukan pengolahan data penjualan barang meliputi edit kategori barang, harga, deskripsi barang, gambar yang berkaitan, dan nama barang yang dijual. 2. Pengunjung melakukan pencarian barang yang
4. Pengunjung melakukan pembayaran melalui nomor rekening yang ada pada kolom pengisian identitas. Identitas yang diisi harus benar. Sistem akan membaca ketidaksesuaian pengisian pada kolom tertentu dalam pengisian data.
5. Operator melihat data pengunjung dan melakukan pembayaran, apabila dalam sistem sudah diketahui bahwa pengujung telah melakukan pembayaran.
3.3.2 Pengguna Aplikasi
1. Customer
Merupakan pelaku bisnis yang tidak melakukan login. User ini dapat melihat detail dari produk yang dimuat, melakukan pencarian terhadap produk yang diinginkan, dan memasukkan identias pembelian. Penjabaran secara rinci mengenai hak akses serta hal yang dilakukan oleh pengunjung dalam sistem aplikasi web ini yakni :
a) Mencari barang. b) Melihat detail barang.
c) Melihat kontak info serta memberikan
feedback kepada operator.
e) Melakukan pemesanan barang. f) Membatalkan pemesanan barang.
g) Mengolah jumlah data barang pembelian. h) Mengisi data diri pembelian
2. Operator
Merupakan user yang mempunyai otoritas paling tinggi dari pengunjung. Superuser ini dimiliki oleh seorang operator yang bertanggung jawab dalam mengelola pengaturan pada aplikasi, melakukan login
terhadap aplikasi. Operator juga bertindak dalam melukukan pengolahan data pada
database seperti penambahan, perubahan,
penghapusan dan penyimpanan data pada
database yang telah disediakan. Hak akses
yang dimiliki oleh operator yakni : a) Mengolah data user/customer
b) Mengolah data barang
c) Melakukan transaski penjualan d) Melihat laporan data barang
e) Melihat laporan pengiriman barang f) Melihat laporan pembayaran barang g) Mengolah gambar barang
3.4 Perancangan Antar Muka Aplikasi 3.4.1 Lembar Kerja Tampilan
a. Form LOGIN
Header
Judul Web
Menu Utama
Search Button
Username
Password
Login
Gambar 3.3 LKT Login
Tombol Login yang berada pada kiri bawah tampilan digunakan operator untuk bisa masuk dalam pengolahan data aplikasi dengan catatan harus mengisikan username dan password
dengan valid. Terdapat error handling apabila
user/operator salah memasukkan karakter pada kolom username dan password
Dalam sistem web yang dirancang, form login
melakukan aktivitas pengolahan data seperti
insert, update, delete barang yang dijual
kemudian memvalidasi pengiriman.
Pelanggan hanya dapat melihat barang yang akan dibeli. Pelanggan tidak dapat melakukan
login, karena pelanggan tidak diperbolehkan
untuk mengolah data barang dalam siklus transaksi.
b. Menu Utama
Header
Judul Web
Menu Utama
Search Button
Kategori Barang
Gambar Produk yang Dijual
View Details
Gambar Produk yang Dijual
View Details
Gambar Produk yang Dijual
View Details Sub Menu
Gambar 3. 4 LKT menu utama
Pada bagian kanan menu bar tampilan terdapat keterangan operator yang login untuk menggunakan aplikasi web ini dalam mengolah data.
Pada bagian kanan tampilan terdapat combobox
search yang berfungsi untuk mencari barang
yang ingin dilihat detailnya. Pelanggan dapat menggunakan fitur ini dan kemudian mengaksesnya dengan syarat setiap karakter yang dimasukkan sesuai dengan produk barang yang dijual. Apabila tidak sesuai, maka sistem tidak akan menampilkan hasil pencarian.
Header
Judul Web
Menu Utama
Search Button
Kategori
Barang Gambar Produk yang Dijual
Deskripsi Judul Barang
Harga Category
Button “Buy”
Pada gambar 3.5 merupakan tampilan dimana pengunjung dapat melihat detail produk secara spesifik mengenai kelengkapan informasi dari produk yang dijual.
Tampilan ini menyediakan deskripsi dari produk yang dijual dan tombol pembelian untuk memasukkan barang yang dijual ke dalam keranjang belanja.
c. Company Profile
Header
Judul Web
Menu Utama
Search Button
Kontak Info Perusahaan Secara Terperinci
Sub Menu
Gambar 3. 6 LKT Company Profile
melihat informasi ini dan tidak dapat melakukan aktivitas lain.
d. Kolom Masukan Header
Judul Web
Menu Utama
Search Button
Button Submit Nama
Subject
Isi Pesan
Kontak Info Perusahaan
Akses Halaman Akun Jejaring Sosial Perusahaan
Gambar 3. 7 LKT Kolom Masukan
Pada menu halaman ini pengunjung dapat mengisikan pesan baik itu saran maupun keluhan kepada perusahaan dengan mengisikan identitas pada kolom teks area yang disediakan.
Kolom Kontak Info Perusahaan merupakan
label yang hanya berisi data perusahaan untuk
dapat dilihat oleh pengunjung
Kolom Jejaring Sosial merupakan menu yang dapat mengkases akun jejaring sosial yang dimiliki perusahaan. Dalam sistem yang dirancang pengunjung hanya dapat mengakses akun google+ perusahaan yang sudah terintegrasi, dan akan langsung disambungkan dalam halaman tersebut.
e. Transaksi
Terdapat menu keranjang belanja yang akan diakses oleh pelanggan dalam memvalidasi pembelian barang. Apabila keranjang belanja belum diakses, maka pelanggan hanya akan memasukkan barang ke dalam daftar pembelian, namun tidak membeli barang tersebut.
Apabila pelanggan benar-benar ingin membeli barang yang telah dipilih, maka pelanggan
harus menekan tombol “check out”. Tombol ini
Sebelum menekan tombol “check out”,
pelanggan dapat menetukan jumlah kuantitas barang yang akan dibeli. Pelanggan juga bisa membatalkan pembelian produk yang sebelumnya sudah dipilih. Kemudian pelanggan akan memilih ulang pada tampilan utama apabila masih belum sesuai.
Tombol “empty cart” yang pada lembar kerja tampilan adalah tombol batal berfungsi untuk mengosongkan keranjang belanja. Dengan kata lain pelanggan membatalkan semua pemilihan barang yang ingin dibeli, dan dapat memilih barang ulang di menu utama bila ingin benar-benar melakukan pembelian.
Header
Judul Web
Menu Utama
Search Button
Nama Barang Harga Kuantitas Total
Batal Beli
Setelah menekan tombol “check out” (beli) pada tampilan di atas, maka pelanggan akan ditempatkan atau diarahkan pada tampilan berikutnya dimana pelanggan harus memasukkan identitas secara lengkap. Dalam tampilan ini pelanggan diberi kesempatan untuk melakukan pembayaran. Apabila pembayaran belum dikirim, maka barang tidak akan dikirim ke alamat pelanggan. Pembayaran yang dilakukan adalah “pay on delivery”. Setelah
selesai memasukkan semua identitas secara lengkap, pelanggan wajib menekan tombol
“submit” sebagai pengesahan bahwa pelanggan
benar-benar membeli barang yang telah dipilihnya.
Setiap menu TextBox dan TextArea yang disediakan harus diisi dengan benar seperti contoh yang sudah disediakan dan pengisian data-data tersebut tidak boleh ada yang kosong.
Apabila terdapat TextBox yang belum diisi atau terdapat kesalahan pengisian identitas maka sistem akan meresponnya dengan memberikan
error provider pada setiap menu yang terjadi
kesalahan. Contohnya adalah penulisan email
Billing Information Nama Depan
Tutup Kirim
Nama Belakang
Alamat Email Kontak
Pesan Pengingat
Gambar 3. 9 LKT billing infomation
f. Pengolahan Data Penjualan
Pengolahan data barang-barang yang dijual dilakukan oleh operator atau penyedia barang. Pengolahan data yang dapat diakses dan dirubah oleh operator adalah mengenai pengolahan data barang, pengolahan data pengiriman barang, dan pengolahan kategori barang dengan mengakses ComboBox yang ada.
kategori barang untuk menambah dan menghapus kategori barang yang diperlukan untuk keseuaian tampilan penjualan.
Header
Judul Web
Text Area Add Product
Tabel Item Product
All Products
Products
Orders
Main Menu
Logout Category
Kuantitas
Filter
Gambar | Nama Product | Deskripsi | Harga | Cateogry |Tombol Aksi (Tambah dan Hapus)
Gambar 3.10 LKT Pengolahan Data Produk
Pengolahan data Pemesanan terdapat pada menu orders. Pada menu ini operator dapat melihat data pengunjung dimana operator dapat melakukan proses validasi pengiriman barang bagi pengunjung/pembeli yang telah melakukan pembayaran terhadap barang yang dibelinya.
Terdapat 3 menu utama yakni unpaid orders,
delivered orders, dan paid orders.
pengunjung yang memuat nama, tanggal akses, dan produk yang dibeli. Apabila tombol produk yang dibeli pada label view details diakses maka operator dapat melihat data pembeli secara lengkap.
Pada 3 menu utama mengenai pengolahan data pengunjung yakni unpaid orders, delivered
orders, dan paid orders berisi tabel yang
memuat rincian data yang sama.
Berturut-turut proses yang dilakukan oleh operator untuk memvalidasi data pengunjung berada pada menu paling kiri.
Header
Judul Web
Text Area Add Product
Tabel Item Pemesanan
All Products
Products
Orders
Main Menu
Logout Category
Kuantitas
Filter
Data Paid | Customer | Item
Unpaid Orders Delivered Orders Paid Orders
Operator juga dapat mengolah kategori barang yang akan dijual apabila akan menambahkan atau menghapus kategori barang berdasarkan alasan tertentu.
Header
Judul Web
Text Area Category Name
Tabel Data Kategori
All Products
Products
Orders
Main Menu
Logout Category
Kuantitas
Submit
Name Action (Tambah | Hapus)
Gambar 3.12 LKT Pengolahan Kategori Produk
3.4.2 Jaringan Semantik
Dengan dirancangnya jaringan semantik pada sistem perancangan web aplikasi ini maka secara singkat dapat dijelaskan proses alur pemakaian sistem yang terjadi oleh kedua user yakni operator/penjual dan pengunjung/customer.
operator dan customer. Namun secara khusus hanya operator yang dapat melakukan aktivitas login.
Penjelasan Jaringan Semantik :
1 customer bisa masuk ke tampilan web A(home) , B(shop), C(about us), D(contact), E(cart) kemudian setelah memilih barang maka customer bisa memesan dengan mengisi data lengkap ke pemesanan.
2 Operator secara khusus dapat mengakses F(login), karena login yang diberikan hanya ditujukan kepada operator yang berkepentingan dalam melakukan pengolahan data penjualan baik transaksi maupun barang.
3.5 Perancangan Proses Bisnis 3.5.1 Diagram Use Case
System Transaksi Toko Online Yellow Art
Operator Saran dan Contact Person
2.2 Meliihat Kategori Barang 1.2 Menampilkan
Daftar Kategori Barang
2.4 Menghubungi Operator dan memberikan saran 1.3 Menampilkan
/ Kata Kunci Salah
1.6 Menambah dan
Gambar 3. 14 Diagram Use Case Pelanggan dan Operator
Diagaram Use Case 3.14 menggambarkan kegiatan pemesanan penjualan barang kuningan serta
handicraft yang berawal dari pencarian barang,
kemudian pelanggan dapat melihat detail produk hingga melakukan proses pembayaran. Ketika pelanggan sudah menentukan barang yang dibeli, pelanggan dapat menambah kuantitas pemesanan barang ataupun membatalkan pemebelian kategori pemesanan barang pada keranjang belanja. Setelah pembelian sesuai dengan keinginan pelanggan, kemudian pelanggan memasukkan identitas pribadinya secara lengkap termasuk alamat pengiriman. Setelah tervalidasi, maka barang akan dikirim oleh pihak penyedia barang.
Pelanggan
Gambar 3.15 menunjukan kegiatan apa saja yang bisa dilakukan oleh pelanggan. Pelanggan dapat melihat barang yang dijual dan detail barang mengenai harga, kemudian melakukan transaksi pembelian, mengolah item pembelian, dan mengolah data mengenai identitas pengiriman barang. Pelanggan juga dapat membatalkan pembelian transasksi barang sebelum identitas pengiriman diisi. Apabila sudah diisi, maka pembatalan tidak dapat dilakukan dan pelanggan wajib melakukan pembayaran.
Operator
Gambar 3. 16 Diagram Use Case Operator
dijual. Operator dapat mengolah data barang, detail pemesanan pelanggan, dan data kategori barang.
3.5.2 Diagram Class
Diagram Class menjelaskan atribute serta proses apa saja yang dilakukan ketika menjalankan suatu perintah baik pengambilan maupun pengolahan data.
Gambar 3. 17 Diagram Class
Berdasarakan gambar 3.17 ketika pelanggan ingin membeli barang maka pelanggan akan melihat ketersediaan dan produk apa saja yang sedan dijual. Pemesanan produk oleh pelanggan tidak dibatasi, pelanggan memiliki keranjang belanja yang dapat menampung berapa pun jenis barang serta kuantitas barang yang akan dibeli. Pembayaran dilakukan secara cash, transfer ke nomor rekening yang diminta. Sistem pembayaran dilakukan secara pay on
delivery, apabila pembayaran belum dilakukan maka barang
tidak akan dikirim. Operator hanya perlu mengolah data barang, data pelanggan, dan juga data transaksi. Operator dapat melakukan pengolahan barang yang akan dijual baik menghapus atau menambah barang berdasarkan kategori tertentu. Kemudian operator dapat mengolah data pelanggan dan memvalidasi status pengiriman barang yang telah selesai atau masih dalam proses pengiriman.
3.5.3 Diagram Activity
Gambar 3. 18 Diagram Activity Pelanggan dengan Operator Sistem Operator
Pelanggan
Melihat dan pencarian barang
Memilih barang ke keranjang belanja
Mencari Informasi Sesuai Kategori Barang Informasi Ketersediaan Barang, DeskripsiDan Harga Barang
Memberikan Informasi Ketersediaan Barang, Deskripsi dan Harga Barang Menerima Informasi
Memberikan Data Jumlah Pemesanan Produk
Memasukkan Identitas Pembelian
Pencatatan data pelanggan dan pembelian Melakukan Pembayaran
Menerima Pembayaran
Penyimpanan Data
Pesan transksi
Mengirim Barang
Menerima Barang
Cetak Bukt Pembayaran
Cetak Identitas Pembeli
Memberikan Hasil Cetakan No
Penyimpanan Data Yes
Gambar 3.18 menjelaskan mengenai activity secara runtut yang terjadi saat operator melayani pelanggan yang akan memesan tiket. Dalam gambar tersebut secara runtut dijelaskan setipa aktivitas yang terjadi dari pelangga hingaa operator melalui sistem yang mengakomodir proses terjadinya transaksi diantara dua aktor tersebut.
3.6 Pemodelan Penyimpanan Data 3.6.1 Struktur Data tiap Table
Gambar 3. 19 Struktur Database web
Database digunakan untuk menyimpan data, dalam aplikasi web sistem informasi penjualan kuningan dan handcraft berbasis PHP responsif adaptif Serta multi platform ini memiliki 5 (lima) tabel yakni tabel user,
products, order, category, cart.
3.6.2 Relasional Data Diagram a. Tabel User
Tabel user digunakan untuk menyimpan data operator yang nantinya akan digunakan untuk masuk ke dalam sistem login yang diberikan. Dalam akun operator nantinya operator dapat melakukan updating mengenai produk barang yang akan dijual.
Gambar 3. 21 Struktur Database user
b. Tabel Products
Tabel products adalah tabel yang digunakan untuk menyimpan data barang yang akan dijual mencakup kode identitas barang, nama barang, deskripsi barang, harga barang, dan gambar yang mewakili barang tersebut. Tabel
untuk melihat barang yang ada masuk dalam kategori yang berbeda.
Gambar 3. 22 Struktur Database products
c. Tabel Order
Tabel order digunakan untuk menyimpan semua data transasksi dari barang yang dibeli oleh pelanggan.
Tabel order juga mengambil data pada tabel user untuk mengambil identitas siapa yang melakukan transaksi dan juga mengambil data dari tabel data products untuk mengetahui barang apa saja yang dibeli oleh pelanggan.
d. Tabel Category
Gambar 3.24 adalah database yang digunakan untuk menunjukkan kategori barang yang ditampilkan pada sistem. Kategori memastikan bahwa barang terpisah secara terstruktur supay tiap barang dapat lebih jelas dikenal dan disimpan baik oleh sistem. Database
category membantu pelanggan dan juga operator
dalam melihat barang.
Gambar 3. 24 Struktur Database category
e. Tabel Order
Gambar 3.25 adalah database yang digunakan untuk menunjukkan keranjang belanja yang menampung barang-barang yang akan dibeli oleh pelanggan. Tabel cart juga mengambil data pada tabel products untuk mengambil barang yang merupakan data transaksi dan akan disimpan oleh sistem.
3.7 Pemodelan Distribusi Aplikasi
Gambar 3. 26 Distribusi Aplikasi
Sistem Informasi yang dibuat ini terpusat pada satu server database untuk menghubungkan semua module agar dapat saling berkomunikasi dan sistem dapat berjalan.
Aplikasi web sistem informasi mengakses
ke server Web Service untuk mendapatkan
informasi dari database server. Connector dan web
server menyimpan dan mendapatkan data yang
