Lessons learned: use of interactive graphics to support contextualized programming education

Abstract

Abstract. Learn to program is a difficult task that requires to be highly motivated to get confronted to abstract and complex problems and thus several teaching strategies have been proposed to assist students on how to grasp the intricacies of methods, structures, and algorithms involved in programming. One of these strategies is teaching programming in a contextualized manner through the use of interactive graphics to provide visual aids for the easy understanding and learning of some basic programming concepts. The use of interactive graphics offers immediate feedback to students on the concepts they are learning, in an entertained and contextualized way, through their active participation through the creation of images and figures that they can manipulate. This paper discusses the experiences of the authors in the use of strategies to facilitate the learning of programming structures in a contextualized learning environment, supported by the use of interactive graphics as a means to increase their comprehension and the interest of students. The discussion includes the use of SVG graphics and two environments developed by the authors to provide contextualized learning.Resumen. Aprender a programar es una tarea difícil que requiere una gran motivación para enfrentarse a problemas abstractos y complejos y, por lo tanto, se han propuesto varias estrategias de enseñanza para ayudar a los estudiantes a comprender las complejidades de los métodos, estructuras y algoritmos involucrados en la programación. Una de estas estrategias es enseñar programación de manera contextualizada mediante el uso de gráficos interactivos para proporcionar ayudas visuales para la fácil comprensión y aprendizaje de algunos conceptos básicos de programación. El uso de gráficos interactivos ofrece retroalimentación inmediata a los estudiantes sobre los conceptos que están aprendiendo, de forma entretenida y contextualizada, a través de su participación activa mediante la creación de imágenes y figuras que pueden manipular. Este artículo analiza las experiencias de los autores en el uso de estrategias para facilitar el aprendizaje de estructuras de programación en un entorno de aprendizaje contextualizado, apoyado en el uso de gráficos interactivos como medio para aumentar su comprensión y el interés de los estudiantes. La discusión incluye el uso de gráficos SVG y dos entornos desarrollados por los autores para proporcionar un aprendizaje contextualizado.