week1

Class Intro & Logistics
EVL history, research and overview

Example Presentations

Brief Intro on Mobile Platforms and Dev. Tools

Brief History of Mobile Sensors

Assignment 1

Concept Research & Analysis

Basic Outline of the Concep Presentation

Week 1.pdf

Sensors.pdf

UIC's Barack Obama Foundation proposal

The iPhone's Untapped Potential By Kate Greene
http://www.technologyreview.com/news/408152/the-iphones-untapped-potential/

Nasa Visualization Explorer

http://svs.gsfc.nasa.gov/nasaviz/

Ge Wang Smule’s founder
http://www.nytimes.com/2011/11/27/magazine/smule.html?pagewanted=all&_r=0

Stephen Malinowski's music-animation-machine version of Stravinsky's Rite of Spring.
http://www.youtube.com/watch?v=02tkp6eeh40

Ocarina by Smule
http://www.smule.com/ocarina/#prettyPhoto

How a Smartphone Knows Up from Down (accelerometer)

http://www.youtube.com/watch?feature=player_embedded&v=KZVgKu6v808

Apple iPhone 4 Gyroscope demo

http://www.youtube.com/watch?v=sQQuQL5nOEU

How To Check An Iphone 4 For Signs Of Water Damage by iMore.com

http://www.youtube.com/watch?v=bW8o0PP53Lc

week2      

Labor Day

Assignment 1 continued

week3

UI and UX Design

Storyboards

Lab

Week3.pdf

Assignment 2

Storyboard

Mobile usability tips from Jakob Nielsen by Graham Charlton
http://econsultancy.com/us/blog/7339-mobile-usability-tips-from-jakob-nielsen

Swiss Mountain Map by Edward Tufte
http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0003vq

Stephen Malinowski's music-animation-machine version of Stravinsky's Rite of Spring.
http://www.youtube.com/watch?v=02tkp6eeh40

Interview with Sir Jonathan Ive, Apple’s Senior Vice President of Industrial Design

http://www.standard.co.uk/lifestyle/london-life/sir-jonathan-ive-the-iman-cometh-7562170.html

Mobile Sites vs. Apps: The Coming Strategy Shift by Jakob Nielsen
http://www.nngroup.com/articles/mobile-sites-vs-apps-strategy-shift/

Jacob Nielsen / interview
http:/blog.v7n.com/2006/02/27/jakob-nielsen-on-seo/

Excerpt from Designing the iPhone User Experience: A User-Centered Approach to Sketching and Prototyping iPhone Apps by Addison-Wesley
http://www.codeproject.com/Articles/111949/Excerpt-from-Designing-the-iPhone-User-Experience

8 Characteristics Of Successful User Interfaces by Dmitry Fadeyev
http://www.usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-interfaces/

20 Examples of Web and Mobile Wireframe Sketches by Oleg Mokhov
http://speckyboy.com/2011/05/29/20-effective-examples-of-web-and-mobile-wireframe-sketches/

Mock-up examples
sixrevisions.com/user-interface/website-wireframing/

P3-Drinke - CS294-84: Interactive Device Design
http://husk.eecs.berkeley.edu/courses/cs294-84-fall12/index.php/P3-Drinke

WireframeSketcher: Mockups, Designs, and Prototypes by Steve Gibson
http://slapstart.com/2011/08/wireframesketcher/

Wireframe examples

Patient Monitoring Interface
http://patientmo.wordpress.com/category/wireframes/

Storyboard
Patient Monitoring Interface
http://patientmo.files.wordpress.com/2012/04/compressedandresized1.jpg

http://patientmo.wordpress.com/2012/04/08/s-f-storyboards/

week4

GUI - Icons

Presentation by Professor Philip Burton

Intro to SAGE

CAVE2 Demos

Week4.pdf

Assignment 3

Icon

iOS 7 Icon Guidelines link

Interview with Sir Jonathan Ive, Apple’s Senior Vice President of Industrial Design

http://www.standard.co.uk/lifestyle/london-life/sir-jonathan-ive-the-iman-cometh-7562170.html

week5

Concent presentation by Professor Philip Burton

GUI- Buttons

Lab

Week5

Presentation Guildelines

Basic Outline of the Concept Presentation

Assignment 4

Concept Presentation

week6

Concept Presentations Class Critique I

Lab - Storyboard

week7

Lab - Presentation

Class review

week8

Midterm - October 13

Concept Presentations Class Critique II

week9

Concept Presentations Class Critique III

Guest Reviewer - Marcia Lausen

week10

Native, Hybrid and web apps
Quick recap of technologies – development environments and SDK
HTML refresher

Assignment 5

Class Presentation-HTML

Downoad free TextWrangler editor

HTML Essential Training with Bill Weinman

http://www.w3schools.com/html/html_forms.asp

Dive into HTML5 by Mark Pilgrim

Mobile: Native Apps, Web Apps, and Hybrid Apps by Raluca Budiu

HTML5 lead a web revolution by Gary Anthes Arlington, VA

Mobile Application Development: Web vs. Native By Andre Charland

Cross-Platform Development Tools for Smartphone Applicationsby Ohrt, J., Turau, V.

week11

HTML extra

CSS refresher

CSS Text Properties presentation

Using absolute positioning from CSS Positioning Best Practices
by Bill Weinman on Lynda.com

http://alistapart.com/article/css-positioning-101

http://www.barelyfitz.com/screencast/html-training/css/positioning/

Assignment: CSS+HTML - main content screen

week12

CSS Text Properties

CSS Layout Presentation

Assignment: CSS+HTML -other screens

week13

CSS positioning
Lab

Assignment: CSS+HTML- other screens

Final Project Development Lab
Class Review

Assignment: CSS+HTML - all screens

week15

Final Project Presentations - December 1