RAGAM DIALOG / GAYA INTERAKSI

dokumen-dokumen yang mirip
RAGAM DIALOG / GAYA INTERAKSI

RAGAM DIALOG. Aspek penting dalam dialog adalah gaya interaksi. Interaksi merupakan dialog antara manusia dan komputer

Danang Wahyu Utomo

Interaksi Manusia dan Komputer

Interaksi dan Sistem Menu

KERANGKA KERJA INTERAKSI

Pengertian Interaksi = komunikasi 2 arah antara manusia (user) dan sistem komputer.

Menu, Form, dan Kotak Dialog

TEKNIK INTERAKSI. Chalifa Chazar Modul :

PENDAHULUAN. Model interaksi. Ergonomi. Gaya interaksi. Konteks. terjemahan antara pengguna dan sistem. karakteristik fisik dari interaksi

Menu, Formulir, dan Kotak Dialog. Interaksi Manusia dan Komputer Sesi 6

INTERAKSI. Pengertian Interaksi komunikasi 2 arah antara manusia (user) dan komputer (sistem)

MENGOPERASIKAN SOFTWARE SPREADSHEET

INTERAKSI INTERAKSI. Definisi Interaksi. Kerangka Kerja Interaksi 3/21/2018. Output O. System S U User. I Input

Organisasi Semantik Menu

1. MENGENAL VISUAL BASIC

Pendahuluan. sebagai dialog antara. berbeda. ekslusif. beberapa ragam dialog.

BAB - III INTERAKSI By. By Ala n Ala Dix, D ix, Jan Ja et t Fin F lay, a y, Grego g ry o D ry. D Ab A owd o, wd, Russ us e s ll Be l ale a

Mengatur Tampilan AutoCAD

PENGENALAN WINDOWS. Copyright Asep Herman Suyanto

BAB I Menggunakan menu ikon yang terdapat dalam perangkat lunak pengolah angka

DESAIN ANTARMUKA PENGGUNA. System User Pengguna utama dari desain antarmuka sistem. Pemilik dimana desain antarmuka tersebut ditujukan.

RAGAM DIALOG. Ragam Dialog (Dialogue Style) adalah cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog.

Pertemuan 3 : Gaya Interaksi. Adiyuda Prayitna

Pemilihan Tipe Windows

RAGAM DIALOG 08/11/2014

APLIKASI MENU MENGGUNAKAN KOMPONEN DELPHI

Danang Wahyu Utomo

PERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007

Pertemuan 6 GAYA INTERAKSI DAN PERANGKAT INTERAKSI #1

INTERAKSI MANUSIA DAN KOMPUTER. Astrid Lestari Tungadi, S.Kom., M.TI.

MINGGU 3. Faktor Komputer & Interaksi. Suzan Agustri

PEMILIHAN TIPE WINDOWS

BAB 2 LANDASAN TEORI

Pertemuan 3 RAGAM DIALOG 4/20/2013. Indah Purwandani, M.Kom - BSI Bogor 1. Ragam dialog (Dialoque Style) :

Pertemuan 3 RAGAM DIALOG

i L i f e & M A C O S

Bekerja Dengan Lembar Kerja Excel

Aplikasi Pengolah Angka I. SPI112 - Slide 5 1

KATA PENGANTAR. Jakarta, Januari Ir. Sofi Ansori Penulis

BAB 3 Ragam Dialog (dialoque style) Interaksi Manusia & Komputer

BAB 2 LANDASAN TEORI. Istilah komputer (computer) berasal dari bahasa Latin Computare yang berarti

RAGAM DIALOG. Interaksi Manusia dan Komputer. Ratna Wardani

BAB 3 RAGAM DIALOG - RAGAM DIALOG INTERAKTIF. Interaksi Manusia dan Komputer Ragam Dialog 14

BAB I. 1 P e m r o g r a m a n V i s u a l B a s i c - J a t i L e s t a r i

INTERAKSI MANUSIA DAN MESIN

