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
Surat Pemesanan barang
KASIR
PEMILIK USAHA
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 NotaTagihan Tagihan Nota Tagihan
Nota Tagihan
Laporan Laporan Penjualan Penjualan
Gambar 4.1 Flowmap usulan Penjualan
Prosedur flowmap usulan penjualan :
Laporan 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 program.
kepada pemakai maupun pembuat
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 1 2 3
Nama Filed idAdmin username Password
Tipe Int Varchar Varchar
Ukuran 11 50 50
Keterangan Urutan ID admin Nick login admin Sandi login admin
Nama Tabel : t_contact Primary Key : contactid Keterangan : Berisi data pelanggan yang ingin berkomentar. Tabel 4.2 t_contact NO 1 2 3 4 5 6 7 8
Nama Filed Contactid Nama Email Telp Fax Address Location Comment
Tipe Int Varchar Varchar Varchar Varchar Longtext Varchar Longtext
Ukuran 11 50 50 50 50 50 -
Keterangan Urutan ID contact Nama pelanggan Email pelanggan Nomor telepon pelanggan Nomor fax pelanggan Alamat pelanggan Lokasi pelanggan Komentar pelanggan
Nama Tabel : t_products Primary Key : productid Keterangan : Berisi data product Tabel 4.3 t_products NO 1 2 3 4
Nama Filed Productid Productname Product_price Category
Tipe int varchar Int Varchar
Ukuran 11 50 11 50
Keterangan urutan ID Product Nama produk Harga produk Kategori barang
57
5 6 7 8
Description Image Stock Order_qty
Varchar Varchar Int Float
50 50 50 -
Deskripsi produk Foto produk Total stok product Sisa stock order
Nama Tabel : t_user Primary Key : u_id Keterangan : berisakan data pelanggan Tabel 4.4 t_user NO 1 2 3 4 5 6 7 8
Nama Filed U_id U_name U_password U_email U_gender U_address U_city U_contact
Tipe Int Varchar Varchar Varchar Varchar Varchar Varchar Varchar
Ukuran 255 255 255 255 255 255 255 255
Keterangan Urutan id user Nama pelanggan Sandi pelanggan Email pelanggan Jenis kelamin pelanggan Alamat pelanggan Kota pelanggan Kontak pelanggan
Nama Tabel : t_cart Primary Key : c_id Keterangan : tempat penyimpanan sementara Tabel 4.5 t_cart NO 1 2 3 4
Nama Filed C_id C_userid C_pid C_qty
Tipe Int Varchar Varchar Varchar
Ukuran 255 255 255 255
Keterangan Urutan id penyimpanan sementara User id customer Sandi pelanggan 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 1 2 3 4
Nama Filed O_id O_userid O_pid O_qty
Tipe Int Varchar Varchar Varchar
Ukuran 255 255 255 255
Keterangan Urutan order pelanggan User id customer Sandi pelanggan 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
Welcome
Daftar Produk
Kategori Peoduk
Login
Admin
User
Produk
Daftar Pesanan
Kategori
Gambar 4.7 Rancangan Hirarki Menu
4.9 PERANCANGAN INPUT Ada beberapa rancangan sistem antar muka terdiri dari :
Rekaman Pesanan
61
ADMINISTRATOR LOGIN
Username Password
Login
Back to Site Home
Gambar 4.8 Rancangan Login
LOGO Home
Product
About Us
Contact Us
Comment
How to Buy How to Pay Cara Merawat User Menu Login
Gambar 4.8 Rancangan Website
Site Map