BAB III ANALISA DAN DESAIN SISTEM

BAB III ANALISA DAN DESAIN SISTEM

III.1. Analisa Sistem Yang Sedang Berjalan Sistem pengolahan laporan laba rugi yang saat ini sedang berjalan di CV. Mahkota masih dilakukan secara semi komputerisasi yaitu dengan menggunakan aplikasi Microsoft Excel. Dalam sistem yang berjalan dapat penulis jelaskan prosedur pengolahan laporan laba rugi pada CV. Mahkota Medan sebagai berikut : 1.

Admin mencatat setiap transaksi penjualan property di dalam sebuah buku besar secara manual.

2.

Admin menghitung jumlah pengeluaran setiap harinya untuk kemudian dibuat dalam bentuk laporan kepada pimpinan.

III.1.1. Input Sistem yang berjalan pada CV. Mahkota berkaitan dengan pengolahan laba rugi masih dengan cara semi komputerisasi yaitu hanya dengan membuat pembukuan tentang transaksi pengeluaran dan pendapatan yang terjadi setiap harinya. Setelah itu, data kembali diinputkan dengan menggunakan komputer dengan aplikasi yang sederhana yaitu Microsoft Excel. III.1.2. Proses Untuk memudahkan menganalisis proses yang dilakukan pada sistem yang berjalan digunakan Flow Of Document (FOD) seperti ditunjukan pada Gambar III.1 berikut ini : 18

19

Admin

Pimpinan

Mulai

Mencatat Pengeluran dan Pendapatan

Membuat Laporan Laba rugi

Laporan Laba rugi

Selesai

Laporan Laba rugi

A1

Gambar III.1 Flow OF Diagram (FOD) Laporan Pendapatan pada CV. Mahkota III.1.3. Output

Output ataupun keluaran dari sistem yang sedang berjalan pada CV. Mahkota yang dihasilkan adalah berupa laporan laba rugi seperti yang tampak pada gambar berikut :

20

Gambar III.2 Input Beban CV.Mahkota

Gambar III.3 Input Data Penjualan CV.Mahkota

21

Gambar III.4 Laporan Laba rugi pada CV. Mahkota III.2. Evaluasi sistem yang berjalan Dalam hal ini sistem yang digunakan oleh CV. Mahkota belum efektif dikarenakan sistem pengolahan laba rugi yang ada masih dilakukan dengan cara semi komputerisasi. Semua transaksi dan laba rugi yang masuk ke kas masih dicatat disebuah buku besar. Hal ini yang mempersulit pembuatan laporan laba ruginya. Namun dengan sistem yang dirancang sistem pengolahan laba rugi akan lebih mudah karena telah menggunakan aplikasi yang dibuat sesederhana mungkin. Hal ini bertujuan untuk mempermudah pihak administrasi dalam penginputan data-data pengambilan koran. Sistem yang dirancang ini juga didukung dengan database yang berperan dalam penyimpanan data-data yang telah diinput agar tidak hilang dan jika adanya kesalahan akan lebih mudah dalam memperbaikinya.

22

III.3. Desain Sistem Untuk membantu proses pembuatan laporan laba rugi pada CV. Mahkota maka penulis mengusulkan pembuatan sebuah sistem dengan menggunakan aplikasi program yang lebih akurat dan lebih mudah dalam pengolahannya. Dengan menggunakan Bahasa Pemrograman Microsoft Visual Basic.Net 2008 dan database SQL Server 2005 untuk memudahkan dalam perancangan dari aplikasi itu sendiri. Adapun yang menjadi kelebihan dari sistem yang akan dirancang yaitu: a. Mempermudah dalam pembuatan laporan laba rugi pada CV. Mahkota sendiri. b. Meningkatkan keefisiensian dan keefektivitasan pekerjaan admin. c. Tidak membutuhkan waktu yang lama untuk mencatat semua transaksi setiap harinya. Adapun kelemahan dari sistem yang diusulkan adalah sebagai berikut : a. Sistem yang dirancang dikhususkan hanya pada pengolahan laba rugi saja. b. Sistem hanya dapat berlaku pada CV. Mahkota. III.3.1. Desain Sistem Secara Global Pada tahap ini akan dilakukan perancangan terhadap sistem yang diusulkan. Adapun perancangan dari sistem ini dapat digambarkan dengan Unified Modelling Language (UML).

