Membuat Form Nama Lengkap sederhana dengan jLabel, jTextField dan jButton pada NetBeans IDE
Assalamu’alaikum. Wr. Wb.
Pada tutorial dasar kali ini kita
akan belajar menggunakan Swing yang paling sering dipakai dalam pembuatan Form
NetBeans yaitu jLabel, jTextField dan juga jButton.
Ketiga Swing tersebut sangat
berguna pada Form NetBeans, bahkan untuk membuat Form paling simple sekali-pun.
Disini kita akan membuat Form
sederhana, yaitu Form untuk I/O nama depan dan belakang, langsung aja kita
mulaii ( capek ngetik panjang” :D ).
1. Langkah pertama pastinya kita harus membuat
Project baru dan juga membuat JFrame Form nya. Untuk yang belum tau cara
membuat Project dan juga JFrame Form silahkan baca dulu postingan sebelumnya
tentang “Membuat Project dan JFrame Form baru di
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:
|
jTextField1
|
TF_namaDepan
|
|
jTextField2
|
TF_namaBelakang
|
|
jTextField3
|
TF_namaLengkap
|
|
jButton1
|
Btn_proses
|
|
jButton2
|
Btn_hapus
|
6.
Jika sudah selesai mengganti semua nama
Variabel-nya, sekarang kita masuk ke tahap pengisian Source Code.
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 :*
Terima
Kasih.