Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
2 2025, 206-214
Journal of Digital Business and Technology Innovation (DBESTI) https://journal.
id/index.
php/DBESTI P-ISSN: 3047-1028 E-ISSN: 3032-775X
PENGEMBANGAN APLIKASI WEB LAYANAN SOSIAL MASJID JAMI AT
TAUBAH JUANDA MENGGUNAKAN FRAMEWORK LARAVEL
Syifa Sukma Ramadhani1.
Krisna Panji2.
Edi Wibowo3 Sistem Informasi.
Sekolah Tinggi Teknologi Terpadu Nurul Fikri Bisnis Digital.
Sekolah Tinggi Teknologi Terpadu Nurul Fikri Jakarta Selatan.
DKI Jakarta.
Indonesia 12640 syifasukmaramadhani@gmail.
com, panji@nurulfikri.
id, ediwibowo@nurulfikri.
Abstract The development of information technology has influenced various aspects of life, including the administrative management of mosques.
A web based social service and assistance application was developed to support the Mosque Management Board (DKM) and neighborhood leaders (RT) in managing data related to zakat, orphans, and qurban registrations.
The system was developed using the Laravel framework and the waterfall software development methodology.
Its main features include the management of zakat data, orphan records, and qurban registration through dedicated dashboards for Admin and RT roles.
Black box testing confirmed that all system functionalities work properly.
Furthermore.
User Acceptance Testing (UAT) achieved a score of 87.
5%, categorized as "very good" based on the average likert scale score.
Therefore, the application is considered feasible and acceptable for end users.
Keywords: Black Box Testing.
Laravel Framework.
Social Services and Assistance.
User Acceptance Testing.
Website Based Applications.
Abstrak Perkembangan teknologi informasi telah memengaruhi berbagai bidang kehidupan, termasuk dalam pengelolaan administrasi Penelitian ini bertujuan mengatasi permasalahan pencatatan manual yang tidak terpusat dan kurang akurat di Masjid Jami At Taubah Juanda.
Kota Depok.
Aplikasi layanan dan bantuan sosial berbasis website ini dirancang untuk mempermudah Dewan Kemakmuran Masjid (DKM) dan Ketua RT dalam mengelola data zakat, anak yatim, dan pendaftar qurban.
Sistem dikembangkan menggunakan framework Laravel dengan metode pengembangan perangkat lunak waterfall.
Fitur utama mencakup pengelolaan data zakat, anak yatim, dan pendaftaran qurban melalui dashboard yang dibedakan untuk Admin dan Ketua RT.
Hasil pengujian User Acceptance Test (UAT) menunjukkan bahwa seluruh fitur berfungsi dengan baik, dengan skor kepuasan pengguna sebesar 87,5% dalam kategori sangat baik berdasarkan skala Likert.
Dengan demikian, aplikasi ini dinilai layak dan dapat diterima oleh pengguna akhir.
Kata kunci: Aplikasi Berbasis Website.
BlackBox Testing.
Framework Laravel.
Layanan dan Bantuan Sosial.
User Acceptance Testing.
PENDAHULUAN
Masjid mempunyai kontribusi yang tidak dapat terpisahkan dalam kehidupan masyarakat, terutama untuk umat muslim.
Seiring perkembangan zaman, masjid bukan hanya menjadi tempat beribadah, namun juga berfungsi sebagai tempat berbagai aktivitas keagamaan seperti pengajian, santunan yatim piatu, hingga pemotongan hewan qurban.
Bahkan, acara seperti akad nikah kini banyak diselenggarakan di sebuah masjid .
Masjid Jami At Taubah yang berlokasi di Juanda.
Kota Depok dipilih sebagai objek penelitian karena memiliki peran penting dalam kehidupan masyarakat.
Masjid ini aktif melaksanakan dalam berbagai kegiatan sosial seperti zakat, santunan yatim piatu, serta menerima dan membagikan hasil pemotongan hewan qurban.
Namun, pengelolaan kegiatan di Masjid masih dilakukan secara konvensional oleh Dewan Kemakmuran Masjid (DKM) dan ketua RT setempat.
Proses pendataan yang panjang dan tidak terpusat Diterima 14 Juni 2025.
Direvisi 2 Desember 2025.
Diterima untuk publikasi 2 Desember 2025 207 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
2 November 2025 menyebabkan data menjadi kurang akurat dan sulit diakses pada setiap tahunnya.
Di sisi lain.
Perkembangan teknologi informasi sebagai alat untuk menyimpan dan mengolah informasi semakin maju seiring dengan berlalunya waktu .
Kemajuan tersebut memiliki pengaruh signifikan terhadap perilaku sosial dan keagamaan manusia .
Namun pemanfaatan teknologi informasi masih belum optimal di Masjid Jami At Taubah, sehingga meningkatkan risiko kesalahan.
Beberapa penelitian sebelumnya menunjukkan bahwa penggunaan teknologi informasi dapat meningkatkan akurasi dan transparansi.
Tugas administrasi dilakukan secara otomatis sehingga mempermudah pengumpulan data dan mempermudah pengumpulan data yang lebih efektif, tepat dan tersinkronisasi .
Usamah pada penelitiannya di Masjid Nurul Sofyan menggunakan framework Codeigniter dengan design pattern MVC pada perancangan aplikasi berbasis website, untuk memudahkan pelaporan pengelolaan zakat dan infak .
Dalam penelitian lain.
Muhammad Aulia Hakam menggunakan agile sebagai model pengembangan dan framework Laravel dalam pembuatan sistem berbasis website untuk mengelola zakat data muzakki dan mustahik di Masjid Al Ijabah Mampang Prapatan.
Jakarta Selatan .
Namun penelitian - penelitian tersebut masih berfokus pada satu atau dua jenis kegiatan sosial saja, seperti zakat dan Penelitian ini hadir untuk menjawab kebutuhan dari permasalahan yang terjadi, yaitu pengelolaan tiga jenis kegiatan sosial sekaligus yaitu zakat, santunan yatim piatu, dan pendaftaran hewan qurban.
Dengan demikian, terdapat gap antara penelitian sebelumnya dengan menerapkan solusi melalui pengembangan aplikasi berbasis website.
Aplikasi berbasis website ditentukan untuk penelitian ini karena memiliki keunggulan yaitu dapat diakses melalui peramban web menggunakan koneksi internet, di mana pengguna tidak perlu melakukan instalasi terlebih dahulu .
Dikembangkan dengan framework Laravel dengan menerapkan konsep MVC dan memiliki fitur multi role autentikasi untuk mempercepat proses pengembangan dengan fitur bawaannya dalam mengelola database dan tampilan, serta model SDLC waterfall untuk perancangan dan pengembangan sistem yang setiap tahapannya memiliki tujuan spesifik .
Penelitian ini memiliki beberapa batasan, yaitu aplikasi berbasis website yang dikembangkan secara khusus untuk Masjid Jami At Taubah menggunakan framework Laravel dan model pengembangan perangkat lunak waterfall.
Seluruh data disimpan menggunakan database MySQL.
Aplikasi ini tidak menggunakan payment gateway untuk proses pembayaran pendaftaran hewan qurban.
Selain itu, sistem hanya memiliki dua jenis pengguna, yaitu admin yang bertugas mengelola seluruh data, dan ketua RT yang memiliki akses terbatas untuk mengelola data zakat mustahik dan yatim piatu.
Dengan adaptasi digital aplikasi layanan dan bantuan sosial berbasis website pada penelitian ini, diharapkan dapat meningkatkan efektifitas dan mengoptimalkan proses pengelolaan data kegiatan zakat, yatim piatu dan pendaftaran hewan qurban serta diterima baik oleh pengguna akhir di Masjid Jami At Taubah Juanda.
Kota Depok.
Layanan dan Bantuan Sosial Layanan sosial bertujuan untuk membantu masyarakat agar memenuhi kebutuhan sosial mereka melalui kerja sama pemanfaatan sumber daya di komunitas, dirancang untuk memperbaiki kondisi kehidupan masyarakat yang mengalami kesulitan .
Bantuan Sosial merupakan bentuk dukungan yang dapat berupa jasa yang diberikan oleh instansi pemerintah, baik ditingkat pusat maupun daerah .
Zakat Zakat merupakan salah satu ajaran islam yang didasarkan pada Al-Quran dan sunnah, di mana kekayaan yang dimiliki seseorang dianggap sebagai titipan dari Allah dan memiliki peran sosial .
Seseorang yang mengeluarkan atau membayar zakat disebut sebagai muzakki dan seseorang yang menerima zakat disebut mustahik.
Yatim Piatu Yatim Piatu merupakan seorang anak yang ditinggalkan oleh orang tuanya karena meninggal dunia .
Anak yatim piatu memiliki beberapa kategori seperti yatim ayah, yatim ibu, atau yatim ayah dan ibu.
Membantu yatim piatu bukan hanya kewajiban untuk keluarganya saja, namun juga oleh masyarakat sekitar untuk membantu agar menumbuhkan rasa empati .
Qurban Merujuk pada Kamus Besar Bahasa Indonesia.
AuQurban merupakan persembahan kepada Allah Subhanahu wa taAoala.
seperti domba, sapi, dan unta yang disembelih pada Hari Idul Adha sebagai bentuk kepatuhan umat kepada AllahAy .
Untuk melakukan qurban terdapat seekor hewan yang harus disembelih seperti sapi, kambing, domba, ataupun kerbau.
Bersama - sama membeli sapi atau unta untuk kambing atau domba hanya diperuntukkan bagi satu orang .
Aplikasi Web Aplikasi web adalah program yang bisa dijalankan menggunakan peramban web dengan bantuan koneksi Keunggulan utama dari aplikasi berbasis web adalah kemudahan aksesnya, di mana pengguna tidak perlu melakukan instalasi terlebih dahulu .
Tidak perlu adanya instalasi sehingga aplikasi berbasis web dapat dijalankan dari berbagai perangkat selama terhubung ke internet.
Hal ini memberikan fleksibilitas yang tinggi, terutama dalam konteks efisiensi kerja.
208 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
2 November 2025 Framework Laravel Framework atau kerangka kerja merupakan struktur yang dirancang untuk mempermudah pembuatan aplikasi, memungkinkan perubahan dilakukan dengan cepat, serta dapat digunakan kembali pada aplikasi lain yang serupa .
Laravel merupakan framework PHP open source dengan lisensi MIT yang dirancang dengan pendekatan desain arsitektur Model-View-Controller.
Framework ini menghadirkan fitur command line tool bernama artisan yang memudahkan pengelolaan paket dan instalasi melalui Skala Likert Menurut Sugiyono, skala Likert merupakan alat untuk mengevaluasi sikap, pandangan dan opini individu atau kelompok terhadap masalah sosial .
Skala Likert umumnya digunakan dalam kuesioner, biasanya berkaitan dengan tingkat persetujuan seseorang terhadap suatu pernyataan .
Setiap pernyataan dilengkapi dengan nilai angka sebagai indikator tingkat persetujuan.
Menggunakan empat kategori untuk menghindari jawaban netral atau tidak terpilih .
METODE PENELITIAN
Penelitian ini termasuk dalam jenis penelitian pengembangan (Research & Developmen.
yang berfokus pada penciptaan suatu hasil inovasi dengan melalui tahapan identifikasi masalah, perancangan, serta pengembangan produk sebagai solusi yang optimal .
Produk yang dikembangkan dalam penelitian ini yaitu berupa aplikasi berbasis website untuk layanan dan bantuan sosial untuk Masjid Jami At Taubah Juanda Kota Depok.
Penelitian ini membantu proses pengembangan produk yang efektif dan optimal, serta membantu memperbaiki sistem pencatatan kegiatan yang sebelumnya dilakukan secara konvensional menjadi sistem digital yang terintegrasi dan tersinkronisasi.
mengidentifikasi kebutuhan dan fitur aplikasi layanan bantuan sosial berbasis website.
Penelitian ini menggunakan wawancara sebagai instrumen penelitian yang dilakukan secara semi formal dengan menggunakan pertanyaan-pertanyaan terbuka untuk menggali informasi secara mendalam dari narasumber.
Pertanyaan umum mengenai permasalahan dan kegiatan masjid diajukan kepada ketua DKM yang dianggap mampu memberikan jawaban secara menyeluruh.
Sementara itu, untuk pertanyaan khusus mengenai kebutuhan administrasi kegiatan masjid, seperti surat menyurat beserta komponennya, diajukan kepada sekretaris dan bendahara Metode pengujian dilakukan dengan menggunakan dua pendekatan, yaitu Black Box Testing dan User Acceptance Testing (UAT).
Pengujian Black Box bertujuan untuk menguji fungsionalitas sistem tanpa melihat struktur kode program, sehingga dapat mengidentifikasi adanya bug pada Sementara itu.
UAT dilakukan untuk memastikan bahwa aplikasi berbasis website tersebut siap diluncurkan dan telah memenuhi kebutuhan pengguna.
Pengumpulan data UAT dilakukan dengan metode skala likert dan hasilnya dihitung untuk mengetahui tingkat keberhasilan sistem dalam bentuk persentase.
Pengujian ini melibatkan sampel responden, yaitu ketua DKM.
Sekretaris DKM.
Bendahara DKM dan Ketua RT 09.
2 Tahapan penelitian 1 Metode Pengumpulan Data.
Instrumen Penelitian, dan Metode Pengujian Pengumpulan data pada penelitian ini dilakukan menggunakan 3 metode, yaitu studi pustaka, observasi dan Studi mengumpulkan serta mengkaji berbagai referensi seperti artikel ilmiah, buku dan sumber terpercaya lainnya yang relevan dengan topik dan judul penelitian.
Dalam kondisi ini, studi pustaka digunakan untuk mencari gap penelitian sebelumnya dengan penelitian saat ini yang berhubungan dengan pengelolaan data masjid.
Observasi dilakukan secara langsung dengan mengunjungi lokasi penelitian yaitu Masjid Jami At Taubah, untuk mendapatkan data nyata terkait kondisi lapangan.
Sementara itu, metode wawancara dilakukan dengan pihak - pihak yang memiliki pengetahuan dan keterlibatan langsung terhadap objek penelitian, yaitu Ketua.
Sekretaris, dan Bendahara DKM.
Wawancara tersebut dilakukan untuk menggali permasalahan serta Gambar 1.
Tahapan Penelitian Penelitian mengenai aplikasi layanan dan bantuan sosial berbasis website dilakukan melalui beberapa tahapan sesuai 209 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
2 November 2025 pada Gambar 1.
Berikut merupakan penjelasan rinci dari setiap proses setiap tahapan tersebut.
penelitian selanjutnya maupun pihak lain yang ingin menyempurnakan sistem
HASIL DAN PEMBAHASAN
Setelah melakukan tahapan pengambilan data, dapat diidentifikasi kebutuhan dalam pembuatan aplikasi layanan dan bantuan sosial berbasis website, yang selanjutnya digunakan sebagai dasar untuk proses perancangan dan implementasi aplikasi.
Studi Pendahuluan Tahapan pertama pada penelitian ini adalah melakukan identifikasi permasalahan melalui studi literatur yang relevan dengan topik penelitian.
Selain itu, dilakukan juga observasi langsung ke lokasi penelitian, yaitu Masjid Jami At Taubah Juanda Kota Depok.
Tahapan ini bertujuan untuk mempermudah proses penelitian yang akan dilaksanakan serta memperoleh izin agar masjid dapat dijadikan sebagai lokasi penelitian.
Analisis Kebutuhan Untuk memperoleh informasi secara mendalam, dilakukan wawancara mendalam dengan beberapa informan, yaitu Ketua.
Sekretaris dan Bendahara DKM Masjid Jami At Taubah.
Data yang didapatkan dari wawancara digunakan untuk memahami kebutuhan administrasi serta sebagai dasar dalam pengembangan sistem yang akan dirancang.
Merancang sistem aplikasi layanan dan bantuan sosial berbasis website menggunakan pendekatan UML, yang mencakup Use Case Diagram.
Class Diagram, dan Activity Diagram.
Selain itu, terdapat ERD sebagai perancangan .
Kategori Aktor Tabel 1 Kategori Aktor Pengguna Deskripsi Admin Admin mampu mengorganisir data masjid pada halaman dashboard secara menyeluruh.
Ketua RT Bertugas mengelola data mustahik dan yatim piatu sesuai dengan wilayah RT masing-masing.
Perancangan Sistem Tahapan ini, dilakukan perancangan sistem dengan memanfaatkan Unified Modelling Language (UML) yang mencakup pembuatan Activity Diagram.
Class Diagram dan Use Case Diagram.
Tidak hanya itu, dilakukan juga perancangan Entity Relationship Diagram (ERD) untuk merepresentasikan struktur database serta relasi antar entitas dalam sistem aplikasi layanan dan bantuan sosial berbasis website.
1 Perancangan Sistem .
Use Case Diagram Implementasi Website Website diimplementasikan menggunakan Laravel 11 dengan basis data MySQL dan metode pengembangan yang digunakan yaitu Waterfall.
Frontend dibangun dengan Blade Template Engine, sedangkan backend menggunakan Eloquent ORM.
Tahap ini menghasilkan aplikasi layanan dan bantuan sosial berbasis web sebagai produk utama Pengujian Pada fase pengujian, website yang telah dikembangkan diuji menggunakan dua metode pengujian, yaitu Black Box dan UAT.
Pengujian Black Box dilaksanakan oleh penulis untuk memastikan fungsionalitas sistem berjalan sesuai dengan Sementara itu.
UAT dilakukan oleh pihak DKM Masjid Jami At-Taubah serta Ketua RT 09 untuk memastikan sistem telah sesuai dengan kebutuhan Evaluasi Tahap akhir penelitian ini adalah evaluasi, yang mencakup penarikan kesimpulan berdasarkan hasil pengujian serta jawaban atas rumusan masalah.
Selain itu, disampaikan saran untuk pengembangan lebih lanjut, baik untuk Gambar 2.
Use Case Diagram Berdasarkan deskripsi pengguna pada Tabel 1, dibuatlah rancangan komunikasi antara Admin dan Ketua RT pada aplikasi layanan dan bantuan sosial berbasis website untuk masjid Jami At Taubah seperti pada Gambar 2.
Terdapat proses include untuk menggambarkan bahwa terdapat Use Case yang membutuhkan Use Case lain untuk bekerja dan extend untuk menggambarkan bahwa terdapat turunan dari Use Case lainnya.
Use case pada aplikasi layanan dan bantuan sosial terdiri dari kelola yatim piatu, kelola mustahik, kelola muzakki, kelola pendaftar qurban dan kelola user.
Kelola mustahik 210 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
2 November 2025 dan muzakki melakukan extend atau turunan pada kelola zakat sedangkan Kelola pendaftar qurban turunan dari kelola qurban.
Class Diagram Class diagram pada Gambar 3 di bawah ini, dirancang untuk menjelaskan arsitektur pada sistem aplikasi layanan dan bantuan sosial berbasis website seperti atribut, metode, atau fungsi dan relasi antar kelas yang ada.
Class diagram ini dirancang karena sistem yang akan diimplementasikan menggunakan bahasa berorientasi objek, dalam konteks ini dengan bahasa pemrograman PHP.
Kelas Pengguna mempunyai relasi kepada kelas Muzakki.
Mustahik.
Yatim Piatu.
Pendaftar Hewan Qurban dan Pendaftar Sapi.
mulai dari memasukkan akun hingga berhasil login dan masuk ke dashboard sesuai hak aksesnya.
Proses login diawali dengan pengguna mengakses website masjid, kemudian sistem menampilkan halaman landing page.
Selanjutnya, pengguna memilih menu login dan sistem menampilkan form login yang berisi input email dan Setelah data dimasukkan, sistem melakukan Jika validasi gagal, sistem akan meminta pengguna mengisi ulang email dan password.
Jika validasi berhasil, jika validasi berhasil, sistem akan memverifikasi peran pengguna sebagai Admin atau Ketua RT, dan selanjutnya menampilkan dashboard sesuai peran tersebut.
Gambar 4.
Activity Diagram Login Activity Diagram Kelola Data Muzakki Gambar 3.
Class Diagram .
Activity Diagram Activity diagram untuk menggambarkan alur kegiatan dalam sistem sesuai dengan Use Case yang telah dirancang Activity Diagram Login Activity diagram login pada Gambar 4 menggambarkan alur aktivitas Admin dan Ketua RT saat mengakses website.
Activity diagram kelola muzakki pada Gambar menunjukkan proses Admin dalam mengelola data Proses dimulai ketika admin dapat melakukan login dan sistem menampilkan halaman dashboard.
Setelah itu, admin dapat memilih menu muzakki untuk melihat seluruh data yang tersedia.
Selanjutnya, admin dapat melakukan aksi create, edit, dan delete data.
Jika memilih menambahkan data, sistem akan menampilkan form tambah muzakki.
Jika memilih mengedit, sistem menampilkan form edit muzakki.
Setelah form diisi, sistem melakukan validasi input.
Jika validasi gagal, sistem akan menampilkan pesan kesalahan.
Namun, jika berhasil, akan muncul notifikasi bahwa data berhasil disimpan Untuk proses penghapusan data, jika berhasil akan ditampilkan notifikasi sukses, sedangkan jika gagal sistem akan kembali 211 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
2 November 2025 menampilkan daftar data muzakki.
Untuk menghapus data, jika berhasil maka menampilkan alert berhasil, namun jika gagal akan dikembalikan menampilkan seluruh data Gambar 6.
Activity Diagram Kelola Data Yatim Piatu Gambar 5.
Activity Diagram Kelola Data Muzakki Activity Diagram Kelola Data Yatim Piatu dan Pendaftar Qurban Gambar 6 menunjukkan proses Admin dan Ketua RT dalam mengelola data yatim piatu.
Proses ini serupa dengan pengelolaan data zakat muzakki dan mustahik, di mana pengguna dapat menambah, mengedit, atau menghapus data yatim piatu sesuai kebutuhan untuk memastikan data tetap akurat dan terkini.
Saat melakukan penambahan atau pengeditan, sistem melakukan validasi input untuk memastikan data yang dimasukkan sesuai dengan ketentuan yang telah dirancang.
Pada Gambar 7 menunjukkan proses Admin dalam mengelola data pendaftar qurban.
Proses ini juga serupa dengan pengelolaan data zakat dan yatim piatu, namun memiliki perbedaan pada jenis informasi yang ditampilkan, yaitu terkait hewan qurban berupa sapi dan kambing.
Pengguna dapat menambah, mengedit, atau menghapus data yatim piatu sesuai kebutuhan untuk memastikan data tetap akurat dan terkini.
Validasi input juga dilakukan saat proses penambahan dan pengeditan data untuk menjaga informasi tetap konsisten dan aman Gambar 7.
Activity Diagram Kelola Data Pendaftar Qurban 212 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
2 November 2025 .
Entity Relational Database (ERD) mengelola seluruh data dan keluar halaman website dari sistem melalui tombol logout.
Gambar 11.
Halaman Utama Kelola Data Ketua RT Gambar 8.
Entity Relation Diagram (ERD) ERD pada Gambar 8 menjelaskan hubungan antar data pada database aplikasi layanan dan bantuan sosial berbasis website pada masjid Jami At Taubah.
Diagram ini terdiri dari tujuh entitas yaitu Pengguna.
Muzakki.
Mustahik.
Yatim Piatu.
Pendaftaran Qurban.
Pengqurban Sapi dan RT.
Gambar 11 memperlihatkan tampilan dashboard untuk pengguna Ketua RT.
Berbeda dengan Admin, tampilan ini hanya menampilkan menu Zakat mustahik dan Yatim Piatu, serta tombol logout untuk keluar dari halaman website.
2 Implementasi Sistem Implementasi sistem aplikasi layanan dan bantuan sosial berbasis website menggunakan framework Laravel 11 berdasarkan requirement yang telah dibuat.
Hasil tampilan yang telah dikembangkan pada sistem seperti berikut ini:
Gambar 12.
Halaman Tambah Data Gambar 12 menampilkan halaman tambah data zakat muzakki dengan berbagai kolom yang dapat diisi oleh Halaman tambah data untuk pengelolaan data lainnya memiliki tampilan serupa, dengan perbedaan pada jenis kolom yang diisikan.
Gambar 9.
Halaman Login Gambar 9 merupakan tampilan halaman login pada dashboard aplikasi web layanan dan bantuan sosial Masjid Jami At-Taubah.
Pengguna dapat memasukkan email dan kata sandi untuk mengakses data-data yang tersedia pada Gambar 13.
Halaman Detail Data Gambar 13 menunjukkan halaman detail data yang menampilkan informasi lebih lengkap, serta dilengkapi dengan tombol edit untuk melakukan perubahan data.
Gambar 10.
Halaman Utama Kelola Data Admin Gambar 10 memperlihatkan tampilan utama dashboard untuk pengguna Admin pada aplikasi web layanan dan bantuan sosial dengan empat menu utama: Zakat.
Qurban.
Yatim Piatu, dan Akun Pengguna.
Pengguna dapat Gambar 14.
Halaman Edit Data 213 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
2 November 2025 Gambar 14 menunjukkan halaman edit data yang dapat dilakukan oleh pengguna Admin maupun Ketua RT.
3 Pengujian Sistem Pengujian sistem telah dilakukan dengan menggunakan metode Black Box yang mencakup 2 skenario yaitu untuk Admin dan Ketua RT.
Selain itu.
User Acceptance Testing (UAT) dilakukan menggunakan kuesioner skala likert yang mencakup 4 pilihan, yaitu AuSangat SetujuAy.
AuSetujuAy.
AuTidak SetujuAy dan AuSangat Tidak SetujuAy dengan hasil Tabel 1.
Hasil Pengujian Black Box dan UAT
Evaluasi
Jumlah Item / Pertanyaan Tingkat Keberhasilan Black Box Admin
Black Box Ketua
UAT
87,5%
4 Evaluasi Sistem Tabel 2.
Kategori Penilaian Skala Likert Interval rata Ae rata skor Kategori 82 - 100 Sangat Baik 63 - 81 Baik 44 Ae 62 Tidak Baik 25 - 43 Sangat Tidak Baik Berdasarkan hasil UAT sebesar 87,5% dan disesuaikan dengan rata-rata skor penilaian, maka aplikasi layanan dan bantuan sosial berbasis website menggunakan framework Laravel pada Masjid Jami At Taubah Juanda Kota Depok, termasuk pada kategori sangat baik dengan beberapa catatan untuk perbaikan antara lain, peningkatan variasi tampilan dan layout dashboard dengan mempertahankan warna hijau sebagai elemen utama, penambahan pengelolaan data duafa dengan pilihan alamat RW, serta penempatan pop up konfirmasi pendaftaran di bagian tengah halaman.
KESIMPULAN
Berdasarkan penelitian mengenai perancangan sistem layanan dan bantuan sosial Masjid Jami At Taubah Juanda Kota Depok, dapat disimpulkan bahwa penelitian ini menghasilkan sebuah aplikasi layanan dan bantuan sosial berbasis website untuk Masjid Jami At Taubah Juanda.
Kota Depok.
Perancangan ini dilakukan melalui beberapa tahapan dengan metode pengembangan waterfall dan menggunakan framework Laravel.
Sistem tersebut memiliki fitur utama untuk Admin yang mencakup seluruh data zakat dan yatim piatu, sedangkan Ketua RT yang hanya mencakup pengelolaan zakat Mustahik dan yatim piatu.
Fungsional sistem dapat berjalan dengan lancar dibuktikan dengan pengujian Black Box berhasil 100% dan tingkat kepuasan pengguna ditunjukkan dengan pengujian UAT yang berhasil 87,5% yang termasuk dalam kategori Ausangat baikAy, sehingga website dapat digunakan dan bermanfaat untuk Adapun saran yang dapat dikembangkan untuk aplikasi website layanan dan bantuan sosial agar dapat perbaiki dan dikembangkan lebih baik antara lain, peningkatan tampilan antarmuka, penambahan fitur unduh data, pengelolaan data duafa berdasarkan RW, serta fitur reset password untuk meningkatkan kemudahan dan keamanan pengguna.
DAFTAR PUSTAKA