1. GRAPHICAL USER INTERFACE
Computer Systems Concepts
Presentation on
GRAPHICAL USER INTERFACE
Presented By-
Said Mohammad Al-rashdi
April 2012
Submitted to-
Dr. Tariq Gasemi
Information Systems Section
College of Economics Management and Information Systems

2. Overview GUI concept History of GUI Examples GUI Features & Tasks
User Interface Design Process
Comparison between CLI & GUI

3. GRAPHICAL USER INTERFACE
A graphical User Interface (GUI), is often pronounced as ‘goo-ey’.
It is a type of user interface that controls a display for the user and allows users to interact with programs.
A GUI offers graphical icons, and visual indicators.
It was developed because interacting with computers in text mode (C.L.I.) was a very time consuming & cumbersome activity.

4. History
The first graphical user interface was designed by Xerox Corporation's in 1970s.
But became popular after the Apple Macintosh’s emergence in 1980’s.
Before GUI was developed the operating system was strictly text based.
The 1st commercial GUI

6. A GRAPHIC USER INTERFACE (GUI) DESKTOP
GRAPHIC ICONS
POINTER
A GRAPHIC USER INTERFACE (GUI) DESKTOP

7. GUI examples

8. Features
Pointer : A symbol that appears on the screen and used to select objects and commands. It is a small angled arrow.
Text –it is I-beam pointer that is shaped like a capital I.
Pointing device : A device, such as a mouse or trackball, that enables you to select objects on the display screen.

9. Cont…
icons : Small pictures that represent commands, files, or windows. By a simple click on it we can execute a command/program or convert the icon into a window
desktop : The area on the display screen where icons are grouped.
menus : Most graphical user interfaces let you execute commands by selecting a choice/option from a menu.

10. Common GUI tasks Titles / Text Fields / Dialog boxes Buttons Names
Prompts
User instructions
Fields / Dialog boxes
Input
Output
Buttons
Let the user initiate actions
Let the user select among a set of alternatives
e.g. yes/no, blue/green/red, etc.

11. Common GUI tasks (cont.)
Display results
Shapes
Text and numbers
Make a window “look right”
Style and color
Note: our windows look different (and appropriate) on different systems
More advanced
Tracking the mouse
Dragging and dropping
Free-hand drawing

12. GUI From a programming point of view GUI is based on two techniques
Object-oriented programming
For organizing program parts with common interfaces and common actions
Events
For connecting an event (like a mouse click) with a program action

15. Command
Line
Interface

16. Command interfaces
* User types commands to give instructions to the system e.g. UNIX
* May be implemented using cheap terminals.
* Easy to process using compiler techniques
* Commands of arbitrary complexity can be created by command combination
* Concise interfaces requiring minimal typing can be created.

17. Problems with command interfaces:
* Users have to learn and remember a command
language.
* Users make errors in command. An error detection and recovery system is required
* System interaction is through a keyboard so typing ability is required

18. Comparison between CLI & GUI-
GUI- much easier to learn & use than CLI (Command-Line Interface).
In CLI the commands are textual,& in GUI commands are graphical.
GUI provides a screen full of graphic icons or menus to users.
In GUI a point-&-draw (mouse, joystick etc) device is used.
Eg- To delete file in CLI = rm <filename> , & in GUI by click on the item & select delete option.

19. CLI & GUI Eg- To delete file in CLI = c:\> del <filename> ,
& in GUI by click on the item & select delete option.

20. Modify-edit-delete by click
CLI & GUI
GUI
Command
easy
Difficult
Clear
Not
Any user
Prof. user
attractive
Basic
Modify-edit-delete by click
Need codes
Color Screen
Black & White Screen
Graphic
Text

21. Summary GUI definition History of GUI Examples of GUI in Software & OS
GUI Features & Multi- Tasks
User Interface Design Process
Comparison between CLI & GUI

22. Refrences http://www.stroustrup.com

23. THANK YOU..
Questions..
Discussion..