Top Banner
ACHMAD BASUKI GRAPHIC USER INTERFACE (GUI)
21

Graphic User Interface (GUI)

Dec 16, 2016

Download

Documents

NgôDũng
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Graphic User Interface (GUI)

A C H M A D B A S U K I

GRAPHIC USER INTERFACE (GUI)

Page 2: Graphic User Interface (GUI)

GUI

• Sebuah bentuk IMK yang menggunakan window,

icon dan menu dengan lebih mengutamakan

pemakaian mouse.

• Sebuah bentuk antarmuka yang lebih banyak

menggunakan grafik/gambar dibandingkan teks.

• GUI menggunakan kombinasi teknologi dan

perangkat2 dalam sebuah platform dimana user

dapat melakukan tugasnya dalam menghasilkan

informasi

Page 3: Graphic User Interface (GUI)

GUI PADA WINDOWS

Page 4: Graphic User Interface (GUI)

GUI PADA WINDOWS-FEDORA

Page 5: Graphic User Interface (GUI)

GUI PADA MAC

Page 6: Graphic User Interface (GUI)

KOMPONEN GUI

• Visual Language

• WIMP (Windows, Icons, Menus, Pointing device)

• Windowing System

• Desktop management

• Skin

Page 7: Graphic User Interface (GUI)

VISUAL LANGUAGE

• Unit visual dalam bentuk garis dan tanda yang

dibangun ke dalam bentuk yang bermakna dan

terstruktur.

• Perhatian dalam visual language:

• Imaging in the mind

• Meaning and expression

• Perception

• Innate structures in the brain

• Visual thinking

• Graphicacy

Page 8: Graphic User Interface (GUI)

VISUAL LANGUAGE IMAGE IN MIND

• Gambar membawa sebuah perasaan (feel) dan

kesan (impressive) bagi yang melihatnya.

Page 9: Graphic User Interface (GUI)

VISUAL LANGUAGE MEANING & EXPRESSION

• Gambar mempunyai makna dan ekspresi bagi

yang melihatnya.

Page 10: Graphic User Interface (GUI)

VISUAL LANGUAGE PERCEPTION

• Gambar membawa persepsi yang berbeda pada

setiap orang yang melihatnya.

Page 11: Graphic User Interface (GUI)

VISUAL LANGUAGE INNATE STRUCTURES IN THE BRAIN

• Persepsi sebuah bentuk merupakan salah satu fitur

dari struktur

• Mata cenderung untuk menyatukan titik-titik ke

dalam bentuk-bentuk tertentu sesuai persepsinya.

Page 12: Graphic User Interface (GUI)

VISUAL LANGUAGE VISUAL THINKING

• Manusia memiliki kapasitas bawaan untuk

pemodelan kognitif, dan ekspresinya melalui sketsa,

menggambar, dan memerankan.

Page 13: Graphic User Interface (GUI)

VISUAL LANGUAGE GRAPHICACY

• Pengembangan aspek visual dari bahasa

komunikasi.

Page 14: Graphic User Interface (GUI)

WIMP

• WIMP (Windows, Icons, Menus, Pointing devices) adalah elemen-elemen dasar dari GUI.

• Windows menunjukkan wilayah kerja yang aktif, dengan sistem ini memungkinkan adanya multi-tasking.

• Icons adalah gambar yang menunjukkan operasional dengan bahasa yang lebih mudah dimengerti oleh semua kalangan.

• Menus adalah daftar operasional

• Pointing devices menunjukkan kursor dan penggeraknya (mouse, touch-screen, lightpen).

Page 15: Graphic User Interface (GUI)

CONTOH ELEMEN GUI PADA IPHONE

Page 16: Graphic User Interface (GUI)

CONTOH ELEMEN GUI PADA IPHONE

Page 17: Graphic User Interface (GUI)

BEBERAPA APLIKASI GUI

• Automated teller machines (ATM)

• Point-Of-Sale touchscreens at restaurants

• Self-service checkouts used in a retail store

• Airline self-ticketing and check-in

• Information kiosks in a public space, like a train

station or a museum

• Monitors or control screens in an embedded

industrial application which employ a real time

operating system (RTOS).

Page 18: Graphic User Interface (GUI)

SELF-SERVICE CHECKOUTS

Page 19: Graphic User Interface (GUI)

REAL TIME OPERATING SYSTEM

Page 20: Graphic User Interface (GUI)

GUI DI MASA DEPAN

• Salah satu eksplorasi GUI adalah penggunaan

navigasi 3D

• Pemakaian computer vision, sensor dan signal

processing menuju ke bentuk virtual reality.

Page 21: Graphic User Interface (GUI)

TERIMA KASIH