BAB III ANALISA DAN DESAIN SISTEM

Transkripsi

1 BAB III ANALISA DAN DESAIN SISTEM III.1. Analisa Sistem ng Sedang Berjalan Sistem pengolahan piutang yang saat ini sedang berjalan di CV. Surat Kabar ICW Post Medan masih dilakukan secara semi komputerisasi yaitu dengan menggunakan aplikasi Microsoft Excel. Dalam sistem yang berjalan dapat penulis jelaskan prosedur pengolahan laporan piutang pada CV. Surat Kabar ICW Post Medan sebagai berikut : 1. Admin mencatat setiap transaksi pengambilan koran di dalam sebuah buku besar secara manual. 2. Admin menghitung jumlah piutang setiap harinya untuk kemudian dibuat dalam bentuk laporan kepada pimpinan. III.1.1. Input Sistem yang berjalan pada CV. Surat Kabar ICW Post Medan berkaitan dengan pengolahan piutang masih dengan cara semi komputerisasi yaitu hanya dengan membuat pembukuan tentang transaksi pengambilan koran yang terjadi setiap harinya. Setelah itu, data kembali diinputkan dengan menggunakan komputer dengan aplikasi yang sederhana yaitu Microsoft Excel. 30

2 31 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 : Admin Direktur Mulai Mencatat Pengambilan Koran Laporan Piutang Membuat Laporan Piutang Selesai Laporan Piutang A1 Gambar III.1 Flow OF Diagram (FOD) Laporan Pendapatan pada CV. Surat Kabar ICW Post Medan

3 32 III.1.3. Output Output ataupun keluaran dari sistem yang sedang berjalan pada CV. Surat Kabar ICW Post Medan yang dihasilkan adalah berupa laporan piutang seperti yang tampak pada gambar III.2 berikut : Gambar III.2 Laporan Piutang pada CV. Surat Kabar ICW Post Medan III.2. Evaluasi sistem yang berjalan Dalam hal ini sistem yang digunakan oleh CV. Surat Kabar ICW Post Medan belum efektif dikarenakan sistem pengolahan piutang yang ada masih dilakukan dengan cara semi komputerisasi. Semua transaksi dan piutang yang masuk ke kas masih dicatat disebuah buku besar. Hal ini yang mempersulit pembuatan laporan piutangnya. Namun dengan sistem yang dirancang sistem pengolahan piutang akan lebih mudah karena telah menggunakan aplikasi yang dibuat sesederhana mungkin. Hal ini bertujuan untuk mempermudah pihak administrasi dalam

4 33 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. III.3. Desain Sistem Untuk membantu proses pembuatan laporan piutang pada CV. Surat Kabar ICW Post Medan 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 piutang pada CV. Surat Kabar ICW Post Medan sendiri. b. Meningkatkan keefisiensian dan keefektivitasan pekerjaan admin. c. membutuhkan waktu yang lama untuk mencatat semua transaksi pengambilan koran setiap harinya. Adapun kelemahan dari sistem yang diusulkan adalah sebagai berikut : a. Sistem yang dirancang dikhususkan hanya pada pengolahan piutang saja. b. Sistem hanya dapat berlaku pada CV. Surat Kabar ICW Post Medan.

5 34 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). III 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.3 dibawah ini : Mengisi Data Daerah Admin Login <<Include>> <<Include>> <<Include>> <<Include>> Mengisi Data Agen <<Include>> <<Include>> <<Include>> Login Direktur Mengisi Data Pengambilan Koran <<Include>> Laporan Piutang Gambar III.3 Use Case Diagram Sistem Informasi Piutang

6 35 III Class Diagram Class diagram menggambarkan struktur statis dari kelas dalam sistem dan menggambarkan atribut, operasi dan hubungan antara kelas seperti pada gambar III.4 : loginadmin.view -password.textfield -proses.button -keluar.button +get.password.varchar() +menuutama.show() admin -password.varchar +cek.password() menuutama -datadaerah -dataagen -datapengambilankoran -laporan -keluar +datadaerah.show() +dataagen.show() +datapengambilankoran.show() +laporan.show() Gambar III.4 Class Diagram Login Admin Berikut adalah Class diagram input data daerah yang dapat dilihat pada gambar III.5 dibawah ini : menuutama -datadaerah -dataagen -datapengambilankoran -laporan -keluar +datadaerah.show() +dataagen.show() +datapengambilankoran.show() +laporan.show() datadaerah -kodedaerah -namadaerah -baru.button -simpan.button -edit.button -hapus.button -batal.button -keluar.button +kodedaerah.texfield() +namadaerah.textfield() +menuutama.show() daerah -kodedaerah.char -namadaerah.varchar +baru() +simpan() +edit() +hapus() +batal() +keluar() Gambar III.5 Class Diagram Input Data Daerah

