Graphical User Interface

Jumat, 18 April 2014
Pengertian GUI

Graphical User Interface dalam dunia komputer. Pada komputer terdapat GUI atau antarmuka pengguna secara grafis. Istilah ini bukan hal yang lumrah pada saat awal kemunculan komputer. Namun setelah komputer generasi keempat mulai diciptakan, munculnya televisi berwarna (yang mendorong pada penciptaan layar monitor berwarna) serta evolusi pada perangkat penampil gambar (graphic adapter atau graphic card atau video card) membuat komputer mulai mendapatkan suatu sistem baru.

Jadi, pengertian GUI itu apa?

Secara sederhana, GUI adalah suatu media virtual yang dapat membuat pengguna memberikan perintah tertentu pada komputer tanpa mengetik perintah tersebut, namun menggunakan gambar yang tersedia. Pengguna tidak mengetikkan perintah seperti pada komputer dengan Shell atau teks.

Dengan GUI, perintah dapat dikonversi menjadi ikon dalam layar monitor yang dapat diklik untuk memulai fungsinya. Sebagai contoh, tentu anda paham dengan sebuah ikon berbentuk kertas dengan huruf W diatasnya kan? Itu adalah ikon untuk menjalankan Microsoft Word, sebuah aplikasi yang digunakan untuk mengetik. Atau anda pasti familiar dengan tombol di pojok kiri bawah, yakni tombol bertuliskan Start atau logo Windows itu. Segala sesuatu yang anda lihat di Komputer anda saat ini adalah GUI.

Sejarah singkat mengenai GUI

Pada awal diciptakannya, komputer dijalankan dengan menggunakan perintah yang diketik pada layar monitor menggunakan keyboard. Hal ini berlaku untuk semua program ataupun perintah-perintah tertentu yang berhubungan dengan sistem informasi. Hal ini tentu saja dirasa tidak praktis dan kurang canggih. Selain itu hanya orang-orang tertentu saja yang bisa mengoperasikannya. Oleh karena itu para ahli terdorong untuk dapat menciptakan sesuatu yang dapat digunakan oleh orang kebanyakan dengan cara yang praktis dan mudah diingat.

Akhirnya lahirlah yang disebut dengan GUI atau graphical User Interface. GUI adalah seperangkat aplikasi yang menampilkan semua menu, ikon dan alat penunjuk lainnya yang menggantikan perintah ketik di shell. Hal ini membuat pengguna komputer menjadi lebih mudah mengoperasikan sebuah perangkat daripada mengingat perintah yang menggunakan teks pada sebuah kotak komando tertentu.

Hal ini didasarkan bahwa manusia lebih mudah mengingat gambar dibanding tulisan. GUI pertama kali digunakan dalam komputer yang diproduksi oleh Apple yakni Machintosh dengan Steve Jobs sebagai penggagasnya. Namun belakangan sistem operasi lain mengikutinya, seperti misalnya Microsoft dengan GUI Windows-nya yang menjadi tren setter penggunaan start menu dan taskbar di bawah.
GUI masa kini ada dimana-mana

Selain pada komputer, penggunaan graphical user interface juga diterapkan pada beberapa jenis usaha yang spesifik. Sebagai contoh adalah ATM milik bank. Meskipun berbasis teks, namun sudah dianggap semi GUI karena pengguna tidak perlu mengetikkan perintah untuk mentransfer uang. Anda hanya perlu menekan tombol yang sejajar dengan menu yang ada. Bahkan saat ini mesin ATM bank sudah banyak yang dilengkapi dengan layar sentuh. (iwan).


Kelebihan atau Kekurangan GUI

Kelebihan dan kekurangan GUI

Dengan adanya perkembangan dari GUI ini, tidak menutup kemungkinan bahwa penggunaan GUI ini begitu sempurna. Hal ini dapat diketahui dengan adanya kelebihan dan kekurangan yang dimiliki oleh GUI, diantaranya sebagai berikut.

Kelebihan dari GUI, Antara lain sebagai berikut:
  •  Tampilan GUI memiliki desain yang sangat menarik.
  •  Adanya kemudahan interaksi Antara user dengan computer berkat adanya GUI.
  • Cara menggunakan GUI lebih mudah bagi pengguna/user
  •  Tampilan GUI mempunyai resolusi gambar yang tinggi.
