Langsung ke konten utama

GUI (Graphic User Interface)

GUI

GUI (Graphical User Interface), adalah antarmuka pada sistem operasi atau komputer yang menggunakan menu grafis agar mempermudah para pengguna-nya untuk berinteraksi dengan komputer atau sistem operasi.

AWT

Abstract Windowing Toolkit (AWT) adalah pustaka windowing yang ditujukan untuk menyediakan kelas untuk membuat pemrograman GUI di java. AWT memiliki kemampuan untuk membuat window, menggambar, dan komponen-komponen lain yang mendukung pemrograman GUI seperti: button, scrollbar, checkbox, textfield, label, dll. AWT merupakan versi awal dari pemrograman GUI di java, seperti dijelaskan sebelumnya bahwa paket javax swing ditujukan untuk melengkapi pustaka serta menyempurnakan kekurangan-kekurangan yang ada pada AWT. IDE netbeans sudah menyediakan bentuk visual AWT yang dapat kita lihat dan gunakan secara langsung dalam ruang kerja (frame) kita. Untuk lebih mengenal komponen visual java AWT, ada baiknya kita buat secara manual penggunaan beberapa komponen AWT-nya. Sehingga kita dapat memahami struktur dan fungsi penggunaan java AWT. 

Javax Swing

Untuk melihat dokumentasi lengkap javax swing, silahkan kunjungi https://docs.oracle.com/javase/7/docs/api, banyak sekali dokumentasi javax swing yang dapat kita gunakan. Dalam modul ini, tidak semua disajikan hanya beberapa dokumentasi paket-paket penting untuk mendukung perkuliahan pemrograman visual. Untuk membantu pemahaman komponen swing, kita akan mencoba mengeksplorasinya menggunakan IDE netbeans. a.Menjalankan Netbeans Pada saat pertama kali menjalankan netbeans, kita akan disuguhkan tampilan splash screen. b.Area kerja Netbeans Setelah tampilan splash screen dimunculkan, maka akan tampak tampilan ruang kerja (area kerja) netbeans seperti terlihat pada tampilan di bawah ini. 
Ada beberapa pembagian area kerja utama netbeans, yakni:
 1)Posisi kiri: Project, Files, Services, dan navigator
 2)Posisi tengah: Tempat perancangan atau design form.Design form memiliki dua menu, yakni source dan design. Source adalah tempat mengetik kode program, sementara design adalah tempatt untuk mendesaign tampilan GUI. 
 3)Posisi kanan: Palette dan Properties. Palette adalah sekumpulan fasilitas GUI yang dapat kita gunakan dengan cara klik dan drag ke form sesuai rancangan tampilan GUI kita. Sementar properties merupakan nilai dari setiap komponen rancangan GUI kita.
 4)Tampilan lengkap Secara lengkap tampilan ruang kerja Netbeans dapat kita lihat di bawah ini. 


Pengenalan komponen palette

Palette memiliki komponen-komponen yang dapat membantu kita dalam mendesign tampilan pemrograman GUI. Tetapi dalam modul ini hanya memfokuskan pada komponen-komponen penting yang akan sering digunakan oleh praktikan, diantaranya







Penjelasan singkat pengenalan komponen swing.

Netbeans memberikan kemudahan bagi pengguna dengan tampilan dan fasilitas GUI Builder yang sangat baik. Sebelum kita memanfaatkaan fasilitas netbeans tersebut dengan cara “klik dan drag”, alangkah baiknya kita menggeluarkan beberapa komponen swing secara manual untuk mengetahui struktur-nya.

Form

Form dalam pemrograman java digunakan sebagai mediauntuk menampung komponen-komponen swing lainnya ketika kita merancang aplikasi desktop J2SE, sederhananya form adalah tampilan dari sebuah aplikasi. Contoh form dapat kita lihat pada tampilan utama dari IDE Netbeans yang kita gunakan untuk praktik pemrograman visual ini, sementara form yang ada dalam pemrograman java disebut dengan jFrame yang direpresentasikan oleh kelas JFrame.

Tombol

jButton

jButton merupakan default tombol di java swing. Untuk menambahkanpada bagian palette klik dan drag (tarik) ke form yang telah kita buat.Untuk merubah text/tulisan jButton pada tombol silahkan klik jButton kemudian masuk ke bagian propertis, selanjutnya cari propertis text lalu ubah tulisan jButton dengan tulisan lain sesuai dengan keinginan kita.  

 

 







Komentar