Apa itu GUI ?
GUI (Graphical User Interface) merupakan tampilan grafis yang mengandung alat-alat atau komponen-komponen yang memampukan pengguna untuk melakukan pekerjaan interaktif. GUI (Graphical User Interface) software yang dikembangkan oleh para peneliti di Xerox Palo Alto Research Center (PARC) di tahun 70-an. GUI di kembangkan dengan tujuan pengguna berinteraksi dengan perangkat keras computer serta memudahkan dalam mengoprasikan sebuah sistem operasi (user friendly).
GUI (Graphical User User Interface) berkerja dengan cara setiap komponen, dan GUI tersebut, diasosiasikan dengan satu atau lebih rutin yang ditulis pengguna yang dikenal sebagai callback. Eksekusi setiap callback dipicu oleh aksi tertentu dari pengguna seperti tombol ditekan, klik-an mouse, pemilihan menu item, atau cursor melewati sebuah komponen. Kita sebagai GUI, yang menyediakan callback tersebut. Callback merupakan fungsi yang kita tulis dan asosiasikan dengan sebuah komponen tertentu pada GUI atau dengan GUI itu sendiri. Callback mengontrol sifat GUI atau komponen dengan melakukan beberapa aksi untuk merespon kejadian pada komponennya tersebut. Kejadian dapat berupa mouse diklik pada sebuah push button, pemilihan menu, keyboard ditekan, etc.
Kelebihan GUI :
- Design menarik dan UserFriendly
- Tidak Membosankan
- Tidak Perlu Mengingat Baris atau Perintah
Kekurangan GUI :
- Performa lebih berat
- Harga lisensi terlalu mahal
- Kebutuhan spesifikasi hardware lebih besar
Contoh Sistem GUI :
- Apple Macintosh
- Microsoft Windows pada IBM PC
- Open Lock pada Workstation Unix
- KDE, GNOME, pada Linux
Pengenalan Web UI (User Interface)
User Interface memiliki perngertian sebagai sebuah bentuk tampilan yang berhubungan langsung dengan pengguna dan user interface berfungsi untuk menghubungkan antara pengguna dengan sistem operasi sehingga komputer dapat dioperasikan. Maka dapat disimpulkan bahwa pengertian user interface merupakan serangkai tampilan grafis yang dapat dimengerti oleh pengguna komputer dan dapat diprogram sedemikian rupa sehingga dapat terbaca oleh sistem operasi komputer dan dapat beroperasi sebagaimana semestinya.
Secara umum, User Interface menyediakan untuk :
- Input - pengguna memasukkan perintah dan memanipulasi sistem dalam bentuk tulisan atau teks.
- Output - efek menunjukan dari perintah dan manipulasi pengguna.
Jenis-jenis User Interface :
Web-based User Interface atau Antarmuka Pengguna Web (Wui)
yang menerima masukan danmemberikan output dengan menghasilkanhalaman web yang
ditransmisikan melalui internet dan
dilihat oleh pengguna menggunakan browser web program. Baru
implementasi menggunakan Java, AJAX,
Adobe Flex, Microsoft. NET teknologi, atau serupa untuk menyediakan
real-time kontrol dalam program yang terpisah, menghilangkan kebutuhan untuk
me-refresh browser webtradisional berbasis HTML. Antarmuka web administrasi
untuk web-server, server dan jaringankomputer sering disebut panel
kontrol.
Pengaplikasian User Interface
Setelah mengenal pengertian user interface beserta jenis-jenisnya, mari pahami istilah user interface secara lebih jauh dengan memahami pengaplikasiannya. Pada umumnya pengaplikasian user interface banyak ditemukan pada program software, perangkat hardware dan sistem operasi smartphone.
Pengaplikasian user interface lainnya juga terdapat pada sistem operasi smartphone, dimana pengguna dapat berinteraksi dan memasukkan perintah baik dengan tulisan maupun tampilan grafis. Sesuai fungsinya, user interface pada smartphone dituntut untuk lebih simpel dan mudah dimengerti dibandingkan user interface pada peringkat lain yang lebih besar. Karena itu banyak merek smartphone berlomba-lomba menyajikan pengalaman user interface terbaik dengan ciri khas masing-masing seperti iPhone dengan iOS dan Samasung dengan touchwiz-nya.
Perbedaan GUI dengan Web UI dari Berbagai Aspek
Graphical User Interface atau disingkat GUI merupakan sebuah bagian antarmuka (UI) yang dapat digunakan oleh pengguna melalui interaksi dengan model grafik (bukan perintah teks). Sedangkan Web UI merupakan suatu antarmuka yang terdapat pada halaman situs.
GUI dan Web UI merupakan hal yang termasuk dalam kategori user interface. Perbedaan dari dua hal tersebut bisa dikatakan tidak terlalu jauh, tetapi masa sekarang pengguna platform desktop lebih cenderung menggunakan website dibanding dengan desktop app. Dari sisi keuntungan, website memang lebih simpel dalam penggunaannya akan tetapi di sisi lain, pengguna tidak bisa mengakses website tersebut tanpa adanya koneksi internet. Sedangkan untuk desktop app yang kebanyakan versi offline, pengguna bisa bebas menggunakannya dan tak memerlukan koneksi internet terhubung pada device mereka.
Lebih lanjut ada beberapa perbedaan karakteristik antara Graphical User Interface dengan Web User Interface sebagai berikut:
Fokus Pengguna
GUI-dari sisi fokus pengguna dari GUI bahwa tampilan desktop app lebih cenderung pada data dan aplikasi. Sedangkan Web UI lebih fokus pada tampilan informasi dan navigasi.
Navigasi
GUI- jika pengguna ingin melakukan interaksi pada tampilan GUI biasanya melalui menu, daftar (lists), trees dialogs, dan wizard. Sedangkan pada Web UI pengguna melakukan interaksi melalui links, bookmark, dan menuliskan URL situs.
Efisiensi Tugas
GUI- digunakan pada target pengguna yang lebih spesifik dengan fungsionalitas aplikasi yang juga lebih spesifik. Sedangkan pada Web UI penggunaanya tidak terbatas dan bisa diakses oleh siapapun karena terhubung dalam jaringan, kecuali situs tersebut di atur dalam mode privasi.
Element yang Ditampilkan
GUI-pada tampilan GUI terdapat beberapa elemen yang ditampilkan seperti window, menu, control, data, toolbar, message, dsb, pada umumnya tampilan GUI telah distandarisasi oleh toolkit dan panduan style interface. Sedangkan Web UI terdapat dua komponen utama yaitu browser dan page, dimana di dalam page tersebut memiliki kombiinasi dari text, gambar, audio, video, dan animasi. Standarisasi tampilan Web UI juga bisa dikatakan sedikit dibandingkan dengan GUI.
Data dan Informasi
GUI- dibangun/dikembangkan dengan khusu sehingga aplikasi GUI memiliki sumber data dan informasi yang terpercaya. Sedangkan Web UI dibangun bisa jadi tanpa ada tujuan khusus sehingga konten pada website tidak diketahui, selain bisa juga data yang ditampilkan tidak memiliki sumber yang jelas.
Contoh tampilan dari GUI :
Contoh tampilan dari Web UI :
Referensi :
https://andrasana.wordpress.com/2009/10/01/apa-itu-gui-graphical-user-interface/
http://ariefanshare.blogspot.co.id/2014/03/pengertian-contoh-dan-fungsi-dari-gui.html
https://www.google.co.id/search?q=contoh+tampilan+dari+gui&tbm=isch&source=iu&ictx=1&fir=aR4jfFClYbp6fM%253A%252C4RRIf7pp6O367M%252C_&usg=__WegVQPkB-aSNmDLXSd0PykQuq08%3D&sa=X&ved=0ahUKEwidv-6N5fXaAhWLKo8KHZkeDhgQ9QEIMDAD#imgrc=_
https://idseducation.com/articles/apa-itu-user-interface/
https://id.scribd.com/doc/212488321/Pengertian-User-Interface
https://www.mrtekno.net/2017/08/perbedaan-karakteristik-gui-dan-web-ui.html
https://komputerartist.blogspot.co.id/2016/05/pengertian-contoh-gui-dan-cli-lengkap.html
https://www.google.co.id/search?tbm=isch&sa=1&ei=HX_xWqeHNojtvgSNsIqYAw&q=contoh+tampilan+dari+web+user+interface&oq=contoh+tampilan+dari+web+user+interface&gs_l=img.3...54595.61041.0.66609.0.0.0.0.0.0.0.0..0.0....0...1c.1.64.img..0.0.0....0.fkeGTOm6cSw#imgrc=_
