CSC 360 User Interface Architecture and Development

Course Overview

Students design an interactive application following the user-centered design process and implement it using the Model-View-Controller architecture. Topics include usability engineering, event dispatching, multi-threaded programming, GUI widget toolkits, frameworks and customization.

Course Goals

By the end of the quarter, students will be able to:

  • Apply user-centered design methods including those for user research, wireframing and usability evaluation.
  • Develop interactive user interfaces.
  • Program in JavaScript using the jQuery framework.
  • Effectively employ event-driven programming for handing user interactions.
  • Develop applications applying the Model-View-Controller (MVC) architecture.
  • Use references to learn how to implement new widgets, user events, programming constructs.

Tentative Assignments and Projects

  • Two small programming projects (individual projects). Program in JavaScript and jQuery to develop two applications.
  • User research (team project). Synthesize interviews with prospective users.
  • Wireframing (team project). Develop wireframes that document how users interact with your design.
  • Evaluation (team project). Conduct usability tests for identifying problems and revising your design.
  • Implementation (team project). Develop the user interface of your app using JavaScript and jQuery.