BAB III PERANCANGAN SISTEM

Transkripsi

1 BAB III PERANCANGAN SISTEM 3.1 Pengumpulan Kebutuhan 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 : Sampling Beberapa tahapan dalam metode pengumpulan dan analisis kebutuhan ini adalah : 1. Menentukan data-data yang dikumpulkan. 2. Menentukan atribut-atribut yang akan menjadi sampling. 24

2 25 3. Menganalisa basis data atau laporan-laporan dimana atribut-atribut tersebut berada 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 Observasi 1. Menganalisa kelompok pemakai dan bidangbidang aplikasinya. 2. Menganalisa lingkungan opreasi sistem dan pemrosesan data. 3. Menentukan kesesuaian kebutuhan pemasaran dalam bidang produk kreatif 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 26 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 : 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 penjualan barang-barang karya seni.

4 Fitur Aplikasi 1. Data Barang terdiri dari id_barang, nama_barang, kategori, harga, deskripsi, contact_info, dan 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, _pelanggan, kategori_barang, jumlah_barang, status_pembayaran, tanggal_pemesanan, dan tanggal_pengiriman Penggunaan Komponen a. Label b. Text Editor c. Menu Editor d. CommandButton e. Frame f. Button g. ComboBox h. SearchButton

5 28 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 Gambaran Umum Aplikasi Gambar 3. 1 Gambaran Umum Aplikasi

6 29 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. Gambar 3. 2 Hubungan Pelaku Bisnis

7 30 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.

8 31 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 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. d) Melihat kategori barang.

9 32 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 h) Melihat laporan data penjualan

10 Perancangan Antar Muka Aplikasi 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

11 34 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 Sub Menu Kategori Barang Gambar Produk yang Dijual Gambar Produk yang Dijual Gambar Produk yang Dijual View Details View Details View Details 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.

12 35 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 Judul Barang Kategori Barang Gambar Produk yang Dijual Category Harga Button Buy Deskripsi Gambar 3. 5 LKT view details

13 36 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 Sub Menu Kontak Info Perusahaan Secara Terperinci Gambar 3. 6 LKT Company Profile Tampilan ini menyediakan informasi mengenai alamat, , dan nomor telepon perusahaan sacara terperinci. Pengunjung hanya dapat

14 37 melihat informasi ini dan tidak dapat melakukan aktivitas lain. d. Kolom Masukan Header Judul Web Menu Utama Search Button Nama Subject Kontak Info Perusahaan Isi Pesan Akses Halaman Akun Jejaring Sosial Perusahaan Button Submit 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.

15 38 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.

16 39 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 benarbenar melakukan pembelian. Header Judul Web Menu Utama Search Button Nama Barang Harga Kuantitas Total Batal Beli Gambar 3. 8 LKT Keranjang Belanja

17 40 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 yang harus menggunakan

18 41 Billing Information Nama Depan Nama Belakang Kontak Alamat Pesan Pengingat Tutup Kirim 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

19 42 kategori barang untuk menambah dan menghapus kategori barang yang diperlukan untuk keseuaian tampilan penjualan. Header Judul Web Main Menu All Products Products Orders Category Kuantitas Filter Text Area Tabel Item Product Add Product Logout 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. Masingmasing menu tersebut berisi tabel data

20 43 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 Main Menu All Products Products Orders Category Logout Kuantitas Filter Text Area Add Product Tabel Item Pemesanan Unpaid Orders Delivered Orders Paid Orders Data Paid Customer Item Gambar 3.11 LKT Pengolahan Data Pengunjung

21 44 Operator juga dapat mengolah kategori barang yang akan dijual apabila akan menambahkan atau menghapus kategori barang berdasarkan alasan tertentu. Header Judul Web Main Menu All Products Products Orders Category Logout Kuantitas Category Name Text Area Submit Tabel Data Kategori Name Action (Tambah Hapus) Gambar 3.12 LKT Pengolahan Kategori Produk 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

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

