Animación interactiva de algoritmos para cursos de introducción a la programación

Abstract

La enseñanza de los algoritmos básicos y de los principios de la programación requiere, entre otras cosas, ilustrar cómo se ejecutan los programas. Para ello, pueden emplearse distintas técnicas de animación, desde realizar el seguimiento de la ejecución con esquemas en una pizarra hasta el empleo de material multimedia más o menos interactivo. En este trabajo se presenta una herramienta basada en Javascript que permite realizar un seguimiento visual de la ejecución de programas simples sobre un navegador cualquiera, interactuar con él y, en última instancia, que profesores y estudiantes puedan manipularlo libremente para observar los efectos de los cambios en los programas que realicen.

SUMMARY: Teaching basic algorithms and programming principles needs, among other things, to illustrate how programs are executed. For it, different animation technologies can be used, ranging from following program executions with schemes in a blackboard to the more or less interactive usage of multimedia material. In this work, it is presented a Javascript-based tool that allows doing visual tracing of the execution of simple programs on any web-browser, interacting with it and, last but not least, freely manipulating programs by teachers and students so to show off the effects of the changes.