170 likes | 287 Views
Jeliot 3 http://cs.joensuu.fi/jeliot. Educational Technology of Computer Science Spring 2004. Andr é s Moreno Garc í a Niko Myller Department of Computer Science University of Joensuu. Contents. What is program animation ? How can I use Jeliot 3? Is this all?. Program Animation (1/2).
E N D
Jeliot 3http://cs.joensuu.fi/jeliot Educational Technology of Computer Science Spring 2004 Andrés Moreno García Niko Myller Department of Computer Science University of Joensuu
Contents • What is program animation? • How can I use Jeliot 3? • Is this all?
Program Animation (1/2) • ”Program Animation” stands for those applications that show the execution of a program by means of a multimedia display. • They can be used in any phase of the development cycle of a program. • Jeliot family is designed to aid students to learn programming
Program Animation (2/2) • Jeliot family’s key feature is its automated process • Eliot and Jeliot I were semi-automatic.Users had many possibilities to prepare the visualization • Jeliot 2000 and Jeliot 3 are fully automatic. Users focus on programming and forget about visualization details. A single visualization model is applied.
Jeliot family and history • 1993 Eliot’s development began at the University of Helsinki • 1997 Jeliot I was released • 2000 Jeliot 2000 was implemented at the Weizmann Institute of Science in Israel • 2003 Jeliot 3 is released, developed by the University of Joensuu in Finland
Evolution (1/2) • Eliot was platform dependent, and thus it evolved into Jeliot I, that presented a web interface. It only needed a Java-capable web browser to run. • Eliot and Jeliot I were found to be hard to grasp by novice users. Moreover, it only animated data types.
Evolution(2/2) • Jeliot 2000 handled the problems of usabilility and provided an application for novices that helped them to learn the basics of programming. • Jeliot 3 is the generalization of Jeliot 2000. It broadens its support to object oriented features and improves its usability, adding features that makes it easier to use at lectures.
Using Jeliot 3 • The lecturer can use Jeliot 3 as a part of the lecture material. She can explain different concepts of programming through Jeliot animations. Thus students can create the correct relationship between the animation and the concept, and apply it later with reduced possibility of misunderstandings
Using Jeliot 3 • Students may use Jeliot 3 by themselves after the lectures and do the assignments with it.
Using Jeliot 3 • Jeliot 3 can be used in an interactive laboratory sessionwhere students may utilize their recently acquired knowledge by writing programs and debugging them through Jeliot. Teachers should assist throughout the process.
Using Jeliot 3 Jeliot 3 provides a tool that can aid in courses when external help is not available (e.g. in distance education). Its visualization paradigm creates a reference modelthat can be used to explain problems and thus it eases the communication and creates vocabulary between students and teacher when difficulties come up (Ben-Bassat Levy et al., 2003).
Conclusions • Jeliot 3 is being used in different places to teach basics programming. • Easy to install and start using it. • Modular desing that can add more functionality to it • We are interested in suggestions from users. http://cs.joensuu.fi/jeliot/feedback.html • Possibility to develop new components for Jeliot 3 as a project work.
Further reading (http://cs.joensuu.fi/jeliot/pub.html) • Producing an Educationally Effective and Usable Tool for Learning, The Case of the Jeliot Family ANDRES MORENO, NIKO MYLLER • The basis of these slides, you will find more detailed explanations there • The Jeliot 2000 program animation systemRONIT BEN-BASSAT, MORDECHAI BEN-ARI, PEKKA URONEN • It discusses the reasons behind Jeliot 2000 and publishes the results of a test done to Israeli students comparing Jeliot 2000 and common teaching methods
Further reading • A Meta-Study of Software Visualization Effectiveness CHRISTOPHER D. HUNDHAUSEN • A general introducion into the literature on Software Visualization • Key Decisions in Adopting Algorithm Animation for Teaching GUIDO RÖßLING • Why use Algorithm animation?