Ade Visual

A. Tujuan Pratikum : Setelah melaksanakan pratikum ini kita dapat : 1. Memahami dengan mudahpemakaian pemograman visual dalam java 2. Menggunakan objek dalam komponen pemograman visual dalam java 3. Membangun aplikasi sederhana berbasis pemograman visual dalam java A. Teori Singkat Java merupakan bahasa pemograman yang paling popular dalam kekuatannya untuk mendukung pemograman berorientasi objek, yang kemudian menjadi referensi utama yang sering digunakan dalam membangun aplikasi berbesis OOP. Objek-objek visual dalam java dikenal juaga dengan sebutan GUI (Graphical User Interface) yang disimpan dalam kelas javax.swing. Dalam pratikum ini mahasiswa diperkenalkan dengan objek-objek visual java sebagai berikut : 1. Objek jFrame 2. jLabel 3. jButton A. Kegiatan Pratikum 1. Class dengan jFrame Bagian yang paling mendasar dalam java adalah Class. Class adalah komponen aplikasi yang menangani kode dan data dalam java. jFrame adalah salah satu komponen java yang digunakan untuk membut aplikasi berbasis aGUI form dalam java

Langkah Praktek : 1. Buatlah sebuah project baru dan diberi nama dengan di awali NIM. 2. Pilih Java Aplicatoin,hilangkan centang pada opsi Create Main Class.

3. Klik finish 4. Klik kanan project NIM, pilih jFrame, seperti yang terlihat pada gambar di bawah.

5. Kemudian akan tampil Wizard New jFrame form , beri nama dengan LatihanVisual,seperti yang terliat pada gambar dibawah.

6. Kemudian pada halaman kerja Netbean akan tampil sebuah form baru, seperti gambar dibawah.

7. Secara otomatis , pada saat ini NetBean membuat kode prosedur awal sesuai dengan nama Class dan komponen yang ada, prosedur ini dikenal dengan sebutan Method. Untuk melihat Method ini dengan cara mengklik tombol source

8. Klik jLabel, kemudian drag ke halaman form yang ada, seperti gambar dibawah.

9. Langkah selanjutnya, kita akan memasukan sebuah event ke halaman form yang akan mengeksekusi proses method yang akan dilakukan . kemudian klik kanan pada area jFrame,lalu pilih events window windowActivated .event ini berarti , method yang didefinisikan secara otomatis akan di eksekusi pada saat window di aktifkan. Seperti yang terlihat pada gambar dibawah. 10. Event adalah suatu kondisi dalam pemograman ketika perintah akan di eksekusi.

11.Setelah muncul jendela source seperti gambar diatas,pada lokasi yang telah ditentukan , masukan perintah : jLabel1.setText(“Hello World....!Ini Program Pertama Saya”);

12.Kemudian kompilasi programnya, sehingga akan di peroleh tampilan outputnya seperti gambar dibawah.

1. jButton pada latihan kali ini kita mulai member action pada object button, silahkan ikuti langkah-langkah brikut ini : a. Buka kembali program pertama yang telah di buat b. Tambahkan dua buah Button (jButton) klik dan drag ke area form seperti yang terlihat pada gambar

c. Ubah property text masing-masing Button dengan pindah keatas (jButton1) dan kembali (jButton2), dan hasilnya seperti gambar di bawah.

d. Pada tombol jButton1 tambahkan events mouse mouse Clicked, yang artinya bahwa events yang terjadi pada jButton1 akan dieksekusi pada saat mouse di klik, seperti gambar di bawah.

e. Kemudian pada area events, ketikan intruksi this.setAlwaysOnTop(true) yang berfungsi menampilkan jendela aplikasi selalu di atas jendela

lainnya,seperti gambar di bawah.

f. Lakukan hala yang sama pada jButton2,seperti langkah diatas ,tetapi kemudian ketikan perintah this.setAlwaysOnTop(false) seperti gambar dibawah g. Silahkan eksekusi program anda,sehingga diperoleh hasil sebagai berikut :

LATIHAN 1 1. Buatlah project baru seperti gambar dibawah dengan judul BioDataADE

2. Klik kanan pada Data-Diri pilih New gambar di bawah.

JFrame seperti yang terlihat pada

3. Kemudian akan tampil wizard new jFrame Form, beri nama Data seperti gambar di bawah.

4. Klik Finish, maka akan tampil form baru pada halaman kerja netbean, seperti gambar di bawah.

5. Secara otomatis, pada saat ini, NetBeans membuat kode prosedur awal sesuai dengan nama Class dan komponen yang ada, prosedur ini dinamakan dengan sebutan method. Untuk melihat method ini ,dengan mengklik tombol source di bagian kiri atas halaman kerja NetBeans. Hasilnya seperti gambar dibawah ini.

6. Kemudian kembali ke design , pilih jLabel1 yang nantinya diganti dengan Nama, jLabel2 untuk NIM /BP, jLabel3 untuk Program studi, seperti gambar di bawah.

7. Ubah jLabel1 dengan nama, caranya dengan mengklik properties pilih text,kemudian ganti jLabel1 dengan Nama, jLabel2 dengan NIM/BP, jLabel3 dengan Program studi seperti gambar dibawah.

8. Setelah diubah maka hasilnya akan menjadi seperti gambar di bawah ini.

9. Langkah selanjutnya, kita akan memasukan sebuah event ke halaman form yang akan mengeksekusi proses method yang akan dilakukan . kemudian klik kanan pada area jFrame,lalu pilih events window windowActivated .event ini berarti , method yang didefinisikan secara otomatis akan di eksekusi pada saat window di aktifkan. Seperti yang terlihat pada gambar dibawah

10.Pada saat event windowActivated dipilih, maka secara otoamatis pada jendela source disiapkan sebuah method yang akan mengeksekusi program tersebut. Pada area listing program tersebut, kemudian masukan proses yang akan dilakukan pada saat event terjadi.

11.Pada area listing program tersebut, kemudian masukan proses yang akan dilakukan pada saat event terjadi. 12.Setelah tampil jendela source pada lokasi yang ditentukan masukan perintah yang diinginkan. 13.Kembali ke design, klik kanan jLabel1,pilih events mouseClicked, seperti gambar yang dibawah.

mouse

14.Maka secara otomatis akan tampil jendela source seperti gambar dibawah 15.Kemudian masukan perintah yang diinginkan.

16.Begitu juga untuk jLabel2 dan jLabel3

1. Kompilasi program yang telah dibuat, maka akan muncul seperti gamabr di bawah 2. Klik Ok

3. Maka akan keluar hasil outputnya seperti gambar dibawah

4. Output selanjutnya akan seperti gambar di bawah, setelah Nama, NIM/BP, dan Prodi diklik.