Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika, 6 (1) (2023) 57-65

Journal homepage: http://ejournal.uika-bogor.ac.id/index.php/INOVA-TIF/index

E-ISSN : 2654-5519. P-ISSN : 2654-553 | DOI : 10.32832/inovatif
Published by: Universitas Ibn Khaldun

Website-Based Baiturrahman Mosque Management Information System

Case Study Of Baiturrahman Mosque Pandu Raya
Riswandha Imawan1*, Puspa Eosina2, Dewi Primasari3
1,2,3
Universitas Ibn Khaldun Bogor

*E-mail: [email protected]

Received : December 2022 Accepted : February 2023 Published : April 2023

Abstract
The Baiturrahman Mosque is a place for Muslims to gather to perform prayers or other Islamic activities
based on the Shari'a and adab in it. These activities cannot be separated from the existence of administrators
from each mosque, tasked with conveying information about activities at the mosque. the purpose of this
research is to design and build a website-based management information system for the Baiturrahman
mosque. The waterfall model is a system development model that is systematic and sequential in building
software. Building a website-based mosque management information system. From the Baiturrahman
mosque information system, there are several menus that local worshipers can use, such as qurban savings,
information about mosque activities and finances.
Keywords : Information Systems, website, Mosque management, savings, Waterfall method.

Introduction

Muslims congregate at the mosque to perform prayers and other sharia- and adab-based Islamic rituals. One
of the mosques in the Bogor region, namely on Jalan Destarasta, Pandu Raya, North Bogor, is the
Baiturrahman Mosque. It serves as a place of prayer for local Muslims as well as a venue for mosque events.
Worshipers in the area of the mosque have had difficulty obtaining information about the Baiturrahman
Mosque, including information on the mosque's activities, infaq, and zakat, because the information is
provided by the mosque's management through announcements. Considering the issues listed above, a
comprehensive system that Muslims may utilize is required.
The first study conducted by Indra Wardana in 2013 outlined computerization in relation to administrative
management at the secretariat and finances of the Jogokirayan Yogyakarta mosque, which includes reporting
on congregational data, preacher reports, mosque activities, and even data collection obtained by the mosque.
According to this study, there is a connection between the system requirements analysis and the
administrative data gathered for the mosque that can be used to manage the secretarial and financial
administration of the mosque [1]. In his research from 2018, Alldy Novryaldy outlined the significance of
overseeing mosque administration in the city of Jogyakarta since the mosque profile would afterwards serve
as a source of knowledge in an endeavor to grow the mosque.
This study revealed that the creation of a mosque profile system was very beneficial for Yogyakarta's
Ministry of Religion [2]. Given the significance of mosque information that Surakarta residents must get, a
website employing the hypertext preprocessor (PHP) and MySQL database management systems and the
HTML and CSS programming languages was developed [3]. One of the large mosques in the village of
Pabelan Kartasura Sukaharjo is having an information system designed for it. More specifically, the
information system will be used to manage operations including controlling mosque money and borrowing
locations [4]. Mosques, orphanages, and Islamic boarding schools are examples of social welfare in
Singkawang City. In order to preserve data and information securely and to provide or receive support, the
information system for orphanages, mosques, and Islamic boarding schools is unfortunately still employing
manual methods [5]. The Al-Huda Karah Surabaya mosque's ongoing management continues to employ a
manual method for mosque financial management and administration, giving the impression that it is strict
and monotonous [6]. Information system for ZIS Mosque financial management. One of the large mosques in
Windan Village, Makam Haji, Kartasura, Sukaharjo has an information system. This mosque used to manage

57
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
activity information manually, making it challenging for the neighborhood to receive information, even from
mosque managers who were having trouble managing their data [7].
hence, the problem's formulation was produced. How to create and implement a website-based management
information system for mosques. The goal of this study is to develop a website-based management
information system for the Baiturrahman mosque in accordance with how the problem has been formulated.

Methodology

