Interface Programming 2 Week 6 CALENDAR

Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7 Week 8 8.26 9.2 9.9 9.16 9.23 9.30 10.7 10.14 HW – Simple Flash HW – Controlling HW – Moving Movie HW – Moving Movie HW: Flash site to HW: Flash site to HW: Flash site to Site; Movie Clips; Clips w/ Buttons; Clips w/ Math; date. date. date.

Lesson: Intro to Lesson: Actionscript Lesson: Actionscript Lesson: Actionscript Lesson: Actionscript Lesson – Flash Site Lesson – Flash Site Lesson – Flash Site Actionscript; Tips; Tips; movie clips. Tips; movie clips. Tips; movie clips. Tips; movie clips. using the timeline w/ nested sub w/ advanced how to build a sections; Flash Site features (hi-lite simple flash site w/ advanced state, scrolling text); using the timeline transitions Flash Site w/ advanced features INTRO DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY

Week 9 Week 10 Week11 Week 12 Week 13 Week 14 Week 15 Week 16 10.21 10.28 11.4 11.11 11.18 11.25 12.2 12.9 HW: Flash site to NO CLASS - CHRIS NO CLASS - NO CLASS - HW - 2nd draft of FINAL – flash web date. ON MAINLAND; ELECTION DAY; VETERAN'S DAY; site due. site HW – final designs HW - 1st draft of due. site due.

Lesson: Loading & Lesson: preloaders unloading external files (jogs, ); Publishing ( object)

WORK DAY WORK DAY CRITIQUE WORK DAY WORK DAY WORK DAY WORK DAY CRITIQUE

Interface Programming 2 EXAMPLES • Moma.org Tall Buildings • http://www.moma.org/exhibitions/2004/tallbuildings/main. • Corzo Tequila • http://corzo.com/flash.htm • Mr. Picasso Head • http://www.mrpicassohead.com/

Interface Programming 2 LESSON • Creating a Flash Web Site from Scratch

Interface Programming 2 LESSON • Creating a Flash site from scratch – the full production process: • Designing in Illustrator (or Photoshop) • Importing from Illustrator (or Photoshop) • Adding a Flash Intro • Adding Advanced Transitions • Nesting Content into Movie Clips • Nesting Content into separate Swfs • Loading external content • Adding a custom preloader • Publishing to HTML using SWF Object

Interface Programming 2 BASIC INTER- INTER- INTER- INTER- ADVANCED ADVANCED ADVANCED MEDIATE A MEDIATE B MEDIATE C MEDIATE D A B C

DESCRIPTION Entire Flash All content in Content in Content in Content in Content in Content in Content in site on one one movie clip many many many many many many timeline separate separate separate separate swfs separate swfs; separate swfs; movie clips movie clips; movie clips; custom custom custom Transitions in transitions in transitions in & transition in & out out TRANSITION Yes (manual Yes (same Yes (same Yes (custom Yes (same Yes (same Yes (custom Yes (custom IN? for each transition for transition for transition for transition for transition for for each for each scene) each section) each section) each section) each section) each section) section) section) TRANSITION No No No No Yes (same for No No Yes (custom OUT? all) for each section) STRUCTURE One timeline, One large Each section Each section Each section Each section Each section Each section Multiple content movie is its own is its own is its own is its own swf is its own swf is its own swf labels clip movie clip movie clip and movie clip (home.swf, and own and own (mc_content); (mc_home, transition (mc_home, about.swf, transition transition one transition mc_about, (mc_home, mc_about, etc.); one (home.swf, (home.swf, movie clip etc.); one mc_transhom etc.); one transition mc_transhom mc_transhom (mc_transition transition e, mc_about, transition movie clip e, about.swf, e, about.swf, ) movie clip mc_trans_abo movie clip (mc_transition mc_trans_abo mc_trans_abo (mc_transition ut, etc.) (mc_transition ) ut, etc.) ut, etc.) ) ) VARIABLES None 1 variable 1 variable 1 variable 1 variable 1 variable 1 variable 2 variables USED (destination) (destination) (destination) (destination) (destination) (destination) (currentsectio n, destination) PRELOADERS 1 preloader in 1 preloader in Each movie Each movie Each movie Each swf has Each swf has Each swf has USED the beginning the beginning clip has its clip has its clip has its its own its own its own own preloader own preloader own preloader preloader preloader preloader

Interface Programming 2 ASSIGNMENT Due: Week 7 • Complete both video lessons (2) posted under week 6: • Flash site in a Day • Flash site – subsections + nested movie clip

Interface Programming 2 MIDTERM ASSIGNMENT Due: Week 9 • Weekly Assignments & Flash Web Site • assignment: Use ActionScript to create a flash web site with advanced functionality. A basic design will be provided for you, which you can change to your liking. New features will be introduced on a weekly basis. Features must include: a custom preloader, a flash intro, advanced scene transitions, and publishing via HTML using SWFObject.

• purpose/objective: To learn how to incorporate motion graphics into a user-based interactive interface.

• format: 30 frames per second • Flash site displayed via .html • Post a link to your site off your class web page.

Interface Programming 2