Kekurangan dari GUI, Antara lain sebagai berikut:

  •      Daya serap pada memory yang sangat besar.
  •           Tampilan GUI membutuhkan banyak tempat pada layar.
  •           Semakin canggih hardware maka semakin bagus tampilan gambar GUI. Hal ini GUI sangat bergantung pada kemampuan hardware yang dimiliki oleh user.

Contoh aplikasi berbasis GUI

Pengembangan applikasi dengan GUI :

Saat ini tengah dikembangkan sebuah solusi baru untuk membantu pembangunan aplikasi GUI menggunakan PHP. Solusi baru tersebut adalah Klorofil Platform. Klorofil Platform dibangun oleh suatu komunitas yang bernama Klorofil Collaboration Project atau dikenal juga dengan nama Klorofil. Di dalam Klorofil Platform terdapat sebuah GUI framework yang bernama gambArt. GUI framework inilah yang dapat kita gunakan untuk membangun aplikasi GUI menggunakan PHP.


Sumber: http://belajar-komputer-mu.com/pengertian-dan-sejarah-singkat-gui/
http://www.anneahira.com/gui.htm
http://nanda-sk.blogspot.com/2013/04/pengertian-dan-definisi-dari-gui.html

INTERAKSI MANUSIA DAN KOMPUTER

Kamis, 03 April 2014
A. Konsep-konsep dasar IMK

Berdasarkan asal katanya, interaksi merupakan suatu jenis tindakan atau aksi yang terjadi sewaktu dua atau lebih objek mempengaruhi atau memiliki efek satu sama lain. Sedangkan manusia merupakan makhluk hidup yang dilengkapi otak berkemampuan tinggi. Dan komputer sendiri yaitu alat yang digunakan untuk mengolah data menurut prosedur yang telah dirumuskan.

Dengan masing-masing pengertian di atas dapat disimpulkan bahwa Interaksi Manusia dan Komputer merupakan suatu jenis tindakan atau aksi yang terjadi antara makhluk hidup yaitu manusia dengan sebuah alat yang digunakan untuk mengolah data atau disebut juga komputer yang mempengaruhi atau memiliki efek satu sama lain.

Namun untuk beberapa definisi juga menyatakan bahwa Interaksi Manusia dan Komputer merupakan suatu disiplin ilmu yang berkaitan dengan disain, implementasi dan evaluasi dari system komputasi yang interaktif untuk digunakan oleh manusia dan studi tentang ruang lingkupnya.

Pada interaksi ini mempelajari anatar suatu manusia dan suatu mesin di dalam sebuah komunikasi, yang mendukung pengetahuan dari kedua-duanya antara sisi mesin dan sisi manusia. Pada sisi mesin teknik dalam computer grafik, system operasi, bahasa pemrograman dan lingkungan pengembangannya. Sedangkan pada sisi manusia seperti, teori komunikasi, disain industry dan grafis, linguistic, ilmu-ilmu social, psikologi dan tujuan manusia relevan. Serta perancangan system dan metode lain yang sesuai.

Komputer pertama kali diperkenalkan secara komersial pada tahun 50-an, mesin ini sangat sulit dipakai dan tidak praktis. Disebabkan karena komputer merupakan mesin yang sangat mahal dan besar, hanya dipakai di kalangan tertentu, misalnya para ilmuwan /ahli-ahli teknik.

komputer pribadi (PC) diperkenalkan pada tahun 70-an, Dengan ini perkembangan penggunaan teknologi ini secara cepat dan mengagumkan ke berbagai penjuru kehidupan (pendidikan, perdagangan, pertahanan, perusahaan, dan sebagainya). Kemajuan-kemajuan teknologi tersebut mempengaruhi juga rancangan sistem. 

Sistem rancangan dituntut harus bisa memenuhi kebutuhan pemakai, sistem harus mempunyai kecocokan dengan kebutuhan pemakai atau suatu sistem yang dirancang harus berorientasi kepada pemakai. Pada awal tahun 70-an ini, juga mulai muncul isu teknik antarmuka pemakai (user interface) yang diketahui sebagai Man-Machine Interaction (MMI) atau Interaksi Manusia-Mesin.

