Sabtu, 27 April 2013

Membuat Data Entry Part 3

Pada bagian terakhir ini kita akan membuat view (user interface) dan controller.

Langkah ke-5: Buat View + binding dengan model

Mungkin ini bagian yang paling menyenangkan, sekarang kita buat GUI-nya.  Buat 2 JPanel seperti dibawah ini. Ingat ya JPanel bukan JFrame. Untuk buat JPanel bisa pakai Ctrl+N > Swing GUI Forms > JPanel. Misal kita beri nama PanelLogin dan PanelEntry. Drag n drop komponen-komponen Swing ke panel tersebut jadi seperti di bawah ini.
Kalo udah, kita buat JFrame dengan nama MainFrame. Untuk layoutnya gunakan CardLayout. Klik kanan frame tersebut > Set Layout > CardLayout
Kalo sudah drag PanelLogin ke MainFrame.
Next………
Masuk ke Navigator Window > pindahkan panelEntry1 dari Other Component ke JFrame, letakkan di bawah panelLogin1 seperti gambar berikut.
Ok, pembuatan GUI-nya sudah selesai. Tinggal binding dengan model yang telah kita buat. Untuk cara bindingnya, sekali lagi Anda bisa baca artikel “Beans Binding: Sinkronisasi Model dan View di Java Swing”.
Tapi tunggu dulu, ada beberapa komponen yang tidak bisa kita binding. Lihat PanelEntry, untuk isian Jenis Kelamin, di situ ada 2 jRadioButton. Dua jRadioButton itu harus berada dalam ButtonGroup yang sama. Tetapi, di ButtonGroup itu tidak ada atribut yang bisa dibinding dengan model kita. Jadi solusinya adalah kita buat komponen ButtonGroup baru yang mengekstend ButtonGroup misal namanya ButtonGroupJenisKelamin.
Di ButtonGroupJenisKelamin kita tambahkan atribut “selectedText” yang akan menyimpan atribut JenisKelamin.
Berikut ini class ButtonGroupJenisKelamin.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
/**
 *  For more information
 *  my blog  http://erenha.wordpress.com
 *  my email rn.hindarwan@programmer.net
 */
package com.wordpress.erenha.java.desktop.entry.view.model;
 
import java.beans.PropertyChangeListener;
import java.beans.PropertyChangeSupport;
import javax.swing.AbstractButton;
import javax.swing.ButtonGroup;
import javax.swing.JRadioButton;
 
/**
 * ButtonGroupJenisKelamin.java
 * Turunan class ButtonGroup.
 * Atribut selectedText ditambahkan agar dapat digunakan untuk
 * medukung binding dengan model
 * @author Hindarwan
 */
public class ButtonGroupJenisKelamin extends ButtonGroup {
 
    private transient final PropertyChangeSupport propertyChangeSupport = new PropertyChangeSupport(this);
    private String selectedText;
    public static final String PROP_SELECTEDTEXT = "selectedText";
 
    public String getSelectedText() {
        if (!buttons.isEmpty()) {
            for (AbstractButton abstractButton : buttons) {
                if (abstractButton instanceof JRadioButton) {
                    JRadioButton nextElement = (JRadioButton) abstractButton;
                    if (nextElement.isSelected()) {
                        selectedText = nextElement.getText();
                        return selectedText;
                    }
                }
            }
        }
        return selectedText;
    }
 
    public void setSelectedText(String selectedText) {
        String oldSelectedText = this.selectedText;
        this.selectedText = selectedText;
        if (!buttons.isEmpty()) {
            for (AbstractButton abstractButton : buttons) {
                if (abstractButton instanceof JRadioButton) {
                    JRadioButton nextElement = (JRadioButton) abstractButton;
                    if (selectedText.equals(nextElement.getText())) {
                        nextElement.setSelected(true);
                        break;
                    } else {
                        nextElement.setSelected(false);
                    }
                }
            }
        }
        propertyChangeSupport.firePropertyChange(PROP_SELECTEDTEXT, oldSelectedText, selectedText);
    }
 
    public void addPropertyChangeListener(PropertyChangeListener listener) {
        propertyChangeSupport.addPropertyChangeListener(listener);
    }
 
    public void removePropertyChangeListener(PropertyChangeListener listener) {
        propertyChangeSupport.removePropertyChangeListener(listener);
    }
}
Hasil akhir binding untuk model userLogin dan mahasiswa seperti berikut ini (lihat di bagian Binding Properties).
 

Langkah ke-6: Buat Controller + Test

