GUI

Apa itu GUI (Graphical User Interface)?

Dilansir dari Hubspot, saat ini sebagian besar perangkat modern dan aplikasi menggunakan graphical user interface atau GUI untuk meningkatkan user experience. 

Dikutip dari Gartner, GUI adalah antarmuka sistem operasi berbasis grafis seperti ikon, tombol, menu, dan representasi visual lainnya untuk mendukung interaksi pengguna dengan sistem.

Pada GUI, informasi yang relevan dengan pengguna serta tindakan yang bisa dilakukan ditampilkan dalam visual pada user interface. 

Sebelum adanya GUI, user interface yang digunakan berbasis teks (text-based interfaces) dan bekerja melalui input keyboard yang disebut dengan prompt. Perintah diketik menggunakan keyboard untuk mendapat respons atau output dari komputer. 

Sementara input GUI memanfaatkan pointer seperti mouse, trackball, stylus, atau dengan jari pada touch screen. Alih-alih berpusat pada mesin, GUI dirancang lebih intuitif dan user-friendly.

Dengan adanya GUI, pengguna yang kurang paham dengan teknologi atau tidak memiliki pemahaman tentang bahasa pemrograman sama sekali akan lebih mudah mengakses teknologi digital. 

Mekanisme Kerja GUI

Lingkungan GUI yang komprehensif terdiri dari empat komponen, yaitu:

• Window manager

Bertanggung jawab untuk mengelola dan mengatur jendela (window) yang ditampilkan di layar. 

Ini termasuk penempatan jendela, ukuran, serta menyediakan akses di mana pengguna bisa memodifikasi jendela seperti memindahkan, mengubah ukuran, dan menutup jendela. 

• Widget toolkit

Widget toolkit atau dikenal sebagai GUI toolkit atau framework menyediakan kumpulan komponen atau widget GUI, seperti tombol, menu, kotak centang, dan scroll bar. 

Widget toolkit juga menyertakan mekanisme penanganan kejadian untuk merespons interaksi pengguna dengan widget. 

• Graphics system

Graphics system bertanggung jawab untuk merender elemen grafis GUI agar elemen visual bisa ditampilkan di antarmuka pengguna. 

• Input devices

Input devices bertanggung jawab menyampaikan tindakan atau input dari pengguna ke lingkungan GUI untuk menghasilkan respons yang sesuai. Perangkat ini bisa termasuk keyboard, mouse, stylus, dan touch screen. 

Seperti yang telah disebutkan sebelumnya, GUI menggunakan elemen visual seperti ikon, kursor atau pointer untuk memindahkan atau memanipulasi elemen, scrollbar, dan dropdown menu.

Terkadang elemen GUI yang digunakan berkorelasi dengan objek di dunia nyata. Misalnya recycle bin menggunakan elemen tempat sampah karena memiliki definisi dan tujuan yang sama, yaitu sebagai tempat file yang telah dihapus.

Pengguna dapat berinteraksi dengan elemen GUI dengan berbagai cara. Biasanya dengan mengeklik atau scroll menggunakan mouse yang terhubung ke komputer, mengeklik layar pada perangkat touch screen, atau dengan perintah suara. 

Ketika pengguna memulai interaksi, GUI akan merespons sesuai dengan sinyal yang diberikan dan mengubah efek elemen yang diklik, termasuk ukuran dan warna. 

Misalnya pada contoh ikon recycle bin. Ketika pengguna mengeklik ikon tersebut sebanyak dua kali, folder recycle bin akan terbuka dan menampilkan file yang telah dihapus. 

Kelebihan GUI

Saat ini, hampir seluruh sistem menggunakan GUI karena memiliki kelebihan antara lain:

• Lebih user-friendly sehingga mudah dipahami tujuan penggunaannya oleh pengguna.
• Mempermudah pengguna menyelesaikan tugas lebih cepat hanya dengan beberapa kali klik.
• GUI lebih menarik secara visual.
• GUI lebih mudah diakses oleh pengguna secara luas, khususnya pengguna dengan gangguan, disabilitas, dan keterbatasan. 

Kekurangan GUI

Selain kelebihan, GUI juga dianggap memiliki beberapa kelemahan yaitu:

• Memiliki respons yang lebih lambat dan membutuhkan lebih banyak ruang penyimpanan daripada antarmuka berbasis teks.
• Kurang fleksibel karena hanya instruksi terprogram yang bisa dijalankan, dan fungsi sistem tidak bisa dimodifikasi pengguna. 
• Bagi beberapa orang yang memahami teknologi, menjalankan perintah di GUI kurang efisien.
• GUI perlu dibangun oleh tim desain dan developer sehingga memerlukan waktu dan sumber daya tambahan.   

Contoh GUI

Contoh penggunaan GUI bisa ditemukan di hampir seluruh aplikasi, salah satunya di Microsoft Word. 

Pada tampilan workbook Microsoft Word, terlihat beberapa elemen atau ikon yang bisa digunakan sesuai kebutuhan. Setiap ikon memiliki tujuan penggunaan yang berbeda. 

Agar memudahkan user dalam memahami kegunaan setiap ikon, user bisa mengarahkan kursor ke ikon untuk mendapatkan penjelasan singkat mengenai ikon tersebut. 

Misalnya pada gambar berikut. 

Selain itu, Microsoft Word juga menyediakan scroll bar untuk memudahkan pengguna menaik-turunkan lembar kerja untuk melihat seluruh dokumen, dan ikon lainnya. 

FAQ (Frequently Asked Question)

Apa perbedaan GUI dan CLI?

Dikutip dari W3Schools, CLI atau command line interface adalah program baris perintah yang menerima input teks untuk menjalankan fungsi sistem operasi. CLI juga disebut dengan antarmuka berbasis teks (text-based interfaces).

Sedangkan GUI atau graphical user interface menjalankan fungsi sistem melalui input yang diterima oleh elemen grafis yang digunakan di antarmuka. 

Selain perbedaan mendasar tersebut, berikut perbedaan lain antara GUI dan CLI: