BAB IV

PERANCANGAN SISTEM
Berdasarkan bab sebelumnya maka pada bab ini akan diuraikan perancangan membangun suatu
system perangkat lunak transaksi penjualan Pulsa berdasarkan data yang sudah ada dan landasan teori
yang telah dijelaskan sebelumnya.

4.1 Unjuk Kerja Sistem

Unjuk kerja sistem yang diharapkan dari sistem yang dirancang adalah :
a. Sistem menyimpan data Voucher , data Supplier, data Customer dan data User yang lengkap
secara database.
b. Sistem dapat mendata hasil penjualan dan Pembelian , serta mengkalkulasikan secara matematis
dari transaksi penjualan dan Pembelian.
c. Sistem dapat mencetak/Print out data hasil transaksi penjualan.
d. Sistem dapat membuat Laporan-laporan baik itu laporan penjualan perhari, perbulan, dan per
no faktur serta laporan pembelian perbulan dan perfaktur dan laporan data keseluruhan
voucher serta stok saldo voucher.
4.2 Sistem Yang Dirancang
Perangkat Lunak yang dirancang adalah Rekayasa Perangkat Lunak Aplikasi Penjualan Pulsa
ElektronikDas Schonste Cell.
4.3 Batasan Perangkat Lunak
Dalam perancangan Perangkat Lunak, ada beberapa batasan yang dikembangkan bedasarkan
identifikasi kebutuhan system, sehingga identifikasisistem ini menjadi semakin baik. Batasan
Perancangan dari sistem ini yaitu meliputi :
1. Sistem yang dikembangkan hanya mengenai pencatatan data inventori Voucher, data Supplier,
data Customer, data User serta data transaksi penjualan dan pembelian yang akan disimpan
dalam database.
2. Sistem yang dikembangkan dapat menghasilkan print out penjualan beserta laporan-laporan.
3. Sistem yang akan dibangun tidak menerapkan administrasi supplier, jurnal, serta neraca
perdagangan, guna menghindari melebarnya perangkat lunak yang akan dibangun.

4.4 Perancangan Proses

Sistem yang dirancang diharapkan dapat memenuhi target informasi yang berguna bagi
pemakainya, oleh karena itu proses-proses yang dirancang dalam system ini harus memiliki efektifitas
yang tinggi, sebab pengolahan data yang dilakukan , dirancang dengan menggunakan computer sebagai
alat bantu. Adapun proses-proses yang dirancang untuk menangani kekurangan-kekurangan yang terjadi
sebelumnya dapat dilihat pada table 4.1
Tabel 4.1 Perancangan Proses

No Nama Proses Fungsi

 1 Mengimputkan data Voucher
2 Mengimputkan data Customer
3 Mengimputkan data Supplier
4 Mengimputkan data
User/Pengguna Sofware
5 Mengimputkan Pembelian
6 Melakukan Penjualan
7 Mencetak transaksi
Untuk mencatat data Voucher ke table Voucher
Untuk mencatat data Customer ke table Voucher
Untuk mencatat data Supplier ke table Voucher
Untuk mencatat data User ke table Voucher
Menyimpan data Voucher serta stok saldo yang akan
digunakan dalam aplikasi transaksi
Mengambil data Voucher yang akan dipakai dalam
transaksi penjualan
Mencetak hasil transaksi dalam bentuk hardcopy, serta
menyimpannya dalam harddisk

4.5 Perancangan data

Perancangan Data dalam rekayasa Perangkat Lunak Transaksi Penjualan merupakan sesuatu yang
sangat penting, karena data merupakan sumber informasi, dan kualitas dari informasi yang diterima juga
ditentukan oleh data yang diterima, maka dari itu setiap data yang masuk kedalam sistem selalu
dilakukan penyelesaian agar data yang diolah adalah data yang benar-benar dibutuhkan oleh sistem.
Adapun perancangan data pada rekayasa perangkat lunak ini dapat dilihat pada table 4.2.
Tabel 4.2 : Pencatatan Data