23

III.3.1.1. Use Case Diagram Dalam penyusunan suatu program diperlukan suatu model data yang berbentuk diagram yang dapat menjelaskan suatu alur proses sistem yang akan di bangun. Maka digambarlah suatu bentuk diagram Use Case yang dapat dilihat pada gambar III.5 :

Gambar III.5 Use Case Diagram Sistem Informasi Laba rugi

III.3.1.2. Class Diagram Class diagram menggambarkan struktur statis dari kelas dalam sistem dan menggambarkan atribut, operasi dan hubungan antara kelas seperti pada gambar III.6 :

24

loginadmin.view -password.textfield -proses.button -keluar.button +get.password.varchar() +menuutama.show()

admin -password.varchar +cek.password()

menuutama -datacustomer -databeban -datatransaksi -laporan -keluar +datacustomer.show() +databeban.show() +datatransaksi.show() +laporan.show()

Gambar III.6 Class Diagram Login Admin Berikut adalah Class diagram input data customer yang dapat dilihat pada gambar III.7: datacustomer

menuutama -datacustomer -databeban -datatransaksi -laporan -keluar +datacustomer.show() +databeban.show() +datatransaksi.show() +laporan.show()

-kodecustomer -ktp -nomorhp -namacustomer -alamat -baru.button -simpan.button -edit.button -hapus.button -batal.button -keluar.button +kodecustomer.texfield() +ktp.textfield() +nomorhp.textfield() +namacustomer.textfield() +alamat.textfield() +menuutama.show()

customer -idpelanggan.char -nama.varchar -hp.char -alamat.varchar -ktp.varchar +baru() +simpan() +edit() +hapus() +batal() +keluar()

Gambar III.7 Class Diagram Input Data Customer Berikut adalah Class diagram input data beban yang dapat dilihat pada gambar III.8:

25

menuutama -datacustomer -databeban -datatransaksi -laporan -keluar +datacustomer.show() +databeban.show() +datatransaksi.show() +laporan.show()

beban -tanggal -namarekening -debet -kredit -keterangan -baru.button -simpan.button -keluar.button +tanggal.textfield() +namarekening.textfield() +biaya.textfield() +keterangan.textfield() +menuutama.show()

beban -tanggal.datetime -namarekening.varchar -debet.money -kredit.money -keterangan.char +simpan() +keluar()

Gambar III.8 Class Diagram Input Data Beban Berikut adalah Class diagram input data transaksi pendapatan atas penjualan property yang dapat dilihat pada gambar III.9:

Pendapatan menuutama -datacustomer -databeban -datatransaksi -laporan -keluar +datacustomer.show() +databeban.show() +datatransaksi.show() +laporan.show()

-nomorbukti -tanggal -idpelanggan -keterangan -pendapatan -baru.button -simpan.button -batal.button -keluar.button +nobukti.textfield() +tanggal.textfield() +idpelanggan.textfield() +keterangan.textfield() +pendapatan.textfield() +menuutama.show()

Pendapatan -nobukti.char -tanggal.datetime -idpelangga.char -pendapatan.money -keterangan.char +batal() +simpan() +batal() +keluar()

Gambar III.9 Class Diagram Input Data Transaksi Pendapatan Penjualan Properti

Berikut adalah Class diagram laporan yang dapat dilihat pada gambar III.10 dibawah ini

26

customer -idpelanggan.char -nama.varchar -hp.char -alamat.varchar -ktp.varchar +baru() +simpan() +edit() +hapus() +batal() +keluar()

