Final Critique

9:15 am

Thursday, April 29th

1. CFPA/Art/Music/Theatre sites should be posted online to your pixelcola site

(we will upload them later so also include a CD with all files needed to both maintain and edit your site, .fla files, jpegs etc.)

2. older sites may also be uploaded as examples of student work, so we will also need a CD with all files needed to both maintain and edit your site, .fla files, jpegs etc.

Adv Digi Multi blog

http://advdigimulti.blogspot.com/

Link to COLOR

http://www.pixelcola.net/hexigradient.html

Link to US News Rankings

http://grad-schools.usnews.rankingsandreviews.com/best-graduate-schools/top-fine-arts-schools/rankings

Torbay Connected website design Project Brief

Reading for Thursday, March 4:

1

2

3

4

5

Vignelli again

Class on Thursday, Feb. 25th

We will be beginning our next project on this day, translating actual space into digital space, lived (or at least livable) experience into digital interaction. Please have finished reading three by this time for class discussion.

1st Blog Post for Tuesday, Feb. 23rd:

Look at the original assignment post. For your first post discuss each numbered component of the assignment in terms of your website. Answer the questions, but expound as well. What were you thinking? WHY did you make that choice in relation to the assignment? In relation to the subject?

(you can skip the purple parts)

ActionScript 3.0: Terms and Definitions

ActionScript 3.0: Terms and Definitions

VARIABLE

A variable represents a specific piece of data.

When you declare(create) a variable, you assign a data type.

Assigning a data type determines what kind of data the variable can represent.

var is the keyword used to create a variable

KEYWORD

A word used to perform a specific task

var is the keyword used to create a variable

PARAMETER

The value between parentheses

A detail for a particular command

In the method gotoAndPlay(5), 5 is the parameter

FUNCTION

A group of statements referred to by name

OBJECT

abstract data that helps to perform tasks

A button is an object.

METHOD

the verbs of ActionScript

stop() is a method

gotoAndPlay(5) is a method

PROPERTIES

data that describes an object

height, width, x and y coordinates are properties

EVENT

occurences that happen inside the Flash environment

a mouse click is an event

Action for Buttons

Moving Along the Timeline:

btnInstanceName.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandlerA);
function mouseDownHandlerA(event:MouseEvent):void {
gotoAndStop(1);
}

Loading and Unloading External Content

var myLoader1:Loader=new Loader ();

squBtn1.addEventListener(MouseEvent.CLICK, swf1content);

function swf1content(myevent1:MouseEvent):void {

var myURL1:URLRequest=new URLRequest("YourMovie.swf");

myLoader1.load(myURL1);

addChild(myLoader1);

}

cirBtn1.addEventListener(MouseEvent.CLICK, unloadSwf1content);

function unloadSwf1content(myevent5:MouseEvent):void {

removeChild(myLoader1);

}

Tuesday, Feb. 16th

1. Post reading responses to your site on a new page. Link to this page from your home page.

[CLARIFICATION: The responses to the reading here are summaries of the LAWS of INTERACTION DESIGN in terms of how they might apply to your sight and/or to your work]

2. Finish and Post Project 1 for Critique on Thursday, February 18th.

Thurs. Feb 11 - Working Critique

On Thursday we will be looking at your projects in progress as a class.

The projects will be due the following Thursday, Feb. 18.

Chris Sizemore's recipe for screencapture:

screencapture -i ~/Desktop/dvd.png
-press Enter
-press Spacebar (camera icon shows up, left click)
-capture is saved to desktop as a .png

Kevin Cannon

Student from the Greece Central School District

Ad Reinhardt

Week of Feb. 1-5:

"Buttons" begin on page 201 of Classroom in a Book

more on sound and buttons on p.254 (explanation of sync options)

Link to READING for this week

Remember to look at Hannah Hoch, ARod, and/or Wes Wilson for inspiration for this project.

Mossimo Vignelli and

Mossimo Vignelli's update

Alfred H. Barr Jr.

One

Project One:

Index Page as Motion Graphic Title Sequence

(actually somewhere between title sequence and movie poster)

Website as Major Motion Picture

Imagine one of your favorite films as a website:

1.Navigating the site would be similar to traveling through the setting of the film

2.The main character ( or character you choose to work with from the film ) has a relationship to this world, that will be your user's relationship to your site

How does your character walk?

Where does your character go?

what does your character do?

3. Consider the space and time of the setting, how does the world look, feel, sound?

4. What is motion, locomotion like in the setting? How would this effect the speed of movement, of linkage in your site?

5. Create an index page that functions like a title sequence, set up the mis en scene of the film, the portal to the reception of the content

6. buttons/links/menus should offer choice towards when and/or where and or/as whom to enter this world

7. Use either Alexander Rodchenko, Wes Wilson, or Hannah Hoch as your stylistic influences

There can be no vertical or horizontal lines on your page

THERE CAN BE NO VERTICAL OR HORIZONTAL LINES ON YOUR PAGE

8. There should be a minimum of three different types of regenerating motion. These can, of course, be related to rolling over objects, but at least two motions should be constant on the page without any interaction

9. Although we are only building and index page, you should have a concept for the site as a whole as well as a map of its (imagined) content. The map and menu/table of contents/index should relate to the concept of the film as a whole include the narrative arc (not just setting)

1024 x 768

The Elements of Interaction Design

MOTION

SPACE

TIME

APPEARANCE

TEXTURE

SOUND

Laws of Interaction Design

Moore's Law

Fitt's Law

Hick's Law

The Magical Number Seven

Tesler's Law of the Conservancy of Complexity

The Poka-Yoke Principle

Direct and Indirect Manipulation

Feedback and Feedforward

Characteristics of Good Interaction Design

TRUSTWORTHY

APPROPRIATE

SMART

RESPONSIVE

LUDIC

PLEASURABLE

BEGINNING EXERCISES

EXERCISE ONE: Anagram in Time

1. Project must be between 2 and 16 seconds long, 12 fps

2. Convey a sense of rhythm, evoke through your choice of typeface, direction of movement, location of pause

3. 3 words or phrases, looping back to the original

4. No overlap, but scale shifts, tumbles, rotations, and similar moves that do not compromise the integrity of individual letterforms are a go

EXERCISE TWO: Inconstant Shape

EXERCISES THREE: Vibrating Pattern with Directional Motion