Para peneliti akademis mengatakan suatu rancangan sistem yang berorientasi kepada pemakai, yang memperhatikan kapabilitas dan kelemahan pemakai ataupun sistem (komputer) akan memberi kontribusi kepada interaksi manusia-komputer yang lebih baik. Maka pada pertengahan tahun 80-an diperkenalkan istilah Human-Computer Interaction (HCI) atau Interaksi Manusia-Komputer.

Evolusi Antarmuka bisa dijabarkan sebagai berikut :
Tahun 50an – Antarmuka pada level hardware untuk teknik (ex. switch panel)
Tahun 60-70an – Antarmuka pada level pemrograman (ex. COBOL, FORTRAN)
Tahun 70-90an – Antarmuka pada level instruksi
Tahun 80an – Antarmuka pada level dialog interaksi (ex. GUI,Multimedia)
Tahun 90an – Antarmuka pada level lingkungan kerja (ex. Sistem Network, Groupware)
Tahun 00an – Antarmuka berkembang dengan luas (ex. mobile device, interactive screen

Hal-hal yang mendasari adanya Interaksi Manusia dan Komputer (IMK)

Yang mendasari adanya IMK adalah karena kebutuhan manusia untuk berinteraksi dengan computer yaitu emnggunakan sejumlah menu maupun teks.atau juga bias menggunakan alat bantu masukan(input), yang berupa nouse ataupun keyboard.dan juga memerlukan alat bantu keluaran(output unit), yang dimana data-data tersebut dapat disimpan dalam media penyimpanan yang biasa disebut memori unit.
Prinsip kerja komputer = input – proses – output.Kepada komputer diberikan data yang umumnya berupa deretan angka dan huruf. Kemudian diolah didalam komputer yang menjadi keluaran sesuai dengan kebutuhan dan keinginan manusia.
Tanpa disadari kita (manusia/user) telah berinteraksi atau berdialog dengan sebuah benda (layar monitor), yaitu dalam bentuk menekan tombol berupa tombol angka dan huruf yang ada pada keyboard atau melakukan satu sentuhan kecil pada mouse.
Yang kemudian hasil inputan ini akan berubah bentuk menjadi informasi atau data yang seperti diharapkan manusia dengan tertampilnya informasi baru tersebut pada layar monitor atau bahkan mesin pencetak (printer).
Manusia pada umumnya tidak pernah tahu apa yang terjadi pada saat data dimasukkan ke dalam kotak CPU melalui keyboard. Manusia (user) selalu terfokus pada monitor/printer sebagai keluaran.
Manusia jarang sekali menyadari proses interaksi dengan komputer. Manusia barumenyadari proses interaksi tersebut saat menemukan masalah dan tidak menemukan solusi pemecahannya. Biasanya manusia menyalahkan antarmuka yang kurang inovatif, kurang menarik, kurang komunikatif.
[ad code=3 align=left]
Interaksi bisa dikatakan dialog antara user dengan komputer.

B. Yang terlibat dalam IMK

1. Teknik elektronika & ilmu komputer =memberikan kerangka kerja untuk dapat merancang sistem HCI
2. Psikologi
memahami sifat & kebiasaan, persepsi & pengolahan kognitif, ketrampilan motorik pengguna
3. Perancangan grafis dan tipografi
sebuah gambar dapat bermakna sama dengan seribu kata. Gambar dapat digunakan sebagai sarana dialog cukup efektif antara manusia & komputer
4. Ergonomik
berhubungan dengan aspek fisik untuk mendapatkan lingkungan kerja yang nyaman, misal : bentuk meja & kursi kerja, layar tampilan, bentuk keyboard, posisi duduk, pengaturan lampu, kebersihan tempat kerja
5. Antropologi
ilmu pengetahuan tentang manusia, memberi suatu pandangan tentang cara kerja berkelompok yang masing – masing anggotanya dapat memberikan konstribusi sesuai dengan bidangnya
6. Linguistik
merupakan cabang ilmu yang mempelajari tentang bahasa. Untuk melakukan dialog diperlukan sarana komunikasi yang memadai berupa suatu bahasa khusus, misal bahasa grafis, bahasa alami, bahasa menu, bahasa perintah
7. Sosiologi
studi tentang pengaruh sistem manusia-komputer dalam struktur sosial, misal adanya PHK karena adanya otomasi kantor.

Model atau jenis interaksi, antara lain :
1. Command line interface (perintah baris tunggal)
contoh : unix, linux, dos
2. Menu (menu datar dan menu tarik)
contoh : hampir semua software menggunakan menu
3. Natural language (bahasa alami)
contoh : bahasa pemrograman terstruktur (belum objek)
4. Question/answer and query dialogue
contoh : mysql, dbase interaktif, dll
5. Form-fills and spreadsheets
contoh : excel, lotus, dll
6. WIMP
- Windows Icon Menu Pointer
- Windows Icon Mouse Pulldown Menu
yang termasuk komponen WIMP : button, dialogue boxes, pallettes, dll

C. Prinsip Usability

Prinsip usability (Prinsip kegunaan) adalah kemampuan suatu sistem/perangkat lunak untuk di pahami , dipelajari , dan digunakan oleh pengguna. Ketika seseorang menggunakan suatu sistem / perangkat lunak, secara tidak sadar dia juga memulai proses belajar dengan mengingat langkah-langkah pekerjaan yang dia lakukan.

Prinsip Usability

• Human Ability

• Human Capabilities

• Memori

• Proses

• Observations

• Problem Solving

1. Human Ability

BAIK

- Kapasitas Long Term Memory (LTM) tidak terbatas

- Durasi LTM tidak terbatas dan komplex
BURUK

- Kapasitas Short Term Memory (STM) terbatas

- Durasi STM terbatas

2. Human Capabilities

Faktor manusia ini harus diperhatikan, karena dari sinilah desain yang lebih baik didapatkan.

User perlu mengetahui hal-hal berikut dalam merancang :
- Penginderaan / Panca indra (Mata, Telinga, Peraba)

- Proses informasi

- Sistem Motor

3. Memori

Memori menyimpan pengetahuan faktual dan pengetahuan

prosedural.

• Terdapat 4 tipe memori :

1. Perceptual Buffer (Memori Sensor)

- Terbatas kapasitasnya.

- Informasi yang masuk melalui indera tidak semua dapat diproses.

2. Short Term Memory (STM)

- Memori kerja menyimpan informasi yang dibutuhkan dalam waktu yang singkat / sementara pada saat kita sedang melakukan pekerjaan.

- Dapat diakses dengan cepat, namun berkurang secara cepat pula

- Metode digunakan untuk mengukur kapasitas

3. Intermediate

Menyimpan untuk ke LTM

4. Long Term Memory (LTM)

- Penyimpanan utama untuk informasi faktual, pengetahuan berdasarkan eksperimen / pengalaman, aturan-aturan prosedur, tingkah laku, dsb.

- Kapasitasnya lebih besar, waktu akses yang lebih lambat, serta proses hilangnya informasi lebih lambat.

D. Pengertian Interface dan Tipe-tipe interface

Pengertian antarmuka ( interface) adalah salah satu layanan yang disediakan sistem operasi sebagai sarana interaksi antara pengguna dengan sistem operasi. Antarmuka adalah komponen sistem operasi yang bersentuhan langsung dengan pengguna. Terdapat dua jenis antarmuka, yaitu Command Line Interface(CLI) danGraphical User Interface(GUI).

- Command Line Interface(CLI)

CLI adalah tipe antarmuka dimana pengguna berinteraksi dengan sistem operasi melalui text-terminal. Pengguna menjalankan perintah dan program di sistem operasi tersebut dengan cara mengetikkan baris-baris tertentu.

Meskipun konsepnya sama, tiap-tiap sistem operasi memiliki nama atau istilah yang berbeda untuk CLI-nya. UNIX memberi nama CLI-nya sebagai bash, ash, ksh, dan lain sebagainya. Microsoft Disk Operating System (MS-DOS) memberi nama command.com atau Command Prompt. Sedangkan pada Windows Vista, Microsoft menamakannya PowerShell. Pengguna Linux mengenal CLI pada Linux sebagai terminal, sedangkan pada Apple namanya adalah commandshell.

- Graphical User Interface(GUI)

GUI adalah tipe antarmuka yang digunakan oleh pengguna untuk berinteraksi dengan sistem operasi melalui gambar-gambar grafik, ikon, menu, dan menggunakan perangkat penunjuk ( pointing device) seperti mouse atau track ball. Elemen-elemen utama dari GUI bisa diringkas dalam konsep WIMP ( window, icon, menu, pointing device).

E. Tipe-tipe interaksi, bahasa perintah dan bahasa alami (natural)

Interaksi bisa dikatakan sebagai dialog antara user dengan komputer. Terdapat beberapa model atau jenis interaksi manusia (user) dan komputer : 

1. Command Line Interface (Berinteraksi menggunakan satu baris perintah)
Menuliskan perintah yang sudah ditentukan pada program. Kelebihannya adalah perintah diketikan langsung pada system. Misal Terminal console (Linux), UNIX, Command prompt. Bisa diterapkan pada terminal yang murah. Kombinasi perintah bisa dilakukan. Misal copy file dan rename nama file. Kekurangannya adalah perintah harus dipelajari dan diingat cara penggunaannya, tidak cocok untuk user biasa. Kesalahan pakai perintah sering terjadi. Perlu ada sistem pemulihan kesalahan.Disini juga diperlukan kemampuan mengetik.
Contoh : Unix, Linux (Terminal, Console), Command prompt.

2. Menu (Pilihan yang disediakan oleh suatu perangkat lunak)
Memilih perintah dari daftar yang disediakan. Misalnya dengan mengklik tombol start menu dan muncul macam-macam menu yang tersedia untuk dipilih. Kelebihan : User tidak perlu ingat nama perintah. Pengetikan minimal. Kesalahan rendah. Kekurangan : Tidak ada logika AND atau OR. Perlu ada struktur menu jika banyak pilihan. Menu dianggap lambat oleh expert user dibanding command language. Contoh : Start Menu di Windows, Menu di dalam suatu aplikasi.

3. Natural Language (bahasa alami)
Pengguna memberikan instruksi-instruksi dalam bahasa alami yang lebih umum (familiar) sifatnya. Pemberian-perintah dengan menggunakan pengenalan tutur atau mengetikkan bahasa alami lewat keyboard. Masalah yang muncul dalam interaksi dalam bentuk natural language adalah :
• Tidak jelas/samar
• Dapat mempunyai lebih dari satu arti (ambiguous)
• Sulit dalam perancangannya
• Tidak efisien
Contoh natural language adalah bahasa pemrograman terstruktur (belum objek) seperti Pascal, Cobol, RPG, ADA, C, C++.

Contoh penulisan natural language :
==> Instruksi bahasa alami :
“Cetak daftar semua mahasiswa yang mempunyai IP semester lebih besar dari 3.0”
==> Dalam perintah dBASE :
DISPLAY ALL FOR IPSEM Dalam Pascal:
While not eof (T) do
begin
readln(T,S);
if S.IpSem < 3.0 then
writeln(S.NamaMahaiswa);
end;

4. Question/answer and query dialogue
Q/A and query dialogue merupakan mekanisme sederhana untuk input pada beberapa aplikasi. User diberikan serangkaian pertanyaan umumnya dalam bentuk jawaban “ya” atau “tidak”, pilihan ganda, atau dalam bentuk kode, dan dibimbing tahap demi tahap selama proses interaksi. Interface ini mudah untuk dipelajari, namun terbatas fungsinya.
Contoh : mysql, dbase interaktif, dll.

5. Form-fills and spreadsheets
Form-fills and spreadsheets yang dilakukan dengan cara mengisi area-area pada form. Kelebihannya adalah masukan data yang sederhana dan mudah dipelajari. Kekurangannya adalah memerlukan banyak tempat di layar. Harus menyesuaikan dengan form manual dan kebiasaan user.

Sumber: http://interaksimanusiadankomputernaro.blogspot.com/ 
http://daadiiduu.wordpress.com/ 
http://www.caralengkap.com/2012/10/definisi-interfaceantar-muka-dan.html 
http://raqheelcaze.wordpress.com/2011/04/30/tipe-tipe-interaksi/