menuutama -datacustomer -databeban -datatransaksi -laporan -keluar +datacustomer.show() +databeban.show() +datatransaksi.show() +laporan.show()

pendapatan

beban -tanggal.datetime -namarekening.varchar -debet.money -kredit.money -keterangan.varchar +simpan() +keluar()

-nobukti.char -tanggal.datetime -idpelanggan.char -pendapatan.money -keterangan.varchar +baru() +simpan() +batal() +keluar()

laporan -laporancustomer -laporantransaksi -laporanjurnal -laporanlabarugi -cetak.button -keluar.button +cetak.show() +menuutama.show()

Gambar III.10 Class Diagram Laporan pada CV. Mahkota III.3.1.3. Sequence Diagram Sequence Diagram menggambarkan perilaku pada sebuah skenario, diagram ini menunjukkan sejumlah contoh objek dan message (pesan) yang diletakkan diantara objek-objek ini di dalam use case, berikut gambar sequence diagram : 1. Login Admin Adapun gambar Sequence Diagram dari Login, adalah sebagai berikut:

Login

Menu Utama

Admin Input Password Login Gagal

Login Berhasil Logout

Gambar III.11 Sequence Diagram Login

27

2. Data Customer Adapun gambar Sequence Diagram dari data customer, adalah sebagai berikut:

Menu Utama

Pilih Menu

Form Data Customer

Input Data Customer

Database

Simpan Edit Hapus Batal

Admin Keluar

Gambar III.12 Sequence Diagram Data Customer 3. Data Beban Adapun gambar Sequence Diagram dari data beban, adalah sebagai berikut:

Menu Utama Pilih Menu

Form Data Beban

Database

Input Data Beban Simpan Batal

Admin Keluar

Gambar III.13 Sequence Diagram Data Beban 4. Data Transaksi Penjualan Properti Adapun gambar Sequence Diagram dari data penjualan properti, adalah sebagai berikut:

28

Form Data Pengambilan Koran

Menu Utama Pilih Menu

Input Data Penjualan Properti

Database

Simpan Batal

Admin Keluar

Gambar III.14 Sequence Diagram Data Pengambilan Koran

5. Laporan Laba rugi Adapun gambar Sequence Diagram dari laporan laba rugi, adalah sebagai berikut:

Menu Utama Pilih Menu

Laporan Laba Rugi Pilih

Cetak

Pilih

Admin

Gambar III.15 Sequence Diagram Laporan Laba rugi

III.3.2. Desain Sistem Detail Desain sistem detail dari sistem informasi pengolahan laba rugi ini adalah sebagai berikut:

29

III.3.2.1. Desain Output Desain sistem ini berisikan pemilihan menu dan hasil pencarian yang telah dilakukan. Adapun bentuk rancangan output dari sistem informasi laba rugi dagang pada CV. Mahkota ini adalah sebagai berikut : 1. Desain Laporan Data Customer CV. MAHKOTA Daftar Customer Bulan :

xxx

No

ID Pelanggan

Nomor KTP

Nama

HP

Alamat

XXX

XXX

XXX

XXX

XXX

XXX

Medan,……… Diketahui Oleh : Pimpinan

Gambar III.16 Laporan Data Customer CV. Mahkota

2. Desain Laporan Jurnal Umum CV. MAHKOTA Jurnal Umum

30

Periode: xxx No XXX

Tanggal XXX

Nama Rekening XXX

Debet XXX

Kredit XXX

Medan,……… Diketahui Oleh :

Pimpinan

Gambar III.17 Laporan Jurnal Umum 3. Desain Laporan Data Transaksi Penjualan CV. MAHKOTA Laporan Penjualan Properti

Bulan : xxx No

No Bukti

Tanggal Jual

Nama Pelanggan

Pendapatan

XXX

XXX

XXX

XXX

XXX

Bulan : xxx No

No Bukti

Tanggal Jual

Nama Pelanggan

Pendapatan

XXX

XXX

XXX

XXX

XXX

Medan,……… Diketahui Oleh :

31

Pimpinan

