Anda di halaman 1dari 10

Graphical User Interface

Graphical User Interface (GUI) merupakan salah satu model interaksi antara manusia dan komputer. Selain GUI, ada juga model yang lain seperti Character User Interface (CUI) yang sering kita kenal dengan command line. Dari sisi kenyamanan (attitude), kedua model ini memiliki penganutnya masing-masing. Penganut CUI biasanya adalah administrator sistem berbasis sistem operasi LINUX. Bagi mereka, CUI dirasakan lebih nyaman dibandingkan dengan GUI, bahkan setelah GUI pada LINUX berkembang dengan pesat, mereka tetap bertahan untuk menggunakan CUI. Penganut GUI biasanya adalah mereka yang sudah terbiasa dengan sistem operasi Windows. Bagi mereka, GUI adalah harga mati yang tidak bisa ditawar lagi. Dewasa ini hampir semua software berlomba-lomba untuk membuat GUI-nya menjadi lebih menarik sehingga pengguna juga akan tertarik untuk menggunakan software tersebut. Hal yang dituntut dari GUI sudah bukan lagi user friendly melainkan usability. Usablity memiliki 3 aspek yaitu learnability (kemudahan bagi pengguna baru untuk dapat menggunakan sistem secara efektif dan mencapai kinerja yang paling optimal), flexibility (variasi cara/model bagi pengguna dan sistem dalam bertukar informasi), dan effectiveness/robustness (tingkat dukungan yang disediakan bagi pengguna untuk mencapai tujuannya dengan sukses dan memberikan penilaian tingkah laku yang diarahkan oleh suatu tujuan). Ketiga aspek ini jika tercapai maka akan memberikan nilai attitude (kenyamanan bagi pengguna). Evaluasi GUI dilihat dari prinsip user friendly maupun usability dapat dilakukan dengan melihat bagaimana perkembangan GUI dari masa ke masa. Kadang kita sangat sulit untuk mendapatkan informasi perkembangan GUI tersebut karena mungkin kita belum pernah menggunakannya. Tetapi hal ini sudah tidak menjadi masalah lagi karena di era Internet ini ada situs-situs yang telah menyediakan fungi sebagai museum GUI, yaitu GUIdebook dan Graphical User Interface Gallery. Berdasarkan data-data dari situs-situs ini, misalnya screenshot, maka kita

dapat melakukan evaluasi mengenai GUI tersebut. Gambar di bawah ini adalah contoh screenshot dari perkembangan sistem operasi Windows. Screenshot Windows 1.0.1

Screenshot Windows 95

Screenshot Windows Longhorn (4015)

GUI Pada Java


Pengantar

GUI (Graphical User Interface), memungkinkan user untuk berinteraksi dengan computer secara lebih baik.

Pengguna berinteraksi dengan berbagai elemen grafis,diantaranya: button, dialog box, menu, dsb.

Sejak 1994 Sun Microsystem berupaya untuk membuat JAVA memiliki perangkat bergaya desktop dengan ToolkitJAVA yang dikenal sebagai AWT (Abstract Windowing Toolkit)

Tahun 1997, muncul JFC (Java Foundation Class) untuk kepentingan pembuatan aplikasi Window yang merupakan pengembangan dari AWT.

JFC mempunyai kode swing yang terdapat pada package yang disediakan pada JAVA SDK versi 1.2 ke atas (JAVA 2)

JAVA menyediakan dua graphical library. o AWT (Abstract Windows Toolkit) o Swing

Contoh: import java.awt.* ; o Import java.awt.event.* ;

o Import javax.swing.* ;

Graphical Object y Container (tempat), obyek yang dapat menampung komponen grafis dan tempat yang lebihkecil. Contoh: frames, panels y Component, obyek grafis yang berfungsi untuk menampilkan data, menerima masukan, atau menunjukkan suatu kondisi. Contoh: buttons, labels, text fields y Event, obyek yang merepresentasikan suatu kejadian. Contoh: gerakan mouse, penekanan tombol y Listener, suatu obyek yang menunggu suatu kejadian khusus dan akan bereaksi (melakukan sesuatu) jika kejadian tersebut terjadi.

Graphical Object

Komponen pada GUI GUI memiliki banyak komponen seperti: button, radio button, check button, combo box, menu, tabbed panel, tree, dan sebagainya. Komponen-komponen ini sering disebut juga sebagai widget. Sekarang mari kita lihat komponen-komponen tersebut berikut fungsinya :

No Nama Tampilan widget 1 Button

Fungsi

Menjalankan suatu aksi. Karena itu teks pada button biasanya berisi kata perintah (kata kerja) seperti Enter, Exit,

Reset, dsb 2 Radio Button Memilih hanya satu pilihan

diantara 2 atau lebih pilihan.

Jumlah button

pilihan umumnya

pada 3

radio 4

atau

pilihan saja. Jika jumlah pilihan * lebih dari 4 maka combo box merupakan widget yang lebih tepat digunakan. 3 Check Button Memilih satu atau lebih

diantara banyak pilihan (terdiri dari 2 atau lebih pilihan).

Pemanfaatan

check

button

* memungkinkan untuk memilih semua pilihan.

