INFO: Software access

INFO: Expectations around the lab time

LAB: Olympic Medals, Phase 1 (Draw in Illustrator)

EXERCISE: Intro to Illustrator

LAB: Olympic Medals, Phase 2 - Flash (Import to Flash)

LAB: Olympic Medals, Phase 2 - Edge (Introduction to Edge)

LAB: Revise a Park Map

EXERCISE: Modify Another Map

LAB: Olympic Medals, Phase 3 - Flash (Make it move)

LAB: Olympic Medals, Phase 3 - Edge (Make it move)

Introduction to class project: UW Bus Map project (PowerPoint slides)

• create an ePortfolio (instructions here)
• assignment: use your ePortfolio to document your ideas
• go to the web or elsewhere to search for inspiration
  

LAB: Biofuels Pie

EXERCISE: Biofuels Pie exercise

LAB: Olympic Medals, Phase 4 - Flash (Make the tab buttons change appearance)

LAB: Olympic Medals, Phase 4 - Edge (Make the tab buttons change appearance)

(WARNING: This takes a long time, but it's worth it - it will solidify some key Illustrator skills)

UW Bus Map Project

Bus route assignments

• update ideas based on info from Transportation Services rep
• Make an Illustrator file of your route (directions here)

LAB: Color Analysis

LAB: Drug Animation, Phase 1 - Drawing (Illustrator: Draw guy & house)

LAB: Drug Animation, Phase 2 - Animation (Flash: Animate toilet & drink)

LAB: Export with CreateJS

FLASH QUIZ (trial)

Things to know:
how to import an Illustrator file
how to write comments in your code
how to create symbols
how to add event listeners
how to change visibility of a symbol

LAB: Olympic Medals, Phase 5 (Let the user control the animation)

EXERCISE: Create your own controlled animation

LAB: Olympic Medals, Phase 6 (Control the movement with a slider)

UW Bus Map Project

• combine bus route files - registration file
• start sketching out ideas (to share next week)

LAB: Evaluate/Emulate Text

LAB: Create an NPS Style Map

TAKE-HOME EXAM: Evaluate & Emulate 2 Designs

LAB: Olympic Medals, Phase 7 (Make the info box appear on hover)

LAB: Olympic Medals, Phase 8 (Make the text change)

EXERCISE: Dynamic Text

UW Bus Map Project

• share and critique ideas with class
• assignment: Draw your route(s)

LAB: Olympic Medals, Phase 9 (Store the data in an XML file)

<countries>
   <country id=''>
      <year id=''>
         <totalMedals></totalMedals>
         <goldMedals></goldMedals>
         <silverMedals></silverMedals>
         <bronzeMedals></bronzeMedals>
      </year>
   </country>
</countries>

LAB: Choropleth Map - Flash

Exercise: Learn about SVG

Lab: Choropleth Map - Javascript

UW Bus Map Project

• Share route files
• assignment: Create mockups

LAB: Olympic Medals, Phase 10 (Draw the circles with ActionScript)

EXERCISE: Draw with ActionScript

LAB: Draw circles with JavaScript and Canvas

UW Bus Map Project - curent version of map

• Critique mockups
• assignment: Revise based on critique

LAB: Olympic Medals, Phase 11 (Pull more data from the XML file)

<countries>
   <country id='' color=''>
         <ranking>
            <x></x>
            <y></y>
         </ranking>
         <geographic>
            <x></x>
            <y></y>
         </geographic>
         <radius></radius>
   </country>
</countries>

EXERCISE: Create a bar chart with ActionScript

LAB: Drug Animation, Phase 3 (Finish drawing)

FLASH QUIZ

Things to know:

In ActionScript:
   Make a symbol invisible
   Test to see if an symbol is hidden/visible
   Add an event listener to respond to a hover event
   Get the name of the symbol you hovered over
   Make a symbol follow the cursor
   Import an XML file
   Get a data value from an XML element
   Dynamically change text
In Flash:
   Figure out the instance name of an element within a symbol<

LAB: Drug Animation, Phase 4 (Loop animations)

LAB: Export Loop animations with CreateJS

LAB: Drug Animation, Phase 5 (Scene animations)

UW Bus Map Project - completed route map

• Critique revisions
• assignment: Revise and refine implementation

TAKE-HOME EXAM:
Part 1 (Illustrator): Evaluate & Emulate a Design
Part 1 (Flash): Add interactivity to your design

LAB: Olympic Medals, Phase 12 (Create tweens in ActionScript)

EXERCISE: Create Tweens

->

LAB: Olympic Medals, Phase 13a (Add more countries)

UW Bus Map Project

• User testing
• assignment: Revise and refine implementation

EXERCISE: Olympic Medals, Phase 13b (Add comments to my code)

// add comments

no class

no class

NEW! Take Home Debrief

LAB: Drug Animation, Phase 6 (Masking)

TAKE-HOME EXAM: Evaluate & Emulate a Design, Illustrator portion

TAKE-HOME EXAM: Evauate & Emulate a Design, Flash portion

UW Bus Map Project

• Critique revisions
• assignment: Revise and refine implementation

LAB: Olympic Medals, Phase 14 (Create a class. This is the final lab for the Olympic Medals!)

Solution to the Take-Home Exam 2, Flash Portion

Final critique opportunity

RESOURCE: Bus routes & the neighborhoods they serve

Final presentation of bus maps to Transportation Services

Permission form: If you are willing to let Transportation Services post your work on their website (giving you credit, of course), fill in this form. You can return it to me in my box in MGH (in the foyer on the way to MGH420).

Final Take-home exam due at 5:00 PM