SlideShare a Scribd company logo
1 of 12
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.
allows input to one
▶ It displays the output and
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.
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
to
commands presented
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.
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.
THE-END

More Related Content

What's hot

Windows 7 interface
Windows 7 interfaceWindows 7 interface
Windows 7 interface
SirajRock
 
11. Storage and File Structure in DBMS
11. Storage and File Structure in DBMS11. Storage and File Structure in DBMS
11. Storage and File Structure in DBMS
koolkampus
 

What's hot (20)

Working with files and folders 2016
Working with files and folders 2016Working with files and folders 2016
Working with files and folders 2016
 
Managing files and folder in windows 10
Managing files and folder in windows 10Managing files and folder in windows 10
Managing files and folder in windows 10
 
Graphical User Interface (GUI)
Graphical User Interface (GUI)Graphical User Interface (GUI)
Graphical User Interface (GUI)
 
Application of Ram and ROM
Application of Ram and ROMApplication of Ram and ROM
Application of Ram and ROM
 
Full Presentation on Notepad
Full Presentation on NotepadFull Presentation on Notepad
Full Presentation on Notepad
 
OPERATING SYSTEM
OPERATING SYSTEMOPERATING SYSTEM
OPERATING SYSTEM
 
Memory management
Memory managementMemory management
Memory management
 
Parts Of A Computer
Parts Of A ComputerParts Of A Computer
Parts Of A Computer
 
File management - ICT IGCSE Chapter 11
File management - ICT IGCSE Chapter 11File management - ICT IGCSE Chapter 11
File management - ICT IGCSE Chapter 11
 
Lesson 1 introduction to spreadsheet
Lesson 1 introduction to spreadsheet Lesson 1 introduction to spreadsheet
Lesson 1 introduction to spreadsheet
 
Files and Folders in Windows 7
Files and Folders in Windows 7Files and Folders in Windows 7
Files and Folders in Windows 7
 
Visual programming lecture
Visual programming lecture Visual programming lecture
Visual programming lecture
 
Computer Organization
Computer Organization Computer Organization
Computer Organization
 
Windows 7
Windows 7Windows 7
Windows 7
 
Windows 7 interface
Windows 7 interfaceWindows 7 interface
Windows 7 interface
 
11. Storage and File Structure in DBMS
11. Storage and File Structure in DBMS11. Storage and File Structure in DBMS
11. Storage and File Structure in DBMS
 
Input output systems ppt - cs2411
Input output systems ppt - cs2411Input output systems ppt - cs2411
Input output systems ppt - cs2411
 
Scratch programming
Scratch programmingScratch programming
Scratch programming
 
Web development using html 5
Web development using html 5Web development using html 5
Web development using html 5
 
Html Frames
Html FramesHtml Frames
Html Frames
 

Similar to gui powerpoint.pptx

Gui Layout Presentation
Gui Layout PresentationGui Layout Presentation
Gui Layout Presentation
trangy
 

Similar to gui powerpoint.pptx (20)

Graphical User Interface
Graphical User Interface Graphical User Interface
Graphical User Interface
 
HCI CH-2.pptx
HCI CH-2.pptxHCI CH-2.pptx
HCI CH-2.pptx
 
Web Based GIS LeadGen Introduction
Web Based GIS LeadGen IntroductionWeb Based GIS LeadGen Introduction
Web Based GIS LeadGen Introduction
 
User Interface Design
User Interface DesignUser Interface Design
User Interface Design
 
Gui Layout Presentation
Gui Layout PresentationGui Layout Presentation
Gui Layout Presentation
 
Introduction to UiAutomation EMEA APAC.pdf
Introduction to UiAutomation EMEA APAC.pdfIntroduction to UiAutomation EMEA APAC.pdf
Introduction to UiAutomation EMEA APAC.pdf
 
Computer Operating system
Computer Operating systemComputer Operating system
Computer Operating system
 
Please use your own words, do not just copy and paste !!!For Selec.pdf
Please use your own words, do not just copy and paste !!!For Selec.pdfPlease use your own words, do not just copy and paste !!!For Selec.pdf
Please use your own words, do not just copy and paste !!!For Selec.pdf
 
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
 
GUI.pdf
GUI.pdfGUI.pdf
GUI.pdf
 
Unit 2
Unit 2Unit 2
Unit 2
 
Text editors(ss)
Text editors(ss)Text editors(ss)
Text editors(ss)
 
Interface Selection Options.pptx
Interface Selection Options.pptxInterface Selection Options.pptx
Interface Selection Options.pptx
 
Organizationofacomputer and components
Organizationofacomputer and componentsOrganizationofacomputer and components
Organizationofacomputer and components
 
Gui in matlab :
Gui in matlab :Gui in matlab :
Gui in matlab :
 
Windows
WindowsWindows
Windows
 
Assignment on Input and output devices
Assignment on Input and output devicesAssignment on Input and output devices
Assignment on Input and output devices
 
LECTURE 1- BASIC CAD.pdf
LECTURE 1- BASIC CAD.pdfLECTURE 1- BASIC CAD.pdf
LECTURE 1- BASIC CAD.pdf
 
AWT information
AWT informationAWT information
AWT information
 

Recently uploaded

introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
VishalKumarJha10
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
mohitmore19
 

Recently uploaded (20)

Optimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVOptimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTV
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial Goals
 
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfLearn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
 
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
 
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptxBUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
 
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time ApplicationsUnveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
 
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
ManageIQ - Sprint 236 Review - Slide Deck
ManageIQ - Sprint 236 Review - Slide DeckManageIQ - Sprint 236 Review - Slide Deck
ManageIQ - Sprint 236 Review - Slide Deck
 
8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students
 
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension AidDirect Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
 
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdfPayment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
 
The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...
The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...
The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...
 

gui powerpoint.pptx

  • 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. allows input to one ▶ It displays the output and 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. 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 to commands presented an operator by a computer.
  • 8. 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.
  • 9. 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.
  • 10. 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.
  • 11. 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.