TY - JOUR
T1 - An Implementation of Element Fill-in-Blank Problems for Code Understanding Study of JavaScript-Based Web-Client Programming
AU - Qi, Huiyu
AU - Funabiki, Nobuo
AU - Wai, Khaing Hsu
AU - Lu, Xiqin
AU - Kyaw, Htoo Htoo Sandi
AU - Kao, Wen Chung
N1 - Publisher Copyright:
© 2022 by the authors.
PY - 2022/11/1
Y1 - 2022/11/1
N2 - At present, web-client programming using HTML, CSS, and JavaScript is essential in web application systems to offer dynamic behaviors in web pages. With rich libraries and short coding features, it becomes common in developing user interfaces. However, the teaching course is not common in universities due to limited time. Therefore, self-study tools are strongly desired to promote it in societies. Previously, we have studied the programming learning assistant system (PLAS) as a programming self-study platform. In PLAS, among several types of programming problems, the element fill-in-blank problem (EFP) has been implemented for code understanding study of C and Java programming. In an EFP instance, the blank elements in a source code should be filled in with the proper words, where the correctness is checked by string matching. In this paper, we implement EFP for web-client programming in PLAS. In a web page, HTML and CSS define the components with tags in the document object model (DOM), and JavaScript offers their dynamic changes with libraries, which are blanked in EFP. Besides, a set of web page screenshots are given to help the solution. For evaluations, the generated 21 EFP instances were assigned to 20 master students in Okayama University. By analyzing their solution results, the effectiveness was confirmed for JavaScript programming learning.
AB - At present, web-client programming using HTML, CSS, and JavaScript is essential in web application systems to offer dynamic behaviors in web pages. With rich libraries and short coding features, it becomes common in developing user interfaces. However, the teaching course is not common in universities due to limited time. Therefore, self-study tools are strongly desired to promote it in societies. Previously, we have studied the programming learning assistant system (PLAS) as a programming self-study platform. In PLAS, among several types of programming problems, the element fill-in-blank problem (EFP) has been implemented for code understanding study of C and Java programming. In an EFP instance, the blank elements in a source code should be filled in with the proper words, where the correctness is checked by string matching. In this paper, we implement EFP for web-client programming in PLAS. In a web page, HTML and CSS define the components with tags in the document object model (DOM), and JavaScript offers their dynamic changes with libraries, which are blanked in EFP. Besides, a set of web page screenshots are given to help the solution. For evaluations, the generated 21 EFP instances were assigned to 20 master students in Okayama University. By analyzing their solution results, the effectiveness was confirmed for JavaScript programming learning.
KW - CSS
KW - HTML
KW - JavaScript
KW - Web-client programming
KW - code understanding
KW - element fill-in-blank
UR - http://www.scopus.com/inward/record.url?scp=85139135268&partnerID=8YFLogxK
UR - http://www.scopus.com/inward/citedby.url?scp=85139135268&partnerID=8YFLogxK
U2 - 10.18178/ijiet.2022.12.11.1736
DO - 10.18178/ijiet.2022.12.11.1736
M3 - Article
AN - SCOPUS:85139135268
SN - 2010-3689
VL - 12
SP - 1179
EP - 1184
JO - International Journal of Information and Education Technology
JF - International Journal of Information and Education Technology
IS - 11
ER -