SCHEDULE

WEEK NUMBER 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
WEEK TOPIC READINGS, DUE DATES, AND ASSIGNMENTS
WEEK 1
Tuesday
Jan 10		 Course Overview
Thursday
Jan 12		 Lab: build three divs that have 3 different elevations.

Elevation (beautiful example)

IDC Design Review: CRAP
  • READ: Material Design (Material Design: Introduction, Environment, Material Properties, Elevation and Shadows). QUIZ at the beginning of class on this material.
  • RECOMMENDED: The Non-Designers Design Book, pp. 11-94: The Four Basic Design Principles. Go to eLearning, Content/READINGS/WEEK1-Material Design

LAB 1

WEEK 2
Tuesday
Jan 17		 Revisit Shadow.html lab assignment
Elevation (beautiful example)QUIZ
Material Design/Motion overviewBLOG PRESENTATION: https://material.uplabs.com/
Bettina Notes are HERE.NEW TOOL: http://tumult.com/hype/ DEMO – JACK HORAN
BEST CSS Animations: http://www.awwwards.com/websites/css3/Go over SELF VISUALSPHONE

SITE
    • READ: Material Design (Motion: Material motion, Duration & easing, Movement, Transforming material, Choreography, Creative customization).
      QUIZ at the beginning of class on this material

DUE: SELF VISUAL
Thursday
Jan 19		 LAB: CSS Animation: Introduction  LAB 2

WEEK 3
Tuesday,
Jan 24		 BLOG PRESENTATION: Smashing Magazine:ALEXIS HILL
NEW TOOL: Affinity Designer (an update on “Freehand” that will be giving Adobe a bit of a challenge–GREAT VIDEO)  $49.99 NATHAN PHILIPSCSS: Refresher Exercise (Go to eLearning/Week 3 and download the”Lab 3″ exercise files)

Material Design
  • READ: Material Design (Style: Color, Icons, Imagery).
  • RECOMMENDED: The Non-Designers Design Book, pp. 95-112: Design with Color.

DUE: 2-paragraph reading response–questions in elearning; upload in elearning. Go to Content/Assignments/Reading Responses/Reading Responses #3 to submit the answers to your questions.
Thursday,
Jan 26		 Lab: JAVASCRIPT exercise: working with style, color and icons
IMPORTANT EVENT TONIGHT (REQUIRED):
Thursday, the 26th at 7:00 Kamerick 111

  LAB 3
WEEK 4
Tuesday,
Jan 31		 BLOG PRESENTATION: Creative Bloq – SPENCER MOSER
NEW TOOL: Adobe Spark –DEVON METTLIN
Show Layout tools from Material Design.Roboto Download (show how you can change Google Font interface colors)ADDING FONTS LAB WE DID TODAY
  • READ: Material Design (Style: Typography, Writing).
  • RECOMMENDED: The Non-Designers Design Book, pp. 95-112: Typography. 151-215

DUE: 10-question take-home quiz based on the reading. It’s waiting for you in elearning/Content/Assignments/Reading Responses/Reading Response #4.
Thursday,
Feb 2		 Lab JAVASCRIPT exercise continued : working with imagery, speed, and typography.  LAB 4
WEEK 5
Tuesday,
Feb 7		 BLOG PRESENTATION: AWWWARDS–RACHEL LARSEN
NEW TOOL: PROTOTYPING SOFTWARE

Proud and Torn demo project: with Collin.
Thursday,
Feb 9		  NO CLASS: FIELD TRIP ON FRIDAY, FEB. 10 (REQUIRED)

Mechdyne (Marshalltown) (10am)
Screenscape (Des Moines) (1:30pm)
Applied Art and Technology (Des Moines) 3:30pm

BAD WEATHER date: Feb. 17
WEEK 6
Tuesday,
Feb. 14

What is good data?
Interesting data? What are some ways to gather data?
Data is: variable, uncertain, contextualized
Your visualization is only as good as the data you collect.
WHERE TO COLLECT DATA:

Quantified Self
Quantified Self Tableau contest

David McCandless/Visual Miscellenium

Data Art

Data Entertainment

  • Dmitri Martin
 DUE: Parallax Assignment

    • READ: Data Points by Nathan Yau, Ch. 1: Understanding Data, pp. 1-27 (see eLearning)

DUE: 2-paragraph reading response–questions in elearning; upload in elearning

 
Thursday,
Feb. 16		  

Lab: Tableau orientation.

TABLEAU: (LYNDA): Tableau: Essential Training

  TABLEAU PROJECT ASSIGNED

LAB 5
WEEK 7
Tuesday,
Feb 21		 BLOG Presentation: Flowing Data – BLAKE STALLMAN
NEW TOOL: GAPMINDER
Gapminder/Hans Rosling (start at 3:14 and go to 4:53)

Edward Tufte
William Playfair
Alexander von Humbolt
Data Ink Ratio

Some other tools for visualizing data:

 
  • READ L Edward Tufte: The Visual Display of Quantitative Information, excerpt on data ink. In elearning/Content/Tufte-Data Ink.
  • READ: Edward Tufte, Envisioning Information, excerpt on color, go to elearning/Content/Tufte-Color

DUE:  2-paragraph reading response in elearning

 
Thursday,
Feb 23		 Lab: Tableau

 SUGGESTED TABLEAU TUTORIALS

TABLEAU: (LYNDA): Tableau: Essential Training

 LAB 6
