GUI Workshop - CAT 201 - Integrated Software Development PDF
Document Details
Uploaded by EvocativeOrangutan5036
Universiti Sains Malaysia
CHAN HUAH YONG
Tags
Summary
This document is a workshop on Graphical User Interface (GUI) in the context of software development. It covers various aspects of GUI design principles, user analysis, prototyping, user interface evaluations, programming toolkits, and useful design pointers. The workshop session is by CHAN HUAH YONG at UNIVERSITI SAINS MALAYSIA.
Full Transcript
CAT 201 - Integrated Software Development Workshop Presented by : CHAN HUAH YONG What is User Interface? ๏Wikipedia “In computer science and human-computer interaction, the user interface refers to the information (such as graphic, text and sound) the program...
CAT 201 - Integrated Software Development Workshop Presented by : CHAN HUAH YONG What is User Interface? ๏Wikipedia “In computer science and human-computer interaction, the user interface refers to the information (such as graphic, text and sound) the program presents to the user, and the control the user employs to control the system” 2 User Interface ๏One part of the application that lets user: ๏Interact with the computer ๏Executes their tasks ๏The most important part in an application ๏About 50% ๏Meant for the user not the developer ๏Very hard to get the right interface that is “just right” ๏Cannot anticipates every user actions 3 Why Is UI Important? ๏User Interface (UI) - critically important aspect of software engineering ๏System users often judge system by interface rather than its functionality ๏Poorly-designed interface can cause users to make catastrophic errors ๏Poor UI design discourages use of software 4 Abstract Model of User Interface Interaction & User Control Content: Interaction & User Control 1 screen, 3 fields Business Logic: 3 labels, 2 buttons, etc. Business Domain Only text, max 30 Presentation characters Data I/O Business Domain Presentation First Name: Business Logic: Data I/O: Data I/O Only text, max 30 characters p.firstname firstnameField Content Last Name: p.lastname lastnameField p.age ageField.... Infrastructur Business Logic: e Age: Only digit,Value v is valid if (v >=1) && (v