40 BAB IV RANCANGAN SISTEM USULAN 4.1 Analisa Kebutuhan Perangkat Lunak (Software) Analisa kebutuhan perangkat lunak adalah suatu aktivitas awal dari siklus hidup pengembangan perangkat lunak, untuk Proyek-Proyek perangkat lunak yang berskala menengah atau sampai besar, Analisis kebutuhan perangkat lunak ini berguna untuk menentukan rancangan sistem yang akan dibangun sesuai dengan permasalahan yang ditemukan di dalam sistem berjalan yang lama, guna memperbaiki sistem tersebut atau merubah dengan sistem yang baru. 4.1.1. Analisa Kebutuhan Dalam merancang pembukuan kas kecil ini, penulis telah melakukan analisis kebutuhan yang dapat menjelaskan informasi dari sistem yang ada pada BTPN Syariah Pontianak Timur yang dimana saat ini sistem Pembukuan Kas Kecil masih menggunakan manual, dengan pencatatan dan penyimpanan menggunakan media Kertas. Karena belum tersedianya rancangan Program Pembukuan Kas Kecil dari kantor pusat maka kantor BTPN Syariah Pontianak Timur masih tetap menggunakan sistem manual. Demi menjaga data dan bon yang disimpan maka BTPN Syariah Pontianak Timur membutuhkan suatu media penyimpanan berbasis program dan database yang digunakan untuk menyimpan data kas maupun bon-bon bukti transaksi kas kecil, program ini telah banyak digunakan dikalangan perusahaan maupun instansi pemerintahan yang lainnya,
47
Embed
BAB IV RANCANGAN SISTEM USULAN - repository.bsi.ac.id · Dalam merancang pembukuan kas kecil ini, penulis telah melakukan analisis ... digunakan untuk menyimpan data kas maupun bon-bon
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
40
BAB IV
RANCANGAN SISTEM USULAN
4.1 Analisa Kebutuhan Perangkat Lunak (Software)
Analisa kebutuhan perangkat lunak adalah suatu aktivitas awal dari siklus
hidup pengembangan perangkat lunak, untuk Proyek-Proyek perangkat lunak yang
berskala menengah atau sampai besar, Analisis kebutuhan perangkat lunak ini
berguna untuk menentukan rancangan sistem yang akan dibangun sesuai dengan
permasalahan yang ditemukan di dalam sistem berjalan yang lama, guna
memperbaiki sistem tersebut atau merubah dengan sistem yang baru.
4.1.1. Analisa Kebutuhan
Dalam merancang pembukuan kas kecil ini, penulis telah melakukan analisis
kebutuhan yang dapat menjelaskan informasi dari sistem yang ada pada BTPN
Syariah Pontianak Timur yang dimana saat ini sistem Pembukuan Kas Kecil masih
menggunakan manual, dengan pencatatan dan penyimpanan menggunakan media
Kertas. Karena belum tersedianya rancangan Program Pembukuan Kas Kecil dari
kantor pusat maka kantor BTPN Syariah Pontianak Timur masih tetap menggunakan
sistem manual.
Demi menjaga data dan bon yang disimpan maka BTPN Syariah Pontianak
Timur membutuhkan suatu media penyimpanan berbasis program dan database yang
digunakan untuk menyimpan data kas maupun bon-bon bukti transaksi kas kecil,
program ini telah banyak digunakan dikalangan perusahaan maupun instansi
pemerintahan yang lainnya,
41
untuk mewujudkannya maka penulis merancang suatu Rancangan pembukuan
Kas kecil yang dapat membantu Admin kas kecil untuk mempermudah dalam
pencatatan transaksi kas kecil dan penyimpanan bon transaksi kas kecil yang ada di
BTPN Syariah Cabang Pontianak Timur yang meliputi Pencatatan Transaksi Kas
kecil dan maupun Penyimpanan Bon Transaksi.
Berdasarkan dari analisis kebutuhan d iatas dapat disimpulkan beberapa poin
penting dari perancangan sistem pembukuan kas kecil yang akan dibuat yaitu:
1. Perancangan sistem pembukuan kas kecil secara elektronik harus diterapkan oleh
BTPN Syariah cabang Pontianak timur, demi kelancaran proses pembukuan kas
kecil.
2. Perancangan sistem pembukuan kas kecil ini, hanya sebuah rancangan program
yang belum jadi, sehingga butuh pengembangan lebih lanjut oleh pihak BTPN
Syariah cabang Pontianak Timur.
3. Dengan adanya perancangan sistem pembukuan kas kecil ini, dapat mempermudah
Admin Kas kecil dalam pencatatan transaksi kas kecil dan penyimpanan bon
transaksi kas kecil yang ada di BTPN Syariah Cabang Pontianak Timur yang
meliputi Pencatatan Transaksi Kas kecil dan maupun Penyimpanan Bon Transaksi.
4. Butuh pengembangan lanjutan dari perancangan sistem pembukuan kas kecil oleh
BTPN Syariah cabang Pontianak timur, menjadikan suatu program yang sempurna
sehingga dapat di terapkan secara permanent.
1. Kebutuhan Fungsional
Kebutuhan fungsional yaitu kebutuhan yang diperlukan oleh admin kas kecil
saat mengakses pembukuan kas kecil ini yang terdiri dari :
42
a. Login
Untuk dapat login, user membutuhkan iduser dan password yang di gunakan untuk
memvalidasi user agar bisa mengakses kedalam sistem.
b. Menu Utama
Didalam menu utama dari sistem ini admin dapat melakukan input data akun, dan
data pegawai pada tab data, dan pada tab transaksi admin dapat mengelola data
pengajuan pengeluaran dan pemasukan kas, dan juga pada tab laporan admin dapat
melihat laporan maupun mencetak laporan seperti laporan jurnal umum, detail
jurnal dan laporan buku besarnya.
c. Mengelola data kas kecil
Didalam form Mengelola data kas kecil admin dapat melakukan penyimpanan data
yang bersifat teks dan gambar.
d.Mengelola data pegawai
Didalam form Mengelola data pegawai ini admin dapat melihat data dan melakukan
penginputan data yang bersifat teks.
e. Mengelola data akun
Didalam form Mengelola data akun kas ini admin dapat melihat data dan
melakukan penginputan data yang bersifat teks.
f. Mengelola data pengajuan
Didalam form Mengelola data pengajuan ini admin dapat melihat data dan
melakukan penginputan data yang bersifat teks.
g. Mengelola data pengeluaran
43
Didalam form Mengelola data pengeluaran kas ini admin dapat melihat data dan
melakukan penginputan data yang bersifat teks.
h. Mengelola data pemasukan
Didalam form Mengelola data pemasukan kas ini admin dapat melihat data dan
melakukan penginputan data yang bersifat teks.
i. Laporan jurnal umum
Didalam laporan jurnal umum ini admin dapat melakukan pencetakan data jurnal
umum yang telah tersimpan berdasarkan awal bulan dan akhir bulan.
j. Laporan detail jurnal
Didalam laporan detail jurnal ini admin dapat melakukan pencetakan data jurnal
umum yang telah tersimpan berdasarkan awal bulan dan akhir bulan.
k. Laporan buku besar kas kecil
Didalam laporan Buku besar ini admin dapat melakukan pencetakan data buku
besar yang sudah balance yang telah tersimpan berdasarkan awal bulan dan akhir
bulan.
2. Kebutuhan Non Fungsional
Kebutuhan non fungsional adalah kebutuhan yang mendukung rancangan
desktop ini terdiri dari :
a. Kebutuhan Hardware (Perangkat Keras)
Perangkat keras utama yang dibutuhkan untuk mengakses aplikasi ini adalah
PC atau Laptop. Spesifikasi minimal yang dibutuhkan pada perangkat keras ini
adalah sebagai berikut:
44
a. CPU (Central Processing Unit)
a) Processor : 2.80 GHz
b) Memory : 4.00 GB
c) Harddisk : 500 GB
b. Monitor : 14.0”HD LED LCD (1024x600)
c. Keyboard : 86 Keys
d. Mouse : Optical / Touchpad
b. Kebutuhan Software (Perangkat Lunak)
Perangkat lunak berfungsi untuk mendukung kinerja dari perangkat keras,
tanpa perangkat lunak dan perangkat keras tidak akan berfungsi bagaimana mestinya.
Kebutuhan ini meliputi kebutuhan perangkat lunak yang digunakan pada pembuatan
Aplikasi. Adapun kebutuhan Software yang diperlukan untuk merancang aplikasi ini
adalah sebagai berikut:
a. Sistem Operasi : Windows 7 Ultimate
b. Webserver : Xampp V 3.2.2
a) Apache : Apache 2.4.18
b) MySQL : MySQL 5.5.8
c) PHP : PHP 7.0.3
d) Java : Java Development Kit 8.7.7
c. Editor Desktop : Netbeans 8.1
d. Web Browser : Mozzila Firefox 47.0.1
45
3. Kebutuhan Brainware (Pengguna)
Pengguna merupakan orang yang mempunyai kewenangan untuk mengakses
sistem, Pada Rancangan ini pengguna atau user pada sistem ini hanya terdapat 1 user
yaitu Admin kas kecil yang mengelola sistem informasi pembukuan kas kas kecil
dan sebagai admin pengguna dengan hak akses level 1.
4.1.2.Use case Diagram
Berikut usecase diagram dari Perancangan sistem pembukuan kas kecil
pada gambar di bawah ini :
1. Use Case Diagram Dari Form Login
Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada form Login, berikut penulis tampilkan pada gambar IV.11 dan
tabel IV.4
Sumber : Hasil Rancangan (2017)
Gambar IV.11
Use case Diagram Login pada Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
Tabel IV.4
Deskripsi Usecase Login
Aksi Aktor Reaksi Sistem
1.Aktor Memilih tombol login 1. Sistem Akan Memverifikasi data
46
2.Aktor Memilih tombol keluar
yang telah di isi oleh aktor 2. Sistem akan membatalkan Proses dan
keluar dari sistem
Kondisi Akhir Jika Proses sesuai maka sistem akan masuk ke menu utama dan aktor dapat
melanjutkan aktifitasnya
2. Use Case Diagram Dari Form Menu Utama
Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada form menu utama, berikut penulis tampilkan pada gambar IV.12
dan tabel IV.5
Sumber : Hasil Rancangan (2017)
Gambar IV. 12
Use case Diagram Menu Utama pada Perancangan Sistem Pembukuan kas kecil
Pada BTPN Syariah Cabang Pontianak Timur
Tabel IV.5
Deskripsi Use case menu utama
Aksi Aktor Reaksi Sistem
1. Aktor Memilih menu item data pegawai
2. Aktor Memilih menu item data akun
3. Aktor Memilih menu item
pengajuan 4. Aktor Memilih menu item
pengeluaran 5. Aktor Memilih menu item
1. Sistem Akan menampilkan form data pegawai
2. Sistem Akan menampilkan form data akun
3. Sistem Akan menampilkan form
pengajuan 4. Sistem Akan menampilkan form
pengeluaran 5. Sistem Akan menampilkan form
47
pemasukan 6. Aktor Memilih menu item laporan
jurnal umum 7. Aktor Memilih menu item laporan
buku besar 8. Aktor Memilih menu item laporan
detail jurnal
9. Aktor memilih menu item logout
pemasukan 6. Sistem Akan menampilkan form
laporan jurnal umum 7. Sistem Akan menampilkan form
laporan kas buku besar 8. Sistem Akan menampilkan form
laporan detail jurnal
9. Sistem akan membatalkan Proses dan kembali ke form login
Kondisi Akhir Jika Proses sesuai maka semua tombol
akan berfungsi dan semua text dapat tersimpan maupun menampilkan data
3. Use Case Diagram Dari Form Pegawai
Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada form Pegawai, berikut penulis tampilkan pada gambar IV.13 dan
tabel IV.6
Sumber : Hasil Penelitian (2017)
Gambar IV.13
Use case Diagram Form pegawai pada Perancangan Sistem Pembukuan kas
kecil Pada BTPN Syariah Cabang Pontianak Timur
48
Tabel IV.6
Deskripsi Usecase form pegawai
Aksi Aktor Reaksi Sistem
1. Aktor mengisi data Pegawai 2. Aktor memilih tombol simpan 3. aktor mengisi text pada pencarian
4. aktor memilih tombol pencarian 5. aktor memilih tombol ubah
6. aktor memilih tombol hapus 7. aktor memilih tombol tampil data
pegawai
8. aktor memilih tombol keluar
1. Sistem akan menampilkan data yang bersifat otomatis
2. Sistem akan menyimpan data yang
di isi ke dalam database 3. sistem memberikan akses untuk
aktor mengisi text 4. sistem akan memverifikasi data
yang ada apakah data tersebut ada
atau tidak, jika ada maka data akan tampil di setiap kolom yang ada
5. sistem akan memverifikasi data yang berubah sesuai dengan data sebelumnya yang ada di dalam
database 6. sistem akan memilih data yang
telah di pilih aktor untuk dihapus di database
7. sistem akan menampilkan seluruh
data pegawai yang ada di database 8. sistem akan membatalkan proses
dan aktor akan kembali ke menu utama
Kondisi Akhir Jika Proses sesuai maka semua tombol
akan berfungsi dan semua text dapat tersimpan maupun menampilkan data
4. Use Case Diagram Dari Form Form Akun
Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada form Akun, berikut penulis tampilkan pada gambar IV.14 dan tabel
IV.7
49
Sumber : Hasil Penelitian (2017)
Gambar IV.14
Use case Diagramdata akun padaPerancangan Sistem Pembukuan kas kecil
Pada BTPN Syariah Cabang Pontianak Timur
Tabel IV.7
Deskripsi Usecase data akun
Aksi Aktor Reaksi Sistem
1. Aktor mengisi data saldo awal 2. Aktor memilih tombol simpan 3. Aktor memilih tombol tambah
4. aktor mengisi text pada pencarian 5. aktor memilih tombol pencarian
6. aktor memilih tombol ubah 7. aktor memilih tombol hapus 8. aktor memilih tombol keluar
1. Sistem akan menampilkan data yang bersifat otomatis
2. Sistem akan menyimpan data yang
di isi ke dalam database 3. Sistem akan menghapus field yang
telah terisi sebelumnya 4. sistem memberikan akses untuk
aktor mengisi text
5. sistem akan memverifikasi data yang ada apakah data tersebut ada
atau tidak, jika ada maka data akan tampil di setiap kolom yang ada
6. sistem akan memverifikasi data
yang berubah sesuai dengan data sebelumnya yang ada di dalam
database 7. sistem akan memilih data yang
telah di pilih aktor untuk dihapus di
database
50
8. sistem akan membatalkan proses dan aktor akan kembali ke menu
utama
Kondisi Akhir Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat
tersimpan maupun menampilkan data
5. Use Case Diagram Dari Form Pengajuan
Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.15 dan
tabel IV.8
Sumber : Hasil Penelitian (2017)
Gambar IV.15
Use case Diagram Form pengajuan pada Perancangan Sistem Pembukuan kas
kecil Pada BTPN Syariah Cabang Pontianak Timur
Tabel IV.8
Deskripsi Usecase form pengajuan
Aksi Aktor Reaksi Sistem
1. Aktor mengisi data Pengajuan
2. Aktor mengupload data kwitansi 3. Aktor memilih tombol simpan 4. aktor mengisi text pada pencarian
5. aktor memilih tombol pencarian
1. Sistem akan menampilkan data
yang bersifat otomatis 2. Sistem akan menampilkan hasil
upload
3. Sistem akan menyimpan data
51
6. aktor memilih tombol ubah 7. aktor memilih tombol hapus
8. aktor memilih tombol tambah data pegawai
9. aktor memilih tombol tambah data akun
10. aktor memilih tombol keluar
yang di isi ke dalam database 4. sistem memberikan akses untuk
aktor mengisi text 5. sistem akan memverifikasi data
yang ada apakah data tersebut ada atau tidak, jika ada maka data akan tampil di setiap kolom yang
ada 6. sistem akan memverifikasi data
yang berubah sesuai dengan data sebelumnya yang ada di dalam database
7. sistem akan memilih data yang telah di pilih aktor untuk dihapus
di database 8. sistem akan memindahakan aktor
ke form data pegawai
9. sistem akan memindahakan aktor ke form data akun
10. sistem akan membatalkan proses dan aktor akan kembali ke menu utama
Kondisi Akhir Jika Proses sesuai maka semua tombol
akan berfungsi dan semua text dapat tersimpan maupun menampilkan data
6. Use Case Diagram Dari Form Pemasukan
Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.16 dan
tabel IV.9
52
Sumber : Hasil Penelitian (2017)
Gambar IV.16
Use case Diagram Form pemasukan padaPerancangan Sistem Pembukuan kas
kecil Pada BTPN Syariah Cabang Pontianak Timur
Tabel IV.9
Deskripsi Usecase form pemasukan
Aksi Aktor Reaksi Sistem
1. Aktor mengisi data Pemasukan 2. Aktor memilih tombol simpan
3. aktor mengisi text pada pencarian 4. aktor memilih tombol pencarian 5. aktor memilih tombol ubah
6. aktor memilih tombol hapus 7. aktor memilih tombol keluar
1. Sistem akan menampilkan data yang bersifat otomatis
2. Sistem akan menyimpan data yang di isi ke dalam database
3. sistem memberikan akses untuk
aktor mengisi text 4. sistem akan memverifikasi data
yang ada apakah data tersebut ada atau tidak, jika ada maka data akan tampil di setiap kolom yang ada
5. sistem akan memverifikasi data yang berubah sesuai dengan data
sebelumnya yang ada di dalam database
6. sistem akan memilih data yang
telah di pilih aktor untuk dihapus di database
7. sistem akan membatalkan proses dan aktor akan kembali ke menu utama
53
Kondisi Akhir Jika Proses sesuai maka semua tombol akan berfungsi dan semua text dapat
tersimpan maupun menampilkan data
7. Use Case Diagram Dari Form Pengeluaran
Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.17 dan
tabel IV.10
Sumber : Hasil Penelitian (2017)
Gambar IV.17
Use case DiagramForm pengeluaran padaPerancangan Sistem Pembukuan kas
kecil Pada BTPN Syariah Cabang Pontianak Timur
Tabel IV.10
Deskripsi Usecase form pengeluaran
Aksi Aktor Reaksi Sistem
1. Aktor mengisi data Pengeluaran
2. Aktor mengupload data nota 3. Aktor memilih tombol simpan
4. aktor mengisi text pada pencarian 5. aktor memilih tombol pencarian 6. aktor memilih tombol ubah
7. aktor memilih tombol hapus 8. aktor memilih tombol keluar
1. Sistem akan menampilkan data
yang bersifat otomatis 2. Sistem akan menampilkan hasil
upload 3. Sistem akan menyimpan data yang
di isi ke dalam database
4. sistem memberikan akses untuk aktor mengisi text
54
5. sistem akan memverifikasi data yang ada apakah data tersebut ada
atau tidak, jika ada maka data akan tampil di setiap kolom yang ada
6. sistem akan memverifikasi data yang berubah sesuai dengan data sebelumnya yang ada di dalam
database 7. sistem akan memilih data yang
telah di pilih aktor untuk dihapus di database
8. sistem akan membatalkan proses
dan aktor akan kembali ke menu utama
Kondisi Akhir Jika Proses sesuai maka semua tombol
akan berfungsi dan semua text dapat tersimpan maupun menampilkan data
8. Use Case Diagram Dari Form Laporan
Use case diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada form Laporan, berikut penulis tampilkan pada gambar IV.18 dan
tabel IV.11
Sumber : Hasil Rancangan (2017)
Gambar IV.18
Use case Diagram laporan pada Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
55
Tabel IV.11
Deskripsi Usecase Laporan
Aksi Aktor Reaksi Sistem
1. Aktor Memilih menu item laporan.
2. Aktor Memilih tombol Jurnal
umum 3. Aktor memilih tombol Buku
Besar 4. Aktor memilih tombol detail
Jurnal
5. Aktor memilih logout
1. Sistem menampilkan pilihan laporan
2. Sistem menampilkan laporan
jurnal umum 3. Sistem menampilkan laporan
buku besar 4. Sistem menampilkan laporan
detail jurnal
5. Sistem membatalkan operasi dan membawa aktor ke menu login
Kondisi Akhir Jika Proses sesuai maka sistem dapat
memperlihatkan preview data dan template laporan untuk bisa di cetak oleh
aktor
4.1.3.Activity Diagram
Berdasarkan hasil rancangan yang penulis buat, maka di dapat suatu aktifitas
dari perancangan yang sesuai dengan rancangan penulis, berikut penulis tampilkan:
1. Activity Diagram Form Login
Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada Sistem sesuai dengan form yang dijalankan, Lihat pada gambar
IV.19
56
Sumber :Hasil Rancangan (2017)
Gambar IV.19
Activity Diagram form login Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
2. Activity Diagram Form Menu Utama
Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.20
Sumber :Hasil Rancangan (2017)
Gambar IV.20
Activity Diagram form menu utama Perancangan Sistem Pembukuan kas kecil
Pada BTPN Syariah Cabang Pontianak Timur
3. Activity Diagram Form Pegawai
Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.21
57
Sumber :Hasil Rancangan (2017)
Gambar IV.21
Activity Diagram form data pegawai kas Perancangan Sistem Pembukuan kas
kecil Pada BTPN Syariah Cabang Pontianak Timur
4. Activity Diagram Form Akun
Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.22
58
Sumber :Hasil Rancangan (2017)
Gambar IV.22
Activity Diagram form data akun Perancangan Sistem Pembukuan kas kecil
Pada BTPN Syariah Cabang Pontianak Timur
5. Activity Diagram Form pengajuan
Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.23
59
Sumber :Hasil Rancangan (2017)
Gambar IV.23
Activity Diagram form pengajuan Perancangan Sistem Pembukuan kas kecil
Pada BTPN Syariah Cabang Pontianak Timur
6. Activity Diagram Form Pemasukan
Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.24
60
Sumber :Hasil Rancangan (2017)
Gambar IV.24
Activity Diagram form pemasukan Perancangan Sistem Pembukuan kas kecil
Pada BTPN Syariah Cabang Pontianak Timur
7. Activity Diagram Form Pengeluaran
Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.25
61
Sumber :Hasil Rancangan (2017)
Gambar IV.25
Activity Diagram form pengeluaran Perancangan Sistem Pembukuan kas kecil
Pada BTPN Syariah Cabang Pontianak Timur
8. Activity Diagram Form Laporan
Activity diagram dibawah ini mengambarkan bagaimana Interaksi antara
aktor kepada Sistem sesuai dengan form yang dijalankan, lihat pada gambar IV.26
62
Sumber :Hasil Rancangan (2017)
Gambar IV.26
Activity Diagram laporan kas Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
4.2. Desain
Pada tahapan ini Penulis telah membuat desain dari perancangan sistem
usulan yang akan di penulis jelaskan dibawah ini yang terdiri dari penggambaran
ERD dan LRS dari perancangan, Spesifikasi File, Software Architecture, User
Interface, Dan Spesifikasi Hardware Dan Software untuk dapat menggunakan
perancangan ini.
4.2.1.Entity Relationship Diagram (ERD)
Perancangan yang penulis buat harus juga memiliki suatu database yang di
dalam database tersebut harus memiliki entitas yang saling berhubungan sesuai
dengan apa yang telah penulis analisis sebelumnya, berikut pada gambar IV.27
63
Penulis berikan gambaran dari entity relationship diagram pada database
perancangan ini:
Sumber : Hasil Rancangan (2017)
Gambar IV.27
Entity Realtionship Diagram Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
Keterangan :
a. 1 : M = One To Many
b. 1 : 1 = One To One
c. M : 1 = Many To One
d. M : M = Many To Many
4.2.2. Logical Structure Record ( LRS )
Sesuai dengan Entity Relationship Diagram diatas, maka didapatkanlah suatu
logika dari hubungan antara entitas database ke entitas lain yang penulis gambarkan
sesuai dengan logikanya dan entitas yang berhubungan dapat di lihat pada gambar
IV.28 berikut :
64
Sumber : Hasil Rancangan (2017)
Keterangan :
= Relasi antar entity
1 : M = One To Many
M : M = Many To Many
M : 1 = Many To One
* = Primary Key
** = Foreign Key
Gambar IV.28
Logical Structure Record Perancangan Sistem Pembukuan kas kecil Pada BTPN
Syariah Cabang Pontianak Timur
4.2.3. Spesifikasi File
Spesifikasi File ini berisis dari file - file yang diperlukan dalam pembuatan
sebuah program, biasanya berisi file, akronim, organisasi file, kunci field, dan
panjang record. Adapun spesifikasi file yang penulis pergunakan dalamPerancangan
Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang Pontianak Timur
65
1. Spesifikasi File Data User
Nama File : data user
Akronim : tabel_user.Sql
Fungsi : Menyimpan data user
Tipe File : File Master
Akses File : Random
Media : Hard Disk
Panjang Record : 30
Kunci Field : nip_user
Software : MySql 5.0.8
Tabel IV.12
Spesifikasi File Data User
No. Element Data Nama Field Tipe Size Keterangan
1 Nomor user Nip_user Varchar 15 Primary Key
2 Password Password Varchar 15
Sumber : Hasil Rancangan (2017)
2.Spesifikasi File Data pemasukan
Nama File : data pemasukan
Akronim : tabel_pemasukan.Sql
Fungsi : Menyimpan data pemasukan kas kecil
Tipe File : File Master
Akses File : Random
Media : Hard Disk
66
Panjang Record : 60
Kunci Field : id_voucher
Software : MySql 5.0.8
Tabel IV.13
Spesifikasi File Data pemasukan
No. Element Data Nama Field Tipe Size Keterangan
1 Nomor voucher Id_voucher Varchar 10 Primary Key
2 Tanggal Tgl Date
3 Total Total Double
4 Keterangan Keterangan Text
5 Periode Periode Varchar 50
Sumber : Hasil Rancangan (2017)
3.Spesifikasi File Data pegawai
Nama File : data pegawai
Akronim : Tabel_Pegawai.Sql
Fungsi : Menyimpan data Pegawai
Tipe File : File Master
Akses File : Random
Media : Hard Disk
Panjang Record : 68
Kunci Field : nip
Software : MySql 5.0.8
67
Tabel IV.14
Spesifikasi File Data Pegawai
No. Element Data Nama Field Tipe Size Keterangan
1 Kode Pegawai NIP Varchar 8 Primary Key
2 Nama Pegawai Namapegawai Varchar 35
3 Jabatan pegawai Jabatan Varchar 25
Sumber : Hasil Rancangan (2017)
4.Spesifikasi File Data akun
Nama File : data akun
Akronim : tabel_akun.Sql
Fungsi : Menyimpan data akun kas
Tipe File : File Master
Akses File : Random
Media : Hard Disk
Panjang Record : 75
Kunci Field : no_akun
Software : MySql 5.0.8
Tabel IV.15
Spesifikasi File Data akun
No. Element Data Nama Field Tipe Size Keterangan
1 Nomor akun No_akun Varchar 5 Primary key
2 Nama akun Nama_akun Varchar 35
3 Jenis akun Jenisakun Varchar 25
4 Saldo Saldo_normal Varchar 10
68
Sumber : Hasil Rancangan (2017)
5.Spesifikasi File Data pengajuan
Nama File : data pengajuan
Akronim : tabel_pengajuan.Sql
Fungsi : Menyimpan data pengajuan
Tipe File : File Master
Akses File : Random
Media : Hard Disk
Panjang Record : 70
Kunci Field : id_pengajuan
Software : MySql 5.0.8
Tabel IV.16
Spesifikasi File Data pengajuan
No. Element Data Nama Field Tipe Size Keterangan
1 Nomor pengajuan
Id_pengajuan Varchar 10 primary Key
2 Nomor pegawai Nip Int 8 Foreign key
3 Tanggal Tgl Date
4 Nominal Nominal Double
5 Keperluan Keperluan Varchar 25
6 Data scan Scan_kwitansi Varchar 20
Sumber : Hasil Rancangan (2017)
6.Spesifikasi File Data pengeluaran
Nama File : data pengeluaran
69
Akronim : tabel_pengeluaran.Sql
Fungsi : Menyimpan pengeluaran
Tipe File : File Master
Akses File : Random
Media : Hard Disk
Panjang Record : 60
Kunci Field : no_nota
Software : MySql 5.0.8
Tabel IV.17
Spesifikasi File Data pengeluaran
No. Element Data Nama Field Tipe Size Keterangan
1 Nomor nota No_nota Varchar 10 Primary key
2 Nomor
pengajuan
Id_pengajuan Varchar 10 Foreign Key
3 Tanggal Tgl Date
4 Nip user Nip_user Varchar 15 Foreign Key
5 Scan nota Scan_nota Varchar 15
6 Total Total Double
7 Keterangan Keterangan Text
8 Nomor voucher Id_voucher varchar 10 Foreign Key
Sumber : Hasil Rancangan (2017)
7.Spesifikasi File Data jurnal umum
Nama File : data jurnal umum
Akronim : Tabel_jurnal_umum.Sql
70
Fungsi : Menyimpan data yang akan di jadikan laporan jurnal umum
Tipe File : File Master
Akses File : Random
Media : Hard Disk
Panjang Record : 10
Kunci Field : id_jurnal
Software : MySql 5.0.8
Tabel IV.18
Spesifikasi File Data jurnal
No. Element Data Nama Field Tipe Size Keterangan
1 Kode jurnal Id_jurnal Varchar 10 Primary key
2 Nomor nota No_nota Varchar 10 Foreign Key
3 Nomor akun No_akun Varchar 5 Foreign Key
4 Kode voucher Id_voucher Varchar 10 Foreign Key
5 Nomor pegawai Nip Varchar 8 Foreign Key
2 Tanggal Tgl Date
3 Saldo Saldo Double
4 Keterangan Keterangan Text
Sumber : Hasil Rancangan (2017)
4.2.4. Software Architecture
proses yg mendefinisikan solusi yg terstruktur yang memenuhi kebutuhan teknis
dan operasional, disisi lain mengoptimasi quality dari sebuah rancangan, berikut
71
penulis tampilkan diagram sequence dan diagram deployment sesuai dengan
rancangan yang penulis buat.
1. Diagram Sequance
a. Diagram Sequance Login Admin Kas Kecil
Sequance diagram dibawah ini mengambarkan bagaimana kolaborasi antar
objek atau pesan yang dikirim didalam, Sistem sesuai dengan form yang
dijalankan oleh aktor, lihat pada gambar IV.29
Sumber : Hasil Rancangan (2017)
Gambar IV.29
Diagram Sequance Login Perancangan Sistem Pembukuan kas kecil Pada BTPN
Syariah Cabang Pontianak Timur
b. Diagram Sequance Simpan Data Pengambilan Admin Kas Kecil.
Sequance diagram dibawah ini mengambarkan bagaimana kolaborasi antar
objek atau pesan yang dikirim didalam, Sistem sesuai dengan form yang
dijalankan oleh aktor, lihat pada gambar IV.30
72
Sumber : Hasil Rancangan (2017)
Gambar IV.30
Diagram Sequance simpan data Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
c. Diagram Sequance Ubah Data Pengambilan Admin Kas Kecil
Sequance diagram dibawah ini mengambarkan bagaimana kolaborasi antar
objek atau pesan yang dikirim didalam, Sistem sesuai dengan form yang
dijalankan oleh aktor, lihat pada gambar IV.31
Sumber : Hasil Rancangan (2017)
Gambar IV.31
Diagram Sequance ubah data Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
d. Diagram Sequance Hapus Data Pengambilan Admin Kas Kecil
Sequance diagram dibawah ini mengambarkan bagaimana kolaborasi antar
objek atau pesan yang dikirim didalam, Sistem sesuai dengan form yang
dijalankan oleh aktor, lihat pada gambar IV.32
73
Sumber : Hasil Rancangan (2017)
Gambar IV.32
Diagram Sequance hapus data Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
e. Diagram Sequance simpan Data pegawai admin kas kecil.
Sequance diagram dibawah ini mengambarkan bagaimana kolaborasi antar
objek atau pesan yang dikirim didalam, Sistem sesuai dengan form yang
dijalankan oleh aktor, lihat pada gambar IV.33
Sumber : Hasil Rancangan (2017)
Gambar IV.33
Diagram Sequance simpan data Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
2. Diagram Deployment
Deployment diagram dibawah ini mengambarkan bagaimana Proses
Software Ke Proses Node, lihat pada gambar IV.34
74
Sumber : Hasil Rancangan (2017)
Gambar IV.34
Diagram Deployment pada Perancangan Sistem Pembukuan kas kecil Pada
BTPN Syariah Cabang Pontianak Timur
4.2.5. User Interface
Penulis telah membuat tampilan pada rancangan yang di sebut user interface
yaitu adalah suatu penjabaran tentang bagaimana tampilan dari rancangan yang telah
penulis buat apakah sudah sesuai dengan standar user interface yang diinginkan oleh
BTPN syariah Cabang Pontianak timur, berikut penulis tampilkan di bawah ini :
1. User Interface Form Login
User interface form login yang telah penulis rancang sesuai dengan yang
di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.35
75
Sumber : Hasil Rancangan (2017)
Gambar IV.35
User Interface Form Login
Didalam Form Tersebut admin kas kecil harus memasukan nip user dan
password sebelum memilih tombol login atau jika ingin keluar dari sistem admin kas
kecil cukup memilih tombol keluar.
2. User Interface Form Menu Utama
User interface form menu utama yang telah penulis rancang sesuai dengan
yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.36
76
Sumber : Hasil Rancangan (2017)
Gambar IV.36
User Interface Form Menu Utama
Setelah berhasil login maka selanjutnya form menu utama tampil, di menu
utama ini terdapat beberapa pilihan menu, admin dapat memilih satu persatu form
yang selanjutnya akan di tampilkan sesuai dengan pilihan admin atau jika ingin
keluar dari menu utama, admin cukup memilih tombol logout.
3. User Interface Form Pengajuan
User interface form pengajuan yang telah penulis rancang sesuai dengan
yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.37
77
Sumber : Hasil Rancangan (2017)
Gambar IV.37
User Interface Form Pengajuan
Jika admin memilih form pengajuan maka seperti ini tampilannya, admin
dapat memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan
kedalam database, admin juga bisa langsung berpindah form dengan memilih tombol
sesuai dengan yang di inginkan admin.
4. User Interface Form Pengeluaran
User interface form pengeluaran yang telah penulis rancang sesuai dengan
yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.38
78
Sumber : Hasil Rancangan (2017)
Gambar IV.38
User Interface Form pengeluaran
Jika admin memilih form pengeluaran maka seperti ini tampilannya, admin
dapat memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan
kedalam database, admin juga bisa langsung melihat data jurnal tersebut
5. User Interface Form Pemasukan
User interface form pemasukan yang telah penulis rancang sesuai dengan
yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.39
79
Sumber : Hasil Rancangan (2017)
Gambar IV.39
User Interface Form pemasukan
Jika admin memilih form pemasukan maka seperti ini tampilannya, admin
dapat memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan
kedalam database, admin juga bisa langsung melihat data jurnal tersebut
6. User Interface Form Akun
User interface form akun yang telah penulis rancang sesuai dengan yang
di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.40
80
Sumber : Hasil Rancangan (2017)
Gambar IV.40
User Interface Form akun
Jika admin memilih form akun maka seperti ini tampilannya, admin dapat
memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan kedalam
database, selain itu admin dapat menghapus, dan mengubah data yang ada.
7. User Interface Form Pegawai
User interface form pegawai yang telah penulis rancang sesuai dengan
yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat gambar IV.41
81
Sumber : Hasil Rancangan (2017)
Gambar IV.41
User Interface Form pegawai
Jika admin memilih form pegawai maka seperti ini tampilannya, admin dapat
memasukan semua data yang dibutuhkan sistem untuk kemudian di simpan kedalam
database, selain itu admin dapat menghapus, dan mengubah data yang ada.
8. User Interface Form Laporan Buku Besar
User interface form laporan buku besar yang telah penulis rancang sesuai
dengan yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat
gambar IV.42
82
Sumber : Hasil Rancangan (2017)
Gambar IV. 42
User Interface Form Laporan Buku besar
Pada form ini admin dapat melihat data laporan buku besar yang nantinya
admin juga dapat mencetaknya dengan memilih tombol cetak, dan sebelumnya admin
diharuskan memilih tanggal awal, dan tanggal akhir data untuk di jadikan laporan.
9. User Interface Form Laporan Jurnal Umum
User interface form laporan jurnal umum yang telah penulis rancang
sesuai dengan yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat
gambar IV.43
83
Sumber : Hasil Rancangan (2017)
Gambar IV.43
User Interface Form Laporan Jurnal umum
Pada form ini admin dapat melihat data laporan buku besar yang nantinya
admin juga dapat mencetaknya dengan memilih tombol cetak, dan sebelumnya admin
diharuskan memilih tanggal awal, dan tanggal akhir data untuk di jadikan laporan.
10. User Interface Preview Laporan Buku Besar
User interface Preview laporan buku besar yang telah penulis rancang
sesuai dengan yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat
gambar IV.44
84
Sumber : Hasil Rancangan (2017)
Gambar IV.44
User Interface Preview laporan buku besar
Saat admin memilih tombol cetak pada form laporan buku besar sebelumnya,
maka tampilan di atas akan tampil sesuai data pada tanggal awal, dan tanggal akhir,
serta dapat langsung di cetak.
11. User Interface Preview Laporan Jurnal umum
User interface Preview laporan jurnal umum yang telah penulis rancang
sesuai dengan yang di inginkan oleh BTPN syariah Cabang Pontianak timur, lihat
gambar IV.45
85
Sumber : Hasil Rancangan (2017)
Gambar IV.45
User Interface Preview laporan Jurnal Umum
Saat admin memilih tombol cetak pada form laporan jurnal umum
sebelumnya, maka tampilan di atas akan tampil sesuai data pada tanggal awal, dan
tanggal akhir, serta dapat langsung di cetak.
4.2.6. Spesifikasi Hardware dan Software
Perangkat keras merupakan elemen vital yang diperlukan untuk menjalankan
program aplikasi atau software yang akan digunakan. Elemen-elemen vital tersebut
merupakan peralatan masukan (input device), tempat penyimpanan (storage unit), dan
peralatan keluaran (output device), Berikut perangkat keras yang diusulkan sebagai
Berikut :
1. Perangkat Keras (Hardware)
86
a. Processor : i5-4460S 2.9 GHz
b. Memory (RAM) : 2 GB
c. Monitor : 24" HD LED Monitor
d. Harddisk : 250 GB
e. Mouse : Standard Mouse
f. Keyboard : Standart 102 Keys
g. Printer : Color Document Printer & Scanner
h. Scanner : Color Document Printer & Scanner
2.Perangkat Lunak (Software)
Bagian lain yang juga tidak kalah penting yang mendukung program adalah
perangkat lunak (Software) yang digunakan untuk menampilkanRancangan dan juga
sistem operasi yang digunakan dalam menjalankan tampilan rancangan tersebut.
Berikut Perangkat Lunak (Software) yang digunakan dalam menampilkanrancangan
aplikasi Perancangan Sistem Pembukuan kas kecil Pada BTPN Syariah Cabang
Pontianak Timur:
a. Sistem Operasi : Windows 7 x64 dan x86
b. Bahasa Pemograman : Java Netbeans 8.0
c. Database : MySql
d. Program Pendukung : star uml, Ms.Visio 2016 ,ireport 5.6.0
Demikianlah klasifikasi sistem komputer yang diperlukan untuk menampilkan
rancangan aplikasi perancangan sistem pembukuan kas kecil Pada BTPN Syariah
Cabang Pontianak Timur yang menurut penulis cukup baik untuk menunjang
Penjelasan rancangan ini kepada pihak BTPN Syariah Cabang Pontianak Timur ini.