TIPS MEMBUAT FORM DENGAN TOMBOL HAPUS DAN TOMBOL KELUAR

Kali ini saya membagikan sebuah artikel lagi yang masih mengenai tutorial tentang Pemrograman Java dengan Netbeans IDE. Kali ini, pada artikel ini saya akan menjelaskan tentang “TIPS MEMBUAT FORM DENGAN TOMBOL HAPUS DAN TOMBOL KELUAR”.

Ok, tanpa berlama-lama panjang lebar penjelasan dari saya, ada baiknya kita langsung saja ke pokok permasalahannya. Karna kalau terlalu panjang lebar pembukaannya akan membuat anda menjadi bosan. So, kita langsung saja ke pokok permasalahannya, dan berikut langkah-langkahnya:

1. Pertama-tama silahkan anda buka Netbenas IDE.

2. Kemudian buatlah project baru. Untuk membuat project baru, saya sudah menjelaskannya pada artikel sebelumnya yaitu di “TIPS MEMBUAT CLASS BARU

3. Setelah project anda sudah dibuat, kemudian buatlah 1 buah Form baru pada project anda tadi. Untuk membuat Form pada project anda, saya juga telah mejnelaskannya paada artikel sebelumnya yang juga berjudul “TIPS MEMBUAT FROM BARU

4. Setelah form anda sudah dibuat, silahkan anda lihat ke bagian Tools “Palette” yang ada di bagian kanan ->> Kemudian di bagian group “Swing Controls” ->> pilih “Jlabel”.

5. Setelah anda meng-klik “Jlabel” kemudian selanjutnya anda klik di Form yang sudah anda buat tadi, dan silahkan anda posisikan “Jlabel” anda sesuai keinginan anda, atau kurang lebih akan menjadi seperti gambar berikut :

6. Setelah itu, untuk merubah text yang ada pada “Jlabel” yang ada pada form anda tadi, silahkan anda klik kanan pada “Jlabel” yang ada pada “Form” anda tadi, kemudian pilih “Edit Text”.

7. Kemudian ganti tulisan “jlabel1” terserah anda. Pada contoh ini saya menggantikan “jlabel” tersebut menjadi “JONCODE.BLOGSPOT.COM”, sehingga menjadi seperti gambar berikut :

8. kemudian lakukan lagi Langkah 4 sampai langkah 7 hingga form anda menjadi seperti gambar berikut :

9. Kemudian silahkan anda kembali lagi ke “Palette”, di bagian group “Swing Controls” pilih “JText Field”.

10. Kemudian posisikan “Jtext Field” tersebut pada form anda sehingga menjadi seperti ini :

11. Setelah anda posisikan “Jtext Field” tersebut, kemudian atur ukurannya sesuai keinginan anda. Disini saya mengaturnya kurang lebih seperti berikut :

12. Kemudian, untuk mengosongkan text yang ada pada “Jtext Field” tersebut, klik kanan pada “Jtext Field” yang ada pada form tersebut, kemudian pilih “Edit Text”

13. Kemudian kosongkan “jTextField1” tersebut menjadi seperti gambar berikut :

14. Dan klik kanan lagi pada “Jtext Field” yang ada pada form anda, kemudian pilih “Change Variable Name”, maka akan tampil tab “Rename”. Pada tab “Rename”, di kolom “New Name” ubah name-nya menjadi “txt_kode”. Setelah itu klik OK. Kurang lebih seperti gambar berikut:

Keterangan :

• Kenapa Variabel_Name “jtextfield1” saya ubah menjadi “txt_kode”? karena “Jtextfield1” adanya di posisi Kode.

15. Setelah itu, lakukan lagi langkah-langkah 9 sampai 14, dimana “variabel_name” dari masing masing “Jtext Field” disesuaikan dengan posisinya. sehingga hasil form anda seperti berikut :

Keterangan :

• Ubah Varable_name “jtextfield2” menjadi ->> “txt_nama”
• Ubah Varable_name “jtextfield3” menjadi ->> “txt_jabatan” 
• Ubah Varable_name “jtextfield4” menjadi ->> “txt_gaji”   

16. Naaah..........., sekarang anda sudah mulah mengerti tentang penggunaan “Jlabel, Jtext Field” kaaan...?! 

Namun setelah itu, ada sedikit tambahan lagi, yaitu tambahkan “Jbutton” sebanyak dua buah pada “Form” anda. Cara menambahkan “Jbutton” Saya sara anda sudah tau cara menambahkannya ke form anda tersebut, yaitu seperti langkah-langkah sebelumnya, yaitu pada langkah 4 ataupun pada langkah 9. Namun yang anda cari di group swing tersebut adalah “Button”.17. Setelah itu, posisikan “Jbutton” anda pada form kurang lebih seperti berikut :

18. Lakukan langkah 12 samapi 14 sehingga untuk kedua buah “Jbutton” pada form anda tersebut menjadi seperti berikut : 

Keterangan : 

• Ubah Varable_name “jButton1” menjadi ->> “btn_hapus” 
• Ubah Varable_name “jButton2” menjadi ->> “btn_keluar” 

19. Setelah itu semua, saatnya kita masuk ke tahap Source Code, dimana kita akan mengetikkan kode/bahasa pemrograman-nya. Untuk Source Code tombol “Hapus”, klik kanan pada button “Hapus”, kemudian pilh “Events ->> Action ->> actoinPerformed”

20. Maka kita akan di tujukan pada tab “Source”. Dimana tab “Source” adalah tempat kita untuk mengetikkan kode dengan “Bahasa Pemrograman Java”. Kurang lebih tampilan tab “Source” Java Netbeans adalah sebagai berikut :

21. kemudian ketikkan kode berikut : 

//---------------------------------------------------- 

txt_kode.setText(""); 

txt_nama.setText(""); 

txt_jabatan.setText(""); 

txt_gaji.setText(""); 

//--------------------------------------------------- 

Ketikkan kode tersebut di bawah

private void btn_hapusActionPerformed(java.awt.event.ActionEvent evt) {

Sehingga pada tab “Source” kurang lebih seperti berikut : 

 Keterangan rumus :

• Source kode “txt_kode, txt_nama, txt_jabatan, txt_gaji” adalah nama dari setiap variabel dari “TextField” yang kita ubah tadi.
• Source koode “setText(“”)” adalah berfungsi untuk men-setting variabel tersebut text-nya menjadi kosong.

22. Kemudian silahkan kembali ke tab “Design” untuk mendisain ulang form kita.

23. Dan selanjutnya lakukan langkah 19 untuk Button “Keluar”, dan ketikkan kode berikut :

//------------------- 

System.exit(0);

//-------------------

Ketikkan kode tersebut di bawah 

private void btn_keluarActionPerformed (java.awt.event.ActionEvent evt) {

Sehingga pada tab “Source” kurang lebih seperti berikut : 

24. Setelah semua langkah-langkah di atas anda ikuti secara benar, maka untuk melihat hasilnya silahkan anda run project anda dengan mengklik tombol   yang ada di bagian atas form anda. Dan tada......, lihat hasilnya. 

keterangan:

• Fungsi tombol hapus adalah untuk menghapus text yang ada pada setiap kolom “Kode, Nama, Jabatan, Gaji”, maka klik tombol “Hapus” tersebut. 
• Fungsi tombol keluar adalh apabila anda ingin keluar dari aplikasi yang anda buat, maka klik tombol “Keluar” tersebut. 

25. Selesai.