Informatics 133: User Interaction Software

Fall 2011

Department of Informatics

Donald Bren School of Information and Computer Sciences

Home | Administrative Policies | Course Structure | Materials | Assignment Schedule

Week 0: The Class

Friday (Lecture 1) (9/23):

Learning Objective: To understand the structure, expectations and context of this class.

Due Today:

Reading:

1. HCI: Introduction

Kick-off:

DJ Earworm: Sean Kingston - Beautiful Mashup

Topics:

Meet the Instructors

Introduction to Course

Names

Syllabus

Week 1: The Human

Monday (Lecture 2) (9/26):

Learning Objective: To appreciate the limitations of the human and the implications for U/I design

Due Today:

1. HCI: Chapter 1: The Human

Kick-off:

Seabird Concept Video

Lecture:
Notes (mov, pdf)

Wednesday (Lecture 3) (9/28):

Learning Objective: To appreciate the limitations of the human and the implications for U/I design

Due Today:

Reading:

1. 3D U/I s

2. BlindType

3. Casual Test of Text Entry Speed

4. Mobile Text Entry

5. An Empirical Study of Typing Rates on mini-QWERTY Keyboards

Kick-off:

BlindType Demo Video

Lecture:
Notes (mov, pdf)

Friday (Lecture 4) (9/30):

Learning Objective: To consider how digital/physical hybrid worlds can and do change the physical world.

Due Today:

Reading:

1. Shaping Things: Ch 1-3

Assignment #1: Goal: To get to know you

1. Create a web page with your photo on it. Below your photo put your name (as text, not as part of the image). To get full credit it must be 250x250 pixels and your face must take up more than 50% of the image. There should be nothing else on the web page. Here is an example.

 

You may ask, "Where can I host a web page?"

screenshot of file transfer

Here are some instructions for Windows.

 

Here are some instructions for Macintosh .

 

 

 

 

2. Get To Know You Survey: Take this online at EEE by 11:59pm on 9/30. The 2nd question is to provide the URL of the website from part 1, so... don't take it until you have that.

Lecture:
Notes (mov, pdf)

Week 2: XML/JSON

Monday (Lecture 5) (10/3) :

Learning Objective: To be familiar with XML as a data representation

Due Today:

Reading:

1. HCI: Chapter 20.1-20.5

2. XML Tutorial online (XML Basic)

Intermission:

Sikuli Demo Video

Lecture:
Notes (mov, pdf)

Wednesday (Lecture 6) (10/5):

Learning Objective: To be familiar with JSON as a data representation

Due Today:

Reading:

1. The official JSON site

2. 3 minutes of JSON

3. JSON introduction with a little code

Optional Reading

1. More on character encodings

2. Tutorial on XML DTD specification

Intermission:

Prefab: What if We Could Modify Any Interface?

Lecture:
Notes (mov, pdf)

Friday (Lecture 7) (10/7):

Learning Objective: To understand how AJAX functions on the web, know some basics about libraries

Due Today:

Reading:

1. HTML Tutorial

Quiz (link to quiz)

1. This quiz is due at midnight late Friday night/ early Saturday morning.

2. You have 240 minutes to complete it. Once the timer starts, you can't stop it.

3. There are 41 short answer questions. There is a crossword which will help provide some clues for the answers.

4. It covers Lectures 1-5, the readings assigned for those days. It does not cover any "Shaping Things" or XML.

5. You will take it electronically on EEE.

6. I recommend that you study before you start your timer.

7. You may use your textbook and the Internet to answer questions.

8. You may not discuss your answers with any other person who has already started their timer. If you do that it is cheating.

The link will be posted here once it is live.

Kick-Off (In memory of Steve Jobs):

Microsoft iPod

Lecture:
Notes (mov, pdf)

Week 3: AJAX - Asynchronous Javascript And XML

Monday (Lecture 8) (10/10):

Learning Objective: Introduction to Javascript and jQuery

Due Today:

Reading:

1. JavaScript intro: http://www.codecademy.com/

2. How jQuery works