7 36 Berikut adalah Class diagram input data agen yang dapat dilihat pada gambar III.6 dibawah ini : menuutama -datadaerah -dataagen -datapengambilankoran -laporan -keluar +datadaerah.show() +dataagen.show() +datapengambilankoran.show() +laporan.show() dataagen -kodeagen -namaagen -alamat -nohp -daerah -baru.button -simpan.button -edit.button -hapus.button -batal.button -keluar.button +kodeagan.textfield() +namaagen.textfield() +alamat.textfield() +nohp.textfield() +daerah.textfield() +menuutama.show() agen -kodeagen.char -namaagen.varchar -alamat.varchar -nohp.char -daerah.char +baru() +simpan() +edit() +hapus() +batal() +keluar() Gambar III.6 Class Diagram Input Data Agen Berikut adalah Class diagram input data pengambilan koran yang dapat dilihat pada gambar III.7 dibawah ini : datapengambilankoran menuutama -datadaerah -dataagen -datapengambilankoran -laporan -keluar +datadaerah.show() +dataagen.show() +datapengambilankoran.show() +laporan.show() -nobukti -tanggal -kodeagen -jumlahkoran -harga -baru.button -simpan.button -batal.button -keluar.button +nobukti.textfield() +tanggal.textfield() +kodeagen.texfield() +jumlahkoran.textfield() +harga.textfield() +menuutama.show() pengambilankoran -nobukti.char -tanggal.datetime -kodeagen.char -jumlahkoran.int -harga.money +baru() +simpan() +batal() +keluar() Gambar III.7 Class Diagram Input Data Pengambilan Koran

8 37 Berikut adalah Class diagram laporan yang dapat dilihat pada gambar III.8 dibawah ini daerah -kodedaerah.char -namadaerah.varchar menuutama -datadaerah -dataagen -datapengambilankoran -laporan -keluar +datadaerah.show() +dataagen.show() +datapengambilankoran.show() +laporan.show() +baru() +simpan() +edit() +hapus() +batal() +keluar() agen -kodeagen.char -namaagen.varchar -alamat.varchar -nohp.char -daerah.char +baru() +simpan() +edit() +hapus() +batal() +keluar() pengambilankoran -nobukti.char -tanggal.datetime -kodeagen.char -jumlahkoran.int -harga.money +baru() +simpan() +batal() +keluar() laporan -laporandaerah -laporanagen -laporanpengambilankoran -laporanpiutang -cetak.button -keluar.button +cetak.show() +menuutama.show() Gambar III.8 Class Diagram Laporan pada CV. Surat Kabar ICW Post III 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 :

9 38 1. Login Admin Adapun gambar Sequence Diagram dari Login, adalah sebagai berikut: Admin Login Menu Utama Input Password Login Gagal Login Berhasil Logout Gambar III.9 Sequence Diagram Login 2. Login Direktur Adapun gambar Sequence Diagram dari Login, adalah sebagai berikut: Direktur Login Menu Utama Input Password Login Gagal Login Berhasil Logout Gambar III.10 Sequence Diagram Direktur

10 39 3. Data Daerah Adapun gambar Sequence Diagram dari data daerah, adalah sebagai berikut: Menu Utama Form Data Daerah Database Pilih Menu Input Data Daerah Simpan Edit Hapus Actor1 Batal Keluar Gambar III.11 Sequence Diagram Data Daerah 4. Data Agen Adapun gambar Sequence Diagram dari data agen, adalah sebagai berikut: Menu Utama Form Data Agen Database Pilih Menu Input Data Agen Simpan Edit Hapus Admin Batal Keluar Gambar III.12 Sequence Diagram Data Agen

11 40 5. Data Pengambilan Koran Adapun gambar Sequence Diagram dari data pengambilan koran, adalah sebagai berikut: Menu Utama Form Data Pengambilan Koran Database Pilih Menu Input Data Pengambilan Koran Simpan Batal Admin Keluar Gambar III.13 Sequence Diagram Data Pengambilan Koran 6. Laporan Piutang Adapun gambar Sequence Diagram dari laporan piutang, adalah sebagai berikut: Menu Utama Laporan Piutang Cetak Pilih Menu Pilih Pilih Admin Gambar III.14 Sequence Diagram Laporan Piutang

