A static representation for ToonTalk programs
|
|
- Mark Reeves
- 8 years ago
- Views:
Transcription
1 A static representation for ToonTalk programs Mikael Kindborg Department of Computer and Information Science Linköping University Sweden Abstract Animated and static program representations have different properties, resulting in different user experiences. These properties and differences are analysed in the context of ToonTalk, a programming tool for children. ToonTalk has an animated representation of programs inspired by cartoons and video games. Based on a usability analysis of the animated representation, a static representation that uses comic strips is suggested. The visual language of comics has properties that combine the dynamics of an animated representation with the overview provided by a static representation. The study shows that the representation based on comic strips has the potential to reduce some of the usability problems related to understanding and editing programs, and that the animated representation has advantages when creating and debugging programs. 1. Introduction This paper outlines a static representation for ToonTalk programs that is based on comic strips. ToonTalk is a programming tool that uses an animated programming language to make programming accessible to children (Kahn 1995). Learning to program is traditionally considered as a difficult task. One reason for this is that it is difficult to create a mental model of the behaviour of the program and the underlying computation model. Limitations of the human working memory make it hard to maintain an internal representation of a program. An external representation could help to understand the program s structure and its behaviour. (Internal and external representations are also known as knowledge in the head and knowledge in the world, Norman 1990, pp ) Research in the area of visual programming (Burnett 2000) has suggested the use of visual program representations to help the user create and maintain a mental model of the program, thereby bridging the gap between the programmer and the program. However, the research efforts that have been made have not resulted in a widespread adoption of visual programming (Kahn 1996, pp. 2-3). One possible 1
2 reason is that the graphical representations that have been used, such as flow charts and data flow diagrams, are too abstract and do not visualise the dynamic aspects of a program. The shortcomings of static representations have led to the suggestion that animated program representations could be better suited to serve as an external representation of a program s dynamic behaviour (ibid.). Another reason why programming is difficult is related to the general level of many programming languages (Nardi 1993, pp ). End users find it easier to learn specific languages than to learn general purpose languages, and visual programming have failed due to lack of task specific programming constructs (ibid., pp.61-63). A related observation is that even though ToonTalk is based on a general purpose programming language, it is domain specific in its use of video game graphics and in its support for game programming. ToonTalk has built-in support for pictures, moveable sprites, collision detection, and other game and graphics related constructs that appeal to children. The purpose of this study is to address some of the usability issues of animated and static program representations. This is done by analysing and comparing the properties of animated and static program representations in the context of ToonTalk. The motivation for choosing ToonTalk is its unique use of a fully animated programming language. This makes for an interesting contrast between animated and static program representations. Further, the cartoon-like language of ToonTalk (ToonTalk means Talking in Cartoons) shares many properties with comics, making a comparison of the two representations meaningful. 2. The animated language of ToonTalk ToonTalk has an animated programming language that is inspired by video games. The motivation for using animation is that programs describe dynamic processes. Thus, animation should be a better form for representing a program than static pictures, such as diagrams or re-write rules. The appeal of video games and video game graphics is another strong motivation, especially in a system that is meant for use by children. ToonTalk has been described by a child as a video game for creating video games. ToonTalk is based on the computation model of concurrent constraint programming (see Janson & Haridi 1993 for an introduction to concurrent constraint programming). In ToonTalk each programming abstraction is represented by a concrete object. For example guarded clauses are represented by robots, the guard is represented by a thought bubble, the body by actions carried by the robot, and variables are represented by boxes. Programming in ToonTalk is done by demonstration (Kahn 2000). The programmer trains a robot to perform actions on a concrete example. When the training is done the robot can be generalised to work with generic data by relaxing the guard in the robot s thought bubble. Figures 1-4 show how a very simple robot is trained to add the number 1 to any number given to it. It goes without saying that paper is 2
3 a poor medium for recreating the experience of an animated medium. To see ToonTalk live, a demo can be downloaded from Figure 1. A new robot is given a box with the number 1 in it. Note that the thought bubble of the robot is empty, indicating that this is a new robot that has not been trained before. Dropping a box on an untrained robot will open the robot s thought bubble and the training of the robot can start. The hand holding the box represents the programmer. To the right is a toolbox which contains the various building blocks used to create programs. Figure 2. Inside the robot s thought bubble. Here a number pad with the value 1 is dropped on the number inside the box given to the robot. Dropping a number on another number results in adding the two numbers. When training a robot the hand representing the programmer is replaced by the rocket-powered robot seen in this picture. The robot will remember the programmer s actions. When the training is done, the programmer hits the Escape key to exit the thought bubble. 3
4 Figure 3. The box in the thought bubble represents the guard for the robot s actions. The robot will only work if the content of the box given to it matches the guard. By erasing the digit with the vacuum (left) the guard is generalised. The robot will then accept any number, not just the number that was used to train it. When a box is given to the trained robot it will add the number one to the number in the box (right). Figure 4. The mouse with the hammer is an animation that represents the add operation. When a number is dropped on another number the mouse comes running to hammer them. The robot will continue to work as long as the guard matches the box. In this example the robot will continue until it is stopped. In ToonTalk there exists no traditional iterative control structures, such as while-loops. Iteration is implicit in a robot s action. A robot will continue to work on a box until the guard does not match, or the programmer stops it. Note that when a robot is working, it looks the same as when the programmer was training it in the thought bubble (see figure 4). It is common in ToonTalk to first test the robot by watching it work, then place it to work someplace hidden, like in a separate house or on the back of a picture. The Add 1 robot could for instance work on the x-coordinate sensor of a picture, which would result in the picture moving to the right. 4
5 3. Usability analysis In the area of visual programming various graphical representations have been used to bridge the gulf between the programmer and the program, thereby making it easier to program for end-users. The program consists of objects and operations and an underlying computation model that determines the behaviour of the program when it is executed. The program representation (the source code) is a human (and machine) readable representation of the program that should help the programmer to understand the structure and the behaviour of the program. The present analysis will be structured around the following usability issues: Understanding. How easy is it to understand what a program will do? Creating. How easy is it to create a program that will perform the intended actions? Debugging. How easy is it to examine and to understand the behaviour of a running program? Editing. How easy is it to make changes to a program? Below we analyse these tasks in the context of the animated program representation of ToonTalk. We use an approach similar to a heuristic evaluation (Nielsen, 2000), where the author is the only evaluator. For each issue, the properties of the program representation are analysed from the perspective of the user. Understanding. In ToonTalk there is no static representation of the program so the only way to find out what a program does is to run it and watch. Since the animated representation and the animated program behaviour are essentially the same thing, understanding what a program does can be done by simply watching it. Note that an understanding of the computation model is required to understand the program. In ToonTalk it is for example necessary to understand the role of the guard in the thought bubble and the implicit iteration. This understanding can be formed in the programmer s mind in many different ways. A child could for instance understand these concepts at the level of the concrete ToonTalk objects, and the animated representation can help to gain this understanding. Creating. To create a program in ToonTalk is done by demonstration. The effects of actions are seen immediately as a robot is trained. Again, the program representation is virtually identical to the program behaviour. To correct mistakes during training is not possible, which is problematic for long program sequences. Debugging. To examine the behaviour of a running program, the programmer gives a box with the test data to a robot and then she watches it work. This is the same procedure as is required to understand what a program does. In ToonTalk debugging can be thought of as execution in slow motion. Editing. ToonTalk has no equivalent of a source code editor. If a robot turns out to not work, or if a mistake is done during the training of a robot, the robot has to be re-trained. It is possible to go inside a robot s thought bubble and watch it work 5
6 on the box it was originally trained to work on, and then take control at a certain point in the action sequence and continue the training from that point. One conclusion from this analysis is that an animated representation does not support editing very well. This requires a static representation that is real time independent. It is can also be difficult to get a picture of what a program does and to get an overview of a program. Animation maps well to dynamic behaviour, but is less suited to give an overall view. While it can be clarifying to watch the program work, it is also the case that this requires the programmer to remember the behaviour of the program. In a sense, an animated representation vanishes as it is observed, it is consumed by the passing time. There is no persistent view available to the programmer in the form of an external representation that helps her to maintain a mental model of the program. The paradox of immediateness and ungraspability appears to be generic for representations that are experienced in real time, like film and music (note that a music score is represented in a static form, and that the musician transforms the static score to dynamic tones). 4. A static representation for ToonTalk A robot editor based on storyboards has been suggested for ToonTalk (Kahn 1996b, p. 15). A storyboard consists of a sequence of static pictures that shows the key frames of a movie. Storyboards are commonly used in both movies and animated films to plan the structure of a scene prior to shooting. The purpose of a storyboard is not only to be a diagram of events, it should, more importantly, communicate the experience and reflect the feeling of a sequence (Thomas & Johnston 1981, p. 197). Comics add several dimensions to storyboards. The visual language of comics is intended for a static medium, not an animated one, and has therefore developed a rich set of visual elements that express dynamics and time. One of the most basic devices for expressing time is shared with the storyboard, a sequence of panels or frames (Eisner 1985, p. 28). When we learn to read comics we learn to perceive time and space spatially, time and space become one and the same (McCloud 1993, p. 100). Thus, comics can be thought of as spatial time. In addition to the frame, comics employ a rich set of graphical markers for indicating dynamics. A primary device for capturing speech and sound is the voice balloon. Other examples are markers for motion and emotions. Speed lines are a common type of motion markers (McCloud 1993, p ). Interestingly, elements such as speed lines are now also found in animated cartoons, for instance in Dennis the Menace. Comics also employ many animation techniques such as squash and stretch, anticipation and exaggeration (Thomas & Johnston 1981, pp ). Thus, there is a strong relationship between comics and animation, and there is a two-way influence between the two art forms. 6
7 The similarities between animations and comics suggest that comic strips are a candidate for a static representation of ToonTalk programs. In figures 5-7 examples of comic strip representations for the Add 1 robot are shown. Only the most basic element of comics has been used in the above examples, the framing of time. The graphics for frames are intended to resemble that of boxes. Additional graphical language elements like motion markers could also be used, but this is not shown in these examples. Figure 5. This strip corresponds to the training sequence of the Add 1 robot shown in figure 2. Frame three contains an intermediate step that shows the mouse adding the numbers with his hammer. Figure 6. This is a shorter version of the previous strip. Here the frame showing the intermediate step of the mouse adding the numbers has been removed. Figure 7. The shortest possible strip for the Add 1 robot. In this strip only the start and end states are shown. This could be useful as a compact representation of the result of a robot s actions. The following is a usability analysis of the comic strip representation, using the same usability issues as for the analysis of the animated representation. 7
8 Understanding. To find out what a program does, the programmer has to examine the strip that describes the sequence of actions. The static representation and the actual behaviour are not identical, and therefore the programmer must visualise the program behaviour inside her mind. The strip provides good support for doing this, but it is less immediate than the animated representation. The static representation does not help the programmer to gain an understanding the computation model in the same direct way as the animated representation does. However, if the programmer is familiar with the computation model, she might be able understand the program at a glance, which can be significantly less time than it takes to watch the corresponding animation. It is possible for the programmer to examine the strip independent of any real time constraints, as she can go back and forth in the sequence at her own pace. The static representation also supports an external overall view of the program that in the case of the animated representation must be created as an internal representation in the mind. Creating. To create a program using the static representation the programmer would have to edit the strip and place objects such as boxes and numbers in the frames. Since the program is not created by demonstration, the programmer would not be able to see the effects of the actions in the same direct way as when programming with the animated representation. However, programming by demonstration could be used also with the comic strip representation. Each step (frame) in the computation could for instance be executed locally when the frame is composed, and the system could also generate a template for the next frame that contains the result of the current step in the computation. There is also the possibility of recording the action by demonstration entirely, and view and edit it in the comic strip form. This can be compared to algorithm visualisation, however, the relation between the representations is reversed, as the static representation is used to give an overview of the animated representation. Debugging. The comic strip representation could be used to visualise an executing program by showing how the content of a box is changed from frame to frame. The frame currently executed could be highlighted. While this is not strictly a static representation since it changes over time, the programmer could be in control of the speed of execution and she could also go back in time. This control could of course also be used for the animated representation, and recent versions of ToonTalk have support for time travel. Editing. Editing would be done in the same way as programs are created, by arranging objects in frames. To edit the frames and the contents of the frames, the usual box editing operations of ToonTalk could be used, for instance the vacuum for copy and paste, the magic wand for copying, the mouse for composition, and so on. Note that we have not detailed the use of these in this paper. To conclude the above analysis, it seems as if the major functions provided by the comic strip representation are overview and edit. Since many advantages of the animated representation is lost, such as programming by demonstration and debugging by slow execution, it seems reasonable to view the static representation as a complement in the case of ToonTalk. For instance, programs could be created and debugged using the animated representation, and the static representation 8
9 could then be generated by the system to provide overview and additional editing capabilities. A technical issue is how to slice an animation into strips frames. What should be included in each frame? The examples above show that the number of intermediate steps between atomic actions can vary. An often discussed issue in visual programming is the use of screen space. Visual representations can require a large display to be comprehensible. An advantage with animated representations is that they are consistent in the use of screen space. A long animation does not automatically use more screen space than a short one. The opposite holds for static representations. A long comic strip uses more screen space than a short one. There are, however, interface techniques for managing space. In ToonTalk objective zoom is frequently used. (Objective zoom means changing the size of objects, rather than the position of the viewer, as in subjective zoom.) This zooming technique could also be used with comic strips. Only the strips currently of interest need to be picked up and enlarged. 5. Discussion Comics are interesting with respect to programming, because a static program representation is needed to edit a program in a straightforward way. A comic strip is like frozen time laid out on a format that provides an overview and helps creating a mental model of the sequence of events. Comics share many properties with the animated representation of ToonTalk. The visual language is well suited to express dynamics, it is concrete, it is well known by the user group (children), and it is also fairly universal and standardised. This can be contrasted to formalism such as flow charts and data flow diagrams that are rather abstract and lack elements such as concrete objects and characters. Graphical re-write rules are similar to comic strips in that they also use frames that contain concrete objects to show the computation state. The StageCast system is an example of how programming by demonstration can be combined with a static program representation (Smith et al. 2000). However, the authors make no reference to the visual language of comics. As has been show, comic strips that use ToonTalk computation objects can also express programs in the concurrent constraint computation model, a more powerful and expressive computation model than graphical re-write rules. To learn more about the properties of static and dynamic program representation, empirical studies must be made. Here are a number of things that could be tested together with children: Show programs in the suggested comic strip representation to children and ask them what the program will do. Show strips of varying length to children and ask what the program will do. How much can be eliminated from the strip while retaining understandability? Show a program that consists of many strips and ask what the program will do. (Multiple strips could be evaluated for instance by trying the guard frames sequentially, or non-deterministically.) 9
10 Show an animated program to children and ask them to draw strips that describe the program they have seen. Ask children to create simulated programs by composing strips using objects cut out from paper. References Burnett, Margaret. (2000) Visual Programming Language Bibliography. Available at: August, Eisner, Will. (1985) Comics & Sequential Art. Poorhouse Press, Florida. Janson, Sverker and Haridi, Seif. (1993) An Introduction to AKL. A Multi- Paradigm Programming Language. Swedish Institute of Computer Science, December, Available at: Kahn, Ken. (1995) ToonTalk An Animated Programming Environment for Children. Available at: Kahn, Ken. (1996). Drawings on Napkins, Video Game Animation, and other ways of Programming Computers. Communications of the ACM. August, Available at: Kahn, Ken. (2000). Generalizing by Removing Detail. Communications of the ACM. Vol. 43, No. 3, pp March, McCloud, Scott. (1993). Understanding Comics, The Invisible Art. HarperCollins Publishers. New York. Nardi, Bonnie A. (1993). A small Matter of Programming. The MIT Press. Cambridge, Massachusetts. Nielsen, Jacob. (2000). Heuristic Evaluation. Available at: September, Smith, D. C., Cypher, A., Tesler, L. (2000). Novice Programming Comes of Age. Communications of the ACM. Vol. 43, No. 3, pp March, Thomas, Frank and Johnston, Ollie. (1981). Disney Animation, The Illusion of Life. Abbeville Press. New York. 10
Comic Strip Programs: Beyond Graphical Rewrite Rules
Comic Strip Programs: Beyond Graphical Rewrite Rules Mikael Kindborg and Kevin McGee Department of Computer and Information Science Linköping University, S-58183 Linköping, Sweden {mikki, kevmc}@ida.liu.se
More informationTeaching Methodology for 3D Animation
Abstract The field of 3d animation has addressed design processes and work practices in the design disciplines for in recent years. There are good reasons for considering the development of systematic
More informationLesson Plan. Performance Objective: Upon completion of this assignment, the student will be able to identify the Twelve Principles of Animation.
Lesson Plan Course Title: Animation Session Title: The Twelve Principles of Animation Lesson Duration: Approximately two 90-minute class periods Day One View and discuss The Twelve Principles of Animation
More informationFundamentals of Computer Animation
Fundamentals of Computer Animation Principles of Traditional Animation How to create maximum impact page 1 How to create maximum impact Early animators worked from scratch to analyze and improve upon silence
More informationVisualization. Program visualization
Visualization Program visualization Debugging programs without the aid of support tools can be extremely difficult. See My Hairest Bug War Stories, Marc Eisenstadt, Communications of the ACM, Vol 40, No
More informationNew Media production week 9
New Media production week 9 How to Make an Digital Animation poonpong@gmail.com Hardware PC or Mac with high resolution graphics and lots of RAM Peripherals such as graphics tablet Digital Camera (2D,
More informationAnimation. The Twelve Principles of Animation
Animation The Twelve Principles of Animation Image 01. Public Domain. 1 Principles of Animation Image 02. Public Domain. In their book, The Illusion of Life, Ollie Johnston and Frank Thomas present the
More informationBusiness Process Models as Design Artefacts in ERP Development
Business Process Models as Design Artefacts in ERP Development Signe Ellegaard Borch IT University of Copenhagen, Rued Langgaards Vej 7, 2300 København S, Denmark elleborch@itu.dk Abstract. Adequate design
More informationWhat is Multimedia? Derived from the word Multi and Media
What is Multimedia? Derived from the word Multi and Media Multi Many, Multiple, Media Tools that is used to represent or do a certain things, delivery medium, a form of mass communication newspaper, magazine
More informationCOURSE OUTLINE. Course Number Course Title Credits DMA135 Digital Narrative 3. Pre-requisites DMA 105 or divisional permission
COURSE OUTLINE Course Number Course Title Credits DMA135 Digital Narrative 3 Hours: lecture/lab/other (1/4) Catalog description: Pre-requisites DMA 105 or divisional permission Implementation Fall 2013
More informationComputer Animation. CS 445/645 Fall 2001
Computer Animation CS 445/645 Fall 2001 Let s talk about computer animation Must generate 30 frames per second of animation (24 fps for film) Issues to consider: Is the goal to replace or augment the artist?
More informationThe Computing Curriculum at Coston Primary
Years Year 1 Year 2 1 and 2 Autumn We are learning about programming and computational thinking and in We are learning about programming and computational thinking and in Year 1 Food and farming Year 2
More informationMODELING AND ANIMATION
UNIVERSITY OF CALICUT SCHOOL OF DISTANCE EDUCATION B M M C (2011 Admission Onwards) VI Semester Core Course MODELING AND ANIMATION QUESTION BANK 1. 2D Animation a) Wire Frame b) More than two Dimension
More informationThe Art of Creating Emotional and Robust Interactive Characters
The Art of Creating Emotional and Robust Interactive Characters W. Scott Reilly School of Computer Science Carnegie Mellon University Pittsburgh, PA 15213-3891 scott.reilly@cs.cmu.edu 1. Introduction Creating
More informationModel Answers. A good answer of the questions from 2 to 8 should contain the belowmentioned
Model Answers Course: BA (Mass Communication) Semester: V Paper: Computer Application in Mass Media Subject Code: AS-2753 1. Objective type questions: Answer key: A. (III) Super Computers B. (III) Microsoft
More informationMetaphor Design. Case Study of an Animated Programming Environment
Metaphor Design Case Study of an Animated Programming Environment Abstract This paper was published in the proceedings of the 1995 Computer Game Developer Conference April, 1995, Santa Clara, California
More informationToonTalk and Logo. Ken Kahn
ToonTalk and Logo Is ToonTalk a colleague, competitor, successor, sibling, or child of Logo? Abstract Ken Kahn Animated Programs, President 49 Fay Avenue San Carlos, CA 94070 KenKahn@ToonTalk.com The answer
More informationJOURNAL OF OBJECT TECHNOLOGY
JOURNAL OF OBJECT TECHNOLOGY Online at http://www.jot.fm. Published by ETH Zurich, Chair of Software Engineering JOT, 2008 Vol. 7, No. 4, May-June 2008 First Person Shooter Game Rex Cason II Erik Larson
More informationSeeing Systolic Computations in a Video Game World
Seeing Systolic Computations in a Video Game World Ken Kahn A paper submitted to VL 96: IEEE Symposium on Visual Languages, February 12, 1996 (Published September 1996 version not available) Animated Programs
More informationProgramming can be as easy as child s play.
Ken Kahn Drawings on Napkins, Video-Game Animation,and Other Ways to Program Computers Programming can be as easy as child s play. PROGRAMMERS usually type characters on a keyboard to enter, test, and
More informationSYLLABUS AND COURSE OUTLINE FOR INTRO ANIMATION 181A Summer Institute
SYLLABUS AND COURSE OUTLINE FOR INTRO ANIMATION 181A Summer Institute Professor: Doug Ward Office: Melnitz 2483 Office Hours: Tues. 1:00 3:50. LECTURE: Mon & Wed. 10:00-12:50 LAB: Mon 1:00 3:50, Wed. 1:00
More informationGeorge G. Robertson Principal Researcher Microsoft Corporation
George G. Robertson Principal Researcher Microsoft Corporation Attention Object Constancy Causality Engagement Calibration Helps? direct attention change tracking narrative increase interest Hurts? Distraction
More information[Contemporary Video Game Design.] Challenges in Visualization Interaction and Simulation
[Contemporary Video Game Design.] Challenges in Visualization Interaction and Simulation [Andrew Nealen.] Department of Computer Science Rutgers University [Talk. Origins.] 2 years (= 3 classes) of teaching
More informationNarcissus: Visualising Information
Narcissus: Visualising Information R.J.Hendley, N.S.Drew, A.M.Wood & R.Beale School of Computer Science University of Birmingham, B15 2TT, UK {R.J.Hendley, N.S.Drew, A.M.Wood, R.Beale}@cs.bham.ac.uk Abstract
More informationWORKSHOPS FOR PRIMARY SCHOOLS
WORKSHOPS FOR PRIMARY SCHOOLS Note: Times and prices will be amended where possible to suit school schedules. MEDIA ARTS MAKE-A-MOVIE WORKSHOP In this practical, hands-on course, students learn the step-by-step
More informationCERTIFICATE COURSE IN WEB DESIGNING
CERTIFICATE COURSE IN WEB DESIGNING REGULATIONS AND SYLLABUS FOR CERTIFICATE COURSE IN WEB DESIGNING OFFERED BY BHARATHIAR UNIVERSITY,COIMBATORE FROM 2008-2009 UNDER THE UNIVERSITY INDUSTRY INTERACTION
More informationAnimation Overview of the Industry Arts, AV, Technology, and Communication. Lesson Plan
Animation Overview of the Industry Arts, AV, Technology, and Communication Lesson Plan Performance Objective Upon completion of this assignment, the student will have a better understanding of career and
More informationVisual Storytelling, Shot Styles and Composition
Pre-Production 1.2 Visual Storytelling, Shot Styles and Composition Objectives: Students will know/be able to >> Understand the role of shot styles, camera movement, and composition in telling a story
More informationSalt Lake City School District Student Learning Objectives (SLOs) Writing Template
This SLCSD SLO Writing Template is to be used by educators writing SLOs as a measure of student growth for educator evaluation. Course/Grade Level Information Course name 3D Animation Brief course description
More informationDiploma/BA (Hons) Digital Arts - GI401
Diploma/BA (Hons) Digital Arts - GI401 1. Specific Title BA (Hons) Digital Arts with Specialisation in Animation / Multimedia 2. Objectives The programme is designed to provide opportunities to students
More informationCHAPTER 6 TEXTURE ANIMATION
CHAPTER 6 TEXTURE ANIMATION 6.1. INTRODUCTION Animation is the creating of a timed sequence or series of graphic images or frames together to give the appearance of continuous movement. A collection of
More informationWSOA 3001 - Introduction to Principles of Animation Course Outline 2013
WSOA 3001 - Introduction to Principles of Animation Course Outline 2013 Lecturer: Charl Smit Contact Details: 082 68 75 306 Email: tapertiltpo@gmail.com Venue: The New Lab and Seminar Room. Class Times:
More informationGSPIM: Graphical Visualization Tool for MIPS Assembly
GSPIM: Graphical Visualization Tool for MIPS Assembly Programming and Simulation Patrick Borunda Science University of Arizona pborunda@u.arizona.edu Chris Brewer Science University of Arizona brewer@u.arizona.edu
More informationMaking a Video Year Six
Making a Video Year Six Unit Overview This children introduces the idea of using photos and videos within a multimedia presentation. Children will cover: - Using a digital camera to take photographs and
More informationActivity 2. Activity 3
WORKSHEET 1 E.T. TURNS 20 E.T. is a story of a lost little visitor from another planet who makes friends with a young boy called Elliot. Together they find a way to return the young alien home. The film
More informationThe 3D rendering pipeline (our version for this class)
The 3D rendering pipeline (our version for this class) 3D models in model coordinates 3D models in world coordinates 2D Polygons in camera coordinates Pixels in image coordinates Scene graph Camera Rasterization
More informationComputer Animation and Visualisation. Lecture 1. Introduction
Computer Animation and Visualisation Lecture 1 Introduction 1 Today s topics Overview of the lecture Introduction to Computer Animation Introduction to Visualisation 2 Introduction (PhD in Tokyo, 2000,
More informationLinear Motion and Assembly Technologies Pneumatics Service. Understanding the IEC61131-3 Programming Languages
Electric Drives and Controls Hydraulics Linear Motion and Assembly Technologies Pneumatics Service profile Drive & Control Understanding the IEC61131-3 Programming Languages It was about 120 years ago
More informationAdvanced Diploma of Screen - 3D Animation and VFX (10343NAT)
The Academy of Interactive Entertainment 2013 Advanced Diploma of Screen - 3D Animation and VFX (10343NAT) Subject Listing Online Campus 0 Page Contents 3D Art Pipeline...2 Modelling, Texturing and Game
More informationOutline. Animation. 1. Squash and Stretch. Overview: Traditional Animation. Squash and Stretch Cont. 2. Timing and Motion
Outline Animation Presented By Timothy Chan 1. Principles of Traditional Animation Applied to Computer Animation (Lasseter, 1987) 2. Animation: Can it facilitate? (Tversky and Morrison, 2002) 3. On Creating
More informationInformation Technology Cluster
Web and Digital Communications Pathway Information Technology Cluster 3D Animator This major prepares students to utilize animation skills to develop products for the Web, mobile devices, computer games,
More informationMarch 5, 2010 Submission: Bridging Program for Bachelor of Applied Arts (Animation)
1430 Trafalgar Road Oakville ON L6H 2L1 (905) 845-9430 March 5, 2010 Submission: Bridging Program for Bachelor of Applied Arts () Bachelor of Applied Arts () Appendix 5.2.3: Degree Completion Arrangements
More information*Info taken from Morden Collegiate, Morden Manitoba
Voiced by Mel Blanc, the innocent Tweety is said to have been inspired by Warner Bros. animator Bob Clampett's fond remembrances of baby birds he saw in nature films as a child, baby pictures of himself,
More informationIf there are any questions, students are encouraged to email or call the instructor for further clarification.
Course Outline 3D Maya Animation/2015 animcareerpro.com Course Description: 3D Maya Animation incorporates four sections Basics, Body Mechanics, Acting and Advanced Dialogue. Basic to advanced software
More informationUnderstand career planning in a digital media environment.
Objec&ve 201.01 Understand career planning in a digital media environment. Course Weight : 5% 1 Careers in Digital Media Skills and knowledge in the digital media field can be applied to a wide variety
More informationSTART TEACHER'S GUIDE
START TEACHER'S GUIDE Introduction A complete summary of the GAME:IT Junior curriculum. Welcome to STEM Fuse's GAME:IT Junior Course Whether GAME:IT Junior is being taught as an introductory technology
More informationTwo teams per chapter, three per state. Minimum of 2 students per team Students who excel in the following:
Middle School Level Who? Two teams per chapter, three per state. Minimum of 2 students per team Students who excel in the following: Art Math Science Technology All members of the team should divide the
More informationAnimation-Based Explanation of Basic Data Communication Principles
Animation-Based Explanation of Basic Data Communication Principles Author: Drago Hercog, University of Ljubljana, Faculty of Electrical Engineering, Tr_a_ka 25, SI-1000, Ljubljana, Slovenia, Drago.Hercog@fe.uni-lj.si
More informationRepublic Polytechnic School of Information and Communications Technology C391 Animation and Visual Effect Automation.
Republic Polytechnic School of Information and Communications Technology C391 Animation and Visual Effect Automation Module Curriculum This document addresses the content related abilities, with reference
More informationAn Online Resource for the Design of Instructional Videos and Animations
Appendix 6 Hatsidimitris, G. & Allen, B. (2010). In Proceedings of World Conference on E Learning in Corporate, Government, Healthcare, and Higher Education 2010 (pp. 1024 1028). Chesapeake, VA: AACE.
More informationOCR LEVEL 2 CAMBRIDGE TECHNICAL
Cambridge TECHNICALS OCR LEVEL 2 CAMBRIDGE TECHNICAL CERTIFICATE/DIPLOMA IN IT WEBSITE DEVELOPMENT A/601/3245 LEVEL 2 UNIT 9 GUIDED LEARNING HOURS: 60 UNIT CREDIT VALUE: 10 WEBSITE DEVELOPMENT A/601/3245
More informationWhat is Visualization? Information Visualization An Overview. Information Visualization. Definitions
What is Visualization? Information Visualization An Overview Jonathan I. Maletic, Ph.D. Computer Science Kent State University Visualize/Visualization: To form a mental image or vision of [some
More informationDigital Video-Editing Programs
Digital Video-Editing Programs Digital video-editing software gives you ready access to all your digital video clips. Courtesy Harold Olejarz. enable you to produce broadcastquality video on classroom
More informationGame Development. What is a game?
Game Development Doron Nussbaum COMP 3501 - Game Development 1 What is a game? Doron Nussbaum COMP 3501 - Game Development 2 Books/Movie vs. Game Good books have Place Era Plot Characters Relationships
More informationLesson 3: Behind the Scenes with Production
Lesson 3: Behind the Scenes with Production Overview: Being in production is the second phase of the production process and involves everything that happens from the first shot to the final wrap. In this
More informationPeggy Southerland Coordinator, Animation Department Regent University
Peggy Southerland Coordinator, Animation Department Regent University What can you do with an Animation Degree? What can you do with an Animation Degree? 1. Product Commercials What can you do with an
More informationAdvanced Diploma of Professional Game Development - Game Art and Animation (10343NAT)
The Academy of Interactive Entertainment 201 Advanced Diploma of Professional Game Development - Game Art and Animation (10343NAT) Subject Listing Online Campus 0 Page Contents 3D Art Pipeline...2 Grasping
More informationCOMP 150-04 Visualization. Lecture 15 Animation
COMP 150-04 Visualization Lecture 15 Animation History of animation The function of animation Illustrate steps of a complex process Illustrate cause and effect, context Show trends over time, tell a story
More informationSignalDraw: GUI Tool For Generating Pulse Sequences
SignalDraw: GUI Tool For Generating Pulse Sequences Konstantin Berlin Department of Computer Science University of Maryland College Park, MD 20742 kberlin@cs.umd.edu December 9, 2005 Abstract Generating
More informationUnderstanding the IEC61131-3 Programming Languages
profile Drive & Control Technical Article Understanding the IEC61131-3 Programming Languages It was about 120 years ago when Mark Twain used the phrase more than one way to skin a cat. In the world of
More informationGetting Started with Scratch
Getting Started with Scratch a guide to designing introductory Scratch workshops draft version, september 2009 Overview There s no one way to host a Scratch workshop. Workshops can take on a variety of
More informationGraphics. Computer Animation 고려대학교 컴퓨터 그래픽스 연구실. kucg.korea.ac.kr 1
Graphics Computer Animation 고려대학교 컴퓨터 그래픽스 연구실 kucg.korea.ac.kr 1 Computer Animation What is Animation? Make objects change over time according to scripted actions What is Simulation? Predict how objects
More informationThe Ideal Learning Management System for Multimedia Learning
The Ideal Learning Management System for Multimedia Learning By Gary Woodill, Ed.d., Senior Analyst Introduction Learning occurs in many different ways. We learn from listening to words, and to ambient
More informationHow to Design a Web Site
Planning Your Site Prepared by Joseph Lowery 4-6-09 Excerpt from the Dreamweaver 8 Bible by Joseph Lowery, published by Wiley Publishing, Inc. Produced by Joseph Lowery i Planning Your Site Planning in
More informationCompetencies for Secondary Teachers: Computer Science, Grades 4-12
1. Computational Thinking CSTA: Comp. Thinking 1.1 The ability to use the basic steps in algorithmic problemsolving to design solutions (e.g., problem statement and exploration, examination of sample instances,
More informationThe main imovie window is divided into six major parts.
The main imovie window is divided into six major parts. 1. Project Drag clips to the project area to create a timeline 2. Preview Window Displays a preview of your video 3. Toolbar Contains a variety of
More informationKINGSWAY REGIONAL SCHOOL DISTRICT
KINGSWAY REGIONAL SCHOOL DISTRICT TITLE OF COURSE: Cartooning DEPARTMENT: Art DATE ADOPTED: 09/03 GRADE: 9 12 DATE REVISED: 09/11 I. COURSE ORGANIZATION Length: One Year Credits: 5 Periods Per Week: 5
More informationProposal for a Virtual 3D World Map
Proposal for a Virtual 3D World Map Kostas Terzidis University of California at Los Angeles School of Arts and Architecture Los Angeles CA 90095-1467 ABSTRACT The development of a VRML scheme of a 3D world
More informationGame Design Document and Production Timeline. John Laird and Sugih Jamin University of Michigan
Game Design Document and Production Timeline John Laird and Sugih Jamin University of Michigan Game Production Timeline Inspiration (1 month) Results in game treatment/concept paper Conceptualization (3-5
More informationGame Engineering. Dennis Dedaj Department Informatik HAW Hamburg 20. Mai 2008
Game Engineering Dennis Dedaj Department Informatik HAW Hamburg 20. Mai 2008 Agenda Motivation What is Game Design? Roles What is Game Engineering? Genres Action Games Conclusion Perspective Motivation
More informationSkills Canada Competition Dufferin-Peel Catholic District School Board
Skills Canada Competition Dufferin-Peel Catholic District School Board 2D Character Animation - Secondary Date: March 19, 2014 2D Character Animation Scope Location: Philip Pocock Secondary School Communication
More informationAbstraction in Computer Science & Software Engineering: A Pedagogical Perspective
Orit Hazzan's Column Abstraction in Computer Science & Software Engineering: A Pedagogical Perspective This column is coauthored with Jeff Kramer, Department of Computing, Imperial College, London ABSTRACT
More informationClover: Connecting Technology and Character Education Using Personally-Constructed Animated Vignettes
Clover: Connecting Technology and Character Education Using Personally-Constructed Animated Vignettes Brian P. Bailey*, Sharon Y. Tettegah, and Terry J. Bradley* Department of Computer Science* and Curriculum
More informationProgram Visualization for Programming Education Case of Jeliot 3
Program Visualization for Programming Education Case of Jeliot 3 Roman Bednarik, Andrés Moreno, Niko Myller Department of Computer Science University of Joensuu firstname.lastname@cs.joensuu.fi Abstract:
More informationCreating a Storyboard using Microsoft Word
1 Creating a Storyboard using Microsoft Word For some, storyboarding may seem like a tedious extra step in the process of digital storytelling. However, we believe that creating a storyboard is a valuable
More informationThe Art Of Animation
UNIVERSITY OF CALIFORNIA College of Engineering Department of Electrical Engineering and Computer Sciences Computer Science Division CS 294-7 The Art Of Animation Professor Brian A. Barsky and Laurence
More informationWP5 - GUIDELINES for VIDEO shooting
VIDEO DOCUMENTATION Practical tips to realise a videoclip WP5 - GUIDELINES for VIDEO shooting Introduction to the VIDEO-GUIDELINES The present guidelines document wishes to provide a common background
More informationMasters in Human Computer Interaction
Masters in Human Computer Interaction Programme Requirements Taught Element, and PG Diploma in Human Computer Interaction: 120 credits: IS5101 CS5001 CS5040 CS5041 CS5042 or CS5044 up to 30 credits from
More informationCS 4300 Computer Graphics. Prof. Harriet Fell Fall 2012 Lecture 33 November 26, 2012
CS 4300 Computer Graphics Prof. Harriet Fell Fall 2012 Lecture 33 November 26, 2012 1 Today s Topics Animation 2 Static to Animated we have mostly created static scenes except when we applied affine transformations
More informationA Learning Based Method for Super-Resolution of Low Resolution Images
A Learning Based Method for Super-Resolution of Low Resolution Images Emre Ugur June 1, 2004 emre.ugur@ceng.metu.edu.tr Abstract The main objective of this project is the study of a learning based method
More informationFilmmaking. How to... use a camera, lighting and audio (sound)
Filmmaking How to... use a camera, lighting and audio (sound) 2 Lesson Objective For students to be able to use and fully understand the purpose of lighting, the importance of clear audio and the role
More informationUser interface design. Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 16 Slide 1
User interface design Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 16 Slide 1 Objectives To suggest some general design principles for user interface design To explain different interaction
More informationProgramme 3: Get Creative with IT
BROADCAST DATES BBC2 10.30-10.50AM Programme Title Broadcast Date 3 - Get Creative with IT Tuesday 17th May 2005 4 - IT Changing Lives Tuesday 24th May 2005 PROGRAMME 3: Get Creative with IT This is a
More information8. KNOWLEDGE BASED SYSTEMS IN MANUFACTURING SIMULATION
- 1-8. KNOWLEDGE BASED SYSTEMS IN MANUFACTURING SIMULATION 8.1 Introduction 8.1.1 Summary introduction The first part of this section gives a brief overview of some of the different uses of expert systems
More information2. Analysis, Design and Implementation
2. Subject/Topic/Focus: Software Production Process Summary: Software Crisis Software as a Product: From Individual Programs to Complete Application Systems Software Development: Goals, Tasks, Actors,
More informationMasters in Networks and Distributed Systems
Masters in Networks and Distributed Systems Programme Requirements Taught Element, and PG Diploma in Networks and Distributed Systems: 120 credits: IS5101 CS5001 CS5021 CS4103 or CS5023 in total, up to
More informationMasters in Computing and Information Technology
Masters in Computing and Information Technology Programme Requirements Taught Element, and PG Diploma in Computing and Information Technology: 120 credits: IS5101 CS5001 or CS5002 CS5003 up to 30 credits
More informationWilson Area School District Planned Course Guide
Wilson Area School District Planned Course Guide Title of planned course: Introduction to Computer Programming Subject Area: Business Grade Level: 9-12 Course Description: In this course, students are
More informationChapter 12. Introduction. Introduction. User Documentation and Online Help
Chapter 12 User Documentation and Online Help Introduction When it comes to learning about computer systems many people experience anxiety, frustration, and disappointment Even though increasing attention
More information20 Producing a Video. Media 20
LESSON PROJECT IDEAS COPY MASTER Video Book Report Choose a key scene from a story you have read. Write a script for the scene, sticking closely to what happens in the story. Then prepare a storyboard
More informationA Study of Immersive Game Contents System Design and Modeling for Virtual Reality Technology
, pp.411-418 http://dx.doi.org/10.14257/ijca.2014.7.10.38 A Study of Immersive Game Contents System Design and Modeling for Virtual Reality Technology Jung-Yoon Kim 1 and SangHun Nam 2 1 Graduate School
More informationInformation Technology Career Field Pathways and Course Structure
Information Technology Career Field Pathways and Course Structure Courses in Information Support and Services (N0) Computer Hardware 2 145025 Computer Software 145030 Networking 2 145035 Network Operating
More informationAn Iterative Usability Evaluation Procedure for Interactive Online Courses
An Iterative Usability Evaluation Procedure for Interactive Online Courses by Laurie P. Dringus ABSTRACT The Internet and World Wide Web (W3) have afforded distance learners simple links to access information.
More informationRevision Number: 1. CUFANM301A Create 2D digital animations
Revision Number: 1 CUFANM301A Create 2D digital animations CUFANM301A Create 2D digital animations Modification History Not applicable. Unit Descriptor Unit descriptor This unit describes the performance
More informationTutorial: Creating Platform Games
Tutorial: Creating Platform Games Copyright 2003, Mark Overmars Last changed: March 30, 2003 Uses: version 5.0, advanced mode Level: Intermediate Platform games are very common, in particular on devices
More informationGame Programming & Game Design
Unit 11: Game Programming & Game Design BRIDGES TO COMPUTING http://bridges.brooklyn.cuny.edu College Now, Bridges to Computing Page 1 Topic Descriptions and Objectives Unit 7: Game Programming & Game
More informationProcess Modelling from Insurance Event Log
Process Modelling from Insurance Event Log P.V. Kumaraguru Research scholar, Dr.M.G.R Educational and Research Institute University Chennai- 600 095 India Dr. S.P. Rajagopalan Professor Emeritus, Dr. M.G.R
More informationA Practical Guide to e-learning Development Project Management
A Practical Guide to e-learning Development Project Management Organizations are now, for the first time ever, experiencing the widest complexity of learning needs ever with four different generations
More informationChapter 1 COMPUTER-AIDED DESIGN OF USER INTERFACES BY EXAMPLE 1. CAD/CAM AND USER INTERFACE DESIGN
Chapter 1 COMPUTER-AIDED DESIGN OF USER INTERFACES BY EXAMPLE Henry Lieberman Media Laboratory, Massachusetts Institute of Technology (MIT), 20 Ames St. 320 G Cambridge, MA 02139 (USA) E-mail: lieber@media.mit.edu
More informationTHE ULTIMATE BEST PRACTICES
THE ULTIMATE BEST PRACTICES FOR EFFECTIVE BANNER AD DESIGN AND DEVELOPMENT By Amir Dori, Marketing Manager at Digitaland ? IS THIS EBOOK RIGHT FOR ME? This ebook is meant to be a guide for the best practices
More information