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

Operating system and its function
Operating system and its functionOperating system and its function
Operating system and its functionNikhi Jain
 
User Interface Design Module 5 screen based controls
User Interface Design Module 5  screen based controlsUser Interface Design Module 5  screen based controls
User Interface Design Module 5 screen based controlsbrindaN
 
Operating system presentation
Operating system presentationOperating system presentation
Operating system presentationashanrajpar
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft wordgherryta
 
directory structure and file system mounting
directory structure and file system mountingdirectory structure and file system mounting
directory structure and file system mountingrajshreemuthiah
 
Introduction to Windows
Introduction to WindowsIntroduction to Windows
Introduction to WindowsCha Mostierra
 
Linux operating system - Overview
Linux operating system - OverviewLinux operating system - Overview
Linux operating system - OverviewAshita Agrawal
 
File and directory
File and directoryFile and directory
File and directorySunil Kafle
 
Operating system.ppt (1)
Operating system.ppt (1)Operating system.ppt (1)
Operating system.ppt (1)Vaibhav Bajaj
 
Computer Languages....ppt
Computer Languages....pptComputer Languages....ppt
Computer Languages....ppthashgeneration
 
Operating system services 9
Operating system services 9Operating system services 9
Operating system services 9myrajendra
 
Function of Operating system
Function of Operating systemFunction of Operating system
Function of Operating systemAmit Mehla
 
Operating system and its types
Operating system and its types Operating system and its types
Operating system and its types vimal kumar arora
 
The desktop
The desktopThe desktop
The desktopsonnpb
 
Utility software
Utility softwareUtility software
Utility softwareadeang47
 

What's hot (20)

Operating system and its function
Operating system and its functionOperating system and its function
Operating system and its function
 
User Interface Design Module 5 screen based controls
User Interface Design Module 5  screen based controlsUser Interface Design Module 5  screen based controls
User Interface Design Module 5 screen based controls
 
Operating system presentation
Operating system presentationOperating system presentation
Operating system presentation
 
operating system
operating systemoperating system
operating system
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft word
 
directory structure and file system mounting
directory structure and file system mountingdirectory structure and file system mounting
directory structure and file system mounting
 
Introduction to Windows
Introduction to WindowsIntroduction to Windows
Introduction to Windows
 
Linux operating system - Overview
Linux operating system - OverviewLinux operating system - Overview
Linux operating system - Overview
 
File and directory
File and directoryFile and directory
File and directory
 
Operating system.ppt (1)
Operating system.ppt (1)Operating system.ppt (1)
Operating system.ppt (1)
 
Computer Languages....ppt
Computer Languages....pptComputer Languages....ppt
Computer Languages....ppt
 
Windows Basic
Windows BasicWindows Basic
Windows Basic
 
Operating system services 9
Operating system services 9Operating system services 9
Operating system services 9
 
Function of Operating system
Function of Operating systemFunction of Operating system
Function of Operating system
 
Microsoft Word
Microsoft WordMicrosoft Word
Microsoft Word
 
Operating system and its types
Operating system and its types Operating system and its types
Operating system and its types
 
The desktop
The desktopThe desktop
The desktop
 
Utility software
Utility softwareUtility software
Utility software
 
System calls
System callsSystem calls
System calls
 
Web technology
Web technologyWeb technology
Web technology
 

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

MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 

Recently uploaded (20)

MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 

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.