The Waterfall method was used by researchers to design this system since it is an organized approach. The
steps in the waterfall approach are as follows. Pressman (2001, 29) states that after that, the author
incorporates it into the design of a Baiturrahman mosque system that will be accessible online. The stages in
Figure 1 are depicted as follows.

Figure 1 Waterfall method according to Pressman

Through the steps of planning, modeling, implementation (construction), and testing, progress is seen as
continuously flowing downward (like a waterfall) in the sequential software development process known as
the waterfall method. The waterfall technique comprises four logical phases that make up its development:
requirements (an examination of the demands of system design), coding and testing, program
implementation, and maintenance..

Needs analysis
Finding the information required to build a website-based management information system for the
Baiturahman Mosque is the process of doing a needs analysis.

58
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
Design
The management information system for the web-based Baiturrahman Mosque is currently designed as a
mockup presentation. utilizing UML to create system flow designs (Unifed Modeling Language).

Coding
Now, coding is being done to establish a web-based management information system for the
Baiturrahman Mosque. The programming languages HTML (Hyper Text Markup Language) and PHP
(Hypertext Preprocessor) will be used by the author.

Testing
At this point, system trials a type of testing are conducted. Researchers will evaluate each system's
functionality during this system experiment.

Maintenance
Since the system won't always be this way, the process of maintaining a software is currently required.
This includes adding features to the website-based Baiturrahman Mosque management information system.

Result

First Analysis
The management of the mosque was interviewed for the purpose of gathering information regarding how
the public will be informed about the Baiturrahman mosque.

Old Business Process Analysis

Prior to the website-based Baiturrahman mosque management information system, business operations
still rely on manual processes such looking through mosque management-stored archives for information.
Figure 2 in the following provides a visual representation of the previous business procedure.

Figure 2 Old Business Process Analysis

59
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
New Business Process Analysis
The author attempts to streamline the management of Baiturrahman Mosque information using
information systems since updating the outdated business process is important to make it easier to find
information. Figure 3's new business process is described in the passages that follow.

Figure 3 New Business Process Analysis

Second Design

The result of this stage is a web-based mosque management information system flow design.

Context Diagram

A context diagram is a visual representation of the creation process of a system. The business process
outlines how actors (actors) interact with the system. Figure 4 depicts the study's context diagram.

Figure 4 Context Diagram Design

Use Case Diagram

Use case diagrams outline a system's anticipated capability. Use case diagrams describe a system's
advantages from the perspective of those outside the system. In Figure 5, a use case diagram is displayed.

60
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
 Figure 5 Use Case Diagram

Transaction Data Manager Activity Diagram

Whether a manager wants to handle infaq data, zakat mall data, zakat fitrah data, or cash data, he engages
in the activity depicted in the activity diagram of transaction data management. Observing infaq data, zakat
mall data, zakat fitrah data, and cash data are a few examples. Including cash data, zakat fitrah, zakat mall,
and infaq data. Modify the data from infaq, zakat mall, zakat fitrah, and cash. zakat mall, zakat fitrah cash,
and delete infaq data See Figure 6 for the transaction data management activity diagram.

Figure 6 Activity diagram of Transaction Data Manager

61
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
Transaction Sequence Diagram

Managers can add, amend, delete, and print transactions sequence diagrams. The manager sequence
diagram for fresh transaction data on the Baiturrahman mosque system is shown in Figure 7.

Figure 7 Transaction Sequence Diagram

Class Diagram

The foundation of object-oriented development and design is a class diagram, which is a specification
that, when instantiated, creates an object. Class diagrams enable services to manipulate these criteria
(methods/functions) when describing the characteristics of a system. Figure 8 provides additional
information.

Figure 8 Class Diagram

62
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
Component Diagram

A component diagram is a diagram that shows the parts of the system and their connections. The
interdependencies between different software components, such as those between executable files and their
source files, are explained using component diagrams. Figure 9 displays the component diagram that follows.

Figure 9 Component diagram

Thrid Interface Implementation

Login

The system login form is shown on this page. See the display in Figure 10.

Figure 10 Login

Dashboard Page

When you first log in, the Dashboard page serves as the primary display. Figure 11 shows some of the
buttons and menus on this screen..

