Membuat Program menggunakan GUI (Graphical User Interface) Membuat seperti gambar di bawah ini secara manual: Source Code : import java.awt.*; import java.awt.event.*; import javax.swing.*; class WisataKuliner{ public static void main (String arg[]){ TampilanGrid frame = new TampilanGrid(); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setVisible(true); } } class TampilanGrid extends JFrame{ private JPanel panel; public TampilanGrid(){ setTitle("Wisata Kuliner"); setSize(300,300); panel = new JPanel(); panel.setLayout(new GridLayout(8,1)); JCheckBox cbSoto = new JCheckBox("soto"); JCheckBox cbRawon = new JCheckBox("rawon"); JCheckBox cbSop = new JCheckBox("sop buntut"); JCheckBox cbRujak = new JCheckBox("rujak"); Graphical User Interface Page 1
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Membuat Program menggunakan GUI (Graphical User Interface)
Membuat seperti gambar di bawah ini secara manual:
class WisataKuliner{public static void main (String arg[]){
TampilanGrid frame = new TampilanGrid();frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);frame.setVisible(true);
}}
class TampilanGrid extends JFrame{private JPanel panel;
public TampilanGrid(){setTitle("Wisata Kuliner");setSize(300,300);
panel = new JPanel();panel.setLayout(new GridLayout(8,1));
JCheckBox cbSoto = new JCheckBox("soto");JCheckBox cbRawon = new JCheckBox("rawon");JCheckBox cbSop = new JCheckBox("sop buntut");JCheckBox cbRujak = new JCheckBox("rujak");
/*ButtonGroup wisataKuliner = new ButtonGroup();
JRadioButton cbBakso = new JRadioButton("bakso");JRadioButton cbKupang = new JRadioButton("kupang");JRadioButton cbTahu = new JRadioButton("tahu tek");JRadioButton cbRujakM = new JRadioButton("rujak manis");
Dapat pula dibuat dengan drag and drop menggunakan program NetBeans IDE. Versinya terserah Anda, namun saya menggunakan versi 6.5.
Di sini saya mencontohkan membuat Program buku tamu menggunakan NetBeans IDE 6.5.
1. Klik tab File > New File atau dapat pula tekan ctrl + N.
2. Pada Choose Type File, pilih GUIFromExamples pada Project, pilih Swing GUI Forms pada Categories, dan pilih JFrame From pada File Types. Setelah itu, klik Next.
3. Pada Class Name, tuliskan nama file yang akan Anda buat. Contoh : BukuTamu.java. Setelah itu, klik Finish.
4. Akan muncul kotak jendela seperti ini :
5. Tambahkan 2 buah Label dengan cara klik dan drag Label pada Palette yang berada di sebelah kanan layar. Kolom Palette dapat pula membuat Check Box, Button, Radio Button, List, dsb. Edit kedua label tersebut.
6. Tambahkan Text Field dari Palette, dan Label-label yang lain. Edit semuanya.
Graphical User Interface Page 3
7. Terakhir, tambahkan Button dari Palette, hingga akhirnya menjadi seperti ini :
8. Untuk melihat source programnya, dapat dilihat dengan cara meng-klik Source pada tab di bawah nama file. Dari program yang telah kita buat, kurang lebih source programnya seperti ini :
public class BukuTamu extends javax.swing.JFrame {
jLabel1 = new javax.swing.JLabel(); jLabel2 = new javax.swing.JLabel(); jTextField1 = new javax.swing.JTextField(); jTextField2 = new javax.swing.JTextField(); jTextField3 = new javax.swing.JTextField(); jLabel3 = new javax.swing.JLabel(); jLabel4 = new javax.swing.JLabel(); jLabel5 = new javax.swing.JLabel(); jButton1 = new javax.swing.JButton();
private void jTextField1ActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:}
private void jTextField2ActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: }
private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:}
public static void main(String args[]) { java.awt.EventQueue.invokeLater(new Runnable() { public void run() { new BukuTamu().setVisible(true); } }); }
// Variables declaration - do not modify private javax.swing.JButton jButton1; private javax.swing.JLabel jLabel1; private javax.swing.JLabel jLabel2; private javax.swing.JLabel jLabel3; private javax.swing.JLabel jLabel4; private javax.swing.JLabel jLabel5; private javax.swing.JTextField jTextField1; private javax.swing.JTextField jTextField2; private javax.swing.JTextField jTextField3; // End of variables declaration
}
9. Setelah dicompile dan di-run, hasilnya :
Graphical User Interface Page 7
Sekarang, kita mencoba membuat Program wisata kota. Prosesnya sama seperti pembuatan Program buku tamu, hanya dengan sedikit variasi saja.
1. Buat program baru sama seperti Tahap 1-4 pembuatan program buku tamu.
2. Tambahkan Label dengan cara klik dan drag Label pada Palette yang berada di sebelah kanan layar. Kolom Palette dapat pula membuat Check Box, Button, Radio Button, List, dsb. Edit kedua label tersebut.
3. Tambahkan Radio Button dari Palette, dan Label yang lain. Edit semuanya.
4. Tambahkan Button Group sehingga Radio Button tersebut hanya dapat dipilih salah satu saja.
5. Edit masing-masing button dan masukkan ke buttonGroup1. Caranya, pilih button yang akan dimasukkan, klik kanan, pilih Properties. Pilih buttonGroup1 pada pilihan buttonGroup, lalu close.
Graphical User Interface Page 8
6. Terakhir, tambahkan Check Box dari Palette dan satu buah label, edit hingga akhirnya menjadi seperti ini :
7. Untuk melihat source programnya, dapat dilihat dengan cara meng-klik Source pada tab di bawah nama file. Dari program yang telah kita buat, kurang lebih source programnya seperti ini :
public class WisataKota extends javax.swing.JFrame {
buttonGroup1 = new javax.swing.ButtonGroup(); jLabel1 = new javax.swing.JLabel(); jLabel2 = new javax.swing.JLabel(); jLabel3 = new javax.swing.JLabel(); jRadioButton1 = new javax.swing.JRadioButton(); jRadioButton2 = new javax.swing.JRadioButton(); jRadioButton3 = new javax.swing.JRadioButton();
Graphical User Interface Page 9
jCheckBox1 = new javax.swing.JCheckBox(); jCheckBox2 = new javax.swing.JCheckBox(); jCheckBox3 = new javax.swing.JCheckBox(); jRadioButton4 = new javax.swing.JRadioButton();
Terakhir, kita mencoba membuat Program pemesanan tiket. Prosesnya sama seperti pembuatan Program buku tamu, hanya dengan sedikit variasi saja.
1. Buat program baru sama seperti Tahap 1-4 pembuatan program buku tamu.
2. Tambahkan Label dengan cara klik dan drag Label pada Palette yang berada di sebelah kanan layar. Kolom Palette dapat pula membuat Check Box, Button, Radio Button, List, dsb. Edit kedua label tersebut.
3. Tambahkan Scroll Pane dan Combo Box dari Palette, dan Label yang lain. Edit semuanya. Cara mengedit Combo Box, klik kanan Combo Box yang akan di edit, pilih properties. Lalu pada model, dapat di klik titik-titiknya. Ada tulisan Item 1, dst. Hapus dan ganti nama Item 1 dst dengan nama Item yang diinginkan. Klik OK dan close.
Graphical User Interface Page 13
4. Tambahkan List Box dan Label ke frame. Edit semuanya. Cara mengedit List Box, klik kanan List Box yang akan di edit, pilih properties. Lalu pada model, dapat di klik titik-titiknya. Ada tulisan Item 1, dst. Hapus dan ganti nama Item 1 dst dengan nama Item yang diinginkan. Klik OK dan close.
Graphical User Interface Page 14
5. Terakhir, tambahkan Button dari Palette, edit hingga akhirnya menjadi seperti ini :
6. Untuk melihat source programnya, dapat dilihat dengan cara meng-klik Source pada tab di bawah nama file. Dari program yang telah kita buat, kurang lebih source programnya seperti ini :
public class PesenTiket extends javax.swing.JFrame {
jLabel1 = new javax.swing.JLabel(); jScrollPane1 = new javax.swing.JScrollPane();
Graphical User Interface Page 15
jComboBox1 = new javax.swing.JComboBox(); jScrollPane2 = new javax.swing.JScrollPane(); jList1 = new javax.swing.JList(); jLabel2 = new javax.swing.JLabel(); jLabel3 = new javax.swing.JLabel(); jButton1 = new javax.swing.JButton(); jComboBox2 = new javax.swing.JComboBox(); jLabel4 = new javax.swing.JLabel();