Ketika ada action dari pemakai aplikasi misalnya dia menekan button login, insert, update, delete maka akan ditangani oleh class controller ini. Jadi tidak ditangani langsung oleh view. Jadi di view tidak akan banyak code. Kita juga bisa melakukan validasi lewat controller ini. Bayangkan jika validasi dilakukan di view, dimana-mana banyak  if-else if-else yang membingungkan. Cape deh…
Berikut Contoller untuk PanelLogin
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
/**
 *  For more information
 *  my blog  http://erenha.wordpress.com
 *  my email rn.hindarwan@programmer.net
 */
package com.wordpress.erenha.java.desktop.entry.controller;
 
import com.wordpress.erenha.java.desktop.entry.dao.UserLoginDao;
import com.wordpress.erenha.java.desktop.entry.dao.impl.UserLoginDaoImpl;
import com.wordpress.erenha.java.desktop.entry.model.UserLogin;
import com.wordpress.erenha.java.desktop.entry.utility.CardLayoutUtility;
import com.wordpress.erenha.java.desktop.entry.utility.Message;
import java.util.logging.Level;
import java.util.logging.Logger;
 
/**
 * LoginController.java
 * @author Hindarwan
 */
public class LoginController {
 
    private UserLogin userLogin;
 
    public void setUserLogin(UserLogin userLogin) {
        this.userLogin = userLogin;
    }
 
    /**
     * Method ini akan dipanggil ketika button login diklik.
     */
    public void login() {
        String username = userLogin.getUsername();
        String password = userLogin.getPassword();
        if (username.isEmpty()) {
            Message.errorMessage("Username masih kosong");
        } else if (password.isEmpty()) {
            Message.errorMessage("Password masih kosong");
        } else {
            UserLoginDao loginDao = new UserLoginDaoImpl();
            boolean isValid;
            try {
                isValid = loginDao.getUserLogin(username, password);
                if (isValid) {
                    //masuk ke panel entry jika data username dan password sesuai
                    CardLayoutUtility.next();
                } else {
                    //jika username dan password tidak sesuai muncul pesan ini
                    Message.errorMessage("Username dan password tidak cocok");
                }
            } catch (Exception ex) {
                Logger.getLogger(LoginController.class.getName()).log(Level.SEVERE, null, ex);
            }
 
        }
    }
}
Kalo ini controller untuk PanelEntry
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
/**
 *  For more information
 *  my blog  http://erenha.wordpress.com
 *  my email rn.hindarwan@programmer.net
 */
package com.wordpress.erenha.java.desktop.entry.controller;
 
import com.wordpress.erenha.java.desktop.entry.dao.MahasiswaDao;
import com.wordpress.erenha.java.desktop.entry.dao.impl.MahasiswaDaoImpl;
import com.wordpress.erenha.java.desktop.entry.model.Mahasiswa;
import com.wordpress.erenha.java.desktop.entry.utility.Message;
import java.util.logging.Level;
import java.util.logging.Logger;
 
/**
 *
 * @author Hindarwan
 */
public class EntryController {
 
    private Mahasiswa mahasiswa;
 
    public void setMahasiswa(Mahasiswa mahasiswa) {
        this.mahasiswa = mahasiswa;
    }
 
    /**
     * Method yang dipanggil ketika button insert diklik.
     */
    public void insert() {
        if (validasi()) {
            MahasiswaDao dao = new MahasiswaDaoImpl();
            try {
                dao.insert(mahasiswa);
                Message.infoMessage("Data berhasil diinsert");
                clear();
            } catch (Exception ex) {
                Logger.getLogger(EntryController.class.getName()).log(Level.SEVERE, null, ex);
            }
        }
    }
 
    /**
     * Method yang dipanggil ketika button update diklik.
     */
    public void update() {
        if (validasi()) {
            MahasiswaDao dao = new MahasiswaDaoImpl();
            try {
                dao.update(mahasiswa);
                Message.infoMessage("Data berhasil diupdate");
                clear();
            } catch (Exception ex) {
                Logger.getLogger(EntryController.class.getName()).log(Level.SEVERE, null, ex);
            }
        }
    }
 
    /**
     * Method yang dipanggil ketika button delete diklik.
     */
    public void delete() {
        MahasiswaDao dao = new MahasiswaDaoImpl();
        try {
            dao.delete(mahasiswa.getNim());
            Message.infoMessage("Data berhasil dihapus");
            clear();
        } catch (Exception ex) {
            Logger.getLogger(EntryController.class.getName()).log(Level.SEVERE, null, ex);
        }
    }
 
