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

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

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.

Pradana, Fajar

Setyosari, Punaji

Ulfa, Saida

Hirashima, Tsukasa

International Journal of Interactive Mobile Technologies (iJIM); Vol. 17 No. 03 (2023); pp. 21-38

1865-7923

International Association of Online Engineering (IAOE), Vienna, Austria

2023-02-06

Copyright (c) 2023 Fajar Pradana, Prof. Dr. H. Punaji Setyosari , M.Pd, M.Ed., Saida Ulfa , S.T., M.Edu., Ph.D, Tsukasa Hirashima

https://creativecommons.org/licenses/by/4.0

application/pdf

eng

info:eu-repo/semantics/article

info:eu-repo/semantics/publishedVersion

Peer-reviewed Article