Java : Membuat Form Login di RobzLabz Blog

Java : Membuat Form Login

Program ini hanya digunakan untuk sample saja, jadi kita dapat mengerti bedanya mengambil string yang ada di jTextField dan jPasswordField karena pengambilannya berbeda. Selanjutnya kita dapat membandingkan data yang kita miliki dengan data inputan. Jika benar maka login berhasil dan jika tidak maka login gagal. Terakir adalah belajar bagaimana menggunakan JOptionPane.showConfirmDialog untuk menampilkan pesan sebelum keluar.

Pada tutorial ini aku menggunakan NetBeans 7, maka bukalah aplikasi netbeans lalu click file - new project. Pada Category pilih java dan Project java Application. Click Next lalu click finish. Pada Package click new lalu pilih JFrameFrom

Membuat JFrameFrom

setelah membuat JFrameForm selanjutnya memberikan button text dan label ke dalam JFrameFrom

Memberi Button, Text, dan label

Okey, sekarang saatnya memberikan variable kepada beberapa object. Caranya click kanan pada object yang dituju lalu click Change variable name..

Set Variable Name

Jangan lupa mengubah variable name seperti diatas, kususnya untuk text field dan password field

1. Membaca Text Field dan Password Field

Ketika kita click pada button login maka kita akan memproses text dan password field dengan membaca isi dari text dan password yang di inputkan. Oke langkah pertama doubleclick pada login button (jika tidak bisa, click kanan pada button login Pilih Event - Action - ActionPerformed) lalu akan tampil tampilan seperti ini

private void btnloginActionPerformed(java.awt.event.ActionEvent evt) {                                         
// TODO add your handling code here:
}

lalu ketikan code seperti dibawah ini untuk mengambil isi dari text dan password field

String user = txtuser.getText();
String pass = String.valueOf(txtpass.getPassword());

Baris pertama digunakan untuk mengambil isi dari txtuser dengan cara txtuser.getText();. Sedangkan untuk Password field dilakukan dengan cara yang sedikit berbeda yaitu dengan String.valueOf(txtpass.getPassword());. Bila kamu menggunakan code txtpass.getText(); pada Password Field maka secara otomatis program memberitahu bahwa code kamu salah karena pengambilan isi dari Password Field tidaklah sama dengan TextField (Pada kali ini aku menggunakan NetBeans 7)

2. Membuat pernyataan benar atau salah dengan if condition

Pada metode ini kita akan menggunakan metode if untuk memastikan bahwa inputan sama dengan apa yang kita inginkan, namun sebelumnya kita harus membuat 2 variable yang akan di cek kesamaannya dengan variabel user dan pass. maka kita buat code berikut ini

String m_pass = "admin";
String m_user = "admin";

Nah, sekarang kita sudah punya variable yang akan dicek kesamaannya. maka jika kita memasukan kata admin pada textfield dan password field maka program akan memberi tahu bahwa login berhasil dan jika tidak maka program akan menampilkan gagal login. Oke, untuk if code bisa dilihat di bawah ini

    if (user.equals(m_user) && pass.equals(m_pass)) {
        //Benar                
    }else{
        // salah
    }

arti dari kode diatas adalah jika variable user sama dengan variable m_user dan variable pass sama dengan variable m_pass maka program akan meyatakan true dan menuju ke //benar jika tidak akan menuju ke //salah

karena pada code benar dan salahnya masihh berupa comment maka kita tidak dapat melihat hasil ketika program dijalankan, maka kita butuh menambahkan code showMessageDialog untuk menampilkan pesan bahwa login berhasil atau gagal

oke, code yang pertama akan kita buat adalah code menampilkan message box bahwa login berhasil

JOptionPane.showMessageDialog(null,"Anda berhasil masuk", "Sukses", JOptionPane.INFORMATION_MESSAGE);

selanjutnya kita membuat code untuk menampilkan bahwa login gagal

JOptionPane.showMessageDialog(null,"Gagal masuk", "Gagal", JOptionPane.ERROR_MESSAGE);

ini sedikit penjelasan menegenai showMessageDialog, untuk value pertama yang di isi adalah null, aku tidak tahu kenapa ^^, lalu yang kedua adalah pesan yang ditampilkan, yang ketiga adalah title messagebox tersebut dan yang ke empat adalah tipe dari message box

jadi code lengkap untuk btnlogin adalah

private void btnloginActionPerformed(java.awt.event.ActionEvent evt) {                                         
// TODO add your handling code here:
    String m_pass = "admin";
    String m_user = "admin";
    
    String user = txtuser.getText();
    String pass = String.valueOf(txtpass.getPassword());
    
    if (user.equals(m_user) && pass.equals(m_pass)) {
        JOptionPane.showMessageDialog(null,"Anda berhasil masuk", "Sukses", 
                JOptionPane.INFORMATION_MESSAGE);
    }else{
        JOptionPane.showMessageDialog(null,"Gagal masuk", "Gagal", 
                JOptionPane.ERROR_MESSAGE);
    }
}

hasil JOptionPane.showMessageDialog

OK. Sebenarnya kita sudah berhasil, tapi button cancel belum berfungsi dengan baik

3. Memfungsikan button cancel lengkap dengan showConfirmDialog

oke, untuk button cancel kita akan membuat tampilan yes no quesion seperti gambar dibawah ini

Hasil JOptionPane.showConfirmDialog

caranya simple, hampir sama dengan btnlogin tadi yaitu mulai dengan double click pada button cancel dan kamu akan mendapatkan code

private void btncancelActionPerformed(java.awt.event.ActionEvent evt) {                                          
// TODO add your handling code here:

}

tambahkan code dibawah ini untuk melengkapinya dengan ConfirmDialog

    if (JOptionPane.showConfirmDialog(null,"Yakin Keluar?", "Yakin?", JOptionPane.YES_NO_OPTION) == JOptionPane.YES_OPTION) {
        System.exit(0);
    }

maksut dari code diatas adalah, JOptionPane.showConfirmDialog adalah menampilkan dialog konfirmasi lalu YES_NO_OPTION adalah tipe dari button yang ada di Confirm dialog. lalu System.Exit (0); adalah untuk mengakhiri program

Untuk lebih jelasnya, Jika Yes dipilih maka keluar aplikasi dan jika No dipilih maka program tidak akan melakukan apa apa. Hmm... ini adalah full code untuk btncancel

private void btncancelActionPerformed(java.awt.event.ActionEvent evt) {                                          
// TODO add your handling code here:
    if (JOptionPane.showConfirmDialog(null,"Yakin Keluar?", "Yakin?", JOptionPane.YES_NO_OPTION) == JOptionPane.YES_OPTION) {
        System.exit(0);
    }
}