Designing an Innovative Muamalat Educational Game with HTML5 for Fiqh Muamalat Literacy

Authors

  • Muhammad Azizur Rahman Ramli Academy of Contemporary Islamic Studies (ACIS) UiTM, Segamat Johor
  • Mohamad Zaim Isamail Academy of Contemporary Islamic Studies (ACIS) UiTM Segamat
  • Aemy Aziz Academy of Contemporary Islamic Studies (ACIS) UiTM Segamat Johor
  • Wan Mohammed Sallam Wan Sulaiman Academy of Contemporary Islamic Studies (ACIS) UiTM Shah Alam
  • Azlin Suzana Salim Management and Science University image/svg+xml

Keywords:

fiqh muamalat, gamification, html5, islamic education, educational games

Abstract

This study addresses low student motivation in Fiqh Muamalat by developing an innovative HTML5-based educational simulation game. The objective of this study is to design and develop innovative Muamalat educational games using HTML5 based on Problem-Based Learning (PBL) and interactive simulations to improve Islamic financial literacy.. By utilizing Scrum and ABCDE methodologies, the research integrates Problem-Based Learning (PBL) to bridge the gap between complex Shariah concepts and digital-native learners. By focusing on Islamic financial literacy, including Akad and Khiyar, this interactive tool empowers educators to overcome digital competency constraints while fostering ethical and moral reflection in contemporary digital transactions.

References

Sapawi, MSM, & Yusoff, NMRN (2025). Integrating technology into the Arabic language curriculum: A systematic review of trends, strategies and cultural dimensions. Social Sciences & Humanities Open , 12 , 101974.

Khairunnisa, SM, & Rozi, MAF (2025). The Use of Gamification-Based Learning Media in Increasing Students' Learning Motivation in Fiqh Subjects at Darul Muslimin Muhammadiyah Islamic Boarding School Pare. EDUCATION: Islamic Education Journal (e-Journal) , 13 (2), 222-237.

Othman, MS, Setambah, MAB, Shuib, TR, Abd Rahim, MM, & Shafeei, K. (2022). The Relationship between the Implementation of Gamification and Student Engagement in the Al-Quran and Fardu Ain Curriculum (KAFA). O-JIE: Online Islamic Education Journal, 9(2), 13-23.

Kholifah, DN, & Salim, NZ (2025). Transformation of Jurisprudence Learning at Tsanawiyah Madrasah. FiTUA: JOURNAL OF ISLAMIC STUDIES , 6 (2), 294-311.

Anggraini, D. (2025). Application of Gamification Method Based on Mobile Application to Improve Students' Understanding of Jurisprudence and Ethics at SMPN 1Kerumutan. Journal of Critical and Collaborative Education , 1 (1), 204-208.

Masood, A., Anim, NAHM, & Ismail, A. (2024). Transforming halal training through gamification and immersive technology to empower talent. Journal of Muamalat and Islamic Finance Research, 70-81.

Othman, MS, Setambah, MAB, Shuib, TR, Abd Rahim, MM, & Shafeei, K. (2022). The Relationship between the Implementation of Gamification and Student Engagement in the Al-Quran and Fardu Ain Curriculum (KAFA). O-JIE: Journal of Online Islamic Education , 9 (2), 13-23.

Ferdiansyah, H., Rafi, MF, Utama, AP, Aprilia, T., & Slamet, J. (2025). Evaluating learning outcomes and self-learning through gamification in LMS. Open Social Sciences & Humanities, 12, 101696.

Yanti, RW, Said, SM, Adivar, A., & Guntur, B. (2024). INTERACTIVE EDUGAME FOR TEACHING DATA AND SHARIA FINANCIAL LITERACY IN INTEGRATED ISLAMIC ELEMENTARY SCHOOLS. Symmetry: Pasundan Journal of Research in Mathematics Learning and Education , 9 (2), 126-136.

Marchesi, L., Marchesi, M., & Tonelli, R. (2020)). ABCDE—Agile block chain DApp engineering. Blockchain: Research and Applications, 1(1-2), 100002.

Trelease, RB, & Nieder, GL (2013). Transforming clinical imaging and 3D data for virtual reality learning objects: HTML5 and mobile devices implementation. Anatomical sciences education, 6(4), 263-270.

Rini, I. (2009). IMPLEMENTASI E-LEARNING FIQIH ZAKAT BERBASIS WEB (Studi Kasus: Jurusan Mu’amalah Fakultas Syari’ah Dan Hukum Universitas Islam Negeri Sultan Syarif Kasim Pekanbaru Riau) (Doctoral dissertation, Universitas Islam Negeri Sultan Syarif Kasim Riau).

Wee, K.N.L, Alexandria, M., Kek, Y.C., & Mattehew Sim, H.C. (2001). Crafting effective problems for problem based learning. Proceeding of 3rd Asia pasicif conference on PBL. Australia: Australiasian Problem Based Learning Network.

Hung, W. (2006). The 3C3R model: A conceptual framework for designing problem in PBL. The interdisciplinary journal of problem based learning, 1 (1), 55-75.

Gijbels, D., Dochy, F., Van den Bossche, P., & Segers, M. (2005). Effects of problem-based learning: A meta-analysis from the angle of assessment. Review of educational research, 75, 27–61.

Downloads

Published

2026-03-05