Fundamentals of Interactive Design

Syllabus

Student Work

Links

Write about an innovation in Human-Computer Interaction that you expect to see in production in the next 3–5 years. Discuss your subject in a historical context, and explain how it relates to current technology. Address expected advantages and potential disadvantages of this new technology. How does this technology provide access to computation or information that was previously impractical?

You must submit an annotated 3–5 page paper in support of a 10-minute presentation.

TIP: If you like, you may correlate the subject matter of your report with your final project.

DUE: Tue, Week 9 (11/1)

Create a project in Flash that uses mouse input for something other than moving a pointer. Post the SWF to your project development web site.

DUE: Thu, Week 2 (10/15)
REVISIONS DUE: Tue, Week 3 (10/20)

Re-create your Flash project in Processing. Export the sketch and post it to your project development web site. Also turn in the sketch folder to the Drop Off drive.

Download the Processing handout and demo sketches we used in class.

Using Processing, create a sketch that displays a gallery of at least 20 images. Using the guts of your ball mouse, create a new input device designed to control the gallery. Both the device and the gallery should be designed with one another in mind. Here is my example. Also, a demo of the translate() function for positioning multiple objects in 2-D space.

Remember, to display images in Processing you have to define a variable of type PImage, load a file into the variable with the loadImage function, and finally, use the image function to display the picture. Images must be GIFs, JPGs, TGAs or PNGs, and must be stored in the sketch's "data" directory. See the Processing Reference for more details.

Data Visualization...

Document your work and progress: Keep a development journal or blog on you class project page. Post digital photos and record what gets done each time you work on your project. Also consider keeping a list of links to your influences and references.

Suppliers and Supplies

Materials

Ax-Man

Midwest Surplus & Electronics

Digi-key

Microcontrollers

Spark Fun Electronics (they sell the Arduino & Wiring boards)

Parallax (they sell the BASIC Stamps)

Links

Resources

Brendan Dawes — the author of Analog In, Digital Out

Processing.org

My YouTube playlist

information aesthetics (blog,YouTube)

Reading assignment: Don Norman's jnd website Follow the "The Invisible Computer" link in the right column and then read Chapter 1. (Chapter 2 is good, too, but optional.)

Emerging Digerati

Spark — Festival of Electronic Music and Art at the U of M

Pattern Language

Walker Telematic Table

The Walker Channel artist talk with Piotr Szyhalski

Technical References

Physical Computing:
Tom Igoe
Dan O'Sullivan

Electronics Info

Phys Comp Elec Def

Misc Inspiration

rhizome.org

Make magazine

Making Things

Processing Examples

Processing 101

translate( ), rotate( ), pushMatrix( ) and popMatrix( )

Image Gallery

My Processing Sketch Gallery

P{three-sixty}5 blog