WEEK 8
Tuesday,
Feb 28		 VISUALIZATION FROM MELISSA

BLOG Presentation: Upshot– CAMILLE DE LA CRUZ
Blog presenter(s), read this first
NEW TOOLS: A Variety of data visualization tools – LISA WAHL
NYTimes Graphic Job
Discuss: New York Times in relation to your colors and Tufte; how all your projects HAVE TO RESEMBLE A NYTIMES PROJECT.
Kevin Quealy NYTimes lecture (start at 4:50)
Amanda Cox NYTimes presentationTableau in-Class lesson #1LOOK AT VISUALIZATIONS FOR: Visualization Components: Visual cues; Coordinate systems; Scale; Context, and color.
2005 Class Matters
2006 Timeline of a Leak
2008 Milestones
2012: Milestones
2010: New York Times World Cup players Day by Day
2011 Inaugural Words: 1789 to the present

TABLEAU
          • READ: New York Times Interactive Graphics Team
          • READ: Ten things you can learn from the NYTimes
          • READ: Interview with Amanda Cox, NYTimes Graphics Editor
          • READ: New York Magazine profile on NYTimes Graphic team
          • READ: NYTimes Graphics Twitter feed

DUE: 2-paragraph reading response in elearning: go to Content/Assignments/Reading Responses/Reading Response # 8. THIS IS OUR LAST READING OF THE SEMESTER 🙂

SUGGESTED TABLEAU TUTORIALS

TABLEAU: (LYNDA): Tableau: Essential Training
Thursday,
Mar 2		 TABLEAU PUBLIC TUTORIALS

Lab: Bird Strikes
MORE EXAMPLES OF NYTimes story.

Heat Map On LYNDA

 LAB 7
WEEK 9
Tuesday,
Mar 7		 VIEW TABLEAU PROJECTS

BLOG PRESENTATION: https://public.tableau.com/en-us/s/blog BRENDAN BENSON

NEW TOOL: TOOL: ROB BREMNER

Tableau Student visualization contest: https://public.tableau.com/s/Student-Viz-Assignment-Contest

Tableau conferences: http://tclive.tableau.com/SignUp

 

 DUE: Tableau Project at the beginning of class.  Upload twbx file to eLearning.
Thursday,
Mar 9		 NO CLASS (to make up for the Mark Dion visit)
AARON DRAPLIN TONIGHT 7pm KAB 111

WEEK 10: SPRING BREAK: March 11-March 19

WEEK 11
Tuesday,
Mar 21		 BLOG PRESENTATION: http://motionographer.com/– SHAY SAATHOFF
NEW TOOL: from CALVIN JOHANSSEN! Ease and wizz: http://aescripts.com/ease-and-wizz/Introduction to After Effects:
Isaac Campbell, guest speakerVIEW:Vox: https://www.youtube.com/channel/UCLXo7UDZvByw2ixzpQCufnA

Kurzgesagt: https://www.youtube.com/user/Kurzgesagt
Thursday,
Mar 23		  Lab: go through AE basics: fun animations a la CMM AFTER EFFECTS/INTERACTIVE WEB PROJECT ASSIGNED
WEEK 12
Tuesday,
Mar 28		 BLOG Presentation: https://greyscalegorilla.com/blog/ –  CONNER THORSON
New Tool: http://codepen.io/AE: text animation templates; kinetic typography.SARAH PATE
Thursday,
Mar 30		 Lab: Animating Text : everyone write a sentence…
Bone tool.		  ASSIGN: Green Screen Footage (prepare props, etc. for Tuesday). Due Apr. 6.

LAB 8
WEEK 13
Tuesday,
Apr 4		 BLOG Presentation: https://www.lynda.com/ CLINTON OLSASKY
New tool: https://www.paintcodeapp.com/ BRENDAN BENSON AE: SHOOT GREEN SCREEN footage capture in Rod library (have students think about and prepare).		  

 

 
Thursday,
Apr 6		  AE Keylight tutorial
Lab: Integrating Green screen footage into AE.
BF: View concept/plan documents (check off)
WEEK 14
Tuesday,
Apr 11		 BLOG PRESENTATION: oneextrapixel.com – ADRIAN MITCHELL
NEW TOOL: TinyPng (+ jpg) AUSTIN STONEWork on AE ProjectBF: View concept/plan documents (check off)		 DUE: Proven work towards AE/Interactive Web project
Thursday,
Apr 13		 Lab: How to put in a background
View concept/plan documents (check off)		 DUE:
Green Screen footage
WEEK 15
Tuesday,
Apr 18		 NEW tool: MIRO ROB BREMNER

BF: View concept/plan documents (check off)

 DUE: Proven work towards AE/Interactive Web project
Thursday,
Apr 20		 BF: View concept/plan documents (check off) DUE: Proven work towards AE/Interactive Web project
WEEK 16
Tuesday,
Apr 25		  

Lab:Incorporate video into project. Animated Gifs vs. Looped video vs. Sprites vs looped video: including video into web project

Integrating video into website:

http://www.onextrapixel.com/2012/02/29/top-10-ways-to-embed-video-into-a-web-

Coding a video for the web (ogg theora, webmd, mp4)

BF: View concept/plan documents (check off)

 DUE: Proven work towards AE/Interactive Web project
Thursday,
Apr 27		  Incorporate CSS animation/button into project DUE: Significant work towards on AE/Interactive Web project
WEEK 17
Wed
May 3
8-9:50 am		 AE PROJECT PRESENTATION Final Project