SlideShare a Scribd company logo
1 of 12
M402K2
DISCUSS GRAPHICAL USER-
INTERFACE (GUI) DESIGN
M402K2.2
Describe the building blocks
of GUI
Windows
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
The Menu System
Dialog Windows
Smartening up Applications
Windows
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
The window is a rectangular display that can be changed,
drawn freely on the screen. In most circumstances, each
views or views can be changed with scrolling and editing
Most window systems provide a standard window border
(border area) to control the window itself, and the
content area to allow the user to interact with the
content.
The controls are standard window close, minimize,
maximize, revert to previous, system menu and scroll bars
Windows
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
The Menu System
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
The menu system used in window systems mostly
operate by selecting an object or set of objects
first, and then subsequently select an action from
the appropriate menu.
Most window systems provide a menu system
that consists of a pop-up menu is written
(explicit) or hidden (implicit)
The Menu System
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
Can express popup menu appears by clicking on
the appropriate interface components such as
icons, menu bars, window controls, and so on.
Implied menu appears when the user clicks on
any screen, on the specific area of ​​the screen,
depending on the system, and often it is not in a
position to instruct users to click them to
disappear on close box or choose off instruction
The Menu System
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
Dialog Windows
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
Graphical Control dialog box (or dialog box) is a
small window that provides information to the
user and ask the user to give a response.
The dialogue box is classified as "capital" or
"modeless", depending on whether the block
interaction with the software to start a dialogue
or not. The type of dialogue box that is displayed
is depending on user interaction required.
Dialog Windows
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
The easiest type of dialog box is precautionary,
where this dialog box displays the message and may
require an acknowledgment that the message has
been read, usually by clicking "OK", or a decision in
which an action must be continued, by clicking "OK
"or" Cancel ". Signal is also used to display a "notice
of termination" - sometimes ask for confirmation
that the notice was read in the event of either being
deliberately closed or not
Dialog Windows
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
Smartening up Applications
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
Tugasan K402K2/K2.2/KK1/E1
Prinsip asas penghurufan… Samb.
Human-Computer Interaction
Theme merupakan salah satu item bagi Smartening up Applications
Berdasarkan theme yang kamu pilih rekabentuk satu interface/antaramuka
yang berkaitan dengan theme
Contoh :
Theme pilihan roses

More Related Content

Viewers also liked

Android SharePoint
Android SharePointAndroid SharePoint
Android SharePoint
BenCox35
 
Embedded Linux Multimedia
Embedded Linux MultimediaEmbedded Linux Multimedia
Embedded Linux Multimedia
Caglar Dursun
 

Viewers also liked (20)

The State Machine Compiler
The State Machine CompilerThe State Machine Compiler
The State Machine Compiler
 
Buildsystem.mk
Buildsystem.mkBuildsystem.mk
Buildsystem.mk
 
Android gradle-build-system-overview
Android gradle-build-system-overviewAndroid gradle-build-system-overview
Android gradle-build-system-overview
 
Android SharePoint
Android SharePointAndroid SharePoint
Android SharePoint
 
Carnegie Library Lab case study - Digital Toybox
Carnegie Library Lab case study - Digital ToyboxCarnegie Library Lab case study - Digital Toybox
Carnegie Library Lab case study - Digital Toybox
 
Perl on embedded Linux with Buildroot‎
Perl on embedded Linux with Buildroot‎Perl on embedded Linux with Buildroot‎
Perl on embedded Linux with Buildroot‎
 
The happy path to Android development
The happy path to Android developmentThe happy path to Android development
The happy path to Android development
 
Building aosp
Building aospBuilding aosp
Building aosp
 
Qi -- Lightweight Boot Loader Applied in Mobile and Embedded Devices
Qi -- Lightweight Boot Loader Applied in Mobile and Embedded DevicesQi -- Lightweight Boot Loader Applied in Mobile and Embedded Devices
Qi -- Lightweight Boot Loader Applied in Mobile and Embedded Devices
 
Understanding Android Build Variants
Understanding Android Build VariantsUnderstanding Android Build Variants
Understanding Android Build Variants
 
Embedded Linux Multimedia
Embedded Linux MultimediaEmbedded Linux Multimedia
Embedded Linux Multimedia
 
Yocto project and open embedded training
Yocto project and open embedded trainingYocto project and open embedded training
Yocto project and open embedded training
 
