bab iv perancangan sistem

BAB IV
PERANCANGAN SISTEM
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.
1. Prosedur Persediaan Barang yang di usulkan
a. Supplier memberikan data barang ke gudang
b. Gudang menerima data barang dan dicek,apabila tidak sesuai maka
akan dikembalikan kepada supplier untuk dicek.
c. Apabila data barang sudah sesuai maka gudang akan membuat laporan
barang sebanyak 2 rangkap,yang 1 diarsipkan dibagian gudang dan
yang 1 lagi diberikan kepada kasir.
d. Setelah kasir menerima laporan barang dari gudang,maka kasir akan
memasukkan datanya ke database sistem,sistem akan mencetak
laporan keselurhan sebanyak 2 rangkap,yang 1 diarsipkan dibagian
gudang dan yang 1 lagi diberikan kepada pemilik toko.
50
51
Supplier
Gudang
Kasir
Data Barang
Laporan
Pemilik Toko
2
Data Barang
Laporan
Keseluruhan
2
Cek Barang
Input Data
Tidak
Sesuai
DATABASE
Ya
Data Barang
Cetak
Membuat
Lap.Barang
2
2
Laporan
Laporan
Nota
Laporan
Keseluruhan
1
1
Gambar 4.1 Flow Map Pembelian Barang pada Toko Suria Baru Usulan
2.Prosedur Penjualan yang di usulkan
a.
Pelanggan akan memberikan pesanan barangnya kepada gudang.
b.
Gudang akan mengecek ketersediaan barang,apabila ada maka pihak
gudang akan membuat nota pesanan barang,setelah itu akan diberikan
kepada kasir.
c.
Bagian kasir akan memasukkan data penjualan ke dalam database sistem
dan menghitung total harga yang dibeli pelanggan dan mencetak nota
penjualan barang sebanyak 2 rangkap,1 arsipkan dibagian kasir dan yang 1
diberikan kepada pelanggan untuk dilakukan pembayaran.
52
d.
Pelanggan akan melakukan pembayaran sesuai dengan yang tertera di nota
dan diberikan kepada kasir untuk dihitung.
e.
Kasir akan membuat laporan penjualan.
Pelanggan
Gudang
Pesanan Barang
Pesanan Barang
Kasir
Input
Cek
persiapan
barang
Tidak
Database
Tersedia
Cetak
Ya
Pesanan Barang
2
1
Nota
Buat
Nota
Pesanan
Barang
Input Pembayaran
dan Buat laporan
Nota Pesanan Barang
Cetak
2
Nota
Laporan
Pembayaran
Gambar 4.2. Flow Map Penjualan Barang pada Toko Suria Baru Usulan
53
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 Aplikasi Pembelian dan Penjualan Barang
Kelontong pada Toko Suria Baru Tanjungpinang:
Pemilik Toko
Laporan Keseluruhan Persediaan barang
Laporan Penjualan
Supplier
Data Barang,
Data Supplier
Aplikasi Pembelian dan
Penjualan Barang
Nota Penjualan
Kelontong pada Toko Suria
Baru Tanjungpinang
Pesanan Barang
Pelanggan
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 Supplier
Data Barang
Proses 1.0
Pengolahan Data
Supplier
Barang
Data Barang
Data Barang
Data Barang
Data Supplier
Supplier
Data Supplier
Proses 4.0
Pengolahan Data
Penjualan
Proses 3.0
Pengolahan Data
Pembelian
Data Barang
Data Pembelian
Data Penjualan
Pembelian
Penjualan
Data Pembelian
Data Penjualan
Proses 4.0
Cetak
Nota
Laporan Persediaan
Laporan Penjualan,
Laporan Pembelian
Gambar 4.4 DFD Level 0
Data
Pesanan Barang
Pelanggan
Pemilik Toko
55
2. DFD Level 1 Proses 4.0 (Pengolahan Cetak)
Pelanggan
Data Penjualan
Proses 4.1
Cetak Nota
Penjualan
Data Penjualan
Barang
Penjualan
Data Barang
Data Penjualan
Proses 4.3
Cetak Laporan
Barang
Proses 4.2
Cetak Laporan
Penjualan
Laporan Persediaan,
Laporan Pembelian,
Laporan Penjualan
Laporan Penjualan
Pemilik Toko
Gambar 4.5 DFD Level 1 Proses 4
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 Aplikasi Pembelian dan
Penjualan Barang Kelontong pada Toko Suria Baru Tanjungpinang.
56
1
Supplier
Memasok
Barang
N
N
Memiliki
N
Transaksi
Penjualan
Gambar 4.6 ERD ( Entity Relationship Diagram)
2. Kamus Data
Berikut ini adalah kamus data dari Aplikasi Pembelian dan Penjualan
Barang Kelontong pada Toko Suria Baru Tanjungpinang yang dirancang
melalui DFD diatas, antara lain :
Tabel 4.1 Kamus Data Barang
Nama
Deskripsi
Struktur Data
Barang
merupakan data barang
Id_barang,nama,stock,satuan,harga_beli,harga_jual,id_supplier,nama_s
upplier
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
57
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 Barang
Tabel barang merupakan data-data untuk menyimpan data barang.
Nama tabel
: barang
Primary Key : id_barang
Tabel 4.4 Tabel barang
No
1
2
3
4
4
5
6
7
Nama Field
id_barang
nama
stock
satuan
harga_beli
harga_jual
Id_supplier
Nama_supplier
Tipe
Text
Text
Number
Text
Size
Keterangan
7
id_barang
40 Nama
Stock
10 Satuan
harga_beli
Currency
Currency
Text
Text
7
30
harga_jual
Id Supplier
Nama Supplier
58
b.
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.
Size
7
7
40
Text
Text
Number
Text
Currency
Currency
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
Tabel 4.6 Tabel supplier
No
1
2
3
4
Nama Field
id_supplier
Nama
Alamat
no_telp
Tipe
Text
Text
Text
Text
Size
7
Keterangan
id_supplier
30
25
15
nama
alamat
no_telp
59
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
Proses
Output
Supplier
Pembelian
Laporan Barang
Persediaan
Barang
Penjualan
Laporan Penjualan
Gambar 4.7 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 Aplikasi Pembelian dan
Penjualan Barang Kelontong pada Toko Suria Baru Tanjungpinang . Struktur
menu yang dibuatkan dalam sistem terdiri dari menu-menu dan sub menunya.
Dapat dilihat pada gambar dibawah ini :
60
Aplikasi Pembelian dan
Penjualan Barang Kelontong
pada Toko Suria Baru
Tanjungpinang
Data
Master
Transaksi
Laporan
Keluar
Supplier
Pembelian
Laporan Barang
Persediaan
Barang
Penjualan
Laporan Pembelian
Laporan Penjualan
Gambar 4.8 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 :
61
1.
Perancangan Input
Perancangan input berfungsi untuk memasukan data-data ke sistem,
Perancangan input berupa form yang ditampilkan di layar monitor,
rancangan input Aplikasi Pembelian dan Penjualan Barang Kelontong
pada Toko Suria Baru Tanjungpinang g, antara lain :
- LOGIN USER -
Username
Password
LOGIN
KELUAR
APLIKASI PEMBELIAN DAN PENJUALAN BARANG KELONTONG
PADA TOKO SURIA BARU TANJUNGPINANG
Gambar 4.9 Form Login
Form Utama
DATA MASTER
TRANSAKSI
Laporan
KELUAR
Aplikasi Pembelian dan Penjualan Barang Kelontong pada Toko Suria
Baru Tanjungpinang
Gambar 4.10 Form Menu Utama
62
Form Supplier
- SUPPLIERInput Data Supplier
Add New
ID Supplier
Save
Nama Supplier
Alamat
Cancel
Telepon
Exit
Search
Pilih...
Refresh
Delete
Edit
Ca
DB GRID
* Klik data di tabel untuk menghapus atau mengeditnya
Gambar 4.11 Form Supplier
Form Supplier
- SUPPLIERInput Data Persediaan Barang
Add New
ID Barang
Nama Barang
Satuan
Save
Pilih...
/...
Stok
Cancel
Harga Beli
Harga Jual
Supplier
Exit
Pilih...
Pilih...
Search
Refresh
Delete
Ca
DB GRID
* Klik data di tabel untuk menghapus atau mengeditnya
Gambar 4.12 Form Pembelian Barang
Edit
63
Form Transaksi Penjualan
- TRANSAKSI PENJUALAN PENJUALAN ID Transaksi Penjualan
Tgl Transaksi
DD / MM / YY
Pilih Barang
Pilih :
Nama Barang
ID Barang
Stok
Harga Beli
/ ...
...
Harga Jual (Rp.)
/ ...
Jumlah Pembelian
/ ...
Delete Item
Add Item
Sub Total (Rp)
DB GRID
Total Bayar
New Transaction
Finish Transaction
Cancel
Exit
Uang Bayar
Uang Kembali
Gambar 4.13 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 Aplikasi
Pembelian dan Penjualan Barang Kelontong pada Toko Suria Baru
Tanjungpinang seperti gambar di bawah ini
64
LAPORAN BARANG
TOKO SURIA BARU TANJUNGPINANG
Tanggal :
ID BARANG
NAMA BARANG
SUPPLIER
STOCK
HARGA BELI (RP.)
PEMILIK TOKO
Gambar 4.14 Output Laporan Barang
LAPORAN PENJUALAN
TOKO SURIA BARU TANJUNGPINANG
Keseluruhan Transaksi Penjualan
ID PENJUALAN TANGGAL NAMA BARANG
QTY
HARGA JUAL (RP.)
SUB TOTAL (RP.)
TOTAL PENJUALAN KESELURUHAN (RP.)
PEMILIK TOKO
Gambar 4.15 Output Laporan Penjualan