Darma'McCartney

Tampilkan postingan dengan label Dasar. Tampilkan semua postingan

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.

Untuk yang belum tau cara membuat project/tugas dan JFrame Form baru di NetBeans IDE, saya akan menjelaskan langkah-langkah paling dasar dalam penggunaan NetBeans IDE.

Membuat Project/tugas baru :

1. Pertama kita buka dulu NetBeans IDE-nya.

2. Klik File dibagian pojok kiri atas.

3. Kemudian pilih New Project yang paling atas.

4. Setelah kita klik New Project akan muncul menu New Project seperti gambar dibawah ini.

5. Misalnya kita ingin membuat aplikasi Java, maka dibagian Categories kita pilih Java dan dibagian Projects kita pilih Java Application.

6. Setelah itu klik Next.

7. Kemudian akan muncul menu New Java Application seperti gambar dibawah ini.

8. Dimenu New Java Application terdapat field-field yang digunakan untuk memberi nama Project kita dan juga lokasi untuk penyimpanan Project tersebut.

Untuk Project Name gantilah dengan nama yang akan anda berikan untuk project anda, misalnya saya akan memberikan nama project saya Latihan_Project.

saya sarankan untuk membuat project name tanpa (Spasi) usahakan untuk menggunakan pemisah lain seperti low line/ under score (_).

Dan untuk Project Location tentukan lokasi folder untuk penyimpanan project tersebut, disitu saya arahkan ke lokasi folder saya yang bernama NETbeans yang berlokasikan di D:\Java Project\NETbeans

Biarkan yang lainnya sesuai Default jangan diubah, jika sudah memberi nama dan lokasi yang diinginkan, selanjutnya klik Finish

9. Sampai disini kita sudah berhasil membuat project baru, karena project tersebut masih kosong maka seperti inilah tampilannya.

10. Sekarang kita akan membuat JFrame Form baru didalam project yang telah kita buat.

11. Pertama kita buka node atau tanda (+) pada project kita yang ada pojok kiri disamping ikon “cangkir” sehingga menjadi seperti ini.

12. Selanjutnya untuk membuat JFrame Form, klik kanan latihanPackage lalu pilih New > kemudian pilih JFrame Form..

13. Setelah itu akan muncul menu New JFrame Form seperti ini.

Pada bagian Class Name itu adalah bagian untuk pemberian nama class jFrame Form kita, dibagian ini tidak diperbolehkan untuk menggunaka pemisah Spasi, usahakan untuk menggunakan pemisah lain.

Dan pada bagian Project, Location, Package biarkan default saja, jangan diubah.

Untuk bagian Created File itu adalah lokasi otomatis penyimpanan class java kita.

14. Setelah memberikan nama untuk Form kita, selanjutnya klik Finish, dan Frame kita telah berhasil dibuat dengan tampilan desain yang masih kosong beserta file.java nya seperti ini.

15. Sampai disini kita sudah berhasil membuat Project JFrame Form baru.

Sepertinya sekian dari saya untuk pembuatan Project dan JFrame Form baru, untuk desain dan pengisian source code akan kita bahas dipelajaran selanjutnya.

#saya membuat tutorial ini karena ada beberapa dari teman-teman saya yang kesulitan untuk membuat Project dan juga jFrame Form di NetBeans.

Terima Kasih.