APLIKASI AKUNTANSI MASJID BERBASIS WEB PORTAL

APLIKASI AKUNTANSI MASJID BERBASIS WEB PORTAL Nico Ramadhan Dirgantara 5206 100 074

Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi

LATAR BELAKANG • Masjid (organisasi nonprofit) menjadi sorotan masyarakat dalam hal keterbukaan dana donatur yang berasal dari para donatur. • Penerapan sistem akuntansi yang berbasis web portal bisa memberikan informasi keuangan masjid yang transparan dan meningkatkan kepercayaan masyarakat.


PERUMUSAN MASALAH • Bagaimana membangun sistem informasi akuntansi (SIA) masjid sesuai dengan standart akuntansi yang berlaku. • Bagaimana membuat user interface akuntansi masjid yang mempermudah user dalam pengelolaan keuangan masjid. • Bagaimana membuat sistem informasi akuntansi (SIA) masjid yang aman atau ter-enkripsi dalam penyimpanan data – data informasinya.


BATASAN MASALAH • Pengembangan aplikasi portal dengan teknologi website berbasis framework PHP dan twitter bootstrap dengan menggunakan database MySQL. • Aplikasi ini hanya digunakan untuk organisasi masjid. • Aplikasi ini hanya memberikan satu hak akses untuk setiap administrator masjid.


TUJUAN TUGAS AKHIR Tujuan dari tugas akhir ini adalah memudahkan penerapan akuntansi masjid dalam pengelolaan keuangan yang sesuai dengan standart akuntansi yang berlaku.


MANFAAT TUGAS AKHIR

Dengan dikembangkannya aplikasi ini dapat membantu organisasi masjid mengelola keuangan secara transparan dan up to date.


METODE PENELITIAN Mulai

Desain Sistem

Studi Pendahuluan dan Literatur

Pembuatan Aplikasi

Pembuatan Buku Tugas Akhir

Identifikasi Permasalahan

Implementasi dan Uji Coba

Selesai

Analisa Kebutuhan

Ya

Tidak Sudah Fix ?


ANALISA KEBUTUHAN SISTEM User Aplikasi : •

Administrator

•

Pengurus Masjid

•

Bendahara Masjid

•

Pengunjung Website


Use Case Administrator


USER INTERFACE APLIKASI

Halaman Utama Aplikasi Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi

ARSITEKTUR SISTEM


DESAIN DATABASE


LINGKUNGAN IMPLEMENTASI APLIKASI Perangkat Keras NoteBook

Spesifikasi

Prosesor :

Prosesor : Intel (R) Core (TM) i3 – 2310M CPU @ 2.10GHz

Memori :

6 GB DDR3

Perangkat Lunak Web Server Sistem Operasi Basis Data Bahasa Pemograman Framework Editor

Spesifikasi/versi Apache/2.2.9 Windows 8 MySQL 5.0.51.a PHP 5,Javascript,HTML CodeIgniter, Twitter Bootstrap, Jquery Notepad++ 5.8.5


UJI COBA APLIKASI

1. Uji Coba Kompatibilitas Uji coba dengan menggunakan metode analisa otomatis untuk mengecek error pada HTML dan CSS. 2. Uji Coba Keamanan Uji coba untuk melakukan pengetesan terhadap SQL injection


HASIL UJI COBA KOMPABILITAS Browser Chrome 18 Chrome 19 Chrome 20 Firefox 10 Firefox 11 Firefox 12 Firefox 13 IE 7 IE 8 IE 9 Safari 5.1

HTML error n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a


Komponen CSS error n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a

JavaScript error n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a

HASIL UJI COBA KEAMANAN

SQL injection dari segi URL


HASIL UJI COBA KEAMANAN

SQL injection dengan tool SQLMap Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi

UJI COBA WEB Sequence diagram menambah data penerimaan dana


UJI COBA WEB Use case deskripsi menambah data penerimaan dana User : Pengurus Masjid Normal Flow : User berada di halaman utama aplikasi memilih menu Keuangan Masjid. Kemudian memilih menu Transaksi Masjid dan memilih menu “Penerimaan”. Lalu user memilih jenis penerimaan masjid yang terdiri dari menu: sumbangan donatur, infaq jumat, shodaqoh, lain – lain. Sistem menampilkan halaman Penerimaan Masjid sesuai dengan jenis menu yang dipilih. Kemudian user menekan tombol (+) sumbangan donatur. Kemudian sistem akan menampilkan form isian sumbangan donatur. Kemudian user memilih data donatur yang sudah tersimpan di dalam sistem. Lalu user memasukkan total sumbangan, memilih menu penerimaan ke dalam kas atau bank. Lalu memilih tanggal transaksi, dan mengisi keterangan. Lalu user menekan tombol “simpan”. Maka sistem akan menyimpan data penerimaan masjid yang baru saja diinput oleh user. Alternate Flow : Jika ada field yang kosong, maka sistem akan menampilkan pesan " harap isi bidang ini”. Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi

UJI COBA WEB Menambah data sumbangan donatur


UJI COBA WEB Form isian data sumbangan donatur


UJI COBA WEB Hasil penambahan data sumbangan donatur


TEST CASE WEB

Hasil test case menambah data penerimaan dana

ID

Skenario Data berhasil TP.1 disimpan Field diisi tidak NC.2 lengkap

Tekan Data Tombol Tanggal Simpan V

V

X

V


Hasil

kembali ke halaman penerimaan dana muncul pesan error “harap isi bidang ini"

KESIMPULAN

1. Aplikasi akuntansi masjid portal ini menggunakan teknologi website berbasis framework PHP dan Twitter Bootstrap dan database My SQL. 2. Desain aplikasi akuntansi masjid yang berbasis web portal ini dibuat dengan menggunakan UML dan menghasilkan usecase diagram dan sequence diagram. Sedangkan desain database untuk penyimpanan data yang dibuat dengan Entity Relational Diagram. 3. Uji coba aplikasi menggunakan dua metode yaitu uji coba kompabilitas browser dan uji coba keamanan.


SARAN

1. Aplikasi akuntansi masjid ini hanya dikembangkan berbasis web portal saja. Untuk pengembangan lebih jauh bisa berbasis mobile application. 2. Untuk pengembangan selanjutnya, aplikasi ini dapat dikustomisasi sesuai proses bisnis masing – masing masjid.



APLIKASI AKUNTANSI MASJID BERBASIS WEB PORTAL

Recommend Documents