3/24/2014

1

RAGAM DIALOG / GAYA INTERAKSI

Ragam Dialog/Gaya Interaksi

Aspek penting dalam dialog adalah gaya interaksi

Interaksi merupakan dialog antara manusia dan komputer

2

3/24/2014

2

Command Line InterfaceMenu’sNatural LanguageQuestion/Answer and Query DialogueForm-Fills and SpreadsheetsWIMPPoint and ClickThree–Dimensional Interfaces

Ragam Dialog/Gaya Interaksi

3

Command Line Interface

Cara untuk mengekspresikan instruksi kekomputer secara langsung.

Macam Command Line (Baris Perintah) :Baris Perintah TunggalBaris Perintah Terstruktur

4

3/24/2014

3

Command Line InterfaceBaris Perintah Tunggal

Perintah dilakukan melalui keyboard dengan sebuah key atau beberapa karakter yang membentuk kata kunciImplementasinya :

tombol fungsi, karakter tunggal, singkatan pendek, semua kata, atau kombinasi

cocok untuk tugas yang berulanglebih baik bagi pengguna ahli daripada pemulamenawarkan akses langsung ke fungsi sistemnama perintah / singkatan harus bermakna!

Contoh: sistem Unix 5

Baris perintah tunggal

KeuntunganCepatEfisienAkuratRingkasLuwesInisiatif oleh penggunaUser lebih hati-hati dan faham dengan setiap perintah yang di eksekusi

KerugianMemerlukan latihan yang lamaMembutuhkan penggunaan yang teratur dan sesuai kebutuhanBeban ingatan tinggiJelek dalam menangani masalah

6

Command Line Interface

3/24/2014

4

Command Line Interface

7

Command Line Interface

8

3/24/2014

5

Command Line Interface

Baris Perintah Terstruktur

Merupakan kumpulan dari banyak perintah tunggal menjadi satu rangkaian.Implementasinya pada :

File .BAT yang ada pada Operating System.

9

Command Line InterfaceBaris Perintah Terstruktur

Contoh pada file .BAT yang ada pada Operating System.

10

@echo offecho offclsprompt nasetiyanto $p$gmkdir file1cd file1mkdir file1-1mkdir file1-2cd . .

Kemudian urutan baris perintah di atas disimpan dalam file Hai.Bat

3/24/2014

6

Menu’sTetapkan pilihan yang ditampilkan pada layarPilihan terlihat

mengurangi ingatan - mudah digunakannama harus bermakna

Seleksi oleh:angka, huruf, tombol panah, mousekombinasi (e.g. mouse ditambah akselerator)

Pilihan sering dikelompokkan secara hierarkisPengelompokan yang mudah dipahami sangat diperlukan

11

Menu’s

12

3/24/2014

7

Menu’s

13

Natural Language

Akrab penggunaMenggunakan bahasa alami / sehari-hari

MasalahSamar

AmbiguSulit dilakukan dengan baik!

SolusiMencoba untuk memahami Memilih kata-kata kunci

14

3/24/2014

8

Natural Language

15

Natural Language

16

3/24/2014

9

17

Natural Language

18

3/24/2014

10

Query Interfaces

Pertanyaan / jawaban antarmukapengguna dipandu melalui interaksi dengan serangkaian pertanyaancocok untuk pemula pengguna tetapi fungsionalitasnya terbatassering digunakan dalam sistem informasi

Query bahasa (e.g. SQL)digunakan untuk mengambil informasi dari databasememerlukan pemahaman tentang struktur database dan sintaks bahasa, sehingga memerlukan beberapa keahlian

19

Query Interfaces

20

3/24/2014

11

Query Interfaces

21

Query Interfaces

22

3/24/2014

12

Query Interfaces (Sql)

23

Form-fills

Terutama untuk entri data atau pengambilan data Layar seperti kertas formulir. Data dimasukkan ke dalam tempat yang relevan Memerlukan

desain yang baik

fasilitas koreksi jelas24

3/24/2014

13

Form-fills

25

Form-fills

26

3/24/2014

14

Form-fills

27

SpreadsheetsSpreadsheet pertama oleh Lotus 1-2-3,sekarang paling umum yang dikenal user adalah MS Excel.

Canggih dengan variasi bentuk pengisian.grid sel berisi nilai atau formularumus dapat melibatkan nilai-nilai dari sel-sel lain pengguna dapat memasukkan data dan mengubah spreadsheet dan menjaga konsistensinya

28

3/24/2014

15

Spreadsheets (Lotus 123)

