Tugas Interkasi Manusia & Komputer

Design Interface

<h2 class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7135ocyuzk7wL6OyjqfyYoj00d7tGy-uCWUJu2AjlIkdvCnn-dbTP7apWr9bWqCi88AmVemF7_xWqb8Q6frI24Yb0MyTIFLGYrVYQ2WakQHgMYBN9k5o4f78aFfNWVC-mBWQ_UJwlNSo/s1600/20131010-214204.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7135ocyuzk7wL6OyjqfyYoj00d7tGy-uCWUJu2AjlIkdvCnn-dbTP7apWr9bWqCi88AmVemF7_xWqb8Q6frI24Yb0MyTIFLGYrVYQ2WakQHgMYBN9k5o4f78aFfNWVC-mBWQ_UJwlNSo/s1600/20131010-214204.jpg" width="400" /></a></h2>
<h2>
1. Cara Pendekatan</h2>
Program aplikasi, pada dasarnya dapat dikelompokkan ke dalam dua kategori :
 
<ol>
<li style="text-align: left;">Program aplikasi untuk keperluan khusus dengan pengguna yang khusus pula (special purpose software).  Cara Pendekatan ini dilakukan dengan User centered design approach, dimana Perancangan Interface melibatkan Pengguna.</li>
<li>Program aplikasi yang akan digunakan oleh banyak pengguna (general purpose software), yang juga sering dikenal dengan sebutan public software. Cara Pendekatan ini dilakukan dengan User design approach.</li>
</ol>
<h2>
2. Prinsip dan Petunjuk Perancangan</h2>
a. Urutan Perancangan 
<ul>
<li>Pemilihan ragam dialog</li>
<li>Perancangan struktur dialog</li>
<li>Perancangan format pesan</li>
<li>Perancangan penanganan kesalahan</li>
<li>Perancangan struktur data</li>
</ul>
 b. Perancangan tampilan berbasis teks 
<ul>
<li>Urutan penyajian</li>
<li>Kelonggaran</li>
<li>Pengelompokan</li>
<li>Relevansi</li>
<li>Konsistensi</li>
<li>Kesederhanaan</li>
</ul>
c. Perancang tampilan berbasis grafis 
<ul>
<li>Ilusi pada obyek-obyek.</li>
<li>Urutan visual dan fokus pengguna.</li>
<li>Struktur Internal.</li>
<li>Kosakata grafis yang konsistensi dan sesuai.</li>
<li>Kesesuaian dengan media.</li>
</ul>
d. Waktu tanggap 
 
e. Penanganan Kesalahan, kesalahan di bagi menjadi 2 : 
<ul>
<li>Kesalahan compile-time error</li>
<li>Kesalahan run time error atau fatal error</li>
</ul>
<h2>
 3. Peranti Bantu Sederhana</h2>
Peranti bantu yang dijelaskan hanya berbentuk lembaran kertas kosong diberi nama dengan Lembar Kerja Tampilan(LKT) LKT yang disajikan atas empat bagian yaitu: 
<ol>
<li>Nomor lembar kerja</li>
<li>Bagian tampilan</li>
<li>Bagian navigator</li>
<li>Bagian keterangan</li>
</ol>
<ol>
</ol>

Design Interface

1. Cara Pendekatan Program aplikasi, pada dasarnya dapat dikelompokkan ke dalam dua kategori : Program aplikasi untuk keperluan khusus...

Peranti Interaktif (Lanjutan)

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwnCXabgkPjVSwpw5dUy0nbQHd68T-Li6lfDvTc8FobnAiSwMP1FDKqTBStvEoMNSGCbnXhj2YyAytKiuy1e7kLtVi9xHqOZg5JzoNTlZKp0ZnkrbwaQNl1M1zZh8Y_OszTb7hN8oxrc/s1600/photodune-2417815-controls-computer-room-m.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwnCXabgkPjVSwpw5dUy0nbQHd68T-Li6lfDvTc8FobnAiSwMP1FDKqTBStvEoMNSGCbnXhj2YyAytKiuy1e7kLtVi9xHqOZg5JzoNTlZKp0ZnkrbwaQNl1M1zZh8Y_OszTb7hN8oxrc/s1600/photodune-2417815-controls-computer-room-m.jpg" width="400" /></a></div>
<h2>
1. Piranti Masukan Keyboard</h2>
    Tombol pada papan ketik (keyboard) dikelompokkan menjadi 4 bagian : 
