SYLLABUS IN COMPUTER II

ATENEO DE ILOILO
Santa Maria Catholic School
High School Department

SYLLABUS IN COMPUTER II


I. COURSE TITLE: FLASH ANIMATION AND WEB DESIGN

II. COURSE DESCRIPTION

Computer II is introduction to the basics of creating animations using Macromedia Flash 5 and designing Web pages with Notepad.

The first part of the course tackles on the fundamentals of creating animations that will be used as movie and animated clips and publication to the Internet. The second part is Web Design. It includes the key procedures and principles of designing for the web and optimizing the content such as the quality of the images and the texts and the efficiency of layouts and hyperlinks. It also includes review of the interface of Windows Movie Maker and the basics of movie making.

III. GENERAL OBJECTIVES
At the end of the school year, students are expected to:
1. use Macromedia Flash 5 in creating animations;
2. create simple movie and animated clips;
3. develop awareness and practice publishing ethics and guidelines;
4. compile multimedia images and clips using Windows Movie Maker;
5. develop appreciation on the use of HTML tags and CSS properties by creating a well-formed website according to W3C standards; and
6. evaluate the efficiency of other websites.

IV. COURSE TOPICS AND PROJECT REQUIREMENTS

A. FIRST QUARTER
Animation in a Flash

1. Animation
a. Animation Defined
b. Traditional Animation Process
c. Animation Techniques

2. Flash Animation
a. What’s Up with Flash?
b. Creating a New Flash Document
c. The Flash GUI
d. Modifying Flash Document Properties

3. Drawing and Developing Objects
a. Flash Drawing Tools
b. Illustrating Characters
c. Layers
d. Grouping Objects and Breaking Them Apart
d. Library and Symbols

4. Making Things Move
a. Action and Movement
b. Timeline
c. Basic Frame-by-Frame Animation
d. Tweening

5. More Animation Techniques
a. A Tad More Tweening
b. Changing Color Properties
c. Motion Guide
d. Timeline Effects

Projects:
1. Flipbook animation
2. Flash animated clip complete with the storyboard and dialogue.

B. SECOND QUARTER

1. Character Development
a. Tips on Conveying Emotion
b. Importing Sounds
c. Synchronizing Mouth Movements
d. Importing Raster Graphics for Backgrounds

2. Masks, Text, and More
a. Masks
b. Using Text
c. More Animation Tips

3. Interactivity
a. Buttons
b. ActionScripts
c. Button States

4. Flash for the Web
a. Laying-out for the Web
b. Integrating Texts and Graphics
c. More ActionScripts

5. Publishing Your Flash Movie
a. Movie Assembly
b. Publishing Formats
c. Distribution Ethics

Windows Movie Maker
1. Introduction

Project:
1. Flash Website complete with menus and content with embedded flash objects and clips.
2. Movie clip explaining the interface of their Flash Website project.

C. THIRD QUARTER
Web Design

1. Introduction to Web Page Design
a. Your First Web Page
b. Web Tools
c. Format

2. Playing with Tags
a. Heading
b. Paragraph
c. Lists
d. Preformatted Text
e. Horizontal Rule

3. Fashioning Text Styles and Colors
a. External Style Sheet
b. Font
c. Color
d. Text
e. Special Characters
f. Comment Tags

4. Working on Images
a. Internal Style Sheet
b. Background Values
c. Image Attributes
d. Image File Types
e. Animated GIFs

5. Working with Tables
a. In-line Style Sheet
b. Tables
c. Table Tags
d. Table Attributes

Project:
1. Webpage developed only with the use of Notepad and its corresponding layout for its design.
2. Individual Full Webpage of Ateneo de Iloilo designed using notepad

D. FOURTH QUARTER

1. Opening the Box Model
a. Selected Style Sheet Topics
b. Page Layout: Layout Table vs. CSS Positioning
c. Span and Div Tags
d. The Box Model
e. Margin and Padding

2. Links
a. HTML Links
b. Link Target: New Window
c. Link to other parts of the same page
d. E-mail Address as Link
e. Image as Link
f. Multimedia

3. Going Beyond Tags
a. Meta Tags
b. Web Advertisements
c. Website Sections
d. Uploading Files
e. Submitting Your Site for Crawling
f. Intellectual Property Rights (IPR)

4. Web Interactive
a. Web Technologies
b. Web Tricks

5. Executing Forms
a. Online Forms
b. Content
c. Input Fields
d. Submit Query and Reset Buttons
e. Processing Forms

Projects:
1. Individual Full Website of Ateneo de Iloilo designed using notepad and with integration of Flash Animations.
2. Group Integrated Full Website of Ateneo de Iloilo designed using notepad and with integration of Flash Animations.
3. Design layouts for both websites.

Note: Projects and its corresponding rubrics or criteria will be introduced to students during its presentation.

V.GRADE COMPONENTS

Project ----- ----- 40%
Exam ----- ----- 30%
Quiz ----- ----- 20%
Recitation ----- ----- 10%
Total ----- 100%

Criteria for Projects:
Content ----- ----- ----- 15 pts.
Organization ----- ----- ----- 5 pts.
Mechanics ----- ----- ----- 10 pts
TOTAL ----- 30 pts.

VI. GENERAL REQUIREMENTS

1. Official Computer II Textbooks:
Maximo, Alexander C., Jaime D.L. Caro, et al. (2010). Animation in a Flash. Quezon City: TechFactors, Inc.
Aquinde, Janice Julia E., Jaime D.L. Caro, et al. (2010). Web Design. Quezon City: TechFactors, Inc.
2. Computer Notebook
3. Black Pen and Intermediate Paper
4. Post-it (3x3)

VII. REFERENCES

1. fficial Computer II Textbooks:
Maximo, Alexander C., Jaime D.L. Caro, et al. (2010). Animation in a Flash. Quezon City: TechFactors, Inc.
Aquinde, Janice Julia E., Jaime D.L. Caro, et al. (2010). Web Design. Quezon City: TechFactors, Inc.
2. Internet Websites
http://www.w3schools.com/

CONSULTATION:
Academic consultations are highly encouraged by the subject teacher/s by appointment during school hours depending on their availability. Students and/or parents can contact the teacher through e-mail and may still be accommodated after class (4:00 – 4:30 p.m. only) if deemed necessary and upon appointment set two days (or earlier) before the said consultation.

Prepared by:
Mr. Rodolfo C. Eregia, Jr.