7/30/2019 Itm203 - Multimedia and Web Design 2(3)

1/6

BSIT | MULTIMEDIA AND WEB DESIGN 2 SYLLABUS 1

ITM203 MULTIMEDIA AND WEB DESIGN 2 Syllabus

I. COURSE IDENTIFICATION

Course Title MULTIMEDIA AND WEB DESIGN 2Course Credit 3 units

CoursePrerequisite

MULWEB1 / ITM103

CourseDescription

This course introduces the students to the world of interactivity and multimedia,which is thriving with growth of Internet and other new technologies, offering arange of new direction for students who just arent satisfied with plain text andimages. The course focuses on integration of image, sound, text, and interactivityinto communicative works

II. COURSE OBJECTIVES

General Objective To introduce the basic concepts of Javascript and Flash, together with the differentbasic process in developing Internet applications.

Specific

Objectives

1. Identify the crucial role of Javascript/Flash in developing Application-basedweb 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 Web4. 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 aBook. Adobe PressAndes, 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 FlashUsability 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 PublishingInc.

Grosvenor, S. (2005). The Flash Anthology Cool Effects & Practical ActionScript.

SitePoint Pty. Ltd.

http://www.w3schools.com

IV. COURSE OUTLINE

Week Modules Hours

1 Part 1: JavaScript BasicsModule 1: Introduction to JavaScriptThe World Wide WebCompetition on the WebExtending HTMLPlug-ins, Applets, and ASPWhat Is JavaScript?Who Can Benefit from JavaScript?The History of JavaScriptJavaScript in a BrowserWhat Can JavaScript Do?JavaScript and JavaModule 2: Getting Started with JavaScriptEssential Authoring ToolsBasic JavaScript StructureImportant Notes about JavaScriptModule 3: JavaScript FundamentalsBuilding a Script

4

ITE Department

7/30/2019 Itm203 - Multimedia and Web Design 2(3)

2/6

BSIT | MULTIMEDIA AND WEB DESIGN 2 SYLLABUS 2

Data Types in JavaScriptJavaScript EntitiesType ConversionMixing Strings and NumbersLiteralsOperatorsStatementsEvaluating Expressions

Testing EvaluationFunctionsControl Structures

2 Module 4: Object-Oriented ProgrammingObjectsPropertiesMethodsUsing the Array NotationObject Oriented vs. Object BasedModule 5: Functions and Variable ScopeVariable Scope and Storage ClassWhat Are Functions?Returning a ValueRecursion

Module 6: Utilizing JavaScript OperatorsOperator CategoriesMathematical OperatorsString ConcatenationBitwise OperatorsAssignment OperatorsRelational OperatorsShort-Circuit Logical OperatorsMore Logical OperatorsData Type OperatorVoid OperatorOperator PrecedenceExpressionsSide Effects

4

3 Module 7: Events in JavaScriptEventsEvent HandlersEmulating Events via MethodsCalling Event Handlers ExplicitlyCanceling EventsModule 8: Building and Extending ObjectsCreating InstancesConstructor FunctionsNested ObjectsPrototype and Object ExtensionsModule 9: ArraysWhat Is an Array?Some History

Creating Simple ArraysReferring to an Arrays ElementsCreating Dense ArraysArray TypesArray PropertiesArray MethodsThe arguments ArrayMultidimensional ArraysAssociative Arrays

4

4 Module 10: Time and Date in JavaScriptThe Date ObjectDate Numeric ConventionsDate Method CategoriesThe get Methods

The set MethodsThe to MethodsThe parse MethodsTime-Related Methods of Other ObjectsTime and Date ExamplesModule 11: JavaScript MathMath in JavaScriptThe Math ObjectConstantsMath MethodsThe Number Object

4

7/30/2019 Itm203 - Multimedia and Web Design 2(3)

3/6

BSIT | MULTIMEDIA AND WEB DESIGN 2 SYLLABUS 3

Math Examples

5 Module 12: Handling StringsCharactersCreating StringsString LengthHTML Formatting MethodsGeneral String Methodsescape() and unescape()

Number-to-String ConversionString-to-Number ConversionEvaluating Text ExpressionsString Handling ExampleModule 13: The Document Object ModelThe window ObjectThe navigator ObjectThe document ObjectThe history ObjectThe location Object

4

6 Module 14: FormsWhat Are HTML Forms?JavaScript Form Referenceform Object

text Objectpassword Objecttextarea Objecthidden Objectbutton, submit, and reset Objectscheckbox Objectradio Objectselect ObjectfileUpload ObjectModule 15: Implementing CookiesMaintaining a StateCookies and HTTPCookies and JavaScriptCookie Functions

4

7 Part 2: Flash BasicsModule 1 InterfaceThe Start PageAt a Glance Guide to the InterfaceWhat are all the Windows for?Module 2: Vector DrawingAt a Glance Guide to the ToolsThe Drawing ToolsDrawing a LineDrawing with the Pencil ToolThe Shape ToolsPainting with the Brush ToolUsing the Pen Tool and the Subselection ToolTo Overlap or to Obliterate: Object Drawing vs. Merge Drawing

