Abstrak
Masjid Khairiyah adalah salah satu tempat beribadah kaum muslimin yang berada dimedan. Masjid Khairiyah
belum memiliki sistem informasi dan tata kelola kepengurusan masjid. Banyaknya kegiatan di Masjid Khairiyah
dan manajemen keuangan masjid yang belum tertata dengan baik serta pengolahan data yang manual
menjadikan pengurus masjid kesulitan dalam mengolah data dan membutuhkan waktu yang lama. Untuk
mengatasi masalah tersebut dibutuhkan sistem informasi dan tata kelola kepengurusan masjid yang bisa diakses
dengan mudah, kapan dan dimana saja oleh pengurus masjid serta memberikan informasi yang tepat, cepat dan
akurat mengenai kegiatan maupun keuangan masjid Khairiyah kepada masyarakat. Atas dasartersebut
dikembangkan sistem informasi e-smart application masjid berbasis web yang dibuat dengan Notepad++
disertai alat pemrograman Framework Codeigniter, PHP, HTML, CSS, Boostrap, Javascript dan Jquery.
Selanjutnya, penulis akan menggunakan database MySQL dan didukung dengan browser Google Chrome
bertujuan mempermudah pengelola masjid dalam mengelola keuangan dan kegiatan masjid serta akan
mempermudah masyarakat dalam mencari informasi masjid melalui website yang ada. Tahapan penelitian ini
meliputianalisis kebutuhan, perancangan sistem, implementasi dan pengujian. Sistem informasi e-smart
application masjid berbasis web ini diuji dengan metode black box. Dengan adanya sistem informasi e-smart
application masjid berbasis web ini diharapkan dapat mempermudah dalam pengolahan data masjid secara
efektif dan efisien.
Kata-Kata Kunci : Masjid, Informasi, Website, Codeigniter, PHP, MysSQL, Boostrap Css, Javascript
menyelesaikan masalah yang terjadi berjudul “Sistem apa yang akan dikerjakan dan bagaimana
Informasi E-Smart Application Masjid Berbasis tampilannya. Tahap ini memenuhi semua kebutuhan
Web”. pengguna sesuai dengan hasil yang dianalisa seperti
rancangan tampilan pengembangan sistem informasi
II. Metode Penelitian di masjid khairiyah, dan membantu mendefinisikan
arsitektur sistem secara keseluruhan. Dokumentasi
2.1 Prosedur Penelitian yang dihasilkan dari tahap desain sistem ini antara
1. StudiLiteratur lain perancangan Use Case Diagram, Activity
Proses studi literatur dilakukan dengan Diagram, Sequence Diagramdan perancangan
mempelajari bahan bahan literatur tentang sistem interface.
informasi e-smart application masjid yang didapat
melalui internet, buku majalah, Koran, Laporan dan 2. Coding (Penulisan Kode Program)
Dokumen dan literatur lain yang berkaitan dengan Aktivitas pada tahap ini dilakukan pengkodean
penelitian. Sehingga bahan literatur yang telah sistem. Penulisan kode program merupakan tahap
dipelajari dapat diterapkan untuk membuat sistem penerjemahan desain sistem yang telah dibuat ke
informasi e-smart application masjidberbasis web dalam bentuk perintah-perintah yang dimengerti
yang baik. Selain itu, penulis mempelajari berbagai komputerdenganmempergunakan bahasa
teknologi yang sesuai dengan kebutuhan sistem dan pemrograman. Tahapan ini merupakan tahapan
kebutuhan pengguna yang menjadi acuan secara nyata dalam mengerjakan suatu sistem.
pembangunan sistem yang lebih baik. Sistem ini bahasa pemrograman yang dipakai adalah
2. Observasi Framework Codeigniter, PHP, HTML, CSS,
Observasi merupakan kegiatan dimana peneliti Boostrap, Javascript, Jquery,Google Chrome, dan
terjun secara langsung kelapangan yang mau diteliti MySQL.
guna mengumpulkan data bagaimana cara sistem itu
berjalan dengan pemakainya kelak. Pada tahap ini, 3. Testing (Pengujian Program)
peneliti mengamati langsung keadaan dan kegiatan Pengujian dilakukan untuk memastikan bahwa
dalam proses penginputan data guna didapatkan data softtware yang dibuat telah sesuai dengan desainnya
alur masjid yang sedang berjalan dan apa masalah dan semua fungsi dapat dipergunakan dengan baik
yang sedang dihadapi oleh panitia. tanpa adakesalahan.
3.2 Pembahasan
Sistem Informasi E-Smart Application Masjid
berbasis web pada masjid Khairiyah ini dibuat
dengan tujuan untuk menghasilkan sistem yang
dapatmelakukan pengelolaan keuangan masjid,
donasi, info masjid, kegiatan-kegiatan pengajian
Gambar 9. Halaman Tambah Data Donasi rutin yang dilakukan, memudahkan proses
penyimpanan dan mengurangi kesalahan dalam
3.1.8 Halaman Laporan Kas penginputan data masjid, dapat mencari data karena
Data kas masuk dan kas keluar yang sudah data telah disimpan dalam bentuk digital, dan terjaga
diinputkan sebelumnya akan tersimpan ke Laporan keamanannya. Dan berdasarkan hasil dari tahap
kas. Pada halaman laporan kas ini, admin dapat pengujian yang dilakukan dengan menggunakan
melakukan pencarian data dengan menginputkan metode blackbox, maka dapat disimpulkan sistem
data donasi dari tanggal ke tanggal yang diinginkan telah berhasil memenuhi tujuan yang telah dibuat
lalu klik tombol search dan admin juga dan dapat digunakan sesuai dengan fungsinya.
dapatmencetak laporan kas dengan klik tombol Diharapkan juga sistem ini dapat dikembangkan
download excel. Seperti tampilan Gambar 10. lebih baik lagi oleh peneliti selanjutnya.
IV. Kesimpulan dan Saran [2.] Buyung I,P., 2017, Panduan Bekerja Di Dunia
Teknologi, Teknologi Informasi Internet,
4.1 Kesimpulan Jogjakarta, Mitra Pelajar.
Berdasarkan dari hasil perancangan dan [3.] Eliani, R. Y., 2019, Implementasi Metode
pengujian yang telah dilakukan dalam pembuatan Analytical Hierarchy Process (Ahp) Untuk
aplikasi sistem informasi e-smart application masjid Evaluasi Kinerja Pegawai Pukesmas Tunas
berbasis web ini, maka dapat diambil kesimpulan Harapan. (Doctoral dissertation, Politeknik
sebagai berkut : Negeri Sriwijaya).
1. Rancang bangun sistem informasi e-smart [4.] Fathurrahman, M. I., 2019, Sistem
application masjid yang dapat digunakan oleh Pemantauan Pelanggaran Dan Tagihan
administrator untuk mengelola data baik data Susulan Pada PT Pln Unit Layanan Pelanggan
nama donatur, hak akses, data kas masuk, data Mentok dengan Model Rapid Application
kas keluar, data kegiatan pengajian, laporan Development (RAD) (Doctoral dissertation,
keuangan, donasi rekening, laporan donasi Politeknik Negeri Sriwijaya).
rekening di masjid Khairiyah. [5.] Feri Sulianti., 2017, Teknik Perancangan
2. Penerapan metode waterfall pada sistem Arsitektur Sistem Informasi, Informasi System,
informasi e-smart application masjid ini dapat Yogyakarta, Andi.
menyelesaikan masalah dengan baik karena [6.] Novryaldy, A., Seitadi, T., 2018, Perancangan
proses pengembangannya dilakukan secara Sistem Informasi Profil Masjid Berbasis
berurutan, tahap demi tahap yang dilalui harus Website, Jurnal Ilmiah Teknologi Infomasi
menunggu selesainya tahap sebelumnya Terapan, 4(3), 242–252.
sehingga dapat meminimalisir masalah yang [7.] Puji Rahmawati, R. I. F. A. N. I., &
terjadi maupun bug pada sistem yang dibuat. Anistyasari, Y., 2019, Pengembangan Web
3. Aplikasi dapat menampilkan dan mencetak Repositori Untuk Meningkatkan Pengetahuan
laporan rekap data keuangan yang diperlukan Kognitif Tentang Metode Penelitian Pada
oleh admin. Mahasiswa Di Jurusan Teknik Informatika
4. Penyimpanan data secara digital terdapat Universitas Negeri Surabaya. It-Edu, 4(01).
backup data selain media kertas, yang akan [8.] Takdir Ambo., Kusuma Hati., 2019, Sistem
membantu jika data berupa media kertas hilang Informasi Pengelolaan Kas Berbasis Web,
atau rusak bisa diatasi dengan data digital. Jurnal Penelitian Ilmu Komputer 7 (1), 55 – 68.
[9.] Waikabo, A. R., & Rosyadi, H. E., 2019,
4.2 Saran Desain Sistem Informasi Materi Perkuliahan
Penulis menyadari bahwa pada sistem informasi Berbasis Web Pada Fakultas Teknologi
e-smart application masjid ini masih banyak Informasi Unmer Malang, In Seminar Nasional
kekurangan, untuk itu apabila kedepannya penelitian Sistem Informasi (SENASIF) (Vol. 3, No. 1,
ini akan dilanjutkan, penulis akan memberikan pp. 2108-2114), September.
beberapasaran mengenai bagian-bagian yang [10.] Welim, Y. Y.,Sakti, A. R., 2017, Rancang
sebaiknya ditingkatkan lagi, yaitu : Bangun Sistem Informasi Administrasi
1. Menambah fitur user aktivasi melalui email Pengelolaan Dana Masjid Pada Yayasan Al-
masing-masing pada saat user ingin melalukan Muhajiriin, Tangerang. Simetris : Jurnal
registrasi ke website. Teknik Mesin, Elektro Dan Ilmu Komputer,
2. Menambah fitur jadwal shalat 5 waktu. 7(1),29.
3. Memperbaiki tampilan utama dengan [11.] Yunita, I., & Sukma, I., 2016, Sistem Informasi
menampilkan shalat lima waktu. Wedding Organizer Pada Yusma Salon
Berbasis Web, Simtek: Jurnal Sistem Informasi
Daftar Pustaka dan Teknik Komputer, 1(2), 173-181.