Lesson Plans

Lesson Plan 1

Students

  • Round robin introductions
    • name, why 581
    • past educations / experiences in HCI and related work ...

Ask them about:

  • Visual Studio / C# / WPF experiences
  • how many have laptops / home machines (Windows)
  • how many have access to DV VideoCams, digital cameras, video editors
  • recommendations about machines (i.e., security issues with lab machines)

Tell students about

Lecture

  • Introduction to 581:
    • go through slides, and along the way mention handouts
    • go through web site
    • intersperse sketching exercise

Tutorial

  • Lecture on Visual Studio 2008 / WPF Phone / Hello World introduction
  • Run visual studio, connect phones, compile&deploy "Hello World" example (= button press changes background color)

Assignment 1

  • Give out assignment on the Interaction Workarounds
  • Explain the assignment

Handouts

  • official course info sheet
  • Your sketchbook
  • Your portfolio
  • Prototyping
  • Assignment

Homework:

  • buy sketchbook, text, etc.
  • continue 10 sketches of exercise
  • read assignment 1
  • try to log onto computer
  • run Visual studio / C#
  • download and try WPF examples (if available)

Supplies/Prep

  • course sheet from office
  • sketchbook
  • speakers
  • camera (video camera?)
  • student accounts
  • WPF book (to show)
  • Workbook (to show)
  • Buxton book (to show)

Lesson Plan 2

Admin

  • Give out keyboards / sign up sheet to record who has what
  • Check to see who has the text

Student presentation of sketches

  • Saul takes photo of each student's 'best' sketch
  • Ask students about difficulties generating 10 different ideas, describe lateral thinking as an aid
  • Each student presents their idea
  • Other students: Feedback
    • what they liked best
    • what they don't like
    • how they could add / exploit the idea

Tutorial

Students do as we go

  • Intro to Windows Phone, WPF, Silverlight, XAML (Slides presented by Nic)
    • Hands-on coding: Variation of "Hello World" example from first class
    • Hands-on coding: quickly trying out a few Widget UI elements (slider, image, button)
    • Hands-on coding: Graphic elements and CANVAS
    • Hands-on coding: Touch events, simple multi-touch paint application (multiple fingers, each one color. Uses Canvas and Ellipse shapes)

Assignment 1

  • Remind them about the schedule

Homework:

  • Textbook Bill Buxton (2007) Sketching User Experiences: Getting the Design Right and the Right Design. Morgan Kaufmann. Extract: 127-142.
  • Read assignment 1
  • Reconsider sketches, generate new ones

Supplies/Prep

Lesson Plan 3

Grading

  • TA to count different and detailed sketches (10 + 10 minimum)

Student groups: discuss sketches

  • Form into groups of 3
  • Discuss sketches, gather feedback
  • Note: need to get real i.e.
    • what is doable with the technology
    • what is reasonable to code
    • what emphasises course deliverables

Lecture

  • Refer to Bill's book (homework reading)
  • Sketching the User Experience
  • What is a Sketch?
  • The Sketchbook

Tutorial

Students do as we go

  • Hands-on coding: Reading sensors (accelerometer changes position of canvas rectangle)
  • Hands-on coding: Accelerometer (enhance drawing app from last tutorial: "shake to erase")
  • Overview about other sensors

Assignment 1

  • show the UIST videos
  • Remind them about the schedule plus deliverables

Homework:

  • Revisit design idea; can change, but need to now generate detailed sketches as you should begin implementation
  • Start coding

Supplies/Prep

  • Students bring keyboard to class
  • Laptop with software and talk

To do, maybe next class?

  • Show the visual summary
  • Show the demo

Lesson Plan 4

Grading

  • Different and detailed sketches (10 + 10 minimum)for final student

Student groups: discuss sketches

  • Form into groups of 3
  • Discuss sketches, gather feedback
  • Note: need to get real i.e.
    • what is doable with the technology
    • what is reasonable to code
    • what emphasises course deliverables

Lecture

  • Refer to Bill's book (homework reading)
  • What is a Sketch?
  • The Sketchbook

Tutorial

Students do as we go

  • Animation in Silverlight
    • Hands-on coding: animating rectangle -> when touching rectangle, it animates to new location
    • Hands-on coding: few more animation examples (e.g., "jumping back after drag")

Assignment 1

  • Should be finalizing design, elaborating detailed sketches, progressive plan, coding

Homework:

  • Final details of design;
  • Start coding

Supplies/Prep

  • Students bring keyboard to class
  • Laptop with software and talk

To do, maybe next class?

  • Show the visual summary

Lesson Plan 5

Ask them about:

  • progress, WPF issues

Tutorial

  • More WPF:
    • Animation
    • MediaElement
    • SpeechSynthesiser
  • Help (at end of class)

Demonstrations

  • portfolio entries

Lectures

Homework:

  • Coding

Supplies/Prep

  • sketchbook handout
  • computer
  • portofolio samples

Lesson Plan 6

Ask them about:

  • progress, WPF issues
  • schedule changes
  • contest (need to show by Wed, let me know by email)
  • nic's availability

Tutorial

  • Help with projects

Lectures

Exercise

Homework:

  • Coding

Supplies/Prep

  • sketchbook handout

Lesson Plan 7

Ask them about:

  • Problems
  • Go over deliverables

Tutorial

  • Today is primarily a tutorial. Nic to help

Demonstrations

  • Camtasia
  • Portfolie storyboard example on main page

Homework

Complete all deliverables

Lectures

Exercises

Homework:

Supplies/Prep

To do, maybe next class?

Lesson Plan 8

Ask them about:

  • problems?

Demonstrations

  • Student do demos

Lectures

  • The Design Crit
  • mention next project

Homework:

  • read Berkun's reading (design crit)

To do, maybe next class?

Lesson Plan 8

Demonstrations

  • Tour of iLab: Smart table, Microsoft Surface, etc.

Homework

  • Sketch educational SDG system (up to grade 8)

Lectures

  • to the point that it supplements the exercise below

Exercises

  • sketching single user and multi-user lines

Homework:

Supplies/Prep

  • String for real life manipulation of a line

Lesson Plan 9

Discuss

  • Sketches (next week)
  • Assignment 1 feedback, and expectations of future assignments

Tutorial

  • Ed: Smart emulator
    1. Creating a simple table application in code
    2. Table Demo 2 Docked text, infinite cloner, rotate color behavior
    3. Color Fun Shows drawing different coloured circles with rotate color behavior

Homework

  • download stuff, try simple examples

Lectures

  • SDG - until MMM

Homework:

Supplies/Prep

To do, maybe next class?

Lesson Plan 10

Ask them about:

  • S/W install

Tutorial

  • Coding

Demonstrations

  • Sketches

Tutorial

Homework

Lectures

  • SDG (after MMM)

Exercises

Homework:

Supplies/Prep

  • multiple mice (all given out but on)

To do, maybe next class?









Lesson Plan: ______________ Date: _______________

Ask them about:

Demonstrations / Tutorial

Lectures

Misc

Exercises

Homework:

Supplies/Prep

To do, maybe next class?