BAB IV PERANCANGAN SISTEM. Perancangan sistem adalah suatu gambaran sketsa sistem atau pengaturan

Transkripsi

1 BAB IV PERANCANGAN SISTEM Perancangan sistem adalah suatu gambaran sketsa sistem atau pengaturan dari beberapa elemen yang terpisah ke dalam kesatuan yang utuh dan berfungsi. Perancangan ini dibuat untuk ditunjukkan kepada user, programmer, atau ahli analisa atau ahli yang berhubungan dengan perancangan ini. Perancangan sistem dibuat berdasarkan masukan dari hasil analisa untuk menyelesaikan permasalahan yang ada pada tahap analisa. Untuk membuat suatu aplikasi yang memiliki kemampuan handal, maka perlu sebuah perancangan sistem dengan tujuan untuk memperbaiki masalah yang terjadi. Perancangan sistem secara umum bertujuan untuk memberikan gambaran secara umum kepada pemakai aplikasi yang baru, dan juga merupakan persiapan dari rancangan terperinci dengan mengidentifikasi komponen-komponen aplikasi. Rancangan ini meliputi Flowmap yang disusulkan, Diagram Konteks, Data Flow Diagram, Struktur Tabel, Entity Relationship Diagram,, Rancangan Input, Rancangan Output, Struktur Menu, dan Struktur Program. 38

2 Prosedure Inventory Masuk Dibawah ini adalah usulan prosedur inventory masuk di Toko JM Mobile sebagai berikut : 1. Bagian stockist akan melakukan pengecekan barang. Apabila terdapat barang yang sudah mencapai stok minimum 2 barang, maka stockist akan mengajukan permohonan pemesanan barang kepada pimpinan. Jika ditolak maka pemesanan dibatalkan, jika diterima maka akan di lakukan pemesanan ke supplier. 2. Setelah menerima pemesanan barang, supplier akan melakukan pengecekan barang dan harus memastikan barang yang dikirim sampai ke toko dalam keadaan baik. 3. Selanjutnya supplier membuka faktur dan diberikan kepada stockist, sementara itu barang yang dikirim dari supplier dicek oleh stokist, apabila dalam kondisi baik maka barang diterima, jika tidak barang akan dikembalikan. 4. Faktur yang diberikan dari supplier kepada stockist diberikan pada bagian keuangan untuk melakukan proses pembayaran. 5. Kemudian stockist akan mencetak Laporan Inventory Masuk sebanyak 2 (dua) rangkap yang ditandatangani pimpinan.

3 40 Flowmap Usulan Inventory Masuk Supplier Stockist Keuangan Pimpinan PO 1 2 Data PO 1 2 Cek stok data Buat Faktur Disetujui 3 FP FP FP 2 PO 1 database Daftar inventory T Y TTD PO Tambah stok Y PO 1 2 T Stok cukup cetak PO PO 1 2 T FP FP 2 PO 1 Cek Penerimaan Barang Disetujui Y TTD Faktur FP Proses Pembayaran Lap.Inv.Masuk 2 Lap.Inv.Masuk 1 FP Rp FP FP 2 PO 1 FP Rp Benar Y Input inventory masuk Ttd Laporan Cetak Lap.Inventory Masuk T Lap.Inv.Masuk 2 Lap.Inv.Masuk 1 Lap.Inv.Masuk 2 Lap.Inv.Masuk 1 FP Lap. Inv.Masuk Gambar 4.1 Flowmap Inventory Masuk yang diusulkan Keterangan : PO : Purchase Order FP : Faktur Pembelian

4 Prosedure Inventory Keluar Dibawah ini adalah usulan prosedur inventory keluar di Toko JM Mobile sebagai berikut : 1. Customer datang ke toko, dengan di layani stockist 2. Apabila sesuai maka customer melapor kepada stockist, kemudian stockist mencari data voucher pulsa dan kartu perdana kemudian melakukan input inventory keluar ke database dan mengeprint nota. 3. Selanjutnya nota diserahkan ke customer dan customer melakukan pembayaran di bagian keuangan dengan nota yang diberikan stockist. 4. Kemudian bagian stockist mencetak laporan inventory keluar dan laporan inventory akhir yang ditandatangani pimpinan.

