Minggu, 03 Januari 2016

Java GUI (Graphic User Interface)

Hallo guys, kembali lagi belajar Java dengan aplikasi NetBeans, kali ini saya akan mengajarkan penggunaan GUI atau "Grafik User Interface" dalam Java. Apa sih sebenarnya GUI itu ? berdasar Wikipedia, GUI "Grafik User Interface" atau dalam bahasa indonesianya "Antarmuka Pengguna Grafis" adalah jenis antar muka pngguna (dalam mesin/komuter) yang menggunakan metode interkasi pada piranti elektronik secara grafis (bukan perintah teks) antara pengguna dan komputer. 

Jadi GUI itu adalah salah satu jenis cara kita melakukan interkasi meliputi ; menginput, mengolah, dan menjalankan intruksi pada mesin atau komputer, yang mana dalam interaksinya kita melakukannya dengan menggunakan grafis (animasi / gambar). Sebenarnya selain melaui grafis, ada jenis interkasi lain yang pernah digunakan dalam komputer, ialah jenis interkasi melalui teks, dimana kita menggunkan media teks / karakter saja dalam melakukan interaksi dengan komputer seperti kita saat mengkoding, tapi karena jenis interaksi melalui teks ini membutuhkan keahlihan pemerograman yang tidak mudah dipelajari, maka jenis interksi komputer melalui teks ini tidak banyak berkembang dan hanya digunakan  oleh beberapa orang saja, berbeda dengan jenis interaksi yang menggunakan grafis (animasi / gambar) yang mana dalam jenis interkasi ini tidak membutuhkan skill / keahlian tertentu dalam menjalankannya dan pengguna hanya tinggal melihat dan mengolah perintah berupa grafis (animasi / gambar) pada komputer yang sangat mudah dipahami. Karena kemudahannya dalam interkasi dan pengoperasian inilah kemudian GUI ini banyak disenangi oleh banyak orang dan  menjadi sangat populer dan berkembang di masyarakat saat ini.

Gambar 1 : Contoh GUI

 Gambar 2 : Contoh "Text Based Interface" atau interaksi berbasis teks

Nah dalam pemerograman java ini kita juga dapat membuat interaksi berbasis grafik atau GUI ini agar program kita dapat semakin mudah dipahami oleh orang lain yang awam terhadap bahasa pemerograman. Untuk step-step cara membuat GUI dalam java melalui aplikasi NetBeans ini tidaklah terlalu susah karena fungsi dan rumusnya sudah disediakan oleh aplikasi NetBeans sebelumnya, kita tingga mengedrag dan drop komponen GUI yang telah disediakan. Oke langsung saja kita mulai

1. Pertama kita buka aplikasi NetBeansnya, pada pojok kiri atas klik File --> New Project, dan pada project pilih java application, kemudian klik next


2. Kemudian masukkan nama project program, disini saya menggunakan nama program "ProgramPerkalianGUI", karena saya akan membuat program aplikasi perkalian berbasis GUI, kemudian klik finish



3. Setelah itu project program akan terbuat, kemudian melalui tab project, extend project "ProgramPerkalianGUI", kemudian extend Source Package, pada package programperkaliangui klik kanan dan pilih New --> JFrame Form, setelah itu masukkan nama class JFrame From, disini saya akan memasukkan nama Program Perkalian kemudian klik finish


4. Kemudian akan muncul tab program perkalian dan pallete, pada tab program perkalian ini merupakan sebuah kanvas untuk GUI program kita, dan pada pallete berisi komponen-komponen GUI yang dapat kita masukkan. Drag and drop komponen GUI sesuai gambar di bawah. Umumnya text field, label dan button. Atur (drag) posisinya. Edit properties komponen yang diinginkan (text, name). Klik menu “Preview Design” untuk melihat hasil desain.


5. Kemudian kita masukkan fungsi rumus perkalian dalam program kita, caranya dengan double klik tombol "kali", kemudian kita akan langsung dibawa ke baris source code GUI program kita yang menjalankan perintah tombol "kali", disini kita akan memasukkan source code fungsi perkalian yang akan berjalan ketika menekan tombol "kali" saat program kita berjalan. Masukkan source code seperti gambar dibawah


6. Setelah itu program siap untuk dijalankan. Untuk menjalankan program klik kanan pilih run file. Hasil ketika dijalankan :


 7. Berikut ini link untuk mendownload source code program yang baru kita buat :
- https://drive.google.com/file/d/0B4SivyqOOh1Wd0l4bUo5TjBwVVk/view?usp=sharing

Demikianlah untuk belajar membuat GUI dalam pemerograman java dengan aplikasi NetBeans, semoga artikel ini dapat bermanfaat. Trimakasih