A Website of Syntax Visualization Tool for Python

10.29428/9789860544169.201801.0137

Shuo-Hong Kao；Dow-Ming Yeh

programming language ； visualization ； software tool ； parser ； website

NCS 2017 全國計算機會議

2017（2018 / 01 / 01）

725 - 730

英文

The development of computational thinking skills through computer programming is one of the main topics of current education. In Taiwan, the Ministry of Education has incorporated 〞programming〞 into compulsory subjects for secondary school students in the new course of 12-year Compulsory Education in 2018. Humans are good at dealing with visual information. Compared to monotonous and lengthy text narratives, contents in the form of graphics and images are the most convenient way for humans to learn quickly. There are many existing visual language tools such as Scratch and Blockly, and these tools can be considered as entry programming platforms for novices. However, students must convert to the conventional textual programming language and development tools if they want to further deepen their programming ability, and they will encounter many difficulties and challenges in the transition. This paper is devoted to the study of providing a visual presentation of Python language for novices. We develop a set of tools for the visualization of grammatical structures in Python with a parsing tool, ANTLR, and provide the information with a website using JSP, JavaScript, and HTML.