12 41 III.3.2. Desain Sistem Detail Desain sistem detail dari sistem informasi pengolahan piutang ini adalah sebagai berikut: III Desain Output Desain sistem ini berisikan pemilihan menu dan hasil pencarian yang telah dilakukan. Adapun bentuk rancangan output dari sistem informasi piutang dagang pada CV. Surat Kabar ICW Post Medan ini adalah sebagai berikut : 1. Desain Laporan Data Daerah Logo ICW Post Medan ICW Post Medan Daftar Daerah Bulan : xxx No Kode Daerah Nama Daerah XXX XXX XXX Medan, Diketahui Oleh : Pimpinan Gambar III.15 Laporan Data Daerah CV. Surat Kabar Medan

13 42 2. Desain Laporan Data Agen Logo ICW Post Medan ICW Post Medan Daftar Agen ICW Post Bulan : xxx No Kode Agen Nama Agen Alamat No Hp Daerah XXX XXX XXX XXX XXX XXX Medan, Diketahui Oleh : Pimpinan Gambar III.16 Laporan Data Agen CV. Surat Kabar Medan 3. Desain Laporan Data Pengambilan Koran Logo ICW Post Medan ICW Post Medan Laporan Pengambilan Koran Bulan : xxx No No Bukti Tanggal Nama Agen Jlh. Koran Haraga Total XXX XXX XXX XXX XXX XXX XXX Bulan : xxx No No Bukti Tanggal Nama Agen Jlh. Koran Haraga Total XXX XXX XXX XXX XXX XXX XXX Medan, Diketahui Oleh : Pimpinan Gambar III.17 Laporan Data Pengambilan Koran CV. Surat Kabar Medan

14 43 4. Desain Laporan Piutang Logo ICW Post Medan ICW Post Medan Laporan Jurnal Piutang Bulan : xxx No. Tanggal Keterangan Debit Kredit xxx xxx xxx xxx xxx Medan, Diketahui Oleh : Pimpinan Gambar III.18 Laporan Piutang pada CV. Surat Kabar Medan III Desain Input Berikut ini adalah rancangan form masukan (input) yang penulis gunakan : 1.. Login Dalam desain login yang menjadi inputan adalah password. Tampilannya adalah sebagai berikut : Form Login X Password : Proses Keluar Gambar III.19 Login Form

15 44 2. Rancangan Input Data Daerah FORM Data Daerah X Kode Daerah Nama Daerah No. Kode Daerah Nama Daerah xxx xxx xxx Baru Simpa Edit Hapus Bata Keluar Gambar III.20 Input Data Daerah CV. Surat Kabar ICW Post Medan

16 45 3. Rancangan Input Data Agen FORM Data Agen X Form Data Agen KodeAgen Nama Agen Alamat Nama Mobil Nomor Hp Nama Mobil Daerah : No Kode Agen Nama Agen Alamat xx xx xx xx Baru Simpan Edit Hapus Batal Keluar Gambar III.21 Input Data Agen CV. Surat Kabar ICW Post Medan

17 46 4. Rancangan Input Data Pengambilan Koran FORM Data Pengambilan Koran X Form Data Pengambilan Koran No Bukti : Jumlah Koran : Tanggal : Harga : Nama Agen : Total : No No Bukti Tanggal Kode Agen Nama Agen Daerah xx xx xx xx xx xx Baru Simpan Batal Keluar Gambar III.22 Input Data Pengambilan Koran CV. Surat Kabar ICW Post Medan III Desain Database Pada tahap ini lakukan perancangan database yang terdiri dari Kamus data, normalisasi, disain tabel dan relasi antar tabel. III 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

18 47 panduan bagi pemakai sistem maupun untuk keperluan pengembangan sistem database. Adapun tabel data atau entitas yang dibentuk adalah seperti berikut ini 1. Tabel Agen = {kodeagen,namaagen,alamat,nohp,daerah} 2. Tabel Akun = {tanggal,keterangan,debit,kredit} 3. Tabel Ambil = {nobukti,tanggal,kodeagen,jumlahkoran,harga} 4. Tabel Daerah = {kodedaerah,namadaerah} III Normalisasi III Normalisasi 3NF a. Tabel Login Username* Status b. Tabel Agen Kodeagen* Nam aagen Alamat Nohp daerah c. Tabel Akun Tanggal Keterangan Debit kredit

19 48 d. Tabel Ambil Nobukti* Tanggal Kode agen Jumlah koran harga e. Tabel Daerah Kode Daerah* Nama Daerah III Desain Tabel Adapun rancangan tabel database yang penulis gunakan dalam sistem informasi Piutang dagang adalah sebagai berikut: 1. Tabel Agen Tabel akun ini digunakan untuk menyimpan record data akun dengan properti atau atribut kodeagen,namaagen,alamat,nohp,daerah. Nama Database Nama Tabel Primary Key : ICWPost : Agen : kodeagen Foreign Key : -