Visual Basic (VB) Tatik yuniati. Abstrak.

Model Interaksi Manusia dengan Komputer. model interaksi antara manusia dan komputer (ragam dialog/antarmuka)

PERTEMUAN 1 PENGENALAN MICROSOFT OFFICE WORD 2007

Shortcut Keyboard Pada Windows

Microsoft Power Point 2003

BAB III PENGGUNAAN MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH GRAFIS

Menu ini mirip seperti menu toolbar, hanya saja Coolbar lebih dinamis penampilannya karena item yang dimunculkan bisa diatur tata letaknya, misal

DESAIN INPUT. Data Entry Proses mengubah data menjadi format yang dapat dibaca oleh komputer. Biasanya 100% berbasis keyboard.

Mengenal Ms.Excel 2010

APLIKASI KOMPUTER. Windows 7. Dr. Suharno Pawirosumarto, S.Kom, MM

VISUAL BASIC.NET. 1. Apa Itu VB.NET?

Microsoft Excel. I. Pendahuluan

BAB 2 LANDASAN TEORI. Istilah komputer mempunyai arti yang luas dan berbeda untuk orang yang

DIALOG DESAIN. 2. Sintaksis - Yaitu urutan dan struktur dari input dan output. - Pada bahasa manusia, ekuivalen dengan grammar suatu kalimat.

RAGAM DIALOG KULIAH III

APLIKASI KOMPUTER. Windows 7. Yusuf Elmande., S.Si., M.Kom. Modul ke: Fakultas Ekonomi dan Bisnis. Program Studi Akuntansi

BAB 2 LANDASAN TEORI. Perangkat lunak adalah perintah ( program komputer ) yang bila dieksekusi

1.1 Memulai PowerPoint 2007

Kata Pengantar. Setelah mempelajari buku Student Guide Series Microsoft Office Word 2007 ini, diharapkan pembaca dapat:

MICROSOFT POWERPOINT. Pendahuluan

Sistem Informasi Manajemen. Evaluasi Rancangan/Disain Sistem

BAB IV MEMBUAT KARYA GRAFIS SEDERHANA

BAB II LANDASAN TEORI

BAB 2 LANDASAN TEORI. Istilah komputer (computer) berasal dari bahasa latin computere yang berarti

BAB 1 PENGENALAN MICROSOFT POWERPOINT 2007

Teori dan fungsi-fungsi dalam MS. Word 2010

BAB 2 LANDASAN TEORI. pengumpulan data Tugas Akhir di SMA N 5 Medan. disebut dengan informasi. (Bambang Wahyudi,2003)

Danang Wahyu Utomo

Modul Praktikum Ms. Office Power Point

16/09/2013. Materi 4 Interaksi Manusia dan Komputer

MS WORD SEBAGAI APLIKASI PENGOLAH KATA

Pembuatan Komponen Antarmuka Grafis

BAB 2 LANDASAN TEORI

BAB II LANDASAN TEORI

BAB 2 LANDASAN TEORI

1. Tentang Ms Power Point

RAGAM DIALOG. Oleh: Muhamad Alif, S.Kom

BAB II LANDASAN TEORI. komputer. Bahasa komputer berasal dari bahasa asing yaitu To Compute, yang artinya

23/09/2012. Materi 4 Interaksi Manusia dan Komputer

BAB 2 LANDASAN TEORI. Komputer berasal dari bahasa Latin computare yang artinya menghitung. Jadi

- INTERACTION & PARADIGM -

BAB 1 PENGENALAN MICROSOFT WORD 2007

LOGO. Semester Genap

PENGOPERASIAN SISTEM OPERASI

Membuat Buku Kerja dengan Microsoft Excel

2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu

Interaksi Manusia dan Komputer MODEL INTERAKSI MANUSIA KOMPUTER

8/29/2012. Mengoperasikan Sistem Operasi Berbasis GUI. Sistem Operasi Windows dan Perintah pada menu. Ikon ikon pada desktop windows.

MICROSOFT POWER POINT

