A Proposal of Element Fill-in-Blank Problems for Self-Study of Web-Client Game Programming

Huiyu Qi; Nobuo Funabiki; Khainghsu Wai; Mustika Mentari

doi:10.4028/p-7EiOWs

Paper Titles

Song Longevity on Music Chart Prediction Using Machine Learning Models
p.31

Critical Challenge Factors of Requirement Change Management for GSD: A Systematic Review
p.38

Facilitating Cursive Chinese Calligraphy Generation with Quantum Computing Technology
p.49

A Design of Key Element Selection Rules for Behavior Understanding Problem in Web-Client Programming Learning
p.58

A Proposal of Element Fill-in-Blank Problems for Self-Study of Web-Client Game Programming
p.66

Production Monitoring System Using Programmable Logic Controllers and SCADA in the Automotive Manufacturing Industry
p.75

Smartphone-Based Food Traceability System Using NoSQL Database
p.83

Development of the Automation System for Mobile Gamma Scan Tomography Device to Measure Scaling in Geothermal Pipelines
p.93

Development of Wide-Angle Fisheye Vision System for Smart Home Security: An Initial Study
p.104

HomeEngineering HeadwayEngineering Headway Vol. 27A Proposal of Element Fill-in-Blank Problems for...

A Proposal of Element Fill-in-Blank Problems for Self-Study of Web-Client Game Programming

Abstract:

Nowadays, game programming is a dynamic and rapidly evolving domain, driven by its exceptional popularity and continuing growth in technology and entertainment sectors. As gaming industries expand across diverse platforms and audiences, the demand for proficient game developers has been risen significantly. In response, the need for accessible and effective learning resources is leading to a surge of online courses, tutorials, and learning tools. Previously, we have presented the element fill-in-blank problem (EFP) in the programming learning assistant system (PLAS) for self-study of basic web-client programming using HTML, CSS, and JavaScript by novice students. An EFP instance requests to fill in the blanks of the given source code by referring to the screenshots of the corresponding web page. The correctness of any answer is marked through string matching. Tags, function names, or text messages may be blanked in the code. In this paper, we present EFP for self-study of web-client game programming. By solving proposed EFP, it is expected that students not only gain hands-on experience in game programming but also learn in-depth unique programming styles and grammar concepts there. For preliminary evaluations, we generated three EFP instances using source codes for web-client games and assigned them to 20 students in State Polytechnic of Malang, Indonesia. Their solution results confirmed the validity of the proposal.

You might also be interested in these eBooks

The 10th International Conference on Science and Technology (ICST)

View Preview

Info:

Periodical:

Engineering Headway (Volume 27)

Pages:

66-72

DOI:

https://doi.org/10.4028/p-7EiOWs

Citation:

Cite this paper

Online since:

October 2025

Authors:

Huiyu Qi, Nobuo Funabiki*, Khainghsu Wai, Mustika Mentari

Keywords:

Code Understanding, CSS, Element Fill-in-Blank, HTML, JavaScript, Web-Client Programming

Export:

RIS, BibTeX

Price:

Permissions CCC:

Request Permissions

Permissions PLS:

Request Permissions

Сopyright:

Citation:

* - Corresponding Author

References

[1] Client-side web APIs on https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/.

Google Scholar

[2] A. Mathrani, S. Christian, A. Ponder-Sutton, Playit: Game-based learning approach for teaching programming concepts, J. Educ. Technol. Soc. 19 (2016) 5-17.

Google Scholar

[3] S. Papadakis, M. Kalogiannakis, Evaluating the effectiveness of a game-based learning approach in modifying students' behavioural outcomes and competence, in an introductory programming course. A case study in Greece, Int. J. Teach. Case Stud. 10 (2019) 235-250.

DOI: 10.1504/ijtcs.2019.10024369

Google Scholar

[4] S. Malik, M. Al-Emran, R. Mathew, R. Tawafak, G. AlFarsi, Comparison of e-learning, m-learning and game-based learning in programming education–a gendered analysis, Int. J. Emerg. Technol. Learn. (iJET) 15 (2020) 133-146.

DOI: 10.3991/ijet.v15i15.14503

Google Scholar

[5] I. Arawjo, C.-Y. Wang, A.C. Myers, E. Andersen, F. Guimbretière, Teaching programming with gamified semantics, Proc. 2017 CHI Conf. Hum. Factors Comput. Syst. (2017) 4911-4923.

DOI: 10.1145/3025453.3025711

Google Scholar

[6] R.S. Lindberg, T.H. Laine, L. Haaranen, Gamifying programming education in K-12: A review of programming curricula in seven countries and programming games, Br. J. Educ. Technol. 50 (2019) 1979-1995.

DOI: 10.1111/bjet.12685

Google Scholar

[7] A. Vahldick, A.J. Mendes, M.J. Marcelino, A review of games designed to improve introductory computer programming competencies, Proc. 2014 IEEE Front. Educ. Conf. (2014) 1-7.

DOI: 10.1109/fie.2014.7044114

Google Scholar

[8] D. Zhao, C.H. Muntean, A.E. Chis, G. Rozinaj, G.-M. Muntean, Game-based learning: Enhancing student experience, knowledge gain, and usability in higher education programming courses, IEEE Trans. Educ. 65 (2022) 502-513.

DOI: 10.1109/te.2021.3136914

Google Scholar

[9] P. Moreno-Ger, D. Burgos, I. Martínez-Ortiz, J.L. Sierra, B. Fernández-Manjón, Educational game design for online education, Comput. Hum. Behav. 24 (2008) 2530-2540.

DOI: 10.1016/j.chb.2008.03.012

Google Scholar

[10] F. Ke, An implementation of design-based learning through creating educational computer games: A case study on mathematics learning during design and computing, Comput. Educ. 73 (2014) 26-39.

DOI: 10.1016/j.compedu.2013.12.010

Google Scholar

[11] H. Qi, N. Funabiki, K.H. Wai, X. Lu, H.H.S. Kyaw, W.C. Kao, An implementation of element fill-in-blank problems for code understanding study of JavaScript-based web-client programming, Int. J. Inf. Educ. Technol. 12 (2022) 1179-1184.

DOI: 10.18178/ijiet.2022.12.11.1736

Google Scholar