Selasa, 22 April 2014

Membuat Table GUI Input Data Sederhana

Pada posting yang pertama ini saya ingin berbagi tentang bagaimana cara membuat Table GUI Input Data sederhana pada aplikasi JAVA Netbeans.

1. Pada jendela natbeans kita buat project baru
 New Project > Java > Java aplication > Next, pada project name beri nama misalkan   "CASEMONITOR" > klik Finish.
2. Buat file kelas
File > New file > Swing GUI Forms > Java Class > Next, pada class name beri nama misalkan "CASE".
> Klik Finish.
3. Edit kode pada kelas CASE seperti dibawah ini


* To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

package casemonitor;

/**
 *
 * @author user
 */
public class CASE {
    String tid, mid, merchant, kasus;
    public CASE (){}
  
    public CASE (String ti, String mi, String mc, String ks){
        setData (ti, mi, mc, ks);
    }
   private void setData (String ti, String mi, String mc, String ks)
   {
       tid = ti;
       mid = mi;
       merchant = mc;
       kasus = ks;
   }
}


4. Selanjutnya buat Form
File > New File > Swing GUI Forms > JFrame Form > Klik next, pada class name beri nama misalkan "GUI" > Klik Finish.
5. Buat table GUI seperti ini











NB: Cara memasang object-object kontrol:
Klik, tahan dan seret object kontrol ke atas frame
Klik kanan pada object kontrol, klik Edit Text, untuk mengubah tulisan yang tampil.


6.Klik kanan pada Text Field 1, pilih Change Variable Name isikan txtTID
7.Klik kanan pada Text Field 2, pilih Change Variable Name isikan txtMID
8.Klik kanan pada Text Field 3, pilih Change Variable Name isikan txtMERCHANT
9.Klik kanan pada Text Field 4, pilih Change Variable Name isikan txtCASE
10.Klik kanan pada Botton, pilih Change Variable Name isikan tombolProses
11.Klik object tombolProses, klik: Window → Properties
       Klik: Events
12.Klik actionPerformed, klik Browse
13.Klik "Add" lalu pada  "New hendler name" isikan klikTombolProses > Klik OK > Klik OK
14.Selanjutnya ketikan kode
private void kliktombolproses(java.awt.event.ActionEvent evt) {                                  
        // TODO add your handling code here:
        String TID = txtTID.getText();
        String MID = txtMID.getText();
        String MERCHANT = txtMERCHANT.getText();
        String KASUS = txtCASE.getText();
        CASE m = new CASE (TID, MID, MERCHANT, KASUS);
        
        JOptionPane.showMessageDialog(rootPane,
                "DATA MERCHANT YANG ANDA MASUKAN:\n"
        + "TID: " + m.tid + "\n"
        + "MID:" + m.merchant + "\n"
        + "MERCHANT: " +m.merchant + "\n"
        + "CASE: " + m.kasus);
15. Kembali pada CASEMONITOR buat kode seperti ini
public static void main(String[] args) {
        // TODO code application logic here
        new gui().setVisible(true);
    }

16. Setelah di RUN maka tampilannya akan seperti ini