Perbedaan GUI dan Web UI

1. Gui
    GUI (Grapichal User Interface) adalah tipe antarmuka yang digunakan oleh pengguna untuk berintraksi dengan sistem operasi melalui gambar-gambar grafik, ikon, menu, dan menggunkan perangkat penunjuk (pointing device) seperti mouse atau track ball. Elemen-elemen utama dari GUI bisa di ringkas dalam konsep WIMP (Window, icon, menu, pointing device). contoh OS GUI adalah Microsoft Windows, Mac Os, Linux GUI, dll.

2. Web UI (User Interface)

pengertian User Interface merupakan serangkai tampilan grafis yang dapat dimengerti oleh pengguna komputer dan diprogram sedemikian rupa sehingga dapat terbaca oleh sistem operasi komputer dan beroperasi sebagaimana mestinya.

Oleh karena itu, User Interface yang baik mampu memberikan pengalaman interaksi yang dapat dimengerti dengan mudah oleh penggunanya (user friendly). Untuk memudahkan, User Interface terdiri dari menu layar dan ikon, keyboard shortcuts, mouse dan pergerakan gestur, command language. Termasuk juga diantaranya komponen fisik untuk memasukan informasi seperti mouse, keyboard, touchscreen, remote dan game control.

Pengenalan tentang Web User Interfaces

Pengertian Umum User Interface

Dilansir dari Wikipedia User Interface memiliki pengertian sebagai sebuah bentuk tampilan yang berhubungan langsung dengan pengguna dan user interface berfungsi untuk menghubungkan antara pengguna dengan sistem operasi sehingga komputer dapat dioperasikan. Sementara menurut PCMag.com user interface dapat diartikan sebagai cara seorang pengguna berinteraksi dengan komputer, tablet, smartphone maupun perangkat elektronik lainnya.

Maka dapat disimpulkan bahwa pengertian User Interface merupakan serangkai tampilan grafis yang dapat dimengerti oleh pengguna komputer dan diprogram sedemikian rupa sehingga dapat terbaca oleh sistem operasi komputer dan beroperasi sebagaimana mestinya.

Oleh karena itu, User Interface yang baik mampu memberikan pengalaman interaksi yang dapat dimengerti dengan mudah oleh penggunanya (user friendly). Untuk memudahkan, User Interface terdiri dari menu layar dan ikon, keyboard shortcuts, mouse dan pergerakan gestur, command language. Termasuk juga diantaranya komponen fisik untuk memasukan informasi seperti mouse, keyboard, touchscreen, remote dan game control.

Secara umum, User Interface menyediakan cara untuk:

1. Input – pengguna memasukkan perintah dan memanipulasi sistem dalam bentuk tulisan atau teks
2. Output – sistem menujukkan efek dari perintah dan manipulasi pengguna

Jenis Jenis User Interface

Pada dasarnya user interface terbagi menjadi dua jenis yaitu Command Line Interface (CLI) dan Graphical User Interface (GPU). Command Line Interface (CLI) merupakan proses pengguna memasukkan perintah berbasis tulisan atau dengan mengetikkan perintah untuk menjalankan tugas tertentu.

Sedangkan Graphical User Interface (GPU) merupakan proses pengguna memasukkan perintah dengan menggunakan menu grafis, secara umum GPU dikembangkan untuk mempermudah penggunanya untuk berinteraksi dengan sistem informasi. Tanpa disadari para pengguna aktif komputer dan perangkat elektronik lainnya telah banyak menggunakan fitur Graphical User Interface (GPU) seperti pada pemutar MP3, MP4 dan peranti game.

Pengaplikasian User Interface

Setelah mengenal pengertian user interface beserta dengan jenis-jenisnya, mari pahami istolah uder interface secara lebih jauh dengan memhami pengaplikasiannya. Umumnya pengaplikasian user interface banyak ditemukan pada program software, perangkat hardware dan sistem operasi smartphone.

Pada program software hampir semua user interfacenya menggunakan sistem GPU dimana pengguna dapat memasukkan perintah dan memanipulasi sistem dengan memilih tampilan grafis tertentu dengan menggunakan mouse atau keyboard. Pada dua sistem operasi yang paling lazim,  yakni Windows dan Macintosh,  user interface-nya memiliki tampilan yang berbeda namun pada dasarnya dikembangkan dari unsur dan elemen yang hampir sama.

