Desain dan Notasi Interaksi Manusia & Komputer

CONTOH KASUS:”Sistem Informasi Pengolahan Data Nilai Siswa”

Desain dan Notasi Balok

Desain dialog IMK terdiri dari desain:

1.  Penjendelaan(window) / frame

2.  Sistem menu

Notasi dialog IMK terdiri dari beberapa jenis diagram diantaranya adalah:

·         Diagram,Flowchart

·         Diagram,Entity Relationship Diagram(ERD)

·         Data Flow Diagram(DFD)

Notasi masing-masing diagram:

1.  Diagram Flowchart / Lihat materi mata kuliah logika dan algoritma

2.  Entity Relationship Diagram :Diagram ini digunakan untuk menggambarkan desain relasi antara         tabel didalam basis data.

SIMBOL ERD:

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 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 numeric dengan menambahkan dan mengurangkan nilai tertentu.

6.   Checkbox

      Komponen ini digunakan untuk jenis data pilihan yang dapat dipilih lebih dari satu jenis data.

7.   Radio Button

      Komponen ini digunakan untuk jenis data pilihan yang hanya dapat dipilih satu jenis data saja.

 8.   Scrollball

      Komponen ini digunakan untuk menggeser tampilan form atau data,baik secara vertical maupun horizontal.

9.   Button

      Komponen ini berfungsi untuk melaksanakan beberapa perintah proses ataupun satu proses saja.

Ragam Dialog Antar Muka Berbasis Tunggal dan Alami

1.  Perintah Tunggal

     Command line untuk aplikasi command prompt (cmd) pada windows.

a)  Mengaktifkan aplikasi command prompt (cmd)· 

 >         Aplikasi pencarian pada start atau ketik cmd

>     Control pada keyboard(short cut) atau  tekan R pada keyboar

> Start+all program(cmd) atau pilih menu start,pilih all program,pilih accessories,dan pilih command prompt.

b)  Masuk/memanggil directory/folder

        Call Directory

c)  Melihat isi directory/folder

d)  Melihat/menampilkan direktori/file/folder berdasarkan nama atau tipe.

        DIR.*.*

e)  Membuat folder baru

        MD

f)   Mengubah nama folder

        RENAME atau RE

g)   Menghapus file/folder

        DELETE atau RD

h)   Memindahkan file/folder

        MOVE

i)    Menduplikat file/folder

        COPY

2.   Perintah Alami Berbasis Tunggal

       Salah satunya adalah bahasa sintetis yaitu SQL(Structured Query Language).SQL adalah bahasa yang digunakan untuk mengolah basis data.

v    Perintah Membuat Database baru/CREATE DATABSE nama_database;

v     >  Memilih Database yang digunakan/USE nama_database;

v     >  Menampilkan seluruh Database yang ada pada server/SHOW DATABASE;

v > Membuat Tabel Baru/CREATE TABLE nama_tabel (“kolom1”, ”kolom2,” “kolom3”,   “kolom_n”);

v     >  Melihat struktur tabel/DESC nama_tabel;

v    >   Melihat isi tabel/SELECT*FROM nama_tabel;

v     >  Memasukkan  Data ke dalam tabel/INSERT INTO nama_tabel(kolom1,kolom n)

VALUE(“Data1”,”Data n”);

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 teknis  dari  sistem komputer saja. Namun  bagaimana  manusia menangkap data / informasi, bagaimana  memproses dan mengolah  data yang  telah  ditangkap. 

Manusia dipandang sebagai sistem pemrosesan informasi:

1. Informasi/data  ditangkap melalui  sistem input-output(indra)

2. Informasi  disimpan  dalam  ingatan(memori)

3. Informasi  diolah  dan diaplikasikan  dalam  berbagai cara.

Kapasitas manusiadalam mengolah data/informasi  memiliki reaksi yang berbeda-beda satu dengan yang lain nya,maka faktor inilah yang harus diperhatikan dalam merancang interface.

Saluran Input-Output

Indra yang berhubungan dengan IMK adalah:

1. Indra penglihatan

2. Indra pendengaran

3. Indra sentuhan

Faktor indra penglihatan

Beberapa hal yang mempengaruhi mata menangkap data/informasi:

1. Luminans

2. Kontras

3. Kecerahan

4. Sudut dan ketajaman penglihatan

5. Medan penglihatan

6. Warna(ASPEK:PSIKOLOGI,PERCEPTUAL,KOGNITIF)

