Hello! Welcome to week2.

DUE

• Post your URL on Openlabs discussion page:
  http://openlab.citytech.cuny.edu/groups/adv3662-interactive-animation/forum/topic/post-your-domain-name-your-url-here/

Agenda

• Watch short video: Grant Skinner – Interactive Developer
• Project1: ADV3662_Project1Overview
• Finish frame-by-frame animation
• Photoshop gif animation experiment (I will ask you to save to my dropbox end of class)
• Begin to work on homework

Lesson

• Frame-by-frame animation
• File optimization, save for web: PNG, SVG, GIF & JPEG, (www.kraken.io/)
• Photoshop animation exercises and experiments: Lessons-week2
• Setting up a web hosting plan. You will need to have a host and a domain name for the class. Here are two options: Kionic.com or Aplus.net. If you already have you do not need to set up a new one for this class.

Example of interactive ‘mini-sites’:

• http://static.businessinsider.com/image/4bbf5bcc7f8b9a4107340600/ipad-infographic-large.jpg
• http://columnfivemedia.com/ (Design agency that specializes in Info-Graphics)
• http://jessandruss.us/
• http://html5readiness.com/
• http://www.evanshalshaw.com/more/effects-of-drug-driving/
• http://www.dangersoffracking.com/
• http://www.breakitdown.ie/
• http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

Student examples form previous semesters:

• http://nyron.unoseistres.com/animation-final/
• http://craigbauerdesigns.com/roadrage/

Homework:

1. Find one inspirational website from www.commarts.com. Post to Openlab class blog
   http://openlab.citytech.cuny.edu/groups/adv3662-interactive-animation/forum/topic/interactive-websites-examples/
2. Read: DAMASCUS handouts: DAMSCUS-Survey and DAMSCUS-AboutSurvey
3. Study these two links:

• http://www.damascuscitizensforsustainability.org/wp-content/uploads/2012/12/Papercut-Fracking-110512.pdf
  
• http://www.damascuscitizensatsdr.org/