A7: Animating Objects

On This Page Overview Specifications Extra Credit Grading Criteria (20) What to Turn In Overview The main points of this assignment are to: Create cross-browser scripts Work with the DOM Create simple object animation ^ top Specifications Tutorial Exercises Complete the in-chapter tutorial exercises (step-by-step instructions to complete the case study) that are listed thoughout chapter Tutorial 4. You must follow the steps exactly and turn in all the files to make them work correctly. This does NOT include the Review Assignment nor any Case Problems at the end of the chapter. Animating Text Now it is time to apply what you have learned in this lesson to an original Web page. Take some time to develop a simple animated page that supports cross-browser scripting and meets the following requirements: Name your page animation.html. Your page must first check for the user's browser type and output text to the page indicating which browser is being used. Then, animate the phrase "I love JavaScript!" so that it moves across the screen in any fashion that you wish. Be sure to put your JavaScript code for the animation in a function, placed in a file called animate.js. Once you complete this page, test your JavaScript to ensure it works without error. Other Specifications Complete a README.txt file following the instructions for homework. Zip your files and submit the zipped archive file to WebCT as explained in the section of this document: What to Turn In. ^ top Extra Credit This extra credit is worth 2 points. Complete Case Problem 1 of Tutorial 4 that starts on page JVS 205 of your textbook. Include the extra credit solution in your assignment zip file. Make certain that your README.txt file lists any extra credit attempted. ^ top Grading Criteria The instructor will evaluate your assignment using the following criteria. Each criteria represents a specific achievement of your assignment and has a scoring guide. The scoring guide explains the possible scores you can receive. Some scoring guides have a list of indicators. These indicators are a sign of meeting, or a symptom of not meeting, the specific criterion. Note that a single indicator may not always be reliable or appropriate in a given context. However, as a group, they show the condition of meeting the criterion. For information on grading policies, including interpretation of scores, see the course information page. Tutorial Exercises 8: Demonstrates mastery of the assignment Applies concepts from the lessons appropriately Follows the steps exactly Exercises perform correctly No JavaScript errors encountered during operation 6: Has all the major functionality expected of the assignment Demonstrates many techniques from the lesson May deviate from the specified steps in some way Implementation seems more complicated than necessary. May have one minor JavaScript warning or error 4: Has much of the functionality expected of the assignment Demonstrates some techniques from the lesson Deviates from the specified steps in some way Implementation seems excessively complicated. May have JavaScript warnings or errors Missing support files 2: Serious functional problems but shows some effort and understanding Follows at least 1/2 of the of the specified steps Has a major error (detected by the browser) or many minor errors Implementation seems very convoluted Demonstrates few techniques from the lesson 0: Does not execute or not turned in Animating Text 10: Demonstrates mastery of the techniques Has extra features or demonstrates techniques beyond the assignment Applies concepts from the lessons appropriately Meets all specifications (see above) with particularly elegant solutions Runs with no error conditions reported by the browser Animation functions are clearly defined and reuseable 8: Has all the functionality expected of the assignment Demonstrates many techniques from the lesson Meets all specifications (see above) Generates correct output given correct input Implementation seems more complicated than necessary. May have one minor error in a menu or rollover 6: Has most of the functionality expected of the assignment Demonstrates some techniques from the lesson Meets all but one of the specifications (see above) Runs with no error conditions reported by the browser Implementation seems excessively complicated. May have 2-3 minor errors 4: Has some of the functionality expected of the assignment Demonstrates some techniques from the lesson Meets at least 1/2 of the specifications (see above) Implementation seems excessively complicated. May have JavaScript warnings or errors in the browser Missing support files 2: Serious functional problems but shows some effort and understanding Meets less than 1/2 of the of the specifications (see above) Has a major error (detected by the browser) or many minor errors Implementation seems very convoluted Demonstrates few techniques from the lesson 0: Does not run or not turned in REAME.txt File 2: README.txt file submitted with specified information included 1: README.txt submitted but some information was not included 0: No README.txt submitted Extra Credit Case Study 2: Shows complete mastery of the problem. 1: Shows some understanding of the problem. 0: Not submitted, no substantial work, or has major problems Maximum Score: 20, plus extra credit ^ top What to Turn In Submit your assignment following the instructions for homework. Create a single zip file with the following: README.txt file All the files needed for the Tutorial Exercises to work correctly Your single web page, named animation.html Your JavaScript file, named animate.js Any other files needed to support your single html page If you chose to complete the extra credit, then all the files needed for the extra credit to work correctly. You must submit all the files needed for your assignment to work properly. Do not assume that the instructors has any files. Your assignment must work as submitted. ^ top Home | WebCT | Announcements | Schedule | Room Policies | Course Info Help | FAQ's | HowTo's | Links Last Updated: October 25 2006 @20:15:43