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

Abstract

Learning methods have given ways of those 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 using unit, system, and user testing. In user testing, this study involved 264 students from computer backgrounds in validating the system. The results show that the average level of user satisfaction is 4.3 out of a scale of 5.0, indicating that the proposed system gets a good response from users so that the system is ready to be used and integrated into learning.