Jsvee & Kelmu: Creating and Tailoring Program Animations for Computing Education

Jsvee & Kelmu: Creating and Tailoring Program Animations for Computing Education
复制标题

杰斯维

DOI:
--
复制
发表时间:
2016
期刊:
IEEE Working Conference on Software Visualization
影响因子:
--
通讯作者:
Teemu Sirkiä
Teemu Sirkiä
中科院分区:
--
文献类型:
--
作者:
Teemu Sirkiä

文献摘要

被引文献

相似文献

为了学习编程,新手程序员必须了解程序代码的动态、运行时方面,即所谓的概念机器。当机器被图形化表示时,理解机器可以更容易,并且已经为此开发了工具。但是,这些工具通常只支持一种编程语言,并且不能在Web浏览器中工作。在本文中,我们将介绍这两个可视化工具的功能和技术实现。首先,与语言无关且可扩展的Jsvee库帮助教育工作者可视化概念机器,并为在线课程材料创建表达式级程序动画。其次,电子书作者可以使用Kelmu工具包来增强自动生成的动画,例如通过添加文本解释和箭头等注释。这两个库都已经在入门编程课程中使用,并且有初步证据表明学生们发现这些动画很有用。
To learn to program, a novice programmer must understand the dynamic, runtime aspect of program code, a so-called notional machine. Understanding the machine can be easier when it is represented graphically, and tools have been developed to this end. However, these tools typically support only one programming language and do not work in a web browser. In this article, we present the functionality and technical implementation of the two visualization tools. First, the language-agnostic and extensible Jsvee library helps educators visualize notional machines and create expression-level program animations for online course materials. Second, the Kelmu toolkit can be used by ebook authors to augment automatically generated animations, for instance by adding annotations such as textual explanations and arrows. Both of these libraries have been used in introductory programming courses, and there is preliminary evidence that students find the animations useful.