No Nama Fungsi

1 Data Voucher Sebagai input data yang akan diolah dalam transaks Penjualan

2 Data Supplier Sebagai input data yang akan diolah dalam transaks Pembelian

3 Data Customer Sebagai input data yang akan diolah dalam transaks Penjualan

4 Data User/Pengguna Sebagai input data yang akan diolah dalam menu user
Sofware
5 Data Pembelian Merupakan data yang akan diolah dalam transaksi Pembelian

6 Data Penjualan Sebagai data yang akan dijadikan rekapitulasi Penjualan

4.6 Perancangan Diagram Konteks

Untuk menggambarkan aliran data secara global (Diagram Konteks) dapat dilihat pada gambar
berikut ini :
a. CD-Sistem Penjualan Pulsa Elektronik
 Gambar 4.1 Diagram Context (DFD Level 0) Rekayasa Perangkat Lunak Aplikasi Penjualan Pulsa Elektronik
Das Schonte Cell
1 menu_pemilik_konter
menu_petugas_konter
Olah Data login_pemilik_konter
login

+
dt_user
login_petugas_konter info_dt_user lap_penj_perperiode
menu_admin lap_penj_perhari
Petugas login_admin Pemilik
Konter User Konter lap_vcr
info_dt_vcr
b. DFD LEVEL 1 Sistem Penjualan Pulsa Elektronik info_dt_cust
info_dt_sup lap_penj_perfaktur
Admin
info_dt_user
Supplier
periode_lap
Customer info_dt_user lap_pembelian_perperiode
dt_user
info_dt_penjdt_penj dt_sup
dt_cust Admin

dt_vcr beli_vcr lap_vcr

Supplier
beli_vcr dt_vcr
struk_beli info_dt_pemb 4 lap_saldo_akhir
pembayaran info_dt_sup lap_vcr
lap_saldo_akhir Olah data
dt_sup 2 lap_pembelian_perfaktur Laporan
3 dt_sup
dt_user
Customer
dt_cust
info_saldo +
info_dt_cust
Olah data Master lap_saldo_akhir
Olah data Transaksi dt_cust
dt_vcr Stok Pulsa
dt_vcr
info_dt_vcr +
+ voucher
Petugas
info_dt_penj Konter

info_dt_penj
dt_penj
info_dt_pemb
info_vcr

dt_pemb
info_dt_pemb Penjualan

Pembelian

info_saldo
Gambar 4.2 Diagram Flow Diagram (DFD Level 1) Rekayasa Perangkat Lunak Aplikasi Penjualan Pulsa
ElektronikDas Schonte Cell

c. DFD LEVEL 2 PROSES LOGIN

[login_petugas_konter] 1.1
Petugas
Konter Pengecekan
[menu_petugas_konter] Login Petugas
Konter

[info_dt_user]
[dt_user]

1.2 ambil_dt_user
[login_admin]
Admin User
[menu_admin] Pengecekan info_dt_user
Login Admin

Gambar 4.3 Diagram Flow Diagram (DFD Level 2) Rekayasa Perangkat

[dt_sup] Lunak Aplikasi Penjualan Pulsa
ambil_dt_user
[dt_sup] 2.3
[info_dt_sup]ElektronikDas
Input Schonte
Data Cell[info_dt_sup]
info_dt_user Supplier
d. DFD LEVEL
Pemilik
2 PROSES[login_pemilik_konter]
INPUT DATA Supplier 1.3

Konter [info_dt_user] Pengecekan

Admin Login Pemilik
[menu_pemilik_konter]
Konter
[dt_user] 2.2 [info_dt_user]

Input Data User

[dt_cust] User [dt_user]

[info_dt_cust]

2.1
[dt_vcr]
Input Data [info_dt_cust]
Customer
[info_dt_vcr] [dt_cust]
Customer

2.4
Input Data
Voucher

[dt_vcr]

[info_dt_vcr]

