Effortless Construction and Management of Program Animations on the Web

  • Jaime Urquiza-Fuentes
  • J. Ángel Velázquez-Iturbide
Part of the Lecture Notes in Computer Science book series (LNCS, volume 3583)


We describe an extension of a programming environment to generate web-based program animations. Emphasis is put on requiring little effort from the instructor that handles the system. User interaction is reduced to a minimum, mostly for customizing the animations. Both construction and maintenance are considered in order to guarantee low effort in an actual educational scenario. We describe several aspects of a program animation: the different kinds of information that compose it, its construction process, alternative graphical designs for web publishing, and its implementation as a package. In general, the instructor will wish to use the system to construct and handle a collection of animations for one or several courses. Therefore, we also consider the creation and management of collections of animations in a effortless way. Finally, we describe our experience as well as related work.


Graphical Design Integrate Development Environment Presentation Style Animation System Algorithm Visualization 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Baecker, R., Price, B.: The early history of software visualization. In: Stasko, J.T., Domingue, J., Brown, M.H., Price, B.A. (eds.) Software Visualization, pp. 29–34. MIT Press, Cambridge (1998)Google Scholar
  2. 2.
    Pareja-Flores, C., Velázquez-Iturbide, J.Á.: Program execution and visualization on the Web. In: Aggarwal, A. (ed.) Web-Based Learning and Teaching Technologies: Opportunities and Challenges, pp. 236–259. Idea-Group Publishing, Hershey (2002)Google Scholar
  3. 3.
    Naps, T., et al.: Exploring the role of visualization and engagement in computer science education. SIGCSE Bulletin 35(2), 131–152 (2003)CrossRefGoogle Scholar
  4. 4.
    Naps, T., et al.: Evaluating the educational impact of visualization. SIGCSE Bulletin 35(4), 124–136 (2003)CrossRefGoogle Scholar
  5. 5.
    Naharro-Berrocal, F., Pareja-Flores, C., Velázquez-Iturbide, J.Á.: Automatic generation of algorithm animations in a programming environment. In: Proc. 30th ASEE/IEEE Frontiers in Education Conf. Stiples Publishing, S2C, pp. 6–12 (2000)Google Scholar
  6. 6.
    Velázquez-Iturbide, J.Á., Pareja-Flores, C., Urquiza-Fuentes, J.: An approach to effortless construction of program animations (under review)Google Scholar
  7. 7.
    Dershem, H.L., McFall, R.L., Uti, N.: Animation of Java linked lists. In: Proc. 33rd SIGCSE Technical Symp. Computer Science Education, pp. 53–57. ACM Press, New York (2002)CrossRefGoogle Scholar
  8. 8.
    Hadlock, F., et al.: An Internet based algorithm visualization system. Journal of Computing Sciences in Colleges 20(2), 304–310 (2004)Google Scholar
  9. 9.
    Najork, M.: Web-based algorithm animation. In: Proc. 38th Conf. Design Automation, pp. 506–511 (2001)Google Scholar
  10. 10.
    Stern, L., Søndergaard, H., Naish, L.: A strategy for managing content complexity in algorithm animation. In: Proc. 4th Annual SIGCSE/SIGCUE Conf. Innovation and Technology in Computer Science Education, pp. 127–130. ACM Press, New York (1999)CrossRefGoogle Scholar
  11. 11.
    Akingbade, A., Finley, T., Jackson, D., Patel, P., Rodger, S.H.: JAWAA: Easy web-based animation from CS0 to advanced CS courses. In: Proc. 34th SIGCSE Technical Symp. Computer Science Education, pp. 162–166. ACM Press, New York (2003)CrossRefGoogle Scholar
  12. 12.
    Ross, R.J., Grinder, M.T.: Hypertextbooks: Animated, active learning, comprehensive teaching and learning resources for the Web. In: Diehl, S. (ed.) Dagstuhl Seminar 2001. LNCS, vol. 2269, pp. 269–283. Springer, Heidelberg (2002)CrossRefGoogle Scholar
  13. 13.
    Esponda Argüero, M., Rojas, R.: Learning algorithms with an electronic chalkboard over the Web. In: Liu, W., Shi, Y., Li, Q. (eds.) ICWL 2004. LNCS, vol. 3143, pp. 1–10. Springer, Heidelberg (2004)CrossRefGoogle Scholar
  14. 14.
    Korhonen, A., Malmi, L.: Algorithm simulation with automatic assessment. In: Proc. 5th Annual SIGCSE/SIGCUE Conf. Innovation and Technology in Computer Science Education, pp. 160–163. ACM Press, New York (2000)Google Scholar
  15. 15.
    Naharro-Berrocal, F., et al.: Automatic Web publishing of algorithm animations. Upgrade II(2), 41–45 (2001)Google Scholar
  16. 16.
    Naps, T., Eagan, J., Norton, L.: JHAVÉ: An environment to actively engage students in Web-based algorithm visualizations. In: Proc. 31st SIGCSE Technical Symp. Computer Science Education, pp. 109–113. ACM Press, New York (2000)Google Scholar
  17. 17.
    Rossling, G., Freisleben, B.: Program visualization using AnimalScript. In: Proc. First International Program Visualization Workshop, pp. 41–52. University of Joensuu Press (2001)Google Scholar
  18. 18.
    Sutinen, E., Tarhio, J., Teräsvirta, T.: Easy algorithm animation on the Web. Multimedia Tools and Applications 19(2), 179–194 (2003)CrossRefGoogle Scholar
  19. 19.
    Nielsen, J.: Designing Web Usability. New Riders Publishing, Indianapolis (1999)Google Scholar
  20. 20.
    Velázquez-Iturbide, J.Á.: A programming languages course for freshmen. In: Proc. the 10th Annual SIGCSE/SIGCUE Conf. Innovation and Technology in Computer Science Education. ACM Press, New York (2005) (in press)Google Scholar
  21. 21.
    LaFollette, P., Korsh, J., Sangwan, R.: A visual interface for effortless animation of C/C++ programs. Journal of Visual Languages and Systems 11, 27–48 (2000)CrossRefGoogle Scholar
  22. 22.
    Karavirta, V., et al.: Effortless creation of algorithm visualization. In: Proceedings of the Second Annual Finish/Baltic Conf. Computer Science Education, pp. 52–56 (2002)Google Scholar
  23. 23.
    Price, B., Baecker, R., Small, I.: A principled taxonomy of software visualization. Journal of Visual Languages and Systems 4(3), 211–271 (1993)CrossRefGoogle Scholar
  24. 24.
    ACM SIGCSE:SIGCSE Education Links (updated December 2004),
  25. 25.
    The Computer Science Teaching Center (updated 2003),
  26. 26.
    Brummund, P., Uti, N.V.: The Complete Collection of Algorithm Animations (updated June 2001),
  27. 27.
    Gregorio-Rodríguez, et al.: eXercita: A system for archiving and publishing programming exercises. In: Ortega, M., Bravo, J. (eds.) Computers and Education: Towards an Interconnected Society, pp. 187–197. Kluwer Academic Press, Dordrecht (2001)Google Scholar
  28. 28.
    Kovourov, S., et al.: SAIL: A system for generating, archiving and retrieving specialized assignments using LaTeX. In: Proc. 31st SIGCSE Technical Symp. Computer Science Education, pp. 300–304. ACM Press, New York (2000)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2005

Authors and Affiliations

  • Jaime Urquiza-Fuentes
    • 1
  • J. Ángel Velázquez-Iturbide
    • 1
  1. 1.Departamento de Informática, Estadística y TelemáticaUniversidad Rey Juan CarlosMóstoles, MadridSpain

Personalised recommendations