motion

http://www.shiffman.net/teaching/nature/steering/

How create buttons in Processing (example)

int inside = -1; // flag for know if show or not show the other rectangle; -1 = no show ; 1 = show
int bx=400; // position in X of the up corner of the botton
int by=300; // position in Y of the up corner of the botton

void setup()
{
size(800,600);
}

void draw()
{
background(0);
rect(400,300,60,60); // Our Button in the position (400,300) with size of 60 pixels by 60 pixels
if(inside==1)rect(10,10,100,100); // acction that have to happend when we press the button
}
void mousePressed(){
if(!(((mouseX > ( bx+60))||(mouseY > (by+60)))||((mouseX < bx)||(mouseY < by))))inside=inside*-1; // condition to know if we do clik inside the button
}

Great websites on the fwa.com

Here are the websites I checked out on thefwa.com:

1.www.egofoto.net
(Online portfolio of photographs by photographer Senol Zorlu)

2.http://www.barcinski-jeanjean.com
(Allows you to play ping-pong while you wait for the site to load!)

3.http://www.evapadberg.de
(A model's online portfolio of photographs in the form of a pack of cards)

4.www.hellosoursally.com
(A yogurt brand's publicity campaign; hand sketched illustrations form a major part of this site's appeal.)

5.http://lyndonwade.com
(A photographer's portfolio characterized by the peeling-off look)

Reference

Interaction and interface design on the web

http://inidew.blogspot.com/



Information Sources

Book Diseño digital

Websites

User Interface Design
http://www.usernomics.com/user-interface-design.html

Interface Design vs Interaction Design
http://www.interactiondesigners.com/discuss.php?post=34525

A Pattern Language for Human-Computer Interface Design
http://www.mit.edu/~jtidwell/interaction_patterns.html

Interaction Design Pattern Library
http://www.welie.com/patterns/

User interface design and strategy
http://www.user.com/

Visual Interface Design
http://www.odannyboy.com/vid05/

Web Accessibility
http://www.w3.org/WAI/
http://accessites.org
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/#Guidelines
http://www.accessify.com/

Demos:

Web mind mapping

http://mind42.com/
http://www.mindomo.com/
http://bubbl.us/
http://www.wisemapping.com

Image Sourfing

http://taggalaxy.de/
http://prezi.com/

geographic Sourfing

Google maps - earth

video sourfing

http://pad.ma

Visual News Reader

http://msnbcmedia.msn.com/i/msnbc/components/spectra/index.html

Comercial websites

http://www.gecko9.com/hi.html

http://markushofmann.com/

http://www.jonathanyuen.com/main.html

NETART

www.artenlared.org
http://computationarts.concordia.ca/index.php?option=com_content&task=blogsection&id=3&Itemid=9

NETARTISTS

Eugenio Tisselli
http://www.motorhueso.net/

Ivan Marino
ivan-marino.net/

Reiner Strasser
http://nonfinito.de/interwoven/

NETPOETRY

http://www.vispo.com/
http://reiner-strasser.de/bli.html

ASCII ART

Videos

Future Web today!
http://www.youtube.com/watch?v=hMvfGWNGYYc

Put That There (Hack)
http://www.youtube.com/watch?v=-bFBr11Vq2s

Ascii Art AA Project (BB Demo) with sound
http://www.youtube.com/watch?v=C0Jts9eajH0

Tools

Programing languaje for artists
Processing

Web Desing software
kompozer

Image Sourfing
Piclens

3D Desktop
compiz

Open source CMS
Joomla

mind Mapping
Free Midn

Virtual worlds
Second Life
Open Croquet

Object-oriented language
Squeak Smalltalk
Scratch

Keywords

secondlife
sugar - olpc
pie menu
browsers - Firefox - Crome - Aurora
Metaphores
Netart
mind mapping
WYSIWYG
CMS
serendipty
sourfing - zapping
Accessibility - content

Interfaces

In the movies
Butupon
Photosynth



Interaction

Example: installation whit wood sticks




Projects

Netart

WORK

http://www.thefwa.com/

Readings

"Good Design in the Digital Age"
http://id.bobulate.com/readings/gooddesign.pdf

What Is Interaction Design?
www.designingforinteraction.com/d4i_ch1_excerpt.pdf

User interface design
http://www.comp.lancs.ac.uk/computing/resources/IanS/SE7/Presentations/PDF/ch16.pdf