5 42 Flowmap Usulan Inventory Keluar Customer Stockist Keuangan Pimpinan Data Barang Data Barang Input stok keluar database Cetak nota Nota Rp Nota Nota Rp Proses pembayaran Cetak Laporan Nota dan barang Rp Lap.inventory akhir Lap.inventory keluar Nota dan barang Rp Lap.inventory akhir Lap.inventory keluar T Benar Y Ttd Laporan Lap.inventory akhir Lap.inventory keluar Lap.inventory akhir Lap.inventory keluar Gambar 4.2 Flowmap Inventory Keluar yang diusulkan

6 Diagram Konteks Diagram konteks adalah diagram yang menggambarkan hubungan antara entitas eksternal dengan sistem. Dimana data yang diinputkan oleh bagian entitas eksternal akan diproses didalam sistem dan akan menghasilkan laporan yang diinginkan oleh entitas eksternal tersebut. Gambar 4.3 Diagram Konteks Data Flow Diagram Data Flow Diagram (DFD) adalah diagram yang digunakan untuk menggambarkan suatu sistem yang sudah jadi atau sistem yang baru dirancang yang akan dikembangkan secara logika, tanpa mempertimbangkan lingkungan fisik kemana data tersebut disimpan.disamping itu Data Flow Diagram (DFD)

7 44 juga dapat menggambarkan arus data yang terstruktur dan jelas dari mulai pengisian data sampai dengan pengelurannya. Arus data pada Data Flow Diagram (DFD) ini dapat berupa masukan untuk sistem atau keluaran dari sistem, sehingga akan menghasilkan sebuah keluaran yang disampaikan pada pengguna atau penerima sistem.

8 45 DFD LEVEL 0 Supplier Data Supplier 1.0 Proses Pengolahan Data Supplier Data Supplier Table_Supplier Barang Data Barang 2.0 Proses Pengolahan Data Barang Data Barang Table_Stock 3.0 Proses Inventory Masuk Data Barang Data Supplier Data Inv.Masuk Table_I_Masuk Data Barang Customer Data Voucher Pulsa& Kartu Perdana 4.0 Proses Inventory Keluar Data Inv.Keluar Table_I_Keluar Data Barang Data Inv.Masuk Nota 5.0 Proses Cetak Data Inv.Keluar Lap. Lap. Lap. Inv. Inv. Inv. Masuk Keluar Pimpinan Gambar 4.4 DFD Level 0 Aplikasi Persediaan Voucher Pulsa&Kartu Perdana Toko JM Mobile Di Kijang

9 46 Dari DFD level 0 di atas terdapat empat proses yang dapat dijabarkan sebagai berikut : 1. Proses 1.0 adalah proses pengolahan data supplier yang langsung dihubungkan dengan Tabel Supplier. 2. Proses 2.0 adalah proses pengolahan data barang yang langsung dihubungkan dengan Tabel_Stock. 3. Proses 3.0 adalah proses penginputan data inventory masuk berdasarkan data masuk yang langsung dihubungkan dengan Tabel_I_Masuk. 4. Proses 3.0 adalah proses penginputan data inventory keluar berdasarkan data keluar yang langsung dihubungkan dengan Tabel_I_Keluar. 5. Proses 4.0 adalah proses yang mencetak nota kepada Customer dan mencetak laporan kepada pihak yang membutuhkan Level 1 Proses 1.0 Input Data Merupakan pengembangan proses 1 dari DFD level 0. Untuk lebih jelasnya dapat dilihat pada gambar berikut ini:

10 47 Gambar 4.5 DFD Level 1 Proses 1.0 Input Data DFD Level 1 proses 1.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut : 1. Proses 1.1 Save Data Supplier yaitu proses penyimpanan inputan data supplier ke dalam tabel supplier. 2. Proses 1.2 Edit yaitu proses pengeditan atau perubahan data supplier ke dalam tabel supplier. 3. Proses 1.3 Delete yaitu proses penghapusan data supplier ke dalam table supplier Level 1 Proses 5.0 Proses Cetak Merupakan pengembangan proses 5 dari DFD level 0. Untuk lebih jelasnya dapat dilihat pada gambar berikut ini:

