Code examples are commonly used learning resources that help students grasp various programming structures and concepts. However, example code usually requires explanations about what each line or part of the code does. Otherwise, students may find it difficult to follow an example. In this paper, we compare two types of code examples that use different techniques to describe important concepts in the code: annotated and animated examples. The former displays an explanation for a subset of lines in plain text, whereas the latter visualizes code execution. We studied the use and impact of these enhanced examples, provided as non-mandatory practice content, in three introductory Java courses. Our results suggest that animated examples are more engaging and have a positive impact on students' learning. As compared to annotated examples, students spent more time with animated examples and more likely completed them. Also, a positive relationship was found between the number of explored animated examples and the overall course grade.
Description
CiteULike: Animated Examples As Practice Content in a Java Programming Course
%0 Conference Paper
%1 citeulike:13966483
%A Hosseini, Roya
%A Sirkiä, Teemu
%A Guerra, Julio
%A Brusilovsky, Peter
%A Malmi, Lauri
%B Proceedings of the 47th ACM Technical Symposium on Computing Science Education
%C New York, NY, USA
%D 2016
%I ACM
%K examples myown practice-system program-visualization
%P 540--545
%R 10.1145/2839509.2844639
%T Animated Examples As Practice Content in a Java Programming Course
%U http://dx.doi.org/10.1145/2839509.2844639
%X Code examples are commonly used learning resources that help students grasp various programming structures and concepts. However, example code usually requires explanations about what each line or part of the code does. Otherwise, students may find it difficult to follow an example. In this paper, we compare two types of code examples that use different techniques to describe important concepts in the code: annotated and animated examples. The former displays an explanation for a subset of lines in plain text, whereas the latter visualizes code execution. We studied the use and impact of these enhanced examples, provided as non-mandatory practice content, in three introductory Java courses. Our results suggest that animated examples are more engaging and have a positive impact on students' learning. As compared to annotated examples, students spent more time with animated examples and more likely completed them. Also, a positive relationship was found between the number of explored animated examples and the overall course grade.
%@ 978-1-4503-3685-7
@inproceedings{citeulike:13966483,
abstract = {Code examples are commonly used learning resources that help students grasp various programming structures and concepts. However, example code usually requires explanations about what each line or part of the code does. Otherwise, students may find it difficult to follow an example. In this paper, we compare two types of code examples that use different techniques to describe important concepts in the code: annotated and animated examples. The former displays an explanation for a subset of lines in plain text, whereas the latter visualizes code execution. We studied the use and impact of these enhanced examples, provided as non-mandatory practice content, in three introductory Java courses. Our results suggest that animated examples are more engaging and have a positive impact on students' learning. As compared to annotated examples, students spent more time with animated examples and more likely completed them. Also, a positive relationship was found between the number of explored animated examples and the overall course grade.},
added-at = {2016-03-03T21:01:23.000+0100},
address = {New York, NY, USA},
author = {Hosseini, Roya and Sirki\"{a}, Teemu and Guerra, Julio and Brusilovsky, Peter and Malmi, Lauri},
biburl = {https://www.bibsonomy.org/bibtex/2ccde6f09fc3d7b469e5cd906d846f517/brusilovsky},
booktitle = {Proceedings of the 47th ACM Technical Symposium on Computing Science Education},
citeulike-article-id = {13966483},
citeulike-linkout-0 = {http://portal.acm.org/citation.cfm?id=2844639},
citeulike-linkout-1 = {http://dx.doi.org/10.1145/2839509.2844639},
description = {CiteULike: Animated Examples As Practice Content in a Java Programming Course},
doi = {10.1145/2839509.2844639},
interhash = {ab61cde8d496794de829187a9bdd20cc},
intrahash = {ccde6f09fc3d7b469e5cd906d846f517},
isbn = {978-1-4503-3685-7},
keywords = {examples myown practice-system program-visualization},
location = {Memphis, Tennessee, USA},
pages = {540--545},
posted-at = {2016-03-03 19:59:59},
priority = {0},
publisher = {ACM},
series = {SIGCSE '16},
timestamp = {2016-03-03T21:01:23.000+0100},
title = {Animated Examples As Practice Content in a Java Programming Course},
url = {http://dx.doi.org/10.1145/2839509.2844639},
year = 2016
}