RAGAM DIALOG GAYA INTERAKSI Ragam DialogGaya Interaksi n
- Slides: 47
RAGAM DIALOG / GAYA INTERAKSI
Ragam Dialog/Gaya Interaksi n Aspek penting dalam dialog adalah gaya interaksi n Interaksi merupakan dialog antara manusia dan komputer 2
Ragam Dialog/Gaya Interaksi Command Line Interface n Menu’s n Natural Language n Question/Answer and Query Dialogue n Form-Fills and Spreadsheets n WIMP n Point and Click n Three–Dimensional Interfaces n 3
Command Line Interface n Cara untuk mengekspresikan instruksi ke komputer secara langsung. n Macam Command Line (Baris Perintah) : ¨Baris Perintah Tunggal ¨Baris Perintah Terstruktur 4
Command Line Interface Baris Perintah Tunggal n n n 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 n Cepat n Efisien n Akurat n Ringkas n Luwes n Inisiatif oleh pengguna n User lebih hati-hati dan faham dengan setiap perintah yang di eksekusi Kerugian n Memerlukan latihan yang lama n Membutuhkan penggunaan yang teratur dan sesuai kebutuhan n Beban ingatan tinggi n Jelek dalam menangani masalah 6
Command Line Interface 7
Command Line Interface 8
Command Line Interface Baris Perintah Terstruktur n n 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 n Contoh pada file. BAT yang ada pada Operating System. @echo off cls prompt nasetiyanto $p$g mkdir file 1 cd file 1 mkdir file 1 -2 cd. . Kemudian urutan baris perintah di atas disimpan dalam file Hai. Bat 10
Menu’s n n 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 n n Akrab pengguna Menggunakan bahasa alami / sehari-hari Masalah ¨ Samar n Ambigu n Sulit dilakukan dengan baik! Solusi n Mencoba untuk memahami n Memilih kata-kata kunci 14
Natural Language 15
Natural Language 16
17
Natural Language 18
Query Interfaces n Pertanyaan / jawaban antarmuka ¨ pengguna dipandu melalui interaksi dengan serangkaian pertanyaan ¨ cocok untuk pemula pengguna tetapi fungsionalitasnya terbatas ¨ sering digunakan dalam sistem informasi n Query bahasa (e. g. SQL) ¨ digunakan untuk mengambil informasi dari database ¨ memerlukan pemahaman tentang struktur database dan sintaks bahasa, sehingga memerlukan beberapa keahlian 19
Query Interfaces 20
Query Interfaces 21
Query Interfaces 22
Query Interfaces (Sql) 23
Form-fills n n 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 24
Form-fills 25
Form-fills 26
Form-fills 27
Spreadsheets n Spreadsheet pertama oleh Lotus 1 -2 -3, sekarang paling umum yang dikenal user adalah MS Excel. n 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 28
Spreadsheets (Lotus 123) 29
Spreadsheets 30
Spreadsheets (MS Excel) 31
WIMP Interface Windows Icons Menus Pointers … or windows, icons, mice, and pull-down menus! n style standar untuk sebagian besar sistem komputer interaktif, terutama PC dan desktop 32
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 n 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 n Scrollbars ¨ mengijinkan pengguna untuk memindahkan isi jendela atas dan ke bawah atau dari sisi ke sisi n Title bar ¨ menjelaskan nama windows 34
Element WIMP : Icons n n gambar atau gambar kecil mewakili beberapa objek dalam antarmuka ¨ sering n sebuah jendela atau tindakan jendela dapat ditutup (iconised) ¨ perwakilan n kecil yang banyak diakses windows ikon dapat menjadi banyak dan beragam ¨ sangat bergaya ¨ representasi yang realistis 35
Element WIMP : Menu’s n n Pilihan operasi atau layanan yang ditawarkan pada layar Pilihan yang diperlukan dipilih dengan pointer masalah - mengambil banyak ruang layar solusi - pop-up: menu yang muncul saat dibutuhkan 36
Jenis Menu’s n n n 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) 37
Menu Tambahan n Cascading menu ¨ hirarkis struktur menu ¨ pilihan menu membuka menu baru n Keyboard akselerator ¨ kunci kombinasi - efek yang sama dengan menu item ¨ dua jenis n aktif pada saat menu terbuka - biasanya huruf pertama n aktif saat menu ditutup - biasanya Ctrl + huruf biasanya berbeda !!! 38
Masalah Desain Menus mana yang baik untuk digunakan n apa yang harus disertakan dalam menu n kata-kata untuk menggunakan (tindakan atau keterangan) n bagaimana ke grup item n pilihan keyboard akselerator n 39
Element WIMP : Pointers n n Gaya WIMP yang menunjuk dan memilih Menggunakan mouse, trackpad, joystick, trackball, tombol kursor atau cara pintas keyboard 40
Buttons n Jenis khusus ¨ tombol radio n set pilihan eksklusif ¨ kotak centang n set pilihan non-eksklusif 41
Combo Box n Kombinasi antara a drop-down list atau list box dengan sebuah single-line textbox, sehingga user bisa memilih. 42
List Box n Komponen GUI yang mengijinkan user memilih satu atau lebih item dari sebuah list, dengan tombol Shift atau Control. 43
Toolbars n garis panjang ikon. n akses cepat ke tindakan Common n sering customizable: ¨ memilih toolbar untuk melihat ¨ memilih pilihan apa yang ada di dalamnya 44
Palettes Kumpulan mode yang tersedia atau yang aktif, berbentuk icon yang ditata secara berdampingan (tiled icons) n masalah n ¨ menu n tidak ada di sana ketika Anda inginkan Solusi ¨ ditampilkan / disembunyikan melalui pilihan menu e. g. tersedia dalam menggambar bentuk paket. 45
Dialogue Boxes n informasi jendela yang pop up untuk menginformasikan suatu acara penting atau meminta informasi. n misalnya: ¨ saat menyimpan sebuah file, kotak dialog akan ditampilkan untuk memungkinkan pengguna menentukan nama file dan lokasi. Setelah file disimpan, kotak menghilang. 46
Three Dimensional Interfaces n n virtual reality ‘ordinary’ window systems ¨ highlighting ¨ visual affordance ¨ indiscriminate use just confusing! n flat buttons … click me! … or sculptured 3 D ¨ use for extra virtual space ¨ light and occlusion give depth ¨ distance effects 47
- Sifat ragam dialog
- Ragam dialog (dialog style)
- Direct manipulation adalah
- Contoh ragam dialog imk
- Contoh menu datar
- Gaya dialog menu
- Ragam dialog imk
- Pemilihan ragam dialog dipengaruhi, kecuali
- Merupakan ragam dialog yang paling konvensional
- Ngupamakeun nyaeta
- Contoh gaya sentuh dan gaya tak sentuh
- Ragam sosial dan ragam fungsional
- Contoh ragam bahasa kuliah
- Dialog drama musikal
- Contoh ayat cakap ajuk kepada ayat cakap pindah
- Tatabahasa
- Dialog einkaufen im supermarkt
- Dialog
- Vct phase 2
- Orbis dictus
- Pandangan konsili tentang dunia
- Dialog intercultural exemplu
- Mb_iconhand
- Dialog dalam konteks perancangan user interface adalah
- Liryka bezpośrednia
- Contoh karangan jenis wawancara
- Clipboard dialog box launcher
- Raspunsuri
- Dialog greeting and leave taking
- Common dialog
- System configuration dialog
- Customer dialogue manager
- Desain dialog imk
- Tingkatan paling rendah suatu bahasa pemrograman adalah
- Clipboard dialog box launcher
- Dialog
- Zenity yes no dialog
- V-dialog attach
- Langkah memperkembangkan dialog peradaban
- Job interview dialogue
- Contoh desain dialog
- Co je to dialog
- Treceti urmatorul fragment dialog in vorbire indirecta
- Tuliskan pengertian dari perangkat lunak
- Dialog in der schule
- Contoh pembentangan dialog prestasi
- Dialog
- Manfred schewe