A Proposal of Code Modification Problem for Web Client Programming Using JavaScript

Khaing Hsu Wai, Nobuo Funabiki, Khin Thet Mon, San Hay Mar Shwe, Htoo Htoo Sandi Kyaw, Khin Sandar Lin

Research output: Chapter in Book/Report/Conference proceedingConference contribution

Abstract

Programming Learning Assistant System (PLAS) has been developed as a web-based self-learning platform for programming. PLAS offers several types of exercise problems for code reading and code writing skills, namely, grammar-concept understanding problem (GUP), value trace problem (VTP), element fill-in-blank problem (EFP), code completion problem (CCP), and code writing problem (CWP), to support studies at various levels for C, C++, Java, Python, and JavaScript programming and each problem has different targets for the students. JavaScript is commonly used together with HTML and CSS, to introduce dynamic behaviors of web pages in web application systems. Thus, JavaScript should be studied along with them for web client programming. In this paper, we propose a code modification problem (CMP) as a new type in PLAS, to study web client programming using JavaScript. Since a web page is made by using various functions together, reading and understanding sample source codes using them will be an effective way. Actually, students should have a lot of practices in code reading before implementing source codes from scratch. The CMP instance gives a source code using the functions to be studied and the screenshot of the web page generated by it. Then, it requests to modify the code to generate another web page given by the screenshot. The correctness of any answer is checked through string matching with the correct one. For the evaluation, we generated 25 CMP instances and assigned them to 23 students in Okayama University. Their solution results confirm the validity of the proposal.

Original languageEnglish
Title of host publicationProceedings - 2021 9th International Symposium on Computing and Networking, CANDAR 2021
PublisherInstitute of Electrical and Electronics Engineers Inc.
Pages196-202
Number of pages7
ISBN (Electronic)9781665442466
DOIs
Publication statusPublished - 2021
Externally publishedYes
Event9th International Symposium on Computing and Networking, CANDAR 2021 - Virtual, Online, Japan
Duration: Nov 23 2021Nov 26 2021

Publication series

NameProceedings - 2021 9th International Symposium on Computing and Networking, CANDAR 2021

Conference

Conference9th International Symposium on Computing and Networking, CANDAR 2021
Country/TerritoryJapan
CityVirtual, Online
Period11/23/2111/26/21

Keywords

  • code modification
  • coding reading
  • CSS
  • HTML
  • JavaScript
  • web client programming

ASJC Scopus subject areas

  • Computer Networks and Communications

Fingerprint

Dive into the research topics of 'A Proposal of Code Modification Problem for Web Client Programming Using JavaScript'. Together they form a unique fingerprint.

Cite this