Konsep Interaksi Manusia Dan Komputer
* Bidang Ilmu Interaksi
Manusia Dan Komputer
Bidang
ilmu
yang mempelajari tentang mendesain mengevaluasi dan mengimplementasikan
sistem komputer interaktif sehingga dapat digunakan oleh manusia dengan
mudah.
* Definisi Interaksi
Interaksi
dapat diartikan adalah perilaku atau perbuatan yang dilakukan objek tertentu
dengan menjalin hubungan dua arah dengan objek lainnya.
* Definisi
Interaksi Manusia Dan Komputer
Hubungan
dua arah yang dilakukan manusia dan komputer untuk mencapai suatu tertentu
dengan status hubungan dimediasi dengan dialog yang bersifat timbal balik.
* prinsip kerja
komputer
Prinsip
kerja komputer terdiri dari masukan proses keluaran masukkan dilakukan oleh
manusia lewat perangkat masukan berupa huruf dan angka yang kemudian diolah
komputer dengan hasil keluaran sesuai dengan keinginan manusia.
* Model dan jenis
interaksi manusia dan komputer
1.
Command
Line Interface
Contoh
: unix Linux Dos
2.
Menu
Contoh
: Seluruh menu yang ada pada setiap aplikasi pada komputer
3.
Natural
Language
Contoh
: Bahasa pemrograman terstruktur
4.
Question
And Answer And Query Language
Contoh
: MySql, Database, Interaktif dll.
5.
form
Contoh
: Excel, Access, Explorer, Lotus dll.
6.
Wimp
-
Windows
icon menu pointer
-
Windows
icon mouse pull down menu
Contoh
: Scrollbar, Textbox, Combobox, Listview, Table, Ballet.
* Untuk membuat
desain interface, disiplin ilmu dasar yang kita miliki adalah :
1.
Ilmu
komputer dan tehnik elektronik
2.
Psikologi
3.
Perancangan
grafis dan tipografi
4.
Trogonomik
5.
Antropologi
6.
Sosiologi
* Prinsip utama
mendesain antar muka
1.
Unsur
compatibility
2.
Product
compatibility
3.
Task
compatibility
4.
Work
how compatibility
5.
consistency
6.
Familiarity
in simplicity
7.
Direct
manipulation
8.
Control
Faktor-Faktor Interaksi Manusia Dan Komputer
Faktor Manusia (Pengguna)
Tiga
faktor utama sistem komputer yaitu hardware, software, dan brainware. Ketika
membangun IMK aspek manusia harus terpikirkan dengan matang, tidak hanya
memikirkan aspek teknik dari sistem komputer saja. Namun bagaimana manusia
menangkap data / informasi, bagaimana memproses dan mengolah data yang telah ditangkap.
Manusia
dipandang sebagai sistem pemrosesan informasi
-
Informasi
data ditangkap melalui sistem input output (Indra)
-
Informasi
disimpan dalam ingatan (memori)
-
Informasi
diolah dan diaplikasikan dalam berbagai cara.
Kapasitas
manusia dalam mengolah data / informasi memiliki reaksi yang berbeda-beda satu
dengan yang lainnya, maka faktor inilah yang harus diperhatikan dalam merancang
interface
Saluran Input Dan Output
Indra yang
berhubungan dengan IMK adalah :
-
Indra
penglihatan
-
Indra
pendengaran
-
Indra
sentuhan
Faktor Indra penglihatan
Beberapa hal
yang mempengaruhi mata menangkap data informasi
1.
luminas
(luminance)
2.
Kontras
3.
Kecerahan
4.
Sudut
dan ketajaman penglihatan
5.
Medan
penglihatan
6.
Warna
(aspek => psikologi => perceptual => Kognitif)
Faktor Indra Pendengaran
- Suara
adalah salah satu elemen untuk penyebaran informasi yang secara lengkap lewat
proses pendengaran.
-
manusia
mampu mendengar lewat getaran dan gelombang yang dimediasi oleh udara
-
Batas pendeteksian suara oleh manusia 20 hertz
sampai dengan 20 kilo hertz.
Faktor Indra Sentuhan
- Kulit
adalah Indra yang dimiliki manusia yang berfungsi untuk mengenali lingkungan
dari sentuhan.
- sentuhan
dikaitkan dalam bentuk media input maupun output.
- Feedback
sentuhan tidak dijadikan penyajian dan
pengolahan informasi tetapi lebih sebagai perangkat pendukung.
Memori Manusia
-
Digunakan
sebagai tempat penyimpanan informasi dan dapat disajikan dalam bentuk ingatan.
3 Jenis / Fungsi Memori
1.
Tempat
penyaringan Sensor.
2.
Tempat
memproses ingatan (memori jangka pendek).
3.
Tempat
memproses ingatan (memori jangka panjang).
Sensor Memori
|
=======>
Perhatian
|
Memori
Jangka
Pendek
|
========>
Pengulangan
|
Memori
Jangka
Panjang
|
Iconic
Echoic
Haptic
|
Ket :
-
Iconic : Menerima rangsangan penglihatan
-
Echoic : Menerima rangsangan pendengaran
-
Haptic : Menerima rangsangan sentuhan
Bahasa Alami
SQL
Adalah bahasa pemrograman untuk mengolah basis data. SQL singkatan dari Structured
Query Language. Bahasa SQL untuk setiap perintahnya menggunakan dialog tunggal
dan dialog bahasa alami.
- Perintah
membuat database baru.
CREATE
DATABASE nama_database;
- Memilih
database yang digunakan
USE
nama_database;
- Menampilkan
seluruh database yang ada pada server
SHOW
DATABASE
- Membuat
tabel baru.
CREATE
TABLE nama_tabel (“kolom 1”,”kolom 2”,”kolom 3”,”kolom n”)
- Melihat
struktur tabel
DESC
atau DESCRIBE nama_tabel;
- Melihat
isi tabel
Select
* from nama_tabel;
- Memasukkan
data ke dalam tabel
INSERT
INTO nama_tabel (kolom 1, kolom 2)
Value
(“data 1”,”data 2”,”data n”)
C:\users\Anton\cd\
enter
D:\>dir;
enter
D:\>cd
foto; enter
D:\foto>dir;
enter
D:\foto>wisata.jpg
enter
D:\foto>cls;
enter
D:\foto>cd
. . enter
D:\MD
Berkas enter
D:\>dir
enter
D:\RE
Berkas Berkasku enter
|
|
D:\cd
foto\Berkasku enter
D:\foto\Berkasku
entetr
D:\fotoo
enter
D:\>MOVE
Berkasku enter
D:\foto
enter
Cls
= Untuk Menghapus
MD
= Make Directori
Cls
= Clear Screen
CD
adalah perintah untuk masuk ke dir
|
Ragam Dialog
Dialog Berbasis Form (Borang)
Jenis
ragam dialog ini sering digunakan manusia pada saat berinteraksi dengan
komputer seperti pada saat menampilkan data, memasukkan data dan memproses
data.
Form
borang yang berbasis grafis memiliki beberapa komponen antara lain :
- Label
berfungsi untuk memberikan keterangan terhadap beberapa komponen yang ada
pada form .
- Textbox
komponen ini bisa berfungsi sebagai tempat memasukkan data atau
menampilkan data.
- Combobox
komponen ini berfungsi untuk menampilkan data tunggal dari banyak pilihan
data yang ada.
- Listbox
komponen ini digunakan untuk menampilkan sejumlah pilihan yang tersedia
yang dapat dipilih oleh pengguna.
- Spinbox
komponen ini digunakan untuk menampilkan data bertipe numerik dengan menambahkan
dan mengurangkan nilai tersebut. Contohnya jam.
- Checkbox
komponen ini digunakan untuk jenis data pilihan yang dapat dipilih lebih
dari satu jenis.
- Radio
button komponen ini digunakan untuk jenis data pilihan yang hanya dapat
dipilih satu jenis saja.
- Scrollbar
komponen ini digunakan untuk menggeser tampilan form atau data baik secara
vertikal maupun horizontal.
- Button
komponen ini berfungsi untuk melaksanakan beberapa perintah proses ataupun
satu proses saja.
RANCANGAN DESAIN KOMPONEN GUI
Notepad
Rancangan Design Komponen GUI
<html>
<head>
<title>IMK</title>
<body>
TEXT BOX<BR><BR>
<input type="text" name="textfield">
<br>
<br>
CHECK BOX<BR><br>
<from>
<input
name="musik"type="checkbox"value="Musik"/><span>Berenang</span><BR>
<input name="olah
raga"type="checkbox"value="Olah
Raga"/><span>Bulutangkis</span><BR>
<input name="membaca
novel"type="checkbox"value="Membaca
Novel"/><span>Sepak Bola</span><BR>
<input
name="jalan-jalan"type="checkbox"value="Jalan-Jalan"/><span>Voli</span><BR>
</from>
<BR>
<BR>
LIST BOX<BR><BR>
<textarea name="text" cols="25"
rows="5">
Senin
Selasa
Rabu
Kamis
Jumat
Sabtu
Minggu</textarea>
<br><br>
COMBO BOX<BR><BR>
<select>
<option
nama="Tanggal"value="Pilih">Tanggal</option>
<option
nama="Tanggal"value="Tunanetra">1</option>
<option
nama="Tanggal"value="Tunarungu">2</option>
<option
nama="Tanggal"value="Tunagraita">3</option>
<option
nama="Tanggal"value="Tunakdasa">4</option>
<option
nama="Tanggal"value="Lainnya">5</option>
</select>
<BR>
<br>
<select name="Bulan">
<option value="Januari"> Januari
<option value="Februari">Februari
<option value="Maret">Maret
<option value="April">April
<option value="Mei">Mei
<option value="juni">juni
<option value="Juli">Juli
<option value="Agustus">Agustus
<option value="September">September
<option value="Oktober">Oktober
<option value="november">November
<option value="Desember">Desember
</select>
</from>
<BR>
<br>
RADIO BUTTON <BR><BR>
<from>
Pilih Agama <br>
<input
name="jenis"type="radio"value="jenis"/><span>Islam</span><br>
<input
name="jenis"type="radio"value="jenis"/><span>Kristen</span><br>
<input
name="jenis"type="radio"value="jenis"/><span>Budha</span><br>
<input
name="jenis"type="radio"value="jenis"/><span>Hindu</span><br>
</from>
<div style="padding":3px;over
flow:uto;width:auto;height:200px;border:1px solid grey"></div>
<br>
<BR>
SCROOL BAR<BR><BR>
<style>{
margin-bottom:200%;}
/*Box styles*/
.mybox{
border:none;
padding:5px;
font: 24px/36px sans-serif;
width:200px;
height:200px;
overflow:scroll;}
*/scrollbar styles*/
::-webkit-scrollbar{
width:12px;
height:12px;}
::-webkit-scrollbar-track{
border:1px solid yellowgreen;
border-radius: 10px;}
::-webkit-scrollbar-track{
background:yellowgreen;
border-radius: 10px;}
::-webkit-scrollbar-thumb:hover{
background:#88ba1c;
}</style>
<div class="mybox"></div>
<BR><BR>
BUTTON<BR><BR>
<from>
<input
name="Simpan"type="button"value="Simpan"/>
<input
name="Batal"type="button"value="Batal"/>
<input name="Hapus"type="button"value="Hapus"/>
<input
name="Keluar"type="button"value="Keluar"/>
</from>
</body>
</html>
Untuk kembali ke Menu Utama Click Disini
