Pitt Logo SIS Logo

Department of Information Science and Telecommunications

 

INFSCI 2470 - Interactive System Design

(Spring 2003, CRN 20012)


[ Formal Data | Course Tools | Syllabus & Schedule | Course Books | Course Materials | CourseWeb | Links ]


INFSCI 2470 Course Materials

Lecture Objectives Readings Handouts Examples

Lecture 1

Introduction

Introduction to Java Applets

Introduction to the course. Logistics. Goals of the profession. History of Interfaces. Iterative design.

Quick Introduction to Java. Applets. Drawing and writing on a Graphics Pane. Modal Input Dialog

Newman and Lamming
Chapter 1

Lewis and Rieman
Introduction

Therac-25 Incident
Vincennes Incident
London Ambulance Incident

Deitel&Deitel
Chapter 3

Slides

Java Slides

WelcomeApplet.html
WelcomeApplet2.html
WelcomeLines.html

Lecture 2

Human Virtual Machine

Graphics Presentation in Java

The case for knowing Human Information Processing for Interactive System Design. Review of memory and processors functions.

Java 2d Graphics in awt. Lines, colors, fonts, shapes, arches and polygons.

Newman and Lamming
Chapter 3

Deitel&Deitel
Chapter 11

Shneiderman
Chapter 1

Preece-Rogers-Sharp
Chapter 3

Slides

Java Slides

ShowColors.html
Fonts.html
Metrics.html
LinesRectsOvals.html
DrawArcs.html
DrawPolygons.html
Shapes.html
Shapes2.html

Lecture 3

Interaction Styles

Introduction to Servlets

Overview of Interaction Styles and Paradigms. Command, Graphic, and Direct Manipulation Interfaces. Menus. Forms. Guidelines for Menu/Form interfaces.

Client-Server approach, WWW as a client-server platform. HTTP protocol. Servlets. Simple Servlet Example. Forms and form data. Processing form data with doPost.

Newman and Lamming
Chapter 12

Deitel&Deitel
Chapter 19 (corresponding sections)

Shneiderman:
Chapter 7

Slides

Java Slides

HTTPGetServlet.html
HTTPGetServlet.java

HTTPPostServlet.html
HTTPPostServlet.java

Lecture 4

Interactive Programming

Dialog Programming in Java; Java Event Processing and Widgets

Affordance and feedback. Event-Redraw Loop. Widgets and Models. Model-View-Controller (MVC) pattern. The Big Picture of Interactive Programming.

Modal dialogs: JOptionPane. Java Event Processing. AWT and Swing. Widgets. Button class.

Newman and Lamming
Chapter 11

A tutorial on MVC design patter

D&D
Chapter 2; Chapter 12 (corresponding sections)

Slides

L4j0 Slides

L4j1 Slides

AdditionApplet.html
ButtonTest.html

Lecture 5

Anatomy of the Interactive System Design Process

Specifying a design problem. Lifecycle models of interactive system design process: from waterfall to iterative models. A review of major ISD actovities - User Study, Model building, Specification, Analysis of the design, Evaluation of the prototypes.

Mapping between Java applets and applications .Label class. JColorChooser. Java Swing TextField and PasswordField. Checkboxes and Radion Buttons.

Newman and Lamming
Chapters 2 and 4

Lewis and Rieman
Chapter 1

D&D
Chapter 12 (corresponding sections)

Preece-Rogers-Sharp
Chapter 6

Shneiderman
Chapter 3

Slides

Java Slides

LabelTest.html
ShowColors2.java
TextFieldTest.java
CheckBoxTest.java
RadioButtonTest.java

Lecture 6

Heuristic Analysis

Java Lists and Layouts

Evaluating the design with and without the user. Nielson&Molich's heuristics. Filling Usability Aspect Reports. Practicing heuristic analysis

List. Combo box. Managing layouts. Nested panels.

Newman and Lamming
Section 8.6

Lewis and Rieman
Chapter 4: Introduction and 4.3

Nielsen: Heuristic Evaluation

Preece-Rogers-Sharp
Section 13.46

Slides

Java Slides

ComboBoxTest.java
ListTest.java
bug1.GIF
bug2.GIF
travelbug.gif
buganim.gif
MultipleSelection.java
TextAreaDemo.java
FlowLayoutDemo.java
BorderLayoutDemo.java
GridLayoutDemo.java
PanelDemo.java
KeyDemo.java

Lecture 7

Extended Interface:
Help, Manuals, Training

10th Heuristic. Interface elements. On-line Help. Documentation. Training. Hight-Functionality Applications. Peer help and intelligent help.


Lewis and Rieman
Chapter 7

Shneiderman:
Chapter 12

Slides

Lecture 8

Task Analysis and Task-centered design.

Understanding and modeling user activities. Task models. Systems analysis. The use of task models. Task-centered design. Plagiarizm and creativity in design.

Newman and Lamming
Chapter 6

Lewis and Rieman:
Chapter 2

Preece-Rogers-Sharp
Chapter 7

Slides  

Lecture 9

User Studies

Session Tracking

Overview of User Studies. Interviews. Observations. Questionnaires. Experiments.

Session tracking with cookies. Session tracking with Session object.

Newman and Lamming
Chapters 5 and 10

Lewis and Rieman
Chapter 5

D&D
Chapter 19 (corresponding sections)

Slides

Java Slides


BookRecommendation1.html
SelectLanguage1.html
CookieExample.java
BookRecommendation2.html
SelectLanguage2.html
SessionExample.java

Lecture 10

Analysis, Prototyping, Evaluation

Analysis and Evaluation in support of design. GOMS. Formal Action Analysis with GOMS. ACT-R. Informal action analysis. Cognitive Walkthrogh. Interface evaluation. Prototyping. Informal testing and field tests.

Newman and Lamming
Chapter 8-9

Lewis and Rieman
Chapter 3 and 4

Shneiderman:
Chapter 2

Slides

Lecture 11

Accommodating to Individual Users

Interaction and adaptation. Dimensions of differences. Adaptive systems and user modeling.

Shneiderman
Chapter 1

Adaptive Hypermedia Paper 1

Slides  

Lecture 12

Hypermedia and WWW

Hypertext and Hypermedia. History of Hypertext. Navigation and navigation aids. Web usability issues. Adaptive Hypermedia and Adaptive Web

Shneiderman
Chapter 15

Adaptive Hypermedia Paper 2

Slides  

Lecture 13

Design Approaches and Guidelines

Innovative Interfaces

Conceptual Design. User-Centered Design. Design guidelines

Direct Manipulation. Programming by demonstration. Information Visualization. Virtual Reality.

Newman and Lamming
Chapter 13-15

Shneiderman
Chapters 6 and 15

Slides  

Copyright © 2003 Peter Brusilovsky