BAB 7 RAGAM DIALOG.

Slides:



Advertisements
Presentasi serupa
PERANGKAT LUNAK PENGOLAH ANGKA
Advertisements

KOMPONEN DALAM DELPHI Form
INTERAKSI Pertemuan ketiga – Kuliah Interaksi Manusia dan Komputer
Interaksi Manusia dan Komputer “Interaksi”
RAGAM DIALOG.
MICROSOFT EXCEL 1 30 Jan-5 Feb  Program aplikasi komputer Under DOS yang digunakan untuk aplikasi lembar kerja adalah …
Menu dan Formulir Materi Pertemuan Ke-3.
Mata Pelajaran TIK Kelas X Semester 2
Interaksi Manusia dan Komputer
Interaksi Manusia dan Komputer
DASAR-DASAR MULTIMEDIA INTERAKTIF (MMI).
RAGAM DIALOG / GAYA INTERAKSI
Merancang User Interface
Pertemuan 3 RAGAM DIALOG.
PERANCANGAN ANTARMUKA ATAU LAYAR.
MEMAHAMI RAGAM DIALOG.
Menu dan Formulir.
Bina Sarana Informatika
1. Elemen pada Microsoft Excel
Aplikasi Lembar Kerja (Spreadsheet) MSExcel - 1
Interaksi Manusia Dan Komputer (Interaksi)
Pendahuluan Microsoft Excel (MS-Excel) merupakan program aplikasi spreadsheet (lembar kerja elektronik) canggih yang paling populer dan paling banyak digunakan.
Interaksi Manusia dengan Komputer
Menu, Form, dan Kotak Dialog Pertemuan 7
Pertemuan 3 Menu dan Formulir
Pertemuan 3 RAGAM DIALOG.
Pertemuan <<3>> MENU, FORMULIR, DAN KOTAK DIALOG
Pert 4 Interaksi.
Interaksi Pertemuan 5.
KONSEP USER INTERFACE.
Interaksi Manusia Dan Komputer
Menu, Form, dan Kotak Dialog
Konsep sistem informasi a
Nisn.data.kemdiknas.go.id 25/10/2017.
Menu, Formulir, dan Kotak Dialog
Menu, Form, dan Kotak Dialog
Interaksi Manusia & Komputer Ragam Dialog
Interface Metaphors dan Model Konseptual
Menu dan Formulir Materi Pertemuan Ke-3.
KONSEP INTERFACE
Operating System Teknik Produksi dan Penyiaran Program Radio Kelompok Teknologi Informasi dan komunikasi Penyusun : Ahadiat,S.ST Dadang Abdurrakhman,S.Pd.
User interface Bagaimana user berinteraksi dengan komputer
Pertemuan 3 RAGAM DIALOG.
interaksi Interaksi Manusia - Komputer
Menu, Form, dan Kotak Dialog
Interaksi manusia komputer
TEKNOLOGI INFORMASI DAN KOMUNIKASI
PERT-05 MS. EXCEL.
Pemilihan Tipe Windows
Kelas XII Semester Genap Tahun Pelajaran 2013 / 2014
Menu, Formulir, dan Kotak Dialog
Nama : RATNA KUSUMANING P NIM : A
Human-Computer Dialogue
Pertemuan 3 RAGAM DIALOG.
MODEL DAN TEKNIK INTERAKSI
RAGAM DIALOG.
Menu dan Formulir Materi Pertemuan Ke-3.
Pertemuan 3 RAGAM DIALOG.
Menu, Formulir, dan Kotak Dialog
Pertemuan 1 KOMPUTER APLIKASI.
Menu, Formulir, dan Kotak Dialog
Interaksi.
PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B
Model Konsep dan Gaya Interaksi
Menu, Form, dan Kotak Dialog
This presentation uses a free template provided by FPPT.com Application of Anthropomorphism to Interaction Design.
DASAR-DASAR MULTIMEDIA INTERAKTIF (MMI). Multimedia is the combination of the following elements: text, color, graphics, animations, audio, and video.
INTERAKSI.
KONSEP USER INTERFACE PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B.
Dialogue Notation & Design Part-2
Transcript presentasi:

BAB 7 RAGAM DIALOG

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

GAYA INTERACTION secara umum : command line interface menus natural language question/answer and query dialogue form-fills and spreadsheets WIMP point and click three–dimensional interfaces

COMMAND LINE INTERFACE Cara untuk mengekspresikan instruksi ke komputer secara langsung 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

COMMAND LINE INTERFACE

COMMAND LINE INTERFACE

MENUS kurang ingat - mudah digunakan Tetapkan pilihan yang ditampilkan pada layar Pilihan terlihat kurang ingat - mudah digunakan mengandalkan pengakuan maka nama harus bermakna Seleksi oleh: angka, huruf, tombol panah, mouse kombinasi (e.g. mouse ditambah akselerator) Pilihan sering dikelompokkan hierarkis Pengelompokan yang mudah dipahami sangat diperlukan Pembatasan form oleh WIMP sistem

MENUS

MENUS

NATURAL LANGUAGE Akrab pengguna pidato pengakuan atau mengetik bahasa alami Masalah Samar Ambigu sulit dilakukan dengan baik! Solusi mencoba untuk memahami subset memilih kata-kata kunci

NATURAL LANGUAGE

NATURAL LANGUAGE

NATURAL LANGUAGE

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

QUERY INTERFACES

