Rancang Bangun Media Pembelajaran Quiz Edukatif Bahasa Arab Berbasis Web di TPQ Athoyyibin Kabupaten Wakatobi
Abstract
This research aims to design and develop a web-based Arabic educational quiz media that integrates gamification elements (points, levels, badges, and leaderboards) to create a more interactive and engaging learning experience. The research method uses qualitative and quantitative approaches with data collection through observation, interviews, and literature study. Software development is carried out using the Software Development Life Cycle (SDLC) Agile model. The application is built using the Laravel framework (PHP), MySQL database, and Tailwind CSS and Alpine.js for the user interface. System functionality testing is conducted using the User Acceptance Testing (UAT) method involving 17 respondents consisting of 3 admins, 4 teachers, and 10 students. The results show that the web-based Arabic educational quiz media Quiz was successfully developed with three user levels (admin, teacher, and student) and gamification features that increase student engagement and learning motivation. UAT results show an overall acceptance rate of 4.40 out of a scale of 5 (Good category), with students giving the highest rating of 4.76 (Very Good), especially in the motivation and learning aspect which obtained a Score of 4.80. This application is expected to be an alternative solution in supporting more effective and attractive Arabic language learning at TPQ Athoyyibin.
References
S. Zuhri, I. G. Suwindia, and I. M. A. Winangun, “Literasi digital dan kecakapan abad ke-21 : analisis komprehensif Khansa) S. ST (Safira, N. (n.d.). Pembangunan Website dengan Yii2 Framework: Studi Kasus Sistem Perekaman Fenomena (SIPENA). Penerbit LeutikaPrio.
Kholil, M., & Akhsani, R. (2021). DESAIN DAN PEMROGRAMAN WEB: HTML, CSS, PHP, MYSQL, & BOOTSTRAP. Klik Media.
Kuswoyo, K. (2024). Game-Based Learning: Cara Menyenangkan Belajar Bahasa Arab di Era Digital. El-Wasathiya: Jurnal Studi Agama Islam, 12(2), 76-85 (2024).
Lubis, Z. , & H. Y. (2024). Reslaj: Religion Education Social Laa Roiba Journal Pengembangan Media Pembelajaran Bahasa Arab Berbasis Web Educandy untuk Siswa SMP Cerdas Murni Tembung. https://doi.org/10.47476/reslaj.v6i1.4753
Made, N., Svari, F. D., & Arlinayanti, K. D. (2024). Perubahan Paradigma Pendidikan Melalui Pemanfaatan Teknologi di Era Global. Jayapangus Press Metta: Jurnal Ilmu Multidisiplin, 4. https://jayapanguspress.penerbit.org/index.php/metta
Marti’in, K. K. P. , B. F. A. , & S. M. A. (2023). Penerapan Metode Gamifikasi dalam Pembelajaran Daring Menggunakan Elemen Points, Badges, dan Leaderboards. Jurnal Pendidikan Edupedia, 7(1), 1–8.
Meiliyanthi, I. , F. F. , & Purnamawati. (2022). 1207-Article Text-6587-1-10-20220611.
Mulyani S., et al. et al. . (n.d.). Journal for Technology and Science. 2025. Retrieved https://journal.antispublisher.com/index.php/IPTEKS
Munari Aip Suprapto, M. Y. H. S. (2020). Panduan Lengkap Membangun Sistem Monitoring Kinerja Mahasiswa Internship Berbasis Web Dan Global Positioning System. Kreatif Industri Nusantara.
Najib, A. F. R. (2025). INTEGRASI GAME EDUKATIF DALAM PEMBELAJARAN BAHASA ARAB: ANALISIS EFEKTIVITAS, TANTANGAN, DAN STRATEGI IMPLEMENTASI. EDUTECH, 24(2), 774–787. https://doi.org/10.17509/e.v24i2.80544
Nemoto, T. B. D. (2022). Developing Likert-Scale Questionnaires. JALT Journal, 36(1), 17–30.
Niagahoster Team. (2023). Web App (Aplikasi Web): Pengertian, Cara Kerja, dan Contohnya. 16 November 2025.
Nurdiansyah, S. & S. (2022). b721d44ebf47d8f7bbef0ceb7a2bf777feb3.
Nuryami, & Hanifa. (2025). Jurnal Pembelajaran Matematika Inovatif PENGEMBANGAN MEDIA E-LEARNING BERBASIS WEB UNTUK MENDUKUNG KEMAMPUAN PEMECAHAN MASALAH SISWA SMP PADA MATERI ALJABAR. https://doi.org/10.22460/jpmi.v8i2.24704
Otwell, & Taylor. (2021). Laravel : The PHP Framework for Web Artisans. Laravel LLC.
Porzio, & Caleb. (2020). Alpine.js: A Rugged, Minimal Framework for Composing JavaScript Behavior in Your Markup. Electronic Source.
Putro, H. H. (2022). Pemrograman Web dengan Laravel 9: Cepat, Aman, dan Efisien (putro, Ed.). Elex Media Komputindo.
Copyright (c) 2026 Shinta Esabella, Muh NurHidayatullah, Farida Idifitriani

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.



