Modul 10
Graphical User Interface(GUI)
A. Tujuan
1. Konsep GUI di Java, komponen dasar Swing
2. Penanganan Kejadian (Event Handling)
3. Membuat GUI dengan Netbeans
B. Java GUI
1. AWT (Abstract Window Toolkit)
Library dan komponen GUI (java.awt) yang pertama kali diperkenalkan oleh Java Sun Microsystem tidak merekomendasikan lagi penggunaan komponen GUI dari AWT.
2. Swing / JFC (Java Foundation Class)
Library dan komponen GUI (javax.swing) terbaru dari Java yang direkomendasikan Sun Microsystem untuk pemrograman GUI. Komponen GUI sebagian besar adalah turuan AWT dan lebih lengkap dari AWT.
C. Komponen Dasar Swing
1. Top-Level Container : container dasar dimana komponen lainnya diletakan(JFrame, JDialog & Applet)
2. Intermediate Container : container perantara dimana komponen lainnya diletakan/dikelompokan (JPanel, JScrollPane,JTabbedPane,JToolbar,JSplitPane)
3. Atomic Component : Komponen yang memilki fungsi spesifik & menerima interaksi langsung dari user (Jbutton, JLabel, JTextArea)
4. LayoutManager : mengatur tata letak dan posisi komponen dalam container (BorderLayout, BoxLayout, FlowLayout, GridbagLayout, GridLayout)
5. Event Handling : menangani event yang dilakukan user (klik mouse, ketik keyboard, perbesar frame)
D. Penggunaan Tope Level Container
1. Komponen GUI akan ditampilkan sebagai bagian dari containment hierarchy.
- Aplikasi GUi berbasis Swing paling tidak memilki satu containment hierarchy dengan JFrame sebagai rootnya.
- Jika sebuah aplikasi memilki satu window utama dan dua dialog artinya aplikasi tersebut memilki tiga containment hierarchy dan juga tiga top level container
- Satu containment hierarchy memilki JFrame sebagai root, dan dua yang lain memilki JDialog sebagai root.
2. Setiap komponen GUI hanya dapat dimuat pada satu top level container.
3. Dapat menambahkan menubar pada top level container
File Name : FrameBeraksi.java
|
import javax.swing.*;
public class FrameBeraksi {
public static void main (String[] args) {
JFrame frame = new JFrame("Frame Beraksi");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JLabel emptyLabel = new JLabel("Frame Beraksi");
frame.getContentPane().add(emptyLabel);
frame.setSize(400,200);
frame.setVisible(true);
}
}
|
E. Membuat GUI dengan NetBeans
Berikut latihan untuk membuat project baru menggunakan NetBeans :
1. Pilih menu File > New Project
2. Kemudian pada jendela New Project, pilih Java pada kolom Categories. Pada kolom Categories. Pada kolom Project pilih Java Application untuk form tunggal, lalu klik tombol Next.
3. Kemudian akan tampil seperti gambar dibawah ini. Pada Name and Location, masukan nama proyeknya, misalnya FormLogin dan tentukan juga paket (lokasi) serta folder-nya, lalu klik finish.
4. Kemudian akan tampil seperti gambar dibawah ini. Pada jendela project pilih paket formlogin, kemudian klik kanan pilih New > JFrame Form…
5. Kemudian akan tampil seperti gambar dibawah ini. Pada bagian name and Location, masukan nama form yang akan menjadi nama kelasnya, misalnya FormLogin
6. Sampai pada tahap ini anda sudah memilki satu form, dan bisa dijalankan untuk melihat hasilnya.
7. Untuk menjalankan program, pilih menu Run > Run Main Project. Ternyata form baru tadi tidak muncul, bahkan program langsung selesai dieksekusi. Untuk bisa menampilkan form tersebut, tambahkan pemanggilan form pada kelas utamanya. Sehingga kelas Main.java menjadi seperti berikut ini.
8. Masukan Source code seperti pada gambar berikut
package formlogin;
/**
*
* Iksan Zanusi
*/
public class FormLogin {
/**
* @param args the command line arguments
*/
public static void main(String[] args) {
Frame_login Laund = new Frame_login();
Laund.setVisible(true);
}
}
|
9. Compile dan jalankan ulang.
10. Menambahkan komponen dalam form. Komponen tersedia dalam jendel pallete sebelah kanan atas, mulai dari pallete Swing sampai Borders. Untuk meletakan komponen ke dalam form lakukan klik & drag.
- Masukan tiga komponen JLabel, ubah property text-nya melalui jendela properties, menjadi Login, UserID dan Password.
- Tambahkan JTextField dan hapus property text-nya.
- Tambahkan JPasswordField dan hapus property text-nya
- Tambahkan JButton dan ubah property text-nya menjadi OK. Ubah nama nya dengan cara klik kanan, Change Variabel Name..
- Untuk menambahkan event, klik kanan pada tombol Login, pilih menu Events > Actions > actionPerformed, lalu ketikan source code berikut.
-
String user = "IKSAN";
String pas = "ZANUSI";
String username = nama.getText();
String pasword = password.getText();
if (username.equals(user) && pasword.equals(pas)) {
this.setVisible(false);
new Frame_Form_Hasil_Login().setVisible(true);
} else{
javax.swing.JOptionPane.showMessageDialog(null, "Maaf user atau "+ "password anda salah");
nama.setText("");
password.setText("");
nama.requestFocus();
}
|
11. buat form baru dengan nama Frame_form_Hasil_login
Lalu tambahkan seperti pada gambar
12. Jalan kan program yang telah dibuat
