Syllabus

Course: INFSCI 1052 User Centered Design

Time/Loc: Wed 12:00-2:30 PM RM 411

Instructor: Robert Perkoski

Office/Ph:

Perkoski: Room 720 SIS 412-624-9425

perks@pitt.edu (Note: subject = ‘IS1052’)

Office Hrs: By appointment. I am generally available and you are welcome to drop in at your convenience.

Text: CSS the missing manual by David Sawyer McFarland - second edition.

Web resources will be listed as well as books from Safari books online.

Objectives: This course covers design principles used in the design, creation and implementation of user interfaces. It focuses on the practical applications of the following technologies: HTML, XHTML, CSS, JavaScript and Ajax. In addition, time will be spent on graphics and image manipulation.

Pre-Requisites: INFSCI 0010 and INFSCI 1044

Evaluation:

This is a small class and there will be individual assignments and a project. The project should use all of the technologies discussed during the term and result in a functional website that solves a particular problem and/or provides a specific service. For example, a corporate tuturial website is one idea that incorporates all of these features. The project will be discussed in class.


30% Assignments - HTML and Photoshop assignments.

30% Midterm

20% Final Project

20% In-Class Activities (Quizzes, Labs, Participation)

Class participation and attendance will be considered as a key factor in the class.Often times students will critique each others work and feedback is essential for student's to advance their work. So, 20% of your grade comes from quizzes and participation - if you are not here you basically get a zero on both of these counts. Failure to present the final project in class will result in a letter grade drop.

Midterm: Feb 22, 2010 - Wednesday

Final Project Presentations: April 18, 2010

Mar 07, 2010 (Wed) no class Spring Break

Grading Scale:

99-100 = A+88-89 = B+78-79 = C+68-69 = D+
94-98 = A84-87 = B74-77 = C64-67 = D
90-93 = A-80-83 = B-70-73 = C-60-63 = D-

Exam & Homework Policy: All assignments must be submitted as directed. Late assignments receive a grade of zero. Homework may consist of multiple assignments - the number of assignments will depend upon the progress of the class. Assignments are challenging and generally time-consuming. Class participation includes participation in discussions as well as providing information from your independent research.You are responsible for all information disseminated during class so don't rely solely on the website.

Academic Dishonesty/Cheating: With the exception of routine studying and tutoring, all graded work must be the sole result of your own efforts. You may not do work for another student nor may you copy or plagiarize someone else’s work. At a minimum, cheating will result in a grade of zero on the assignment. Depending on the circumstances, you may also receive a grade of F for the course.

Incompletes: The Instructor's policy is to not grant incompletes (grade 'G'). Any exception to this policy is at the Instructor's sole discretion, and it must be entirely due to clearly extraordinary circumstances supported by verifiable documentation.

Disability: If you have a disability for which you are or may be requesting an accommodation, you are encouraged to contact the Instructor and Disability Resources and Services, 216 William Pitt Union, (412) 648-7890 / (412) 383-7355 (TTY), as early as possible in the term. DRS will verify your disability and determine reasonable accommodations for this course.

Course Schedule

Grades

Week Topics Technology Resources HW

1

Jan 04

 

Introduction HTML/XHTML

Safari Books

Creating a web page at Pitt


Secure access to Unix

Basic Unix Commands

Lecture:Standards/Doctypes

Lecture: Pitt Web Page

Lecture: XHTML-HTML-5-TagSoup

Homework 1

Chapter 1

2 Jan 11

Table Layout

HTML Templates

HTML XHTML

Anatomy of Web Page

Lecture: Tables

Photoshop Tutorial 1

Homework 2

Chapter 2 and 3

3Jan 18

Web Page Development

HTML Forms/CSS/XHTML

 

Lecture :Forms-XHTML/CSS

Lecture:XHTML/CSS

Photoshop Tutorial 2

 

Homework 3

PS_HW1

Forms Page

Chapter 6


4 Jan 25 Web Page Development

CSS

Typography

CSS News

CSS Property Families

CSS Examples

Lecture:Selectors/Typography

 

Typography Approach

Read First for Typography

Common Fonts

PhotoShop Tutorial #3

Homework 4

Chapter 13

5 Feb 01 Web Page Development CSS

Lecture: - The Box/ Positiong/Floats

PositionTutorial

Another Position Tutorial

PhotoShop Tutorial #4

Chapter 11, 12
6 Feb 08 Layout CSS

 

FloatTutorial

FirefoxDefaultCSS

SelectTutorial for Layout

Layout from Stylin Book

Layout_Samples

Collapsing Margin Tut 1

Collapsing Margin Tut 2

Photoshop Tutorial 5

Homework 5

PhotoshopHW

7 Feb 15   CSS

Review Class Homework Web Designs

Homework 6

 

Ch 4, 5

8 Feb 22 Midterm

 

Web Design Principles

CSS and Design Layout

Design Principles

Photoshop Tutorial 6

Design Principles/Resources

Lecture:Cascade/Inheritance

MaxDesign Cascade

 
9 Feb 29

Inheritance/Cascade

Web Design

CSS Techniques

 

Fixed Liquid Layout

Mobile Design

Design

PhotoshopTutorial 7

 

Homework 7

Write a description of your project and post.

Write a two page single space paper on one of the mobile interface design tools listed atthe end of the mobile slides.

10 March 07 Spring Break Spring Break Spring Break Spring Break
10 March 14 Web Design

 

PSD to HTML

 

PhotoShop8

Create Photoshop design to HTML

Homework 8
11 March 21 Scripting JavaScript/Ajax

Seven Design Principles

Pros and Cons of Design Layouts

BaselineGrids Typography

Ex1 Ex2 Ex3 Ex4 Ex5 Ex6 Ex7 Ex8 Ex9 Ex10

Ex11

JavaScript2

JQuery Movie

Jquery2

ExEvents

PhotoShop Tutorial 9

 

Homework 9: Your relaxation homework exercise. A design based upon your relaxation experiment.

12 March 28 Scripting  

Grid Computing

Blueprint tutorial

Ajax

Homework 10

XtraCredit Homework

13 April 04

XML

Use of color

Photoshop and Color Tools

HTML 5

Color

Color Tools

Color Tools2

Toucan

Design2

Project Guidelines

Homework Reminder

14 April 11 Design Patterns User Interface Theory

HTML 5

Bad Sites

Don't_Think

Accessibility

15 April 18

 

Presentations Open