BAB IV ANALISIS DAN PEMBAHASAN -...

18
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

Transcript of BAB IV ANALISIS DAN PEMBAHASAN -...

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