Why you should use the Yocto Project
Why you should use the Yocto ProjectWhy you should use the Yocto Project
Why you should use the Yocto Project
 
Implementing Lightweight Networking
Implementing Lightweight NetworkingImplementing Lightweight Networking
Implementing Lightweight Networking
 
olibc: Another C Library optimized for Embedded Linux
olibc: Another C Library optimized for Embedded Linuxolibc: Another C Library optimized for Embedded Linux
olibc: Another C Library optimized for Embedded Linux
 
Controlling Memory Footprint at All Layers: Linux Kernel, Applications, Libra...
Controlling Memory Footprint at All Layers: Linux Kernel, Applications, Libra...Controlling Memory Footprint at All Layers: Linux Kernel, Applications, Libra...
Controlling Memory Footprint at All Layers: Linux Kernel, Applications, Libra...
 
Linux systems - Getting started with setting up and embedded platform
Linux systems - Getting started with setting up and embedded platformLinux systems - Getting started with setting up and embedded platform
Linux systems - Getting started with setting up and embedded platform
 
Board Bringup
Board BringupBoard Bringup
Board Bringup
 
Embedded C - Optimization techniques
Embedded C - Optimization techniquesEmbedded C - Optimization techniques
Embedded C - Optimization techniques
 
Android studio
Android studioAndroid studio
Android studio
 

Similar to Building blocks of gui

Microsoft windows operating concept
Microsoft windows operating conceptMicrosoft windows operating concept
Microsoft windows operating concept
Mi L
 
4 module windows operating system
4 module windows operating system4 module windows operating system
4 module windows operating system
Rozell Sneede
 

Similar to Building blocks of gui (20)

An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface DesignAn Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
 
Unit v
Unit vUnit v
Unit v
 
Windows7
Windows7Windows7
Windows7
 
SWE-401 - 8. Software User Interface Design
SWE-401 - 8. Software User Interface DesignSWE-401 - 8. Software User Interface Design
SWE-401 - 8. Software User Interface Design
 
CSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationCSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 Documentation
 
3 Module - Operating Systems Configuration and Use by Mark John Lado
3 Module - Operating Systems Configuration and Use by Mark John Lado3 Module - Operating Systems Configuration and Use by Mark John Lado
3 Module - Operating Systems Configuration and Use by Mark John Lado
 
41 gui-design
41 gui-design41 gui-design
41 gui-design
 
41 gui-design
41 gui-design41 gui-design
41 gui-design
 
Microsoft windows operating concept
Microsoft windows operating conceptMicrosoft windows operating concept
Microsoft windows operating concept
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
 
Presentation Ux
Presentation UxPresentation Ux
Presentation Ux
 
Application Design - Part 2
Application Design - Part 2Application Design - Part 2
Application Design - Part 2
 
Slide interaksi manusia dan komputer
Slide interaksi manusia dan komputerSlide interaksi manusia dan komputer
Slide interaksi manusia dan komputer
 
Managing windows server and control panel
Managing windows server and control panelManaging windows server and control panel
Managing windows server and control panel
 
Windows
WindowsWindows
Windows
 
4 module windows operating system
4 module windows operating system4 module windows operating system
4 module windows operating system
 
4 module windows operating system
4 module windows operating system4 module windows operating system
4 module windows operating system
 
4 module windows operating system
4 module windows operating system4 module windows operating system
4 module windows operating system
 
4 module windows operating system
4 module windows operating system4 module windows operating system
4 module windows operating system
 
10th heuristic evaluation
10th heuristic evaluation10th heuristic evaluation
10th heuristic evaluation
 

More from arah1506 (20)

kuliah 2.pptx
kuliah 2.pptxkuliah 2.pptx
kuliah 2.pptx
 
kuliah 1.pptx
kuliah 1.pptxkuliah 1.pptx
kuliah 1.pptx
 
Intro to hci
Intro to hciIntro to hci
Intro to hci
 
Lpwar
LpwarLpwar
Lpwar
 
Erti www
Erti wwwErti www
Erti www
 
Spesifikasi komputer k3
Spesifikasi komputer k3Spesifikasi komputer k3
Spesifikasi komputer k3
 
Sistem komputer
Sistem komputerSistem komputer
Sistem komputer
 