63
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
 Figure 11 Dashboard page
Fourth System Testing

A stage of testing a built-in system is system testing. Blacbox testing is used to test the website-based
Baiturrahman mosque management information system.

Blackbox Testing

Blackbox testing involves checking the accuracy of the conclusions reached by the system in response to a
command. Blackbox testing of the management information system for the Baiturrahman mosque's website,
as shown in Table 1.

Table 1 Blackbox Testing

Input Expected
No Scenario Output generated Conclusion
provided output

1 Press Home Viewing the Display website Display website Successful

Menu website display information information and Testing
description

2 Press Login Test the login Successful Successful login Successful

function login and and return to the Testing
switch to the main menu
main menu
3 Press Jamaah Test the Displaying Display Successful
Menu congregation pilgrim data congregation data Testing
menu function with complete
identity
4 Press the add Input added Adding pilgrim Congregation data Successful
congregation pilgrims data increased Testing
button
5 Press the edit Edit Change pilgrim Pilgrim data Successful
congregation congregation data changes Testing
button data
6 Press the delete Delete Delete Congregation data Successful
congregation congregation congregation deleted Testing
button data data
7 Press the Print Jamaah Printing Print out Successful
congregation congregation congregation data

64
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
 print button data data as a pdf file Testing

8 Press the Test the Display Display transaction Successful

Transaction Transaction transaction data data by transaction Testing
button menu function type

Conclusion

Referring to the results of the research and discussion that has been carried out, the following conclusions can
be drawn, this baiturrahman mosque management information system produces a website-based system that
can be accessed by worshipers. From the information system of the Baiturrahman mosque there are several
menus that can be utilized by local worshipers, such as qurban savings, information about mosque activities
and finances.

Refrences

[1] Prof. Dr. Soepomo, S.H., Janturan, Umbulharjo, Yogyakarta 55164 Tahun 2013.
[2] Alldy Novryaldy, Tedy Setiadi Program Studi Teknik Informatika Fakultas Teknologi Industri -
Universitas Ahmad Dahlan Jl.Prof. Dr. Soepomo, Janturan, Yogyakarta Tahun 2018.
[3] Claudia Paramita Sistem Informasi Masjid Di Surakarta Tahun 2016.
[4] Dodyk Kristanto Sistem Informasi Pengelolaan Masjid Ibaadurahman Berbasis Web Oleh Tahun
2018.
[5] Syaifullah1, Heri priyanto2, M. Azhar Irwansyah3. Program Studi Teknik Informatika Fakultas
Teknik Universitas Tanjungpura123 Tahun 2016.
[6] Ahamd Udin , Dedy Rahman Prehanto Rancang Bangun Sistem Informasi Pengelolaan Keuangan
ZIS Masjid Berbasis Web (Studi Kasus : Masjid Al – Huda Karah Surabaya) tahun 2016.
[7] Reyanda Dwi Yatna Putra Perancangan Sistem Informasi Manajemen Masjid Baiturahim berbasis
Web Tahun 2017.
[8] Yadi Utama Jurusan Sistem Informasi Fakultas Ilmu Komputer Universitas Sriwijaya Tahun 2011.
[9] Syamsul Kurniawan Institut Agama Islam Negeri (IAIN) Pontianak Masjid Dalam Lintasan Sejarah
Umat Islam Tahun 2014.
[10] D. Utami, “Pengembangan Website Repository Universitas Widiyatama,” Universitas Widiyatama,
Kota Bandung, 2014.
[11] Dra. Sri Ati, M.Si. Prof. Dr. Nurdien H. Kistanto, M.A. Amin Taufik,S.Sos. Chamidi, Safrudin.
Tahun 2004.
[12] Suendri Universitas Islam Negeri Sumatera Utara, Medan, Indonesia Tahun 2018
[13] Chrisantus Tristianto Dosen STMIK Eresha Tahun 2018.
[14] RPL7th_ed_software_engineering_a_practitioners_approach_by_roger_s_pressman_

65
Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika SINTA 5 Accreditation
Inovatif is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).