MENU DAN TOOLBOX. Menu PopUp merupakan pengembangan dari menu yang ditampilkan di luar form, lepas dari menu bar.

Keterampilan Komputer dan Pengolahan Informasi (KKPI) Kenali Fungsi Tombol pada Keyboard Leptop/ Komputermu

RAGAM DIALOG Beberapa Sifat setiap Ragam Dialog Inisiatif Keluwesan Kompleksitas Kekuatan Beban Informasi Karakteristik Ragam Dialog Konsistensi

PENGENALAN MICROSOFT OFFICE 2007

BAB I PENDAHULUAN 1 BAB I PENDAHULUAN

Transkripsi:

RAGAM DIALOG / GAYA INTERAKSI

Ragam Dialog/Gaya Interaksi Aspek penting dalam dialog adalah gaya interaksi Interaksi merupakan dialog antara manusia dan komputer 2

Ragam Dialog/Gaya Interaksi Command Line Interface Menu s Natural Language Question/Answer and Query Dialogue Form-Fills and Spreadsheets WIMP Point and Click Three Dimensional Interfaces 3

Command Line Interface Cara untuk mengekspresikan instruksi ke komputer secara langsung. Macam Command Line (Baris Perintah) : Baris Perintah Tunggal Baris Perintah Terstruktur 4

Command Line Interface Baris Perintah Tunggal Perintah dilakukan melalui keyboard dengan sebuah key atau beberapa karakter yang membentuk kata kunci Implementasinya : tombol fungsi, karakter tunggal, singkatan pendek, semua kata, atau kombinasi cocok untuk tugas yang berulang lebih baik bagi pengguna ahli daripada pemula menawarkan akses langsung ke fungsi sistem nama perintah / singkatan harus bermakna! Contoh: sistem Unix 5

Command Line Interface Baris perintah tunggal Keuntungan Cepat Efisien Akurat Ringkas Luwes Inisiatif oleh pengguna User lebih hati-hati dan faham dengan setiap perintah yang di eksekusi Kerugian Memerlukan latihan yang lama Membutuhkan penggunaan yang teratur dan sesuai kebutuhan Beban ingatan tinggi Jelek dalam menangani masalah 6

Command Line Interface 7

Command Line Interface 8

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 Interface Baris Perintah Terstruktur Contoh pada file.bat yang ada pada Operating System. @echo off echo off cls prompt nasetiyanto $p$g mkdir file1 cd file1 mkdir file1-1 mkdir file1-2 cd.. Kemudian urutan baris perintah di atas disimpan dalam file Hai.Bat 10

Menu s Tetapkan pilihan yang ditampilkan pada layar Pilihan terlihat mengurangi ingatan - mudah digunakan nama harus bermakna Seleksi oleh: angka, huruf, tombol panah, mouse kombinasi (e.g. mouse ditambah akselerator) Pilihan sering dikelompokkan secara hierarkis Pengelompokan yang mudah dipahami sangat diperlukan 11

Menu s 12

Menu s 13

Natural Language Akrab pengguna Menggunakan bahasa alami / sehari-hari Masalah Samar Ambigu Sulit dilakukan dengan baik! Solusi Mencoba untuk memahami Memilih kata-kata kunci 14

Natural Language 15

Natural Language 16

Natural Language 17

Query Interfaces Pertanyaan / jawaban antarmuka pengguna dipandu melalui interaksi dengan serangkaian pertanyaan cocok untuk pemula pengguna tetapi fungsionalitasnya terbatas sering digunakan dalam sistem informasi Query bahasa (e.g. SQL) digunakan untuk mengambil informasi dari database memerlukan pemahaman tentang struktur database dan sintaks bahasa, sehingga memerlukan beberapa keahlian 18

Query Interfaces 19

Query Interfaces 20

Query Interfaces 21

Query Interfaces (Sql) 22

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 jelas 23

Form-fills 24

Form-fills 25

Form-fills 26

