edelyne's+Process+Page

=Project 1= Concept Map

Access rationale and process work here.
 * Topic:** Comics - focus on socio-cultural significance, application, and denotation as a medium.



=Project 2= Grids, Content and Conversations

Access rationale and process work here.
 * Topic:** Comics and Gender

Print off Blueprint (type and grid). Get article from TorStar and play around with it. Organize content for project 2. Break into groups and categories. Think about how visually going to look like. Layout it, map it, and then mock things up in Illustrator. Next week, will critique those mock up in class.
 * For next week:**

//Posted: January 30, 2008.//

> This talks about how in most comic strips, the cartoonist's perception of themselves and people of the opposite sex is revealed in the way they portray them in their work.
 * Online preliminary research on gender:**
 * http://www.imageandnarrative.be/gender/trinarobbins.htm

=Project 3=

Access rationale and process work here .
 * Topic:** Comic Conventions

**Interactive Infographics Examples**
Homework for Week 1:

(The stars mean I had a lot of fun interacting with it.) > NYTimes | Features the wealthiest Americans in relation to wealth value, life span and historical timeline. > Technical: Rollovers, displays information on top. > BBC | British History Timeline > Technical: Drag and slide timeline, zoom in on a time period. If no events exist, a "next event" button will appear. > USA Today | Going Green. Features ways on how to live a "greener" life, per area in the house and by difficulty. > Technical: Rollover, onClick will display information on a pop-up window that can be closed by clicking [x]. > BBC | USA Elections map. Archives the number of votes per candidate in every state, the (then) current data, as well as past elections coverage (arranged in timeline). Also displays which party won the majority for every state. > Technical: Rollovers and onClicks, zooming in, manual scrolling, animation through timeline. Displays information in traditional table. Uses color-coding. > Elmundo.es | Museum. This site is known for its animated interactive infographics. It's Spain's largest newspaper, Madrid-based. It's in Spanish so I don't really understand it fully, but I guess it maps out what is featured in every section in the museum. > Technical: Back and Next buttons, couple of links. Animated graphics. > Elmundo.es | This one is similar to the one above but the topic is Genetics. > Technical: Timeline slides on hover, back and next buttons. onClick-able "games". > Swarm Interactive | Illustrates complex surgical concepts through interactive animations. > Technical: Buttons, animations.
 * http://www.nytimes.com/ref/business/20070715_GILDED_GRAPHIC.html[[image:http://s.tabulas.com/ik/smilies/yellow/star.gif]]
 * http://www.bbc.co.uk/history/british/launch_tl_british.shtml [[image:http://s.tabulas.com/ik/smilies/yellow/star.gif]]
 * http://www.usatoday.com/tech/graphics/going_green/flash.htm[[image:http://s.tabulas.com/ik/smilies/yellow/star.gif]]
 * http://news.bbc.co.uk/2/shared/spl/hi/americas/04/vote_usa/map/html/default.stm
 * http://www.elmundo.es/elmundo/2002/graficos/jul/s4/mncars/reina_sofia.html
 * http://www.elmundo.es/especiales/2003/02/salud/genetica/descifrar_la_vida.html
 * http://www.swarminteractive.com/products_licensing.shtml

**Ideas:**

 * comparison of character fate by gender
 * arranged in a timeline
 * variations: tortured, raped, killed off, gone insane
 * women in refrigerators vs men in refrigerators

**Topic Focus:**
The Industry of Comicons
 * Features comicons around the world (spatial)
 * Chronologically arranged. Timeline from the very first comic convention ever to present.
 * Quantitative. Will have number of attendees data, and if it's available, total profit for each.

**Research:**
This is a video chronicle of 2007 San Diego Comicon Int'l. Gives you a good idea of the environment, the attendees (from geeks to celebrities to creators), activities, etc. Courtesy of IFC News. media type="custom" key="612181"

**Inspiration:**
family, school, etc.). [|See work].
 * Anymails** establishes good rules on how to organize information (ie. read, unread, responded;

Interaction: Rollovers. [|See work].
 * Breathingearth.net** - uses world map for spatial info, and colors + text for quantity.

Color coded per era. Zoom-in's for details. [|See work].
 * British History.** Good control of timeline. Slide drag, Next event button.