APLIKASI AKUNTANSI MASJID BERBASIS WEB PORTAL · •Bagaimana membuat sistem informasi akuntansi (SIA) masjid yang aman atau ter- ... otomatis untuk mengecek error pada HTML dan CSS.

APLIKASI AKUNTANSI MASJID BERBASIS WEB PORTAL

Lab E-Bisnis Sistem Informasi, Fakultas Teknologi Informasi

Nico Ramadhan Dirgantara

5206 100 074

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

Studi Pendahuluan dan Literatur

Identifikasi Permasalahan

Pembuatan Aplikasi

Sudah Fix ?

Pembuatan Buku Tugas Akhir

TidakAnalisa Kebutuhan

Desain Sistem

Selesai

Ya

Implementasi dan Uji Coba

ANALISA KEBUTUHAN SISTEM


User Aplikasi :

• Administrator

• Pengurus Masjid

• Bendahara Masjid

• Pengunjung Website


Use Case Administrator


USER INTERFACE APLIKASI

Halaman Utama Aplikasi


ARSITEKTUR SISTEM

DESAIN DATABASE


LINGKUNGAN IMPLEMENTASI APLIKASI


Perangkat

Keras

Spesifikasi

NoteBook Prosesor :

Prosesor : Intel (R) Core (TM) i3 –

2310M CPU @ 2.10GHz

Memori : 6 GB DDR3

Perangkat Lunak Spesifikasi/versi

Web Server Apache/2.2.9 Sistem Operasi Windows 8 Basis Data MySQL 5.0.51.a Bahasa Pemograman PHP 5,Javascript,HTML Framework CodeIgniter, Twitter Bootstrap, Jquery Editor 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

Komponen

HTML

error CSS

error JavaScript

error Chrome 18 n/a n/a n/a Chrome 19 n/a n/a n/a Chrome 20 n/a n/a n/a Firefox 10 n/a n/a n/a Firefox 11 n/a n/a n/a Firefox 12 n/a n/a n/a Firefox 13 n/a n/a n/a

IE 7 n/a n/a n/a IE 8 n/a n/a n/a IE 9 n/a n/a n/a

Safari 5.1 n/a n/a n/a

HASIL UJI COBA KEAMANAN


SQL injection dari segi URL

HASIL UJI COBA KEAMANAN


SQL injection dengan tool SQLMap

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”.

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

Tekan

Tombol Hasil

Tanggal Simpan

TP.1

Data berhasil

disimpan V V kembali ke halaman

penerimaan dana

NC.2

Field diisi tidak

lengkap X V 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 · •Bagaimana membuat sistem informasi akuntansi (SIA) masjid yang aman atau ter- ... otomatis untuk mengecek error pada HTML dan CSS.

Documents