BAB III PERANCANGAN SISTEM

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.

2. Mendeskripsikan aliran informasi yang mengganggu kerja fungsi dalam sistem.

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 h. SearchButton

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

ingin dibeli, kemudian memasukkannya ke dalam keranjang belanja. Di keranjang belanja pengunjung masih memilih hak akses untuk memilih barang, menambah jumlah kuantitas barang, dan membatalkan transaksi pembelian. 3. Pengunjung memasukkan identitas pribadinya. Dalam proses ini terdapat validasi bahwa identitas pribadi tersebut merupakan data pengunjung yang melakukan pembelian barang.

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 hanya ditujukan bagi operator untuk mengolah data dalam siklus transaksi. Operator dapat

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 tampilan bagian atas kiri terdapat deretan pilihan menu bar yang bisa digunakan pengunjung untuk membeli barang dan memvalidasi pembayaran.

 Pada bagian kanan menu bar tampilan terdapat keterangan operator yang login untuk menggunakan aplikasi web ini dalam mengolah data.

 Pada bagian kanan tampilan terdapat combo box

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

 Tampilan ini menyediakan informasi mengenai alamat, email, dan nomor telepon perusahaan sacara terperinci. Pengunjung hanya dapat

melihat informasi ini dan tidak dapat melakukan aktivitas lain.

d. Kolom Masukan Header

Judul Web

Menu Utama

Search Button Button Submit Nama Subject Email 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.

 Untuk melakukan pengiriman pesan, pengunjung harus mengisi data secara lengkap. Sistem akan membaca data yang tidak terisi dan tidak akan memproses pengiriman pesan sampai semua data telah dimasukkan.

 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 merupakan tombol bukti validasi supaya setelahnya pelanggan dapat memasukkan identitasnya mengenai alamat yang menjadi tujuan bahwa barang akan dikirim.

 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 yang harus menggunakan simbol “@”.

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.

 Secara garis besar pengolahan barang dilakukan operator untuk menambah dan menghapus barang yang dijual. Pengolahan pengiriman barang untuk merubah status pengiriman terhadap pembeli yang sudah melakukan pembayaran. Sedangkan untuk pengolahan

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.

Secara garis besar sistem aplikasi web ini memiliki 6 menu utama yang dapat diakses oleh

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. A C D E B F A : Home B : Shop C : About Us D : Contact E : Cart F : Login 1 : Customer 2 : Pemesanan 3 : Admin 1 2 3

3.5 Perancangan Proses Bisnis 3.5.1 Diagram Use Case

System Transaksi Toko Online Yellow Art

Operator Pelanggan 2.3 Melihat Company Profile 2.7 Menginput Biodata Pembeli 2.6 Membeli Barang 2.1 Melihat Informasi Ketersediaan Barang 1.4 Memberilkan Kolom 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 Company Profile 1.1 Menampilkan layanan Informasi Penyediaan Barang <<inculde>> <<inculde>> <<inculde>> <<inculde>> <<inculde>> 2.8 Menentukan Jumlah Item Produk

2.5 Mencari Barang Barang Tidak Tersedia

/ Kata Kunci Salah

1.6 Menambah dan Menghapus Barang Penjualan 1.5 Melakukan Login

1.9 Memvalidasi Harga dan Pengiriman Barang

2.9 Penerimaan Barang

1.10 Pengiriman Barang

1.7 Mengubah Kategori Barang Penjualan

1.8 Melihat Detail Pembelian Pelanggan «extends» <<inculde>> Barang Tidak Diterima «extends» <<inculde>> <<inculde>>

Gambar 3. 14 Diagram Use Case Pelanggan dan Operator

Pada Diagram di atas dapat lebih dilihat secara spesifik setiap aktivitas yang dilakukan oleh masing-masing user. Pelaku bisnis diatas yang menjelankan proses bisnis pada sistem aplikasi web penjualan barang-barang karya seni. Proses bisnis tidak dapat berlangsung apabila salah satu user tidak ada.

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

Lihat Barang dan Detail Produk Lihat Keranjang Belanja Melakukan transaksi Pembelian Mengisi Form Identitas Beserta Alamat <<include>> <<include>> <<include>> <<include>> Tambah Kuantitas Barang Membatalkan Pembelian Kategori Barang «extends»

«extends»

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

Melakukan Login

Menambah Produk yang akan dijual

Melihat Detail Pemesanan Melihat Kategori Barang <<include>> <<include>> <<include>> <<include>> Memasukkan Gambar Memberi Harga Barang «extends» «extends» Memvalidasi Pengiriman «extends» Hapus Tambah «extends» «extends»

Gambar 3. 16 Diagram Use Case Operator

Gambar 3.16 sistem informasi web yang disediakan hanya dapat melakukan akses login yang ditujukan bagi operator. Hal ini dimaksudkan supaya operator dapat memasukkan produk barang dan melakukan updating data mengenai barang yang akan

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 +Set_Username() +Set_Password() +Validasi() +Logout() Login -Username : Stirng -Password : String +Set_Firstname() +Set_Lastname() +Set_Contact() +Set_Email() +Set_CompleteAddress() Pemesanan +Id_Transaksi : Integer +Tanggal : Date +Nama : String +Alamat : String +No_HP : String +Total_Harga : Integer +Jenis_Barang : String +Jumlah_Item : Integer +Kode_Barang +Display()

Lihat Data Transaksi

+Id_transaksi : Integer +Tanggal : Date +Nama : String +Alamat : String +Contact : String +Dibayakan : Integer +Belum Bayar : Integer +Lunas : Integer +Display() +Print Out() Laporan_Transaksi +Set_Dibayarkan() +Display() +Insert() +Update() +Delete() Pembayaran +Id_Barang : Integer +Harga_Barang +Dibayarkan : Integer +Hutang : Integer +Display() +Insert() +Update() +Delete() Lunas +Display() +Insert() +Update() +Delete() Belum Lunas +Display() +Print_Out() Cetak_LaporanTransaksi +Set_IdBarang() +Set_NamaBarang() +Set_KategoriBarang() +Set_DeskripsiBarang() +Set_Harga() +Set_Gambar() Lihat_Data_Barang +Id_Barang : String +Kategori_Barang : String +Nama_Barang : String +Kuantitas_Barang : Integer +Harga_Barang : Integer +Gambar : String +Display() Laporan_Stok_Barang

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.

Dalam setiap transaksi yang terjadi, sistem akan memberikan keterangan laporan mengenai identitas pelanggan, detail produk yang dijual, detail status pelanggan yang sudah ataupun belum melakukuan pembayaran, detail barang yang sedang dikirim ataupun yang sudah terkirim.

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, Deskripsi_{Dan 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

Yes No

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

dibutuhkan operator maupun customer yang ada pada server database.