MEMBUAT TAMPILAN GUI DIPEMROGRAMAN JAVA

A. Pengertian GUI Pada JAVA

 

Graphic User Interface (GUI) adalah pemrograman dengan bahasa Java yang dibuat menggunakan aplikasi yang berbasiskan GUI. Tujuannya adalah menambahkan beberapa komponen yang tidak bisa dibuat dalam basis text. Komponen-konponen tersebut bisa berupa tombol, gambar, dll. Tujuannya adalah untuk memudahkan user menggunakan program yang dibuat tersebut. Kalau dilihat pengertian tentang GUI secara umum adalah Interaksi yang dapat dilaksanakan oleh user melalui menu dan icon yang diperlihatkan dalam modus grafik. Contoh implementasi GUI-based shell ini adalah pada sistem operasi Microsoft Windows. Berikut contoh program dengan menggunakan Java GUI :

Gambar 1.0 Contoh Java GUI

Sebelum membuat sebuah aplikasi Java GUI ini, harus mengetahui cara tata letak layout yang baik dan benar. Berikut adalah beberapa tipe – tipe layout pada Java GUI antaralain

• Flow Layout

Menyusun komponen berdasarkan ukuran default masing-masing, dengan posisi mulai dari kiri ke kanan dan dari atas ke bawah di dalam container yang digunakan. 

• Grid Layout

Membagi komponen dalam bentuk “rectangular grid”.

• Border Layout

Mengisi sebuah daerah yang berisi komponen-komponen yang berbeda pada waktu yang berbeda.

• Card Layout

Layout Manager ini juga melibatkan penumpukkan frame dalam permintaan yang cocok, saat memanggil fungsi Berikutnya, kerangka yang telah ditambahkan dalam urutan setelah frame yang sedang ditampilkan adalah frame berikutnya.

• Grid Bag Layout

Merupakan salah satu tata letak penyedia tata ketak komponen GUI pada java yang paling flexibel dan kompleks. Sehingga ini dapat mmungkinkan agi programer untuk mengatur tata letak komponen GUI dalam beberapa span baris atau kolom.  GridBagLayout menempatkan komponen dalam bentuk empat persegipanjang (sel).

• Container

Merupakan sebuah kelas yang digunakan untuk sebagai tempat atau wadah dalam penataan komponen GUI layout management.

Berikut ini penjelasan dari swing container dan swing controlss yang ada di palette NetBeans dan yang akan saya gunakan untuk membuat contoh sederhana membuat GUI Java :

Swing Containers

Swing Containers ini menempatakan komponen-komponen yang berfungsi sebagai container / background.

Nama	Deskripsi
Panel	Merupakan panel yang dapat digunakan sebagai papan dari suatu bidang / layar lain
Split Pane	Merupakan 2 tombol yang tebagi menjadi 2 sisi (kiri & kanan)
Toolbar	Merupakan bar yang dapat dimasukkan tool didalamnya, biasanya digunakan diatas layar
Internal Frame	Merupakan bingkai layar baru yang berada didalam bingkai utama
Tabbed Pane	Merupakan panel yang memiliki tab & bisa beralih dari tab 1 ke tab lainnya
Scroll Pane	Merupakan panel yang dapat di scroll baik horizontal ataupun vertikal
Desktop Pane	Merupakan container yang digunakan untuk membuat multi dokumen interface atau dekstop virtual
Layered Pane	Sebuah container yang memungkinkan setiap komponen didalamnya saling overlap jika diperlukan

Swing Controls

Swing Controls menempatkan komponen-komponen yang fungsinya untuk pengelolaan Swing.

Nama	Deskripsi
Label	Sebuah kolom/area yang digunakan untuk menampilkan tulisan atau gambar
Toggle Button	Tombol yang memiliki 2 keterangan seperti saklar (ON/OFF)
Radio Button	Tombol yang berfungsi untuk memilih dan tidak memilih pilihan lainnya, tombol ini hanya dapat memilih satu dari sekian pilihan
Combo Box	Komponen yang digunakan sebagai dropdown list, bisa digunakan untuk memilih multiple selection
Text Field	Komponen yang digunakan sebagai input / bidang yang dapat diedit (menulis didalamnya)
Scroll Bar	Komponen yang menyesuaikan tampilan sebuah konten yang terbatas & menampilkan scroll
Progress Bar	Sebuah bar yang mengindikasi sebuah pekerjaan dengan menampilkan presentasi pekerjaan tersebut
Password Field	Sebuah bidang yang digunakan untuk menulis katasandi, tidak akan menampilkan karakter & diganti dengan tanda titik
Separator	Digunakan untuk keperluan umum seperti membatasi komponen & memberikan garis pemisah
Editor Pane	Bidang yang sering disebut textarea, biasa digunakan untuk menulis apapun didalamnya
Button	Sebuah tombol sederhana
Check Box	Kotak centang yang dapat dicentang atau tidak
Button Group	Class yang digunakan untuk membuat multi lingkup eksklusi satu set tombol
List	Menampilkan sebuah daftar & dapat dipilih lebih dari satu
Text Area	Tidak berbeda jauh dengan Editor Pane, sebuah kolom besar yang dapat digunakan untuk menulis
Slider	Pengguna dapat menggeser sebuah nilai secara grafik seperti membesar kecilkan volume
Formatted Field	Komponen yang memungkinkan untuk mengedit sebuah nilai didalamnya secara partikular
Spinner	Sebuah bidang input angka yang memiliki tombol naik dan turun untuk mengontrol angka tersebut
Text Pane	Bidang text yang dapat diisi dengan ilai dan menandai isi-isi tersebut
Tree	Sebuah direktori folder yang tersusun seperti pohon ketika memiliki folder didalam folder

Oke lanjut ke contoh, komponen sederhana kita akan membuat Data Mahasiswa. 

Langkah 1. Buka Netbeans.

Langkah 2. Pilih menu File -> New Project -> isi name project, dengan nama DataMahasiswa.

Langkah 3. Klik kanan pada package, pilih New -> JFrame Form.

Langkah 4. Selanjutnya isi class name, beri nama DataMahasiswa. dan klik Finish. Tampilan Form Design seperti gambar di bawah.

 

Langkah 5.  kita hanya perlu drag n drop saja, Label, TextField, Textarea, dan Button pada swing control ke dalam Form Design. Tampilannya seperti gambar berikut.

 

Tampilan saat program dijalankan

Kesimpulan

Jadi GUI sangat jelas kaitanya dengan kegiatan penggunaan suatu aplikasi dalam komputer yang sering digunakan. Dalam hal ini, GUI mempermudah user dalam penggunaannya, dengan tampilan yang friendly seta ergonomis, user dengan mudah dapat menyesuaikan aplikasi-aplikasi karena GUI membantu didalam interface yang dapat dipahami penggunaannya. Sehingga antara user dan sistem, tidak terjadi misscommuncation dalam menerapkan sistem komputerisasi.

Semoga artikel ini dapat membantu sahabat-sahabat programmer dalam menciptakan sebuah aplikasi yang berbasis GUI. Semoga Sukses Selalu!