Gambar III.18 Laporan Data Penjualan Properti 4. Desain Laporan Laba rugi CV. MAHKOTA Laporan Jurnal Laba rugi Periode: xxx

Pendapatan Penjualan Properti Beban Jumlah Biaya Beban

xxxx xxxx xxxx

Laba Rugi

xxxx Medan,……… Diketahui Oleh :

Pimpinan

Gambar III.19 Laporan Laba rugi pada CV. Mahkota III.3.2.2. Desain Input Berikut ini adalah rancangan form masukan (input) yang penulis gunakan :

32

1. . Login Dalam desain login yang menjadi inputan adalah password. Tampilannya adalah sebagai berikut :

Gambar III.20 Login Form 2. Rancangan Input Data Customer

Gambar III.21 Form Customer 3. Rancangan Input Data Beban

Gambar III.22 Form Beban

33

4. Rancangan Input Data Penjualan Properti

Gambar III.23 Form Penjualan Properti

III.3.2.3. Desain Database Pada tahap ini lakukan perancangan database yang terdiri dari Kamus data, normalisasi, disain tabel dan relasi antar tabel. III.3.2.3.1. Kamus Data Kamus data merupakan uraian yang menjelaskan tentang tabel data atau entitas serta field-field yang terdapat pada entitas yang ada. Kamus data digunakan sebagai acuan dalam pembangunan suatu database dan sebagai panduan bagi pemakai sistem maupun untuk keperluan pengembangan sistem database. Adapun tabel data atau entitas yang dibentuk adalah seperti berikut ini 1. Tabel Pelanggan= (idpelanggan, nama, hp, alamat, ktp) 2. Tabel Jurnal= (tanggal, namarekening, debet, kredit, keterangan ) 3. Tabel

Pendapatan=

keterangan)

