Visualization is a powerful tool for explaining, understanding, and debugging computations. Over the years, several visualization tools have been developed for educational purposes. Most of these tools feed visualization engines using the raw program state data available provided by the debugger API. While this suffices in certain contexts, there are situations where additional relevant information could aid in building up more comprehensive visualizations. This paper presents two novel visualizations of Paddle, an educational programming environment based on synthesized program execution information. We generate execution traces and relevant program states through static and dynamic analysis of the execution data. The synthesized information captures program behaviors that facilitate the creation of comprehensive and rich visualizations involving arrays that depict position reads, writes, moves, and swaps.
@InProceedings{mourato_et_al:OASIcs.ICPEC.2024.10, author = {Mourato, Rodrigo and Santos, Andr\'{e} L.}, title = {{Educational Program Visualizations Using Synthetized Execution Information}}, booktitle = {5th International Computer Programming Education Conference (ICPEC 2024)}, pages = {10:1--10:8}, series = {Open Access Series in Informatics (OASIcs)}, ISBN = {978-3-95977-347-8}, ISSN = {2190-6807}, year = {2024}, volume = {122}, editor = {Santos, Andr\'{e} L. and Pinto-Albuquerque, Maria}, publisher = {Schloss Dagstuhl -- Leibniz-Zentrum f{\"u}r Informatik}, address = {Dagstuhl, Germany}, URL = {https://drops.dagstuhl.de/entities/document/10.4230/OASIcs.ICPEC.2024.10}, URN = {urn:nbn:de:0030-drops-209799}, doi = {10.4230/OASIcs.ICPEC.2024.10}, annote = {Keywords: Introductory programming, visualization, comprehension} }
Feedback for Dagstuhl Publishing