Applying Algorithm Animation Techniques for Program Tracing, Debugging, and Understanding

Total Page:16

File Type:pdf, Size:1020Kb

Applying Algorithm Animation Techniques for Program Tracing, Debugging, and Understanding Applying Algorithm Animation Techniques for Program Tracing, Debugging, and Understanding Sougata Mukherjea, .John T. Stasko Graphics, Visualization and Usability Center, College of Computing Georgia Institute of Technology Atlanta, GA 30332-0280 Abstract “software visualization” is better because it is more general, encompassing visualizations of data struc- Algorithm antmation, which presents a dynamic vi- tures, algorithms, and specific programs. In fact, soft- sualization of an algorithm or program, primartly has ware visualization research primarily has concentrated been used as a teaching aid. The highly abstract, on two different subtopics: data structure display and application-specific nature of algorithm animation re- algorithm animation. quires human design of the animation views. We spec- Data structure display systems such as Incense[13], ulate that the application-specific nature of algorithm GDBX[3], and VIPS[l 1, 17] illustrate particular data animation views could be a valuable debugging aid for structures within a program, showing both the val- sofiware developers as well. Unfortunately, zf ani- ues and interconnections of particular data elements. mation development requires time -cons urntng des~gn These systems automatically generate a view of a with a graphics package, zt wdl not be used for de- data structure when the user issues a command to bugging, where timeliness is a necessity. We have de- do so. Other systems such as Pecan[16] provide ad- veloped a system called Lens that allows programmers ditional program state views of control flow, the run- to rapxdly (m mtnutes) butld algorithm animation - time stack, and so on. Data structure display systems styie program views wtthout requiring any sophisticated main application has been for debugging and software graphzcs knowledge or codtng. Lens is integrated with development. Commercial systems such as Borland a system debugger to promote iterative design and ex- C for PCS and CodeVision for SGI workstations even ploration. provide rudimentary data structure display capabili- ties within a software development environment. Algorithm animation, the second main subarea of 1 Introduction software visualization, provides views of the funda- People invariably have a difficult time understandi- mental operations of computer programs, concentrat- ng abstract concepts or processes. One way to im- ing more on abstractions of behavior than on a par- prove understanding is to provide specific examples, ticular program’s implementation[5]. The views pre- possibly using pictures to make an abstract concept sented are much more application-specific than the more concrete. The expression “Seeing is believing” generic views of data structure display systems. The relates that what we can visualize, we can grasp and movie Sorting out ,Sorting~2] motivated many of the understand. subsequent algorithm animation software systems that This notion can be applied to software under- have been developed, including Balsa[6], Animus[7], standing and the use of graphics and visualization Movie[4], and Tango [19]. In all these systems, a de- to depict computer algorithms and programs. Soft- veloper first designs a visual presentation for an al- ware visualization provides concrete representations gorithm, and then implements the visualization using to previously inanimate, abstract entities that have a support graphics platform. To date, the primary always been, and most likely always will be, rela- use of algorithm animations has been for teaching and tively difficult to understand. The use of graphics instruction. for illustrating software was originally called program Because algorithm animation views are complex msua~izatiun[l, 14, but more recently the term sofi- user-conceptualized depictions, they cannot be cre- ware visua/ization[15, 22] has been favored. The term ated automatically from a “black-box” program illus- 456 0270-5257/93 $03.00 @ 1993 IEEE trator. Rather, an animation designer crafts a par- of data structures, such as showing a clock face to rep- ticular view that is specifically tailored for a program. resent integer values hours and minutes. This design, Consequently, designing algorithm animations is time- however, requires writing the low-level graphics code intensive and usually restricted to already working to implement the view. programs. That is, a designer utilizes a fully func- The algorithm animation system Movie[4] focuses tional working program, designs a set of animation on rapid development of relatively straightforward al- routines for its visualization, and maps the program gorithm visualizations. The system provides a few to the corresponding routines. The resulting views simple commands which can be used to quickly de- can then be used as instructional aids for illustrating velop a visualization of a program in order to under- the program’s methodologies and behaviors. [Unfor- stand it better. Programmers still must learn the sys- tunately, the time and effort required to develop an- tem’s commands, however, and the system does not imations is considerable enough to limit their use to support smooth, continuous animation effects. pedagogy and preclude their use in software develop- The Gestural system[8] supports purely graphical ment and debugging. A programmer will not use a animation development on Smalltalk programs, but its tool for debugging whose development time outweighs only images are black rectangles and its only actions that to simply debug a program with traditional text- were movements following mouse-traced paths. based methods. The Dance system[20] allows developers to graph- This fact is unfortunate, however, because algo- ically build algorithm animations, then it generates rithm animations could offer key benefits to program the corresponding Tango[l 9] animation code to carry debugging and testing. The use of pictures to illus- out the specified actions. Unfortunately, programmers trate how programs work has always played an im- still must learn the underlying animation paradigm portant role in software engineering. Programmers, of Tango to develop views of algorithms or pro- in designing code, often implicitly construct a mental grams. Also, animation designs cannot be incremen- model of their program, how it should function, how it tally tested. The code must be generated, compiled, utilizes data, and so on. It is much easier for people to and run, but the design cannot be read back into the think in terms of these higher level abstractions (the system for modifications. big picture) than to try and comprehend how all of the The University of Washington Program individual operations and data work in c.onjunction— Illustrator[IO] truly requires no designer input to gen- particularly so for larger systems. Data structure dis- erate an algorithm animation. It analyzes program play systems, which have already been utilized in de- source code and produces its own abstract depiction. buggers, can only offer views of raw data; the notion The system was only developed to analyze sorting and of an overall picture does not exist there. Algorithm graph algorithms, however, using one particular style animations, conversely, offer views of a program’s ap- of view for each. Building an automatic “black-box” plication domain and semantics. These types of views algorithm animation style viewing tool for arbitrary can be critical for determining why a program is not programs appears to be an impossible task because performing in its desired manner. of the infinite number of different possible algorithms In particular, the use of animation is extremely and depictions. important because programs are fundamentally dy- Our work seeks to bridge the two domains of namic. Illustrating program data and states is use- data structure display and algorithm animation as ful for understanding, but illustrating how the pro- shown in Figure 1. We want a system that can pro- gram changes from state to state and evolves over vide application-specific animation views for debug- time is even more helpful. Consider developing a com- ging purposes. Unlike the UWPI system, we still want putational geometry program, a quicksort, a particle programmers to design their own animations. We do chamber simulation, or a graph colorability algorithm. not want to require the programmers to need to learn Would it not be extremely advantageous to have a dy- a graphics toolkit and write code using it, however. namic visualization of the program to watch during WJealso want our tool to work in conjunction with a program testing in order to see how it is working and debugger so that animation can be incrementally de- to help identify erroneous program actions? veloped without going through the edit-compile-run Particular systems have taken steps toward this cycle. merge of data structure display and algorithm anima- This work addresses the tail-end of the software de- tion. The data structure display system Incense[13] velopment pipeline, when a designer has already writ- allows developers to design their own abstract views ten portions of, or perhaps all of, a target program or 457 mastered. Raw data views Application-specilic generated user-defined To develop this kernel, we studied over 40 algorithm automatically y program views animations built with the XTango system[2 1]. The ‘Ihi.s work animations’ topics included sorting, searching, graph, n + * tree, string and graphics algorithms, as well as anima- tions of matrix multiplication, fft, hashing, producer- Data
Recommended publications
  • Introduction to Programming
    1 2 3 4 Computers & Data Instructions Flow Objects 5 7 8 5 Input/Output6 & Algorithms & Libraries & Pointers & Arrays Events Data Structures Languages Introduction to Programming UCSD Extension Philip J. Mercurio [email protected] 9th Edition Copyright © 2002 Philip J. Mercurio, All Rights Reserved. The purchaser of this document is hereby granted permission to print one copy of this document for their own use. Ownership of this document may not be transferred. Introduction to Programming Table of Contents Slide # Title Slide # Title 1-1 Introduction to Programming 1-49 Floating Point Numbers 1-2 Today’s Session 1-50 Floats and Doubles 1-3 Course Overview: Readings 1-51 Precision 1-4 When was the last time you gave 1-52 Real Numbers someone directions? 1-53 Text 1-5 You're Already A Programmer 1-54 ASCII Table 1-6 Languages 1-55 Latin-1 1-7 Programming a Computer 1-56 Unicode 1-8 Why C++? 1-57 Strings 1-9 Goals of this course 1-58 Numbers and Strings 1-10 What You'll Learn 1-59 Addresses 1-11 After taking this course, you can: 1-60 Representing Objects in Memory 1-12 Computers Are Stupid 1-61 Groups and Lists 1-13 Why Do Computers Appear Smart? 1-63 So Far 1-14 Fundamental Rule of Programming 1-15 Hardware & Software 2-1 Introduction to Programming 1-16 Computer Hardware 2-2 Last Session 1-17 The Processor 2-3 Today’s Session 1-18 Memory 2-4 The Processor (A Simplified Model) 1-19 What Does Memory Look Like? 2-5 Processor Registers 1-20 The Processor and Memory 2-6 Instructions 1-21 The Address Space 2-7 Processor's Environment 1-22 Devices
    [Show full text]
  • Evaluating Extensible 3D (X3D) Graphics for Use in Software Visualisation by Craig Anslow
    Evaluating Extensible 3D (X3D) Graphics For Use in Software Visualisation by Craig Anslow A thesis submitted to the Victoria University of Wellington in fulfilment of the requirements for the degree of Master of Science in Computer Science. Victoria University of Wellington 2008 Abstract 3D web software visualisation has always been expensive, special purpose, and hard to program. Most of the technologies used require large amounts of scripting, are not reliable on all platforms, are binary formats, or no longer maintained. We can make end-user web software visualisation of object-oriented programs cheap, portable, and easy by using Extensible (X3D) 3D Graphics, which is a new open standard. In this thesis we outline our experience with X3D and discuss the suitability of X3D as an output format for software visualisation. ii Acknowledgments I would first just like to say that my Mum and Dad and have been great support over the past few years in completing this degree and without them the struggle would have been much worse. Thanks to Frank for accommodating me. My weekends would not have been as much fun or balanced without my lovely dogs, Amber-Rose and Ruby-Anne. Thanks to my close friend Alex Potanin for just being Alex; interrupting me at the most opportune moment and asking me to do things when least expected. I know I can always rely on you. So thanks for letting me come and discuss my ideas and problems with you over the course of my degree. Even if the discussion always ended up talking about you, I knew you were always interested in what I had to say about you.
    [Show full text]
  • Software Engineering by for BCA 4Th Semester Sakhi Bandyopadhyay Lecture 4 Dept
    Compiled Software Engineering By For BCA 4th Semester Sakhi Bandyopadhyay Lecture 4 Dept. of Computer Science & BCA, [ Various Software Testing Approaches in Software Kharagpur College, Engineering ] Kharagpur 721305 Software testing Software testing is an investigation conducted to provide stakeholders with information about the quality of the software product or service under test. Software testing can also provide an objective, independent view of the software to allow the business to appreciate and understand the risks of software implementation. Test techniques include the process of executing a program or application with the intent of finding software bugs (errors or other defects), and verifying that the software product is fit for use. Software testing involves the execution of a software component or system component to evaluate one or more properties of interest. In general, these properties indicate the extent to which the component or system under test: meets the requirements that guided its design and development, responds correctly to all kinds of inputs, performs its functions within an acceptable time, it is sufficiently usable, can be installed and run in its intended environments, and Achieves the general result its stakeholder’s desire. As the number of possible tests for even simple software components is practically infinite, all software testing uses some strategy to select tests that are feasible for the available time and resources. As a result, software testing typically (but not exclusively) attempts to execute a program or application with the intent of finding software bugs (errors or other defects). The job of testing is an iterative process as when one bug is fixed, it can illuminate other, deeper bugs, or can even create new ones.
    [Show full text]
  • Msdnmagazine 610 Issue.Pdf
    THE MICROSOFT JOURNAL FOR DEVELOPERS JUNE 2010 VOL 25 NO 6 SOA TIPS COLUMNS Address Scalability Bottlenecks with Distributed Caching CUTTING EDGE Iqbal Khan . 24 C# 4.0, the Dynamic Keyword and COM Dino Esposito page 6 THREAD PERFORMANCE CLR INSIDE OUT Resource Contention Concurrency Profi ling in Visual Studio 2010 F# Fundamentals Maxim Goldin . 38 Luke Hoban page 16 TEST RUN CLOUD DIAGNOSTICS Generating Graphs with WPF Take Control of Logging and Tracing in Windows Azure James McCaffrey page 92 Mike Kelly . 50 BASIC INSTINCTS Multi-Targeting Visual Basic Applications in Visual Studio 2010 EXPRESS YOURSELF Spotty Bowles page 98 Encoding Videos Using Microsoft Expression Encoder 3 SDK THE WORKING PROGRAMMER Adam Miller . 62 Going NoSQL with MongoDB, Part 2 Ted Neward page 104 INPUT VALIDATION UI FRONTIERS Enforcing Complex Business Data Rules with WPF The Ins and Outs of ItemsControl Brian Noyes . 74 Charles Petzold page 109 DON’T GET ME STARTED We’re All in This Together PRACTICAL ODATA David Platt page 112 Building Rich Internet Apps with the Open Data Protocol Shayne Burgess . 82 This month at msdn.microsoft.com/magazine: SILVERLIGHT ONLINE Silverlight in an Occasionally Connected World Mark Bloodworth and Dave Brown APPFABRIC CACHE Real-World Usage and Integration Andrea Colaci Untitled-5 2 3/5/10 10:16 AM Sure, Visual Studio 2010 has a lot of great functionality— we’re excited that it’s only making our User Interface components even better! We’re here to help you go beyond what Visual Studio 2010 gives you so you can create Killer Apps quickly, easily and without breaking a sweat! Go to infragistics.com/beyondthebox today to expand your toolbox with the fastest, best-performing and most powerful UI controls available.
    [Show full text]
  • Ctutor Information Systems and Computer Engineering
    CTutor Tiago Alexandre Afonso Aguiar Thesis to obtain the Master of Science Degree in Information Systems and Computer Engineering Supervisor: Prof. João Nuno de Oliveira e Silva Examination Committee Chairperson: Prof. João Emílio Segurado Pavão Martins Supervisor: Prof. João Nuno de Oliveira e Silva Member of the Committee: Prof. David Manuel Martins de Matos November 2014 ii Resumo CTutor e´ uma ferramenta de visualizac¸ao˜ de programas para a linguagem C. O CTutor permite melhorar a compreensao˜ dos varios´ elementos da linguagem de programac¸ao˜ C, tais como tipos de variaveis,´ argumentos de func¸oes˜ e os seus outputs. Com isto, o CTutor pretende facilitar o processo de aprendizagem desta linguagem. Uma ferramenta de visualizac¸ao˜ de programas tambem´ e´ util´ como complemento do processo de aprendizagem de uma nova linguagem de programac¸ao.˜ Atraves´ das visualizac¸oes˜ disponibilizadas, consegue-se substituir os desenhos ou as imagens feitas em diapositivos pelos professores. No caso de C, estas imagens sao˜ normalmente usadas para explicar algoritmos de ordenac¸ao,˜ ponteiros ou estruturas. Com o CTutor, as visualizac¸oes˜ sao˜ constru´ıdas a partir do codigo-fonte,´ desenvolvido pelo estudante ou pelo professor. Este codigo-fonte´ e´ executado pelo backend do CTutor (ambiente de execuc¸ao),˜ por sua vez as visualizac¸oes˜ sao˜ mostradas no frontend (visualizador). Para alem´ de afectar os estudantes e os professores ao longo do processo de aprendizagem, o CTutor foi desenvolvido de maneira diferente das demais ferramentas de visualizac¸ao.˜ As ferramentas de visualizac¸ao˜ sao˜ compostas por um ambiente de execuc¸ao˜ e um visualizador, em que estes dois componentes estao˜ fortemente ligados, dificultando assim o desenvolvimento de novas ferramentas que reutilizem um destes componentes.
    [Show full text]
  • Copyrighted Material
    E1C01_1 03/07/2009 1 CHAPTER 1 Preparing to do a PIC Project 1.1 Introduction 1.2 Overview of PIC Microcontroller 1.3 Basics of PIC Assembly Language 1.4 Introduction to C Programming for PIC Microcontroller 1.5 MPLAB Integrated Development Environment (IDE) 1.6 Advanced Debugger Features – Stimulus 1.1 Introduction The aim of this chapter is to consider a number of issues that need to be taken into account before doing almost any microcontroller-based pro- ject. First, the reader will be introduced to a PIC (programmable interface controller) microcontroller by a brief discussion of one of the models from the PIC microcontroller family – the PIC16F627A. This model is now a common choice for low-cost PIC projects and has practically replaced the very popular PIC16F84 model. The PIC16F627A is therefore a choice for a large number of projects from this book although some other simpler and more complex models are also being used. The rest of the PIC family will be considered briefly, introducing some other models used for the projects in this book. We will then discuss the basics of two programm- ing languages commonly used to develop PIC programs in practice and throughout this book – assembly and C. This will by no means be a detailed discussionCOPYRIGHTED of those two languages; MATERIAL a separate book would be needed for that. The aim instead is to provide a short overview of the basic features of both languages and to enable readers to learn the rest of it while doing projects from the other chapters of this book.
    [Show full text]
  • Overview Testing Can Never Completely Identify All the Defects Within Software.[2] Instead, It Furnishes a Criticism Or Comparis
    Overview Testing can never completely identify all the defects within software.[2] Instead, it furnishes a criticism or comparison that compares the state and behavior of the product against oracles—principles or mechanisms by which someone might recognize a problem. These oracles may include (but are not limited to) specifications, contracts,[3] comparable products, past versions of the same product, inferences about intended or expected purpose, user or customer expectations, relevant standards, applicable laws, or other criteria. Every software product has a target audience. For example, the audience for video game software is completely different from banking software. Therefore, when an organization develops or otherwise invests in a software product, it can assess whether the software product will be acceptable to its end users, its target audience, its purchasers, and other stakeholders. Software testing is the process of attempting to make this assessment. A study conducted by NIST in 2002 reports that software bugs cost the U.S. economy $59.5 billion annually. More than a third of this cost could be avoided if better software testing was performed.[4] [edit]History The separation of debugging from testing was initially introduced by Glenford J. Myers in 1979.[5] Although his attention was on breakage testing ("a successful test is one that finds a bug"[5][6]) it illustrated the desire of the software engineering community to separate fundamental development activities, such as debugging, from that of verification. Dave Gelperin and William C. Hetzel classified in 1988 the phases and goals in software testing in the following stages:[7] . Until 1956 - Debugging oriented[8] .
    [Show full text]
  • A Low-Effort Animated Data Structure Visualization Creation System
    A Low-Effort Animated Data Structure Visualization Creation System by Larry A Barowski A dissertation submitted to the Graduate Faculty of Auburn University in partial fulfillment of the requirements for the Degree of Doctor of Philosophy Auburn, Alabama August 2, 2014 Keywords: visualization, data structure, jGRASP Approved by James H. Cross II, Chair, Professor of Computer Science and Software Engineering Richard O. Chapman, Associate Professor of Computer Science and Software Engineering T. Dean Hendrix, Associate Professor of Computer Science and Software Engineering Abstract Algorithm animations and high level data structure visualizations are not widely used, in part because producing them is difficult and time consuming. Algorithm animation and data structure visualization systems attempt to minimize this effort, but none has made the process as simple as it could be. The purpose of the system described in this work, the jGRASP Visualization System, is to allow the creation and use of dynamic data structure visualizations from working source code with minimal effort. Ideally, the only work required to create an animated visualization should be selecting values from a program running in debug mode in an IDE, selecting the way each value will be displayed from a list of available choices, and physically arranging the display elements. This has been achieved for arbitrary implementations of common data structures in Java. This dissertation begins by discussing existing work on the usefulness of algorithm animation and data structure visualization for algorithm and code understanding, and existing work on systems with similar organization, features, and construction to the one described here. The jGRASP Visualization System is described in detail from the user's perspective.
    [Show full text]
  • MPICH2 Windows Development Guide∗ Version 1.1.1P1 Mathematics and Computer Science Division Argonne National Laboratory
    MPICH2 Windows Development Guide∗ Version 1.1.1p1 Mathematics and Computer Science Division Argonne National Laboratory David Ashton Jayesh Krishna August 6, 2009 ∗This work was supported by the Mathematical, Information, and Computational Sci- ences Division subprogram of the Office of Advanced Scientific Computing Research, Sci- DAC Program, Office of Science, U.S. Department of Energy, under Contract DE-AC02- 06CH11357. 1 Contents 1 Introduction 1 2 Build machine 1 3 Test machine 1 4 Software 1 4.1 Packages .............................. 1 5 Building MPICH2 2 5.1 Visual Studio automated 32bit build .............. 3 5.1.1 Automated build from the source distribution . 4 5.1.2 Building without Fortran ................ 4 5.2 Platform SDK builds ....................... 5 6 Distributing MPICH2 builds 6 7 Testing MPICH2 7 7.1 Testing from scratch ....................... 7 7.2 Testing a built mpich2 directory ................ 7 7.3 Testing an existing installation ................. 8 8 Development issues 8 9 Runtime environment 8 9.1 User credentials .......................... 9 9.2 MPICH2 channel selection .................... 9 9.3 MPI apps with GUI ....................... 10 i 9.4 Security .............................. 11 9.5 Firewalls .............................. 13 9.6 MPIEXEC options ........................ 13 9.7 SMPD process manager options . 20 9.8 Debugging jobs by starting them manually . 23 9.9 Environment variables ...................... 24 9.10 Compiling ............................. 29 9.10.1 Visual Studio 6.0 ..................... 29 9.10.2 Visual Studio 2005 .................... 30 9.10.3 Cygwin gcc ........................ 31 9.11 Performance Analysis ...................... 31 9.11.1 Tracing MPI calls using the MPIEXEC Wrapper . 32 9.11.2 Tracing MPI calls from the command line . 33 9.11.3 Customizing logfiles ..................
    [Show full text]
  • Instruction-Level Reverse Execution for Debugging
    Instruction-level Reverse Execution for Debugging Tankut Akgul and Vincent J. Mooney III School of Electrical and Computer Engineering Georgia Institute of Technology, Atlanta, GA 30332 ftankut, [email protected] ABSTRACT Furthermore, for difficult to find bugs, this process might The ability to execute a program in reverse is advantageous have to be repeated multiple times. Even worse, for inter- for shortening debug time. This paper presents a reverse ex- mittent bugs due to rare timing behaviors, the bug might ecution methodology at the assembly instruction-level with not reappear right away when the program is restarted. low memory and time overheads. The core idea of this ap- Reverse execution provides the programmer with the abil- proach is to generate a reverse program able to undo, in ity to return to a particular previous state in program exe- almost all cases, normal forward execution of an assembly cution. By reverse execution, program re-executions can be instruction in the program being debugged. The method- localized around a bug in a program. When the programmer ology has been implemented on a PowerPC processor in a misses a bug location by over-executing a program, he/she custom made debugger. Compared to previous work { all can roll back to a point where the processor state is known of which use a variety of state saving techniques { the ex- to be correct and then re-execute from that point on without perimental results show 2.5X to 400X memory overhead re- having to restart the program. This eliminates the require- duction for the tested benchmarks.
    [Show full text]
  • View the Dynamic Interactions of the Parallel Components of a Distributed Application to Simplify Performance Monitoring and Debugging
    University of Alberta Program Design and Animation in the Enterprise Parallel Programming Environment by Greg Lobe Duane Szafron Jonathan Schaeffer Technical Report TR 93-04 March 1993 Program Design and Animation in the Enterprise Parallel Programming Environment Greg Lobe Duane Szafron Jonathan Schaeffer Department of Computing Science, University of Alberta, Edmonton, Alberta, CANADA T6G 2H1 {greg, duane, jonathan}@cs.ualberta.ca ABSTRACT The Enterprise programming environment supports the development of applications that run concurrently on a network of workstations. This paper describes the object-oriented components of Enterprise, implemented in Smalltalk-80, and their seamless integration with the procedural components, implemented in C. The object-oriented user-interface supports a new anthropomorphic model for parallel computation that eliminates much of the perceived complexity of parallel programs. The object-oriented animation component implements a new animation architecture that supports synchronous and asynchronous events. This allows a user to view the dynamic interactions of the parallel components of a distributed application to simplify performance monitoring and debugging. The Enterprise experience highlights the strengths of object-oriented methodologies both for expressing user models and for implementing related components. Keywords: Object-oriented, Smalltalk, programming environment, user-interface, animation, distributed computing - 1 - Enterprise Technical Report TR93-04 1. Introduction This paper describes how object-oriented techniques were used to design and implement components of the Enterprise programming environment. Enterprise supports the development of distributed applications, written in the C programming language, that run on a network of workstations. Enterprise is a good example of an embedded application where object-oriented and traditional code co-exist.
    [Show full text]
  • Vivio – a System for Creating Interactive Reversible E-Learning Animations for the WWW
    Vivio – A System for Creating Interactive Reversible E-Learning Animations for the WWW Dr. Jeremy Jones Dept. Computer Science, Trinity College, Dublin 2, Ireland [email protected] Abstract animations shouldn't be passive, always following the same fixed path. They should be interactive, responding to user Vivio is a system that makes it easier to create actions, so as to encourage explorative self-directed interactive reversible 2D vector based e-learning learning. animations for the WWW. Vivio animations describe how the properties of graphical objects change as function of The objective of this work is to make it easier to create time or as the result of external events. Since Vivio high quality E-learning animations for the WWW. This is animations follow the execution of a program, they can achieved by providing a programming model with an respond to user input and are, consequently, not limited to appropriate level of abstraction and by providing a runtime preset animation sequences. Vivio animations are compiled that handles much of the low-level detail such as repainting into a compact intermediate code which is normally the screen efficiently and playing animations backwards. A executed by the Vivio player hosted in a web page. A key second objective is to make detailed performance feature of the Vivio player is that it can play Vivio measurements to test how well the animations run on animations smoothly, in both forward and reverse standard PC hardware (i.e. that typically used by students). directions. 2. Related Work 1. Introduction Most of the animations developed with Vivio could be A 2D animation is often the best way to illustrate a best described as concept animations [1] rather than complex idea.
    [Show full text]