CSC 3400  Human-Computer Interaction (Fall 2018)


         

Important Notices:



Course Information:

Course Ref. No.: 15630

Term: Fall 2018

Time: T & Th 1:00-2:15 PM

Location: 0431 STAT


Instructor Contact Information:

Name: Zichun Zhong

Phone Number: 313-577-9530

Office Location: 5057 Woodward Ave, Suite 14109.2, Detroit, Michigan, 48202

Office Hours: Wednesday 2:00-3:00 PM

Email Address: zichunzhong@wayne.edu

TA: Artem Komarichev (email: artem.komarichev@wayne.edu)


Course Description and Topics: 

This course will cover the elements of design, development, and evaluation of software user interfaces. This course will give a different experience to students at this stage in the computer science program. Each student will make a short class presentation during the semester. The majority of the course will be devoted to programming graphical user interfaces with the scenario-based usability engineering methodology, grounded in modern HCI theory. The following topics will be covered:

  • Design and Evaluation 
    • Design process
    • Design guidelines
    • Interaction styles, direct manipulation
    • Information visualization
    • Usability evaluation
    • Future directions
  • Development 
    • Event-based programming
    • GUI widgets
    • Basic computer graphics, animation
    • Visual C++, OpenGL programming
    • User Interface Packages: FLTK, Qt, etc.



    Textbooks:

    • Required: Ben Shneiderman, Steven Jacobs, Catherine Plaisant, Designing the User Interface: Strategies for Effective Human-Computer Interaction (5th or 6th Edition). ISBN: 9780321537355 (5th) or 9780134380384 (6th).


    • Recommended: Jenny Preece, Helen Sharp, Yvonne Rogers, Interaction Design: Beyond Human-Computer Interaction (4th Edition). ISBN: 9781119020752.

    • Recommended: Edward Angel, Dave Shreiner, Interactive Computer Graphics: A Top-Down Approach with Shader-Based OpenGL (6th Edition). ISBN-13: 978-0132545235.


    Other Reference Materials: 

    User Interface Packages:

    • OpenGL Programming Guide: The Official Guide to Learning OpenGL, Versions 3.0 and 3.1 (7th Edition), Addison Wesley, 2009. ISBN-13: 978-0321552624. A free online version: http://www.glprogramming.com/red/

    OpenGL Programming Guide and Environments:

    • Running OpenGL/GLUT with Visual Studio 2005/2008/2010
      • System Instructions for GLUT
        • NeHe OpenGL Tutorial




        • Syllabus (on Canvas)

          Blue color is done

          Date

          Subject

          08/30/2018

          Introduction

          09/04/2018

          Introduction

          09/06/2018

          Design process and guidelines

          09/11/2018

          Design process and guidelines

          09/13/2018

          Evaluation of interface designs

          09/18/2018

          Design case studies; Interaction styles (1): direct manipulation

          09/20/2018

          Interaction styles (2): menu selection, form fill-in

          09/25/2018

          Interaction styles (3): command and natural languages (Assignment 1 due date)

          09/27/2018

          Interaction devices, collaboration and social media participation

          10/02/2018

          Information visualization

          10/04/2018

          Basic computer graphics

          10/09/2018

          OpenGL programming

          10/11/2018

          Review class (Assignment 2 due date)

          10/16/2018

          Mid-Term Exam

          10/18/2018

          OpenGL programming and transformation

          10/23/2018

          OpenGL programming and transformation

          10/25/2018

          Lab demos

          10/30/2018

          Group Project Proposal Discussion & Presentation

          11/01/2018

          Group Project Proposal Discussion & Presentation

          11/06/2018

          GUI: FLTK

          11/08/2018

          GUI: FLTK and other UI packages (Assignment 3 due date)

          11/13/2018

          Graphics in GUI: viewing and projection

          11/15/2018

          Graphics in GUI: lighting and shading

          11/20/2018

          Graphics in GUI: lighting and shading

          11/22/2018

          No class

          11/27/2018

          Graphics in GUI: texture and mapping

          11/29/2018

          Final review (Assignment 4 due date)

          12/04/2018

          Final Presentation and Demo

          12/06/2018

          Final Presentation and Demo

          12/13/2018

          Final Exam




          Grading: 

          (1)   Homework (about 4 assignments): 20%

          (2)   Mid-term exam: 20% (Date: 10/16/2018)

          -          Take in class

          (3)   Final exam: 20% (Date: 12/13/2018)

          -          Take in class

          (4)   Presentations and demo of the group project: 35% (Presentation dates: 12/04/2018 and 12/06/2018)

          -     Give a class presentation and final project demonstration

          -     Submit the source code and report

          (5) Class Attendance: 5% 




          Prerequisites:

           
          This is an undergraduate-level course. Basic knowledge of computer science is needed.



          Course & Instructor Policies:

          (1) Examinations: There will be two exams (midterm and final exams) during the class. The exams will be closed book. The tests will be limited to material covered during course slides, assignments, and textbook.

          (2) Homework: There will be four assignments. Homework is due as assigned. Scholastic integrity will be enforced. All assignment submissions will be due on the specified date before class. No late submission.

          (3) Group Projects: There will be one group project and 1-2 students for each group. Copying project and source code from other students in this class or obtaining a solution from some other source will lead to an automatic failure for this course and to a disciplinary action. In this case, you may be given a score of 0 for the assignment or project in question (and the other party will get a failure). No late submission.

          (4) Grades will be posted on the Canvas.

          (5) If there is any special case, please inform the instructor in advance.