4 Combo Box

Memilih diantara pilihan

salah

satu

beberapa di mana

jumlah pilihan cukup banyak sehingga tidak efisien bila diberikan dalam bentuk radio button.

* 5 Menu Isi dari suatu aplikasi bisa ditampilkan

dengan bantuan ikon, namun adakalanya isi terlalu banyak

sehingga lebih efisien bila dengan menu. ditampilkan bantuan Umumnya

letak menu ada pada bagian kiri atas dari suatu tampilan. 6 Toolbar Toolbar berfungsi sebenarnya sebagai

pelengkap dari menu. Isi dari suatu menu mungkin saja banyak akan tetapi tidak

semuanya diperlukan setiap saat oleh Untuk

pengguna. memudahkan

pengguna mengakses menu-menu sering maka suatu yang digunakan disediakan toolbar yang

umumnya suatu

memiliki yang

simbol

melambangkan fungsi dari menu yang Simbol

diwakilinya.

ini sering kali disebut sebagai metafor. 7 Tabbed Panel * Adakalanya suatu

menu memiliki subsubmenu yang saling berkaitan. Salah satu cara yang baik untuk menampilkan submenu adalah subtersebut dengan

bantuan suatu tabbed panel. Disebut tabbed panel karena untuk mengaksesnya digunakan TAB dapat tombol

8 Tree

Mungkin saja isi suatu aplikasi sangat

banyak sehingga tak dapat oleh ditampilkan menu dengan Cara isi

efisien. menampilkan

semacam ini adalah dengan bantuan tree. Ensiklopedia salah yang * satu adalah program banyak

memanfaatkan tree.

Contoh sistem GUI : Apple Macintosh Microsoft Windows pada IBM PC Open Look pada workstation Unix KDE, GNOME pada Linux Pengorganisasian Software GUI  Windows Libraries Terdiri dari set-set operasi standar yang dapat digunakan oleh software tingkat yang lebih tinggi untuk berinteraksi dengan GUI (Intrinsic Function) Terdapat objek-objek grafis yang disebut widgets  Application Program Interface (API) Toolkit Windows libraries tidak digunakan secara langsung, namun disediakan toolkit yang memungkinkan pengkonstruksian GUI dari se-set widget standar. Toolkit ini menyediakan Application Program Interface, yaitu fungsi-fungsi untuk mengkonstruksi widget atau memanipulasi komponen GUI yang lain.

Programnya dikatakan call toolkit function Pengorganisasian Software GUI Windows Manager Setiap program aplikasi memanggil secara langsung toolkit untuk memanipulasi widget-nya sendiri. Tugas windows manager adalah melakukan pengontrolan dan pengkoordinasian menyeluruh terhadap aktifitas suatu program aplikasi, agar misalnya, satu aplikasi tidak menggangu widjget dalam window kepunyaan aplikasi lain yang saat itu menggunakan layar tampilan yang sama. Desktop Metaphor  Metodologi guiding paradigm untuk lebih memudahkan user memahami penggunaan GUI  Metaphor : analogi / kemiripan objek visual pada desktop grafis dengan objek sebenarnya  Contoh : icon recycle bin dengan gambar tempat sampah, dengan melihat icon tersebut maka asosiasi kita adalah tempat untuk membuang dokumen / file. Paket Grafik GUI akan lebih bermanfaat ketika digunakan untuk aplikasi yang bersifat visual. Contoh : Graphic package software (software paket grafik) 2 jenis paket grafik : Painting package (Contoh : MS Paint, MacPaint) Ditujukan untuk memenuhi kebutuhan seniman dan perancang grafik dalam pembuatan desain visual kreatif Menghasilkan tampilan bit-mapped yang berkualitas baik dalam hitam putih maupun berwarna Drawing package (Contoh : Corel Draw, MS Visio) Cenderung mempunyai orientasi teknis dengan pengontrolan yang ketat atas skala dan dimensi

Cenderung merupakan tampilan yang tersimpan sebagai scalable object

Multimedia  Kombinasi dari audio, video, teks, dan tampilan dalam lingkungan komputer interaktif.  Untuk memberikan cara yang kreatif dan efektif untuk menghasilkan, menyimpan, dan mengkomunikasikan informasi. Komponen Multimedia o Komputer desktop o Monitor grafis berwarna beresolusi tinggi o Sistem audio stereo o CD-ROM o Peralatan video recording o Kamera video o Printer dan scanner grafik berwarna Contoh Aplikasi Multimedia    Aplikasi Training, Education dan Entertainment Graphical Information System (GIS), mencakup aplikasi yang didasarkan pada peta terdigitisasi Virtual Reality

Perangkat Input Untuk menginput tampilan dan suara ke sistem komputer Microphone Sound sampler Image scanner GUI mempunyai kelebihan tertentu atas character based interface tradisional, khususnya pada hal-hal berikut : Graphical symbols lebih mudah dikenali dan diingat daripada teks Direct manipulation, misalnya dengan menunjuk dan mengklik pada objek grafis dengan mouse, akan mengurangi waktu pembelajaran pemakai dan memberinya perasaan pengontrolan yang lebih atas HCI ( Human Computer Interface )