MM-104-01: Advanced Interactivity in Flash-- Ohlone College ...

jumpthroatSoftware and s/w Development

Jul 4, 2012 (5 years and 1 month ago)

363 views

MM
-
104
-
01: Advanced Interactivity in Flash
--
Ohlone College
--
Spring 2012

Lecture: Tuesday 06:15PM
-
08:15PM

Laboratory: Tuesday 08:20PM
-
09:25PM and by arrangement

Hyman Hall, Room HH
-
116

Instructor:

Isabel Reichert

Email:

ireichert@gmail.com


Course Description
:

Learn design principles and ActionScript, the powerful programming language in Flash, to add
complex interaction to your projects. No prior programming experience is required; however,
familiarity wit
h Flash is essential.


Lab hours:

This 3
-
unit course consists of two hours of lecture and two of lab. Most hours will be done face
to face on Tuesdays with the exception of one hour to be done at your own pace outside class
time (either at home or the HH1
19 lab). To keep track of these lab hours, you need
to be part
of the google discussion group
, where you can ask questions or make comments, help fellow
students solve issues and contribute constructively
.
In addition, I will be passing out a lab
sheet, wh
ich allows you to keep track of the hours worked at the lab or at home to finish your
weekly homework assignment.

NOTE: Please turn in the lab sheet at the end of the semester.


Required Material:

Flash CS5 for Designers (Paperback), by Tom Green and David
Stiller, Friends of Ed Publishing,
ISBN
-
10: 1430229942, ISBN
-
13: 978
-
1430229940


How assignments should be delivered:

You will receive a server account to post your web sites
-
available for you to use only this
semester. You will publish the assignments
as an embedded .swf
-
file in an html file. The .fla
file should be dropped into the drop box.

Grading:

Google group participation
:

10%

Assignments:



80%

Attendance/Participation

10%

Assignments:

All of the assignments are due at the beginning of the cl
ass.

No late work will be accepted without a valid reason that can be proven.

Dropping the Class:

Students are ULTIMATELY responsible for verifying their enrollment status and for
adding/dropping/withdrawing the class. If you are unable to complete the co
urse, drop it to
avoid an "F" at the end of the semester.

Excessive absences:

Students may be dropped by the instructor (up to the withdrawal deadline) for excessive
absences. If you miss 3 consecutive classes without notifying your instructor, she will as
sume
that you are no longer interested in completing the class and will very likely drop you.

If you have a valid reason for missing class (e.g. health, work), please inform your instructor to
avoid being dropped or have your grade affected.

Academic Dis
honesty:


Cheating and plagiarism will not be tolerated and will result in an "F"

You cannot submit work done previously or developed in another course.

You cannot present somebody else's work as your own.

You cannot present somebody else's ideas, words, s
entences, paragraphs, photographs,
drawings, graphics or parts of another's work without giving appropriate credit.

If you have any questions, please talk to your instructor.

Special needs:

Ohlone College encourages students with physical or medical disab
ilities to participate within
the limits of their disabilities in the same activities and courses as other students. Special
services are provided by The Ohlone College Disabled Students Programs and Services (DSPS).
You may contact them at (510) 659
-
6079
or dsps@ohlone.edu




WEEKLY OUTLINE

Week 1 and 2, January 2
4
and
January 31
:
Class Introduction, Review of Flash and interface,
Symbols and Library

Homework

Chapter 1
-
3 from the book


Week 3 February
7
:
Intro to ActionScript, properties, methods, and e
vents/functions

Homework

Chapter 4 from the book


Week 4, February 1
4
:
Intro to ActionScript continued: Controlling timeline

Homework

Chapter 4 from the book continued


Week 5, February 2
1
:
Intro to ActionScript continued: Variables and Conditional statem
ents


Homework

Chapter 4 from the book continued


Week 6,
February 28
:
Work on project



Week 7, March
6
:
Project critique



Week 8, March 1
3
:
Controlling Audio

Homework

Chapter 6


March 2
1


Spring Break


Week 9,
March
28
:
Text

Homework

Chapter 8


Week 1
0, April 3
:
Video

Homework

Chapter 9

Proposal for final due today


Week 11, April 1
0
:
Components

Homework

Chapter 11


Week 12, April
17
:
Slideshows

Homework

Chapter 12


Week 13, April 2
4
:
Slideshows continued

Homework

Chapter 12 continued


Week 14, May
1
:
Optimizing and publishing

Homework

TBA


Week 15, May
8
:
Final projects due: critique



Week 16, May 1
5
:
Final projects revisions due



Final

projects

and

homework

are

due

at

the

end

of

class.


Assignment 1 (30% of final grade), due March
6
:

Create a sim
ple game using Flash and ActionScript 3.0. The topic is of

your choice: it could be a educational, entertaining. The target audience is also your choice.

Follow these guidelines:


1.

Include at least 5 movie clips/buttons.

2.

Implement one or more of the follow
ing in ActionScript 3.0 :


a.

Instances properties (such as x, y, alpha, rotation, visibility).

b.

An assigned value to a variable and control an instance in some way.

c.

Use an IF ELSE statement


3.

Select one color combination from the
kuler site
.

4.

In the main timeline, create a new layer called "actions", lock it (so that you don't
place anything else there). Place your instances and other elements in a separate
layer/s.

5.

Please use comments in your code to let me know what you
r code is doing.

6.