11 48 Gambar 4.6 DFD Level 1 Proses 5.0 Proses Cetak DFD Level 1 proses 5.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut : 1. Proses 5.0 Proses cetak yaitu proses pencetakan laporan yang diambil dari tabel_i_masuk, tabel_i_keluar, tabel_stock. 4.4 Struktur File Didalam pembuatan program dibutuhkan suatu spesifikasi file yang dimaksudkan untuk dapat melakukan kegiatan-kegiatan dalam pengaturan dan pencarian data dan pembuatan laporan yang dapat mempermudah kerja sistem computer. Untuk itu sistem pengolahan data ini membutuhkan spesifikasi file

12 49 untuk mempermudah dalam melakukan pemrograman, yang dapat dilihat dari table-tabel berikut ini : Tabel 4.1 Struktur File Tabel Member Nama Tabel : Table_Member Primary Key : Nama No Nama Field Tipe Ukuran Keterangan 1 Nama Text 20 Nama User 2 Pass Text 10 Password User 3 Status Text 10 Status User Tabel 4.2 Struktur File Tabel Supplier Nama Tabel : Table_Supplier Primary Key : kode_supplier No Nama Field Tipe Ukuran Keterangan 1 No Number Long Integer Nomor Urut 2 kode_supplier Text 8 Kode Supplier 3 nama_supplier Text 20 Nama Supplier 4 alamat Text 50 Alamat Supplier 5 telepon Text 20 Telepon Supplier

13 50 Tabel 4.3 Struktur File Tabel Stock Nama Tabel : Table_Stock Primary Key : kode_barang No Nama Field Tipe Ukuran Keterangan 1 No Number Long Integer Nomor Urut 2 kode_barang Text 255 Kode Barang 3 nama_barang Text 255 Nama Barang 4 harga_beli Currency Currency Harga Beli 5 harga_jual Currency Currency Harga Jual 6 jumlah Number Long Integer Jumlah Tabel 4.4 Struktur File Tabel Inventory Masuk Nama Tabel : Table_I_Masuk Primary Key : - No Nama Field Tipe Ukuran Keterangan 1 No_Faktur Text 255 No Faktur Pembelian 2 Tanggal Text 255 Tanggal Faktur Pembelian 3 Bulan Text 255 Bulan Faktur Pembelian 4 Kode_Supplier Text 255 Kode Supplier 5 Nama_Supplier Text 255 Nama Supplier 6 Kode_Barang Text 255 Kode Barang 7 Nama_Barang Text 255 Nama Barang

14 51 8 Jumlah Number Long Integer Jumlah 9 Harga_Satuan Currency Currency Harga Satuan 10 Total_Harga Currency Currency Total Harga Tabel 4.5 Struktur File Tabel Inventory Keluar Nama Tabel : Table_I_Keluar Primary Key : - No Nama Field Tipe Ukuran Keterangan 1 No Number Long Integer Nomor Urut 2 No_Nota Text 255 No Faktur Penjualan 3 Tanggal Text 255 Tanggal Faktur Penjualan 4 Bulan Text 255 Bulan Faktur Penjualan 5 Kode_Barang Text 255 Kode Barang 6 Nama_Barang Text 255 Nama Barang 7 Jumlah Text 255 Jumlah Barang 8 Harga_Satuan Currency Currency Harga Satuan 9 Total_Harga Currency Currency Total Harga

15 52 Tabel 4.6 Struktur File Tabel Cetak Nota Penjualan Nama Tabel : Table_Cetak_Nota_Penjualan Primary Key : - No Nama Field Tipe Ukuran Keterangan 1 No_Nota Text 255 No Faktur Penjualan 2 Tanggal Text 255 Tanggal Faktur Penjualan 3 Bulan Text 255 Bulan Faktur Penjualan 4 Jumlah Text 255 Jumlah Barang 5 Harga_Satuan Currency Currency Harga Satuan 6 Total_Harga Currency Currency Total Harga Tabel 4.7 Struktur File Tabel PO Nama Tabel : Table_PO Primary Key : - No Nama Field Tipe Ukuran Keterangan 1 kode_barang Text 255 Kode Barang 2 nama_barang Text 255 Nama Barang 3 jumlah Text 255 Jumlah

