Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
SISTEM INFORMASI MANAJEMEN MASJID JAMIAo
ASSALAM BERBASIS WEB
ANasiruddin, 2Tarisno Amijoyo, 3Adri Ahmad Shodiqqin 1Universitas Saintek Muhammadiyah.
Jl.
Kelapa Dua Wetan Ciracas No.
Jakarta.
Indonesia 2Universitas Saintek Muhammadiyah.
Jl.
Kelapa Dua Wetan Ciracas No.
Jakarta.
Indonesia 3Universitas Saintek Muhammadiyah.
Jl.
Kelapa Dua Wetan Ciracas No.
Jakarta.
Indonesia 1nasiruddin@saintekmu.
id, 2tarisno_amijoyo@saintekmu.
3adrishodiqqinn@gmail.
Abstrak Masjid JamiAo Assalam adalah masjid yang berdiri sejak tahun 2006 yang berada di Perumahan Bumi Anggrek tepatnya di Blok T-U.
Pada Masjid JamiAo Assalam.
Dewan Kemakmuran Masjid (DKM) terbagi menjadi beberapa bagian yang memiliki tugasnya masing-masing, salah satunya mengelola data informasi tentang Masjid JamiAo Assalam.
Saat ini Masjid belum memiliki sistem pengelolaan Masjid yang bisa mengatur seluruh kegiatan dengan baik, khususnya informasi terkait kegiatan Masjid kepada seluruh masyarakat.
Berdasarkan permasalah tersebut, penulis melakukan penelitian dengan dibuatkan aplikasi sistem informasi manajemen Masjid berbasis web agar dapat menyelesaikan masalah yang ada di Masjid JamiAo Assalam.
Metode pengembangan sistem yang digunakan peneliti adalah metode SDLC (System Development Life Cycl.
dengan model proses waterfall, dari mulai requirement hingga sampai tahap pengujian.
Bahasa pemrograman yang digunakan adalah Hypertext Preprocessor (PHP) dan JavaScript dengan framework Bootstrap, untuk database menggunakan MySQL.
Tujuannya adalah dapat mempermudah pengurus Masjid dalam mencari informasi terkait dengan Masjid melalui sistem website yang ada.
Hasil dari penelitian ini menunjukkan bahwa sistem ini layak digunakan dan telah dibuktikan melalui pengujian sistem serta kuesioner.
Dengan adanya sistem ini DKM Masjid JamiAo Assalam dapat mengelola data kepengurusan dan mengelola kegiatan Masjid lainnya serta informasi yang terkait dengan Masjid.
Kata Kunci : sistem, informasi, manajemen, masjid.
___________________________________________________________________
PENDAHULUAN
Masjid JamiAo Assalam memiliki banyak kegiatan rutin seperti, shalat berjamaah, shalat jumAoat, pengajian umum, kajian khusus akhwat, kegiatan bulan ramadhan, dan perayaan hari besar.
Masjid JamiAo Assalam memiliki kegiatan shadaqah yang dilaksanakan setiap hari jumAoat.
Acara ini merupakan kegiatan rutin berupa pembinaan dan penyaluran sembako kepada fakir atau dhuafa binaan.
Selain itu, pada hari raya Idul Adha.
Masjid JamiAo Assalam juga menerima dan menyalurkan hewan qurban yang nantinya akan didistribusikan kepada seluruh masyarakat Perumahan Bumi Anggrek dan sekitarnya.
Namun saat ini Masjid JamiAo Assalam belum memiliki sistem pengelolaan masjid yang efisien dan efektif untuk mengatur semua kegiatan tersebut.
Informasi yang tersedia masih disajikan dalam bentuk laporan manual yang ditaruh di papan buletin dan menggunakan pengumuman pengeras suara, selain itu jadwal penceramah pernah bertabrakan antara dua khatib dalam satu masjid akibat kurangnya koordinasi.
Solusi dari permasalahan diatas, maka dibuatnya AuSistem Informasi Manajemen Masjid Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
JamiAo Assalam Berbasis WebAy ini agar dapat menyelesaikan masalah yang ada di Masjid JamiAo Assalam.
1 Identifikasi Masalah Berdasarkan latar belakang di atas terdapat beberapa identifikasi permasalahan yang dapat dituangkan dalam penelitian ini, sebagai berikut:.
Pernah terjadi perbenturan jadwal penceramah 2 .
khatib dalam Masjid karena kurangnya koordinasi.
Kurangnya informasi terkait dengan masjid kepada seluruh masyarakat yang beribadah di Masjid JamiAo Assalam.
Informasi yang disampaikan kepada jamaah masih menggunakan papan buletin atau pengumuman pengeras suara yang belum efisien dan belum efektif.
2 Batasan Masalah Berdasarkan identifikasi permasalahan yang ada, penulis akan membatasi ruang lingkup permasalahan yang akan diteliti.
Ruang lingkup akan dibatasi, sebagai berikut:
Sistem ini dapat melihat jadwal penceramah untuk khatib yang sudah ditentukan oleh pihak masjid.
Sistem ini memiliki informasi terkait kegiatan masjid berbasis website yang dapat di akses melalui laptop atau smartphone.
Sistem ini menggunakan bahasa pemrogramman PHP dan JavaScript dengan framework Bootstrap, serta database menggunakan MySQL 3 Rumusan Masalah Berdasarkan identifikasi permasalahan diatas, ada beberapa perumusan masalah pada penelitian ini, yaitu:
Bagaimana membuat Sistem Informasi Manajemen Masjid JamiAo Assalam Berbasis Web? Bagaimana mengimplementasikan Sistem Informasi Manajemen Masjid JamiAo Assalam Berbasis Web? 4 Landasan Teori 1 Sistem Informasi Sistem informasi, menurut Azhar Susanto adalah kumpulan dari sub-sub sistem baik fisik maupun non fisik yang saling berhubungan satu sama lain dan bekerja sama secara harmonis untuk mencapai satu tujuan yaitu mengolah data menjadi informasi yang berguna.
2 Manajemen Manajemen, menurut Malayu S.
Hasibuan adalah ilmu dan seni mengatur proses pemanfaatan sumber daya manusia dan sumber-sumber lainnya secara efektif dan efesien untuk mencapai suatu tujuan tertentu.
3 Masjid Masjid, menurut Sofyan Syafri Harahap merupakan salah satu unsur penting dalam struktur masyarakat islam.
Masjid bagi umat Islam memiliki makna yang besar dalam kehidupan, baik makna fisik maupun makna spiritual.
Kata masjid itu sendiri berasal dari kata sajada-yasjudu-masjidan .
empat suju.
4 Komponen Software Penbuatan sistem informasi manajemen berbasir web terdiri dari beberapa komponen yang saling berkaitan, sebagai berikut:
PHP (Hypertext PreProcesso.
Menurut Kustiyahningsih.
PHP .
tau resminya PHP: Hypertext PreProcesso.
adalah skrip bersifat server side yang ditambahkan dalam HTML.
PHP sendiri Nasiruddin.
Tarisno Amijoyo.
Adri Ahmad Shodiqqin Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
merupakan singkatan dari Personal Home Page Tool.
Skrip ini akan membuat suatu aplikasi dapat diintegrasikan ke dalam HTML sehingga suatu halaman web tidak lagi bersifat statis, namun menjadi bersifat dinamis.
Sifat server side berarti pengerjaan kode program dilakukan di server, baru kemudian hasilnya dikirimkan ke browser.
JavaScript Menurut Siahaan & Rismon.
JavaScript adalah sebuah bahasa script dinamis yang dapat dipakai untuk membangun interaktifitas pada halaman-halaman HTML Ini dilakukan dengan menamakan blok-blok kode JavaScript di hampir semua tempat pada halaman web.
MySQL Menurut Teuku Radillah.
MySQL adalah sebuah program database server yang mampu menerima dan mengirim datanya dengan sangat cepat, multi user serta menggunakan perintah standar SQL (Structure Quered Languag.
MySQL memiliki dua bentuk lisensi, yaitu Free Software dan Shareware.
MySQL yang biasa digunakan adalah MySQL Free Software yang berada dibawah lisensi GNU/GPL (General Public Licens.
MySQL merupakan sebuah database server yang free, artinya kita bebas menggunakan database ini untuk keperluan pribadi atau usaha tanpa harus membeli atau membayar lisensinya.
Bootstrap Menurut Husein Alatas.
Bootstrap merupakan framework untuk membangun desain web secara responsif.
Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layer dan browser yang kita gunakan baik di desktop, tablet ataupun mobile device.
XAMPP
XAMPP (X(Window/Linu.
Apache MySQL PHP dan Per.
Merupakan paket server web PHP dan database MySQL yang paling populer di kalangan pengembang web dengan menggunakan PHP dan MySQL sebagai databasenya.
Visual Studio Code Menurut Gusmi Tasari.
Visual Studio Code adalah aplikasi cross platform yang dapat digunakan berbagai sistem operasi seperti Windows.
Linux, dan Mac OS.
Visual Studio Code termasuk software yang ringan namun kuat editor sumbernya dengan desktop.
Menggunakan berbagai macam bahasa pemprograman seperti Java.
JavaScript.
Go.
C , dan masih banyak yang lainnya.
METODE PENELITIAN
1 Metode Pengembangan Sistem Metode Pengembangan Sistem yang digunakan dalam penelitian ini yaitu SDLC (System Development Life Cycl.
yang menggunakan metode waterfall.
Menurut Pressman .
Model waterfall .
odel air terju.
merupakan suatu model pengembangan secara Model waterfall bersifat sistematis dan berurutan dalam membangun sebuah perangkat lunak.
Proses pembuatannya mengikuti alur dari mulai analisis, desain, kode, pengujian dan pemeliharaan.
Berikut penjelasan tahapan-tahapan model waterfall yang digunakan untuk penelitian ini, sebagaimana penjelasan Gambar 1.
Sistem Informasi Manajemen Masjid JamiAo Assalam Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Gambar 1.
Tahapan Metode Waterfall Tahapan Ae tahapan dalam metode waterfall:
Communication (Komunikas.
Komunikasi dengan melakukan observasi pada Masjid JamiAo Assalam kemudian mewawancarai Ketua DKM dan Wakil Ketua DKM terkait dengan masalah Masjid.
Planning (Perencanaa.
Tahap ini melakukan analisa terhadap sistem yang berjalan saat ini kemudian mengidentifikasi untuk menyesuaikan dengan sistem yang dibutuhkan.
Modelling (Pemodela.
Pada tahap ini dilakukan dengan pembuatan desain untuk memberikan gambaran mengenai apa yang perlu dilakukan dan seperti apa bentuk sistem yang diinginkan.
Hal ini membantu untuk merinci kebutuhan perangkat keras dan sistem, serta menjelaskan pola arsitektur sistem yang akan dirancang secara keseluruhan.
Contruction (Konstruksi/Perancanga.
Hal yang dilakukan untuk tahapan ini yaitu pembuatan kode.
Pada proses ini, pengembangan perangkat lunak akan dibagi menjadi komponen-komponen kecil yang kemudian akan disatukan dalam tahapan berikutnya.
Setelah itu kode akan disesuaikan dengan desain yang telah dirancang sebelumnya.
Deploymen (Penenmpata.
Tahapan akhir ini akan dilakukan pengujian terlebih dahulu agar sistem ini dapat sesuai dari segi tampilan yang diinginkan dan tidak ada kesalahan saat menjalankan sistem Maka perlunya dilakukan pengujian pada Sistem Informasi Manajemen Masjid JamiAo Assalam.
2 Metode Pengumpulan Data 1 Studi Pustaka Studi pustaka ini dilakukan dengan pencarian buku-buku, jurnal dan artikel, baik yang terdapat di perpustakaan maupun dari internet yang berhubungan dengan penelitian yang diambil.
2 Observasi Observasi merupakan metode pengumpulan data yang dilakukan dengan cara mengamati secara langsung objek yang sedang diteliti.
Melalui pengamatan langsung mulai dari sistem yang sedang berjalan, langkah-langkah yang diambil, dokumen atau data yang dibutuhkan, serta masalah yang muncul terkait dengan topik yang akan 3 Wawancara Wawancara merupakan suatu teknik yang biasa digunakan untuk mengumpulkan informasi atau data dari seseorang atau beberapa orang.
Metode ini dilakukan dengan sesi tanya jawab antara pewawancara dengan narasumber .
4 Dokumentasi Nasiruddin.
Tarisno Amijoyo.
Adri Ahmad Shodiqqin Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Dokumentasi merupakan metode pengumpulan data dengan cara mencatat data yang ada.
Metode ini sederhana dibandingkan dengan metode pengumpulan data
HASIL
Hasil dari penelitian ini yaitu untuk mempermudah pengurus masjid (DKM) mengelola informasi terkait dengan masjid yang dapat membantu seluruh masyarakat untuk mendapatkan informasi mengenai masjid dan kegiatan lainnya dan memberikan akses kemudahan untuk penceramah dalam penjadwalan khatib atau ceramah untuk melihat jadwal ceramah.
1 Implementasi Halaman Login Halaman login merupakan halaman untuk Admin .
engurus masji.
masuk ke dalam halaman Admin .
dengan memasukkan username dan password yang diberikan yakni sudah terdaftar pada sistem, sebagaimana dijelaskan pada Gambar 2.
Gambar 2.
Halaman Login 2 Implementasi Halaman Dashboard Halaman dashboard merupakan tampilan halaman utama Admin .
engurus masji.
bila Admin berhasil masuk dengan memasukkan username dan password yang diberikan yakni sudah terdaftar pada sistem, sebagaimana dijelaskan pada Gambar 3.
Gambar 3.
Halaman Dashboard 3 Implementasi Halaman Informasi Halaman Informasi, merupakan yang digunakan Admin untuk menambah, melihat, merubah atau menghapus data informasi, sebagaimana dijelaskan pada Gambar 4.
Sistem Informasi Manajemen Masjid JamiAo Assalam Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Gambar 4.
Halaman Informasi 4 Implementasi Halaman Pengelolaan Nilai Halaman agenda merupakan halaman yang digunakan Admin untuk menambah, melihat, merubah, atau menghapus data agenda, sebagaimana dijelaskan pada Gambar 5.
Gambar 5.
Halaman Agenda 5 Implementasi Halaman Galeri Halaman galeri merupakan halaman yang digunakan Admin untuk menambah, merubah, atau menghapus data galeri, sebagaimana dijelaskan pada Gambar 6.
Gambar 6.
Halaman Galeri PEMBAHASAN 1 Analysis 1 Analisa Kebutuhan Hardware Berikut merupakan kebutuhan hardware yang digunakan untuk membuat Sistem Informasi Manajemen Masjid JamiAo Assalam, sebagaimana penjelasan Tabel 1 sebagai Tabel 1.
Kebutuhan Perangkat Keras (Hardwar.
Hardware Laptop Komponen Prosessor Sistem Operasi Keterangan Intel Celeron N4020 CPU @ 1.
10Ghz Windows 11 Home Single Language 64 Bit Nasiruddin.
Tarisno Amijoyo.
Adri Ahmad Shodiqqin Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
RAM
Kartu Grafis Penyimpanan P-ISSN
E-ISSN
2745-584X
4 GB RAM DDR4 2400 Mhz
Intel UHD Graphics 600
250 SSD DDR4
2 Analisa Kebutuhan Software Berikut merupakan kebutuhan software yang digunakan untuk membuat Sistem Informasi Manajemen Masjid JamiAo Assalam, sebagaimana penjelasan Tabel 2 sebagai Tabel 2.
Kebutuhan Perangkat Lunak (Softwar.
Software XAMPP Visual Studio Code PHP MyAdmin MySQL Fungsi Untuk merancang, mengembangkan, dan mengakses ke dalam website.
Merancang dan mengedit beberapa program sesuai yang dibutuhkan.
Mengelola tabel dan data pada database melalui web.
Membuat query dan mengoperasikan sistem database.
3 Analisa Kebutuhan Brainware Berikut merupakan kebutuhan brainware yang digunakan untuk membuat Sistem Informasi Manajemen Masjid JamiAo Assalam, sebagaimana penjelasan Tabel 3 sebagai Tabel 2.
Kebutuhan Brainware Admin Mengelola akun admin .
enambah, mengedit, menghapu.
Mengelola data Informasi .
enambah, mengedit, menghapu.
Mengelola data Agenda (Jadwal Khatib / Penceramah, menambah, mengedit, menghapu.
Mengelola data Galeri .
enambah, mengedit, menghapu.
Mengelola data Tentang Masjid (Profil Masji.
Mengelola data Ulasan .
User Melihat Menu Informasi Melihat Video Tausyiah (Digital Dakwa.
Melihat Galeri Melihat Agenda (Jadwal Khatib/Pencerama.
Melihat Profil Masjid 4 Analisa Sistem Yang Berjalan Analisis sistem yang berjalan saat ini, pengelolaan informasi pada Masjid JamiAo Assalam masih menggunakan pengeras suara dan papan buletin, baik dari informasi terkait dengan masjid, laporan keuangan dan kegiatan-kegiatan lainnya.
Adapun penjelasan activity diagram terkait analisis sistem yang berjalan pada Masjid Jami Assalam, sebagaimana dijelaskan pada Gambar 7.
Sistem Informasi Manajemen Masjid JamiAo Assalam Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Gambar 7.
Analisa Sistem Yang Berjalan Berikut adalah keterangan proses aktivitas sebagaimana penjelasan Gambar 7, sebagai berikut:
Pengurus masjid (DKM) membawa lembaran yang berisi informasi Masjid yang telah diberikan kepada Ketua DKM.
Lembaran yang berisi informasi Masjid tersebut di sampaikan melalui pengumuman pengeras suara oleh pengurus Masjid.
Apabila jamaah terlewatkan akan adanya informasi yang telah disampaikan, pengurus Masjid menaruh lembaran yang berisi informasi di papan buletin agar seluruh masyarakat yang tertinggal informasi akan bisa melihat di papan buletin.
Lembaran yang berisi informasi itu berkategori.
informasi darurat, laporan keuangan, dan kegiatan-kegiatan lainnya.
5 Analisa Sistem Yang Akan Diusulkan Penjelasan analisis sistem yang akan diusulkan yaitu memberi solusi terkait permasalahan yang dihadapi sehingga dapat mempermudah pengurus masjid (DKM) untuk mengelola informasi terkait dengan Masjid, sebagaimana dijelaskan pada Gambar 8.
Gambar 8.
Analisa sistem Yang Diusulkan 2 Design System Desain sistem ini menjelaskan proses pembuatan desain untuk program perangkat lunak, pembuatan kode, struktur data, dan tampilan antarmuka .
ser interfac.
yang akan diimplementasikan untuk menjadi program tahap selanjutnya.
1 Perancangan Use Case Diagram Use case diagram menjelaskan kegiatan keseluruhan antara Admin dan User yang sedang berinteraksi terhadap sistem, sebagaimana ditampilkan pada Gambar 9.
Nasiruddin.
Tarisno Amijoyo.
Adri Ahmad Shodiqqin Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Gambar 9.
Use Case Diagram Perancangan Activity Diagram Activity diagram menjelaskan sebuah proses dan urutan aktivitas pada sistem.
Berikut adalah beberapa proses yang telah dirancang menggunakan activity diagram, sebagai berikut:
Activity Diagram Login Pada Gambar 10, menjelaskan proses kerja sistem saat pertama kali dijalankan, di mana pengguna harus login terlebih dahulu dengan memasukkan username dan password yang telah diberikan.
Jika username dan password yang dimasukkan sesuai, sistem akan menampilkan menu dashboard yang sesuai dengan level Gambar 10.
Activity Diagram Login Activity Diagram Informasi Pada Gambar 11, menjelaskan bagaimana sistem berjalan yang termasuk dalam menu dan hak akses Admin pada sistem.
Admin memiliki kewenangan untuk mengubah, menyunting, melihat, dan menghapus data menu informasi serta mengelola informasi yang ada pada sistem.
Gambar 11.
Activity Diagram Informasi Activity Diagram Agenda Sistem Informasi Manajemen Masjid JamiAo Assalam Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Pada Gambar 12, menjelaskan bagaimana sistem berjalan yang termasuk dalam menu dan hak akses Admin pada sistem.
Admin memiliki kewenangan untuk mengubah, menyunting, melihat, dan menghapus data menu agenda serta mengelola agenda yang ada pada sistem.
Gambar 12.
Activity Diagram Agenda Activity Diagram Galeri Pada Gambar 13, menjelaskan bagaimana sistem berjalan yang termasuk dalam menu dan hak akses Admin pada sistem.
Admin memiliki kewenangan untuk mengubah, menyunting, melihat, dan menghapus data menu galeri serta mengelola galeri yang ada pada sistem.
Gambar 13.
Activity Diagram Galeri 3 Perancangan Sequence Diagram Sequence diagram menggambarkan interaksi aktor objek didalam dan disekitar sistem berupa pesan terhadap waktu.
Tujuan pembuatan sequence diagram ini agar perancangan lebih mudah dan terarah.
Berikut adalah interaksi-interaksi yang terjadi dalam website yang dihasilkan sistem ini:
Sequence Diagram Login Pada Gambar 14, menjelaskan langkah-langkah proses login, dan memasukkan username dan password, serta verifikasi data login dengan database.
Apabila berhasil masuk, sistem akan menampilkan dashboard.
Jika tidak berhasil login, sistem akan menampilkan pesan kesalahan.
Nasiruddin.
Tarisno Amijoyo.
Adri Ahmad Shodiqqin Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Gambar 14.
Sequence Diagram Login Sequence Diagram Informasi Pada Gambar 15, menunjukkan bagaimana Admin berinteraksi dengan menu dashboard, kemudian masuk ke halaman informasi, dan terhubung dengan database yang sudah ada.
Gambar 15.
Sequence Diagram Informasi Sequence Diagram Agenda Pada Gambar 16, menunjukkan bagaimana Admin berinteraksi dengan menu dashboard, kemudian masuk ke halaman agenda, dan terhubung dengan database yang sudah ada.
Gambar 16.
Sequence Diagram Agenda Sequence Diagram Galeri Pada Gambar 17, menunjukkan bagaimana Admin berinteraksi dengan menu dashboard, kemudian masuk ke halaman galeri, dan terhubung dengan database yang sudah ada.
Gambar 17.
Sequence Diagram Galeri 4 Perancangan Design Interface Perancangan design interface yaitu proses perancangan gambaran dan sketsa awal untuk pembuatan sistem ini yang berasal dari analisis sistem sebelumnya.
Adapun rancangan awal pada Sistem Informasi Manajemen Masjid JamiAo Assalam, dijelaskan berikut ini:
Sistem Informasi Manajemen Masjid JamiAo Assalam Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Design Interface Form Login Interface form login, merupakan rancangan awal halaman login akun.
Untuk pengurus Masjid yang ingin membagikan informasi terkait Masjid, maka pengurus Masjid harus memasukkan username dan password yang diberikan yakni sudah terdaftar pada sistem, sebagaimana dijelaskan pada Gambar 18.
Gambar 18.
Design Interface Form Login Design Interface Form Informasi Design interface form informasi ini, merupakan rancangan awal halaman untuk membagikan informasi.
Halaman ini menampilkan beberapa informasi yang sudah diunggah oleh pengurus Masjid (DKM) melalui halaman Admin, hal tersebut tertuang pada Gambar 19.
Gambar 19.
Design Interface Form Informasi Design Interface Form Agenda Design interface form agenda merupakan rancangan awal halaman untuk membagikan jadwal penceramah dan khatib.
Halaman ini menampilkan jadwal penceramah untuk pengajian rutin dan khatib untuk khutbah pada waktu shalat jumAoat yang sudah diunggah oleh pengurus Masjid (DKM) melalui halaman Admin.
Penjelasannya pada Gambar 20.
Gambar 20.
Design Interface Form Agenda Nasiruddin.
Tarisno Amijoyo.
Adri Ahmad Shodiqqin Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
Design Interface Form Galeri Design interface form galeri merupakan rancangan awal halaman untuk membagikan dokumentasi terkait baik dengan informasi Masjid maupun kegiatan Masjid.
Halaman ini menampilkan gambar berupa dokumentasi terkait dengan informasi Masjid, kegiatan Masjid, laporan keuangan, maupun informasi darurat yang sudah diunggah oleh pengurus Masjid (DKM) melalui halaman Admin.
Penjelasannya pada Gambar Gambar 21.
Design Interface Form Galeri 3 Intergration and Testing Pengujian sistem ini sangat penting dilakukan untuk memverifikasi apakah sistem ini beroperasi sesuai dengan kebutuhan dan spesifikasi yang telah ditetapkan.
Pengujian sistem yang digunakan untuk Sistem Infomasi Manajemen Masjid JamiAo Assalam yaitu mengunakan pengujian black box.
Tujuan menggunakan pengujian black box yaitu untuk memastikan bahwa sistem ini berfungsi dengan baik dan sesuai dengan spesifikasi dan Berikut adalah pengujian black box yang ada pada Tabel 4 dan Tabel 5 dibawah Tabel 4.
Hasil Pengujian Login dan Logout Pengujian Login Logout Test Case Login (Bena.
Login (Sala.
Logout Hasil yang diharapkan Masuk ke halaman dashboard .
Username atau password tidak sesuai Kembali ke halaman login Kesimpulan Sesuai harapan Sesuai harapan Sesuai harapan Tabel 5.
Hasil Pengujian Pengujian Tambah data Admin Test Case Data berhasil Data gagal ditambah Data berhasil di edit Edit data Admin Data gagal di edit Hapus data Admin Tambah data Edit data informasi Data dihapus Data berhasil Data gagal ditambah Data berhasil di edit Data gagal di edit Hasil yang diharapkan Data Admin tersimpan di database Data Admin tidak tersimpan di Data Admin sebelumnya tersimpan telah di edit Data Admin tidak muncul atau tidak tersimpan di database sebelumnya Muncul notifikasi dan data Admin Data informasi tersimpan di database Data informasi tidak tersimpan di Data informasi sebelumnya tersimpan telah di edit Data informasi tidak muncul atau tidak Sistem Informasi Manajemen Masjid JamiAo Assalam Berbasis Web Kesimpulan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
Hapus data
Tambah data
tersimpan di database sebelumnya Muncul notifikasi dan data informasi
Data dihapus Data berhasil Data agenda tersimpan di database Data gagal ditambah Data berhasil di edit
Edit data agenda
Data gagal di edit
Hapus data
Tambah data
Data dihapus Data berhasil Data gagal ditambah Edit data galeri Data gagal di edit
Hapus data galeri Data dihapus Data agenda tidak tersimpan di Data agenda sebelumnya tersimpan telah di edit
Data agenda tidak muncul atau tidak terismpan di database sebelumnya Muncul notifikasi dan data agenda
Data galeri tersimpan di database Data berhasil di edit
P-ISSN
E-ISSN
Data galeri tidak tersimpan di Data galeri sebelumnya tersimpan telah di edit Data galeri tidak muncul atau tidak tersimpan di database sebelumnya Muncul notifikasi dan data galeri 2745-584X Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan 4 Operation and Maintenance Pemeliharan pada sistem ini sangat penting dilakukan untuk menjaga dan merawat Tujuannya dari pemeliharaan ini adalah agar sistem ini tetap berjalan dengan baik sehingga tidak menimbulkan masalah yang serius.
1 Back Up Data Proses back up data ini digunakan untuk menghindari pencegahan kehilangan data jika terjadi masalah pada penyimpanan data, tetapi akan berbeda jika secara rutin mem-back up data, sehingga ketika terjadi masalah, masih ada data yang dapat digunakan untuk pemulihan.
Langkah yang diambil Admin adalah masuk ke dalam sistem MySQL yang berada di PHPMyAdmin dan kemudian mengekspor database ke penyimpanan lain.
Adapun penjelasannya pada Gambar 22.
Gambar 22.
Back Up Data 2 Manajemen Keamanan Sistem (Security Management Syste.
Manajemen keamanan sistem ini sangat diperhatikan secara teliti dalam pembuatan sistem ini.
Maka dari itu semua titik lemah keamanan harus diminimalisir sesuai dengan standar keamanan yang ada dan meningkatkan keamanan dengan Nasiruddin.
Tarisno Amijoyo.
Adri Ahmad Shodiqqin Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol.
No.
Desember 2024, hlm.
44 - 58
P-ISSN
E-ISSN
2745-584X
selalu memperbarui username dan password pada user dengan hak akses yang Adapun penjelasannya pada Gambar 23.
Gambar 22.
Manajemen Keamanan Sistem
PENUTUP
1 Kesimpulan Berdasarkan hasil analisis sistem, perancangan sistem, dan pengujian pada sistem, dapat disimpulkan bahwa tujuan penelitian ini dapat disimpulkan sebagai berikut:
Sistem ini memiliki pengelolaan penjadwalan khatib atau penceramah yang dimana khatib atau penceramah sudah dijadwalkan hanya dengan melihat melalui website.
Sistem ini memiliki informasi terkait dengan Masjid JamiAo Assalam yang dimana ada informasi yang terkait dengan masjid beserta dokumentasinya.
Sistem ini dapat mengelola informasi yang efisien dan efektif dengan akurat beserta data yang akurat.
2 Saran Sistem ini sudah tentu masih jauh dari kata sempurna dan masih memiliki banyak Untuk itu perlu dilakukan pengembangan dan penyempurnaan website agar lebih baik.
Adapun saran agar sistem ini bisa berjalan dengan lebih optimal dan lebih menarik sebagai berikut:
Untuk mempermudah menjalankan sistem ini disarankan menggunakan XAMPP versi 3.
Sistem ini dapat dijadikan sebagai referensi untuk masjid-masjid yang lain.
Sistem ditambahkan fitur-fitur yang lain.
Sistem ini bisa diakses dan digunakan pada smartphone untuk mempermudah Sistem ditambahkan API untuk konfigurasi pada sistem.
Tampilan galeri dan informasi diperbaiki karena kurang menarik perhatian kepada seluruh masyarakat
DAFTAR PUSTAKA