Pemrograman Berorientasi Object : Chapter 05 - Komponen Dasar GUI


 

GUI atau Graphical User Interface adalah bentuk antarmuka pengguna yang memungkinkan user agar dapat berinteraksi dengan perangkat elektronik. Bisa juga diartikan sebagai sebuah sistem komponen visual interaktif untuk software komputer. Secara umum, Sistem operasi Graphical User Interface terdiri dari jendela, menu, tombol, icon, dan widget lainnya yang didesain dengan tujuan user friendly atau bisa digunakan oleh semua pengguna umum.

GUI atau Graphical User Interface adalah bentuk antarmuka pengguna yang memungkinkan user agar dapat berinteraksi dengan perangkat elektronik. Disebut juga sebagai sebuah sistem komponen visual interaktif untuk software komputer.

Secara umum, sistem operasi Graphical User Interface terdiri dari jendela, menu, tombol, icon, dan widget lainnya yang didesain dengan tujuan user friendly atau bisa digunakan oleh semua pengguna umum.

Berikut adalah komponen komponen dari GUI

1. Swing container

  • Panel             

    Berfungsi untuk mengelompokkan beberapa komponen

  • Split Pane

    Menampilkan dua komponen dalam ruang yang tetap, memungkinkn user untuk menentukan ukuran ruang yang dipilih untuk setiap komponen.

  • Tool Bar
    Sebagai tempat untuk menampilkan tool-tool yang bertujuan mempermudah user dalam mengoperasikan beberapa tool-tool yang mungkin sering digunakan.

  • Internal Frame

    Merupakan frame internal (di dalam frame utama) serta membuat banyak window (multi-window) di dalam satu frame.

  • Tabbed Pane
    Membuat frame yang terdiri dari tab-tab yang bisa dipilih oleh user.

  • Scroll Pane
    Menyediakan scroll bar di sekeliling perubahan ukuran komponen.

  • Layered Pane
    Menyediakan tiga lapis dimensi untuk memposisikan komponen.

2. Swing Controls

  • Label

    Untuk memberikan keterangan tambahan atau indentitas pada tombol atau perintah lainnya.

  • Toggle Button
    Button yang selalu berada dalam salah satu dari dua kondisi. Setiap klik pada button akan merubah dari kondisi satu ke kondisi lainnya.

  • Radio Button

    Untuk meminta user agar memilih satu dari lebih dua pilihan, contoh penggunaannya adalah ketika kita mengisi data diri untuk pilihan jenis kelamin.

  • Combo box

    Berfungsi untuk menyisipkan beberapa pilihan / perintah, sehingga dengan Combo Box ini lebih menghemat tempat, karena dalam Combo Box ini terdiri dari beberapa pilihan.

  • Text Field

    Untuk membuat kolom agar kelak bisa diisi perintah-perintah teks atau angka oleh user, semisal pada pembuatan aplikasi kalkulator “text field” berfungsi menampilkan hasil dari hitungan kalkulator tersebut.

  • Scroll Bar
    Untuk menggeser jendela (windows) secara vertikal.

  • Progress Bar
    Digunakan untuk menampilkan status proses.

  • Password Field

    Tempat untuk mengisikan password yang kita miliki.

  • Separator
    Berfungsi sebagai “sekat” atau pemisah antar garis yang ada pada aplikasi atau software yang nantinya akan dibuat.

  • Editor Pane
    Sebuah panel yang digunakan untuk mengedit tulisan.

  • Tabel

    Menampilkan atau menyisipkan tabel pada aplikasi yang nantinya akan kita buat.

  • Button

    Kontrol yang tampil pada layar dengan bentuk tertentu yang mirip dengan tombol persegi panjang dengan tulisan di tengahnya.

  • Check Box

    Memilih lebih dai satu pilihan, dengan menyimpan data dan akan menampilkannya ketika di klik.

  • Button Group

    Untuk menggabungkan seluruh button supaya menjadi satu kesatuan fungsi.

  • List
    Untuk menampilkan beberapa item.

  • Text area
    Tempat mengetikkan tulisan yang berada dalam kotak yang mempunyai fungsi scroll.

  • Slider
    Berfungsi sebagai visualisasi proses perjalanan dari sebuah musik atau video.

  • Spinner
    Berisi angka yang diletakkan secara ringkas atau berupa daftar, ketika kita membutuhkan angka lebih kecil, kita tinggal klik tanda panah sampai muncul angka yang kita inginkan, atau sebaliknya misalkan kita butuh angka lebih besar klik tanda panah sampai muncul angka yang kita inginkan.

  • Text pane
    Menampilkan teks dan membolehkan user untuk mengeditnya.

  • Tree
    Menampilkan data dalam bentuk hirarkis

3. Swing Menus

  • Menu Bar
    Untuk menciptakan tab-tab menu yang nantinya dipergunakan untuk perintah menu yang diinginkan.

  • Menu
    Membentuk perintah menu yang masih bisa dilanjutkan ke menu yang lebih khusus.

  • Menu Item
    Berisi perintah-perintah spesifik yang ada dalam menu bar, sehingga perintah-perintah pada menu item lebih khusus.

  • Menu Item/CheckBox
    Memberi tanda (V) pada menu perintah tertentu supaya komputer melakukan seperti apa yang kita perintahkan.

  • Menu Item/Radio Button
    Untuk melakukan rating atau survey sesuatu alamat website atau digunakan pada perintah pemilihan halaman cetakan pada printer.

  • Popup Menu
    Menu yang akan tampil secara otomatis atau apabila kita menggerakkan kursor mouse pada area tertentu, biasanya berisi tentang informasi suatu obyek/icon/menu.

Itulah beberapa contoh dan penjelasan tentang komponen-komponen GUI, Semoga informasi yang diberikan bermanfaat.

No comments:

Post a Comment