Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Interaction: Komunikasi timbal-balik antara user dan sistem komputer Donald Norman’s Interaction framework (user’s view) user menentukan tujuan user memformulasikan.

Presentasi serupa


Presentasi berjudul: "Interaction: Komunikasi timbal-balik antara user dan sistem komputer Donald Norman’s Interaction framework (user’s view) user menentukan tujuan user memformulasikan."— Transcript presentasi:

1 Interaction: Komunikasi timbal-balik antara user dan sistem komputer Donald Norman’s Interaction framework (user’s view) user menentukan tujuan user memformulasikan maksud yang diinginkan user menentukan tindakan pada interface user mengeksekusi suatu tindakan user menangkap status sistem user memahami status sistem user melakukan evaluasi status sistem dengan mempertimbangkan goal yang sudah ditentukan sebelumnya Interaction

2 Abowd dan Beale menentukan 4 komponen yang ada pada interaction framework user input system output Masing-masing mempunyai bahasa yang unik sendiri-sendiri interaction  penterjemahan diantara bahasa-bahasa tsb Masalah pada interaksi = masalah pada penterjemahan Interaction Frameworks

3 Ada dua perbedaan mendasar dari bentuk interaksi yang dilakukan oleh komputer: batch: * biasanya terjadi untuk pengolahan data elektronik yang membutuhkan input data yang sangat besar.; * membutuhkan sedikit intervensi dari user interactive: * user lebih banyak mengkontrol sistem Interaksi yang kita bicarakan disini adalah yang tipe interactive Tipe Interaksi Komputer

4 Message passing model Dialog tipe ini terlihat seperti pertukaran message/pesan antara manusia dan komputer (2 tipe yang berbeda), seperti layaknya dialog antar manusia. Object-oriented model Dialog tipe ini mengijinkan user untuk memanipulasi langsung objek yang direpresentasikan di komputer, dan komputer merespon dengan menunjukkan status objek setelah manipulasi tersebut. Tipe Dialog Interaktif

5 SYSTEMSYSTEM Input Output control data prompt data status error help Message Passing Model

6 Inputcontroluser mengarahkan dialog seperti apa yang akan di proses. datadata diberikan oleh user. Outputpromptmembutuhkan user input datadata hasil olahan model proses interaksi/komunikasi yg dibutuhkan user statuspemahaman terhadap suatu kejadian errorproses tidak dapat dilanjutkan helpinformasi tambahan untuk user Message Passing Model (2)

7 (deringan telpon....) Stasiun Kereta Gambir. (status) Ada yg bisa dibantu? (prompt) Ya, saya ingin menanyakan tiket kereta. (input Control) Untuk tujuan mana pak? (prompt) Tujuan Surabaya untuk jam (input data) Untuk hari apa? (prompt) Jum’at. (input data) Waduh…., habis pak. (error) O..oh. Kereta lain hari itu ada yg jam berapa? (input control) Ada jam dan (help) Bagaimana kalau jam 18.30?(input data) Ada pak. (output data) Message Passing dalam dialog manusia

8 (User) Pilih objek yang diinginkan, misalkan sebaris teks dalam suatu paragraf. (System) Highlight objek yang dipilih. (User) Jalankan suatu action terhadap objek tersebut, misalnya klik Bold button pada tool bar (System) Rubah status objek yang dipilih tadi menjadi teks yang nampak terbold. Object-Oriented Model

9 Question and Answer Menu Form-Fill Command Languages Direct Manipulation WIMPs (Windows, Icons, Mouse, Pointer) –Widgets : windows, menus, radio buttons, check boxes and icons –Pointing devices: mouse, trackball, and touchscreen Ragam Dialog

10 Selalu menggunakan single control message atau data input message User menginput jawaban pertanyaan tunggal Umumnya ragam dialog yang dipakai berbasis karakter/teks Sekarang yang berbasis GUI misalnya: wizards Selalu digunakan untuk memandu user ttg operasi-operasi yang tidak begitu familiar Setiap pertanyaan dapat memiliki jawaban default, penjelasan ttg pertanyaannya sendiri dan jawaban yang memungkinkan. Membosankan untuk operasi yang frekuensinya tinggi Question and Answer

11 Kumpulan operasi yg disusun terstruktur u/ menavigasi user Operasi langsung terhadap objek Seleksi oleh user (Explicitly) – format + font… [selected text] Asumsi oleh sistem (Implicitly) – print [current file] Representasi operasi dengan teks (mis: pull-down menu) dengan icons (mis: toolbar) Penyelesaian operasi Langsung (On-line Processing) Batch processing Menus

12 Struktur menu harus merupakan refleksi ekspektasi user dan mendukung alur kerja user Prioritas: Pengelompokan operasi (file, edit,…) –Menu dipecah menjadi beberapa group –Relasi operasi dalam suatu group (cut,copy,paste) Level pengambilan keputusan –4 sampai 8 pilihan per level –Urutan yang konsisten, secara numerik atau alfabet Struktur Menu

13 consistency importance conventional (misal: urutan hari) order of use (misal: ‘copy’ lebih dahulu dari ‘paste’) frequency of use alphabetical order Urutan Options dalam Groups

14 Menu Bar at top of screen (normally), menu drags down pull-down menu - mouse hold and drag down menu drop-down menu - mouse click reveals menu fall-down menus - mouse just moves over bar! Contextual menu appears where you are pop-up menus - actions for selected object pie menus - arranged in a circle - easier to select item (larger target area) - quicker (same distance to any option) … but not widely used! Jenis-jenis Menu

15 Help Pemberian petunjuk ringkas dari menu/interface pada tempat yang ditentukan Error trapping Menon-aktifkan item menu bila terjadi error Menus – User Support

16 Awalnya character-based interfaces Modern GUI version: dialogue box Seperti tipe dialog question and answer, tapi semua pertanyaan ditampilkan langsung bersama-sama Ada default answer atau user dapat merubahnya Memerlukan OK u/ mengakhiri semua pertanyaan atau Cancel Form-Fill

17 Contoh Dialog Boxes

18 Text based interface: message harus berupa kalimat yang mempunyai makna dan dapat dipahami oleh sistem komputer untuk dijalankan. Memungkin user untuk meng-customize instruksi yang lebih efisien dan efektif Ada 2 tipe command language style: –Positional Syntax : letak/posisi sangat berpengaruh (misal: copy file1 file2) –Keyword Syntax : letak tidak begitu berpengaruh, yang berpengaruh adalah keyword (misalkan option; lp –oduplex –n50 file1 (keyword –o dan –n)) Command Languages

19 Tipe dialog interaktif yang merepresentasikan objek untuk dapat dimanipulasi langsung. Contoh: drag (icon) sebuah file from suatu ‘folder’ ke (icon) ‘wastepaper basket’ menyebabkan file akan terhapus Feedback langsung dari suatu operasi –Tidak diharapkan untuk tasks Tidak efisien dan membosankan untuk pekerjaan yang berulang Direct Manipulation


Download ppt "Interaction: Komunikasi timbal-balik antara user dan sistem komputer Donald Norman’s Interaction framework (user’s view) user menentukan tujuan user memformulasikan."

Presentasi serupa


Iklan oleh Google