QUERY INTERFACES

QUERY INTERFACES

QUERY INTERFACES (SQL)

FORM-FILLS INTERFACE 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

FORM-FILLS INTERFACE

FORM-FILLS INTERFACE

FORM-FILLS INTERFACE

SPREADSHEETS INTERFACE VisiCalc spreadsheet pertama, diikuti oleh MS Excel, Lotus 1-2-3 hari ini paling umum canggih dengan variasi bentuk pengisian. grid sel berisi nilai atau formula rumus dapat melibatkan nilai-nilai dari sel-sel lain e.g. jumlah semua sel di kolom ini pengguna dapat memasukkan data dan mengubah spreadsheet dan menjaga konsistensinya

SPREADSHEETS INTERFACE(VisiCalc)

SPREADSHEETS INTERFACE

SPREADSHEETS INTERFACE(ms-excel)

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

elements of the wimp interface windows, icons, menus, pointers +++ buttons, toolbars, palettes, dialog boxes also see supplementary material on choosing wimp elements

Windows Area layar yang bebas Scrollbars Title bar 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 (genteng) Scrollbars mengijinkan pengguna untuk memindahkan isi jendela atas dan ke bawah atau dari sisi ke sisi Title bar menjelaskan nama windows

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

Menus 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

Pointers komponen penting Gaya WIMP yang menunjuk dan memilih menggunakan mouse, trackpad, joystick, trackball, tombol kursor atau cara pintas keyboard berbagai gambar grafis

Jenis Menus Menu Bar di atas layar (biasanya), menu menyeret turun menu pull-down - tahan mouse dan tarik down drop-down menu - menu mengungkapkan klik mouse fall-down menu - mouse hanya bergerak di bar! Menu kontekstual muncul di mana Anda berada pop-up menu - tindakan untuk objek yang dipilih pie menu - diatur dalam sebuah lingkaran lebih mudah untuk memilih item (area target yang lebih besar) cepat (jarak yang sama untuk setiap opsi) … tapi tidak secara luas digunakan!

Menu Pull Down menu pull down adalah salah satu teknik membuat menu tersembunyi, menu ini muncul disaat dibutuhkan dan menghilang setelah tidak digunakan

Menu Pull Down

Menu Pull Down

Menu Drop Down tampilan menu yang memiliki tingkatan di bawahnya ketika pointer mouse kita letakkan atau kita arahkan di atas tulisan menu yang kita pilih. Dapat juga disebut dengan multi-level-navigation. Jadi, ketika mouse diarahkan di atasnya maka akan muncul sub dari menu utama tadi.

Menu Drop Down

Menu Pie

Menu Pop Up

Menu Pop Up

Menu tambahan Cascading menu Keyboard akselerator 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!!!

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

Buttons individu dan daerah terpencil dalam tampilan yang dapat dipilih untuk memohon sebuah tindakan Jenis khusus tombol radio set pilihan saling eksklusif kotak centang set pilihan non-eksklusif

Toolbars garis panjang ikon …. …..tapi apa yang mereka lakukan? akses cepat ke tindakan Common sering customizable: memilih toolbar untuk melihat memilih pilihan apa yang ada di dalamnya

Palettes and tear-off menus masalah menu tidak ada di sana ketika Anda inginkan Solusi palet – tindakan dari windows ditampilkan / disembunyikan melalui pilihan menu e.g.tersedia dalam menggambar bentuk paket

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 untuk menentukan nama file dan lokasi. Setelah file disimpan, kotak menghilang.

Three dimensional interfaces virtual reality ‘ordinary’ window systems highlighting visual affordance indiscriminate use just confusing! 3D workspaces use for extra virtual space light and occlusion give depth distance effects flat buttons … click me! … or sculptured

Samsung Hadirkan Ponsel Layar 3 Dimensi http://www.detikinet.com/read/2010/05/07/151659/1353163/317/samsung-hadirkan-ponsel-layar-3-dimensi

Seoul - Samsung meluncurkan ponsel layar 3 dimensi pertamanya Seoul - Samsung meluncurkan ponsel layar 3 dimensi pertamanya. Ponsel bernama AMOLED 3D atau SCH W960 ini menyajikan gambar 3D tanpa bantuan alat kacamata. Ponsel dengan navigasi layar sentuh tersebut memiliki tombol khusus yang memungkinkan gambar 2D diubah menjadi 3D. Selain itu ada kapabilitas kontrol dengan gerakan, misalnya untuk mematikan suara, pengguna cukup menggerakkan ponsel ke arah bawah. Selain layar 3 dimensinya itu, spesifikasi ponsel ini sepertinya standar saja layaknya smartphone kebanyakan. SCH W960 mengusung user interface TouchWiz 2.0, kamera 3,2 megapiksel dan multitasking. Bagi para penggemar TV mobile, disediakan pula penerima TV built in. Ponsel yang cukup inovatif ini bakal segera dipasarkan di Korea Selatan melalui operator setempat. Sayangnya belum ada informasi soal harganya dan apakah ponsel ini juga akan menyambangi pasar global. Demikian seperti dikutip detikINET dari Independent, Jumat (7/5/2010).

TUGAS : Cari artikel tentang jenis interface sistem, dimana interface tersebut dapat memudahkan user untuk berdialog/berinteraksi dengan sistem tersebut (menu,form,spreadsheet) Cari artikel jenis interface teknologi terbaru beserta keunggulan dari interface tersebut.