BAB IV PERANCANGAN SISTEM Perancangan sistem adalah strategi untuk memecahkan masalah dan mengembangkan solusi terbaik bagi permasalahan itu. Perancangan sistem adalah termasuk bagaimana mengorganisasi sistem ke dalam subsistem-subsistem, serta alokasi subsistem-subsistem ke komponen-komponen perangkat keras, perangkat lunak serta prosedur-prosedur. Berdasarkan hasil analisa secara menyeluruh, maka dirancanglah sebuah Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang, diharapkan aplikasi yang dirancang dapat lebih baik dan lebih cepat dalam pemberian informasi yang dibutuhkan oleh bagian yang bersangkutan sehingga mampu mempercepat pengolahan data dan mempermudah dalam pengambilan sebuah keputusan.
4.1. Perancangan Prosedur Dan Dokumen Yang Diusulkan Dari analisis prosedur yang berjalan masih banyak terdapat kelemahan dalam penyampaian informasi, maka dilakukan sedikit pengembangan terhadap sistem tersebut, yang nantinya dapat diharapkan membawa sedikit perubahan dan manfaat sehingga toko yang bersangkutan dapat menyampaikan informasi yang lebih cepat, praktis dan efisien.
49
50
1.
Prosedur Persediaan Barang yang di usulkan a.
Supplier memberikan data barang & barangnya ke gudang
b.
Gudang menerima data barang & barang dan di cek apabila tidak sesuai dengan data barang maka dikembalikan ke supplier untuk di cek.
c.
Apabila data barang & barangnya sudah sesuai maka gudang akan di cetak dan dan dibuat 2 rangkap laporan,1 untuk di arsipkan dilemari arsip dan 1 untuk diberikan ke kasir.
d.
Setelah kasir menerima laporan,akuntan memasukkan data ke dalam basis data sistem,sistem akan mencetak otomatis keseluruhan laporan 2 rangkap diarsipkan sendiri oleh kasir dan 1 rangkap diberikan kepada pemilik toko.
Supplier
Gudang
Kasir
Data Barang
Laporan
Pemilik Toko
2
Data Barang
Laporan Penjualan & Persediaan
Input Data
Cek Barang
Tidak Sesuai DATABASE Ya
Membuat Lap.Barang
Cetak
2
Laporan Laporan
1
2
Nota
1
Laporan Penjualan & Persediaan
Gambar 4.1 Flow Map Persediaan Barang pada Toko Utama Usulan
2
51
2.Prosedur Penjualan yang di usulkan a.
Pelanggan secara langsung akan memilih barang yang akan dibelinya.
b. Setelah pelanggan siap memilih barang yang mau dibeli,barang tersebut akan diserahkan kepada pegawai toko,pegawai toko akan menyerahkan ke kasir. c. Bagian kasir akan meng – input data penjualan ke dalam database dan menghitung total harga yang dibeli pelanggan dan mencetak nota penjualan barang. d.
Setelah pelanggan melunasi pembayaran,kasir akan menyerahkan nota penjualan kepada pelanggan sebagai bukti transaksi jual beli.
e.
Kasir akan mengarsipkan nota penjualan di lemari arsip.
52
Pelanggan
Gudang
Kasir
Catatan Barang
Catatan Barang
Input
Cek Barang Database 1
2
Nota Tidak
Lengkap/Ada
Cetak Otomatis
Ya
2 1
Nota Nota
Melakukan Pembayaran Ambil barang
1
Menerima Barang
Menerima pembayaran dan penyerahan barang
Gambar 4.2. Flow Map Penjualan Barang pada Toko Yeti Usulan
4.2. Diagram Konteks Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks akan memberi gambaran tentang keseluruhan sistem. Berikut ini adalah gambaran perancangan sistem diagram konteks pada Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang :
53
Pemilik Toko
Laporan Keseluruhan Persediaan barang Laporan Penjualan
Supplier
Laporan Persediaan Barang
Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang
Nota Penjualan
Pelanggan
Catatan Barang
Gambar 4.3 Diagram Konteks
4.3. Data Flow Diagram (DFD) Data Flow Diagram adalah sebuah teknik grafis yang menggambarkan aliran informasi dan transformasi yang diaplikasikan pada saat data bergerak dari input menjadi output. DFD merupakan alat perancangan sistem yang berorientasi pada alur data dan dapat digunakan untuk penggambaran analisa maupun rancangan sistem.
54
1. DFD Level 0
Supplier
Data Barang
Proses 2.0 Pengolahan Data Persediaan
Data Barang Data Supplier Stock Barang Data Barang Data Barang
Proses 3.0 Pengolahan Data Penjualan
Proses 1.0 Pengolahan Data Supplier Data Barang Data Supplier
Data Penjualan Penjualan
Supplier
Data Penjualan Pelanggan
Data Penjualan
Proses 4.0 Cetak
Laporan Persediaan Laporan Penjualan
Gambar 4.4 DFD Level 0
Pemilik Toko
55
2. DFD Level 1 Proses 1.0 (Pengolahan Data Supplier)
Proses 1.1 Input
Data Supplier
Supplier
Data Supplier
Proses 1.2 Edit
Data Supplier
Supplier
Data Supplier
Data Supplier
Gambar 4.5 DFD Level 1 Proses 1
3. DFD Level 1 Proses 2.0 (Pengolahan Data Persediaan)
Proses 2.1 Input
Data Barang
Supplier
Data Barang
Proses 2.2 Edit
Data Barang
Stock Barang
Data Barang
Data Barang
Proses 2.3 Delete Data Barang
Data Barang
Gambar 4.6 DFD Level 1 Proses 2
Data Barang
56
4. DFD Level 1 Proses 3.0 (Pengolahan Data Penjualan)
Proses 3.1 Transaksi Baru
Data Penjualan
Pelanggan
Data Penjualan
Proses 3.2 Tambah Item
Data Penjualan
Data Penjualan
Penjualan
Data Penjualan
Data Penjualan
Proses 3.3 Delete Data Item
Gambar 4.7 DFD Level 1 Proses 3
5. DFD Level 1 Proses 4.0 (Pengolahan Cetak)
Pelanggan
Proses 4.1 Cetak Nota Penjualan
Stock Barang
Penjualan
Proses 4.3 Cetak Laporan Stock
Proses 4.2 Cetak Laporan Penjualan
Laporan Penjualan
Laporan Stock
Pemilik Toko
Gambar 4.8 DFD Level 1 Proses 4
Data Penjualan Data Penjualan
57
4.4. Perancangan Model Data Dan Basis Data Perancangan ini terdiri dari perancangan diagram ERD, Kamus Data dan Struktur Tabel. 1.
Entity Relationship Diagram (ERD) ERD merupakan suatu gambar perancangan basis data untuk menjelaskan hubungan antar data dalam basis data berdasarkan objekobjek dasar data yang mempunyai hubungan antar relasi. Berikut ini adalah perancangan gambar ERD dalam Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang.
Penjualan
1
Memiliki
N
Supplier
1
Memiliki
N
Pelanggan
Gambar 4.9 ERD ( Entity Relationship Diagram)
2.
Kamus Data Berikut ini adalah kamus data dari Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang yang dirancang melalui DFD diatas, antara lain :
58
Tabel 4.1 Kamus Data Stock Nama Deskripsi Struktur Data
Stock merupakan data stock barang id_barang,nama,stock,satuan,harga_beli,harga_jual
Tabel 4.2 Kamus Data Penjualan Nama Deskripsi Struktur Data
Penjualan merupakan data penjualan id_penjualan,tgl_transaksi,id_barang,nama,qty,satuan,harga_jual,total
Tabel 4.3 Kamus Data Supplier Nama Deskripsi Struktur Data
Supplier merupakan data supplier id_supplier,nama,alamat,no_telp
3. Struktur Tabel Tujuan dari perancangan struktur tabel ini yaitu untuk menentukan nama field, tipe field, lebar field, dan keterangan dari field tersebut yang ada pada setiap tabel. Struktur tabel yang akan digunakan dalam perancangan sistem ini akan menentukan
struktur fisik dari database perguruan muhammadiyah yang
menunjukkan struktur dari elemen–elemen yang menyatakan panjang data dan tipe datanya. Pengembangan struktur tabel yang akan diuraikan adalah sebagai berikut : a.
Tabel Stock Tabel Stock merupakan data-data untuk menyimpan data Stock. Nama tabel
: stock
Primary Key : id_barang
59
Tabel 4.4 Tabel Stock No 1 2 3 4 4 5
Nama Field id_barang nama stock satuan harga_beli harga_jual
b.
Tipe Text Text Number Text
Size Keterangan 7 id_barang 40 Nama Stock 10 Satuan
Currency Currency
harga_beli harga_jual
Tabel Penjualan Tabel Penjualan merupakan data-data untuk menyimpan data Penjualan. Nama tabel : Penjualan Primary Key : id_penjualan
Tabel 4.5 Tabel penjualan No 1 2 3 4 5 6 7 9
Nama Field id_penjualan
Tipe Text
tgl_transaksi id_barang nama qty satuan harga_jual total
Date/Time
c.
Text Text Number Text Currency Currency
Size 7
7 40 10
Keterangan id_penjualan
tgl_transaksi id_barang Nama Qty Satuan harga_jual Total
Tabel Supplier Tabel Supplier merupakan data-data untuk menyimpan data supplier. Nama tabel
: supplier
Primary Key : id_supplier
60
Tabel 4.6 Tabel supplier No 1 2 3 4
Nama Field id_supplier
Tipe Text Text Text Text
Nama Alamat no_telp
Size 7
Keterangan id_supplier
30 25 15
nama alamat no_telp
4.5. Struktur Program Struktur program ini terdiri dari modul-modul input, proses dan output. Untuk lebih jelasnya dapat dilihat pada gambar dibawah ini : Struktur Program Input Persediaan Bahan Bangunan Supplier
Proses Penjualan
Output Laporan Stock Bahan Bangunan Laporan Penjualan Cetak Nota Penjualan
Gambar 4.10 Struktur Program
4.6. Struktur Menu Struktur menu merupakan gambaran umum dari tentang program sistem yang akan dirancang, dimana struktur menu program ini menggambarkan aliranaliran dari bagian-bagian yang akan diterapkan pada Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang . Struktur menu yang
61
dibuatkan dalam sistem terdiri dari menu-menu dan sub menunya. Dapat dilihat pada gambar dibawah ini :
Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang
Data Master
Transaksi
Persediaan bahan bangunan
Laporan
Penjualan
Keluar
Laporan Stock Bahan bangunan
Laporan Penjualan
Supplier Cetak Nota Penjualan
Gambar 4.11 Struktur Menu
4.7. Perancangan Antar Muka Inputan Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik user friendly. Seorang pengguna, apalagi pengguna baru, biasanya tertarik untuk mencoba sebuah program dengan terlebih dahulu tertarik pada sebuah tampilan yang ada di hadapan matanya. Suatu program yang baik adalah program yang mudah dipahami dan di gunakan (user friendly). Adapun desain antarmuka yang terdiri dari input dan output dapat dilihat pada gambar berikut :
62
1.
Perancangan Input Perancangan input berfungsi untuk memasukan data-data ke sistem, Perancangan input berupa form yang ditampilkan di layar monitor, rancangan input Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang, antara lain :
-LOGIN ADMINSilahkan anda masukkan username dan password user Username
Image
Password
LOGIN
KELUAR
Gambar 4.12 Form Login
Form Utama DATA MASTER
TRANSAKSI
Laporan
KELUAR
Sistem Informasi Penjualan Bahan Bangunan Toko Utama Tanjungpinang Logo
Gambar 4.13 Form Menu Utama
63
Form Persediaan Bahan Bangunan
- MASTER DATA PERSEDIAAN BAHAN BANGUNANInput Data Bahan Bangunan
ID Barang Nama Barang Satuan Stok
/ ...
Harga Beli Harga Jual
Supplier Input Baru
Refresh
Hapus
Simpan
Batal
Keluar
Edit
Cari
Ca DB GRID
Gambar 4.14 Form Persediaan
Form Supplier
- MASTER DATA SUPPLIERInput Data Supplier
ID Supplier
Nama Supplier
Alamat No Telepon
Input Baru
Refresh
Hapus
Simpan
Batal
Keluar
Edit
Cari
Ca DB GRID
Gambar 4.15 Form Data Supplier
64
Form Transaksi Penjualan Bahan Bangunan - TRANSAKSI PENJUALAN BAHAN BANGUNAN Input Data Penjualan
ID Transaksi Penjualan
Nama Barang
Tgl Transaksi
ID Barang
Stok
Harga Beli
/ ...
...
Harga Jual (Rp.)
/ ...
Jumlah Pembelian
/ ... Tambah Item
Sub Total (Rp)
DB GRID
Delete Item Total Bayar Transaksi Baru
Uang Bayar
Selesai Transaksi
Batal
Keluar
Uang Kembali
Gambar 4.16 Form Penjualan
2.
Perancangan Output Perancangan output berupa tampilan yang berisi tentang berbagai informasi yang diperlukan. Format ini dicetak kedalam printer dan dapat ditampilkan ke layar monitor. Rancangan output Sistem Informasi Penjualan Bahan Bangunan pada Toko Utama Tanjungpinang seperti gambar di bawah ini
65
LAPORAN STOCK BAHAN BANGUNAN TOKO UTAMA TANJUNGPINANG Tanggal : ID BARANG
STOCK
NAMA BARANG
HARGA BELI (RP.)
PEMILIK TOKO
Gambar 4.17 Output Laporan Stock
LAPORAN PENJUALAN TOKO UTAMA TANJUNGPINANG Keseluruhan Transaksi Penjualan ID PENJUALAN
NAMA BARANG
QTY
HARGA JUAL (RP.)
SUB TOTAL (RP.)
TOTAL PENJUALAN KESELURUHAN (RP.) PEMILIK TOKO
Gambar 4.18 Output Laporan Data Barang
66
NOTA PEMBELIAN PELANGGAN TOKO UTAMA TANJUNGPINANG Tanggal Transaksi ID NOTA
NAMA PEMBELIAN
QTY
HARGA SATUAN (RP.)
SUB TOTAL (RP.)
TOTAL PEMBELIAN (RP.) UANG BAYAR (RP.) KEMBALI (RP.)
TERIMA KASIH TELAH MEMBELI DITEMPAT KAMI HORMAT KAMI TOKO UTAMA TANJUNGPINANG
Gambar 4.19 Output Laporan Penjualan