<ul>
<li>Tombol Fungsi (function key) </li>
<li>Tombol Alphanumerik (alphanumeric key) </li>
<li>Tombol Kontrol (control key) </li>
<li>Tombol Numerik (numeric key)</li>
</ul>
<h2>
2. Peranti Penuding dan Pengambil </h2>
   Peranti interaktif yang digunakan untuk menunjuk/menuding atau menempatkan kursor pada suatu posisi dilayar tampilan dan untuk mengambil suatu item informasi untuk dipindahkan ketempat lain 
<ul>
<li>Mouse</li>
<li>Joystik</li>
<li>Trackball</li>
<li>Pointing Stick </li>
<li>Touch Pad</li>
<li>Touch Screen</li>
<li>Digitizing tablet / Graphics tablet</li>
<li>Light Pen</li>
</ul>
<h2>
4. Pengambilan Gambar Terformat</h2>
   Dipergunakan untuk mengambil citra terformat, bentuk dan format hurufnya sudah ditentukan. 
Kategori peranti ini adalah : 
<ul>
<li>Bar code Reader</li>
<li>Magnetic Ink Character Recognation (MICR) </li>
<li>Optical Mark Recognation (OMR) </li>
<li>Optical Character Recognation (OCR) </li>
</ul>
<h2>
5. Pengambil Gambar tak Terformat </h2>
    Dipergunakan untuk mengambil gambar atau citra yang belum memiliki format baku. 
Kategori peranti ini adalah : 
<ul>
<li>Image Scanner </li>
<li>Kamera digital </li>
<li>Pembaca Retina Mata </li>
<li> </li>
</ul>

Peranti Interaktif (Lanjutan)

1. Piranti Masukan Keyboard Tombol pada papan ketik (keyboard) dikelompokkan menjadi 4 bagian : Tombol Fungsi (function key) Tom...

Peranti Interaktif

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKp_Nykt9mLtGgWGFqQKxbAT3AcN5cefWyOxUuwzIwii0MKKW7Dh94jQU3EcdK1CB5BBbNJwYbfA0yXHsb6ggTvck9hysU6t53j54rYHShyphenhyphenyhi75rUc_qBtcsDl4PcvYzXaD41P4q4bCE/s1600/apple_keyboard-wallpaper-1366x768.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKp_Nykt9mLtGgWGFqQKxbAT3AcN5cefWyOxUuwzIwii0MKKW7Dh94jQU3EcdK1CB5BBbNJwYbfA0yXHsb6ggTvck9hysU6t53j54rYHShyphenhyphenyhi75rUc_qBtcsDl4PcvYzXaD41P4q4bCE/s1600/apple_keyboard-wallpaper-1366x768.jpg" width="400" /></a></div>
<h2>
Piranti Input</h2>
<ul>
<li>Input berhubungan dengan proses perekaman dan pemasukan data ke dalam sistem komputer dan memberi perintah ke komputer.</li>
<li>Agar dapat berinteraksi dengan sistem komputer secara efektif, pengguna harus mampu mengkomunikasikan keinginannya dengan cara yang dapat dimengerti sistem komputer. </li>
<li>Mengendalikan suatu kejadian dalam sistem adalah dengan membantu pengguna untuk menyelesaikan pekerjaannya dengan aman, efektif, efisien, dan jika mungkin menyenangkan.</li>
<li>Pemilihan piranti input harus memberi kontribusi positif terhadap penggunaan sistem.</li>
<li>Secara umum piranti input yang paling tepat akan memenuhi salah satu faktor berikut: Pisikolog Pengguna, usia Pengguna tidak dibatasi, Familiar dan Pengalaman.</li>
<li>Misalnya tugas menggambar membutuhkan piranti input yang dapat melakukan gerakan secara kontinyu,</li>
<li>Untuk memilih dari suatu daftar pilihan membutuhkan piranti input yang dapat melakukan gerakan secara diskret.</li>
<li>Sebagai contoh, masukan suara berguna pada situasi dimana tidak ada permukaan untuk meletakkan keyboard, tetapi tidak cocok dengan kondisi berderau.</li>
</ul>

Peranti Interaktif

Piranti Input Input berhubungan dengan proses perekaman dan pemasukan data ke dalam sistem komputer dan memberi perintah ke komputer. ...