Faktor indra pendengaran

1. Suara adalah salah satu elemen untuk penyebaran informasi yang       secara lengkap lewat proses pendengaran.

2. Manusia mampu mendengar lewat getaran dan gelombang yang             dimediasi oleh indra.

3. Batas pendeteksian suara oleh manusia=20 hertz-20 kilo herz.

Faktor indra sentuhan

1. Kulit adalah indra yang dimiliki manusia yang berfungsi untuk       mengenali lingkungan dari sentuhan.

2. Sentuhan dikaitkan dalam bentuk media input maupun output.

3. Feedback sentuhan tidak dijadikansebagai aspek penyaji dan           pengolahan informasi tetapi lebih sebagai perangkat pendukung.

Memori manusia

Digunakan sebagai tempat penyimpanan informasi dan dapat disajikan dalam bentuk ingatan.

Jenis/fungsi memori:

1. Tempat penyaringan (sensor)    
2. Tempat memproses ingatan (memori jangka pendek)
3. Tempat memproses ingatan (memori jangka panjang)

	SENSOR 1.ICONIC 2.ECHOIC 3.HAPTIC					MEMORI JANGKA PENDEK/PANJNG

                                                           

Keterangan

ICONIC:menerima rangsangan penglihatan

ECHOIC:menerima rangsangan pendengaran

HAPTIC:menerima rangasanagn sentuhan

Konsep Interaksi Manusia dan Komputer

Bidang ilmu IMK adalah 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 2 arah dengan objek lainnya.

Definisi Interaksi Manusia dan Komputer

Hubungan 2 arah yang dilakukan manusia dan komputer untuk pencapaian tertentu dengan status hubungan dimediasi dengan chalog yang bersifat timbal-balik.

Prinsip Kerja Komputer

Prinsip kerja komputer terdiri dari:

Masukan>Proses>Keluaran

Masukan dilakukan oleh manusia lewat perangkat masukan berupa huruf dan angka,yang kemudian diolah komputer dengan hasil keluaran sesuai dengan keinginan manusia.

Model dan Jenis IMK adalah :

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 Pemograman Terstruktur

4.Qwestion and Answer and Qwery Language

Contoh:mysql,dbase,interaktif,dll

6.WIMP

Window Icon Menu Pointer

Window Icon Mouse Pulldown Menu

Contoh:scrollbar,textbox,combobox,listview,table.pallets.etc

Untuk Membuat desain interface,disiplin ilmu dasar yang kita miliki adalah:

1.Ilmu komputer dan teknik elektronik

2.Psikologi

3.Perancangan grafis dan tipografi

4.Ergonomik

5.Antropologi

6.Linguistik

7Lingustik

8.Sosiologi

Prinsip utama mendesain antarmuka :

1.   User compatibilit

           Interface dapat dianologikan sebagai sampul(cover)dari sebuah sistem yang akan dilihat oleh user. Sedangkan user terdiri dari berbagai macam latar belakang dengan karakteristik,sifat dan kebiasaan yang berbeda-beda.Untuk itu,desainer harus membuat suatu antar muka yang sesuai dengan user dengan latar belakang berbeda dan jumlahnya yang lebih dari 1 orang.

2.   Product Compatibility

         Antarmuka dari suatu aplikasi harus sesuai dengan sistem yang asli.Banyak aplikasi yang memiliki anatarmuka berbeda s\dengan sistem yang aslinya.

3.   Task compatibility

     Sebuah aplikasi yang bersampulkan antarmuka harus mampu membantu user dalam manyelesaikan tugasnya.Sebisa mungkin user tidak dihadapkan pada kondisi berpikir dan memilih ,tapi user dihadapkan dengan pilihan yang mudah dan proses berpikir dari tugas-tugas user dipindahkan dala aplikasi melalui antarmuka.

4.   Work flow compatibility

            Dalam sebuah aplikasi,software engineer harus memikirkan urutan-urutan dari pekerjaan yang ada pada sebuah sistem.Hal itu dikarenakan agar user tidak mengalami kebingungan oleh banyaknya pilihan-pilihan menu dan seharusnya menu-menu merupakan urutan dari suatu langkah pekerjaan.

