September 10
Scanning demo and discussion of media preparation. Creating a site in Macromedia Dreamweaver.

Assignment for Sept. 17: Set up website using the materials from your "Life During Wartime" Journal. Refer to these links to get help on setting up your site:
1. preparing your folders,
2. setting up the site in Dreamweaver,
3. making Dreamweaver pages
4. uploading your files
New Techniques in Macromedia Dreamweaver. Refer to these links to get help on setting up your site.
Reading for September 17: Chapter 1 of Understanding Comics, by Scott McCloud

September 17
Interface Design I

DUE FOR TODAY: "Life During Wartime" Site Part 1

http://www.nyc.indymedia.org/
http://www.e-arcades.com/armed/index.html
http://www.complacent.org/self_satisfied.shtml
http://www.eastgate.com/Kokura/Welcome.html
http://www.akakurdistan.com/kurds/stories/index.html
http://www.artmuseum.net/w2vr/contents.html

DUE Sept 24: Assignment #1: "Life During Wartime" Site Part 2: Interactive Narrative

Reading for September 24: Chapters 2 & 3 of Understanding Comics

DUE FOR TODAY: Assignment #1:"Life During Wartime" Interactive Narrative

Due Oct 1: Begin Assignment #2: Interactive Map: Interface Design I and narrative architecture: Create an "Interactive Map" that is also a Story. For October 1, create the map interface using complex rollovers that imply two different time layers. Design this interface keeping in mind that each time layer will become a narrative in the second part of the exercise. Your rollovers are icons that are beginning to suggest the directions of these two stories, and the relationship between them. See example by clicking here. Follow instructions for Interactive Map Rollover Techniques

http://www.wfp.org/country_brief/hunger_map/map/hungermap_popup/map_popup.html
http://www.pbs.org/wnet/jimcrow/themap/map.html

Reading for Oct. 1: Chapter 4: "Time Frames" in Understanding Comics

Continue work on Interactive Map, Part 2: Surface Depth (see I-Map)
Use these techniques: BEHAVIORS IN DREAMWEAVER

DUE Oct 8: Assignment #2: Interactive Map

Reading: Chapter 4, "Time Frames," of Understanding Comics.

October 8: Virtual Bodies and Online Community: One-week concept-generation

DUE TODAY: Assignment #2: Interactive Map DUE

Assignment #3: Creation of one-week online community, NOMADelphia. Create online community through daily interaction. Be prepared to hand in your own archived text from this week's online discussion, and also to show media elements you have gathered during this week. Reading: http://www.um.u-tokyo.ac.jp/dm2k-umdb/publish_db/books/va/english/contents.html and http://www.picture-projects.com/ Specifically look at the "akaKurdistan" and "360º" sites of Picture Projects.

DUE TODAY : Nomadelphia Discussion.

Begin to create your Nomadelphia site, working simply in Flash. Think about your character and think about how place is created by interaction between participants. Design your site as a representation of that interaction, with your character embodying not just a personality, but an activity.

Read Computers as Theater by Brenda Laurel to help you think about your design process.

DUE TODAY: Simple Graphic Representation of Self and Site on paper: Flash Site: Individual and community: designing for online interaction.

Dreamweaver skills: Frames, hotspots and rollovers

Flash Skills

DUE Nov 5: Nomadelphia animation

Working on Nomadelphia: Interface and Interaction.

DUE TODAY: REVISED-- Stage 1 ONLY required for next week. Do successive stages according to your progress.

Stage 1: Animation Only and Front Page Layout

Stage 2: Animation, Front Page Layout and Rollover actions

Stage 3: functional buttons navigating Timeline, with changing content

EXAMPLE

Dreamweaver skills: Frames, hotspots and rollovers

Flash skills and Nested Movie Clips

Due for November 5: Final Nomadelphia Site. Read/Browse the following sites:

http://www.guggenheim.org
http://www.newyorker.com/
http://www.e-arcades.com for a critical view on internet community and exchange
http://www.si.edu/revealingthings/ for high-end information architecture & interaction design
http://www.stanza.co.uk/inner/index.html for cities of abstraction
http://www.eastgate.com/ReadingRoom.html for hypertextual narrative and poetry
http://www.thebluemoon.com/coverley/errand/

Read for next week:
http://stu.aii.edu/~jv411/mm220_docs/gd_basedonED_tufte.doc
http://argus-acia.com/strange_connections/strange004.html, reading only the pdf on the link: "a very good model" half-way down the page.

Read for November 5: Chapters 5 & 6 in Understanding Comics

DUE TODAY: Assignment #3: NOMADELPHIA

Due for November 12: Interactive Narrative Flash exercise, using sound and/or quicktime, with navigation; reading in Understanding Comics Chapter 6: Show and Tell
Flash Example 1
Flash Example 2
Looping & Navigation
Quicktime (Video) & Sound

http://www.picture_projects.com 360º
http://www.stanza.co.uk/inner/index.html

DUE TODAY: Flash Interface exercise

Due for November 19: Final Project Concept

Information Architecture/Site Diagrams and Examples

http://www.aifia.org/
http://www.dynamicdiagrams.com/

DUE TODAY: FINAL PROJECT CONCEPT

FLASH: SOUND CONTROL, SWF WITHIN SWF

1. Click here for a list of Director/Flash techniques from class. See <http://isc.temple.edu/sdrury/fma245> for Director Basics, detailing the Director interface, windows, and animation techniques.

2. Use sprites as buttons to trigger sounds, with these Lingo scripts. Capture sound tracks from CDs using Simpletext, and edit them into shorter sound samples in SoundEdit Pro. You can also use sound samples provided instead of working in SoundEdit. Optional scripting exercise: add a rollover ink effect to your sprites.

3.Add another frame or loop to your Director Animation. Implement navigation so that yo ur animation has two possible states: see demo. Use scripts in the Frame Channel and in the Script Window to make your animation interactive.

4. Lingo Lesson 3: rollovers and cursor changes

5. Lingo Lesson 4: Sliders; and/or Poetry Machine

6. HTML test page