Dokumentasi Desain

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhMiDi2h6NArGJwAJEZ8-vaxGsOVOTtlm5d0zT4xUpJ4bnpf4BbNUrYf8czxmVe1Z4u_oZhNTrHJ5oX_hdzoiTa9VfDeH76vthWkku3R4jM2OOMw6FMRUvO0OZzy-EsiDvul8kyxaokX4/s1600/gamification-ui-design-680x317.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhMiDi2h6NArGJwAJEZ8-vaxGsOVOTtlm5d0zT4xUpJ4bnpf4BbNUrYf8czxmVe1Z4u_oZhNTrHJ5oX_hdzoiTa9VfDeH76vthWkku3R4jM2OOMw6FMRUvO0OZzy-EsiDvul8kyxaokX4/s1600/gamification-ui-design-680x317.jpg" width="400" /></a></div>
<ol>
<li>Lingkup Sistem</li>
<li>Desain Data</li>
<li>Desain Architectural</li>
<li>Desain Antarmuka</li>
<li>Desain Prosedural</li>
<li>Catatan Khusus</li>
</ol>
<h2>
Data Design</h2>
<blockquote class="tr_bq">
Mengubah objek data yang didefinisikan pada model analisis menjadi struktur data yang ada dalam perangkat lunak & Atribut yang dimiliki objek data, hubungan diantara objek data, dan penggunaannya dalam program, semuanya mempengaruhi pemilihan strukturdata</blockquote>
<h2>
 Architectural Design</h2>
<ul>
<li>Menggunakan karakteristik aliran informasi dalam model analisis untuk menghasilkan struktur program</li>
<li>Sebuah data flow diagram dipetakan menjadi struktur program menggunakan dua pendekatan : Transform mapping & Transaction mapping</li>
<li>Transform mapping: diterapkan untuk sebuah aliran data yang menunjukkan batas yang jelas antara data yang masuk dan yang keluar</li>
</ul>

Dokumentasi Desain

Lingkup Sistem Desain Data Desain Architectural Desain Antarmuka Desain Prosedural Catatan Khusus Data Design Mengubah objek da...

Prinsip desain antarmuka (interface)

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOEQiF-ffnjyw0TN9By4Rz78W4dU4K8Zz4ZXyPuhWty9taUCn10Stu3dx20bXPMiHPDqwXKEPruHBXvWbuvm7vp0dH6GxJBTm7IDGWy8apBFvC9LTVi_IEFV5KdefLr4OtvwUTBBrW8Yk/s1600/desain+user+interface+IDS+International+Design+School-90043_560x420.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOEQiF-ffnjyw0TN9By4Rz78W4dU4K8Zz4ZXyPuhWty9taUCn10Stu3dx20bXPMiHPDqwXKEPruHBXvWbuvm7vp0dH6GxJBTm7IDGWy8apBFvC9LTVi_IEFV5KdefLr4OtvwUTBBrW8Yk/s1600/desain+user+interface+IDS+International+Design+School-90043_560x420.jpg" width="320" /></a></div>
<h2>
Prinsip–prinsip desain antarmuka :</h2>
<ul>
<li>Merefleksikan model mental user : Merefleksikan kombinasi pengalaman dunia riil,pengalaman dari software lain,dan penggunaan komputer secara umum</li>
<li>Explicit and Implied Action : Explicit actions adalah kondisi yang jelas dalam memberikan petunjuk untuk manipulasi suatu obyek. Sedangkan Implied actions adalah kondisi yang hanya memberikan kesan visual untuk memanipulasi obyek.</li>
<li>Direct Manipulation : user mendapatkan dampaknya dengan segera setelah melakukan suatu aksi.</li>
<li>User Control : mengijinkan user mengontrol dan menginisialisasi aksi.</li>
<li>Feedback and Communication : selalu memberitahukan user apa yang terjadi dari suatu aksi.</li>
<li>Consistency : user dapat mentransfer pengetahuan dan kemampuan dari suatu aplikasi ke aplikasi lain</li>
<li> WYSIWYG (WhatYouSeeIsWhatYouGet) : tidak ada perbedaan antara yang dilihat dilayar dengan hasil outputnya.</li>
<li>Aesthetic Integrity : informasi diorganisasikan dengan baik dan konsisten dengan prinsip desain visual yang baik.</li>
</ul>

Prinsip desain antarmuka (interface)

Prinsip–prinsip desain antarmuka : Merefleksikan model mental user : Merefleksikan kombinasi pengalaman dunia riil,pengalaman dari so...

