BAB IV PERANCANGAN SISTEM Perancangan sistem dilakukan untuk memberikan informasi yang lebih baik mengenai sistem informasi penjualan ShART khususnya untuk bagian operasional melakukan proses perhitungan yang tepat, akurat dan bermanfaat serta mempermudah dalam pencarian data barang. 4.1 FLOWMAP YANG DIUSULKAN Dalam analisa flowmap berjalan penjulan dan pembelian ShART terdapat flowmap yang diusulkan setelah menganalisa diantaranya flowmap usulan penjualan dan flowmap usulan pembelian yang untuk memudahkan dalam perancangan. 4.1.1 FLOWMAP USULAN PENJUALAN Flowmap usulan penjualan menggambarkan aliran data dalam pengolahan penjualan yang dapat memudahkan bagian operasional dalam melakukan pekerjaan menjadi lebih efektif dan efisien. 48
49 Berikut flowmap usulan yang dapat dilihat : FLOWMAP USULAN PENJUALAN PELANGGAN OPERASIONAL KASIR PEMILIK USAHA Surat Pemesanan barang Surat Pemesanan barang Proses Cek Barang Surat Pemesanan barang Tidak ada Cek Barang ada Input Proses Hitung Harga dan Simpan Database Penjualan dan Pemeblian Cetak Surat Jalan, Nota Tagihan dan Laporan Penjualan Nota Tagihan Nota Tagihan Nota Tagihan Nota Tagihan Nota Tagihan Laporan Laporan Penjualan Penjualan Laporan Penjualan Gambar 4.1 Flowmap usulan Penjualan Prosedur flowmap usulan penjualan :
50 1. Pelanggan memberikan surat pesanan barang kepada bagian operasional untuk memesan barang. 2. Bagian opersasional melakukan pengecekan barang, jika ada maka melakukan proses input data barang dan jika barang tersebut tidak ada maka bagian opersional mengembalikan surat pesanan pelanggan. 3. Dalam proses tersebut bagian opersional melakukan proses perhitungan, penyimpanan dan secara otomatis mengupdate database. 4. Selanjutnya bagian operasional melakukan cetak nota tagihan kepada pelanggan dan bagian kasir. 5. Selanjutnya bagian operasional mencetak laporan penjualan yang di berikan kepada bagian kasir. 6. Bagian operasional melakukan perlengkapan nota tagihan dan laporan penjulan. 4.2 DIAGRAM KONTEKS Diagram konteks berisi gambaran umum rancangan sebuah sistem yang akan dibuat secara garis besar. Dapat dikatakan bahwa diagram konteks ini menampilkan aliran dokumen yang diberikan kepada sistem, serta dokumen dan informasi yang harus dihasilkan oleh sistem yang menggambarkan hubungan antara entitas luar dengan sistem dan entitas dalam.
51 Berikut adalah diagram konteks yang dapat dilihat : Gambar 4.2 Diagram Konteks 4.3 DATA FLOW DIAGRAM (DFD) DFD merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dimengerti kepada pemakai maupun pembuat program.
52 Gambar 4.3 DFD Level 0 Dari DFD level 0 penjualan diatas terbagi menjadi 5 proses yang dapat dijelaskan sebagai berikut : a. Proses 1.0 adalah proses website managment dimana admin memasukan berbagai informasi yang akan ditampilkan ke dalam website dan menghasilkan produk.
53 b. Proses 2.0 adalah proses update product information data barang yang berhubungan dengan t_products. c. Proses 3.0 adalah proses register/update personal detail data admin yang berhubungan dengan t_admin dan t_user. d. Proses 4.0 adalah proses user management data user yang berhubungan dengan proses register/update personal detail. e. Proses 5.0 adalah proses sell/purchase data penjualan atau pembelian yang berhubungan dengan t_cart dan t_order f. Proses 6.0 adalah proses view website information / leave comment adalah proses dimana visitor melihat isi dalam website dan meninggal kan pesan yang berhubungan dengan t_contact 4.4 ENTITAS RELASI DIAGRAM Entity Relationship Diagram (ERD) adalah suatu diagram yang menggambarkan hubungan objek data yang disimpan yang ada dalam suatu sistem secara konseptual. Objek Data adalah objek yang dapat dicatat atau direkam sesuatu yang ada dan dapat dibedakan entitas dapat berupa orang, benda, tempat, peristiwa atau konsep yang bisa diolah untuk menghasilkan informasi, rancangan, diagram entitas ini dibuat menurut data yang ada sehingga dapat menjelaskan hubungan data. Atribut-atribut yang berhubungan dengan sistem ShART dapat di gambarkan sebaga berikut :
54 Gambar 4.4 Entitas Relasi Diagram 4.5 PERANCANGAN STRUKTUR TABEL Dalam pembuatan perangkat lunak atau sistem perlu suatu relasi antar tabel yang saling mendukung untuk berhasilnya sebuah program. Maka relasi tabel di digambarkan sebagai berikut :
55 Gambar 4.5 Relasi Tabel 4.6 PERANCANGAN STRUKTUR FILE Berikut adalah perancangan stuktur tabel pada database yaitu : Nama Tabel : t_admin Primary Key : id_admin Keterangan : Berisi data admin ShART.
56 Tabel 4.1 t_admin NO Nama Filed Tipe Ukuran Keterangan 1 idadmin Int 11 Urutan ID admin 2 username Varchar 50 Nick login admin 3 Password Varchar 50 Sandi login admin Nama Tabel : t_contact Primary Key : contactid Keterangan : Berisi data pelanggan yang ingin berkomentar. Tabel 4.2 t_contact NO Nama Filed Tipe Ukuran Keterangan 1 Contactid Int 11 Urutan ID contact 2 Nama Varchar 50 Nama pelanggan 3 Email Varchar 50 Email pelanggan 4 Telp Varchar 50 Nomor telepon pelanggan 5 Fax Varchar 50 Nomor fax pelanggan 6 Address Longtext - Alamat pelanggan 7 Location Varchar 50 Lokasi pelanggan 8 Comment Longtext - Komentar pelanggan Nama Tabel : t_products Primary Key : productid Keterangan : Berisi data product Tabel 4.3 t_products NO Nama Filed Tipe Ukuran Keterangan 1 Productid int 11 urutan ID Product 2 Productname varchar 50 Nama produk 3 Product_price Int 11 Harga produk 4 Category Varchar 50 Kategori barang
57 5 Description Varchar 50 Deskripsi produk 6 Image Varchar 50 Foto produk 7 Stock Int 50 Total stok product 8 Order_qty Float - Sisa stock order Nama Tabel : t_user Primary Key : u_id Keterangan : berisakan data pelanggan Tabel 4.4 t_user NO Nama Filed Tipe Ukuran Keterangan 1 U_id Int 255 Urutan id user 2 U_name Varchar 255 Nama pelanggan 3 U_password Varchar 255 Sandi pelanggan 4 U_email Varchar 255 Email pelanggan 5 U_gender Varchar 255 Jenis kelamin pelanggan 6 U_address Varchar 255 Alamat pelanggan 7 U_city Varchar 255 Kota pelanggan 8 U_contact Varchar 255 Kontak pelanggan Nama Tabel : t_cart Primary Key : c_id Keterangan : tempat penyimpanan sementara Tabel 4.5 t_cart NO Nama Filed Tipe Ukuran Keterangan 1 C_id Int 255 Urutan id penyimpanan sementara 2 C_userid Varchar 255 User id customer 3 C_pid Varchar 255 Sandi pelanggan 4 C_qty Varchar 255 Jumlah penyimpanan sementara
58 Nama Tabel : t_order Primary Key : o_id Keterangan : list pembelanjaan customer yang sudah confirm Tabel 4.6 t_order NO Nama Filed Tipe Ukuran Keterangan 1 O_id Int 255 Urutan order pelanggan 2 O_userid Varchar 255 User id customer 3 O_pid Varchar 255 Sandi pelanggan 4 O_qty Varchar 255 Jumlah orderan customer 4.7 PERANCANGAN STRUKTUR PROGRAM Struktur program adalah suatu konsep pembuatan yang mempunyai fungsi untuk mengelompokkan proses instruksi kedalam sub program fungsional dimana setiap sub program tersebut memiliki fungsi tertentu yang digunakan untuk mendukung dari keseluruhan prosedur program yang dibuat. Struktur program yang rancang adalah sebagai berikut :
59 HIRARKI PROGRAM Input Proses Output Kategori Baju Proses Login Laporan Pemesanan Data Produk Proses Register Laporan Pelanggan Proses Pemesanan Gambar 4.6 Struktur Program 4.8 PERANCANGAN STRUKTUR MENU Struktur menu merupakan bentuk umum dalam suatu perancangan atau design aplikasi yang dapat memudahkan pengguna dalam menggunakan sistem yang dibuat. Dengan adanya struktur menu ini, maka proses pengolahan data dapat lebih cepat dilakukan, sehingga keterlambatan dalam proses data dapat dikurangkan seminimal mungkin. Struktur menu yang dibuatkan dalam sistem ini terdiri dari menu dan bagian dari menu tersebut. Dapat dilihat dari gambar berikut :
60 HIRARKI MENU Home Product Login Welcome Daftar Produk Kategori Peoduk Admin User Produk Daftar Pesanan Kategori Rekaman Pesanan Gambar 4.7 Rancangan Hirarki Menu 4.9 PERANCANGAN INPUT Ada beberapa rancangan sistem antar muka terdiri dari :
61 ADMINISTRATOR LOGIN Username Password Login Back to Site Home Gambar 4.8 Rancangan Login LOGO Home Product About Us Contact Us Comment Site Map How to Buy How to Pay Cara Merawat User Menu Login Gambar 4.8 Rancangan Website