Presentation 2020-03-07
Development of a visual learning tool for compiler behavior
Hiroaki Hiranishi, Yoshiro Imai, Yoichi Sugimoto,
PDF Download Page PDF download Page Link
Abstract(in Japanese) (See Japanese page)
Abstract(in English) This paper proposes an educational tool, which can visualize the internal processing of the compiler. One of the purposes of this tool is to promote understanding of language processing and behavior of compiler to translate from high-level programming language such as C program into machine language (in our case, pseudo assembly language). This tool can execute on major browsers of various operating system because it is implemented in HTML5 and JavaScript. The internal structure is composed of the following four parts, namely input part for high-level programming language codes, lexical analyzing part, syntax analyzing part, and code generating part. Input program is to be parsed and processed at the lexical analyzing part. This part generates lexical units into the suitable tables for syntax analyzing part and then displays the relevant parse tree on a new frame of the tool. The syntax analyzing part can provide special visualizing services how syntax analysis can be performed with lexical units and parse tree, because it does specify and highlight the close-up leaf of parse tree corresponding to the selected lexical unit in the manner of mouse-clicking by users. This facilitates useful possibility to select a lexical note of interest and them makes it easier for users to find the syntax they want to focus on.
Keyword(in Japanese) (See Japanese page)
Keyword(in English) Educational Visualization / Compiler / JavaScript
Paper # ET2019-97
Date of Issue 2020-02-29 (ET)

Conference Information
Committee ET
Conference Date 2020/3/7(1days)
Place (in Japanese) (See Japanese page)
Place (in English) National Institute of Technology, Kagawa Collage
Topics (in Japanese) (See Japanese page)
Topics (in English) LMS and e-Portfolio, etc.
Chair Hideyuki Suzuki(Ibaraki Univ.)
Vice Chair Ryo Takaoka(Yamaguchi Univ.)
Secretary Ryo Takaoka(Waseda Univ.)
Assistant Megumi Kurayama(National Inst. of Tech., Hakodate College) / Ryo Oonuma(Fukushima Univ.)

Paper Information
Registration To Technical Committee on Educational Technology
Language JPN
Title (in Japanese) (See Japanese page)
Sub Title (in Japanese) (See Japanese page)
Title (in English) Development of a visual learning tool for compiler behavior
Sub Title (in English)
Keyword(1) Educational Visualization
Keyword(2) Compiler
Keyword(3) JavaScript
Keyword(4)
1st Author's Name Hiroaki Hiranishi
1st Author's Affiliation Kagawa University(Kagawa Univ.)
2nd Author's Name Yoshiro Imai
2nd Author's Affiliation Kagawa University(Kagawa Univ.)
3rd Author's Name Yoichi Sugimoto
3rd Author's Affiliation Kagawa University(Kagawa Univ.)
Date 2020-03-07
Paper # ET2019-97
Volume (vol) vol.119
Number (no) ET-468
Page pp.pp.121-126(ET),
#Pages 6
Date of Issue 2020-02-29 (ET)