SlideShare a Scribd company logo
1 of 15
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

Algorithms and Flowcharts
Algorithms and FlowchartsAlgorithms and Flowcharts
Algorithms and FlowchartsDeva Singh
 
Graphical user-interface
Graphical user-interfaceGraphical user-interface
Graphical user-interfaceEstiak Khan
 
Lect 1. introduction to programming languages
Lect 1. introduction to programming languagesLect 1. introduction to programming languages
Lect 1. introduction to programming languagesVarun Garg
 
Graphical User Interface
Graphical User InterfaceGraphical User Interface
Graphical User InterfaceMohammed Twaha
 
Operating system presentation
Operating system presentationOperating system presentation
Operating system presentationashanrajpar
 
toolbox and its properties in the visual basic
toolbox and its properties in the visual basictoolbox and its properties in the visual basic
toolbox and its properties in the visual basicadarsh-kaul
 
Introduction to computer programming
Introduction to computer programmingIntroduction to computer programming
Introduction to computer programmingNSU-Biliran Campus
 
What is an algorithm?
What is an algorithm?What is an algorithm?
What is an algorithm?Angela DeHart
 
Introduction to programming
Introduction to programmingIntroduction to programming
Introduction to programmingNeeru Mittal
 
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTvicci4041
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionbrindaN
 

What's hot (20)

Algorithms and Flowcharts
Algorithms and FlowchartsAlgorithms and Flowcharts
Algorithms and Flowcharts
 
Graphical user-interface
Graphical user-interfaceGraphical user-interface
Graphical user-interface
 
Ms powerpoint
Ms powerpointMs powerpoint
Ms powerpoint
 
Lect 1. introduction to programming languages
Lect 1. introduction to programming languagesLect 1. introduction to programming languages
Lect 1. introduction to programming languages
 
Graphical User Interface
Graphical User InterfaceGraphical User Interface
Graphical User Interface
 
Operating system presentation
Operating system presentationOperating system presentation
Operating system presentation
 
Operating system
Operating system Operating system
Operating system
 
toolbox and its properties in the visual basic
toolbox and its properties in the visual basictoolbox and its properties in the visual basic
toolbox and its properties in the visual basic
 
Microsoft Word
Microsoft WordMicrosoft Word
Microsoft Word
 
System software
System softwareSystem software
System software
 
ppt of flowchart
ppt of flowchartppt of flowchart
ppt of flowchart
 
Introduction to computer programming
Introduction to computer programmingIntroduction to computer programming
Introduction to computer programming
 
What is an algorithm?
What is an algorithm?What is an algorithm?
What is an algorithm?
 
Introduction to programming
Introduction to programmingIntroduction to programming
Introduction to programming
 
Os ppt
Os pptOs ppt
Os ppt
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
 
Intro. to PowerPoint
Intro. to PowerPointIntro. to PowerPoint
Intro. to PowerPoint
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
Control panel
Control panelControl panel
Control panel
 

Viewers also liked

Graphical user interface of web form
Graphical user interface of web formGraphical user interface of web form
Graphical user interface of web formmentorrbuddy
 
PThreads Vs Win32 Threads
PThreads  Vs  Win32 ThreadsPThreads  Vs  Win32 Threads
PThreads Vs Win32 ThreadsRobert Sayegh
 
User interfaces presentation
User interfaces presentationUser interfaces presentation
User interfaces presentationsomipam1
 
Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1PRN USM
 
Graphical User Interface (Gui)
Graphical User Interface (Gui)Graphical User Interface (Gui)
Graphical User Interface (Gui)Bilal Amjad
 
human computer interface
human computer interfacehuman computer interface
human computer interfaceSantosh Kumar
 

Viewers also liked (10)

Graphical user interface of web form
Graphical user interface of web formGraphical user interface of web form
Graphical user interface of web form
 
Matlab GUI
Matlab GUIMatlab GUI
Matlab GUI
 
Gui
GuiGui
Gui
 
User Interface
User InterfaceUser Interface
User Interface
 
Matlab GUI
Matlab GUIMatlab GUI
Matlab GUI
 
PThreads Vs Win32 Threads
PThreads  Vs  Win32 ThreadsPThreads  Vs  Win32 Threads
PThreads Vs Win32 Threads
 
User interfaces presentation
User interfaces presentationUser interfaces presentation
User interfaces presentation
 
Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1
 
Graphical User Interface (Gui)
Graphical User Interface (Gui)Graphical User Interface (Gui)
Graphical User Interface (Gui)
 
human computer interface
human computer interfacehuman computer interface
human computer interface
 

Similar to Graphical User Interface

Similar to Graphical User Interface (20)

gui powerpoint.pptx
gui powerpoint.pptxgui powerpoint.pptx
gui powerpoint.pptx
 
Gui Layout Presentation
Gui Layout PresentationGui Layout Presentation
Gui Layout Presentation
 
GUI.pdf
GUI.pdfGUI.pdf
GUI.pdf
 
Text editors(ss)
Text editors(ss)Text editors(ss)
Text editors(ss)
 
Vb basic
Vb basicVb basic
Vb basic
 
ITE 1122_ AWT and SWING.pptx
ITE 1122_ AWT  and SWING.pptxITE 1122_ AWT  and SWING.pptx
ITE 1122_ AWT and SWING.pptx
 
AWT information
AWT informationAWT information
AWT information
 
Windows note(43 69)
Windows note(43 69)Windows note(43 69)
Windows note(43 69)
 
Ss tools
Ss toolsSs tools
Ss tools
 
Ss tools
Ss toolsSs tools
Ss tools
 
Operating system
Operating systemOperating system
Operating system
 
Ajp notes-chapter-01
Ajp notes-chapter-01Ajp notes-chapter-01
Ajp notes-chapter-01
 
Lesson 3 Introduction to Human Computer Interaction.pptx
Lesson 3 Introduction to Human Computer Interaction.pptxLesson 3 Introduction to Human Computer Interaction.pptx
Lesson 3 Introduction to Human Computer Interaction.pptx
 
Mouse
MouseMouse
Mouse
 
Lecture 3 INTRODUCTION TO COMPUTER
Lecture 3 INTRODUCTION TO COMPUTERLecture 3 INTRODUCTION TO COMPUTER
Lecture 3 INTRODUCTION TO COMPUTER
 
5945479
59454795945479
5945479
 
VB PPT by ADI PART4.pdf
VB PPT by ADI PART4.pdfVB PPT by ADI PART4.pdf
VB PPT by ADI PART4.pdf
 
VB PPT by ADI PART4.pdf
VB PPT by ADI PART4.pdfVB PPT by ADI PART4.pdf
VB PPT by ADI PART4.pdf
 
Windowforms controls c#
Windowforms controls c#Windowforms controls c#
Windowforms controls c#
 
Power Point Lesson 08 P2
Power Point Lesson 08 P2Power Point Lesson 08 P2
Power Point Lesson 08 P2
 

Recently uploaded

ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701bronxfugly43
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesShubhangi Sonawane
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxnegromaestrong
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxNikitaBankoti2
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docxPoojaSen20
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docxPoojaSen20
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 

Recently uploaded (20)

ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 

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.