Pitt Logo SIS Logo

Department of Information Science and Telecommunications

 

INFSCI 2470 - Interactive System Design

(Spring 2002, CRN 21653)


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


INFSCI 2470 Course Materials

Lecture Objectives Readings Handouts Examples
Lecture 1
Introduction
Introduction to the course. Logistics. History of Interfaces. Iterative design. Task-centered design. Lewis and Rieman
Introduction; Chapter 1
Slides  
Lecture 2
Human Factors
Review of memory and processors functions Shneiderman:
Chapter 1
Slides  
Lecture 3
Interactive Programming
Introduction to Java Applets
Command, Graphic, and Direct Manipulation Interfaces. Affordance and feedback. Event-Redraw Loop. Widgets and Models. The Big Picture of Interactive Programming. Applets. Drawing and writing on a Graphics Pane. Modal Input Dialog. D&D
Chapter 3
Slides
Java Slides
WelcomeApplet.html
WelcomeApplet.java
WelcomeApplet2.html
WelcomeApplet2.java
WelcomeLines.html
WelcomeLines.java
AdditionApplet.html
AdditionApplet.java
Lecture 4
Heuristic Analysis
Java 2d Graphics
Evaluating the design with and without the user. Nielson&Molich's heuristics. First three of nine heuristics. Java 2d Graphics in awt. Lines, colors, fonts, shapes, arches and polygons. D&D
Chapter 11
Lewis and Rieman:
Chapter 4: Introduction and 4.3
Slides
Java Slides
ShowColors.html
Fonts.html
Metrics.html
LinesRectsOvals.html
DrawArcs.html
DrawPolygons.html
Shapes.html
Shapes2.html
Lecture 5
Heuristic Analysis 2
Java Event Processing and Widgets.
Last six of nine heuristics
Java Event Processing. AWT and Swing. Widgets. Label and Button classes
D&D
Chapter 12 (corresponding sections)
Lewis and Rieman:
Chapter 4: Introduction and 4.3
Slides
Java Slides
ButtonTest.html
LabelTest.html
Lecture 6
Design Issues
More Java GUI Widgets.
User analysis. Task analysis. Task-centered design. Plagiarizm and creativity in design. Design guidelines and rules.
Mapping between Java applets and applications. Modal dialogs: JOptionPane and JColorChooser. Java Swing TextField and PasswordField. Checkboxes and Radion Buttons.
D&D
Chapter 2; Chapter 12 (corresponding sections)
Lewis and Rieman:
Chapters 2 and 3
Shneiderman:
Chapter 2, Sections 4-9; Chapter 3
Slides
Java Slides
ShowColors2.java
TextFieldTest.java
CheckBoxTest.java
RadioButtonTest.java
Lecture 7
User Studies
Java Lists and Layouts
User analysis. Task analysis. Task-centered design. Plagiarizm and creativity in design. Design guidelines and rules.
Mapping between Java applets and applications. Modal dialogs: JOptionPane and JColorChooser. Java Swing TextField and PasswordField. Checkboxes and Radion Buttons.
D&D
Chapter 12 (corresponding sections)
Lewis and Rieman:
Chapter 5
Shneiderman:
Chapter 4
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 8
Hypermedia and WWW
Hypertext and Hypermedia. History of Hypertext. Navigation and navigation aids. Web usability issues. Shneiderman:
Chapter 15
Slides  
Lecture 9
Menus and Form Fillin
Introduction to Servlets
Menus. Forms. Dialog Boxes. Guidelines for Menu/Form interfaces.
Client-Server approach, WWW as a client-server platform. HTTP protocol. Servlets. Simple Servlet Example.
D&D
Chapter 19 (corresponding sections)
Shneiderman:
Chapter 7
Slides
Java Slides
HTTPGetServlet.html
HTTPGetServlet.java
Lecture 10
Accommodating to Individual Users
Processing form data
Interaction and adaptation. Dimensions of differences. Adaptive systems and user modeling. Adaptive Web
Forms and form data. Processing form data with doPost.
D&D
Chapter 19 (corresponding section)
Shneiderman:
Chapter 1
Slides
Java Slides
HTTPPostServlet.html
HTTPPostServlet.java
Lecture 11
Task Centered Interface Evaluation
Session Tracking
GOMS. Formal Action Analysis with GOMS. ACT-R. Informal action analysis. Cognitive Walkthrogh.
Session tracking with cookies. Session tracking with Session object.
D&D
Chapter 19 (corresponding sections)
Shneiderman:
Chapter 2
Lewis and Rieman:
Chapter 4
Slides
Java Slides
BookRecommendation1.html
SelectLanguage1.html
CookieExample.java
BookRecommendation2.html
SelectLanguage2.html
SessionExample.java
Lecture 12
Extended Interface:
Help, Manuals, Training
10th Heuristic. Interface elements. On-line Help. Documentation. Training. HFA prospect. Peer help and intelligent help. Shneiderman:
Chapter 12
Lewis and Rieman:
Chapter 7
Slides  
Lecture 13
Innovative Interfaces
Direct Manipulation. Programming by demonstration. Information Visualization. Virtual Reality. Shneiderman:
Chapters 6 and 15
Slides  

Copyright © 2002 Peter Brusilovsky