3. Getting Started with jQuery (don't worry about plugins)

Lecture:

Notes (mov, pdf)

Notes (mov, pdf)

Wednesday (Lecture 9) (10/12):

Learning Objective: Introduction to Javascript and jQuery

Intermission:

Firebug Tutorial

Lecture:

Notes (mov, pdf)

Friday (Lecture 10) (10/14):

Learning Objective: To understand everything we need to do for Assignment 02

Due Today:

Design Notebook turn in today with 3 entries

Kick-off:

Yvonne Rogers Design Dream

Lecture:

Notes (mov, pdf)

Week 4: Maps and Location

Monday (Lecture 11) (10/17):

Learning Objective: To understand the representation of location and techniques for acquiring location by other technologies

Lecture:

Notes (mov, pdf)

Wednesday (Lecture 12) (10/19):

Learning Objective :To understand the representation of location and techniques for acquiring location by other technologies

Due Today:

Reading:

Google Map Javascript API v3 Tutorial

Explore Google Maps Examples:

Rainfall

Housing Maps

Worst Landlords of NYC

Kick-off:

Splinterheads Trailer

Lecture:

Notes (mov, pdf)

Friday (Lecture 13) (10/21):

Learning Objective: To understand where to start for building a web based map U/I

Due Today:

Assignment #2: Goal: Gain experience with the real-time web

Link to Details

Lecture:

Notes (mov, pdf)

Week 5:

Monday (Lecture 14) (10/24):

Learning Objective: To consider how human-object interaction changes with technoculture.

Due Today:

Reading

Shaping Things Chapters 1-6

Quiz

1. Take it here

2. Due before class

3. 4 multiple choice/short answer questions

4. About Shaping Things Chapters 1-6

5. 60 minute time limit

6. Open book. Individual effort only. No consulting with other people for answers in any manner.

Kick-off:

Direct 3D Interactions with a Situated See-Through Display

Lecture:

Notes (mov, pdf)

Wednesday (Lecture 15) (10/26):

Learning Objective: Understanding the differences between touch and multi-touch. (high-level)

Due Today:

Mid-Term Evaluation:

Read first

Evaluation

Intermission:

10-gui

3D Widgets plus gestures

Lecture:

Notes (mov, pdf)

Friday (Lecture 16) (10/28):

Learning Objective: To understand the technology for prototyping multi-touch interfaces (software)

Due Today:

Assignment #3: Goal: Learn how to generate a Map U/I from dynamic real-time data.

Link to Details

Kick-off:

3D Widgets plus gestures

Lecture:

Notes (mov, pdf)

Week 6:

Monday (Lecture 17) (10/31):

Learning Objective: To understand the components of a multi-touch demo system (about assignment)

Due Today:
Intermission:

Build your own multi-touch device

Lecture:

Notes (mov, pdf)

Wednesday (Lecture 18) (11/2):

Class cancelled today :(

Friday (Lecture 19) (11/4):

Learning Objective: Rubbish, Glamour and Spimes

Due Today:

Reading

Shaping Things 7-10

Lecture:

Notes (mov, pdf)

Week 7:

Monday (Lecture 20) (11/7):

Learning Objective: To understand Assignment #4 and start thinking about UbiComp

Kick-off:

What motivates you to do good design? by Lukas Mathis (see his blog)

Lecture:

Notes (mov, pdf) (Assignment #4)

Notes (mov, pdf) (UBICOMP)

Wednesday (Lecture 21) (11/9): Location Follow-up and Introduction to Ubiquitous Computing

Due Today:

Reading

HCI: Chapter 20

The Computer for the Twenty-First Century (1991)

Yesterday's tomorrows: notes on ubiquitous computing's dominant vision (2007)

Lecture:

Notes (mov, pdf)

Friday (11/11):

no class - Veteran's Day

 

Week 8:

Sunday (11/13):

Due Today:

Assignment #4: Goal: Build a multi-touch system.

Link to Details

Monday (Lecture 22) (11/14):

Learning Objective:To understand the mobile phone development landscape

Kick-off:

Nokia Human Form

Lecture:

Notes (mov, pdf)

Wednesday (Lecture 23) (11/16):

Learning Objective:

To understand the mobile phone development landscape

Intermission:

Muscle-Bound Computer Input

Lecture:

Notes (mov, pdf)

Friday (Lecture 24) (11/18):

Learning Objective:

To understand the basics of the Android system in preparation for developing

To learn how to program an Android phone (Environment)

Kick-off:

Muscle-Bound Input meets Surface

Lecture:

Notes (mov, pdf)

Week 9:

Monday (Lecture 25) (11/21):

Learning Objective: To learn how to program an Android phone (Basic program structure/ sensor simulation)

Lecture:

Notes (mov, pdf)

Notes (mov, pdf)

Wednesday (Lecture 26) (11/23):

Learning Objective: To learn how to simulate sensors in Android

Lecture:

Notes (mov, pdf)

Friday (11/25):

Holiday - Thanksgiving turkey

Week 10:

Monday (Lecture 27) (11/28):

Learning Objective: 3D Printing tutorial

Due Today:

Design Notebooks (9 entries)

Intentions for Assignment #5 (Item #1 on the end of class checklist)

Lecture:

Notes (mov, pdf)

Wednesday (Lecture 28) (11/30):

Learning Objective: Shaping Things 11-14

Due Today:

Reading

Shaping Things 11-14

Resistance to the Waterless Urinal

Kick-off:

Sophisticated Side Ponytail

Lecture:

Notes (mov, pdf)

Friday (Lecture 29) (12/2):

Learning Objective: Shaping Things 15-18

Due Today:

Reading

Shaping Things 15-18

Assignment #5: Goal make a mobile phone app that uses sensors

Link to Details

Lecture:

Notes (mov, pdf)

Notes (mov, pdf)

Notes (mov, pdf)

End of class checklist:
  1. Turn in your intentions for completing Assignment 5. One entry per group required:
    https://eee.uci.edu/quiz/d75h3mOpQ5
  2. Turn in your URL/model for assignment 5.
    https://eee.uci.edu/quiz/LUeEKRd643
  3. Set up a time to demo your option 2 for assignment 5:
  4. Turn in your phone
  5. Take the Shaping Things Quiz
    url TBD
  6. Complete group self-evaluation
  7. Complete the final course evaluation for participation credit (by 12/5)
    https://eee.uci.edu/toolbox/eval/my.php
⋅ o ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ o ⋅ o ⋅ ☕ ⋅ ⋅ o ⋅ o ⋅ o ⋅ ⋅ ✍ ⋅ ✍ ⋅ ✍

Finals Week:

Monday (12/5):

Wednesday (12/7):

Friday (12/9):

Due Today:

Shaping Things Quiz (link)

This is the event horizon. Beyond this things are not set in stone.

Valid XHTML 1.0 Transitional