(nobukti,

tanggal,

idpelanggan,

pendapatan,

34

III.3.2.3.2. Normalisasi III.3.2.3.2.1. Normalisasi 3NF a. Tabel Login Username*

Status

b. Tabel Pelanggan idpelanggan*

Nam pelanggan

hp

alamat

KTP

c. Tabel Beban Tanggal

namarekening

Debet

kredit

keterangan

d. Tabel Pendapatan Nobukti*

Tanggal

idpelanggan

pendapatan

keterangan

III.3.2.3.3. Desain Tabel Adapun rancangan tabel database yang penulis gunakan dalam sistem informasi Laba rugi dagang adalah sebagai berikut:

35

1. Tabel Pelanggan Tabel akun ini digunakan untuk menyimpan record data akun dengan properti atau atribut idpelanggan, nama, HP, alamat, KTP. Nama Database Nama Tabel Primary Key Foreign Key Nama Field Idpelanggan Nama Hp Alamat ktp

: labarugi : tblpelanggan : idpelanggan :Tabel III.1 Pelanggan Tipe Data Panjang Char 5 Varchar 30 Varchar 20 Varchar 40 varchar 20

Keterangan -

2. Tabel Jurnal Tabel jurnal ini digunakan untuk menyimpan record data jurnal baik yang dari data beban ataupun pendapatan dengan properti atau atribut tanggal, namarekening, debet, kredit, keterangan. Nama Database Nama Tabel Primary Key Foreign Key

: labarugi : tbljurnal ::Tabel III.2 Jurnal

Nama Field tanggal namarekening debet kredit keterangan

Tipe Data datetime varchar money money varchar

Panjang 100 100

Keterangan -

36

3. Tabel Pendapatan Tabel akun ini digunakan untuk menyimpan record data penjualan dengan properti atau atribut nobukti, tanggal, idpelanggan, pendapatan, keterangan. Nama Database Nama Tabel Primary Key Foreign Key

: labarugi : tblpendapatan : nobukti : idpelanggan Tabel III.3 Pendapatan

Nama Field Nomor bukti tanggal Idpelanggan Pendapatan keterangan

Tipe Data Char datetime char money varchar

Panjang 5 5 -

Keterangan -

III.3.2.3.4. ERD (Entity Relationship Diagram) Adapun ERD ( Entity Relationship Diagram ) dari aplikasi yang akan di bangun ditunjukkan pada gambar III.24 berikut ini:

37

Gambar III.24 ERD Sistem Informasi Laba rugi CV. Mahkota

III.3.2.5. Logika Program III.3.2.5.1. Activity Diagram Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Berikut adalah gambar activity diagram dari sistem yang dirancang : 1.

Login Admin Adapun gambar activity diagram pada login admin adalah:

38

Isi Password

Tidak Cek Valid

Ya Tampilan Menu Utama

Gambar III.25 Activity Diagram Login Admin

Berikut adalah penjelasan pada gambar di atas : a. Admin mengisikan password, start. b. Kemudian password akan di cek kebenaranya. c. Jika password salah maka admin akan kembali untuk mengisikan password. d. Jika benar maka admin akan masuk ke tampilan menu utama, selesai. 2.

Data Pelanggan Adapun gambar activity diagram pada data pelanggan adalah:

39

Form Data Pelanggan

Ya Masukan Data Pelanggan

Data Baru Tidak

Konfirmas i

Ya

Ya Tekan Tombol Simpan

Simpan Data Tidak

Tidak

Ya

Edit Data

Pilih Data Pelanggan yang akan diubah

Ubah data Pelanggan

Tidak

Ya Pilih Data yang akan dihapus

Hapus Data Tidak

Konfirmasi Penghapusan

Ya

Tidak

Ya Tekan Batal

Batal

Konfirmas i

Hapus Data

Tidak

Ya

Keluar

Tidak

Gambar III.26 Activity Diagram Data Pelanggan Berikut adalah penjelasan pada gambar di atas : a. Admin masuk ke form data pelanggan. b. Admin ingin membuat data pelanggan baru, kemudian masukan data pelanggan baru, jika ya tekan tombol simpan, jika tidak tekan batal. c. Jika admin ingin mengedit data pelanggan, pilih data pelanggan yang akan di ubah kemudian ubah data pelanggan lalu tekan edit. d. Jika admin ingin menghapus data pelanggan, pilih data pelanggan yang akan dihapus kemudian akan dikonfirmasi jika ya hapus data, jika tidak admin akan kembali ke pilih data yang akan dihapus.

40

3.

Data Beban Adapun gambar Activity diagram pada data beban adalah:

Form Data Beban * *

*

*

Ya Masukan Data beban

Data Baru Tidak

Konfirmas i

Ya

* *

Ya

*

* **

Tekan Tombol Simpan

Simpan Data Tidak

Tidak

Ya

*

Tekan Batal

Batal

*

Tidak

Ya

Keluar Tidak

Gambar III.27 Activity Diagram Data Beban Berikut adalah penjelasan pada gambar di atas : a. Admin masuk ke form data beban. b. Admin ingin membuat data beban baru, kemudian masukan data beban jika ya tekan tombol simpan, jika tidak tekan batal. 4. Data Pendapatan Adapun gambar Activity diagram pada data pendapatan adalah:

41

Form Data Penjualan * *

*

*

Ya Masukan Data Penjualan

Data Baru

Konfirmas i

Ya

Tidak

* *

Ya

*

* **

Tekan Tombol Simpan

Simpan Data Tidak

Tidak

Ya

*

Tekan Batal

Batal

*

Tidak

Ya

Keluar Tidak

Gambar III.28 Activity Diagram Data Pendapatan Berikut adalah penjelasan pada gambar di atas : a. Admin masuk ke form data penjualan property. b. Admin ingin membuat data penjualan baru, kemudian masukan data penjualan jika ya tekan tombol simpan, jika tidak tekan batal. 5. Laporan Laba rugi Adapun gambar activity diagram pada laporan laba rugi adalah:

Laporan Penjualan

Cetak

Gambar III.29 Activity Diagram Laporan Laba rugi