29

Spreadsheets

30

3/24/2014

16

Spreadsheets (MS Excel)

31

WIMP Interface

WindowsIcons

MenusPointers

… or windows, icons, mice, and pull-down menus!

style standar untuk sebagian besar sistem komputer interaktif, terutama PC dan desktop

32

3/24/2014

17

Elements Of The WIMP Interface

windows, icons, menus, pointers+++buttons, toolbars, combo box, list box,palettes, dialog boxes

also see supplementary materialon choosing wimp elements

Element WIMP : Windows

Area layar yang bebasdapat berisi teks atau grafisdapat dipindah atau diubah ukurannyadapat tumpang tindih dan tidak jelas satu sama lain, ataudapat diletakkan di samping satu sama lain

Scrollbarsmengijinkan pengguna untuk memindahkan isi jendela atas dan ke bawah atau dari sisi ke sisi

Title barmenjelaskan nama windows

34

3/24/2014

18

Element WIMP : Iconsgambar atau gambar kecilmewakili beberapa objek dalam antarmuka

sering sebuah jendela atau tindakanjendela dapat ditutup (iconised)

perwakilan kecil yang banyak diakses windowsikon dapat menjadi banyak dan beragam

sangat bergayarepresentasi yang realistis

35

Element WIMP : Menu’sPilihan operasi atau layanan yang ditawarkan pada layarPilihan yang diperlukan dipilih dengan pointer

masalah - mengambil banyak ruang layarsolusi - pop-up: menu yang muncul saat dibutuhkan

Fi l e Ed i t Op t i o ns

T y p e wr i t e r Sc r e e n T im e s

Fo n t

36

3/24/2014

19

Jenis Menu’sBar Menu :

di atas layar (biasanya), menu menyeret turunPull-Down Menu :

tahan mouse dan tarik downDrop Down Menu :

menu mengungkapkan klik mouseFall-Down Menu :

mouse hanya bergerak di bar!Pop-Up Menu :

tindakan untuk objek yang dipilihPie Menu :

diatur dalam sebuah lingkaranlebih mudah dan cepat untuk memilih item (area target yang lebih besar)

37

Menu Tambahan Cascading menu

hirarkis struktur menupilihan menu membuka menu baru

Keyboard akseleratorkunci kombinasi - efek yang sama dengan menu itemdua jenis

aktif pada saat menu terbuka - biasanya hurufpertamaaktif saat menu ditutup - biasanya Ctrl + hurufbiasanya berbeda !!!

38

3/24/2014

20

Masalah Desain Menus

mana yang baik untuk digunakanapa yang harus disertakan dalam menukata-kata untuk menggunakan (tindakan atau keterangan)bagaimana ke grup itempilihan keyboard akselerator

39

Element WIMP : Pointers

Gaya WIMP yang menunjuk dan memilihMenggunakan mouse, trackpad, joystick, trackball, tombol kursor atau cara pintas keyboard

40

3/24/2014

21

Buttons

Jenis khusustombol radio

set pilihan eksklusifkotak centang

set pilihan non-eksklusif

41

Combo Box

Kombinasi antara a drop-down list atau list box dengan sebuah single-line textbox, sehingga user bisa memilih.

42

3/24/2014

22

List Box

Komponen GUI yang mengijinkan user memilih satu atau lebih item dari sebuah list, dengan tombol Shift atau Control.

43

Toolbars

garis panjang ikon.

akses cepat ke tindakan Common

sering customizable:memilih toolbar untuk melihatmemilih pilihan apa yang ada di dalamnya

44

3/24/2014

23

Palettes

Kumpulan mode yang tersedia atau yang aktif, berbentuk icon yang ditata secara berdampingan (tiled icons)masalah

menu tidak ada di sana ketika Anda inginkanSolusi

ditampilkan / disembunyikan melalui pilihan menu e.g.tersedia dalam menggambar bentuk paket.

45

Dialogue Boxes

informasi jendela yang pop up untukmenginformasikan suatu acara penting ataumeminta informasi.

misalnya:saat menyimpan sebuah file, kotak dialog akanditampilkan untuk memungkinkan penggunamenentukan nama file dan lokasi. Setelah filedisimpan, kotak menghilang.

46

3/24/2014

24

Three Dimensional Interfaces

virtual reality‘ordinary’ window systems

highlightingvisual affordanceindiscriminate usejust confusing!

3Duse for extra virtual spacelight and occlusion give depthdistance effects

flat buttons …

… or sculptured

click me!

47