voucher
 Gambar 4.4 Diagram Flow Diagram (DFD Level 2) Rekayasa Perangkat Lunak Aplikasi Penjualan Pulsa
ElektronikDas Schonte Cell

e. DFD LEVEL 2 PROSES TRANSAKSI

Penjualan

[info_dt_penj]
[dt_penj]
[struk_beli] Customer
Petugas [info_dt_penj] 3.2
Konter [pembayaran]
Input Transaksi
[dt_penj] Penjualan

+ [dt_cust]

dt_vcr Customer
info_saldo

4.1
voucher Buat
[periode_lap]
Laporan
Penjualan Stok Pulsa
[lap_penj_perhari] Perhari
[dt_vcr]
[info_dt_penj]
[info_saldo]
periode_lap 4.2 [beli_vcr]
Buat info_dt_penj
3.1 Laporan Penjualan
[dt_vcr] Supplier
[lap_penj_perperiode] Penjualan
[beli_vcr] Perperiode
Input Transaksi
Gambar 4.5 Diagram [lap_pembelian_perfaktur]
Flow Diagram (DFD Level 2) Rekayasa Perangkat Lunak Aplikasi Penjualan Pulsa
Pembelian
[info_dt_pemb]
Admin 4.3
periode_lap ElektronikDas Buat Schonte Cell
[dt_sup]
Pemilik Konter Laporan [info_dt_pemb]
Pembelian
Perfaktur
[dt_pemb] [info_dt_pemb] Pembelian
f. DFD LEVEL 2 PROSES PEMBUATAN LAPORAN
[lap_pembelian_perperiode] Supplier info_dt_penj
info_dt_pemb
4.4
periode_lap Buat
Laporan
Pembelian
Pembelian
Perperiode

[lap_penj_perfaktur]

periode_lap
[lap_vcr]
4.6 4.5
Buat Buat
Laporan [info_vcr] Laporan
Voucher penjualan
[lap_saldo_akhir] perfaktur
voucher

[lap_vcr] 4.7
Buat [lap_vcr]
Laporan [info_saldo]
Saldo Akhir Stok Pulsa
[lap_saldo_akhir]
Admin [lap_saldo_akhir]

Petugas
Konter
Gambar 4.6 Diagram Flow Diagram (DFD Level 2) Rekayasa Perangkat Lunak Aplikasi Penjualan Pulsa
ElektronikDas Schonte Cell

g. DFD LEVEL 3 PROSES TRANSAKSI PENJUALAN

voucher

[dt_vcr]
[dt_penj] 3.2.1
Petugas [pembayaran]
Konter [info_dt_penj] input data Customer
penjualan
[info_saldo]
[dt_cust]
[dt_penj] Customer

Stok Pulsa info_dt_penj

Gambar 4.7 Diagram Flow Diagram (DFD Level 3) Rekayasa Perangkat Lunak Aplikasi Penjualan Pulsa
[struk_beli]
Penjualan
[info_dt_penj]
ElektronikDas Schonte Cell 3.2.2

cetak Faktur
Penjualan
4.7 Perancangan Basis Data
Relasi basis data menggambarkan hubungan antara table yang digunakan untuk menyusun basis
data, berikut ini adalah gambar relasi basis data Perangkat Lunak Aplikasi Transaksi Jual Beli Di Konter
Pulsa Das Schonste Cell dapat dilihat pada gambar 4.5

ER-Diagram Rekayasa Perangkat Lunak

Aplikasi Transaksi Jual Beli Di Konter Pulsa Das Schonste Cell
Keterangan Relasi :