Kategori ragam dialog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirlcTO48VbaaLnHlzEVGns7S6JPqpgsY5R-1Llf2r55LBnYrC29_fTUAD7GQqaCSGlHB-D58Rly-5RBnSKibtHt_bJjW6H1C8OsYhGYltr5MtxZ1V4-b-ZvJYYy5MW2UfKKpxhjOjaaxw/s1600/technology1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirlcTO48VbaaLnHlzEVGns7S6JPqpgsY5R-1Llf2r55LBnYrC29_fTUAD7GQqaCSGlHB-D58Rly-5RBnSKibtHt_bJjW6H1C8OsYhGYltr5MtxZ1V4-b-ZvJYYy5MW2UfKKpxhjOjaaxw/s1600/technology1.png" width="400" /></a></div> 1. Ragam Dialog Interaktif <blockquote class="tr_bq">a. Dialog berbasis perintah tunggal (Command line dialogue). b. Dialog berbasis bahasa pemrograman (Programming language dialogue). c. Antarmuka berbasis bahasa alami (Natural language interface). d. Sistem Menu. e. Dialog berbasis pengisian formulir (Form filling dialogue). f. Antarmuka Berbasis Ikon g. Sistem Penjendelaan (windowing system) h. Manipulasi Langsung i. Antarmuka Berbasis Interaksi Grafis</blockquote>2. Dialog berbasis perintah tunggal <blockquote class="tr_bq">“Perintah-perintah tunggal yang dioperasikan tergantung dengan sistem operasi komputer yang dipakai “. Dialog berbasis perintah tunggal (command line dialogue) dapat dikatakan merupakan ragam yang paling konvensional. Bahasa perintah harus dirancang sedemikian rupa sehingga mereka mempunyai sifat alamiah, yakni mudah dipelajari dan diingat oleh kebanyakan pengguna. Meskipun bersifat buatan, bahasa buatan ini tetap mempunyai struktur leksikal, sintaksis, dan semantik tertentu.          contoh : DOS (dir, delete, format, copy, dll)  Unix / Linux (ls, vi, who, passwd, dll)</blockquote>3. Dialog berbasis bahasa pemrograman (Programming language dialogue). <blockquote class="tr_bq">“Dialog yang dikemas sejumlah perintah ke dalam suatu bentuk berkas (file) berupa batch file”. Dalam keadaan tertentu, penggunaan dialog berbasis perintah tunggal sering tidak memadai, khususnya ketika pengguna harus memberikan sederetan perintah- perintah yang sama setiap kali ia menjalankan program aplikasi tersebut. Dialog berbasis bahasa pemrograman merupakan ragam dialog yang memungkinkan pengguna untuk mengemas sejumlah perintah ke dalam suatu berkas yang sering disebut dengan batch file. Contoh : Assembler, Pascal, C, FORTRAN, atau BASIC </blockquote>4. Antarmuka berbasis bahasa alami (Natural language interface). <blockquote class="tr_bq">“Dialog yang berisikan instruksi-instruksi dalam bahasa alami (manusia) yang diterjemahkan oleh sistem penterjemah“. Jika dialog berbasis perintah tunggal instruksinya sangat dibatasi oleh sintaksis yang digunakan Dengan bahasa alami, pengguna dapat memberikan instruksinya dengan kalimat – kalimat yang lebih manusiawi. Kata-kata/ bahasa sehari-hari bisa digunakan, seperti DISPLAY ALL dalam dBase Contoh : dalam bahasa Pascal While not eof(T) do Begin Readln(T,S); If IpSem > 3.0 then Writeln(namamahasiswa); End </blockquote>5. Sistem Menu <blockquote class="tr_bq">“ Dialog yang menampilkan daftar sejumlah pilihan dalam jumlah terbatas ” Menu adalah daftar sejumlah pilihan dalam jumlah terbatas, yang biasanya berupa suatu kalimat atau kumpulan beberapa kata. Ditinjau dari teknik penampilan pilihan-pilihan pada sebuah sistem menu. 2 (dua) jenis sistem menu: 1. sistem menu datar adalah sistem menu yang menampilkan semua pilihan secara lengkap. <blockquote class="tr_bq">a. Sistem Menu Datar (Selektor pilihan) Dalam menentukan jenis selektor yang akan digunakan (angka, huruf, atau kombinasinya) salah satu bahan pertimbangannya adalah banyaknya pilihan yang akan disediakan.Penggunaan selektor yang berupa angka (tidak termasuk angka 10) Tetapi jika jumlah pilihan lebih dari 10 buah, penggunaan selektor yang berupa angka kurang cocok, karena pengguna harus menekan dua buah tombol untuk memilih pilihan dengan nomor elektor 10 atau lebih, Keadaan seperti ini tidak selalu diinginkan, bagi pengguna.Jika menggunakan selektor berupa huruf, karena kita mempunyai 26 huruf alphabet. Jika cacah pilihan lebih besar dari 26 buah, selektornya dapat berupa campuran angka dan huruf. b. Penggunaan Tanda terang (highlight marker) Cara lain untuk menentukan pilihan pada daftar menu datar adalah menggunakan suatu mekanisme yang disebut tanda terang (highlight marker) yang dapat digerakkan pada semua pilihan yang ada dilayar Dengan cara ini, pengguna – dengan bantuan tombol khusus seperti ⬅,⬆ , ➡, atau ⬇, atau dengan menggunakan mouse – memenpatkan tanda terang ke suatu pilihan yang ia inginkan. Kemudian, pengguan harus menekan tombol Enter atau mengklik mouse untuk mengkonfirmasikan pilihannya.</blockquote>2. Sistem menu tarik (pulldown) yang berbasis pada struktur hirarki pilihan (struktur pohon pilihan). Sistem menu tarik adalah sistem menu yang akan menampilkan pilihan dalam kelompok-kelompok tertentu. Pada Sebuah subpilihan/submenu dari suatu pilihan/menu utama dapat mempunyai satu atau labih sub-subpilihan, dan seterusnya. Contoh Sistem Menu Tarik (Pulldown) </blockquote> 6. Dialog berbasis pengisian formulir (Form filling   dialogue). <blockquote class="tr_bq">“ Dialog dimana pengguna (user) dihadapkan ke suatu bentuk formulir dilayar komputer yang berisi sejumlah pengisian data dan opsi (option) yang telah ditentukan ”. Sebagai dasar untuk pendataan Layar berbentuk formulir Data diinputkan pada kolom-kolom yang telah tersedia Perlu rancangan yang baik dan ada fasilitas perbaikan (koreksi) </blockquote>7. Antarmuka berbasis ikon (icon) <blockquote class="tr_bq">Sejalan dengan penggunaan simbol-simbol dan tanda-tanda kehidupan kita sehari-hari, antarmuka sering memanfaatkan simbol-simbol dan tanda-tanda ini untuk memberitahukan pengguna akan kemampuan dan fasilitas yang dimiliki oleh suatu program aplikasi. Ragam dialog yang banyak menggunakan simbol-simbol dan tanda-tanda untuk menunjukkan suatu aktifitas tertentu disebut dengan antarmuka berbasis ikon (icon-based user interface) . “Dialog yang menggunakan simbol atau tanda untuk menunjukan suatu pilihan aktifitas tertentu”. </blockquote>8. Sistem Penjendelaan <blockquote class="tr_bq">“Sistem antarmuka yang memungkinkan pengguna untuk menampilkan berbagai informasi pada satu atau lebih jendela (window) “. Penampilan lebih banyak informasi ✅  Akses lebih banyak sumber informasi ✅  Kombinasi berbagai sumber informasi ✅  Kendali bebas atas sejumlah program ✅  Command context ✅  Penyajian jamak (multiple view) ✅  Reminder/pengingat Jenis-jenis jendela (window) : a. Jendela TTY b. Time-Multiplexed Windows c. Space multiplex window d. Non Homogen <blockquote class="tr_bq">a. Jendela TTY Jendela TTY merupakan jenis jendela yang paling sederhana. Secara sekilas jenis jendela ini mirip dengan tampilan apa adanya karena jendela TTY hanya terdiri atas sebuah jendela yang mempunyai fasilitas pemindahan halaman (scrolling) secara otomatis pada satu arah. Contoh jendela TTY adalah : dot prompt.</blockquote><blockquote> b. Time-Multiplexed Windows Pemikiran yang mendasari digunakannya istilah time-multiplexed windowsadalah bahwa layar tampilan merupakan sumber daya yang bisa digunakan secara bergantian oleh sejumlah jendela pada waktu yang berlainan. Jenis jendela ini banyak diterapkan pada editor teks c. Space multiplex window Dalam space-multiplexed windows, lebar layar dibagi bagi menjadi beberapa jendela dengan ukuran yang bervariasi, dan jenis jendelanya dapat ditentukan berdasarkan ketergantungan antara satu bisa diletakkan “diatas” jendela yang lain, dan apakah masing-masing jendela bisa diubah ukurannya. Contoh : - pada perangkat lunak Bravo - pada pengolah kata Word Perfect versi DOS misalnya Word Perfect versi 5.0 atau5.1, pada Lotus 123 versi DOS d. Non Homogen Jendela non homogen adalah jenis jendela yang tidak dapat dikelompokkan pada jenis jendela diatas. Dua dari beberpa jenis jendela homogen adalah ikon, dan zooming window. Pada zooming window, pengguna dapat melihat bagian tertentu dari obyek yang diamati secara lebih terinci, karena jendela ini dapat di perbesar maupun diperkecil sesuai dengan kebutuhan </blockquote></blockquote>9. Manipulasi Langsung. <blockquote class="tr_bq">A. Pengertian “ Penyajian langsung aktifitas kepada pengguna (user) sehingga aktifitas akan dikerjakan oleh komputer ketika pengguna memberikan instruksi langsung yang ada pada layar komputer “. B. Penerapan : <blockquote class="tr_bq">a Kontrol Proses b Editor Teks c Simulator d Kontrol Lalu lintas penerbangan e Perancangan Bentuk/model f (computer aided design ) </blockquote></blockquote>10. Antarmuka Berbasis Interaksi Grafis. <blockquote class="tr_bq">“Dialog berbentuk pesan atau informasi pada suatu gambar atau link yang tampil ketika pengguna melakukan suatu aktifitas“.  </blockquote>

