Jsvee & Kelmu: Creating and tailoring program animations for computing education. Issue 2 (28th November 2017)
- Record Type:
- Journal Article
- Title:
- Jsvee & Kelmu: Creating and tailoring program animations for computing education. Issue 2 (28th November 2017)
- Main Title:
- Jsvee & Kelmu: Creating and tailoring program animations for computing education
- Authors:
- Sirkiä, Teemu
- Other Names:
- Parnin Christopher guestEditor.
Fabry Johan guestEditor. - Abstract:
- Abstract: 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 1 programming language and do not work in a Web browser. In this article, we present the functionality and technical implementation of the 2 visualization tools. First, the language‐agnostic and extensible Jsvee library helps instructors visualize notional machines and create expression‐level program animations for online course materials. Second, instructors can use the Kelmu toolkit to augment automatically generated animations, for instance, by adding annotations such as textual explanations and arrows on top of the original animation. Both of these libraries have been used in introductory programming courses, and there is preliminary evidence that learners find the animations useful and annotated animations change student behavior. Abstract : Providing interactive program animations for novice learners and tools for instructors to annotate the key steps in them gives new possibilities to create online course materials. This article presents 2 JavaScript libraries to create and tailor program animations as well as research results of using them in real CS1 courses. Key findings are that novices voluntarily used the animations, likely read the annotations, and paid moreAbstract: 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 1 programming language and do not work in a Web browser. In this article, we present the functionality and technical implementation of the 2 visualization tools. First, the language‐agnostic and extensible Jsvee library helps instructors visualize notional machines and create expression‐level program animations for online course materials. Second, instructors can use the Kelmu toolkit to augment automatically generated animations, for instance, by adding annotations such as textual explanations and arrows on top of the original animation. Both of these libraries have been used in introductory programming courses, and there is preliminary evidence that learners find the animations useful and annotated animations change student behavior. Abstract : Providing interactive program animations for novice learners and tools for instructors to annotate the key steps in them gives new possibilities to create online course materials. This article presents 2 JavaScript libraries to create and tailor program animations as well as research results of using them in real CS1 courses. Key findings are that novices voluntarily used the animations, likely read the annotations, and paid more attention when the annotations were present. … (more)
- Is Part Of:
- Journal of software. Volume 30:Issue 2(2018)
- Journal:
- Journal of software
- Issue:
- Volume 30:Issue 2(2018)
- Issue Display:
- Volume 30, Issue 2 (2018)
- Year:
- 2018
- Volume:
- 30
- Issue:
- 2
- Issue Sort Value:
- 2018-0030-0002-0000
- Page Start:
- n/a
- Page End:
- n/a
- Publication Date:
- 2017-11-28
- Subjects:
- Jsvee -- Kelmu -- expression‐level visualization -- program visualization -- tailoring -- annotating
Software engineering -- Periodicals
Computer software -- Development -- Periodicals
Software maintenance -- Periodicals
005.1 - Journal URLs:
- http://onlinelibrary.wiley.com/journal/10.1002/(ISSN)2047-7481 ↗
http://onlinelibrary.wiley.com/ ↗ - DOI:
- 10.1002/smr.1924 ↗
- Languages:
- English
- ISSNs:
- 2047-7473
- Deposit Type:
- Legaldeposit
- View Content:
- Available online (eLD content is only available in our Reading Rooms) ↗
- Physical Locations:
- British Library DSC - BLDSS-3PM
British Library HMNTS - ELD Digital store - Ingest File:
- 5925.xml