Peranti input 4julai
Peranti input 4julaiPeranti input 4julai
Peranti input 4julai
 
Pengenalan os
Pengenalan osPengenalan os
Pengenalan os
 
Menjalankan ujian fungsi unit
Menjalankan ujian fungsi unitMenjalankan ujian fungsi unit
Menjalankan ujian fungsi unit
 
Keselamatan pemasangan komputer
Keselamatan pemasangan komputerKeselamatan pemasangan komputer
Keselamatan pemasangan komputer
 
Kabel rj45
Kabel rj45Kabel rj45
Kabel rj45
 
Asas sistem-komputer
Asas sistem-komputerAsas sistem-komputer
Asas sistem-komputer
 
Komponen utama komputer
Komponen utama komputerKomponen utama komputer
Komponen utama komputer
 
Jenis data mysql
Jenis data mysqlJenis data mysql
Jenis data mysql
 
Maka2015
Maka2015Maka2015
Maka2015
 
5 s promotion
5 s promotion5 s promotion
5 s promotion
 
Simbol erd
Simbol erdSimbol erd
Simbol erd
 
Carta jk induk 5 s 2014 (1)
Carta jk induk 5 s 2014 (1)Carta jk induk 5 s 2014 (1)
Carta jk induk 5 s 2014 (1)
 
Laporan program frog
Laporan program frogLaporan program frog
Laporan program frog
 

Recently uploaded

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Recently uploaded (20)

Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
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
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
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
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 

Building blocks of gui

  • 1. M402K2 DISCUSS GRAPHICAL USER- INTERFACE (GUI) DESIGN M402K2.2 Describe the building blocks of GUI
  • 2. Windows Prinsip asas penghurufan… Samb. Human-Computer Interaction The Menu System Dialog Windows Smartening up Applications
  • 3. Windows Prinsip asas penghurufan… Samb. Human-Computer Interaction The window is a rectangular display that can be changed, drawn freely on the screen. In most circumstances, each views or views can be changed with scrolling and editing Most window systems provide a standard window border (border area) to control the window itself, and the content area to allow the user to interact with the content. The controls are standard window close, minimize, maximize, revert to previous, system menu and scroll bars
  • 4. Windows Prinsip asas penghurufan… Samb. Human-Computer Interaction
  • 5. The Menu System Prinsip asas penghurufan… Samb. Human-Computer Interaction The menu system used in window systems mostly operate by selecting an object or set of objects first, and then subsequently select an action from the appropriate menu. Most window systems provide a menu system that consists of a pop-up menu is written (explicit) or hidden (implicit)
  • 6. The Menu System Prinsip asas penghurufan… Samb. Human-Computer Interaction Can express popup menu appears by clicking on the appropriate interface components such as icons, menu bars, window controls, and so on. Implied menu appears when the user clicks on any screen, on the specific area of ​​the screen, depending on the system, and often it is not in a position to instruct users to click them to disappear on close box or choose off instruction
  • 7. The Menu System Prinsip asas penghurufan… Samb. Human-Computer Interaction
  • 8. Dialog Windows Prinsip asas penghurufan… Samb. Human-Computer Interaction Graphical Control dialog box (or dialog box) is a small window that provides information to the user and ask the user to give a response. The dialogue box is classified as "capital" or "modeless", depending on whether the block interaction with the software to start a dialogue or not. The type of dialogue box that is displayed is depending on user interaction required.
  • 9. Dialog Windows Prinsip asas penghurufan… Samb. Human-Computer Interaction The easiest type of dialog box is precautionary, where this dialog box displays the message and may require an acknowledgment that the message has been read, usually by clicking "OK", or a decision in which an action must be continued, by clicking "OK "or" Cancel ". Signal is also used to display a "notice of termination" - sometimes ask for confirmation that the notice was read in the event of either being deliberately closed or not
  • 10. Dialog Windows Prinsip asas penghurufan… Samb. Human-Computer Interaction
  • 11. Smartening up Applications Prinsip asas penghurufan… Samb. Human-Computer Interaction
  • 12. Tugasan K402K2/K2.2/KK1/E1 Prinsip asas penghurufan… Samb. Human-Computer Interaction Theme merupakan salah satu item bagi Smartening up Applications Berdasarkan theme yang kamu pilih rekabentuk satu interface/antaramuka yang berkaitan dengan theme Contoh : Theme pilihan roses