Kategori ragam dialog

1. Ragam Dialog Interaktif a. Dialog berbasis perintah tunggal (Command line dialogue). b. Dialog berbasis bahasa pemrograman (Programming l...

Ragam Dialog

“Cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog” Beberapa Sifat setiap Ragam Dialog : <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJ7h2EGXMjzaLeW0unlJeGTodA90UOE7i7djvzGSlpS29D7sNA0niLUnhEo5TQMfTqH4Rafqk-EixiV8soR1NLxVdwKDYMwqmE3ud4itZ_oX40E_S4FsEGeuynQDWVRJiayveERUc9eU/s1600/technology.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJ7h2EGXMjzaLeW0unlJeGTodA90UOE7i7djvzGSlpS29D7sNA0niLUnhEo5TQMfTqH4Rafqk-EixiV8soR1NLxVdwKDYMwqmE3ud4itZ_oX40E_S4FsEGeuynQDWVRJiayveERUc9eU/s1600/technology.jpg" width="400" /></a></div> <ol></ol>- Inisiatif - Keluwesan - Kompleksitas - Kekuatan - Beban Informasi<blockquote class="tr_bq"><blockquote class="tr_bq"><div style="text-align: left;">1. Inisiatif merupakan sifat dasar dari sembarang dialog, karena inisiatif akan menentukan keseluruhan ragam komunikasi sehingga dapat ditentukan tipe-tipe pengguna yang dituju oleh sistem yang dibangun. Inisiatif oleh komputer Pengguna memberikan tanggapan atas arahan dari Komputer Definisi himpunan yang ditetapkan sebelumnya Contoh: yes/no, menu Inisiatif oleh pengguna Keterbukaan lebih luas Contoh: command line</div></blockquote><blockquote class="tr_bq">2. Keluwesan : Kemampuan untuk mencapai suatu tujuan lewat cara yang berbeda, Menyediakan sejumlah perintah alternatif dengan hasil yang sama/setara Shortcut Menyesuaikan diri dengan kemampuan pengguna (customized) Menu pemula dan mahir Shortcut, command line 3. Kompleksitas : Tidak perlu membuat antarmuka lebih dari yang diperlukan Pengelompokan Hirarki, Bayangkan bila tanpa hirarki Terlalu bertingkat juga merepotkan</blockquote><blockquote class="tr_bq">4. Kekuatan : Jumlah kerja yang dapat dilakukan oleh sistem untuk setiap perintah yang diberikan oleh pengguna, Pengguna mahir: merasa tersiksa bila harus menempuh jalan panjang </blockquote><blockquote class="tr_bq">5. Beban Informasi : Ragam dialog yang terjadi antara komputer dengan manusia lebih menitik beratkan pada penyajian informasi yang dihasilkan komputer kepada pengguna. Agar penyampaian informasi itu dapat berdaya guna dan berhasil guna, beban informasi yang terkandung di dalam suatu ragam dialog seharusnya disesuaikan dengan aras pengguna </blockquote></blockquote>

Ragam Dialog

“Cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog” Beberapa Sifat setiap Ragam Dialog : - Inisiatif - Keluwesan - Kompleks...

Faktor manusia (brainware) dalam merancang Antarmuka adalah :

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDiRej8v7VG833bbdPKt5OYMl6KJsIOzawyRp1VT0CM7eY5d6gp-ZKWD3Zl-goLJxR1LA5iSohb9Fw3gKTKQt8Tg5zIfIcjMYpTSb-WJnxVSyZxPJ2pgAiM7k9xUabxH2ROYvYIuRgVHw/s1600/informatika4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDiRej8v7VG833bbdPKt5OYMl6KJsIOzawyRp1VT0CM7eY5d6gp-ZKWD3Zl-goLJxR1LA5iSohb9Fw3gKTKQt8Tg5zIfIcjMYpTSb-WJnxVSyZxPJ2pgAiM7k9xUabxH2ROYvYIuRgVHw/s1600/informatika4.jpg" width="400" /></a></div> 1. Penglihatan Dalam dunia nyata, mata selalu digunakan untuk melihat semua bentuk tiga dimensi. Dalam sistem komputer, yang menggunakan layar dua dimensi, mata kiri dipaksa untuk dapat mengerti bahwa obyek pada layar tampilan, yang sesungguhnya berupa obyek dua dimensi, harus dipahami sebagai obyek tiga dimensi dengan teknik-teknik tertentu. a. Luminas Banyaknya cahaya yang dipantulkan oleh permukaan obyek. Semakin besar luminans dari sebuah obyek,rincian obyek yang dapat dilihat oleh mata juga akan semakin bertambah. b. Kontras Hubungan antara cahaya yang dikeluarkan oleh suatu obyek dan cahaya dari latar belakang obyek tersebut. c. Kecerahan Tanggapan subyektif pada cahaya. d. Sudut dan Ketajaman Penglihatan Sudut penglihatan (visual angle) didefinisikan sebagai sudut yang berhadapan oleh objek pada mata. Ketajaman penglihatan (visual acuity) adalah sudut penglihatan minimum ketika mata masih dapat melihat sebuah objek dengan jelas e. Medan Penglihatan Sudut yang dibentuk ketika mata bergerak ke kiri terjauh dan ke kanan terjauh f. Warna Cahaya tampak merupakan sebagian kecil dari spektrum elektromagnetik 2. Pendengaran <div style="text-align: left;">Kebanyakan manusia mendeteksi suara dalam frekuensi 20 Hertz – 20 Khertz Manusia juga mendengar suara antara 50 dB (decible) – 70 dB. Telinga manusia akan rusak mendengar lebih dari 140 dB. Manusia tidak mendengar frekuensi kurangdari 20 dB</div><div style="text-align: left;">  </div>3. Sentuhan Sentuhan merupakan sarana manusia untuk berinteraksi. contoh dalam penggunaan papan ketik (keyboard) atau tombol, maka manusia akan lebih nyaman apabila tombol atau keyboard tidak berat proses penekanannya.  4. Pemodelan Sistem Pengolahan Model sistem pengolahan manusia terdiri dari pengolahan perseptual, pengolahan intelektual dan pengendalian motorik yang beinteraksi dengan memori manusia. Model sistem komputer terdiri dari pengolah (processor) dan memori. Interaksi keduanya melalui bus   5. Pengendalian Motorik Pengendalian motorik pada manusia dapat dilatih untuk mencapai taraf tertentu seperti mengetik 10 jari untuk kecepatan 1000 huruf permenit

Faktor manusia (brainware) dalam merancang Antarmuka adalah :

1. Penglihatan Dalam dunia nyata, mata selalu digunakan untuk melihat semua bentuk tiga dimensi. Dalam sistem komputer, yang menggunakan lay...

Faktor Manusia

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjV-TMe4VxDX_8cvbDSkcv_e-Yi-oXL6i25RCEB5Di-7mJnH9wwt23J7PovD2EjViTM8wjvfUj17ID-7qs490CDbAYxHFEenYy5jLZFvY6HZEwBXkMicuR0-9NbuKfjP9NwDMmnlW_UQ/s1600/Jurusan+Teknik+Informatika+Sangat+Mendominasi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjV-TMe4VxDX_8cvbDSkcv_e-Yi-oXL6i25RCEB5Di-7mJnH9wwt23J7PovD2EjViTM8wjvfUj17ID-7qs490CDbAYxHFEenYy5jLZFvY6HZEwBXkMicuR0-9NbuKfjP9NwDMmnlW_UQ/s1600/Jurusan+Teknik+Informatika+Sangat+Mendominasi.png" width="400" /></a></div> Jenis-Jenis Komputer : <ul></ul>Super computer Mainframe computer Mini computer Micro computer, Personal Computer  - Desktop casing  Minitower,  - Mid-tower, tower casing Workstation : station (komputer tempat) bekerja. Notebook computer Personal Digital Assistant(PDA) / palmtop computer  - Cellular Phone  - Tablet PC Cluster computer : beberapa komputer (biasanya PC) bekerja bersama sebagai satu virtual computer. Sistem Komputer terdiri atas 3 (tiga) aspek :  1. Aspek Perangkat Keras (Hardware).     Serangkaian unsur-unsur yang terdiri dari beberapa perangkat keras komputer yang digunakan untuk membantu proses kerja manusia (Brainware ). Contoh : CPU, Monitor, Keyboard, Harddisk, Disk drive,dll. 2. Aspek Perangkat Lunak (Software).     Serangkaian unsur-unsur yang terdiri dari beberapa perangkat lunak program komputer yang digunakan untuk membantu proses kerja manusia ( Brainware ). Contoh : Sistem Software, Application Software, Package Software. 3. Aspek Manusia (Brainware).     Tenaga pelaksana yang menjalankan serta mengawasi pengoperasian sistem unit komputer didalam proses pengolahan data untuk menghasilkan suatu informasi yang tepat waktu, tepat guna dan akurat. Contoh: Sistem Analis, Programmer, operator, Technical Support

Faktor Manusia

Jenis-Jenis Komputer : Super computer Mainframe computer Mini computer Micro computer, Personal Computer - Desktop casing Minitower, - Mi...

Perubahan Teknologi

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUnJdpOKPrfieuDiqI12UlaEB3K4x5EtoiZUM2teGe1H7xgCY4x96aNlKRQ4a9SQqs6wLsu3YDji-0hc-Fto9ArhHHJU7SuXIEw7JVf8opMFApy3ZVxpNZh5sSaZQQ4uoJumg4U_rFCqY/s1600/teknologi-pendidikan1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUnJdpOKPrfieuDiqI12UlaEB3K4x5EtoiZUM2teGe1H7xgCY4x96aNlKRQ4a9SQqs6wLsu3YDji-0hc-Fto9ArhHHJU7SuXIEw7JVf8opMFApy3ZVxpNZh5sSaZQQ4uoJumg4U_rFCqY/s1600/teknologi-pendidikan1.jpg" width="320" /></a></div> Penurunan harga komputer yang sangat dramatis dihasilkan oleh adanya perkembangan teknologi terutama teknologi microelectronic dalam bentuk keping silicon (IC). Kemampuan teknologi untuk memperkecil ukuran rangkaian serta mengkemas sejumlah rangkaian dalam satu keping tipis IC merupakan langkah menuju perkembangan komputer yang powerful dengan kapasitas penyimpan yang besar, namun dengan harga yang semakin murah. Perubahan teknologi di atas telah membuka kemungkinan penggunaan komputer yang lebih luas. Saat ini kehadiran komputer sudah tidak dapat dilepaskan dari dunia bisnis dan industri modern. Komputer juga ditemukan dalam penggunaan aplikasi rumah tangga

Perubahan Teknologi

Penurunan harga komputer yang sangat dramatis dihasilkan oleh adanya perkembangan teknologi terutama teknologi microelectronic dalam bentuk ...

Pengenalan IMK

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6REw2VdqC8b2qW3A8T9fPput6PZCWe6KcVr8jYjSTGuL2doZu7y1todz1bwDafmlfbKlBMKIfgbZdOnhLOJO2wmu909L4JIL6-geRZIZWARfQVmKKmBknNyi337P86uPZlbUFkyiboaM/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6REw2VdqC8b2qW3A8T9fPput6PZCWe6KcVr8jYjSTGuL2doZu7y1todz1bwDafmlfbKlBMKIfgbZdOnhLOJO2wmu909L4JIL6-geRZIZWARfQVmKKmBknNyi337P86uPZlbUFkyiboaM/s1600/4.jpg" width="400" /></a></div> Apa itu IMK? Secara sederhana IMK adalah studi tentang manusia,teknologi komputer dan cara bagaimana mereka saling berinteraksi. Kita mempelajari IMK untuk dapat menentukan bagaimana membuat agar teknologi komputer dapat lebih berguna bagi manusia Apa itu IMK? Hal tersebut membutuhkan pemahaman tentang tiga hal, yaitu: <blockquote class="tr_bq">• Teknologi komputer • Manusia yang akan berinteraksi dengannya • Dan apa yang dimaksud dengan “lebih berguna” (more usable)</blockquote> “IMK adalah apa yang terjadi saat pengguna manusia dan sistem komputer bersama- sama menyelesaikan suatu tugas / pekerjaan”. Apa itu IMK? Bidang Ilmu Interaksi Manusia dan Komputer adalah: Ilmu yang mempelajari bagaimana mendesain, mengevaluasi dan mengimplementasikan sistem komputer yang interaktif sehingga dapat digunakan oleh manusia dengan muda Definisi Interaksi Manusia dan Komputer : “Sebuah hubungan antara manusia dan komputer yang mempunyai karakteristik tertentu untuk mencapai suatu tujuan tertentu dengan menjalankan sebuah sistem yang menggunakan antarmuka (interface).”

Pengenalan IMK

Apa itu IMK? Secara sederhana IMK adalah studi tentang manusia,teknologi komputer dan cara bagaimana mereka saling berinteraksi. Kita mempel...