Course Overview
Tangible user interfaces emerge as a novel human-computer interaction style that interlinks the physical and digital worlds. Extending beyond the limitations of the computer mouse, keyboard and monitor, Tangible user interfaces allow users to interact with digital information through grasping and manipulating physical objects, and through gestures. By allowing users to draw on their natural skills for interacting with digital information, tangible user interface could reduce the cognitive load required for performing a computetional task, and offer an intuitive and collbaorative interface to support activities such as learning, problem solving, design, and entertainment.
Building a tangible user interface (TUI) is a complex process that encompasses multidisciplinary knowledge including computer science, art, and social sciences. Successful design depends on many factors including physical form, social settings,and aesthetics, in addition to well-designed software and electronics. In the first part of the course (6 weeks), students will be introduced to conceptual frameworks of tangible interaction, the latest research in the field, and a variety of techniques for designing and building tangible user interfaces. The second part of the course (last 7 weeks) will be dedicated to a group project, in which students will work in a team of three to design and build a novel tangible user interface.
Prerequisite: CS249 HCI or CS215 or CS230, or Permission of instructor.
Topics List
- Introduction to tangible interaction
- Application domains
- Framworks and taxonomies
- Gestural interfaces
- Surface computing
- Physical computing: microcontrollers, sensors, and actuators
- Rapid prototyping
- Iterative design techniques
Reading Materials
As tangible interaction is an emerging field of research, there is no text book for this course. We will handout research papers, articles, and manuals during the course. All reading materials will be available through the course E-Reserve FirstClass conference.
Course Requirements
In addition to hands-on activities during class time, you will be asked to complete several homework assignments. Assignments will typically involve presenting points raised in readings, reflecting and expanding on work done in class, or documenting stages in the design and construction of your tangible user interface.
In addition to these homework assignments you will work in a team of three to design and build a novel tangible user interface. We will introduce a theme for the projects in class, then each team should brainstorm about a project that is fun, exciting, and challenging.
When forming teams for your project, it is wise to choose teammates with complementary strengths. For example, it's good to have members with programming experience, artistic sense, and good writing and presentation skills.
As part of your group tangible user interface project, you will be expected to do the following:
As a group:
• Develop a conceptual design for your tangible user interface, including sketches,story board, and specification of behavior. All groups will give a brief presentation of their tangible user interface design in class on Tue., Nov. 17, 2009. As part of the presentation, you should write up and distribute a preliminary design document to the class.
• Build the tangible user interface you have designed. This is an iterative process in which you will re-design, build, and evaluate several times. All groups will give a brief presentation of an interim prototype in class on Fri., Dec. 4, 2009.
• Document your tangible user interface with pictures, video, diagrams, and text in a web page that will remain a part of the Tangible User Interface Course online gallery.
•Present the tangible user interfave you have built at the course open house on Fri., Dec. 11, 2009 at 12:30.
As an individual:
• Document the design and implementation of the tangible user interface in your blog. In particular you should try to highlight your contributions to the project.
Individual Blogs
Each student is required to maintain an individual blog to document her journey through
the course. An idvidiual blog should contain all of the following:
• lecture notes taken during class.
• answers and documentation of homework assignments including text, diagrams, code, and images.
• documentation detailing the design and construction of your final project, including text, diagrams, , images, sketches, and code.
• other thoughts/observations/sketches inspired by the hands-on activities, reading, etc.
We encourage you to use a blogging application such as Blogger to create and maintain your blog. We will examine your blog several times throughout the course to check
your progress and to provide feedback on your designs, and insights. At the end of the course we will examine your individual documentation of the final project.
Grades
Your grade for the course will be determined by three factors:
1. Your blog, which includes your insights from the course and your individual
documentation of your group final project (%15).
2. Your group tangible user interface project(%55).
3. Your homework assignments.(%30)
Collaboration Policy
We strongly encourage you to get to know all of your classmates and to collaborate extensively with them. Because of the interdisciplinary nature of this course, you may be strong in some areas but weak in others. Please share your strengths, and feel free to ask others for help.
In your blog and homework assignments, all observations, reflections, and documentation should be in your own words.
Laboratory and Computing Environment
Classes will be held in Science Center room 173; the nearby room SCI E160A will
also be used as additional laboratory space. You will have access to these rooms 24 hours a day, 7 days a week during the semester; details will be announced in class. Science Center policy requires that every student have a "buddy" when working after hours.
The lab is equipped with 4 PC computers, and a Microsoft Surface computer. If you have a PC or Mac OS X laptop you can use it for this class if you like. We will primarily use the following applications during the course:
- Microsoft Surface SDK
- Arduino development environment
- Phidgets development environment
- DreamWeaver
Each student should back up her work onto memory sticks and/or their FirstClass accounts.
Each final project team will be given a computer account on the CS file server where all project files (code, web pages, pictures, video) should be stored. Details on this account will be provided in class. In addition each final project team will be given a sub-conference within the course FirstClass conference.
Schedule
| Date | Title | Description |
|---|---|---|
| Tue, 9/8 | Introduction | Introduction to TUIs, course logistics |
| Student Questionnaire | ||
| Fri, 9/11 | Physical computing | Introduction to physical computing |
| Tue, 9/15 | TUI survey | TUI applications |
| Emerging Frameworks Reality-Based Interaction |
||
| Fri, 9/18 | Cell Tango | Davis Museum, meeting George Legrady |
| Tue, 9/22 | TUI Survey | TUI applications |
| TAC Paradigm | ||
| Fri, 9/25 | Surface Computing |
|
| Tue, 9/29 | Frameworks | Conceptual frameworks for TUIs |
| Fri, 10/2 | Surface lab | Microsoft Surface lab |
| Tue, 10/6 | Surface Lab | Microsoft Surface lab |
| Fri, 10/9 | Surface lab | Microsoft Surface lab |
| Tue, 10/13 | Brainstorming | Brainstorming techniques |
| Fri, 10/16 | Brainstorming lab | |
| Tue, 10/20 | Gestural interfaces | Introduction to surface computing Users defined methods for surface computing |
| Fri, 10/23 | Physical IO lab | |
| Tue, 10/27 | PhysicaL IO lab | |
| Fri, 10/30 | Davis Museum | TUIs for museums |
| Tue, 11/3 | No class | Tanner conference |
| Fri, 11/6 | Conceptual Design lab | Solid Diagrams |
| Tue, 11/10 | Conceptual design presentations | |
| Fri, 11/13 | Prototyping lab | |
| Tue, 11/17 | Prototyping lab | Types of prototypes |
| Fri, 11/20 | Marcelo Coelho, MIT Media Lab |
Organic User Interfaces - introduction |
| Tue, 11/24 | Rapid Prototyping lab | 3D printing, laser cutting |
| Fri, 11/27 | No class | Thanksgiving |
| Tue, 12/1 | Project Milestone 2: presentations | |
| Fri, 12/4 | Prototyping lab | |
| Tue, 12/8 | Prototyping lab | |
| Fri, 12/11 | Final Project Demos | Class starts at 12:30, lunch will be served. |
| Fri, 12/21 | Web page due |
|