ITE DEPARTMENT

ITEM203 SYLLABUS
I. COURSE IDENTIFICATION Course Title WEB DESIGN WITH JAVASCRIPT and MACROMEDIA FLASH Course Credit 3 units Course Prerequisite ITEM103 Course Corequisite Course Description This course introduces the students to the world of interactivity and multimedia, which is thriving with growth of Internet and other new technologies, offering a range of new direction for students who just arent satisfied with plain text and images. The course focuses on integration of image, sound, text, and interactivity into communicative works. II. COURSE OBJECTIVES General Objective To introduce the basic concepts of Javascript and Flash, together with the different basic process in developing Internet applications. Specific Objectives 1. 1. Identify the crucial role of Javascript/Flash in developing Application-based web sites; 2. Know the process of creating a well designed Appication-based web site; 3. Discuss the principles of Object-Oriented Scripting language using Javascript and the technical aspects of working with the Web 4. Understand how Javascript affect web authoring and communication. 5. To design web pages using Flash. III. TEXTBOOK(S) AND REFERENCES Textbook(s) Easttom, C.(2008). Advanced JavaScript Third Edition. Wordware Publishing. Adobe Creative Team. (2007). Adobe Flash CS3 Professional Classroom in a Book. Adobe Press Andes, Bitano (2008). Simple Flash CS3. Convergelink Books. References Zammetti F. W., (2007) Practical JavaScript, DOM Scripting, and Ajax Projects. Apress. Wenz, C. (2006). JavaScript Phrasebook: Essential Code and Commands. Sams Cheng, K. W., C. Bryant. (2006).Flash Application Design Solutions The Flash Usability Handbook. Friends of ED Sahlin D.(2006). Building Flash Web Sites For Dummies. Wiley Publishing, Inc. Keogh, J. (2005). JavaScript Demystified. McGraw-Hill/Osborne Zakas, N. C. (2005). Professional JavaScript for Web Developers. Wiley Publishing Inc. Grosvenor, S. (2005). The Flash Anthology Cool Effects & Practical ActionScript. SitePoint Pty. Ltd. http://www.w3schools.com Module Week 1 Module 1: Introduction/Orientation, Review of Course Syllabus, Part 1: JavaScript Basics Module 1: Introduction to JavaScript Objectives At the end of the period, the students should be able to: 1. explain what the course is all about; 2. recall and agree on expected classroom behavior and procedures; and 3. relive the basic tenets being discussed in the class. Activities/Tasks/Skills/Focus Discussion of the syllabus, review of classroom rules and procedures. Discussion of the Javascript Fundamentals Learning Resources Syllabus Reference books Computer Lab Value Focus Determination Perseverance Obedience Assessment/Evaluation Short Quiz Recitation Practical Exam

and

The World Wide Web Competition on the Web Extending HTML Plug-ins, Applets, and ASP What Is JavaScript? Who Can Benefit from JavaScript? The History of JavaScript JavaScript in a Browser What Can JavaScript Do? JavaScript and Java Module 2: Getting Started with JavaScript Essential Authoring Tools Basic JavaScript Structure Important Notes about JavaScript Module 3: JavaScript Fundamentals Building a Script Data Types in JavaScript JavaScript Entities Type Conversion Mixing Strings and Numbers Literals Operators Statements Evaluating Expressions Testing Evaluation Functions Control Structures Week 2 Module 4: Object-Oriented Programming Objects Properties Methods Using the Array Notation Object Oriented vs. Object Based Module 5: Functions and Variable Scope Variable Scope and Storage Class

4. 5. 6. 7. 8.

Discuss the concept of client-side scripting. Explain the importance of Javascripting Explain how to write/code a Javascript Discuss the fundamentals of Javascripting Discuss the different control structures of Javascript

At the end of the period, the students should be able to: 9. explain what concept of object-oriented programming 10. differentiate between object-based and Object-oriented 11. discuss the Javascript Function.

Discussion on Object-oriented Javascripting Discussion on Javascript Functions

Syllabus Reference books Computer Lab

Determination Perseverance Obedience

and

Short Quiz Recitation Practical Exam