Choose fonts and colors that match the goal of your interactive project, the style,
and the target audience.

7.

Try to use images and graphics created by you.

8.

Try your best to design the game interface using principles of design

9.

Deliverables
: turn in the following by 6 pm on Tuesday March 10 at the latest

10.

Grading: This project is worth 30% of your grade. Grading will be based on the
technical skills mentioned above, completion of all the parts, and craftsmanship.

11.

Late work: The project is co
nsidered late if it is not uploaded to the server by 6 pm
on the due date. Late projects will be marked down.

12.

Policy on Academic Dishonesty: Cheating and plagiarism will not be tolerated and
may result in an "F."


Assignment 2 (50% of final grade), propos
al due April
3
,
Draft due May 8,
revision due May
1
5
:

Design a creative interactive interface
for a game or website:



Use ActionScript for interactivity



Write a
Proposal (due April
3
, use the discussion board):



Present a d
raft: Tuesday, May
8
(critique)



Revision due:

Tuesd
ay, May 1
5
(online)


In more detail
:


The Proposal (due April
3
, 10% of final grade):



A very important skill in the multimedia field is to present and defend your idea
s regarding
your projects. W
e'll use the
google group
to "hear" about your final projec
t. Please explain
in a brief paragraph what is your project about; for example, is it educational, a game, a
website, etc.



The style employed in the design and how the elements support the style



The target audience


Requirements for the Flash file (draft d
ue May
8):

Create a project that employs ActionScript learned in class this semester.
For example:

a.

Play a sound that is not on the stage (access it through linkage or loading an
external sound). It can be a simple click when the user clicks, or another s
ound
that provides feedback to the user.

b.

Use at least one movie clip with a timeline that is controlled with ActionScript.

c.

Use the loader class to load external swfs.

d.

Use dynamic text.

e.

Create a preloader using ActionScript.

f.

Do not copy/paste code from a tu
torial on the web to create interactive projects
that are beyond your knowledge in AS3. You are expected to apply the code
learned in class. It is fine to use resources on the web to serve as a guide, but not
to make it your final project.


Designing the i
nterface:



Determine a style: trendy, modern, high tech, casual, elegant, feminine, youthful, etc.



Add elements (like buttons, images, and fonts) that match the style chosen



Apply a color combination from the color
-
wheel.



Optional:
Add a title that is rel
evant to the project and choose Fonts that match the
project



Make it unique. In other words, the interface needs to be your own design and not copy it
from other sources. If you follow a
n online
tutorial on creating buttons or other elements,
add your own
colors and implement your own changes.



Don't use buttons from the Flash library.



Create your own images or graphics. In other words,
t
ake your own picture or scan objects
rather than relying on somebody else's artwork.



Be creative!


Interface design (draft
, 30% of final grade):

Visit

http://www.adobe.com/education/instruction/webtech/CS2/unit_planning2/pd_page_layout_
id.htm
to learn more about the four design principles:




alignment



proximity



repe
tition



contrast




The design of the interface needs to be completed by May
8
at the latest. We will have a
critique that day during class time and you will have an additional week to make minor
changes and deliver the final.



It's OK if the ActionScript has
some minor problems by then. The project is expected to be
at least 85% completed by then.



Upload your files (html, swf, fla) to the server: create a folder called final, inside this
folder, create another folder called draft.



Place the files in the draft
folder.


The completed project (10% for making required improvements to the draft):



Fix the interface based on the suggestions provided in our critique, and, this time, complete
the code necessary to make it fully functional.



Upload the html,fla and .swf
files in the final folder no later than May 1
5
at 6 pm.



You can e
-
mail the .fla file to me or copy it to the drop box.


NOTE: leave the draft files in the draft folder.


What I expect you to know
before you take this class
:


1.

Have an understanding of th
e interface

2.

Flash basic drawing tools

3.

Tweening
(Shape and Motion)

4.

Difference between graphic symbols, buttons and movieclips

5.

Layers

6.

Layer
Effects

7.

Motion guides

8.

Masks
Ohlone College Academic Calendar


Spring Semester instruction begins
[1]

Monday, January 23

Registration

begins for Kindergarten
-
9th grade students;
use

WebAdvisor

Monday, January 23

Last day to

drop

full
-
term class and be eligible for a refund
[2]

Tuesday, January 31

Last day to

add

full
-
term class

without

instructor's signature

Wednesday, February 1
*

Last day to

add

full
-
term class with instructor's signature

Sunday, February 5
**

Last day to

drop

full
-
term class without a W grade

Sunday, February 5
**

Last day to submit petition to

audit

full
-
term class

Thursday, February 16

Last day to pet
ition to complete class on a

pass/no pass

basis

Thursday, February 16

Holiday: President's Day

(weekday and weekend classes

do
not

meet; Ohlone College clos
ed)

Friday, February 17
-

Monday, February 20

Last day to apply for Spring Graduation or Certificate of
Achievement
[3]
; use

WebAdvisor

Friday, March 2

Spring Break

(weekday and weekend classes

do not

meet; Ohlone
College offices open Monday
-
Friday)

Monday, March 19
-
Sunday,
March 25

Last day to

drop

full
-
term course with a W grade

Friday, April 20

Last day of instruction before Final Exams

Friday, May 11

Final Exam period

Saturday, May 12
-
Friday,
May 18

Commencement (Graduation) Ceremony

Friday, May 18