Wednesday, April 20, 2016

Tutorial 4 Pemrograman Java Netbeans – Disain Form Dengan Tombol Hapus Dan Tombol Keluar


Hallo sahabat coding, bagaimana kabarnya? Semoga baik-baik saja ya sobat! Ok, kali sesuai dengan Gambar pertama yang ada di atas pada artkel ini, saya akan membagikan tutorial tentang “Tutorial 4 Pemrograman Java Netbeans  – Disain Form Dengan Tombol Hapus Dan Tombol Keluar”. Dimana tutorial ini adalah tutorial lanjutan saya yang sebelumnya yaitu tentang “Tutorial 3 Pemrograman Java Netbeans - Cara Membuat Form”. Sebenarnya artikel ini sebelumnya sudah saya upload pada blog saya yang satu nya lagi, yaitu di “joncode.blogspot.com”. namun pada blog saya yang lain tersebut sekarang sudah lumayan lemot, jadi saya pindah ke blog saya yang baru ini.

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, Langsung saja ke pokok permasalahannya, dan berikut langkah-langkahnya: 

1. Pertama-tama silahkan anda buka Netbenas IDE. Disini pada contoh kali ini saya masih menggunakan Netbeans IDE 8.1.

2. Kemudian buatlah project baru. Untuk membuat project baru, saya sudah menjelaskannya pada artikel sebelumnya yaitu di “CARA MEMBUAT PROJECT BARU DI NETBEANS”.

3. Setelah project anda sudah dibuat, kemudian buatlah 1 buah Form baru pada project anda tadi. Untuk membuat Form pada project anda, saya telah menjelaskannya pada artikel sebelumnya dengan judul “CARA MEMBUAR FORM DI NETBEANS”.

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 “JONCODE1990.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 mulai mengerti tentang penggunaan “Jlabel, Jtext Field” kan...?! Namun setelah itu, ada sedikit tambahan lagi, yaitu tambahkan “JButton” sebanyak dua buah pada “Form” anda. Cara menambahkan “JButton” Saya rasa 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 :


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 :

24. Setelah semua langkah-langkah di atas anda ikuti secara benar, maka untuk melihat hasilnya silahkan anda run project anda dengan mengklik tombol "Start" yang ada pada bagian atas netbeans anda. Tombolnya kurang lebih seperti berikut :
Maka hasilnya akan seperti ini :


Ok, sekian dulu tutorial dari saya, salah dan kurangnya dalam artikel ini, saya mohon ma'af. Semoga bermanfaat.

Untuk artikel lainnya tentang "Kumpulan Tutorial Pemrograman", Silahkan klik disini.

Dan bagi anda yang ingin diskusi tentang Pemrograman "Java dan PHP" silahkan gabung di group FB "Forum Programer Java dan PHP Indonesia".
Salam Sukses.