Sedangkan pada sebagian besar perangkat hardware user interfacenya cenderung lebih sederhana dan didominasi oleh simbol sehingga lebih mudah untuk dimengerti. Sebagai contoh yang paling dasar ditemui adalah user interface pada remote TV yang memiliki keypad numerik, tombol volume, tombol serta tombol-tombol lainnya sebagai simbol fungsi.

Pengaplikasian user interface lainnya juga terdapat pada sistem operasi smartphone, dimana pengguna banyak berinteraksi dan memasukkan perintah baik dengan tulisan maupun tampilan grafis. Sesuai fungsinya,  user interface pada smartphone cenderung dituntut untuk lebih simpel dan mudah dimengerti dibanding user interface pada perangkat 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 Samsung dengan Touchwiz-nya.

Dengan semakin majunya perkembangan teknologi di era digital,  perangkat canggih yang pintar dengan user interface yang mudah dipahami dan mampu mempermudah kehidupan sehari-hari pengguna akan semakin diminati. Para pengembang pun semakin giat mengembangkan user interface yang terintegrasi dan memberikan pengalaman penggunaan yang menyenangkan.

Konesp Design User Interface yang friendly:

Affordance and Visibility
Terdapat dua prinsip utama untuk memastikan interaksi yang baik antara orang dan mesin, visibility dan affordance. Visibility berarti kendali harus terlihat sehingga pengguna mengetahui bahwa fasilitas tersebut tersedia dan kendali harus memberikan balikan yang menandakan bahwa itu bekerja. Affordance berarti tampilan dari kendali harus menggambarkan fungsinya, tujuan kendali tersebut dibuat. Contohnya tombol memerlukan klik dan scroll bar memerlukan untuk discroll. Kebanyakan pengguna familiar dengan kendali di windows namun mereka mungkin tidak terbiasa dengan kendali yang ada di web.

Konsistensi
Konsistensi tampilan dan konsistensi fungsi membuat sistem mudah untuk dipelajari dan digunakan. Cara informasi disusun dalam form, nama, dan pengaturan menu, ukuran dan bentuk icon, serta urutan yang harus diikuti untuk menjalankan sebuah tugas harus konsisten di keseluruhan sistem. Contoh: button exit yang biasa di kiri atas

Shortcuts
User interface dan dialog yang dirancang untuk pengguna baru biasanya mengganggu dan menghalangi bagi produktivitas pengguna yang sudah pengalaman. Pengguna yang bekerja dengan aplikasi berulang kali atau untuk jangka waktu yang lama mengingikan cara singkat (shortcuts) untuk fungsi-fungsi yang sering digunakan, yang akan meminimalisasi jumlah penggunaan keystroke, klik mouse, dan pemilihan menu untuk menyelesaikan pekerjaan. Contoh nya dari gambar di atas terdapat shorcut seperti: "Play, Mute, Repeat, Next, Prev dll"

Feedback
Setiap tindakan yang dilakukan oleh pengguna harus menghasilkan sebuah balikan dari computer sehingga pengguna mengetahui bahwa tindakan dipahami oleh sistem. Umpan balik memberikan pengguna konfirmasi dan perasaan bahwa sistem responsive serta berfungsi dengan baik. Umpan balik dapat berbagai macam bentuk seperti suara, baik suara klik maupun suara orang, ataupun berbentuk seperti perubahan icon, warna, atau progress meter.

Error handling
User interface yang baik mengantisipasi beberapa kesalahan umum dan membantu pengguna untuk menghindarinya. Saat kesalahan terjadi, user interface memerlukan mekanisme untuk mendeteksinya. Saat sistem melakukan kesalahan, pesan kesalahan harus menjelaskan apa yang salah dan bagaimana memperbaikinya. Sistem juga harus mempersingkat tindakan perbaikan. Contohnya, saat pengguna memasukkan ID Pelanggan yang salah, sistem harus memberitahu user bahwa hal ini terjadi dan menempatkan pointer pada textbox ID Pelanggan dengan isi yang sebelumnya sudah diisi dan siap untuk diperbaiki.

Reducing Short term memory lost
Orang memiliki banyak keterbatasan dan ingatan jangka pendek adalah keterbatasan yang terbesar. Perancanga user interface harus menghindari kondisi dimana pengguna harus mengingat sesuatu dari satu form ke form lainnya selama mereka menggunakan sistem.

Pengenalan GUI  dan Contoh tampilan 

Pengertian Dari GUI 

GUI ( Graphical User Interface), adalah merupakan salah satu model interaksi antara

dan komputer.

GUI berfungsi untuk memudahkan pengguna dalam menggunakan suatu aplikasi komputer,