16 Entity RelationShip Diagram ( ERD ) Entity RelationShip Diagram ( ERD ) atau diagram antar entitas adalah suatu diagram yang menggambarkan hubungan objek data yang disimpan yang ada dalam suatu aplikasi secara konseptual. Objek Data adalah objek yang dapat dicatat atau direkam atau segala 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-data. Atribut yang berhubungan dengan Aplikasi Persediaan Voucher Pulsa & Kartu Perdana Toko JM Mobile Di Kijang dapat digambarkan sebagai berikut : Gambar 4.7 Entity RelationShip Diagram ( ERD )

17 Perancangan Antar Muka (Interface) Perancangan Interface adalah tahap dimana desain sistem yang telah dipersiapkan dan selesai ditampilkan menjadi interaksi antarmuka user atau pengguna dalam program itu sendiri. Pada tahap perancangan antarmuka diusahakan untuk mengurangi kesulitan pengunaan program agar user lebih mudah untuk memakainya Perancangan Input Rancangan input adalah rancangan dari dokumen dasar yang digunakan untuk merekap data yang digunakan. Perancangan input meliputi bentuk dokumen-dokumen input yang akan digunakan untuk menangkap data input. Gambar 4.8 Form Login

18 55 Gambar 4.9 Form Data Supplier Gambar 4.10 Form Inventory

19 56 Gambar 4.11 Form Inventory Masuk Gambar 4.12 Form Inventory Keluar

20 57 Change Your Password Status Kamu : Status Nama Pengguna Nama Password Lama Password Baru Password Baru (Ulang) Bersih Simpan Tampil Kata Sandi Gambar 4.13 Form Ubah Password Gambar 4.14 Form Cetak Laporan Inventory Masuk

21 58 Gambar 4.15 Form Cetak Laporan Inventory Keluar Gambar 4.16 Form Cetak Laporan Inventory Gambar 4.17 Form Cetak PO

22 Perancangan Output Rancangan output adalah rancangan dalam bentuk laporan dari hasil pemrosesan input yang diterima dari sistem pengolahan data tersebut. Untuk menentukan rancangan keluaran diperlukan kecermatan, ketelitian dan kesabaran dengan harapan keluaran yang dihasilkan merupakan laporan-laporan yang akurat dan releven serta dapat dimengertikan oleh pemakaiannya. Gambar 4.18 Laporan Inventory Masuk Berdasarkan Hari

23 60 Gambar 4.19 Laporan Inventory Masuk Berdasarkan Bulan Gambar 4.20 Laporan Inventory Keluar Berdasarkan Hari

24 61 Gambar 4.21 Laporan Inventory Keluar Berdasarkan Bulan Gambar 4.22 Laporan Inventory

25 62 Gambar 4.23 Laporan PO Gambar 4.24 Nota

26 Perancangan Struktur Menu Struktur menu merupakan bentuk umum dalam suatu perancangan aplikasi yang dapat memudahkan pengguna dalam menggunakan aplikasi yang dibangun. Dengan adanya struktur menu ini, maka proses pengolahan data diharapkan lebih cepat dilakukan, sehingga keterlambatan dalam penyajian data dapat ditekan seminimal mungkin. Struktur menu yang dibuatkan dalam aplikasi ini terdiri dari menu-menu dan sub menunya. Dapat dilihat dari gambar berikut : Gambar 4.25 Perancangan Struktur Menu

27 Perancangan Struktur Program Struktur program adalah suatu konsep pembuatan yang mempunyai fungsi untuk mengelompokkan instruksi kedalam sub program fungsional dimana setiap sub program tersebut memiliki tugas dan fungsi tertentu yang digunakan untuk mendukung dari keseluruhan program yang dibuat. Struktur program yang dibuat adalah sebagai berikut : Gambar 4.26 Perancangan Struktur Program