Webプログラミング言語教育のためのプレゼンテーションツールの開発

摘要

When teachers show sample codes and their execution results during programming courses, they often have to change between applications for presentations and programming environment. This may affect the impact of split-attention. To reduce it, programming environment in a presentation slide is desirable. In this study, we developed a presentation software for being used in web programming language courses. It has the function to display sample source code of web programming language, edit it, and display its result in one slide avoiding changing applications. It also facilitates interactivity between the teacher and students during the lessons.%プログラミングの授業時に教師がサンプルコードとその動作を演示する場合、プレゼンテーション画面と実行環境を切り替えながら説明する必要がある。この場合split-attentionの影響を受けることが考えられる。split-attentionを減らすには、プレゼンテーションスライド中にプログラム実行環境があることが望ましい。そこで本研究では、HTMLプレゼンテーションツール上で、Webプログラミング言語のサンプルコードを記述し、それを動作・表示させることができる機能を実装した。これにより、プログラミング教育を行う教師が、画面を切り替えることなくサンプルコードとともに動作例を提示することができる。さらに、授業展開に合わせたインタラクティプな授業を行うことができる。