No Entity 1 Entity 2 Keterangan Relasi Type (1:1, 1:N,

atau M:N

1 GrupVoucher JenisVoucher Setiap GrupVoucher memiliki banyak 1:N

JenisVoucher; setiap Jenis Voucher
hanya memiliki satu GrupVoucher

2 JenisVoucher MasterVoucher Setiap JenisVoucher memiliki banyak 1:N

MasterVoucher; setiap Master Voucher
hanya memiliki satu JenisVoucher

3 GrupVoucher StokSaldo Setiap GrupVoucher memiliki banyak 1:N

StokSaldo; setiap StokSaldo hanya
memiliki satu GrupVoucher

4 Customer DetailPenjualan Setiap Customer membeli banyak M:N

voucher; setiap Voucher biasa dibeli
(Voucher) oleh banyak Customer

5 Supplier GrupVoucher Setiap Supplier menjual banyak M:N

Grupvoucher; setiap Grup Voucher
biasa dijual oleh banyak Supplier

6 Pengguna DetailPenjualan Setiap Pengguna menjual banyak 1:N

Voucher; setiap Voucher hanya Dijual
(Voucher) oleh satu Pengguna

7 Pengguna GrupVoucher Setiap Pengguna membeli banyak 1:N

GrupVoucher; setiap GrupVoucher
hanya Dibeli oleh satu Pengguna

4.8 Struktur Basis Data

Struktur basis data berisi informasi tentang setiap record yang ada pada table, berikut ini adalah
struktur table basis data Perangkat Lunak Aplikasi Transaksi Jual Beli Di Konter Pulsa Das Schonste Cell.

1. Nama Tabel : GrupVoucher

Primary Key : kdGrup
Foreign Key : -

Nama Field Type Width Null Constrain

Null Not Null
 KdGrup Text 5
namaG Text 25

2. Nama Tabel : JenisVoucher

Primary Key : kdJenis
Foreign Key : kdGrup

Nama Field Type Width Null Constrain

Null Not Null
KdJenis Text 5
KdGrup Text 5
namaJ Text 25

3. Nama Tabel : MasterVoucher

Primary Key : kdvcr
Foreign Key : kdJenis

Nama Field Type Width Null Constrain

Null Not Null
kdvcr Text 5
KdJenis Text 5
nama Text 25
HargaJual money
HargaBeli money

4. Nama Tabel : Customer

Primary Key : kd_cust
Foreign Key : -

Nama Field Type Width Null Constrain

Null Not Null
Kd_cust Text 4
nama_cust Text 20
alamat Text 50
Tlp Text 13

5. Nama Tabel : MasterSupplier

Primary Key : kd_supp
Foreign Key : -

Nama Field Type Width Null Constrain

Null Not Null
KdSupplier Text 4
nama_supp Text 20
Alamat_supp Integer 20
 tlp Text 13

6. Nama Tabel : Pembelian

Primary Key : Nofaktur_pembelian
Foreign Key : KdSupplier, UserID, kdGrup

Nama Field Type Width Null Constrain

Null Not Null
NoFaktur_pembelian Text 4
TglFaktur_pembelian datetime 8
KdSupplier Text 6
UserID Text 10
kdGrup Text 6
Jml_Deposit Currency 8

7. Nama Tabel : Penjualan

Primary Key : no_faktur_penjualan
Foreign Key : kd_cust

Nama Field Type Width Null Constrain

Null Not Null
NoFaktur_penjualan Text 7
TglFaktur_penjualan datetime 8
Kdcust Text 4
UserID Currency 8

8. Nama Tabel : Detail_penjualan

Primary Key : no_faktur_penjualan, kd_brg
Foreign Key : -

Nama Field Type Width Null Constrain

Null Not Null
NoFaktur_penjualan Text 7
Kdvcr Text 4
No_Hp Text 13
HargaJual Currency 8

9. Nama Tabel : Pengguna

Primary Key : UserID
Foreign Key : -

Nama Field Type Width Null Constrain

Null Not Null
ID AutoNumber 15
UserID Text 10
 PassID Text 15
Nama Text 25
Level Text 15

4.9 Relasi Antar Tabel

Gambar 4.5 : Relasi Tabel Rekayasa Perangkat Lunak Lunak Aplikasi Transaksi Jual Beli Di Konter Pulsa Das
Schonste Cell

4.9 Perancangan Menu

Pada bagian ini akan dijelaskan proses-proses yang terjadi pada modul-modul utama perangkat
lunak yang memanggil modul-modul dibawahnya seperti yang terlihat pada gambar 4.6.
 Gambar 4.6 : Rangkaian Modul-modul dalam Perancangan Menu Rekayasa Perangkat Lunak Aplikasi
Penjualan Pulsa ElektronikDas Schonste Cell.
Berdasarkan gambar 4.6, maka akan dirancang sebanyak lima modul utama yaitu : menampilkan
administrator, menampilkan master supplier, customer, inventori, menampilkan transaksi, menampilkan
laporan penjualan, menampilkan modul bantuan. Modul-modul tersebut merupakan representasi dari
diagram konteks dan data flow diagram (DFD) yang telah dibahas sebelumnya.
Setiap modul tersebut akan memanggil modul lain atau prosedur yang berada dibawahnya yang
membentuk modul-modul tersebut. Berikut ada lima buah menu utama yang masing-masing terdiri dari
beberapa submenu. Pembagian menu beserta fungsi tiap-tiap sebmenu dapat dilihat pada table 4.3.

No Menu Sub Menu Fungsi

1  File  Login Input data login
 Logout Menonaktifkan login
 Setting User Mengubah/Menghapus Pengguna Program
 keluar Keluar dari program
2  Master  Supplier Untuk melakukan pemanggilan data supplier
 Customer Menampilkan data customer
 GrupVoucher Menampilkan data GrupVoucher
 JenisVoucher Menampilkan data JenisVoucher
 MasterVoucher Menampilkan data MasterVoucher
3  Transaksi  Penjualan Input data Penjualan
 Pembelian Input data Pembelian

4  Laporan  Pembelian perfaktur Memanggil data transaksi pembelian per no


 Pembelian Perperiode
 Penjualan Perfaktur
 Penjualan Pertanggal
 Penjualan Perperiode
 Keuanggan
5  Help  About
Tabel 4.6 : Perancangan menu
faktur
Memanggil data transaksi pembelian perbulan
Memanggil data transaksi penjualan per no
faktur
Memanggil data transaksi penjualan perhari
Memanggil data transaksi penjualan perbulan
Memanggil data transaksi pembelian dan
Penjualan
Keterangan tentang pembuatan software
Aplikasi transaksi

4.10 Perancangan user Interface

Perancangan antar muka dibutuhkan untuk melihat tampilan program yang akan dibuat yaitu
Aplikasi Transaksi Jual Beli di Konter Pulsa Das schonste Cell. Berikut ini adalah rancangan tampilan
program perangkat lunak yang dihasilkan, disajikan pada gambar dibawah ini
1. Perancangan antarmuka untuk form Login

Gambar 4.7 Form Login Pada Aplikasi Transaksi Jual Beli Berbasis Komputer di Konter Pulsa Das Schonste
Cell
2. Perancangan antarmuka untuk form Menu utama
Gambar 4.7 Form Menu utama Pada Aplikasi Transaksi Jual Beli Berbasis Komputer di Konter Pulsa Das
Schonste Cell

3. Perancangan antarmuka untuk form Grup Voucher

4. Perancangan antarmuka untuk form Jenis Voucher

 5. Perancangan antar muka untuk form data Voucher

Gambar 4.7 Form Data Voucher Pada Aplikasi Transaksi Jual Beli Berbasis Komputer di Konter Pulsa Das
Schonste Cell
6. Perancangan antar muka untuk form Master supplier
Gambar 4.7 Form Kartu Perdana Pada Aplikasi Transaksi Jual Beli Berbasis Komputer di Konter Pulsa Das
Schonste Cell
7. Perancangan antar muka untuk form Master Customer

8. Perancangan antar muka untuk form pembelian

 Gambar 4.7 Form Pembelian Pada Aplikasi Transaksi Jual Beli Berbasis Komputer di Konter Pulsa
Das Schonste Cell

9. Perancangan antar muka untuk form penjualan

Gambar 4.7 Form Penjualan Pada Aplikasi Transaksi Jual Beli Berbasis Komputer di Konter Pulsa
Das Schonste Cell
10. Perancangan antar muka untuk Faktur Penjualan

11. Perancangan antar muka untuk Laporan Seluruh Voucher

12. Perancangan antar muka untuk Laporan Saldo akhir

13. Perancangan antar muka untuk Form laporan Penjualan Perhari

14. Perancangan antar muka untuk Laporan Penjualan Perhari

15. Perancangan antar muka untuk form Laporan penjualan perfaktur
16. Perancangan antar muka untuk Laporan Penjualan perfaktur
17. Perancangan antar muka untuk form Laporan penjualan perperiode/perbulan
18. Perancangan antar muka untuk Laporan penjualan perperiode/perbulan
19. Perancangan antar muka untuk form Laporan Pembelian Perfaktur
20. Perancangan antar muka untuk Laporan Pembelian Perfaktur
21. Perancangan antar muka untuk form Laporan pembelian perperiode/perbulan

22. Perancangan antar muka untuk Laporan pembelian perperiode/perbulan

4.11 Pembuatan Algoritma Program
a. Modul Utama Aplikasi transaksi penjualan Pulsa Elektronik

Program main menu

Kamus
{Deklarasi variable; TMenuItem terdefinisi }
DataPengguna, Keluar
DataCustomer, DataSupplier, DataGrupVoucher,DataJenisVoucher,DataVoucher,
Data Pembelian, DataPenjualan,
LapDataVoucher, LapSaldo, LaporanPembelianPerfaktur, LaporanPembelianPerperiode,
LaporanPenjualanPerfaktur, LaporanPenjualanPerhari, LaporanPenjualanPerperiode
LapKas: TMenuItem

{Deklarasi Prosedur}
Prosedur DataPenggunaClick(Sender: TObject)
Prosedur KeluarClick (Sender: TObject)
Prosedur DataCustomerClick(Sender: TObject)
Prosedur DataSupplierClick(Sender: TObject)
Prosedur DataGrupVoucher Click(Sender: TObject)
Prosedur DataJenisVoucher (Sender: TObject)
Prosedur DataVoucher Click(Sender: TObject)
Prosedur PembelianClick(Sender: TObject)
Prosedur PenjualanClick(Sender: TObject)
Prosedur LapDataVoucher Clickl(Sender : TObject)
Prosedur LapSaldo Click(Sender: TObject)
Prosedur LaporanPembelianPerfaktur Click(Sender: Tobject)
Prosedur LaporanPembelianPerperiode Click(Sender: TObject)
Prosedur LaporanPenjualanPerfaktur Click(Sender: TObject)
Prosedur LaporanPenjualanPerhari Click(Sender: TObject)
Prosedur LaporanPenjualanPerperiode Click(Sender: TObject)
Prosedur LapKasClick(Sender: Tobject)

Algoritma
{ Get pilihan dari mouse click}

Depend on mouse click

DataPengguna : DataPengguna Click
Keluar : KeluarClick
DataCustomer : DataCustomerClick
DataSupplier : DataSupplier Click
DataGrupVoucher : DataGrupVoucher Click
DataJenisVoucher : DataJenisVoucher Click
DataVoucher : DataVoucher Click
DataPembelian : DataPembelian Click
DataPenjualan : DataPenjualanClick
LapDataVoucher : LapDataVoucher Click
LapSaldo : LapSaldo Click
LaporanPembelianPerfaktur: LaporanPembelianPerfaktur Click
LaporanPembelianPerperiode: LaporanPembelianPerperiode Click
LaporanPenjualanPerfaktur: LaporanPenjualanPerfaktur Click
LaporanPenjualanPerhari: LaporanPenjualanPerhari Click
LaporanPenjualanPPerperiode: LaporanPenjualanPerperiode Click
LaporanKas: LaporanKas Click