![Page 1: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/1.jpg)
INTERAKSI
![Page 2: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/2.jpg)
PENDAHULUAN
Model interaksi
terjemahan antara pengguna dan sistem
Ergonomi
karakteristik fisik dari interaksi
Gaya interaksi
sifat pengguna / system dialog
Konteks
sosial, organisasi, motivasi
![Page 3: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/3.jpg)
PENDAHULUAN Dialog manusia dan sistem dipengaruhi
oleh bentuk interface.
Interaksi mengambil tempat antara sosial dan framework organisasi yang mempengaruhi user dan sistem.
Komunikasi user dan sistem dalam melakukan task (tugas) :
Batch processing : tidak diperlukan input langsung dari user.
Direct manipulation and virtual reality : Semua dikontrol oleh user.
![Page 4: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/4.jpg)
APA ITU INTERAKSI?
komunikasi
user system
![Page 5: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/5.jpg)
3 LEVEL INTERAKSI Task level :
Pengetahuan user
Pengetahuan user dalam berbahasa
Tangan, mata, telinga
Dialog level :
Komputer merepresentasikan task domain
Perintah bahasa komputer
Input keyboard, output printer, dll
Input/output level :
Task level
Dialog level
Input/output level
![Page 6: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/6.jpg)
MODELS OF
INTERACTION
Terms Of Interaction
Norman Model
Interaction Framework
![Page 7: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/7.jpg)
TERMINOLOGI INTERAKSI
Domain : Area keahlian dan pengetahuan pada kegiatan dunia nyata
Goal : Hasil dari suatu task (tugas)
Task : Operasi untuk memanipulasi muatan dari Domain
Intention : Aksi khusus untuk menemukan tujuan yang diinginkan
![Page 8: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/8.jpg)
TERMINOLOGI INTERAKSI (lnjt)
Task analysis : Identifikasi ruang masalah yang berkaitan dengan domain,
tujuan, tugas, dan maksud
System : aplikasi komputer
Task language : Bahasa user, menjelaskan atribut domain yang relevan
terhadap kondisi pengguna
Core language : Bahasa sistem yang menjelaskan atribut domain yang
relevan terhadap kondisi sistem
![Page 9: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/9.jpg)
SIKLUS INTERAKSI (execution/evaluation loop)
Donald Norman’s model (7 komponen) :
Menetapkan tujuan
Membentuk intention
Menetapkan rangkaian aksi
Melaksanakan aksi
Melihat kondisi sistem
Menginterprestasikan kondisi sistem
Mengevaluasi kondisi sistem sehubungan dengan goal dan intention
Model Norman berkonsentrasi pada pandangan pengguna antarmuka
system
evaluationexecution
goal
![Page 10: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/10.jpg)
SIKLUS INTERAKSI (execution/evaluation loop)
Menetapkan tujuan
membentuk intention
menetapkan rangkaian aksi
melaksanakan aksi
melihat kondisi sistem
menginterprestasikan kondisi system
mengevaluasi kondisi sistem sehubungan dengan goal dan intention
system
evaluationexecution
goal
![Page 11: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/11.jpg)
menetapkan tujuan
membentuk intention
menetapkan rangkaian aksi
melaksanakan aksi
melihat kondisi sistem
menginterprestasikan kondisi system
mengevaluasi kondisi sistem sehubungan dengan goal dan intention
system
evaluationexecution
goal
SIKLUS INTERAKSI (execution/evaluation loop)
![Page 12: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/12.jpg)
menetapkan tujuan
membentuk intention
menetapkan rangkaian aksi
melaksanakan aksi
melihat kondisi sistem
menginterprestasikan kondisi system
mengevaluasi kondisi sistem sehubungan dengan goal dan intention
system
evaluationexecution
goal
SIKLUS INTERAKSI (execution/evaluation loop)
![Page 13: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/13.jpg)
USING Norman’s model
Beberapa sistem lebih sulit digunakan daripada yang lain
Gulf of ExecutionAksi yang dirumuskan oleh user
≠ aksi yang diijinkan oleh sistem
Gulf of Evaluationharapan user pada perubahan status sistem
≠ presentasi aktual dari status sistem
![Page 14: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/14.jpg)
USING Norman’s model
![Page 15: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/15.jpg)
GULF of EXECUTION &GULF of EVALUATION
![Page 16: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/16.jpg)
KESALAHAN MANUSIA
tergelincir (slips) dan kesalahan (mistakes)
Tergelincir (slip)
memahami sistem dan tujuan
benar perumusan tindakan
tindakan salah
Kesalahan (mistakes)
mungkin bahkan tidak punya tujuan benar!
Memperbaiki segala sesuatu? slip - desain antarmuka yang lebih baik
kesalahan - pemahaman yang lebih baik sistem
![Page 17: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/17.jpg)
KERANGKA KERJA Lebih luas dari Norman…
4 komponen kerangka kerja interaksi :
user
input
system
output
masing-masing memiliki bahasa yang unik
interaksi terjemahan antara bahasa-bahasa
masalah dalam interaksi = masalah dalam penerjemahan
Score
Utask
Ooutput
Iinput
![Page 18: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/18.jpg)
KERANGKA KERJA
![Page 19: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/19.jpg)
KERANGKA KERJA
niat pengguna diterjemahkan ke dalam tindakan di antarmuka diterjemahkan ke dalam status perubahan sistem tercermin dalam tampilan output ditafsirkan oleh pengguna
![Page 20: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/20.jpg)
ERGONOMI
aspek fisik dari antarmuka
antarmuka industri
![Page 21: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/21.jpg)
ERGONOMI
Studi tentang karakteristik fisik dari interaksi
Juga dikenal sebagai faktor-faktor manusia -tetapi ini juga dapat digunakan untuk tujuan yang lebih dari HCI!
Ergonomi baik digunakan untuk menentukan standar dan pedoman dalam membatasi cara kita mendesain aspek tertentu dari sistem
![Page 22: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/22.jpg)
Contoh-contoh Ergonomi pengaturan kontrol dan tampilan
contoh : kontrol dikelompokkan berdasarkan fungsi atau frekuensi penggunaan, atau secara berurutan
lingkungan sekitar
Contoh : pengaturan tempat duduk beradaptasi untuk mengatasi semua ukuran pengguna
masalah kesehatan
Contoh : posisi fisik, kondisi lingkungan (suhu, kelembaban), pencahayaan, kebisingan
penggunaan warna
Contoh : penggunaan merah untuk peringatan, hijau untuk oke, kesadaran kebutaan warna, dll
![Page 23: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/23.jpg)
Ergonomi
![Page 24: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/24.jpg)
Ergonomi
![Page 25: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/25.jpg)
Ergonomi
![Page 26: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/26.jpg)
Ergonomi
![Page 27: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/27.jpg)
PRINSIP ERGONOMI
Prinsip Fisikal :
Menjadikan segala sesuatu mudah dijangkau
Bekerja dengan tinggi yang sesuai/cocok
Bekerja dengan postur yang sesuai
Mengurangi pengeluaran tenaga yang berlebihan
Meminimalkan kepenatan/keletihan
Mengurangi pengulangan yang berlebihan
Memberikan jarak ruang dan akses
Meminimalkan contact stress
![Page 28: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/28.jpg)
PRINSIP ERGONOMI
Prinsip Fisikal (lnjt): Memberikan mobilisasi dan mengubah postur/posisi
Menahan getaran
Menciptakan lingkungan yang menyenangkan :
Pencahayaan yang tepat : Menghindarkan user dari cahaya langsung atau pantulannya
Memperoleh keseimbangan antara kecerahan (brightness) layar tampilan dan kecerahan yang ada di depan user.
Menghindari cahaya langsung atau pantulan yang langsung mengenai layar tampilan.
Cahaya langsung (berasal dari matahari)
Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb)
Temperatur yang tepat
![Page 29: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/29.jpg)
Ergonomi
![Page 30: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/30.jpg)
PRINSIP ERGONOMI
Prinsip Kognitif
Adanya standarisasi
Membuat stereotipe
Menghubungkan aksi dengan persepsi
Mempermudah pemaparan suatu informasi
Menyajikan informasi pada level yang tepat
secara detail
![Page 31: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/31.jpg)
PRINSIP ERGONOMI
Prinsip Kognitif (lnjt)
Memberikan image/gambaran yang jelas
Membuat redundansi, misal warna yang berbeda,
cetak tebal, miring, dll.
Membuat pola/patterns
Memberikan stimulan yang bervariasi sesuai
kondisi
Memberikan umpan balik secara cepat/seketika.
![Page 32: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/32.jpg)
Ergonomi
![Page 33: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/33.jpg)
GAYA INTERAKSI
dialogue … computer and user
gaya interaksi yang berbeda
Gaya interaksi berhubungan erat dengan user interface.
![Page 34: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/34.jpg)
LIMA GENERASI PERKEMBANGAN USER INTERFACE
Antarmuka sistem berkelompok :
Generasi pertama dari user interface
User berinteraksi dengan sistem melalui pengantar
kerja secara berkelompok
Semua perintah disampaikan terlebih dahulu sebelum
dicetak hasilnya.
Daya guna antarmuka rendah
![Page 35: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/35.jpg)
Antarmuka berorientasikan baris perintah :
Diperkenalkan pada tahun 1960-an.
Tele-type (TTY) adalah mesin yang pertama
menggunakan antarmuka baris perintah
User mengetikkan perintah baris demi baris.
Interaksi user dengan perintah berbentuk dialog soal-
jawab
Berdaya guna rendah
Komputer lebih mengontrol user
Antarmuka tidak pemaaf dan membebani ingatan user
LIMA GENERASI PERKEMBANGAN USER INTERFACE
![Page 36: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/36.jpg)
Antarmuka orientasi baris perintah
![Page 37: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/37.jpg)
Antarmuka full screen :
Berbentuk pengisian borang
Membolehkan beberapa data dimasukkan
Sistem menu berbentuk user interface full screen
LIMA GENERASI PERKEMBANGAN USER INTERFACE
![Page 38: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/38.jpg)
Antarmuka Full Screen
![Page 39: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/39.jpg)
Antarmuka pengguna grafik :
Berbentuk visual (GUI : Graphic User Interface) menggunakan grafik, ikon, dan animasi
Secara komersil mulai tahun 1980-an
Interaksi berdasar WIMP (window, icon, menu, dan pointer)
Manipulasi langsung dari user dengan objek visual melalui mouse atau peranti lain.
Point and click, drag and drop, dan menggerakkan objek merupakan ciri utama dalam GUI
LIMA GENERASI PERKEMBANGAN USER INTERFACE
![Page 40: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/40.jpg)
GUI Interface
![Page 41: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/41.jpg)
GUI Interface
![Page 42: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/42.jpg)
Antarmuka pengguna masa depan :
Mengarah pada penambahan unsur animasi obyek, audio
(suara dan bunyi), serta unsur tiga dimensi.
Interaksi yang digunakan lebih ke natural language dan
membenarkan penggunaan input yang tidak berformat.
LIMA GENERASI PERKEMBANGAN USER INTERFACE
![Page 43: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/43.jpg)
Contoh bentuk user interface masa depan :
Embodied Interaction : menggunakan gerakan tubuh untuk
memberikan input ke komputer
3D Virtual Reality : memberikan bentuk seolah user benar-
benar berada dalam komputer.
Sensing Affect : komputer telah bisa mengenal lingkungan
dan pengaruhnya, merasakan, mendengar, dan melihat.
Sensor Networks : sensor yang ditempatkan jauh dari
komputer, mampu mendeteksi vision dan sound. Merupakan
perkembangan teknologi jaringan komputer secara wireless.
Cyborg : evolusi perkembangan IMK yang merupakan aspek
dari artificial intelligent.
LIMA GENERASI PERKEMBANGAN USER INTERFACE
![Page 44: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/44.jpg)
Embodied Interaction
![Page 45: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/45.jpg)
3D Virtual Reality
![Page 46: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/46.jpg)
Sensing Affect
![Page 47: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/47.jpg)
Sensor Network
![Page 48: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/48.jpg)
Future Interface
![Page 49: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/49.jpg)
Future Interface
![Page 50: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/50.jpg)
GAYA INTERAKSI secara umum :
command line interface
menus
natural language
question/answer and query dialogue
form-fills and spreadsheets
WIMP (Windows, icon, menus, pointer)
point and click
three–dimensional interfaces
![Page 51: INTERAKSI - dinus.ac.iddinus.ac.id/repository/docs/ajar/Materi_Pertemuan_5_Interaksi.pdf · Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) ... Gaya interaksi berhubungan](https://reader030.vdokumen.com/reader030/viewer/2022020206/5c8a975909d3f26d5f8cd76c/html5/thumbnails/51.jpg)
Physical design
banyak kendala:
ergonomis - Tombol minimum ukuran
fisik - saklar tegangan tinggi yang besar
hukum dan keamanan - Kontrol cooker tinggi
konteks dan lingkungan - mudah dibersihkan
estetika - harus terlihat baik
ekonomi - ... dan biaya tidak terlalu banyak!