BAB IV PERANCANGAN SISTEM 4.1 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, Entity Relationship Diagram, Struktur Program, Rancangan Input, Rancangan Proses dan Rancangan Output. 4.2 Analisis Prosedur Yang Diusulkan Tahap Analisis Prosedur merupakan tahapan-tahapan atau langkahlangkah yang dilalui untuk mencapai suatu hasil yang diinginkan. Setiap langkah dari prosedur tersebut harus dianalisa sedemikian rupa, sehingga proses bisnis 41
42 didalamnya akan lebih lengkap dan spesifik yang nantinya pada tahap perancangan sistem akan menjadi lebih mudah untuk dilakukan. 4.2.1 Prosedur Proses Penjualan Kartu Tri Yang Diusulkan Berikut ini adalah Prosedur Penjualan Kartu Tri yang diusulkan di PT. Pang Mobile Tanjungpinang : 1. Admin menyerahkan sejumlah kartu untuk penjualan dalam sebulan. 2. Sales menawarkan kartu ke berbagai counter, jika counter tersebut membeli kartu maka sales membuat nota penjualan, jika counter tidak membeli sales membuat daftar counter yang tidak membeli dan membuat jadwal penawaran kartu ke counter yang belum membeli kartu. 3. Sales menyerahkan nota penjualan kepada administrasi. 4. Administrasi menginputkan data penjualan oleh salestersebut ke database dan mencetak laporan rekap penjualan untuk diserahkan kepada pimpinan.
Gambar 4.1 Flowmap usulan penjualan kartu tri 43
44 4.2.2 Prosedur Penggajian Sales yang Diusulkan Berikut ini adalah Prosedur Penggajian Sales yang diusulkan di PT. Pang Mobile Tanjungpinang : 1. Administrasi memilih data sales dan juga bulan beserta tahun penggajian. 2. Sistem akan melakukan perhitungan gaji, bonus, dan SP secara otomatis berdasarkan data penjualan setiap sales yang telah diinputkan sebelumnya. 3. Admin mencetak slip gaji, bonus, dan juga surat peringatan untuk diberikan ke sales. 4. Admin mencetak laporan penggajian untuk diserahkan kepada pimpinan.
Gambar 4.2 Flowmap usulan penggajian sales 45
46 4.3 Diagram Konteks Diagram konteks adalah diagram yang menggambarkan hubungan antara entitas eksternal dengan aplikasi. Dimana data yang diberikan oleh bagian entitas eksternal akan diproses di dalam aplikasi dan akan menghasilkan laporan yang diinginkan oleh entitas eksternal tersebut. Gambar 4.3 Diagram Konteks 4.4 Data Flow Diagram Data Flow Diagram (DFD) adalah diagram yang digunakan untuk menggambarkan suatu aplikasi yang sudah jadi atau aplikasi yang baru dirancang yang akan dikembangkan secara logika, tanpa mempertimbangkan lingkungan fisik kemana data tersebut disimpan. Disamping itu Data Flow Diagram (DFD) juga dapat menggambarkan arus data yang terstruktur dan jelas dari mulai pengisian data sampai dengan keluarannya.
47 Arus data pada Data Flow Diagram (DFD) ini dapat berupa masukan untuk aplikasi atau keluaran dari aplikasi, sehingga akan menghasilkan sebuah keluaran yang akan disampingkan pada pengguna atau penerima aplikasi. Gambar 4.4 Data Flow Diagram Level 0 DFD Level 0 terdiri dari beberapa proses diantaranya adalah sebagai berikut: 1. Proses 1.0 adalah proses pengolahan data kartu yang dihubungkan dengan tabel kartu.
48 2. Proses 2.0 adalah proses pengolahan data sales yang dihubungkan dengan tabel sales. 3. Proses 3.0 adalah proses pengolahan penjualan kartu yang dihubungkan dengan tabel penjualan. 4. Proses 4.0 adalah proses pengolahan master gaji yang dihubungkan dengan tabel master gaji. 5. Proses 5.0 adalah proses pengolahan penggajian yang dihubungkan dengan tabel penggajian. 6. Proses 6.0 adalah proses cetak laporan penjualan, penjualan persales, penggajian, surat perigatan, yang diberikan kepada sales dan kepada pimpinan. Penggajian Penjualan Sales Data penggajian Proses 6.1 Cetak slip Gaji Data penggajian Proses 6.2 Cetak laporan penggajian Data penjualan Proses 6.3 Cetak laporan penjualan Data Sales Proses 6.4 Cetak laporan Sales Slip Gaji Laporan penggajian bulanan Laporan penjualan Laporan penjulan persales Sales Pimpinan Laporan data sales Gambar 4.5 Data Flow Diagram Level 1 Proses 6 DFD Level 1 proses 6 terdiri dari beberapa proses diantaranya adalah sebagai berikut: 1. Proses 6.1 adalah proses pengolahan cetak slip gaji dari tabel penggajian dan diberikan kepada sales.
49 2. Proses 6.2 adalah proses pengolahan cetak laporan penggajian dari tabel penggajian dan diberikan kepada pimpinan. 3. Proses 6.3 adalah proses pengolahan cetak laporan penjualan dari tabel penjualan dan diberikan kepada pimpinan. 4. Proses 6.4 adalah proses pengolahan cetak laporan sales dari tabel sales dan diberikan kepada pimpinan. 4.5 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 Sistem Informasi Penjualan dan Penggajian Sales di PT. Pang Mobile Tanjungpinang dapat digambarkan sebagai berikut :
50 Gambar 4.6 Entity Relationship Diagram (ERD) 4.6 Struktur File Didalam pembuatan program dibutuhkan suatu spesifikasi file yang dimaksudkan untuk dapat melakukan kegiatan-kegiatan dalam pengaturan pencarian data dan pembuatan laporan yang dapat mempermudah kerja sistem komputer. Untuk itu aplikasi pengolahan data ini membutuhkan spesifikasi file untuk mempermudah dalam melakukan kegiatan pemrograman, yang dapat dilihat dari tabel-tabel berikut ini : Nama Tabel Primary Key : Kartu : kode_kartu
51 Tabel 4.1 Struktur File Tabel Kartu No Nama Field Tipe Ukuran 1 kode_kartu Short Text 10 2 jenis_kartu Short Text 20 3 Nominal Short Text 10 4 harga_jual Number Long Integer Nama Tabel Primary Key : Sales : id_sales Tabel 4.2 Struktur File Tabel Sales No Nama Field Tipe Ukuran 1 id_sales Short Text 5 2 nama_sales Short Text 50 3 alamat_sales Short Text 50 4 no_hp Short Text 15 5 Status Short Text 20 Nama Tabel : Penjualan Primary Key : - Tabel 4.3 Struktur File Tabel Penjualan No Nama Field Tipe Ukuran 1 no_nota Short Text 15
52 2 Tanggal Date/Time Short Date 3 id_sales Short Text 5 4 nama_sales Short Text 50 5 nama_toko Short Text 30 6 alamat_toko Short Text 30 7 notelp_toko Short Text 15 8 kode_kartu Short Text 10 9 harga_jual Number Long Integer 10 Jumlah Number Long Integer 11 sub_total Number Long Integer Nama Tabel : master_gaji Primary Key : - Tabel 4.4 Struktur File Tabel master_gaji No Nama Field Tipe Ukuran 1 Jenis Short Text 30 2 Minimum Number Long Integer 3 Nominal Number Long Integer Nama Tabel Primary Key : Penggajian : no_slip Tabel 4.5 Struktur File Tabel Penggajian
53 No Nama Field Tipe Ukuran 1 no_slip Short Text 15 2 tanggal_gaji Date/Time Short Date 3 Bulan Short Text 20 4 Tahun Short Text 4 5 id_sales Short Text 5 6 nama_sales Short Text 50 7 jumlah_terjual Number Long Integer 8 gaji_pokok Number Long Integer 9 Bonus Number Long Integer 10 total_gaji Number Long Integer 11 surat_peringatan Short Text 5 4.7 Perancang Antarmuka Perancang antarmuka merupaka desain dari hasil analisa yang telah dilakukan untuk memenuhi permintaan-permintaan sistem dan gambarangambaran perancangan proses akan dibuat dalam bentuk perancangan struktur program, perancangan struktur menu, rancangan input dan rancangan output 4.7.1 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
54 yang digunakan untuk mendukung dari keseluruhan program yang dibuat. Struktur program yang dibuat adalah sebagai berikut : Struktur Program Input Proses Output Data Kartu Perhitungan Gaji Laporan Data Sales Data Sales Laporan Penjualan Data Penjualan Laporan Penjualan Persales Master Gaji Laporan Penggajian Slip Gaji Surat Peringatan Gambar 4.7 Struktur Program
55 4.7.2 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 menumenu dan sub menunya. Dapat dilihat dari gambar berikut : Menu Utama Data Penjualan Penggajian Laporan Kartu Laporan Data Sales Sales Laporan Penjualan Master Gaji Laporan Penjuala Persales Laporan Penggajian Gambar 4.8 Struktur Menu
56 4.7.3 Rancangan Input Gambar 4.9 Rancangan Form Input Data Sales Gambar 4.10 Rancangan Form Input Data Voucher
57 Gambar 4.11 Rancangan Form Input Master Gaji Gambar 4.12 Rancangan Form Input Penjualan Voucher
58 Gambar 4.13 Rancangan Form Input Penggajian Sales 4.7.4 Rancangan Output Gambar 4.14 Rancangan Output Laporan Data Sales
59 PT. PANG MOBILE TANJUNGPINANG LAPORAN DATA PENJUALAN PERIODE PENJUALAN : NO NOTA TGL ID SALES NAMA SALES NAMA TOKO KODE KARTU HARGA JUMLAH TOTAL Gambar 4.15 Rancangan Output Laporan Penjualan Gambar 4.16 Rancangan Output Laporan Penjualan per Sales
60 PT. PANG MOBILE TANJUNGPINANG LAPORAN DATA PENGGAJIAN PERIODE PENGGAJIAN : NO SLIP TGL ID SALES NAMA SALES JUMLAH TERJUAL GAPOK BONUS TOTAL SP Gambar 4.17 Rancangan Output Laporan Penggajian Gambar 4.18 Rancang Output Surat Peringatan