23 Perancangan Proses Bisnis Diagram Use Case System Transaksi Toko Online Yellow Art 1.1 Menampilkan layanan Informasi Penyediaan Barang 1.2 Menampilkan Daftar Kategori Barang <<inculde>> <<inculde>> 2.1 Melihat Informasi Ketersediaan Barang 2.2 Meliihat Kategori Barang 1.3 Menampilkan Company Profile <<inculde>> 2.3 Melihat Company Profile <<inculde>> 2.4 Menghubungi 1.4 Memberilkan Kolom Operator dan memberikan saran Saran dan Contact Person Operator 1.5 Melakukan Login «extends» Barang Tidak Tersedia 2.5 Mencari Barang / Kata Kunci Salah Pelanggan 1.6 Menambah dan Menghapus Barang Penjualan 2.6 Membeli Barang 1.7 Mengubah Kategori Barang Penjualan 1.8 Melihat Detail Pembelian Pelanggan 1.9 Memvalidasi Harga dan Pengiriman Barang <<inculde>> <<inculde>> <<inculde>> <<inculde>> 2.7 Menginput Biodata Pembeli 2.8 Menentukan Jumlah Item Produk 2.9 Penerimaan Barang «extends» 1.10 Pengiriman Barang Barang Tidak Diterima Gambar Diagram Use Case Pelanggan dan Operator Pada Diagram di atas dapat lebih dilihat secara spesifik setiap aktivitas yang dilakukan oleh masingmasing 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.

24 47 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. <<include>> <<include>> <<include>> <<include>> Lihat Barang dan Detail Produk Lihat Keranjang Belanja Melakukan transaksi Pembelian «extends» «extends» Tambah Kuantitas Barang Membatalkan Pembelian Kategori Barang Pelanggan Mengisi Form Identitas Beserta Alamat Gambar Diagram Use Case Pelanggan

25 48 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. Melakukan Login <<include>> «extends» Memasukkan Gambar <<include>> <<include>> Menambah Produk yang akan dijual «extends» Memberi Harga Barang Operator <<include>> Melihat Detail Pemesanan «extends» Memvalidasi Pengiriman Melihat Kategori Barang «extends» «extends» Hapus Tambah Gambar 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

26 49 dijual. Operator dapat mengolah data barang, detail pemesanan pelanggan, dan data kategori barang Diagram Class Diagram Class menjelaskan atribute serta proses apa saja yang dilakukan ketika menjalankan suatu perintah baik pengambilan maupun pengolahan data. Login -Username : Stirng -Password : String +Set_Username() +Set_Password() +Validasi() +Logout() Pemesanan +Id_Transaksi : Integer +Tanggal : Date +Nama : String +Alamat : String +No_HP : String +Total_Harga : Integer +Jenis_Barang : String +Jumlah_Item : Integer +Kode_Barang +Set_Firstname() +Set_Lastname() +Set_Contact() +Set_ () +Set_CompleteAddress() Lihat Data Transaksi +Id_transaksi : Integer +Tanggal : Date +Nama : String +Alamat : String +Contact : String +Dibayakan : Integer +Belum Bayar : Integer +Lunas : Integer +Display() Lihat_Data_Barang +Id_Barang : String +Kategori_Barang : String +Nama_Barang : String +Kuantitas_Barang : Integer +Harga_Barang : Integer +Gambar : String +Set_IdBarang() +Set_NamaBarang() +Set_KategoriBarang() +Set_DeskripsiBarang() +Set_Harga() +Set_Gambar() Pembayaran +Id_Barang : Integer +Harga_Barang +Dibayarkan : Integer +Hutang : Integer +Set_Dibayarkan() +Display() +Insert() +Update() +Delete() Laporan_Transaksi +Display() +Print Out() Laporan_Stok_Barang +Display() Lunas Belum Lunas +Display() +Insert() +Update() +Delete() +Display() +Insert() +Update() +Delete() Cetak_LaporanTransaksi +Display() +Print_Out() Gambar Diagram Class

27 50 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.

28 Diagram Activity Pelanggan Operator Sistem Melihat dan pencarian barang Mencari Informasi Sesuai Kategori Barang Informasi Ketersediaan Barang, Deskripsi Dan Harga Barang Menerima Informasi Memberikan Informasi Ketersediaan Barang, Deskripsi dan Harga Barang Memilih barang ke keranjang belanja Yes Memberikan Data Jumlah Pemesanan Produk Penyimpanan Data Memasukkan Identitas Pembelian Melakukan Pembayaran No Yes Menerima Pembayaran No Pencatatan data pelanggan dan pembelian Penyimpanan Data Pesan transksi Cetak Bukt Pembayaran Mengirim Barang Cetak Identitas Pembeli Menerima Barang Memberikan Hasil Cetakan Gambar Diagram Activity Pelanggan dengan Operator

29 52 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 Struktur Data tiap Table Gambar Struktur Database web Gambar 3.20 Relasi Struktur Database web

30 53 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 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 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 products juga mengambil data pada tabel category

31 54 untuk melihat barang yang ada masuk dalam kategori yang berbeda. Gambar 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. Gambar 3.23 Struktur Database order

32 55 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 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. Gambar Struktur Database cart

33 Pemodelan Distribusi Aplikasi Gambar 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.