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.
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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.
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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.
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
TUJUAN TUGAS AKHIR Tujuan dari tugas akhir ini adalah memudahkan penerapan akuntansi masjid dalam pengelolaan keuangan yang sesuai dengan standart akuntansi yang berlaku.
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
MANFAAT TUGAS AKHIR
Dengan dikembangkannya aplikasi ini dapat membantu organisasi masjid mengelola keuangan secara transparan dan up to date.
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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 ?
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
ANALISA KEBUTUHAN SISTEM User Aplikasi : •
Administrator
•
Pengurus Masjid
•
Bendahara Masjid
•
Pengunjung Website
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
Use Case Administrator
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
USER INTERFACE APLIKASI
Halaman Utama Aplikasi Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
ARSITEKTUR SISTEM
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
DESAIN DATABASE
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
UJI COBA WEB Form isian data sumbangan donatur
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
UJI COBA WEB Hasil penambahan data sumbangan donatur
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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.
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
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.
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi
Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi