SlideShare a Scribd company logo
2
Most read
3
Most read
4
Most read
Graphical User Interface (GUI)
Graphical User Interface (GUI)
 Graphical User Interface (GUI) is a visual way of interacting with the
computer using the components like windows, icons, labels, text-boxes, radio
buttons, etc.
 GUI is a program interface that takes the advantage of the computer graphics
capabilities to make the program easier to use.
 A well designed GUI helps the users to get rid from remembering complex
commands by presenting command driven graphical layout.
 GUI uses windows, icons and menus to carry out commands such as opening
files, deleting files and moving files.
 It refers to the graphical interface of a computer that allows users to click
and drag objects with a mouse instead of entering text at a command line.
Frame
 In graphics and desktop publishing applications,
a rectangular area in which text or graphics can
appear is termed as a frame.
 Frames are rectangular areas meant for
inserting graphics and text.
 They allow users to place objects wherever
they want to on the page.
Window
 Window is the total visible
screen of any application.
 It consists of a visual area that
contains some of the graphical
user interface of the program.
 A window is framed by
a window decoration.
 It has a rectangular shape that
can overlap with the area of
other windows.
 It displays the output and
allows input to one or
more processes.
Label
 A label is a graphical control
element, which displays text on a
form.
 It is a static control; having no
interactivity.
 A label is generally used to identify
a nearby text box.
 A label in GUI is just like a piece
of paper, polymer, cloth, metal, or
other material on a container or
product, written
or printed information about the
product.
 In computing, labels are used
when the texts are written for
informational and naming purpose.
Text Box
 A text box is a graphical control
element often appears with a
label and is intended to enable
the user to input text
information used by the
program.
 It is an area where user can
input data and information.
Text Field
 A text field is a text control
GUI element that enables
the user to type a small
amount of text.
 When the user indicates that
text entry is complete, the
text field processes an
event.
Menu
 Menu is a control that allows
the user to select an option out
of a list of options.
 It is a list of options or
commands presented to
an operator by a computer.
Buttons
 Buttons are control which can
be clicked upon to select an
option from a selection of
options.
 Its name comes from the
mechanical push-button group
on a car radio receiver.
Combo Box
 Combo box is a combination of
a single-line text box and
a drop-down list or list box.
 It allows the user to either
type a value directly into the
control or choose from the list
of existing options.
 It is very useful when a user
has to select a certain option
among various options.
Radio Button
 Radio buttons always appear in pairs
or larger groups, and only one option
in the group can be selected at a
time.
 Selecting a new item from the
group's buttons also de-selects the
previously selected button.
 Radio buttons were named after the
physical buttons used on older radios
to select preset stations –
 When one of the buttons was
pressed, other buttons would pop
out, leaving the pressed button the
only button in the "pushed in"
position.
Check Box
 Check box is a graphical element
that allows user to make selection
among the given alternatives.
 Check box are often presented as
a small box in the shape of square.
 A simple click on the check box
marks the box and makes a visible
selection in the computer.
 A check box is usually accompanied
by a label to provide information
to the user about the choices to be
made.
Tree view
 A tree view is a graphical control
element that presents
a hierarchical view of information.
 Each item (often called a branch or
a node) can have a number of sub-
items.
 This is often visualized by
indentation in a list.
 An item can be expanded to reveal
sub-items, if any exist,
and collapsed to hide sub-items.
 Tree views can be seen in file
manager applications, where they
allow the user to navigate the file
system directories.
Tab
 Tab is a graphical control
element.
 A tab allows
multiple documents or panels to
be contained within a
single window.
 It is an interface style most
commonly associated with web
browsers, web applications
and text editors.
 Tabs are popular in use as a
navigational widget for switching
between sets of documents.
Graphical User Interface

More Related Content

What's hot (20)

PPT
Function Oriented Design
Sharath g
 
PPS
Java Exception handling
kamal kotecha
 
PPTX
Graphical User Interface (Gui)
Bilal Amjad
 
PDF
C++ OOPS Concept
Boopathi K
 
PDF
operating system structure
Waseem Ud Din Farooqui
 
PPTX
Programming Fundamentals lecture 1
REHAN IJAZ
 
PPTX
Screen based controls in HCI
Venkateswara Rao V
 
PPTX
Os ppt
Mitali Chugh
 
PPTX
14. session 14 dhtml filter
Phúc Đỗ
 
PPS
Functions Of Operating System
Dr.Suresh Isave
 
PPT
Programming
Leo Simon Anfone
 
PPTX
Features of java
WILLFREDJOSE W
 
PPTX
Web Design Issues
Dhrumil Panchal
 
PDF
Introduction to Operating Systems
Mukesh Chinta
 
PPTX
Programming Fundamentals
Trivuz ত্রিভুজ
 
PPTX
Visual Basic Controls ppt
Ranjuma Shubhangi
 
PPTX
Types of Operating System
Hemant Raj
 
PPTX
Introduction to java
Veerabadra Badra
 
PPT
Visual basic
umesh patil
 
PPT
Computer Organization and Assembly Language
fasihuddin90
 
Function Oriented Design
Sharath g
 
Java Exception handling
kamal kotecha
 
Graphical User Interface (Gui)
Bilal Amjad
 
C++ OOPS Concept
Boopathi K
 
operating system structure
Waseem Ud Din Farooqui
 
Programming Fundamentals lecture 1
REHAN IJAZ
 
Screen based controls in HCI
Venkateswara Rao V
 
Os ppt
Mitali Chugh
 
14. session 14 dhtml filter
Phúc Đỗ
 
Functions Of Operating System
Dr.Suresh Isave
 
Programming
Leo Simon Anfone
 
Features of java
WILLFREDJOSE W
 
Web Design Issues
Dhrumil Panchal
 
Introduction to Operating Systems
Mukesh Chinta
 
Programming Fundamentals
Trivuz ত্রিভুজ
 
Visual Basic Controls ppt
Ranjuma Shubhangi
 
Types of Operating System
Hemant Raj
 
Introduction to java
Veerabadra Badra
 
Visual basic
umesh patil
 
Computer Organization and Assembly Language
fasihuddin90
 

Viewers also liked (9)

PPT
Graphical user interface of web form
mentorrbuddy
 
PPTX
Matlab GUI
DataminingTools Inc
 
PDF
Gui
Sardar Alam
 
PPT
User Interface
Nyros Technologies
 
PDF
Matlab GUI
Omair Imtiaz Ansari
 
PPTX
PThreads Vs Win32 Threads
Robert Sayegh
 
PPTX
User interfaces presentation
somipam1
 
PPT
Graphical User Interface (GUI) - 1
PRN USM
 
PPTX
human computer interface
Santosh Kumar
 
Graphical user interface of web form
mentorrbuddy
 
User Interface
Nyros Technologies
 
PThreads Vs Win32 Threads
Robert Sayegh
 
User interfaces presentation
somipam1
 
Graphical User Interface (GUI) - 1
PRN USM
 
human computer interface
Santosh Kumar
 
Ad

Similar to Graphical User Interface (20)

PPTX
gui powerpoint.pptx
Piseaniket66gmailcom
 
PPT
Gui Layout Presentation
trangy
 
PDF
GUI.pdf
AbuSufyan82
 
PPTX
Text editors(ss)
nishara nish
 
PPT
Vb basic
IYPUMANI
 
PPTX
ITE 1122_ AWT and SWING.pptx
udithaisur
 
PPT
AWT information
Unit Nexus Pvt. Ltd.
 
DOC
Windows note(43 69)
Bibhuti Behera
 
DOCX
Ss tools
Sumathi Gnanasekaran
 
DOCX
Ss tools
Sumathi Gnanasekaran
 
PDF
Operating system
khair20
 
PDF
Ajp notes-chapter-01
JONDHLEPOLY
 
PPTX
Lesson 3 Introduction to Human Computer Interaction.pptx
EllenGracePorras
 
PPTX
Lesson 3 Introduction to Human Computer Interaction.pptx
EllenGracePorras
 
DOCX
Mouse
Mariam Naseer
 
PPTX
Lecture 3 INTRODUCTION TO COMPUTER
Sultan Omar Shige
 
PPT
5945479
aryang720
 
PDF
VB PPT by ADI PART4.pdf
AdiseshaK
 
PDF
VB PPT by ADI PART4.pdf
Prof. Dr. K. Adisesha
 
PPTX
Windowforms controls c#
prabhu rajendran
 
gui powerpoint.pptx
Piseaniket66gmailcom
 
Gui Layout Presentation
trangy
 
GUI.pdf
AbuSufyan82
 
Text editors(ss)
nishara nish
 
Vb basic
IYPUMANI
 
ITE 1122_ AWT and SWING.pptx
udithaisur
 
AWT information
Unit Nexus Pvt. Ltd.
 
Windows note(43 69)
Bibhuti Behera
 
Operating system
khair20
 
Ajp notes-chapter-01
JONDHLEPOLY
 
Lesson 3 Introduction to Human Computer Interaction.pptx
EllenGracePorras
 
Lesson 3 Introduction to Human Computer Interaction.pptx
EllenGracePorras
 
Lecture 3 INTRODUCTION TO COMPUTER
Sultan Omar Shige
 
5945479
aryang720
 
VB PPT by ADI PART4.pdf
AdiseshaK
 
VB PPT by ADI PART4.pdf
Prof. Dr. K. Adisesha
 
Windowforms controls c#
prabhu rajendran
 
Ad

Recently uploaded (20)

PDF
CONCURSO DE POESIA “POETUFAS – PASSOS SUAVES PELO VERSO.pdf
Colégio Santa Teresinha
 
PDF
Reconstruct, Restore, Reimagine: New Perspectives on Stoke Newington’s Histor...
History of Stoke Newington
 
PDF
ARAL_Orientation_Day-2-Sessions_ARAL-Readung ARAL-Mathematics ARAL-Sciencev2.pdf
JoelVilloso1
 
PDF
The Constitution Review Committee (CRC) has released an updated schedule for ...
nservice241
 
PDF
LAW OF CONTRACT (5 YEAR LLB & UNITARY LLB )- MODULE - 1.& 2 - LEARN THROUGH P...
APARNA T SHAIL KUMAR
 
PPTX
Unit 2 COMMERCIAL BANKING, Corporate banking.pptx
AnubalaSuresh1
 
PPTX
CATEGORIES OF NURSING PERSONNEL: HOSPITAL & COLLEGE
PRADEEP ABOTHU
 
PPTX
I AM MALALA The Girl Who Stood Up for Education and was Shot by the Taliban...
Beena E S
 
PDF
0725.WHITEPAPER-UNIQUEWAYSOFPROTOTYPINGANDUXNOW.pdf
Thomas GIRARD, MA, CDP
 
PPTX
2025 Winter SWAYAM NPTEL & A Student.pptx
Utsav Yagnik
 
PPTX
Universal immunization Programme (UIP).pptx
Vishal Chanalia
 
PDF
ARAL-Orientation_Morning-Session_Day-11.pdf
JoelVilloso1
 
PPTX
How to Handle Salesperson Commision in Odoo 18 Sales
Celine George
 
PPTX
SPINA BIFIDA: NURSING MANAGEMENT .pptx
PRADEEP ABOTHU
 
PDF
DIGESTION OF CARBOHYDRATES,PROTEINS,LIPIDS
raviralanaresh2
 
PDF
Stokey: A Jewish Village by Rachel Kolsky
History of Stoke Newington
 
PDF
QNL June Edition hosted by Pragya the official Quiz Club of the University of...
Pragya - UEM Kolkata Quiz Club
 
PDF
Exploring the Different Types of Experimental Research
Thelma Villaflores
 
PDF
The dynastic history of the Chahmana.pdf
PrachiSontakke5
 
PPTX
How to Set Maximum Difference Odoo 18 POS
Celine George
 
CONCURSO DE POESIA “POETUFAS – PASSOS SUAVES PELO VERSO.pdf
Colégio Santa Teresinha
 
Reconstruct, Restore, Reimagine: New Perspectives on Stoke Newington’s Histor...
History of Stoke Newington
 
ARAL_Orientation_Day-2-Sessions_ARAL-Readung ARAL-Mathematics ARAL-Sciencev2.pdf
JoelVilloso1
 
The Constitution Review Committee (CRC) has released an updated schedule for ...
nservice241
 
LAW OF CONTRACT (5 YEAR LLB & UNITARY LLB )- MODULE - 1.& 2 - LEARN THROUGH P...
APARNA T SHAIL KUMAR
 
Unit 2 COMMERCIAL BANKING, Corporate banking.pptx
AnubalaSuresh1
 
CATEGORIES OF NURSING PERSONNEL: HOSPITAL & COLLEGE
PRADEEP ABOTHU
 
I AM MALALA The Girl Who Stood Up for Education and was Shot by the Taliban...
Beena E S
 
0725.WHITEPAPER-UNIQUEWAYSOFPROTOTYPINGANDUXNOW.pdf
Thomas GIRARD, MA, CDP
 
2025 Winter SWAYAM NPTEL & A Student.pptx
Utsav Yagnik
 
Universal immunization Programme (UIP).pptx
Vishal Chanalia
 
ARAL-Orientation_Morning-Session_Day-11.pdf
JoelVilloso1
 
How to Handle Salesperson Commision in Odoo 18 Sales
Celine George
 
SPINA BIFIDA: NURSING MANAGEMENT .pptx
PRADEEP ABOTHU
 
DIGESTION OF CARBOHYDRATES,PROTEINS,LIPIDS
raviralanaresh2
 
Stokey: A Jewish Village by Rachel Kolsky
History of Stoke Newington
 
QNL June Edition hosted by Pragya the official Quiz Club of the University of...
Pragya - UEM Kolkata Quiz Club
 
Exploring the Different Types of Experimental Research
Thelma Villaflores
 
The dynastic history of the Chahmana.pdf
PrachiSontakke5
 
How to Set Maximum Difference Odoo 18 POS
Celine George
 

Graphical User Interface

  • 2. Graphical User Interface (GUI)  Graphical User Interface (GUI) is a visual way of interacting with the computer using the components like windows, icons, labels, text-boxes, radio buttons, etc.  GUI is a program interface that takes the advantage of the computer graphics capabilities to make the program easier to use.  A well designed GUI helps the users to get rid from remembering complex commands by presenting command driven graphical layout.  GUI uses windows, icons and menus to carry out commands such as opening files, deleting files and moving files.  It refers to the graphical interface of a computer that allows users to click and drag objects with a mouse instead of entering text at a command line.
  • 3. Frame  In graphics and desktop publishing applications, a rectangular area in which text or graphics can appear is termed as a frame.  Frames are rectangular areas meant for inserting graphics and text.  They allow users to place objects wherever they want to on the page.
  • 4. Window  Window is the total visible screen of any application.  It consists of a visual area that contains some of the graphical user interface of the program.  A window is framed by a window decoration.  It has a rectangular shape that can overlap with the area of other windows.  It displays the output and allows input to one or more processes.
  • 5. Label  A label is a graphical control element, which displays text on a form.  It is a static control; having no interactivity.  A label is generally used to identify a nearby text box.  A label in GUI is just like a piece of paper, polymer, cloth, metal, or other material on a container or product, written or printed information about the product.  In computing, labels are used when the texts are written for informational and naming purpose.
  • 6. Text Box  A text box is a graphical control element often appears with a label and is intended to enable the user to input text information used by the program.  It is an area where user can input data and information.
  • 7. Text Field  A text field is a text control GUI element that enables the user to type a small amount of text.  When the user indicates that text entry is complete, the text field processes an event.
  • 8. Menu  Menu is a control that allows the user to select an option out of a list of options.  It is a list of options or commands presented to an operator by a computer.
  • 9. Buttons  Buttons are control which can be clicked upon to select an option from a selection of options.  Its name comes from the mechanical push-button group on a car radio receiver.
  • 10. Combo Box  Combo box is a combination of a single-line text box and a drop-down list or list box.  It allows the user to either type a value directly into the control or choose from the list of existing options.  It is very useful when a user has to select a certain option among various options.
  • 11. Radio Button  Radio buttons always appear in pairs or larger groups, and only one option in the group can be selected at a time.  Selecting a new item from the group's buttons also de-selects the previously selected button.  Radio buttons were named after the physical buttons used on older radios to select preset stations –  When one of the buttons was pressed, other buttons would pop out, leaving the pressed button the only button in the "pushed in" position.
  • 12. Check Box  Check box is a graphical element that allows user to make selection among the given alternatives.  Check box are often presented as a small box in the shape of square.  A simple click on the check box marks the box and makes a visible selection in the computer.  A check box is usually accompanied by a label to provide information to the user about the choices to be made.
  • 13. Tree view  A tree view is a graphical control element that presents a hierarchical view of information.  Each item (often called a branch or a node) can have a number of sub- items.  This is often visualized by indentation in a list.  An item can be expanded to reveal sub-items, if any exist, and collapsed to hide sub-items.  Tree views can be seen in file manager applications, where they allow the user to navigate the file system directories.
  • 14. Tab  Tab is a graphical control element.  A tab allows multiple documents or panels to be contained within a single window.  It is an interface style most commonly associated with web browsers, web applications and text editors.  Tabs are popular in use as a navigational widget for switching between sets of documents.