selain itu juga untuk memperindah tampilan suatu aplikasi.

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

Sejarah mencatat bahwa Xerox PARC (Palo Alto Research Center) yang pertama kali

meriset tentang GUI. Pada tahun 1984, Apple merilis Macintosh yang menggunakan GUI

hasil riset Xerox PARC. Beberapa tahun kemudian, Microsoft merilis sistem operasi

Windows-nya yang juga menggunakan GUI. Apple mengklaim bahwa Microsoft mencuri

ide dari Apple.

Microsoft Windows atau lebih dikenal dengan sebutan Windows adalah sistem operasi

yang dikembangkan oleh Microsoft yang menggunakan antarmuka dengan pengguna

berbasis grafik GUI (Graphical User Interface).

Contoh Sistem Operasi Berbasis GUI (grafis)

Sistem operasi berbasis GUI merupakan sistem operasi dimana penggunanya tidak perlu menghafal berbagai baris kode dan bahasa pemrograman yang ruwet. Pengguna lebih dimudahkan dengan adanya perintah simbol, gambar dan grafis. Berikut adalah jenis-jenis sistem operasi berbasis GUI:

1. Windows

Siapa sih yang tidak kenal dengan sistem operasi ini? Mungkin sebagian dari kita sudah sangat mengenalnya. Sistem operasi Microsoft Windows atau yang lebih dikenal dengan ‘Windows’ merupakan sistem operasi yang dirintis oleh Bill Gates di bawah naungan Microsoft Corporation.

Sistem operasi ini berbasis GUI (tampilan grafis) yang dukungan fiturnya amat user friendly. Banyak sekali pengguna laptop atau komputer di dunia ini yang menggunakan sistem operasi ini karena perintah, fungsi dan fiturnya sangat mudah digunakan.

Tak heran, Bill Gates sempat menduduki tempat orang terkaya di dunia selama beberapa periode.

2. Mac OS (Macintosh Operating System)

Mac OS adalah sistem operasi yang dibuat oleh Apple Inc. untuk komputer atau laptop mereka. Tidak akan bisa digunakan oleh komputer berbasis IBM atau Windows. Mungkin, Mac OS inilah yang menjadi pelopor sistem operasi berbasis grafis atau GUI.

3. UNIX

Sistem operasi UNIX diciptakan oleh Dennis Ritchie dan Ken Thompson, dikembangkan oleh AT&T Bell Labs. Desain sistem operasi ini amat portable, multi user dan multi tasking. UNIX mungkin cenderung lebih ke arah server dan wordkstation. Banyak pihak yang mengembangkan versi UNIX ini dan menimbulkan berbagai varian dari sistem operasi ini.

4. Linux

Penemu sistem operasi ini bernama Linus Torvalds yang awalnya hanya sekadar emulasi terminal untuk mengakses server UNIX di Universitasnya dulu. Sistem operasi ini merupakan ‘kloningan’ dai Minix yang merupakan salah satu varian dari UNIX. Karena hal inilah, sistem operasi ini banyak didesain dengan dasar UNIX.

Uniknya, Linux menggunakan Kernel Monilitik dimana bisa menangani kontrol proses, periferal, akses sistem berkas dan jaringan. Sama seperti sistem operasi UNIX, Linux juga mampu dikendalikan oleh lebih dari satu antarmuka. Jadi ada yang khusus berbasis GUI ada juga yang CLI.

5. IBM OS/2

Sistem operasi ini dikembangkan oleh perusahaan terkemuka International Bussiness Machine Corporation dan Microsoft Corporation yang mungkin digunakan sebagai pengganti sistem operasi DOS.

Perlu kamu tahu juga, istilah OS/2 itu singkatan dari Operating System/2 dimana di desain agar bisa menggunakan kemampuan maksimal dari microprosesor Intel 80286, modus proteksi, menjalankan tugas stimultan, serta dukungan memori virtual.

Di balik itu semua, sistem operasi ini tetap mempertahankan kompabilitas dengan banyak software MS-DOS yang beredar kala itu.

6. Free BSD

Sistem operasi ini merupakan turunan dari UNIX AT&T dan berjalan di atas sistem Intel x86. Free BSD pertama kali mengudara pada tahun 1993 oleh seorang ahli bernama David Greenman. Free BSD bertujuan untuk menyediakan perangkat lunak yang bisa digunakan untuk berbagai keperluan.

Sistem operasi ini dikembangkan dari 386BSD, sebuah proyek pengembangan sistem operasi BSD yang berjalan di atas Chip Intel.

