Transcript slide presentation :: week9

Interface Programming 2
Week 9
:: Calendar
Week 1
8.21
Lesson:
Intro to
Actionsc
ript
INTRO
DAY
Week 2
8.23
Lesson:
Actionsc
ript Tips;
how to
build a
simple
flash site
using the
timeline
8.28
HW –
Simple
Flash
Site;
WORK
DAY
WORK
DAY
Week 3
8.30
Lesson:
Actionsc
ript Tips
Lesson:
Actionsc
ript Tips;
movie
clips.
9.4
HW –
Controllin
g Movie
Clips;
Week 4
9.6
Lesson:
Actionsc
ript Tips
Lesson:
Actionsc
ript Tips;
movie
clips.
WORK
DAY
WORK
DAY
Week 5
9.11
HW –
Moving
Movie
Clips w /
Buttons;
9.13
Lesson:
Actionsc
ript Tips
WORK
DAY
Week 6
9.20
Lesson:
Actionsc
ript Tips
9.25
Lesson
– Flash
Site
using the
timeline
Lesson:
Actionsc
ript Tips;
movie
clips.
Lesson:
Actionsc
ript Tips;
movie
clips.
WORK
DAY
9.18
HW –
Moving
Movie
Clips w /
Math;
WORK
DAY
WORK
DAY
WORK
DAY
WORK
DAY
Week 7
Week 8
Week 9
10.2
HW:
Flash
site to
date.
10.4
Lesson
– Flash
Site w /
advance
d
transition
Lesson Lesson s
– Flash – Flash
Site w / Site w /
easy
nested
transition sub
s
sections
10.9
HW:
Flash
site to
date.
10.11
Lesson
– Flash
Site w /
advance
d
features
Lesson (moving
– Flash hi-lite)
Site w /
advance
d
features
(hi-lite
state,
scrolling
text)
10.16
HW:
Flash
site to
date.
WORK
DAY
WORK
DAY
WORK
DAY
9.27
HW:
Flash
site to
date.
Interface Programming 2 :: Week 9
WORK
DAY
WORK
DAY
WORK
DAY
10.18
Lesson:
Publishin
g (sw f
object)
Lesson:
Loading
&
unloadin
g
external
files
(jogs,
sw fs)
WORK
DAY
:: Calendar
Week 10
10.23
Lesson:
Flash tips
10.25
Lesson:
Flash tips
Week11
Week 12
10.30
11.1
HW – final Lesson:
designs
Flash tips
due.
11.6
HW - 1st
draft of
site due.
Week 13
11.8
Lesson:
Flash tips
11.13
HW - 2nd
draft of
site due.
11.15
Work Day;
1-1
feedback
Week 14
Week 15
11.20
11.22
Work Day;
1-1
feedback
11.27
Week 16
11.29
12.4
Work Day;
1-1
feedback
12.6
FINAL –
flash w eb
site
NO CLASS
NO CLASS NO CLASS
–
– WORK
– WORK
THANKSGI
WEEK
WEEK
VING
WORK DAY WORK DAY CRITIQUE
WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY
Interface Programming 2 :: Week 9
WORK DAY CRITIQUE
:: This Week's Agenda
 This week we will:
 Use SWFobject to publish our flash site
 Learn how to create custom buttons using movie clips
 Learn how to create advanced transitions using movie
clips
Interface Programming 2 :: Week 9
:: This Week's Assignment
Due : Week10A
 Finish your Flash web site that you have been working
on in class.
 Finalize your design, transitions, and content.
 Post your final file on your class web page.
 Place your flash swf file into an html page using
SWFObject
Interface Programming 2 :: Week 9
:: Mid-term Assignment
Due : Week9A
 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: 600x400, 30 frames per second
 Flash site displayed via .html
 Post a link to your site off your class web page.
Interface Programming 2 :: Week 9
:: Final Assignment

Due: Week 16B
Art 257+258 Flash Web Site


Assignment: create an advanced Flash web site. You can choose
any site/client/idea that you want, however: your site must warrant
the use of Flash versus HTML. In other words, if you ask yourself,
“should this be an HTML site instead?” and the answer is “Yes” –
then you should consider another idea.
Your final site should include:






A custom preloader
An animated intro
Multiple pages/sections (minimum of 3)
Transitions between pages/sections
SWFObject and CSS for placing/publishing your flash into HTML
NOTE: You can NOT do your own Flash portfolio site.
Interface Programming 2 :: Week 9
:: Final Assignment

Due: Week 16B
Art 257+258 Flash Web Site

Objectives:
 To apply the skills learned in both motion graphic design and interface
programming 2 into one unified interface.
 Complete the creative problem-solving process from the preliminary
planning stage and exploration through revisions to the final product.
 Experiment by taking risks through the process of exploration during the
creative problem solving process.
 Demonstrate relevant contemporary responses to motion graphic design
and interface programming using ActionScript, HTML, and CSS.
 Analyze and apply the visual elements of line, shape, value, color, texture,
time, motion and the design principles of balance, rhythm, repetition,
emphasis, contrast, variation, and unity to interface design assignments.
 Incorporate typography, shape and sequential graphics/images in a timebased, interactive interface.
 Analyze the way motion is used to convey sequential organization of
information in time.
 Demonstrate strong group communication skills and the ability to speak
clearly during critiques.
Interface Programming 2 :: Week 9
:: Final Assignment

Due: Week 16B
Art 257+258 Flash Web Site

Format: Flash inside of an HTML page.
 Use a combination of Flash, SWFobject, HTML, and CSS to
design your site as it will appear in the browser.
 Post a link to your final site from both your Art 257 AND Art 258
class web pages!!
Interface Programming 2 :: Week 9