Membuat Form Nama Lengkap sederhana dengan jLabel, jTextField dan jButton pada NetBeans IDE

2.     Okee, saya anggap anda sudah membuat Form nya, selanjutnya kita akan menambahkan Swing yang pertama yaitu jLabel.

3.     Ambil dan Drag 3 buah Label dari menu tools Palette dibagian Swing Controls, masukan kedalam Form anda. Atur juga posisi dan ubah text nya dengan cara klik kanan label-nya lalu pilih Edit Text.

Edit semua text-nya sehingga menjadi seperti ini:

4.       Jika sudah, sekarang kita memasukan 3 buah Text Field dan juga Button dari Palette yang sama.

Masukan semuanya sehingga menjadi seperti ini:

#jangan lupa atur juga semua tampilan Text nya menjadi seperti gambar diatas.

5.       Selanjutnya gantilah semua nama Variabel object nya dengan cara klik kanan masing-masing object lalu pilih Change Variabel Name, ganti dengan format sebagai berikut:

Alur dari program ini adalah kita memasukan nama depan dan juga nama belakang, lalu disaat kita klik proses nama lengkap akan muncul dengan penggabungan antara nama depan dan juga nama belakang. Dan disaat kita klik hapus maka semua TextField akan menjadi kosong kembali.

7.       Sebelumnya kita akan mendeklarasikan beberapa Variabel data yang bertype String didalam Public Class kita dengan cara klik tab Source dan isikan code yang ada didalam kotak merah berikut:

8.       Jika sudah, kembali ke tab Desain dan Klik kanan pada jButton1 / Button Proses, lalu pilih Events > Action > actionPerformed.

9.       Setelah itu kita akan diarahkan ke Tab Source untuk mengisi code dari Button tersebut, lalu isikan code didalam kotak merah berikut:

#Keterangan:

Variabel namaDepan mendapat nilai berupa String dari inputan pada TextField nama depan.

Variabel namaBelakang mendapat nilai berupa String dari inputan pada TextField nama belakang.

Variabel namaLengkap adalah hasil dari penggabungan antara Variabel namaDepan dan juga namaBelakang.

Menampilkan output untuk TextField nama lengkap yang merupakan nilai String dari variabel namaLengkap.

10.   Kembali lagi ke Tab Desain, lalu klik kanan pada jButton2 / Button hapus lalu pilih Events > Action > actionPerformed.

11.   Masukan kode didalam kotak merah berikut:

#Keterangan:

Semua Text Field diberi nilai String yang kosong

12.   Jika sudah selesai, kita coba Run Form tersebut dengan cara klik menu Run > pilih Run File (Shift + F6).

13.   Naah selesai dehh, sekarang kita coba memasukan nama depan dan juga nama belakang setelah itu klik Proses.

Seperti ini deh jadinya:

14.   Jangan lupa juga klik hapus nya.

Sampai disini kita sudah berhasil menggunakan 3 macam Swing, selanjutnya tinggal anda kembangkan program tersebut dengan inspirasi anda sendiri.

Sekian tutorial dari saya, jika ada kesalahan harap maklum saya hanya Newbie yang ingin berbagi :*