JavaScript Development Environment for Programming Education Using Smartphones

Uehara, Masato

doi:10.1109/candarw.2019.00058

Cited by 8 publications

(2 citation statements)

References 6 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…In [11], the authors proposed the JavaScript development environment (JDE) for the purpose of supporting programming education. The JDE offers a setting in which JavaScript programming may be done anywhere, at any time.…”

Section: Related Work In Literaturementioning

confidence: 99%

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

Wai¹,

Funabiki²,

Mon³

et al. 2022

Adv. sci. technol. eng. syst. j.

View full text Add to dashboard Cite

In current societies, web application systems take central roles in computer systems. Thus, web client programming using JavaScript has increased values to add dynamic features and functions in web pages by well working with HTML and CSS. In this paper, as a new type of exercise problem for its self-study, we propose a code modification problem (CMP). In CMP, a source code with HTML/CSS elements and JavaScript functions for study, and the screenshots of both the original and the slightly altered web pages are provided to the students, who will need to edit the source code to generate the modified page. The goal of CMP is for students to carefully read the source code and comprehend how to use the components and functions through modifying parameters, values, or messages there. String matching is used to check the correctness of any answer. Through solving CMP instances, the students are expected to master the basic concepts of web client programming. To evaluate the proposal, we generated and assigned 25 CMP instances to 37 students in Okayama University. In addition, we offered project assignments of freely implementing source codes by referring to solved CMP instances to evaluate their learning effects. With the solution results, the validity of the proposal has been confirmed.

show abstract

Section: Related Work In Literaturementioning

confidence: 99%

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

Wai¹,

Funabiki²,

Mon³

et al. 2022

Adv. sci. technol. eng. syst. j.

View full text Add to dashboard Cite

show abstract

“…In [13], Uehara et al proposed the JavaScript Development Environment (JDE) to support programming education. JDE provides an environment where programming can be displayed anytime and anywhere.…”

Section: Related Workmentioning

confidence: 99%

An Implementation of Element Fill-in-Blank Problems for Code Understanding Study of JavaScript-Based Web-Client Programming

Qi¹,

Funabiki²,

Wai³

et al. 2022

IJIET

View full text Add to dashboard Cite

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.

show abstract

Experiences with a Single-Page Application for Learning Programming

Uehara

2020

Lecture Notes in Networks and Systems

Self Cite

View full text Add to dashboard Cite

In recent years, the need for programming has increased. Self-study in programing is important for mastering it. However, many sites for learning programming only support personal computers. JavaScript Development Environment (JDE) was developed in our previous research. JDE is a single-page application that allows a user to learn programming on a smartphone. It imposes a small load on the server, thus many people can use it at the same time. Because it does not use a computer, it can be used in a classroom. Furthermore, JDE is suitable for distance learning (or e-learning). The number of remote classes has increased in Japan in 2020, as a result of the coronavirus pandemic. In this paper, we introduce an example of distance learning using JDE and verify the effectiveness of JDE.

show abstract

JavaScript Development Environment for Programming Education Using Smartphones

Cited by 8 publications

References 6 publications

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

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

An Implementation of Element Fill-in-Blank Problems for Code Understanding Study of JavaScript-Based Web-Client Programming

Experiences with a Single-Page Application for Learning Programming

Contact Info

Product

Resources

About