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 langkah-
langkah 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.
43
Gambar 4.1 Flowmap usulan penjualan kartu tri
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.
45
Gambar 4.2 Flowmap usulan penggajian sales
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 Data penggajian
Data penjualan
Data penggajian
Proses 6.1 Cetak slip Gaji
Sales
Data Sales Proses 6.3 Cetak laporan penjualan
Proses 6.2 Cetak laporan penggajian
Proses 6.4 Cetak laporan Sales
Laporan penjualan Laporan penjulan persales
Slip Gaji
Laporan penggajian bulanan 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
: Kartu
Primary Key
: 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
: Sales
Primary Key
: 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 1
Nama Field no_nota
Tipe
Ukuran
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
Short Text
30
1
Jenis
2
Minimum
Number
Long Integer
3
Nominal
Number
Long Integer
Nama Tabel
: Penggajian
Primary Key
: no_slip Tabel 4.5 Struktur File Tabel Penggajian
53
No
4.7
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
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
Gambar 4.15 Rancangan Output Laporan Penjualan
Gambar 4.16 Rancangan Output Laporan Penjualan per Sales
TOTAL
60
PT. PANG MOBILE TANJUNGPINANG LAPORAN DATA PENGGAJIAN PERIODE PENGGAJIAN :
NO SLIP
TGL
ID SALES
NAMA SALES
JUMLAH TERJUAL
GAPOK
BONUS
Gambar 4.17 Rancangan Output Laporan Penggajian
Gambar 4.18 Rancang Output Surat Peringatan
TOTAL
SP