![Page 1: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/1.jpg)
Dialog Style:Dialog Style:Direct Manipulation
![Page 2: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/2.jpg)
PengantarDirect Manipulation merupakan gaya dialog dimana aksi yang dilakukan oleh user dapat langsung terlihat pada obyek yang tampak di layar monitorobyek yang tampak di layar monitor.Seringkali juga disebut “point and select” interface.Direct manipulation biasanya menyertakan pointing p y y p gdevice seperti mouse, trackball, atau touch screen, dan banyak menggunakan grafik dalam menampilkan obyek dan aksidan aksi.
![Page 3: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/3.jpg)
Contoh Penerapan
Beberapa aplikasi dimana direct manipulation digunakan:
flight simulatorflight simulator, display-based text editors, battleship management, p g ,personnel system, database query by example, idvideo games,
CAD, manufacturing and process control,manufacturing and process control, programming of industrial robots
![Page 4: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/4.jpg)
Contoh Penerapan (lanjutan)
Beberapa aplikasi dimana direct manipulation digunakan:
office automation systemsoffice automation systems, windowing systems, visual programming, p g g,airline reservations, warehouse inventory,
ti toperating systems
![Page 5: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/5.jpg)
Contoh Direct ManipulationMengendarai mobilJika kamu akan membelok ke kiri, apa , pyang kamu lakukan?Adakah umpan balik yang kamu peroleh?y g pBayangkan jika untuk mengemudikan mobil, harus menggunakan gggaya dialog menu atau interface berbasis teks.
![Page 6: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/6.jpg)
Awal Mula Pemanfaatan DM
Sketch Pad, Ivan Sutherland, MIT, 1963
![Page 7: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/7.jpg)
Awal Mula Pemanfaatan DM
![Page 8: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/8.jpg)
Contoh DM pada Awal Mula PC
Sang Pioner:Sang Pioner:Star, Xerox, 1981
![Page 9: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/9.jpg)
Contoh DM pada Awal Mula PC
![Page 10: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/10.jpg)
Contoh DM pada Awal Mula PC
![Page 11: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/11.jpg)
Lisa Desktop, Apple, 1982
![Page 12: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/12.jpg)
Contoh (lanjutan)
Ketika gaya dialog DM digabungkan dengan berbagaiKetika gaya dialog DM digabungkan dengan berbagai gaya dialog yang lainnya.
![Page 13: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/13.jpg)
Contoh (lanjutan)
![Page 14: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/14.jpg)
Contoh Perkembangan DM
![Page 15: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/15.jpg)
Contoh Contoh Perkembangan DM (lanjutan)
![Page 16: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/16.jpg)
Contoh Contoh Perkembangan DM (lanjutan)
Pemodelan 3D
![Page 17: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/17.jpg)
Direct Manipulation: Properties
Visibility of the object of interest.Rapid, reversible, incremental actions.Replacement of complex command language syntax by direct manipulation of the object of interest.
![Page 18: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/18.jpg)
Contoh Desktop
![Page 19: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/19.jpg)
Contoh Desktop
![Page 20: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/20.jpg)
![Page 21: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/21.jpg)
Keuntungan Direct Manipulation
Easy to Learn and RememberDirect, WYSIWYGFlexible, Easily Reversible ActionsProvides Context and Instant, Visual FeedbackExploits Human use of Visual Spation CuesExploits Human use of Visual-Spation CuesLess Error Prone (Less Error Messages)
![Page 22: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/22.jpg)
Kerugian Direct Manipulation
Not Self ExplanatoryCan be InefficientMay be Difficult to Design Recognizable IconsIcons Take Screen “Real Estate” than Words
![Page 23: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/23.jpg)
Penggunaan Interface Dialog Manipulation
Interface dengan dialog style function keys cocok untuk user denganUser Psychology
Negative attitudeLow motivation
Knowledge and ExperienceLow typing skillModerate system experienceModerate to high task experienceModerate application experienceHigh frequency of use of other systemsHigh frequency of use of other systemsLow computer literacy
Job and Task CharacteristicLow frequency of useLow frequency of useModerate trainingDiscretionary useHigh turnover rateHigh turnover rateLow task importanceLow task structure
![Page 24: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/24.jpg)
Prinsip Desain Dialog Direct Manipulation
Konsisten dengan conceptual model yang baik, organisasi fungsi yang baik, screen layout dan desain yang baik penggunaan warna yang efektif dan adanyayang baik, penggunaan warna yang efektif dan adanya error handling yang baik.Menyediakan alternatif antarmuka untuk frekuensi penggunaan yang tinggi.Pemilihan skema desain icon yang konsisten, konkret dan familiardan familiar.Desain icon harus menggambarkan object-relationship atau action yang akan dijalankan.y g jGunakan icon disertai dengan nama atau penjelasan.
![Page 25: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/25.jpg)
Antarmuka Desktop
Panduan:B i k tBeri keteranan nama/label pada setiap icon.
![Page 26: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/26.jpg)
Antarmuka Desktop
Panduan:Pilih t t iPilih strategi windowing yang sesuai.
![Page 27: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/27.jpg)
Tren Sejaran Desain Icon
Empat level abstraksi yang berbeda-beda dapat ditemukan pada 80 tahun terakhir.Icon-icon masa kini menggambarkan abstraksi yang lebih baik dibandingkan dengandibandingkan dengan sebelumnya.
![Page 28: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/28.jpg)
Re-desain Icon (1)
Prinsip Desain:Hindari penggambaran detail pada desain icon.
[see Deborah J. Mayhew, Principles and Guidelines in Software User Interface Design (1992) pp.316-331]
![Page 29: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/29.jpg)
Re-desain Icon (2)Prinsip Desain:
Desain icon-icon untuk mengkomunikasikan hubungan objek dan berabagai kemungkinan atribut.Lengkapi icon dengan nama/penjelasan.
[see Deborah J. Mayhew, Principles and Guidelines in Software User InterfaceGuidelines in Software User Interface Design (1992) pp.316-331]
![Page 30: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/30.jpg)
[taken from Dominic Paul T. Piamonte (2000): Using Multiple Performance Parameters in Testing Small Graphical Symbols.Doctoral thesis, Institutionen för Arbetsvetenskap Avdelningen för Industriell ergonomi.• ISSN: 1402-1544]
![Page 31: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/31.jpg)
WIMP: Window / Icon / Menu / Pointer
Unit interaksi dengan user tanpa teks (catatan: dalam hal ini tanpadalam hal ini tanpa keyboard).Objek yang menarik adalah unit interaksi antara sistem dengan useruser.
![Page 32: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/32.jpg)
Tren Perkembangan Antarmuka dengan DM
Mobile Computing Ambient rooms and Cooperative buildingsp g
![Page 33: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/33.jpg)
Tampilan Informasi di Kaca Mobil
Bagaimana jika g jberagam informasi tetang berkendara, informasi mobil dan data-data lain akan ditampilkan pada kaca depan mobil untuk
tikmenggantikan instrumen tradisional yang diletakkan pada dashboard?dashboard?
![Page 34: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/34.jpg)
Tampilan Informasi di Kaca Mobil (2)
![Page 35: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/35.jpg)
Mesin Pemesanan Tiket & Vending Machine
![Page 36: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/36.jpg)
Salah satu contoh perangkat VR, VirtuSphere.
![Page 37: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/37.jpg)
![Page 38: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/38.jpg)
![Page 39: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/39.jpg)
The Designer’s Outpost, UC Berkeley, 2001
![Page 40: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/40.jpg)
![Page 41: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/41.jpg)
Video GamesProblem:
Desain harus disesuaikan dengan beragamdengan beragam perbedaan dari segi user, sistem/platform, controller dsbcontroller dsb.
![Page 42: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/42.jpg)
Computer Aided-Design
Computer Aided Manufacturing (CAM)Apa masalah yang muncul dalam proses desaindalam proses desain antarmuka CAD/CAM?
![Page 43: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/43.jpg)
Antarmuka 3DAntarmuka yang natural (seperti aslinya), selain lebih baik, juga mampu menarik minat penggunaminat pengguna.
![Page 44: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/44.jpg)
Good 3DAntarmuka sosial + 3D dapat menjadi sangat powerfull dan realistis.pBagaimana cara desain antarmuka 3D agar menyerupai aslinya?y p y
![Page 45: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/45.jpg)
Electronic Performance Support System
![Page 46: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/46.jpg)
Airline Applications
![Page 47: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/47.jpg)
Dua Pembeda Area Interaksi
Communication & Working Area
Paper document
Electronic documents
Working Area
![Page 48: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/48.jpg)
The Virtual Workbench
KOSIMA Project
![Page 49: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/49.jpg)
Phantom, Sensable
Technologies, 1993
![Page 50: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/50.jpg)
The PalmPilot
Gaya dialog DM telah banyak sekali diterapkan dalam pperangkat mobile baik yang dioperasikan dengan keypad maupunkeypad maupun touch screen.
![Page 51: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/51.jpg)
Mungkinkah peran buku digital inidapat menggantikan kertas?
CrossPad, IBM & Cross, 1998 Rocketbook, Gemstar, 2000
![Page 52: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/52.jpg)
Elektronic Paper telah memungkinkan adanya g y
koran/majalah digital seperti halnya koran/majalah yang
menggunakan kertas.
Electronic Paper MIT 2001Paper, MIT, 2001
Electronic Paper, Xerox, 2000
![Page 53: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/53.jpg)
Wearable Computer
Masa Depan: Teknik DM akan memungkinkan perangkat komputer
b t ti kti it dmembantu setiap aktivitas dengan cara dikenakan seperti halnya sebuah pakaian.
![Page 54: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/54.jpg)
Wearable C tComputers,
MIT, 1990s
![Page 55: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/55.jpg)
Rumah Masa Depan
Apa karakteristik desain rumah masa depan?
Bill and Melinda Gates' $97 million house
![Page 56: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/56.jpg)
Perkantoran Masa Depan
Paperless office dengan menyediakan perangkat digital yangdigital yang memaksimalkan gaya dialog DM.
![Page 57: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/57.jpg)
Design Metaphors
Substitute
Channel
Tool
Akankah kelak, berbagai peran manusia benar-benar digantikan
1000 2000 history
oleh mesin?
![Page 58: Dialog Style:Dialog Style: Direct Manipulationelib.unikom.ac.id/files/disk1/370/jbptunikompp-gdl-mirakanias... · manufacturingandprocesscontrol,manufacturing and ... memunggykinkan](https://reader030.vdocuments.pub/reader030/viewer/2022012923/5b874f8c7f8b9af12d8ecb7f/html5/thumbnails/58.jpg)