5.   Consistency

        Software engineer harus memperhatikan hal-hal yang bersifat konsisten dalam merancang sebuah aplikasi,khususnya antarmuka,contoh:penerapan warna,struktur menu font,format desain yang seragam sehingga user tidak mengalami kesulitan pada saat pindah posisi pekerjaan.Contoh penerapannya dalam aplikasi adalah keseragaman tampilan toolbars pada word,excell,powerpoint,yang hampir sama.

6.   Familiarity

            Salah satu sifat dasar manusia adalah mudah mengingat hal-hal yang sudah sering dilihatnya .Antarmuka sebisa mungkin didesain sesuai dengan antarmuka pada umumnya,dari segi tata cetak,model,dsb.

7.   Simplicity

         Kesederhanaan perlu diperhatikan dalam membangun suatu antarmuka .Kesederhaan disini lebih berarti sebagi hal yang ringkas dan tidak terlalu berbelit.

8   .Direct manipulation

             Salah satu sifat dasar user adalah suka merubah atau memiliki rasa bosan.User tentu berharap aplikasi yang dihadapinya memiliki media/tools yang dapat digunakan untuk melakukan perubahan.

9.   Control

              Prinsip control ini berhubungan dengan tingkat konsentrasi user yang selalu berubah-ubah.

10.  WYS/WYG(What You See Is What You Get)

            Apa yang didapat adalah apa yang dilihat.contoh penerapannya adalah :Apa yang tercetak di printer merupakan informasi yang terkumpul dari data-data yang terlihat di layar monitor  pada saat mencari data.

           

11.   Responsivenees

     Setelah user memasukkan suatu inputan atau data ke dalam aplikasi system melalui antarmuka,sebaiknya sistem langsung memberikan tanggapan atau respon dari hasil data yang diinputkan.

12.   Protection

 Protection yang dimaksud disini adalah user merasa nyaman dan tetap merasa nyaman ketika dia melakukan kesalahan.Contoh:ketika user melakukan deleting atau menghapus files tanapa merasa sengaja tidaklah menjadi kekacauan.

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 teknis  dari  sistem komputer saja.Namun  bagaimana  manusia menangkap data / informasi, bagaimana  memproses dan mengolah  data yang  telah  ditangkap. 

Manusia dipandang sebagai sistem pemrosesan informasi:

1.Informasi/data  ditangkap melalui  sistem input-output(indra)

2.Informasi  disimpan  dalam  ingatan(memori)

3.Informasi  diolah  dan diaplikasikan  dalam  berbagai cara.

     Kapasitas manusiadalam mengolah data/informasi  memiliki reaksi yang berbeda-beda satu dengan yang lain nya,maka faktor inilah yang harus diperhatikan dalam merancang interface.

Saluran Input-Output

Indra yang berhubungan dengan IMK adalah:

1.Indra penglihatan

2.Indra pendengaran

3.Indra sentuhan

Faktor indra penglihatan

Beberapa hal yang mempengaruhi mata menangkap data/informasi:

1.Luminans

2.Kontras

3.Kecerahan

4.Sudut dan ketajaman penglihatan

5.Medan penglihatan

6.Warna(ASPEK:PSIKOLOGI,PERCEPTUAL,KOGNITIF)

Faktor indra pendengaran

1.Suara adalah salah satu elemen untuk penyebaran informasi yang secara lengkap lewat proses pendengaran.

2.Manusia mampu mendengar lewat getaran dan gelombang yang dimediasi oleh indra.

3.Batas pendeteksian suara oleh manusia=20 hertz-20 kilo herz.

Faktor indra sentuhan

1.Kulit adalah indra yang dimiliki manusia yang berfungsi untuk mengenali lingkungan dari sentuhan.

2.Sentuhan dikaitkan dalam bentuk media input maupun output.

3.Feedback sentuhan tidak dijadikansebagai aspek penyaji dan pengolahan informasi tetapi lebih sebagai perangkat pendukung.

Memori manusia

   Digunakan sebagai tempat penyimpanan informasi dan dapat disajikan dalam bentuk ingatan .

3 enis/fungsi memori:

1.    Tempat penyaringan (sensor)
2.      Tempat memproses ingatan (memori jangka pendek)
3.      Tempat memproses ingatan (memori jangka panjang)

	SENSOR 1.ICONIC 2.ECHOIC 3.HAPTIC					MEMORI JANGKA PENDEK/PANJNG

                                                             

Keterangan:

ICONIC:menerima rangsangan penglihatan

ECHOIC:menerima rangsangan pendengaran

HAPTIC:menerima rangasanagn sentuhan