7. Chrome OS

Siapa bilang google tidak punya sistem operasi? Nyatanya ada lho sistem operasi besutan google. Sistem operasi yang dinamai Chrome OS ini menggunakan basis Linux dan standar web untuk komputer personal (dirilis pada pertengahan 2010).

Sistem operasi ini bekerja dengan windowing atau switching dan menggunakan standar web HTML 5. Standar web tersebut merupakan salah satu pengembangan software browser yang berbasis sistem operasi.

Apabila diperhatikan dengan lebih seksama, sistem operasi besutan google yang satu ini merupakan gabungan dari Windows Vista dan Linux.

8. Solaris

Solaris merupakan sistem operasi yang didesain berdasarkan UNIX, mirip seperti Linux. Sistem operasi ini terkenal karena tingkat stabilnya, terlebih pada sistem Scalable Processor Architecture (SPARC).

Solaris juga sudah disertifikasi dalam spesifikasi UNIX meski pada awal pengembangannya berdasar pada kepemilikan personal. Seiring waktu berjalan, banyak kode dasar yang sekarang merupakan perangkat lunak open source (sering dikenal dengan Open Solaris).

Nah mari kita bedah-bedah lagi. Sistem operasi  bisa dibedakan lagi menjadi dua penggunaannya. Ada sistem operasi yang digunakan untuk jaringan dan ada yang digunakan untuk penggunaan standar.

Sistem operasi jaringan tentu bisa memudahkan para teknisi untuk mengurusi pekerjaannya sedangkan sistem operasi standar tentunya lebih user friendly untuk pengguna kantoran. Mari kita bedakan beberapa sistem operasi berikut menjadi dua kategori.

Contoh Sistem Operasi Jaringan - GUI

Berikut adalah beberapa contoh sistem operasi jaringan berbasis GUI (grafis):

• Kali Linux
• Linux Debian versi Grafis
• Linux Redhat
• Windows NT 3.51
• Windows 2000
• Windows Server 2003
• Windows XP
• Microsoft MS-NET
• Microsoft LAN Manager
• Novell NetWare

Contoh Sistem Operasi Standar - GUI

• Windows 7
• Windows 8
• Windows 10
• IBM OS/2
• Mac OS X
• Mac OS
• Android for PC

Contoh Sistem Operasi Berbasis CLI (text)

Sistem operasi berbasis CLI adalah sistem operasi dimana pengguna diharuskan menghafal berbagai bahasa pemrograman, baris perintah dan sintaks-sintaks yang digunakan untuk menjalankan perintah tertentu. Berikut adalah macam-macam sistem operasi berbasis text atau CLI.

Contoh Sistem Operasi Jaringan - CLI

• Linux Debian versi Text
• Linux Suse
• Sun Solaris
• Linux Mandrake
• Knoppix
• UNIX
• Windows NT
• Windows 2000 Server 
• Windows 2003 Server

Contoh Sistem Operasi Standar - CLI

• Linux
• DOS
• POSIX

Kalau kamu ingin tahu lebih lanjut beberapa baris perintah, berikut adalah contohnya:

• Cd : digunakan untuk berpindak direktori
• Ls : perintah ini digunakan untuk melihat isi dari sebuah direktori
• Mkdir : perintah mkdir digunakan untuk membuat folder baru
• Rmdir : digunakan untuk menghapus sebuah folder
• Rm : berfungsi untuk menghapus file

Nah, bagaimana? Ribet kan? Kalau untuk pemula sih iya ribet (kaya saya), tapi untuk para master hal ini tentu tampak menyenangkan. Beberapa akses jaringan mungkin saja lebih mudah diawasi dan ditindaklanjuti dengan sistem operasi berbasis text/CLI.

Itulah beberapa contoh dari sistem operasi berbasi GUI dan CLI beserta penjelasan singkatnya. Beberapa sistem operasi memang sepertinya bisa digunakan oleh segmentasi pasar yang berbeda-beda.

Mungkin mayoritas pengguna laptop atau komputer menggunakan sistem operasi GUI karena tampilan nya tidak membosankan dan lebih mudah digunakan.

Sedangkan sistem operasi berbasis CLI biasanya digunakan oleh teknisi IT, engineer, programmer dan orang-orang yang sudah expert di ranah teknologi. Beberapa contoh sistem operasi tersebut tentu bisa menambah wawasanmu terhadap berbagai sistem operasi yang beredar di pasaran.