Development of Gamification-Based E-Learning on Web Design Topic


  • Fajar Pradana Universitas Negeri Malang
  • Punaji Setyosari Universitas Negeri Malang
  • Saida Ulfa Universitas Negeri Malang
  • Tsukasa Hirashima Hiroshima University



gamification, e-learning, programming, htmlcss, engagement


Conventional learnings have given way to methods aided by technological advances. The approach known as Student-Centered Learning (SCL) is the foundation of e-learning. Furthermore, SCL demands students to be self-motivated to complete courses and engage with the offered learning content. Programming is one of the most important subjects to study independently and with the aid of an instructor. The need for graduates with programming and computational skills in the field of web design continues to receive widespread attention from the industry. However, problems such as low student engagement are often encountered in learning about programming concepts and syntax. Gamification is an instructional approach to facilitate learning and boost motivation through game elements, mechanics, and thinking. Therefore, this research aims to discuss the development of Gamification-based e-learning to increase student engagement and motivation, especially in HTML and CSS web design. This system was tested with 3 methods, including unit, system, and user testing. In user testing, this study involved 264 students from computer backgrounds to validate the system. The results show that the e-learning system can perform well according to the expected specifications.




How to Cite

Pradana, F., Setyosari, P., Ulfa, S., & Hirashima, T. (2023). Development of Gamification-Based E-Learning on Web Design Topic. International Journal of Interactive Mobile Technologies (iJIM), 17(03), pp. 21–38.