bab iv analisis dan pembahasan -...
TRANSCRIPT
41 Universitas Internasional Batam
BAB IV
ANALISIS DAN PEMBAHASAN
4.1 Analisis Data
4.1.1 Analisis Penambahan Fitur Baru
Sistem Informasi Keuangan yang akan diimplementasikan pada Vihara
Maitri Sagara akan berbasis ditambahkan fitur Dashboard Information System.
Fitur ini ditambahkan untuk mempermudah pekerjaan pengguna dalam me-
monitor data keuangan pada Vihara Maitri Sagara.
4.1.2 Analisis Kebutuhan Software
Untuk melakukan perancangan Sistem Informasi Keuangan pada Vihara
Maitri Sagara akan dibutuhkan beberapa software sebagai berikut:
1. Adobe Dreamweaver CC 2015, sebagai aplikasi untuk melakukan
pemrograman.
2. MySQL, sebagai Database.
4.1.3 Analisis Kebutuhan User
User membutuhkan sebuah menu yang dapat menampilkan informasi dasar
yang dibutuhkan, yaitu jumlah dana masuk, dan dana keluar. Disamping itu akan
ditambahkan informasi seperti, data donatur terakhir untuk menampilkan donatur
terbaru yang terdaftar, diagram pemasukan dana dan pengeluaran dana.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
42
4.2 Implementasi Sistem
4.2.1 Tampilan Halaman Login
Tampilan halaman Login akan muncul setiap kali website dijalankan. Pada
halaman ini dibutuhkan untuk user mengisi username dan password untuk masuk
ke halaman index.
Gambar 21 Halaman Login
4.2.2 Tampilan Halaman Dashboard
Tampilan halaman dashboard adalah tampilan awal ketika user telah
berhasil melakukan proses login sesuai dengan username dan password yang telah
ditentukan. Halaman dashboard berisi informasi yang mewakili seluruh fungsi
sistem tersebut, mulai dari jumlah paket berdana, total dana masuk yang diterima,
total dana yang telah dikeluarkan dan jumlah donatur. Ditambah juga dengan
diagram pie dana pemasukan per kategori agar user dapat melihat data secara
mudah. Setelah itu ada trend dana masuk yang berfungsi untuk mengetahui dan
memonitor dana yang masuk perbulan apakah naik atau seimbang.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
43
Di bagian kanan dashboard terdapat chart dana keluar, chart ini berfungsi
untuk menampilkan data persentase uang yang telah dikeluarkan untuk
kepentingan yang diperlukan. Dan tepat dibagian bawah chart ini ada informasi
donatur terakhir yang baru mendaftar, berfungsi untuk user mengetahui siapa saja
donatur terbarunya.
Gambar 22 Halaman Dashboard
4.2.3 Tampilan Halaman Penerimaan Dana
Pada halaman ini, user langsung dapat melihat data transaksi dana yang
telah diterima dan diinput oleh user sebelumnya dalam bentuk tabel. Dan pada
halaman ini user langsung dapat membuat transaksi baru dan melakukan print
dalam bentuk pdf.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
44
Gambar 23 Halaman Penerimaan Dana
4.2.4 Tampilan Halaman Penambahan Penerimaan Dana
Ketika user menekan tombol Add Data, maka akan muncul tampilan
penambahan penerimaan dana. Di halaman ini user dapat menambahkan data
dana yang telah diterima secara aktual.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
45
Gambar 24 Halaman Penambahan Penerimaan Dana
4.2.5 Tampilan Halaman Edit Penerimaan Dana
Pada halaman penerimaan dana, data-data transaksi yang telah diinput
sebelumnya akan tampil sebagai tabel. Ketika user ingin melakukan perubahan
pada data transaksi yang diinginkan, user harus menekan tombol edit. Halaman
ini akan tampil ketika user telah menekan tombol edit.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
46
Gambar 25 Halaman Edit Penerimaan Dana
4.2.6 Tampilan Halaman Delete Penerimaan Dana
Halaman ini akan tampil jika user menekan tombol delete pada halaman
penerimaan dana. Tampilan delete penerimaan dana berbentuk sebuah konfirmasi
apakah user yakin ingin menghapus data yang dipilih.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
47
Gambar 26 Halaman Delete Penerimaan Dana
4.2.7 Tampilan Halaman Pengeluaran Dana
Halaman pengeluaran dana terdapat pada menu Transaksi, ketika user
memilih menu “Pengeluaran” maka akan muncul tampilan seperti ini. Pada
halaman ini, terdapat informasi data pengeluaran dana yang telah diinput oleh
user.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
48
Gambar 27 Halaman Pengeluaran Dana
4.2.8 Tampilan Halaman Penambahan Pengeluaran Dana
Tampilan ini akan muncul ketika user menekan tombol Add Data, pada
tampilan ini berbentuk form yang akan diisi oleh user sesuai dengan transaksi
yang telah dilakukan secara aktual.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
49
Gambar 28 Halaman Penambahan Pengeluaran Dana
4.2.9 Tampilan Halaman Edit Pengeluaran Dana
Halaman ini akan tampil ketika user menekan tombol edit pada halaman
pengeluaran dana, pada halaman ini user dapat mengganti informasi yang
diperlukan.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
50
Gambar 29 Halaman Edit Pengeluaran Dana
4.2.10 Tampilan Halaman Delete Pengeluaran Dana
Halaman delete pengeluaran dana akan tampil ketika user menekan tombol
delete. Halaman ini akan tampil berbentuk konfirmasi apakah user yakin ingin
menghapus data yang dipilih.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
51
Gambar 30 Halaman Delete Pengeluaran Dana
4.2.11 Tampilan Halaman Umat
Halaman umat berisi informasi para donatur yang telah atau akan
melakukan sumbangan dana. Halaman ini akan tampil ketika user memilih menu
Umat.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
52
Gambar 31 Tampilan Halaman Umat
4.2.12 Tampilan Halaman Penambahan Umat
Halaman penambahan umat berbentuk sebuah form untuk menambah
sebuah data umat yang baru. Untuk membuka menu ini user harus menekan
tombol add data.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
53
Gambar 32 Tampilan Halaman Penambahan Umat
4.2.13 Tampilan Halaman Edit Umat
Halaman edit umat berbentuk sebuah form untuk merubah sebuah data
umat yang menjadi yang terbaru. Untuk membuka menu ini user harus menekan
tombol edit pada data yang akan diganti valuenya.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
54
Gambar 33 Tampilan Halaman Edit Umat
4.2.14 Tampilan Halaman Delete Umat
Halaman delete umat berbentuk sebuah konfirmasi untuk menghapus
sebuah data umat. Untuk membuka menu ini user harus menekan tombol delete
pada data yang akan dihapus datanya.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
55
Gambar 34 Tampilan Halaman Delete Umat
4.2.15 Tampilan Halaman Pembukuan
Tampilan halaman pembukuan berisi rekap data transaksi yang telah
dilakukan oleh user perbulannya. Data yang ditampilkan berbentuk tabel dan
memiliki informasi total penerimaan dana, pengeluaran dana, serta sisa saldo.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
56
Gambar 35 Halaman Pembukuan
4.2.16 Tampilan Halaman Pencarian Pembukuan
Halaman ini akan tampil ketika user menekan tombol Cari Jurnal.
Halaman ini berisi data transaksi yang telah dilakukan setiap bulannya. Untuk
mencari datanya, user harus memilih bulan dan tahun yang diinginkan.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
57
Gambar 36 Halaman Pencarian Pembukuan
4.2.17 Tampilan Halaman Pembukuan Bulanan
Tampilan ini akan muncul ketika user telah memilih bulan dan tahun yang
akan di tampilkan data pembukuannya. Data tersebut disajikan dalam sebuah tabel
beserta dengan sisa saldo yang dimiliki.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018
Universitas Internasional Batam
58
Gambar 37 Halaman Pembukuan Bulanan
4.3 Kondisi Setelah Implementasi dan Pembaharuan
Penerapan sistem informasi keuangan pada Vihara Maitri Sagara dapat
membantu admin dalam melakukan pendataan keuangan dengan lebih baik, lebih
akurat, dan lebih cepat. Dengan adanya sistem ini maka proses pengerjaan
pendataan keuangan pun tidak memakan waktu yang lama dan hasil yang didapat
juga maksimal. Penerapan aplikasi ini pun tidak memakan banyak memory yang
digunakan hingga sangat ringan di komputer user. Ditambah dengan dashboard
baru yang sangat membuat user tidak perlu mencari informasi secara lama, akan
langsung tampil di tampilan awal sistem. Tetapi user menyukai tampilan yang
dibangun serta menu yang sangat simple membuat user tidak terlalu kebingungan
dalam mengakses sistem aplikasi ini.
Agus, Analisis dan Pengembangan Sistem Informasi Keuangan dengan Menggunakan Metode Rapid Application Development, 2018. UIB Repository © 2018