bab iv rancangan sistem usulan merupakan sebuah … · sistem menampilkan form untuk mengisi...
TRANSCRIPT
46
BAB IV
RANCANGAN SISTEM USULAN
4.1. Analisa Kebutuhan Software
Berdasarkan analisa sistem berjalan yang telah diuraikan di bab 3 dapat
diketahui analisa kebutuhan software yang dibutuhkan oleh PDAM Kubu Raya.
4.1.1. Analisa Kebutuhan
Analisa kebutuhan merupakan sebuah proses untuk mendapatkan
informasi, model, spesifikasi tentang perangkat lunak yang diinginkan. Informasi
yang diperoleh inilah yang menjadi acuan untuk melakukan desain perangkat
lunak. Analisa kebutuhan tersebut yaitu :
1. Analisa Kebutuhan Data
Data-data yang dibutuhkan sistem baru pada rancangan sistem pengeluaran
kas di PDAM Tirta Raya Kubu Raya yaitu :
a. Data akun
b. Data pengguna
c. Data transaksi
d. Laporan
2. Analisa kebutuhan informasi
Mengidentifikasi informasi apa saja yang diperlukan dan bagaimana bentuk
laporan yang dihasilkan.
a. Informasi data akun
b. Informasi data pengguna
c. Informasi data transaksi
47
d. Informasi Laporan pengeluaran kas
e. Informasi Laporan Jurnal Umum
f. Informasi Laporan Buku Besar
3. Analisa Kebutuhan Fungsional
Pengguna sistem pengeluaran kas di PDAM Tirta Raya Kabupaten Kubu Raya
mempunyai 2 level yaitu Keuangan dan Direktur. Kebutuhan fungsional yaitu
mengidentifikasi fungsi-fungsi dan kondisi apa saja yang harus dipenuhi oleh
sistem berdasarkan level akses.
1. Kebutuhan Fungsional level Keuangan
a. Fungsi login
1) Dapat mengakses semua menu
2) Dapat mencari, menambah, menyimpan, mengedit, menghapus dan
mencetak semua data yang ada pada sistem.
b. Fungsi pengolahan data akun
1) Dapat menambah akun baru
2) Dapat menyimpan akun baru
3) Dapat mencari data akun
4) Dapat mengedit data akun
5) Dapat menghapus data akun
6) Dapat mencetak data akun
c. Fungsi pengolahan data pengguna
1) Dapat menambah data pengguna
2) Dapat menyimpan data pengguna
3) Dapat mencari data pengguna
48
4) Dapat mengedit data pengguna
5) Dapat menghapus data pengguna
d. Fungsi pengolahan bagian
1) Dapat menambah data bagian
2) Dapat menyimpan data bagian
3) Dapat menghapus data bagian
e. Fungsi pengolahan kas keluar
1) Dapat menambah kas keluar
2) Dapat mencari kas keluar
3) Dapat menyimpan kas keluar
4) Dapat menghapus kas keluar
5) Dapat mencetak kas keluar
f. Fungsi Pengolahan Jurnal Umum
1) Dapat menambah jurnal umum
2) Dapat menyimpan jurnal umum
3) Dapat mengedit jurnal umum
4) Dapat menghapus jurnal umum
g. Fungsi pengelolaan laporan
1) Dapat melihat dan mencetak laporan pengeluaran kas
2) Dapat melihat dan mencetak laporan jurnal umum
3) Dapat melihat dan mencetak laporan buku besar
2. Kebutuhan Fungsional level Direktur
a. Fungsi login
1) Dapat mengakses menu laporan
49
2) Dapat melihat dan mencetak data laporan seperti laporan pengeluaran
kas, jurnal umum dan buku besar.
b. Fungsi pengelolaan laporan
1) Dapat melihat dan mencetak laporan pengeluaran kas
2) Dapat melihat dan mencetak laporan jurnal umum
3) Dapat melihat dan mencetak laporan buku besar
3. Kondisi yang diharus dipenuhi sistem
1) Sistem dapat mencari, menambah, mengedit, menghapus dan
mencetak data di dalam database apabila keuangan berhasil login ke
dalam sistem
2) Sistem dapat memberikan interaksi kepada pengguna dan keluaran
atau informasi yang ditampilkan berdasarkan hak akses dalam fungsi
login
3) Sistem memiliki fasilitas atau menu logout
4.1.2 Use Case Diagram
Use Case Diagram digunakan untuk menggambarkan kebutuhan apa saja
yang diperlukan dari suatu sistem dan mengetahui bagaimana cara actor akan
menggunakan sistem.
50
1. Use Case Login
Use case menu login dapat dilihat pada gambar di bawah ini:
Sumber : Hasil Rancangan(2017)
Gambar IV.1. Use Case Login
Bagian Keuangan atau Direktur melakukan proses login dengan cara
melakukan input username dan input password selanjutnya akan di verifikasi
oleh sistem.
Untuk memahami lebih detail aktivitas actor, berikut ini adalah deskripsi dari use
case login pada PDAM Tirta Raya Kabupaten Kubu Raya:
Tabel IV.1.
Deskripsi Use Case Login
Use Case Narative Login
Tujuan Melakukan login dan masuk kedalam sistem
pengeluaran kas
Deskripsi Sistem memungkinkan aktor mengakses sistem
pengeluaran kas
Skenario Utama
Aktor Keuangan/Direktur
51
Kondisi Awal Aktor membuka aplikasi pengeluaran kas
Aksi Aktor Reaksi Sistem
1. Aktor memilih
tombol login
2. Aktor memilih
tombol logout
Sistem menampilkan form untuk mengisi textbox pada
username dan password
Sistem akan menghentikan dan menutup aplikasi sistem
pengeluaran kas
Kondisi akhir Jika perintah sesuai maka sistem akan masuk ke dalam
aplikasi sistem pengeluaran kas dan aktor dapat
melakukan aktifitas didalam sistem.
Sumber : Hasil Rancangan (2017)
2. Use Case Sistem Pengeluaran Kas
Use case sistem pengeluaran kas dapat dilihat pada gambar di bawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.2. Use Case Sistem Pengeluaran Kas
52
Setiap pengguna yang login ke sistem, maka sistem akan menampilkan
menu master, transaksi, laporan dan pilihan logout.
Untuk memahami lebih detail aktivitas actor, berikut adalah deskripsi dari use
case sistem pengeluaran kas pada PDAM Tirta Raya Kabupaten Kubu Raya
Tabel IV.2. Deskripsi Use Case Sistem Pengeluaran Kas
Use Case Narative Sistem Pengeluaran Kas Tujuan Keuangan dapat melakukan pengolahan data yang ada
pada semua menu yang ada di aplikasi sistem pengeluaran kas
Deskripsi Sistem ini memungkinkan aktor untuk mengelola sistem
pengeluaran kas mulai dari input data sampai pembuatan
laporan
Skenario Utama
Aktor Keuangan
Kondisi Awal Aktor membuka aplikasi sistem pengeluaran kas
Aksi Aktor Reaksi Sistem
1. Aktor memilih
menu Login
2. Aktor memilih
menu master
3. Aktor memilih
menu transaksi
4. Aktor memilih
menu laporan
5. Aktor memilih
menu logout
Sistem menampilkan form untuk mengisi textbox pada
username dan password
Sistem akan menampilkan submenu data akun, data
pengguna dan data bagian
Sistem akan menampilkan submenu kas keluar dan
jurnal umum
Sistem akan menampilkan submenu laporan pengeluaran
kas, laporan jurnal umum, laporan buku besar
Maka sistem akan keluar dari aplikasi dan menutup
aplikasi
Kondisi akhir Jika perintah sesuai maka sistem akan menampilkan
tampilan yang diingankan oleh aktor
Tujuan Direktur dapat melihat laporan
53
Deskripsi Sistem ini memungkinkan aktor untuk melihat laporan
Skenario Utama
Aktor Direktur
Kondisi Awal Aktor membuka laporan
Aksi Aktor Reaksi Sistem
1. Aktor memilih
tombol Login
2. Aktor memilih
tombol laporan
Sistem menampilkan form untuk mengisi textbox pada
username dan password
Sistem akan menampilkan submenu pada laporan yaitu
laporan pengeluaran kas, laporan jurnal umum dan
laporan buku besar
Kondisi akhir Jika perintah sesuai maka sistem akan menampilkan
tampilan yang diingankan oleh aktor
Sumber : Hasil Rancangan (2017)
3. Use Case Menu Data Akun
Use case menu akun dapat dilihat pada gambar di bawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.3. Use Case Menu Data Akun
54
Bagian keuangan dapat melakukan pencarian akun, menambah akun,
menyimpan akun, mengedit akun, menghapus akun, mencetak data akun dan
keluar dari form akun jika memilih tombol keluar.
Untuk memahami lebih detail aktivitas actor, berikut adalah deskripsi dari
use case menu data akun pada PDAM Tirta Raya Kabupaten Kubu Raya:
Tabel IV.3. Deskripsi Use Case Menu Data Akun
Use Case Narative Menu Data Akun Tujuan Bagian keuangan dapat mengolah data melalui menu
master dan pilih data akun
Deskripsi Sistem ini memungkinkan aktor dapat mencari,
menambah, mengedit, menghapus dan mencetak data
Skenario Utama
Aktor Keuangan
Kondisi Awal Aktor berada di menu data akun
Aksi Aktor Reaksi Sistem
1. Aktor menekan
tombol tambah
akun
2. Aktor memilih
tombol cari
3. Aktor memilih
tombol simpan
4. Aktor memilih
tombol edit
5. Aktor memilih
tombol hapus
6. Aktor memilih
tombol cetak
7. Aktor memilih
tombol keluar
Sistem menampilkan form data akun yang harus di isi
Sistem akan menampilkan textbox untuk mengisi nama
akun yang dicari
Sistem akan menyimpan akun
Sistem akan menampilkan data akun dan pilih data akun
yang akan di edit lalu ubah nama akun
Sistem akan menampilkan data akun dan pilih data akun
yang akan dihapus
Sistem akan menampilkan data akun yang akan dicetak Sistem akan menutup form data akun
Kondisi akhir Jika perintah sesuai maka sistem akan menampilkan
55
seperti yang diinginkan oleh aktor
Sumber : Hasil Rancangan (2017)
4. Use Case Menu Data Pengguna
Use Case menu data pengguna dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.4. Use Case Menu Data Pengguna
Bagian keuangan dapat menambah, mencari, menyimpan, mengedit,
menghapus data pengguna dan akan keluar dari form jika memilih tombol keluar.
Untuk memahami lebih detail aktivitas actor, berikut adalah deskripsi dari use
case menu data pengguna pada PDAM Tirta Raya Kabupaten Kubu Raya:
Tabel IV.4. Deskripsi Use Case Menu Data Pengguna
Use Case Narative Menu Data Pengguna
Tujuan Bagian keuangan dapat mengolah data pengguna
Deskripsi Sistem ini memungkinkan aktor dapat menambah,
mencari, menyimpan, mengedit, menghapus dan keluar
dari form pengguna
Skenario Utama
56
Aktor Keuangan
Kondisi Awal Aktor berada di menu data pengguna
Aksi Aktor Reaksi Sistem
1. Aktor memilih
tombol tambah
2. Aktor memilih
tombol cari
3. Aktor memilih
tombol simpan
4. Aktor memilih
tombol edit
5. Aktor memilih
tombol hapus
Sistem menampilkan form data user yang harus di isi
Sistem menampilkan textbox untuk isi user yang akan
dicari
Sistem akan menyimpan data user
Sistem akan menampilkan textbox untuk mengubah
username, password dan jabatan
Sistem akan menampilkan data user dan pilih data user
yang akan dihapus
Kondisi akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh aktor
Sumber : Hasil Rancangan (2017)
5. Use Case Menu Data Bagian
Use case menu data bagian dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.5. Use Case Menu Data Bagian
57
Bagian keuangan dapat menambah, menyimpan, menghapus data bagian
dan akan keluar dari form jika memilih tombol keluar.
Untuk memahami lebih detail aktivitas actor, berikut adalah deskripsi dari use
case menu data bagian pada PDAM Tirta Raya Kabupaten Kubu Raya:
Tabel IV.5. Deskripsi Use Case Menu Data Bagian
Use Case Narative Menu Data Bagian
Tujuan Bagian keuangan dapat mengolah data bagian
Deskripsi Sistem ini memungkinkan aktor dapat menambah,
menyimpan, menghapus dan keluar dari form bagian
Skenario Utama
Aktor Keuangan
Kondisi Awal Aktor berada di menu bagian
Aksi Aktor Reaksi Sistem
1. Aktor memilih
tombol tambah
2. Aktor memilih
tombol simpan
3. Aktor memilih
tombol hapus
Sistem menampilkan textbox yang harus di isi
Sistem akan menyimpan data bagian
Sistem akan menghapus data bagian
Kondisi akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh aktor
Sumber : Hasil Rancangan (2017)
58
6. Use Case Menu Kas Keluar
Use Case menu kas keluar dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.6. Use Case Menu Kas Keluar
Bagian keuangan dapat menambah transaksi kas keluar, mencari transaksi
kas keluar, menyimpan transaksi kas keluar, menghapus transaksi kas keluar,
mencetak transaksi kas keluar dan keluar dari transaksi jika memilih menu keluar.
Untuk memahami lebih detail aktivitas actor, berikut adalah deskripsi dari use
case menu kas keluar pada PDAM Tirta Raya Kabupaten Kubu Raya:
Tabel IV.6. Deskripsi Use Case Menu Transaksi Kas Keluar
Use Case Narative Menu Kas Keluar
Tujuan Bagian keuangan dapat mengolah Transaksi Kas Keluar
Deskripsi Sistem ini memungkinkan aktor dapat menambah,
mencari, menyimpan, menghapus dan mencetak data kas
keluar
Skenario Utama
Aktor Keuangan
59
Kondisi Awal Aktor berada di menu kas keluar
Aksi Aktor Reaksi Sistem
1. Aktor menekan
tombol tambah
2. Aktor memilih
tombol cari
3. Aktor memilih
tombol simpan
4. Aktor memilih
tombol hapus
5. Aktor memilih
tombol cetak
Sistem menampilkan form kas keluar yang harus di isi
Sistem menampilkan textbox untuk mengisi nama kas
keluar yang dicari
Sistem akan menyimpan data kas keluar
Sistem akan menampilkan kas keluar dan memilih
transaksi yang akan dihapus
Sistem akan menampilkan kas keluar dan memilih kas
keluar yang akan dicetak
Kondisi akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh aktor
Sumber : Hasil Rancangan (2017)
7. Use Case Menu Jurnal Umum
Use case menu jurnal umum dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.7. Use Case Menu Jurnal Umum
60
Bagian keuangan dapat menambah, menyimpan, dan menghapus jurnal
umum. Jika menekan tombol keluar maka akan keluar dari form jurnal umum.
Untuk memahami lebih detail aktivitas actor, berikut adalah deskripsi dari use
case menu kas keluar pada PDAM Tirta Raya Kabupaten Kubu Raya:
Tabel IV.7. Deskripsi Use Case Menu Jurnal Umum
Use Case Narative Menu Jurnal Umum
Tujuan Bagian keuangan dapat mengolah jurnal umum
Deskripsi Sistem ini memungkinkan aktor dapat menambah,
menyimpan dan menghapus data jurnal umum
Skenario Utama
Aktor Keuangan
Kondisi Awal Aktor berada di menu jurnal umum
Aksi Aktor Reaksi Sistem
1. Aktor menekan
tombol tambah
2. Aktor memilih
tombol simpan
3. Aktor memilih
tombol hapus
Sistem menampilkan textbox yang harus diisi
Sistem akan menyimpan data jurnal umum
Sistem akan menghapus data jurnal umum
Kondisi akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh aktor
Sumber : Hasil Rancangan (2017)
61
8. Use Case Menu Laporan
Use Case menu laporan dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Penelitian (2017)
Gambar IV.8. Use Case Menu Laporan
Bagian Keuangan memilih menu laporan, maka akan menampilkan pilihan
laporan pengeluran kas, jurnal umum dan buku besar.
Untuk memahami lebih detail aktivitas actor, berikut adalah deskripsi dari use
case menu Laporan pada PDAM Tirta Raya Kabupaten Kubu Raya:
Tabel IV.8. Deskripsi Use Case Menu Laporan
Use Case Narative Menu Laporan
Tujuan Bagian Keuangan/ Direktur dapat melihat laporan
Deskripsi Sistem ini memungkinkan aktor untuk melihat
pengeluaran kas, jurnal umum dan buku besar melalui
menu laporan
Skenario Utama
62
Aktor Keuangan/ Direktur
Kondisi Awal Aktor berada di menu laporan
Aksi Aktor Reaksi Sistem
1. Aktor memilih
menu pengeluaran
kas
2. Aktor memilih
menu jurnal umum
3. Aktor memilih
menu buku besar
Sistem menampilkan data laporan pengeluaran kas
Sistem akan menampilkan laporan jurnal umum
Sistem akan menampilkan laporan buku besar
Kondisi akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh aktor
Sumber : Hasil Rancangan (2017)
4.1.3 Activity Diagram
Activity diagram menggambarkan berbagai aliran aktivitas-aktivitas
dalam sistem yang sedang dirancang. Untuk mengetahui bagaimana aktivitas
dimulai dan bagaimana aktivitas berakhir
63
1. Activity Diagram Login
Berikut ini merupakan rancangan proses aktivitas login di PDAM Tirta Raya
Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar IV.9. Activity Diagram Login
Activity Diagram diatas merupakan hasil rancangan untuk proses login
masing-masing bagian yaitu bagian keuangan dan direktur.
64
2. Activity Diagram Menu Utama
Dibawah ini merupakan rancangan proses aktivitas menu utama di PDAM Tirta
Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar IV.10. Activity Diagram Menu Utama
Ketika actor atau bagian keuangan masuk atau login maka sistem akan
menampilkan menu pilihan aktivitas yaitu menu master, menu transaksi dan menu
laporan, setelah itu actor memilih tombol logout jika ingin keluar dari halaman
menu utama
65
3. Activity Diagram Menu Master
Dibawah ini merupakan rancangan proses aktivitas menu master di PDAM Tirta
Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar IV.11. Activity Diagram Menu Master
Bagian keuangan memilih menu master, kemudian sistem akan
menampilkan menu master dengan pilihan aktivitas menu akun, menu pengguna
dan menu bagian dan bagian keuangan dapat memilih menu logout jika ingin
keluar dari halaman menu.
66
4. Activity Diagram Menu Akun
Dibawah ini merupakan rancangan proses aktivitas menu akun di PDAM Tirta
Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar IV.12. Activity Diagram Menu Akun
Bagian keuangan mengklik menu akun kemudian sistem menampilkan
form akun dan di form akun menampilkan tombol tambah, edit, cari, hapus dan
cetak. Jika tombol di klik satu persatu maka sistem akan menampilkan perintah
selanjutnya sesuai tombol yang di pilih.
67
5. Activity Diagram Menu Pengguna
Dibawah ini merupakan rancangan proses aktivitas menu pengguna di PDAM
Tirta Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar IV.13. Activity Diagram Menu Pengguna
Bagian keuangan mengklik menu pengguna kemudian sistem
menampilkan form pengguna dan di form pengguna menampilkan tombol tambah,
cari, edit, hapus. Jika tombol di klik satu persatu maka sistem akan menampilkan
perintah selanjutnya sesuai tombol yang di pilih.
68
6. Activity Diagram Menu Bagian
Dibawah ini merupakan rancangan proses aktivitas menu bagian di PDAM Tirta
Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar IV.14. Activity Diagram Menu Bagian
Bagian keuangan mengklik menu bagian kemudian sistem menampilkan form
bagian yang mengajukan permintaan pengeluaran kas dan di form bagian
menampilkan tombol tambah dan hapus. Jika tombol di klik satu persatu maka
69
sistem akan menampilkan perintah selanjutnya sesuai tombol yang di pilih dan
pilih simpan lalu klik keluar untuk keluar dari form.
7. Activity Diagram Menu kas keluar
Dibawah ini merupakan rancangan proses aktivitas menu kas keluar di PDAM
Tirta Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar IV.15. Activity Diagram Menu Kas Keluar
Bagian keuangan mengklik menu kas keluar kemudian sistem
menampilkan form kas keluar dan di form kas keluar menampilkan tombol
tambah, cari, hapus dan cetak. Jika tombol tambah di klik maka sistem
menampilkan form baru dan harus mengisi semua textbox, klik tombol cari maka
sistem akan menampilkan textbox untuk memasukkan nama transaksi yang dicari,
tombol hapus akan menampilkan transaksi terhapus dan tombol cetak akan
70
menampilkan transaksi yang akan dicetak, kemudian simpan dan pilih keluar
untuk keluar dari form transaksi.
8. Activity Diagram Jurnal Umum
Dibawah ini merupakan rancangan proses aktivitas Jurnal Umum di PDAM Tirta
Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar IV.16. Activity Diagram Menu Jurnal Umum
71
Bagian keuangan mengklik menu jurnal umum kemudian sistem menampilkan
form jurnal umum dan di form jurnal umum menampilkan tombol tambah, edit
dan hapus. Jika tombol di klik satu persatu maka sistem akan menampilkan
perintah selanjutnya sesuai tombol yang di pilih dan pilih simpan lalu klik keluar
untuk keluar dari form.
9. Activity Diagram Menu Laporan
Dibawah ini merupakan rancangan proses aktivitas menu laporan di PDAM Tirta
Raya Kabupaten Kubu Raya:
Sumber : Hasil Penelitian (2017)
Gambar. IV.17. Activity Diagram Menu Laporan
72
Bagian keuangan atau direktur mengklik laporan keuangan maka sistem
akan menampilkan menu laporan dan menu laporan menampilkan pilihan menu
pengeluaran kas, jurnal umum dan buku besar kemudian logout untuk keluar dari
halaman menu
10. Activity Diagram Menu Laporan Pengeluaran Kas
Dibawah ini merupakan rancangan proses aktivitas menu laporan pengeluaran kas
di PDAM Tirta Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar. IV.18. Activity Diagram Menu Laporan Pengeluaran Kas
Bagian keuangan atau direktur mengklik menu laporan pengeluaran kas
maka sistem akan menampilkan laporan pengeluaran kas dan pilihan melihat
73
laporan pengeluaran kas atau mencetak laporan pengeluaran kas kemudian klik
tombol keluar jika ingin keluar dari form laporan pengeluaran kas.
11. Activity Diagram Menu Laporan Jurnal Umum
Dibawah ini merupakan rancangan proses aktivitas menu laporan jurnal umum di
PDAM Tirta Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar. IV.19. Activity Diagram Menu Laporan Jurnal Umum
Bagian keuangan atau direktur mengklik menu laporan jurnal umum maka
sistem akan menampilkan laporan jurnal umum dan pilihan melihat laporan jurnal
umum atau mencetak laporan jurnal umum kemudian keluar dari form laporan
jurnal umum.
74
12. Activity Diagram Menu Laporan Buku Besar
Dibawah ini merupakan rancangan proses aktivitas menu laporan buku besar di
PDAM Tirta Raya Kabupaten Kubu Raya:
Sumber : Hasil Rancangan (2017)
Gambar. IV.20. Activity Diagram Menu Laporan Buku Besar
Bagian keuangan atau direktur mengklik menu laporan buku besar maka
sistem akan menampilkan laporan buku besar dan pilihan melihat laporan buku
besar atau mencetak laporan buku besar kemudian klik tombol keluar untuk
keluar dari form laporan buku besar.
75
4.2. Desain
Pada tahap ini penulis akan menggambarkan desain database dan desain
alur dalam kegiatan operasional. Untuk memahami lebih lanjut berikut ini
4.2.1 Entity Relationship Diagram (ERD)
Gambar rancangan Entity Relationship Diagram (ERD) di PDAM Tirta
Raya Kabupaten Kubu Raya sebagai berikut:
Sumber : Hasil Rancangan (2017)
Gambar. IV.21. Entity Relationship Diagram
76
4.2.2. Logical Record Structure (LRS)
Gambar rancangan Logical Record Structure (LRS) di PDAM Tirta Raya
Kabupaten Kubu Raya sebagai berikut:
Sumber : Hasil Rancangan (2017)
Gambar. IV.22. Logical Record Structure (LRS)
4.2.3. Spesifikasi File
Berikut ini merupakan penjelasan mengenai bentuk-bentuk file database
yang digunakan pada rancangan aplikasi sistem pengeluaran kas.
1. Tabel user
Nama File : File User
Fungsi : untuk mengelola data
Akronim : user.sql
Tipe File :File Master
Media File :Harddisk
77
Organisasi File :Index Sequential
Akses File :Random
Panjang Record :85 character
Field key : id_user
Software : My SQL versi 5.5.27
Tabel IV.9. Spesifikasi File User
No Elemen Data Akronim Tipe Panjang Keterangan
1 Id user id_user Varchar 10 Primary Key
2 Username Username Varchar 30
3 Password password Varchar 25
4 Jabatan jabatan Varchar 20
Sumber : Hasil Rancangan (2017)
2. Tabel Bagian
Nama File : File Bagian
Fungsi : untuk menyimpan data bagian pengajuan
Akronim : bagian.sql
Tipe File :File Master
Media File :Harddisk
Organisasi File :Index Sequential
Akses File :Random
Panjang Record :100 character
Field key : id_bagian
78
Software : My SQL versi 5.5.27
Tabel IV.10. Spesifikasi File Bagian
No Elemen Data Akronim Tipe Panjang Keterangan
1 Id bagian id_bagian Varchar 10 Primary Key
2 Nama bagian nama_bagian Varchar 30
3 Pertanggung
jawaban
Pertanggung
jawaban Varchar 35
4 Jabatan jabatan Varchar 25
Sumber : Hasil Rancangan (2017)
3. Tabel Akun
Nama File : File Akun
Fungsi : untuk mengelola data akun
Akronim : akun.sql
Tipe File :Work File
Media File :Harddisk
Organisasi File :Index Sequential
Akses File :Random
Panjang Record : 85 character
Field key : kode_akun
Software : MySQL versi 5.5.27
79
Tabel IV.11. Spesifikasi File Akun
No Elemen Data Akronim Tipe Panjang Keterangan
1 Kode akun Kode_akun Varchar 10 Primary Key
2 Nama akun nama_akun Varchar 30
3 Jenis akun Jenis_akun Varchar 15
4 Saldo normal Saldo_normal Varchar 30
Sumber : Hasil Rancangan (2017)
4. Tabel kas keluar
Nama File : File Kas Keluar
Fungsi : untuk mengolah data kas keluar
Akronim : kas_keluar.sql
Tipe File : Work File
Media File : Harddisk
Organisasi File : Index Sequential
Akses File : Random
Panjang Record : 125 character
Field key : No_voucher
Software : MySQL versi 5.5.27
80
Tabel IV.12. Spesifikasi File kas keluar
No Elemen Data Akronim Tipe Panjang Keterangan
1 Nomor voucher Nomor_voucher Varchar 10 Primary Key
2 Tanggal tanggal Date 20
3 nominal nominal Float 15
4 bank bank Varchar 20
5 Nomor cek Nomor_cek Varchar 20
6 Nomor jbk Nomor_jbk Varchar 10
7 Bagian Bagian Varchar 10 Foreign Key
8 keterangan keterangan varchar 10
9 penerima penerima varchar 10
Sumber : Hasil Rancangan (2017)
5. Tabel Jurnal
Nama File : File Jurnal
Fungsi : untuk mengelola data jurnal umum
Akronim : jurnal.sql
Tipe File : Work File
Media File : Harddisk
Organisasi File : Index Sequential
Akses File : Random
Panjang Record : 60 character
Field key : Id_Jurnal
81
Software : MySQL versi 5.5.27
Tabel IV.13. Spesifikasi Jurnal Umum
No Elemen Data Akronim Tipe Panjang Keterangan
1 Id Jurnal Id_Jurnal Varchar 10 Primary Key
2 Kode akun Kode_akun Varchar 20 Foreign Key
3 D/K D/K Varchar 10
4 Tanggal Tanggal Varchar 10
5 Nominal Nominal varchar 10
Sumber : Hasil Rancangan (2017)
4.2.4. Software Architecture
Pada bab ini penulis akan menggambarkan tahap yang akan dijalankan
1. Sequence Diagram
Diagram ini akan menggambarkan interaksi antar objek dan pesan yang
dikirimkan.
82
a. Sequence Diagram Login
Sequence diagram Login pada PDAM Tirta Raya Kabupaten Kubu Raya
dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.23. Sequence Diagram Login
83
b. Sequence Diagram Form Kas Keluar
Sequence diagram Form Kas Keluar pada PDAM Tirta Raya Kabupaten
Kubu Raya dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.24. Sequence Diagram Form Kas Keluar
84
c. Sequence Diagram form Jurnal Umum
Sequence diagram form Jurnal Umum pada PDAM Tirta Raya Kabupaten
Kubu Raya dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.25. Sequence Diagram Form Jurnal Umum
85
d. Sequence Diagram Form Akun
Sequence diagram form Akun pada PDAM Tirta Raya Kabupaten Kubu
Raya dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.26. Sequence Diagram Form Akun
86
2. Deployment Diagram
Deployment diagram dibawah merupakan gambaran proses rancangan
diagram dan bagaimana relasinya.
Sumber : Hasil Rancangan (2017)
Gambar IV.27. Deployment Diagram
4.2.5. User Interface
Pada bab ini akan akan menunjukan tampilan antar muka/User Interface
dari suatu aplikasi yang diusulkan. Adapun tampilan tersebut:
87
1. Tampilan Login
Rancangan tampilan login dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.28. User Interface Login
Ketika akan melakukan login yang harus diisi username dan password
kemudian klik masuk.
2. Tampilan Halaman Utama
Rancangan tampilan login dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.29. User Interface Halaman Utama
88
Ketika login maka akan muncul halaman utama seperti gambar diatas dan
menampilkan menu master, menu kas keluar, menu laporan dan menu logout.
3. Tampilan Menu Master
Rancangan tampilan menu master dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.30. User Interface Master
Klik menu master maka akan menampilkan pilihan menu akun, user dan
bagian.
89
4. Tampilan Menu Transaksi
Rancangan tampilan menu transaksi dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.31. User Interface Transaksi
Klik menu transaksi untuk melakukan transaksi kas keluar dan jurnal umum.
5. Tampilan Menu Laporan
Rancangan tampilan menu laporan dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.32. User Interface Laporan
90
Klik menu laporan maka akan menampilkan pilihan laporan pengeluaran kas,
laporan jurnal umum dan laporan buku besar.
6. Tampilan Logout
Sumber : Hasil Rancangan (2017)
Gambar IV.33. User Interface Logout
Klik menu logout maka akan keluar dari aplikasi sistem pengeluaran kas.
7. Tampilan Menu Akun
Rancangan tampilan menu akun dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.34. User Interface Menu Akun
91
Untuk masuk ke menu akun, klik menu master terlebih dahulu dan pilih menu
akun.
8. Tampilan Form Akun
Rancangan tampilan form akun dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.35. User Interface Form Akun
Isi kolom akun pada form akun diatas untuk menambah akun dan tombol
simpan untuk menyimpan akun, masukkan nama akun untuk mencari akun, klik
tombol edit untuk mengedit akun, klik tombol hapus untuk menghapus akun dan
klik tombol cetak untuk mencetak akun dan tombol keluar untuk keluar dari form
akun.
.
92
9. Tampilan Form Pengguna
Rancangan tampilan form pengguna dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.36. User Interface Form Pengguna
Untuk menambah pengguna, bagian keuangan (admin sistem) harus mengisi
kode user, nama user, password lama, password baru dan jabatan setelah itu klik
tombol simpan. Untuk mencari nama akun, masukkan nama akun di textbox dan
klik tombol cari, untuk mengedit tekan tombol edit, untuk menghapus tekan
tombol hapus dan untuk keluar dari form keluar tekan tombol keluar.
93
10. Tampilan Form Bagian
Rancangan tampilan form bagian dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.37. User Interface Form Bagian
Rancangan tampilan form bagian akan menambah data bagian yang
mengajukan permintaan pengeluaran kas jika menekan tombol tambah, akan
menyimpan data jika menekan tombol simpan dan menghapus data jika menekan
tombol hapus. Klik tombol keluar untuk keluar dari halaman atau form bagian.
94
11. Tampilan Form Kas Keluar
Rancangan tampilan form kas keluar dapat dilihat pada gambar dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.38. User Interface Form Kas Keluar
Rancangan tampilan form kas keluar ini untuk menambah transaksi kas
keluar jika klik tombol tambah, menyimpan kas keluar yang sudah diinput, dapat
menghapus transaksi kas keluar, tombol cari untuk melakukan pencarian transaksi
kas keluar dan mencetak transaksi kas keluar sebagai bukti pengeluaran kas. Jika
ingin keluar dari form pilih tombol keluar.
95
12. Tampilan Form Jurnal Umum
Rancangan tampilan form jurnal umum dapat dilihat pada gambar dibawah
ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.39. User InterfaceForm Jurnal Umum
Isi form jurnal umum untuk menambah jurnal umum kemudian pilih simpan,
klik edit untuk mengedit jurnall umum, klik hapus untuk menghapus jurnal umum
dan klik tombol keluar untuk keluar dari form jurnal umum.
96
13. Tampilan Laporan Pengeluaran Kas
Rancangan tampilan laporan pengeluaran kas dapat dilihat pada gambar
dibawah ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.40. User Interface Laporan Pengeluaran Kas
Isi periode laporan yang akan di lihat terus pilih cetak maka sistem akan
menampilkan view lalu klik tombol cetak untuk mencetak hasil laporan dan pilih
tombol keluar untuk keluar dari halaman.dibawah ini merupakan tampilan bentuk
laporan pengeluaran kas:
97
Sumber : Hasil Rancangan (2017)
Gambar IV.41. User Interface Bentuk Laporan Pengeluaran Kas
14. Tampilan Laporan Jurnal Umum
Rancangan tampilan laporan jurnal umum dapat dilihat pada gambar dibawah
ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.42. User Interface Laporan Jurnal Umum
98
Isi tanggal kemudian pilih tombol cetak maka menuju ke view laporan jurnal
umum kemudian mencetak laporan dan pilih tombol keluar untuk keluar dari
halaman. Dibawah ini merupakan tampilan bentuk laporan jurnal umum :
Sumber : Hasil Rancangan (2017)
Gambar IV.43. User Interface Bentuk Laporan Jurnal Umum
15. Tampilan Laporan Buku Besar
Rancangan tampilan laporan buku besar dapat dilihat pada gambar dibawah:
Sumber : Hasil Rancangan (2017)
Gambar IV.44. User Interface Laporan Buku Besar
99
Isi tanggal kemudian pilih tombol cetak maka menuju ke view laporan buku
besar kemudian mencetak laporan dan pilih tombol keluar untuk keluar dari
halaman.dibawah ini merupakan tampilan bentuk buku besar :
Sumber : Hasil Rancangan (2017)
Gambar IV.45. User Interface Bentuk Laporan Buku Besar
4.2.6. Spesifikasi Hardware dan Software
Berikut mengenai kebutuhan minimum hardware dan software standar yang
akan digunakan untuk menjalankan sistem usulan.
Tabel IV.14. Spesifikasi Hardware dan Software
Kebutuhan Keterangan
Sistem Operasi Windows 7
Processor Dual-Core 2,8Ghz
RAM 2 GB
Harddisk 500 GB
Monitor SVGA 14”
Keybord 108 key
Printer Inkjet
Mouse Standar
100
Software - Bahasa Pemrograman : Java - Aplikasi Pendukung : iReport - DBMS : MySQL versi 5.5.27
Sumber : Hasil Rancangan (2017)