Detailed Syllabus Item203

7/30/2019 Detailed Syllabus Item203

1/10

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

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 Objectives Activities/Tasks/Skills/Focus Learning Resources Value Focus Assessment/Eval

Week 1

Module 1: Introduction/Orientation,

Review of Course Syllabus,

Part 1: JavaScript Basics

Module 1: Introduction to

JavaScript

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.

Discussion of the syllabus,

review of classroom rules and

procedures.

Discussion of the Javascript

Fundamentals

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa

ITE DEPARTMENT


2/10

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 BrowserWhat 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

4. Discuss the concept of client-side

scripting.

5. Explain the importance of Javascripting

6. Explain how to write/code a Javascript

7. Discuss the fundamentals of Javascripting8. Discuss the different control structures of

Javascript

Week 2

Module 4: Object-Oriented

Programming

Objects

Properties

MethodsUsing the Array Notation

Object Oriented vs. Object Based

Module 5: Functions and Variable

Scope

Variable Scope and Storage Class


be able to:

9. explain what concept of object-oriented

programming

10. differentiate between object-based andObject-oriented

11. discuss the Javascript Function.

Discussion on Object-oriented

Javascripting

Discussion on Javascript

Functions

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa


3/10

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 ElementsCreating Dense Arrays

Array Types

Array Properties

Array Methods

The arguments Array


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 and

Obedience

Short Quiz

Recitation

Practical Exa


4/10

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


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 and

Obedience

Short Quiz

Recitation

Practical Exa

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 ObjectThe document Object

The history Object

The location Object


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.)



procedures.


Fundamentals

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa


5/10

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


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


of form validation

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa

Week 7

Part 2: Flash Basics

Module 1 Interface

The Start Page

At a Glance Guide to the InterfaceWhat 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 FillsTransform Fill Tool

Creating Text

Paragraph Options

Spell Checker

Module 3: Selecting and


be able to:

23. Discuss the basic flash screen and

navigations

24. Familiarized withthe different tools andwindows of flash

25. Draw vector drawings

Discussion of vector graphics

Discussion flash working screen

and navigational toolbars

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa


6/10

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 ofTransparency

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 SymbolsWhat Is a Behavior?

Step By Step Create a Links Page

Using Movie Clip Symbols

Step-By-Step Animated Rollover

Buttons


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 and

Obedience

Short Quiz

Recitation

Practical Exa


7/10

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 Frame-

By-Frame Animation

Separating and Locking Layers

Using Keyframes to RecordAnimation

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


be able to:

29. explain how to implement animation

using flash;

30. discuss how to use layering

31. discuss how to implement motiontweening

Discussion of motion tweening

as animation in flash

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa

Week 10

Module 8: More Animation

Techniques

Using Motion PathsControlling Velocity

Custom Easing

Shape Tweening

Shape Tweening Text

Breaking Apart Text


be able to:


33. recall and agree on expected classroombehavior and procedures; and


the class.



procedures.

Discussion of the JavascriptFundamentals

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa


8/10

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


be able to:


36. recall and agree on expected classroom

behavior and procedures; and


the class.



procedures.


Fundamentals

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa

Week 12

Module 10: Sound

Creating Sounds to Bring into Flash

Some Fundamentals of DigitalAudio

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

RotoscopingOutput Flash Animation at Full

Broadcast Quality

Frame Rate and Frame Size

Pixel Aspect Ratio

Importing DV and Flash


be able to:

38. explain how to import sound to your flash

file39. 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 and

Obedience

Short Quiz

Recitation

Practical Exa


9/10

Frames vs. Fields

Broadcast Safe Colors

Week 13

Module 12: Designing for Cross-

media

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-loadersAccessibility

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 ontoDVD

Exporting Projectors

Creating a Hybrid CD--


be able to:

40. explain what are cross-media.

41. Discussion of implementing flash in

creating a dynamic web site


of dynamic web site creation

using flash

Discussion of flash

implementation

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa


10/10

Week 14

Review for Final Exam

FINAL EXAM

Syllabus

Reference books

Computer Lab

Determination

Perseverance and

Obedience

Short Quiz

Recitation

Practical Exa

Documents

Detailed Syllabus Item203