20 49 Tabel III.1 Agen Nama Field Tipe Data Panjang Keterangan kodeagen Char 5 - Namaagen Varchar 50 - Alamat Varchar 50 - Nohp Char 13 - daerah char 5-2. Tabel Akun Tabel akun ini digunakan untuk menyimpan record data akun dengan properti atau atribut tanggal,keterangan,debit,kredit. Nama Database Nama Tabel : ICWPost : akun Primary Key : - Foreign Key : - Tabel III.2 Akun Nama Field Tipe Data Panjang Keterangan tanggal datetime - - keterangan text - - debet money - - kredit money - -

21 50 3. Tabel Ambil Tabel akun ini digunakan untuk menyimpan record data akun dengan properti atau atribut nobukti,tanggal,kodeagen,jumlahkoran,harga. Nama Database Nama Tabel Primary Key Foreign Key : ICWPost : Ambil : nobukti : kodeagen Tabel III.3 Ambil Nama Field Tipe Data Panjang Keterangan Nobukti Char 5 - tanggal datetime - - kodeagen char 5 - jumlahkoran int - - harga money Tabel Daerah Tabel akun ini digunakan untuk menyimpan record data akun dengan properti atau atribut kodedaerah,namadaerah. Nama Database Nama Tabel Primary Key : ICWPost : Daerah : kodedaerah Foreign Key : -

22 51 Tabel III.4 Daerah Nama Field Tipe Data Panjang Keterangan kodedaerah Char 5 - namadaerah varchar 50 - III ERD (Entity Relationship Diagram) Adapun ERD ( Entity Relationship Diagram ) dari aplikasi yang akan di bangun ditunjukkan pada gambar III.22 berikut ini: nobukti tanggal kodeagen Jumlahkoran harga M Agen Ambil Daerah M kodeagen daerah kodedaerah namadaerah namagen nohp alamat Gambar III.23 ERD Sistem Informasi Piutang dagang CV. Surat Kabar ICW Post Medan

23 52 III Logika Program III 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: Isi Password Cek Valid Tampilan Menu Utama Gambar III.24 Activity Diagram Login Admin

24 53 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.

25 54 2. Data Daerah Adapun gambar activity diagram pada data daerah adalah: Form Data Daerah Data Baru Masukan Data Dearah Baru Konfirmas i Simpan Data Tekan Tombol Simpan Edit Data Pilih Data Daerah yang akan diubah Ubah data Daerah Hapus Data Pilih Data yang akan dihapus Konfirmasi Penghapusan Batal Tekan Batal Konfirmas i Hapus Data Keluar Gambar III.25 Activity Diagram Data Daerah Berikut adalah penjelasan pada gambar di atas : a. Admin masuk ke form data daerah. b. Admin ingin membuat data daerah baru, kemudian masukan data daerah baru, jika ya tekan tombol simpan, jika tidak tekan batal.

26 55 c. Jika admin ingin mengedit data daerah, pilih data daerah yang akan di ubah kemudian ubah data daerah lalu tekan edit. d. Jika admin ingin menghapus data daerah, pilih data daerah yang akan dihapus kemudian akan dikonfirmasi jika ya hapus data, jika tidak admin akan kembali ke pilih data yang akan dihapus. 3. Data Agen Adapun gambar activity diagram pada data agen adalah: Form Data Agen Data Baru Simpan Data * * Masukan Data Agen Baru Tekan Tombol Simpan * * Konfirmas i * * * * * * Edit Data Pilih Data Agen yang akan diubah Ubah data Agen Hapus Data Pilih Data yang akan dihapus Konfirmasi Penghapusan Batal Keluar Tekan Batal * * * * * Konfirmas i Hapus Data * * * Gambar III.26 Activity Diagram Data Agen

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

28 57 4. Data Pengambilan Koran Adapun gambar Activity diagram pada data pengambilan koran adalah: Form Data Pengambilan Koran Data Baru * * Masukan Data Pengambilan Koran Baru * * Konfirmas i * * * * * * Simpan Data Tekan Tombol Simpan * Batal Tekan Batal * Keluar Gambar III.27 Activity Diagram Data Pengambilan Koran Berikut adalah penjelasan pada gambar di atas : a. Admin masuk ke form data pengambilan koran. b. Admin ingin membuat data pengambilan Koran baru, kemudian masukan data pengambilan Koran jika ya tekan tombol simpan, jika tidak tekan batal.

29 58 5. Laporan Piutang Adapun gambar ctivity diagram pada laporan piutang adalah: Laporan Piutang Cetak Gambar III.28 Activity Diagram Laporan Piutang