What Are Functions? Returning a Value Recursion Module 6: Utilizing JavaScript Operators Operator Categories Mathematical Operators String Concatenation Bitwise Operators Assignment Operators Relational Operators Short-Circuit Logical Operators More Logical Operators Data Type Operator Void Operator Operator Precedence Expressions Side Effects Week 3 Module 7: Events in JavaScript Events Event Handlers Emulating Events via Methods Calling Event Handlers Explicitly Canceling Events Module 8: Building and Extending Objects Creating Instances Constructor Functions Nested Objects Prototype and Object Extensions Module 9: Arrays What Is an Array? Some History Creating Simple Arrays Referring to an Arrays Elements Creating Dense Arrays Array Types Array Properties Array Methods The arguments Array At the end of the period, the students should be able to: 12. explain what the importance of events. 13. Discuss the procedure in coding events with HTML 14. Discuss what are ararys and their applications in writing javascript codes. Discussion of implementing events and arrays in Javascript codes Discussion on the application of arrays and events in HTML Syllabus Reference books Computer Lab Determination Perseverance Obedience Short Quiz Recitation Practical Exam

and

Multidimensional Arrays Associative Arrays Week 4 Module 10: Time and Date in JavaScript The Date Object Date Numeric Conventions Date Method Categories The get Methods The set Methods The to Methods The parse Methods Time-Related Methods of Other Objects Time and Date Examples Module 11: JavaScript Math Math in JavaScript The Math Object Constants Math Methods The Number Object Week 5 Module 12: Handling Strings Characters Creating Strings String Length HTML Formatting Methods General String Methods escape() and unescape() Number-to-String Conversion String-to-Number Conversion Evaluating Text Expressions String Handling Example Module 13: The Document Object Model The window Object The navigator Object The document Object The history Object The location Object

At the end of the period, the students should be able to: 15. explain the importance of date and Numeric objects 16. discuss the concepts of Javascript mathematics

Discussion of some built-in functions in Javascript Discussion of mplementing Javascript Mathematics

Syllabus Reference books Computer Lab

Determination Perseverance Obedience

and

Short Quiz Recitation Practical Exam

At the end of the period, the students should be able to: 17. explain the concept of string manipulation in Javascript 18. apply built-in Javascript String functions 19. famliarized with the concept of Document Object Model (D.O.M.)

Discussion of the syllabus, review of classroom rules and procedures. Discussion of the Javascript Fundamentals

Syllabus Reference books Computer Lab

Determination Perseverance Obedience

and

Short Quiz Recitation Practical Exam

Week 6 What Are HTML Forms? JavaScript Form Reference form Object text Object password Object textarea Object hidden Object button, submit, and reset Objects checkbox Object radio Object select Object fileUpload Object Module 15: Implementing Cookies Maintaining a State Cookies and HTTP Cookies and JavaScript Cookie Functions Week 7 Part 2: Flash Basics Module 1 Interface The Start Page At a Glance Guide to the Interface What are all the Windows for? Module 2: Vector Drawing At a Glance Guide to the Tools The Drawing Tools Drawing a Line Drawing with the Pencil Tool The Shape Tools Painting with the Brush Tool Using the Pen Tool and the Subselection Tool To Overlap or to Obliterate: Object Drawing vs. Merge Drawing Changing Colors Creating Gradient Fills Transform Fill Tool Creating Text Paragraph Options Spell Checker Module 3: Selecting and

At the end of the period, the students should be able to: 20. explain what are cookies? 21. recall HTM Forms 22. discuss the different technique in implementing Form Validation

Discussion and implementation of cookies Discussion and implementation of form validation

Syllabus Reference books Computer Lab

Determination Perseverance Obedience

and

Short Quiz Recitation Practical Exam

At the end of the period, the students should be able to: 23. Discuss the basic flash screen and navigations 24. Familiarized withthe different tools and windows of flash 25. Draw vector drawings

Discussion of vector graphics Discussion flash working screen and navigational toolbars

Syllabus Reference books Computer Lab

Determination Perseverance Obedience

and

Short Quiz Recitation Practical Exam

Modifying Making Selections Modifying Drawings The Free Transform Tool Combining Objects Adding Strokes Paint Bucket Tool Dropper Tool Eraser Tool Rulers, Guides and Grids Step By Step Create a Perspective Grid Drawing Settings Keyboard Shortcuts for the Tools Week 8 Module 4: Importing Images Vectors vs. Bitmaps Still Image File Types You Can Import To Import a Still Image into Flash The Library Importing Images with Areas of Transparency Tracing Bitmaps Painting with Bitmaps Module 5: Layers, Symbols and Keyframes Using Layers Step By Step Create a Manual Drop Shadow Introducing Symbols Interactive Buttons Creating a Button Symbol What Is a Keyframe? Naming Symbols Editing Symbols What Is a Behavior? Step By Step Create a Links Page Using Movie Clip Symbols Step-By-Step Animated Rollover Buttons At the end of the period, the students should be able to: 26. explain how to import images in your flash files 27. discuss basic layering techniques 28. discuss basic keyframes Discussion on importing images Discussion layering, symbols and keyframes Syllabus Reference books Computer Lab Determination Perseverance Obedience Short Quiz Recitation Practical Exam