    /**
     * Method yang dipanggil ketika button load diklik.
     */
    public void getByNim() {
        MahasiswaDao dao = new MahasiswaDaoImpl();
        System.out.println(mahasiswa.getNim());
        try {
            Mahasiswa m = dao.getByNim(mahasiswa.getNim());
            if (m != null) {
                mahasiswa.setNim(m.getNim());
                mahasiswa.setNama(m.getNama());
                mahasiswa.setJenisKelamin(m.getJenisKelamin());
                mahasiswa.setAlamat(m.getAlamat());
                mahasiswa.setKelas(m.getKelas());
                mahasiswa.setStatus(m.getStatus());
            } else {
                Message.errorMessage("Data tidak ditemukan");
            }
        } catch (Exception ex) {
            Logger.getLogger(EntryController.class.getName()).log(Level.SEVERE, null, ex);
        }
 
    }
 
    /**
     * ketika button new diklik, akan kembali ke default.
     * method ini juga dipanggil ketika insert/update/delete berhasil.
     */
    public void clear() {
        mahasiswa.setNim("");
        mahasiswa.setNama("");
        mahasiswa.setJenisKelamin("Laki-laki");
        mahasiswa.setAlamat("");
        mahasiswa.setKelas("");
        mahasiswa.setStatus("Ikatan Dinas");
    }
 
    /**
     * Untuk validasi field.
     * @return false jika data tidak valid
     */
    public boolean validasi() {
        boolean isValid = false;
        if (mahasiswa.getNim().isEmpty() || mahasiswa.getNim() == null) {
            Message.errorMessage("NIM harus diisi");
        } else if (mahasiswa.getNama().isEmpty() || mahasiswa.getNama() == null) {
            Message.errorMessage("Nama harus diisi");
        } else if (mahasiswa.getJenisKelamin().isEmpty() || mahasiswa.getJenisKelamin() == null) {
            Message.errorMessage("Jenis Kelamin harus diisi");
        } else if (mahasiswa.getAlamat().isEmpty() || mahasiswa.getAlamat() == null) {
            Message.errorMessage("Alamat harus diisi");
        } else if (mahasiswa.getKelas().isEmpty() || mahasiswa.getKelas() == null) {
            Message.errorMessage("Kelas harus diisi");
        } else {
            isValid = true;
        }
        return isValid;
    }
}
Controller-controller tadi dipanggil di view. Misal ketika buttonLogin yang ada di PanelLogin diklik, codenya seperti ini.
1
2
3
4
5
...
    private void buttonLoginActionPerformed(java.awt.event.ActionEvent evt) {
        controller.login();
    }
...
Kalo di PanelEntry codenya jadi seperti ini…
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
...
 
    private void buttonInsertActionPerformed(java.awt.event.ActionEvent evt) {
        controller.insert();
    }
 
    private void radioButtonPerempuanActionPerformed(java.awt.event.ActionEvent evt) {
        buttonGroupJK.setSelectedText(evt.getActionCommand());
    }
 
    private void radioButtonLakiActionPerformed(java.awt.event.ActionEvent evt) {
        buttonGroupJK.setSelectedText(evt.getActionCommand());
    }
 
    private void buttonNewActionPerformed(java.awt.event.ActionEvent evt) {
        controller.clear();
    }
 
    private void buttonLoadActionPerformed(java.awt.event.ActionEvent evt) {
        controller.getByNim();
    }
 
    private void buttonUpdateActionPerformed(java.awt.event.ActionEvent evt) {
        controller.update();
    }
 
    private void buttonDeleteActionPerformed(java.awt.event.ActionEvent evt) {
        controller.delete();
    }
...
Terlihat code di view akan lebih rapi.
Selesai sudah pembuatan program data entry mahasiswa ini. Sekarang coba kita jalankan…
Masuk menggunakan username: admin, password : admin
Jika berhasil maka anda akan masuk ke form entry.
Sekarang coba untuk insert suatu data. Misalkan kita isi seperti ini.
Maka dapat dilihat kalau validasi yang kita buat telah berhasil.
Jika datanya telah lengkap, maka hasilnya seperti ini.
Sekarang coba cek di database, apakah datanya benar-benar telah masuk.
Di netbeans, masuk ke Service Window. Klik kanan table mahasiswa > View Data untuk melihat data mahasiswa.
Jika datanya muncul seperti di bawah ini, berarti proses insert tadi telah berhasil.
Silahkan dicoba untuk fungsi yang lainnya.
Jika ada pertanyaan, silahkan kontak saya. Kurang lebihnya saya mohon maaf. Terima kasih.
Semoga bermanfaat. Enjoy Java!
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)