Visualizing programs with Jeliot 3

ABSTRACT

We present a program visualization tool called Jeliot 3 that is designed to aid novice students to learn procedural and object oriented programming. The key feature of Jeliot is the fully or semi-automatic visualization of the data and control flows. The development process of Jeliot has been research-oriented, meaning that all the different versions have had their own research agenda rising from the design of the previous version and their empirical evaluations. In this process, the user interface and visualization has evolved to better suit the targeted audience, which in the case of Jeliot 3, is novice programmers. In this paper we explain the model for the system and introduce the features of the user interface and visualization engine. Moreover, we have developed an intermediate language that is used to decouple the interpretation of the program from its visualization. This has led to a modular design that permits both internal and external extensibility.

REFERENCES

• 1: D. J. Barnes and M. Kölling. Objects First with Java -- A Practical Introduction using BlueJ. Prentice Hall/Pearson Education, Reading, Massachusetts, USA, 2003.
• 2: Mordechai Ben-Ari , Niko Myller , Erkki Sutinen , Jorma Tarhio, Perspectives on Program Animation with Jeliot, Revised Lectures on Software Visualization, International Seminar, p.31-45, May 20-25, 2001
• 3: Ronit Ben-Bassat Levy , Mordechai Ben-Ari , Pekka A. Uronen, The Jeliot 2000 program animation system, Computers & Education, v.40 n.1, p.1-15, January 2003 [doi>10.1016/S0360-1315(02)00076-3]
• 4: C. D. Hundhausen, S. A. Douglas, and J. T. Stasko. A Meta-Study of Algorithm Visualization Effectiveness. Journal of Visual Languages & Computing, 13(3):259--290, 2002.
• 5: S.-P. Lahtinen, E. Sutinen, and J. Tarhio. Automated Animation of Algorithms with Eliot. Journal of Visual Languages and Computing, 9(3):337--349, 1998.
• 6: Matti Lattu , Veijo Meisalo , Jorma Tarhio, A visualisation tool as a demonstration aid, Computers & Education, v.41 n.2, p.133-148, September 2003 [doi>10.1016/S0360-1315(03)00032-0]
• 7: Richard E. Mayer, Multimedia Learning, Cambridge University Press, New York, NY, 2001
• 8: Andrés Moreno, Niko Myller. Producing an Educationally Effective and Usable Tool for Learning, the Case of the Jeliot Family. To appear in the Proceedings of International Conference on Networked e-learning for European Universities, Granada, Spain, 2003
• 9: Rainer Oechsle , Thomas Schmitt, JAVAVIS: Automatic Program Visualization with Object and Sequence Diagrams Using the Java Debug Interface (JDI), Revised Lectures on Software Visualization, International Seminar, p.176-190, May 20-25, 2001
• 10: Marian Petre, Why looking isn't always seeing: readership skills and graphical programming, Communications of the ACM, v.38 n.6, p.33-44, June 1995 [doi>10.1145/203241.203251]
• 11: D. Stratton. A Program Visualisation Meta-Language Proposal. In C. H. Lee, editor, Proceedings of the 9th International Conference on Computers in Education /SchoolNet2001, pages 601 --609, Soeul, S. Korea, 2001.
• 12: Erkki Sutinen , Jorma Tarhio , Tommi Teräsvirta, Easy Algorithm Animation on the Web, Multimedia Tools and Applications, v.19 n.2, p.179-194, February 2003 [doi>10.1023/A:1022147231170]

INDEX TERMS

Primary Classification:
  K. Computing Milieux
  K.3 COMPUTERS AND EDUCATION
      K.3.2 Computer and Information Science Education
          Subjects: Computer science education

Additional Classification:
  H. Information Systems
  H.5 INFORMATION INTERFACES AND PRESENTATION (I.7)
      H.5.1 Multimedia Information Systems
          Subjects: Animations

  I. Computing Methodologies
  I.6 SIMULATION AND MODELING
      I.6.8 Types of Simulation
          Subjects: Visual; Animation

General Terms:
Human Factors

Keywords:
novice programming, program visualization