and

Filters and Blends Module 6: Menu Navigation Button Actions and Frame Actions Creating a Basic Menu Actions and Script Assist Create an Online Portfolio Menus and Submenus Create a Pop-up Menu in a Movie Clip The Top Level of the Menu The Sub Level of the Menu Buttons as Menus Controlling Events on the Stage Loading Images Mail to Link Submit Your Portfolio Week 9 Modlue 7: Animation Creating a Banner Ad with FrameBy-Frame Animation Separating and Locking Layers Using Keyframes to Record Animation Onion Skinning Frame Rate and Size Animation with Graphic Symbols Creating Graphic Symbols and Instances Motion Tweening Graphic Symbols and Line Weights Editing Symbols Recap Week 10 Module 8: More Animation Techniques Using Motion Paths Controlling Velocity Custom Easing Shape Tweening Shape Tweening Text Breaking Apart Text At the end of the period, the students should be able to: 29. explain how to implement animation using flash; 30. discuss how to use layering 31. discuss how to implement motion tweening Discussion of motion tweening as animation in flash Syllabus Reference books Computer Lab Determination Perseverance Obedience Short Quiz Recitation Practical Exam

and

At the end of the period, the students should be able to: 32. explain what the course is all about; 33. recall and agree on expected classroom behavior and procedures; and 34. relive the basic tenets being discussed in the class.

Discussion of the syllabus, review of classroom rules and procedures. Discussion of the Javascript Fundamentals

Syllabus Reference books Computer Lab

Determination Perseverance Obedience

and

Short Quiz Recitation Practical Exam

Controlling Shape Tweens with Shape Hints Create Animated Text Highlights Animating and Transforming Gradients Mask Layers Week 11 Module 9: Further Animation Techniques Timeline Effects Animated Symbols Creating a Looped Background Copying and Pasting Frames Symbols Within Symbols Altering Symbol Center Points Using Scenes Character Design Tips Week 12 Module 10: Sound Creating Sounds to Bring into Flash Some Fundamentals of Digital Audio Importing Sounds Streaming vs. Event Sounds Editing Sounds in Flash Attach a Sound to a Button Starting and Stopping Sounds Adding Comments to Frames Warning about File Sizes Module 11: Video Digitizing Video Using Video in Flash Creating FLV Files Importing Video Rotoscoping Output Flash Animation at Full Broadcast Quality Frame Rate and Frame Size Pixel Aspect Ratio Importing DV and Flash At the end of the period, the students should be able to: 35. explain what the course is all about; 36. recall and agree on expected classroom behavior and procedures; and 37. relive the basic tenets being discussed in the class. Discussion of the syllabus, review of classroom rules and procedures. Discussion of the Javascript Fundamentals Syllabus Reference books Computer Lab Determination Perseverance Obedience Short Quiz Recitation Practical Exam

and

At the end of the period, the students should be able to: 38. explain how to import sound to your flash file 39. explain how ro import and use video with your flash file

Discussion importing sounds to your flash files Discussion importing video to your flash files

Syllabus Reference books Computer Lab

Determination Perseverance Obedience

and

Short Quiz Recitation Practical Exam

Frames vs. Fields Broadcast Safe Colors Week 13 Module 12: Designing for Crossmedia Planning a Web Site Information Architecture Design for the Web Planning for Animation Module 13: Putting Flash on the Web Project Management Tips The History Panel Tips for Lowering File Sizes Testing Your Work Anatomy of a Web Site Exporting and Publish Settings Flash Version Detection Movie Dimensions Uploading Flash on the WWW Creating Pre-loaders Accessibility SWF File Metadata Module 14: Cross-media Publishing Publishing Profiles Exporting Stills Exporting with Audio Exporting for Video Output About Compression Compositing Your Flash Movie Alpha Channels Putting Your Flash Movie onto Video Putting Your Flash Movie onto DVD Exporting Projectors Creating a Hybrid CD-At the end of the period, the students should be able to: 40. explain what are cross-media. 41. Discussion of implementing flash in creating a dynamic web site Discussion and implementation of dynamic web site creation using flash Discussion of flash implementation Syllabus Reference books Computer Lab Determination Perseverance Obedience Short Quiz Recitation Practical Exam

and

Week 14 Review for Final Exam FINAL EXAM

Syllabus Reference books Computer Lab

Determination Perseverance Obedience

and

Short Quiz Recitation Practical Exam

10