Changing ColorsCreating Gradient FillsTransform Fill ToolCreating TextParagraph OptionsSpell CheckerModule 3: Selecting and ModifyingMaking SelectionsModifying DrawingsThe Free Transform ToolCombining ObjectsAdding StrokesPaint Bucket ToolDropper Tool

Eraser ToolRulers, Guides and GridsStep By Step Create a Perspective GridDrawing SettingsKeyboard Shortcuts for the Tools

4

8 Module 4: Importing ImagesVectors vs. BitmapsStill Image File Types You Can ImportTo Import a Still Image into FlashThe LibraryImporting Images with Areas of Transparency

4

7/30/2019 Itm203 - Multimedia and Web Design 2(3)

4/6

BSIT | MULTIMEDIA AND WEB DESIGN 2 SYLLABUS 4

Tracing BitmapsPainting with BitmapsModule 5: Layers, Symbols and KeyframesUsing LayersStep By Step Create a Manual Drop ShadowIntroducing SymbolsInteractive ButtonsCreating a Button Symbol

What Is a Keyframe?Naming SymbolsEditing SymbolsWhat Is a Behavior?Step By Step Create a Links PageUsing Movie Clip SymbolsStep-By-Step Animated Rollover ButtonsFilters and BlendsModule 6: Menu NavigationButton Actions and Frame ActionsCreating a Basic MenuActions and Script AssistCreate an Online PortfolioMenus and Submenus

Create a Pop-up Menu in a Movie ClipThe Top Level of the MenuThe Sub Level of the MenuButtons as MenusControlling Events on the StageLoading ImagesMail to LinkSubmit Your Portfolio

9 Modlue 7: AnimationCreating a Banner Ad with Frame-By-Frame AnimationSeparating and Locking LayersUsing Keyframes to Record AnimationOnion SkinningFrame Rate and Size

Animation with Graphic SymbolsCreating Graphic Symbols and InstancesMotion TweeningGraphic Symbols and Line WeightsEditing Symbols Recap

4

10 Module 8: More Animation TechniquesUsing Motion PathsControlling VelocityCustom EasingShape TweeningShape Tweening TextBreaking Apart TextControlling Shape Tweens with Shape HintsCreate Animated Text Highlights

Animating and Transforming GradientsMask Layers

4

11 Module 9: Further Animation TechniquesTimeline EffectsAnimated SymbolsCreating a Looped BackgroundCopying and Pasting FramesSymbols Within SymbolsAltering Symbol Center PointsUsing ScenesCharacter Design Tips

4

12 Module 10: SoundCreating Sounds to Bring into FlashSome Fundamentals of Digital Audio

Importing SoundsStreaming vs. Event SoundsEditing Sounds in FlashAttach a Sound to a ButtonStarting and Stopping SoundsAdding Comments to FramesWarning about File SizesModule 11: VideoDigitizing VideoUsing Video in FlashCreating FLV Files

4

7/30/2019 Itm203 - Multimedia and Web Design 2(3)

5/6

BSIT | MULTIMEDIA AND WEB DESIGN 2 SYLLABUS 5

Importing VideoRotoscopingOutput Flash Animation at Full Broadcast QualityFrame Rate and Frame SizePixel Aspect RatioImporting DV and FlashFrames vs. FieldsBroadcast Safe Colors

13 Module 12: Designing for Cross-mediaPlanning a Web SiteInformation ArchitectureDesign for the WebPlanning for AnimationModule 13: Putting Flash on the WebProject Management TipsThe History PanelTips for Lowering File SizesTesting Your WorkAnatomy of a Web SiteExporting and Publish SettingsFlash Version DetectionMovie Dimensions

UploadingFlash on the WWWCreating Pre-loadersAccessibilitySWF File MetadataModule 14: Cross-media PublishingPublishing ProfilesExporting StillsExporting with AudioExporting for Video OutputAbout CompressionCompositing Your Flash MovieAlpha ChannelsPutting Your Flash Movie onto Video

Putting Your Flash Movie onto DVDExporting ProjectorsCreating a Hybrid CD

4

14 Review for Final ExamFINAL EXAM

4

Total Number of Hours 56

V. COURSE REQUIREMENTS

Lectures and class discussionsShort QuizzesAssignments, Recitations, Seat worksLaboratory ExercisesProjects

Practical ExamMidterm ExamFinal examFrequency of meetings: 4 hrs/week

VI. GRADING SYSTEM

1. Projects 25%2. Final Examination 25%3. Midterm Examination 15%4. Short Quizzes/Assignments/Recitation/Seatworks 15%5. Laboratory Exercises 20%Final Grade Total 100% (Passing Mark: 70%)

VII. INSTRUCTOR AND SCHEDULE INFORMATION

Name:Office: +632 736-0015 to 19 loc. 224Email:Consultation Hours:

Meeting Place and time:SY: 2010-2011Term: 1Room:Day and Time:

7/30/2019 Itm203 - Multimedia and Web Design 2(3)

6/6

BSIT | MULTIMEDIA AND WEB DESIGN 2 SYLLABUS 6

VIII. VERSION

Version 03182009Modified on: March 18, 2009By: Carmelita Benito and Marvin De Leon