Interaksi Manusia Dan Komputer

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.

1. Perintah membuat database baru.

CREATE DATABASE nama_database;

2. Memilih database yang digunakan

USE nama_database;

3. Menampilkan seluruh database yang ada pada server

SHOW DATABASE

4. Membuat tabel baru.

CREATE TABLE nama_tabel (“kolom 1”,”kolom 2”,”kolom 3”,”kolom n”)

5. Melihat struktur tabel

DESC atau DESCRIBE nama_tabel;

6. Melihat isi tabel

Select * from nama_tabel;

7. 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 :

1. Label berfungsi untuk memberikan keterangan terhadap beberapa komponen yang ada pada form .
2. Textbox komponen ini bisa berfungsi sebagai tempat memasukkan data atau menampilkan data.
3. Combobox komponen ini berfungsi untuk menampilkan data tunggal dari banyak pilihan data yang ada.
4. Listbox komponen ini digunakan untuk menampilkan sejumlah pilihan yang tersedia yang dapat dipilih oleh pengguna.
5. Spinbox komponen ini digunakan untuk menampilkan data bertipe numerik dengan menambahkan dan mengurangkan nilai tersebut. Contohnya jam.
6. Checkbox komponen ini digunakan untuk jenis data pilihan yang dapat dipilih lebih dari satu jenis.
7. Radio button komponen ini digunakan untuk jenis data pilihan yang hanya dapat dipilih satu jenis saja.
8. Scrollbar komponen ini digunakan untuk menggeser tampilan form atau data baik secara vertikal maupun horizontal.
9. 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