BAB IV PERANCANGAN Perancangan sistem ini merupakan tahapan lanjutan dari proses analisis masalah. Didalam perancangan sistem akan menjelaskan proses dari setiap tahapan yang akan dilakukan didalam pengembangan sistem aplikasi ini. Perancangan sistem ini nantinya akan membantu dalam pembuatan aplikasi sesuai dengan proses yang ditentukan, berikut ini adalah tahapan tahapan dari proses tersebut antara lain : 1. Rancangan Bagan Alir Document ( Flow Map ) 2. Rancangan Alir Document (Diagram Konteks) 3. Diagram Aliran ( DFD ) 4. Rancangan base ( ERD ) 5. Dictionary 6. Rancangan Struktur File 7. Rancangan Struktur Program 8. Rancangan Antar Muka 4.1 Perancangan Proses 4.1.1 Rancangan Bagan Alir Dokumen (FlowMap) Pada Flow Map yang diusulkan hanya menambahkan sistem manual dengan sistem komputerisasi. Pada sistem baru yang akan dikembangkan dimana data tersebut akan disimpan kedalam harddisk dan sebagainya, 36
37 prosedur dibawah ini menjelaskan atau menerangkan sistem baru yang diusulkan pada Toko R&R. 1. Flowmapmasuk yang sedangberjalan Menggambarkan aliran dokumen yang terjadi pada saat baramgmasukpadatoko R&R. a. Karyawanmengecekstok di database b. Jikaadastok yang kosong, karyawanmembuatdaftarpembelian. JikatidakadaKaryawanmembuatlaporanstokdanmemberikepimpi nan c. Setelahmembuatdaftarpembelian, karyawanmenyerahkankepimpinanuntuk di TTD. Dan daftarpembeliandikembalikanlagikepadakaryawan. d. Setelahdaftarpembelian di TTD. Karyawanmengirimdaftarpembelianke supplier e. Supplier mempersiapkandansuratjalan, mengirimkanketoko. f. Karyawanmelakukanpengecekandaftardansuratjalan, jikasesuaikaryawanmenandatangansuratjalandanmengarsipkandaftarpe mbelian. Jikatidaksesuaimakadaftarpembeliandansuratjalan di kembalikan. g. Menginput data pembelianke databasedanmencetaklaporanpembeliandanmemberilaporanpem beliankepemimpindandiarsipkan.
38 FlowMap Usulan Pembelian Karyawan Pimpinan Supplier Inventory Cek stok kosong Ada? Cetak Laporan Stok Laporan Stok Laporan Stok Y Buat daftar pembelian Daftar pembelian Daftar pembelian Ttd daftar pembelian Daftar pembelian Daftar pembelian Daftar pembelian Daftar pembelian dan surat jalan Persiapan dan buat surat jalan Daftar pembelian dan surat jalan Cek Sesuai? T Daftar pembelian dan surat jalan Daftar pembelian dan surat jalan Y TTD surat jalan Daftar pembelian dan surat jalan Input data pembelian 1 Phase Gambar 4.1 Flowmap Usulan Pembelian
39 Karyawan FlowMap Usulan Pembelian Pimpinan Supplier 1 Laporan Pembelian Inventory Cetak Laporan Pembelian Laporan Pembelian Phase Gambar 4.1 Flowmap Usulan Pembelian 2. Flowmap usulan penjualan Menggambarkan aliran dokumen untuk usulan penjualan pada Toko R&R a. Pelanggan menyerahkan daftar yang akan dibeli. b. Karyawan mengecek stok, jika mencukupi maka karyawan membuat nota penjualan.jika tidak mencukupi maka karyawan mengembalikan daftar yang akan dibeli kepada pembeli. c. Karyawan menyerahkan dan mengarsipkan nota penjualan.
40 Flowmap Usulan Pelanggan Karyawan Pimpinan Daftar yang akan di beli Daftar yang akan di beli Inventory Cek Stok Mencukupi? Y Buat Nota penjualan T Laporan Daftar yang akan di beli Daftar yang akan di beli Nota penjualan Nota penjualan Nota penjualan Nota penjualan ttd Nota penjualan Nota penjualan Input data penjualan Cetak laporan Laporan Phase Gambar 4.2 Flowmap Usulan 4.2 Diagram Konteks Diagram konteks merupakan gambaran secara global untuk memudahkan pemahaman terhadap suatu sistem yang menggambarkan aliran data yang masuk kedalam sistem dan yang keluar dari sistem. Diagram konteks pada
41 Sistem Informasi keluar masuk Toko R&R dapat dilihat pada gambar dibawah ini. Daftar Pelanggan Laporan Stok Laporan pembelian Laporan penjualan INVENTORY BARANG TOKO R&R PELANGGAN PIMPINAN Nota penjualan Daftar pembelian Nota pembelian Dan Surat Jalan SUPPLIER Gambar 4.3 Diagram Konteks 4.3 Flow Diagram (DFD) Dengan DFD kita dapat melihat aliran data dan komponen yang saling berkaitan dan berinteraksi. Aliran data dapat menunjukan data dari data yang berupa masukan untuk sistem atau keluaran dari proses yang terbentuk. 1. Proses 1.0 input data supplier dimana karyawan menyerahkan data supplier kemudian data di inputkesistem dan disimpan datam tabel supplier. 2. Proses 2.0 input data diambil dari data yang sebelumnya sudah dicek dari transaksi pembelian dari supplier. 3. Proses 3.0 input data pelangganyang diterima dari pelanggan. 4. Proses 4.0 proses input data pembelian dimana data di ambil dari surat jalan yang diberikan supplier kemudian dinputkan ke dalam sistem dan mengupdate tabel pembelian.
42 5. Proses 5.0 penjualan di mana akan mengambil data dari tabel data dan memasukkan data pemesanan dari pelanggan ke tabel penjualan. 6. Proses 6.0 cetak laporan dimana akan mencetak laporan dengan mengambil data dari tabel pembelian, penjualan, dan data untuk diserahkan ke pimpinan. Diagram flow diagram level 0 pada Sistem Informasi keluar masuk Toko R&R dapat dilihat pada gambar dibawah ini :
43 Supplier Pelanggan Nota pelanggan supplier supplier 4.0 Pembelian 5.0 pelanggan Pelanggan supplier supplier pelanggan pembelian Pembelian Stok Pimpinan Stok Laporan Stok Laporan pembelian Laporan penjualan pembelian 6.0 Laporan Gambar 4.4 DFD Level 0. Berikut ini merupakan DFD level 1 proses 6 yang menjelaskan tentang proses cetak Laporan yang dapat dilihat sebagai berikut:
44 Pembelian Pembelian Pembelian 6.1 Cetak Laporan Pembelian 6.2 Cetak Nota 6.3 Cetak Laporan Stok 6.4 Cetak Laporan Stok Da ta Ba ra ng No ta Pe nju ala Pelanggan Laporan Laporan Pembelian Laporan Stok Pimpinan 6.5 Cetak Pembelian Pembelian Supplier Gambar 4.5 DFD Level 1 Proses 6.
45 4.4 Perancangan Basis Supplier 1 Supply Pelanggan n 1 n membeli m Menghasilkan n n Pembelian Gambar 4.8 ERD PenjelasanpadaERD : 1. Satusupplierdapatmenyuplai banyak dan terjadi pembelian dari supplier. 2. Satupelanggan dapan membelibanyakdanterjadipenjualan 4.4.1 Rancangan Struktur File Dalam pembuatan suatu aplikasi, struktur tabel yang dibutuhkan harus dirancang agar proses pembuatan aplikasi berjalan lancar dan output yang dihasilkan sesuai dengan apa yang diinginkan. Untuk mempermudah sistem kerja, dalam pembuatan aplikasi pengolahan data ini, perancangan struktur file menurut data input dan output
46 perlu dilakukan. Struktur file yang digunakan akan ditampilkan dalam tabeltabel berikut. 7. Suplier Nama Tabel Primary Key : Supplier : ID Supplier Tabel 4.1 Keterangan struktur file supplier No. Nama Atribut Tipe Field Size Ket 1 Id_supplier Text 11 Primary key 2 nama_supplier Text 21 Not Null 3 nama_toko Text 21 Not Null 4 alamat Text 31 Not Null 5 no_tlp Number Long Integer Not Null 8. Pelanggan Nama Tabel Primary Key : Pelanggan : ID Pelanggan Tabel 4.2 Keterangan struktur file pelanggan No. Nama Atribut Tipe Field Size Ket 1 Id_pelanggan Text 11 Primary key 2 nama_pelanggan Text 21 Not Null 3 alamat Text 31 Not Null 4 no_tlp Number Long Integer Not Null
47 9. Nama Tabel Primary Key : : Kode Tabel 4.3 Keterangan struktur file No. Nama Atribut Tipe Field Size Ket 1 kode_ Text 11 Primary key 2 nama_ Text 21 Not Null 3 satuan Text 31 Not Null 4 stok Number Long Integer Not Null 5 harga_beli Number Long Integer Not Null 6 harga_jual Number Long Integer Not Null 10. Pembelian Nama Tabel Primary Key : Pembelian : No Pembelian Tabel 4.4 Keterangan struktur file pembelian No. Nama Atribut Tipe Field Size Ket 1 no_pembelian Text 11 Primary key 2 tanggal_pembelian Date/Time Long Date Not Null 3 Id_supplier Text 11 Not Null
48 11. Pembelian_detail Nama Tabel : Pembelian_detail Primary Key : - Tabel 4.5 Keterangan struktur file pembelian_detail No. Nama Atribut Tipe Field Size Ket 1 no_pembelian Text 11 Foreign key 2 kode_ Text 11 Foreign key 3 nama_ Text 21 Not Null 4 qty Number Long Integer Not Null 5 harga_beli Number Long Integer Not Null 12. Nama Tabel Primary Key : : No Tabel 4.6 Keterangan struktur file penjualan No. Nama Atribut Tipe Field Size Ket 1 no_penjualan Text 11 Primary key 2 tanggal_penjualan Date/Time Long Date Not Null 3 id_pelanggan Text 11 Not Null
49 13. _detail Nama Tabel : _detail Primary Key : - Tabel 4.5 Keterangan struktur file penerimaan_detail No. Nama Atribut Tipe Field Size Ket 1 no_penjualan Text 11 Foreign key 2 kode_ Text 11 Foreign key 3 nama_ Text 21 Not Null 4 qty Number Long Integer Not Null 5 harga_jual Number Long Integer Not Null 4.7 Perancangan Struktur Program Struktur program ini penyelesaian tentang sistem yang dipandang dari elemen data, elemen kontrol, modul-modul dan hubungan modul. Untuk lebih jelasnya dapat dilihat pada gambar berikut: PROGRAM UTAMA Input Proses Transaksi Output Supplier Pembelian Stok Pelanggan Laporan Transaksi Laporan Pelanggan Laporan Supplier Gambar 4.9 Struktur Program Aplikasi Inventory
50 4.8 Rancangan Antar Muka Rancangan antar muka desain interface merupakan rancangan sistem informasi Inventory pada Toko R&R agar dimengerti oleh user untuk semua proses. 1. Struktur Menu Struktur menu Sistem pengolahan data merupakan rancangan tampilan menu terdiri dari beberapa sub yang digunakan dalam program sistempengolahan data. Menu Utama File Transaksi Laporan Keluar Input Supplier Pembelian Laporan Transaksi Input Pelanggan Pembelian Laporan Master Input Gambar 4.10 Struktur Menu Program Utama 2. Perancangan Input Output Program Adapun perancangan input output program dapat dilihat dibawah ini. username password Login Exit Gambar 4.11 Perancangan Login
51 Kode Nama Satuan Harga Beli Harga Jual Laba % Simpan Update Hapus Keluar Gambar 4.12 Perancangan Input data ID Pelanggan Nama Pelanggan Alamat No Telepon Simpan Update Hapus Keluar Gambar 4.13 Perancangan Input Pelanggan ID Supplier Nama Supplier Nama Toko Alamat No Telepon Simpan Update Hapus Keluar Gambar 4.14 Perancangan Input data Supplier
52 No Pembelian ID Supplier Tanggal Terima Nama Supplier Alamat Simpan Update Hapus Keluar Gambar 4.15 Perancangan Transaksi Pembelian No Tanggal ID Pelanggan Grand TOTAL Nama Pelanggan Alamat Simpan Batal Keluar Gambar 4.16 Perancangan Transaksi Supplier Pelanggan Gambar 4.17 Perancangan Form Laporan Master
53 Logo TOKO R & R Pulau Penyengat Pelanggan ID Pelanggan Nama Pelanggan Alamat No Telpon Gambar 4.18 Perancangan Laporan Pelanggan Logo TOKO R & R Pulau Penyengat Stok Detail Kode Nama Harga Beli Harga Jual Satuan Stok Gambar 4.19 Perancangan Laporan Stok Logo TOKO R & R Pulau Penyengat Supplier ID Supplier Nama Supplier Nama Toko Alamat No Telpon Gambar 4.20 Perancangan Laporan Supplier
54 Pembelian Keterangan tanggal S/D tanggal Tampilkan Gambar 4.21 Perancangan Form Laporan Transaksi Logo TOKO R & R Pulau Penyengat Pembelian Tanggal No Pembelian Supplier Nama Toko Kode Nama Qty Gambar 4.22 Perancangan Laporan Pembelian Logo TOKO R & R Pulau Penyengat Tanggal No Pelanggan Kode Nama Qty Harga Total Harga Gambar 4.23 Perancangan Laporan