GUI Workshop - CAT 201 - Integrated Software Development PDF

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

Use Quizgecko on...
Browser
Browser