Spreadsheets Spreadsheet 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 formula rumus dapat melibatkan nilai-nilai dari sel-sel lain pengguna dapat memasukkan data dan mengubah spreadsheet dan menjaga konsistensinya 27

Spreadsheets (Lotus 123) 28

Spreadsheets 29

Spreadsheets (MS Excel) 30

WIMP Interface Windows Icons Menus Pointers or windows, icons, mice, and pull-down menus! style standar untuk sebagian besar sistem komputer interaktif, terutama PC dan desktop 31

Elements Of The WIMP Interface windows, icons, menus, pointers +++ buttons, toolbars, combo box, list box, palettes, dialog boxes also see supplementary material on choosing wimp elements

Element WIMP : Windows Area layar yang bebas dapat berisi teks atau grafis dapat dipindah atau diubah ukurannya dapat tumpang tindih dan tidak jelas satu sama lain, atau dapat diletakkan di samping satu sama lain Scrollbars mengijinkan pengguna untuk memindahkan isi jendela atas dan ke bawah atau dari sisi ke sisi Title bar menjelaskan nama windows 33

Element WIMP : Icons gambar atau gambar kecil mewakili beberapa objek dalam antarmuka sering sebuah jendela atau tindakan jendela dapat ditutup (iconised) perwakilan kecil yang banyak diakses windows ikon dapat menjadi banyak dan beragam sangat bergaya representasi yang realistis 34

Element WIMP : Menu s Pilihan operasi atau layanan yang ditawarkan pada layar Pilihan yang diperlukan dipilih dengan pointer File Edit Options Font Typewriter Screen Times masalah - mengambil banyak ruang layar solusi - pop-up: menu yang muncul saat dibutuhkan 35

Jenis Menu s Bar Menu : di atas layar (biasanya), menu menyeret turun Pull-Down Menu : tahan mouse dan tarik down Drop Down Menu : menu mengungkapkan klik mouse Fall-Down Menu : mouse hanya bergerak di bar! Pop-Up Menu : tindakan untuk objek yang dipilih Pie Menu : diatur dalam sebuah lingkaran lebih mudah dan cepat untuk memilih item (area target yang lebih besar) 36

Menu Tambahan Cascading menu hirarkis struktur menu pilihan menu membuka menu baru Keyboard akselerator kunci kombinasi - efek yang sama dengan menu item dua jenis aktif pada saat menu terbuka - biasanya huruf pertama aktif saat menu ditutup - biasanya Ctrl + huruf biasanya berbeda!!! 37

Masalah Desain Menus mana yang baik untuk digunakan apa yang harus disertakan dalam menu kata-kata untuk menggunakan (tindakan atau keterangan) bagaimana ke grup item pilihan keyboard akselerator 38

Element WIMP : Pointers Gaya WIMP yang menunjuk dan memilih Menggunakan mouse, trackpad, joystick, trackball, tombol kursor atau cara pintas keyboard 39

Buttons Jenis khusus tombol radio set pilihan eksklusif kotak centang set pilihan non-eksklusif 40

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

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

Toolbars garis panjang ikon. akses cepat ke tindakan Common sering customizable: memilih toolbar untuk melihat memilih pilihan apa yang ada di dalamnya 43

Palettes Kumpulan mode yang tersedia atau yang aktif, berbentuk icon yang ditata secara berdampingan (tiled icons) masalah menu tidak ada di sana ketika Anda inginkan Solusi ditampilkan / disembunyikan melalui pilihan menu e.g.tersedia dalam menggambar bentuk paket. 44

Dialogue Boxes informasi jendela yang pop up untuk menginformasikan suatu acara penting atau meminta informasi. misalnya: saat menyimpan sebuah file, kotak dialog akan ditampilkan untuk memungkinkan pengguna menentukan nama file dan lokasi. Setelah file disimpan, kotak menghilang. 45

Three Dimensional Interfaces virtual reality ordinary window systems 3D highlighting visual affordance indiscriminate use just confusing! use for extra virtual space light and occlusion give depth distance effects click me! flat buttons or sculptured 46