Membuat Layout Membuat User Interface Java

{NetBeans memanfaatkan utility Ant untuk melakukan kompilasi, deployment dan ekseskusi. Skrip Ant tersusun dari tasks dan tiap task dapat mendeklarasikan ketergantungan pada task lain. Ketika menjalankan pilihan menu Run Main Project, Ant akan menjalankan task yang dieksekusi yang sudah diselesaikan sebelum eksekusi yang sesungguhnya.}

4.2 Membuat User Interface Java

Pada proyek ini , akan dibangun Java user interface yang menjalankan method greet pada kelas Java Greeter. GUI ini mempunyai field entry data untuk menginput nama user dan tombol Greet yang akan meminta method greet untuk membuat dan menampilkan greeting yang telah dikustomisasi. User interface yang dibangun ini pada proyek yang sama seperti yang digunakan pada proyek sebelumnya.

4.2.1 Membuat Layout

{Kelas user interface merupakan kelas Java sama seperti yang telah dibuat pada project akhir, namun kelas ini menurunkan behavior dari kelas induk yang dinamakan JFrame } Buat kelas Java yang baru untuk user interface dengan melakukan klik-kanan pada GreeterJavaProject pada panel Projects dan pilih New JFrame Form. Jendela wizard New JFrame Form akan muncul. Untuk Class Name, ketik: GreeterUI dan untuk Package, ketik : ui 92 Klik Finish dan akan terlihat file GreeterUI.java ditambahkan ke hirarki proyek. Kanvas design akan muncul. Akan ditambahkan widget user interface di kanvas ini. Drag dan drop komponen Label dari bagian Swing Controls dari panel Palette ke kanvas. Label jLabel1 akan ditambahkan ke layout. Klik-double pada widget dan ubah teks label menjadi Name: {Jika panel Palette tidak tampak, gunakan pilihan menu bar Window Palette untuk menampilkannya. Pada saat melakukan drag objek palette ke kanvas, kode Java untuk komponen trsebut secara otomatis akan di- generated.} Drag komponenText Field dari bagian Swing Controls dari panel Palette ke kanvas. Drop di sebelah kanan dari label Name. Text field jTextField1 akan ditambahkan. Klik pada widget jTextField1 dan terlihat panel Properties menunjukkan nilai terkini. Hapus nilai pada property Text karena tidak dibutuhkan. Klik pada control Code pada panel Properties dan ubah property Variable Name dari text field dari jTextField1 menjadi nameTextField { Jika panel Palette tidak tampak, gunakan pilihan menu bar Window Palette untuk menampilkannya. Jika tanpa sengaja melakukan klik-double pada jTextField1, maka akan masuk ke view Source. Lakukan klik ke kendali Design pada pojok kiri atas dari editor untuk kembali lagi ke mode Design. Dengan penamaan ulang field entri, maka nama variable pada kode akan lebih bermakna} 93 Klik pada kontrol Properties pada panel Properties. Untuk text field ubah nilai property columns menjadi : 30. {Ini akan mengatur panjang text field yaitu 30 characters. Widget pada kanvas juga akan seketika mengikuti.} Drag widget Button ke dalam kanvas dan di dalam jendela Properties dan drop dibawah text field. Ubah property text dari jButton1 menjadi : Greet Ini akan merubah label button pada kanavas. {Jika tanpa sengaja melakukan klik-double pada tombol Greet maka akan berubah ke mode Source. Klik kendali Design untuk kembali ke mode Design } Dan akhirnya, drag widget Text Field dibawah button sehingga dapat ditampilkan greeting yang dihasilkan. Hapus nilai di dalam property text dari text field karena ini merupakan tempat greeting akan ditampilkan. 94 Klik pada control Code dan ubah property Variable Name dari text field dari jTextField1 menjadi: greetingTextField . {Sekarang, nama text field lebih mempunyai arti dalam kode Java.} Kembali ke area Properties untuk text field, dan ubah nilai property columns menjadi 50. {Halini memberikan ruang yang lebih longgar untuk greeting yang akan dihasilkan.} Atur ulang layout sehingga tampak seperti ini:

4.2.2 Menambah Event Handler Behavior