Java – Perkenalan Pertama Dengan JFrame Pada Netbeans

Assalamu’alaikum wr.wb.
Masih dengan saya Abhi Adhitya Yustho, pada postingan ini kita akan mengenal bagaimana membuat sebuah GUI (Graphic User Interface) pada sebuah bahasa pemrogranan java dengan menggunakan IDE Netbeans dan juga kita akan mengenal sebuah JFrameForm. Pada postingan sebelumnya saya telah menjelaskan sebuah INPUT OUTPUT pada bahasa java.

Ok langsung saja kita mulai ke pembahasan topiknya

1. Buka IDE Netbeansnya seperti biasa
2. Buat Project seperti biasanya dengan Java Application
3. Tambah JFrame Formnya seperti pada gambar di bawah ini
   
   Disini saya menamakan classnya artimatika, kalian boleh isi namanya terserah kalian yang pasti harus mendeskripsikan fungsi dari class itu menurut saya mah.
   Setelah mengklik finish maka tampilannya akan berubah menjadi seperti gambar di bawah ini
   
   Kotak kiri merupakan box untuk kita menempatkan element element GUI, box ini merupakan window. sedangkan untuk Element element GUInya berada pada sebelah kanan.
4. Drag&Drop element GUI seperti pada gambar di bawah ini
   
   Disini kita menggunakan label, textfield, dan button.
5. Ubah masing masing nama variabel element yang memungkinan terjadinya sebuah perubahan / terdapatnya action. dalam contoh kali ini yaitu textfield sebelah Bilangan 1 dan seterusnya, lalu Button hitung dan reset. kenapa perlu diubah nama variabel elementnya? karena akan memudahkan kita dalam menulis sebuah kodenya dalam mengenali masing masing element yang akan kita proses. Klik kanan pada element yang mau diubah > klik properties > masuk tab code > ubah variabel name
   
6. Setelah selesai klik kanan pada button Hitung > Event > Mouse > mouseClicked . ini akan membuat sebuah fungsi otomatis yang dimana fungsi itu akan berjalan jika kita mengklik button hitung pada saat program berjalan.
   
7. Tuliskan kode seperti gambar dibawah
   
   untuk penjelasannya sudah saya sisipkan di masing masing statement dengan komentarnya.
8. Lakukan hal yang sama seperti langkah 6 dengan button reset, yang berguna untuk menghapus semua text pada field dan juga label hasil. lalu masukkan kode seperti gambar dibawah
   
9. Setelah selesai klik kanan pada source code > Run File. maka akan tampil popup window yang berisikan desain window yang telah kita buat tadi.
   
10. Selamat anda telah berhasil membuat GUI pertama dengan JFrame Form pada netbeans dengan bahasa JAVA.
11. Selanjutnya, lakukan test pada GUI yang telah kamu buat lakukan 2 percobaan. percobaan hitung dan percobaan reset.
         

Ok telah selesai postingan kali ini mengenai JFrame pada Netbeans Java, sampai bertemu lagi