Selasa, 22 November 2011

Membuat menu form login sederhana di java

Beberapa waktu lalu saya pernah ditanya teman saya tentang bagaimana membuat sebuah validasi form login sederhana dengan menggunakan java...Nah, bagi kalian yang ingin tau juga bagaimana membuat menu form login di java, begini caranya :

1. buka netbeans kalian, bagi yang belum punya silahkan download disini

2. buat project baru

3. ikuti langkah berikut :


Kemudian next --> ketikan project name, kemudian Finish.
Buat JForm dengan mengikuti langkah berikut :

Beri nama classnya, kemudian finish. Kemudian buat JDialog Form seperti gambar berikut :


Sama seperti langkah sebelumnya, masukkan nama class-nya, kemudian Finish
Kemudian Desain JDialog Form seperti gambar berikut dengan menggunakan Palette yang ada disebelah kanan, bila tidak muncul bisa pilih pada toolbar-->window-->palette atau bisa dengan tekan kombinasi CTRL+Shift+8:

Ket :
username = JLabel
password = JLabel
kotak putih = textField( Username )
kotak putih = PasswordField ( Password )
Ok = JButton
Cancel = JButton
kotak warna biru = JPanel

kemudian ubah Variable namenya dengan cara :

Ket :
JLabel= user
JLabel= pass
textField = txtUser
PasswordField= txtPass
JButton = btnOK
JButton = btnBatal

Kalian juga bisa merubah2 komponen2 tersebut dengan mengklik salah satu komponen yang ingin dirubah pada pilihan properties, seperti gambar berikut :

Nah, setelah semuanya selesai..sekarang kita masuk ke proses validasinya..
double klik pada btnOK kemudian masukkan kode berikut :


if(txtUser.getText().equals("Admin")&& txtPass.getText().equals("Admin")){
JOptionPane.showMessageDialog(null,"Login Sukses");
formUtama in= new formUtama();// membuat sebuah object class
in.show();//memanggil class form utama dengan menggunakan object
this.setVisible(false);//form login akan tertutup
}
else{
JOptionPane.showMessageDialog(null,"Login Gagal","",2);
JOptionPane.showMessageDialog(null,"Username dan Password Invalid","",2);
txtUser.setText(null);//set nilai txtUser menjadi kosong
txtPass.setText(null);//set nilai txtPass menjadi kosong
}


dan masukkan kode berikut pada btnBatal :

txtUser.setText(null);//set nilai txtUser menjadi kosong
txtPass.setText(null);//set nilai txtPass menjadi kosong
this.setVisible(false);//form login akan tertutup


Kemudian pada nama Project kalian klik kanan-->properties-->Run--Browse--loginForm--Select Main Class--Ok



Kemudian tekan Shift+F6

bila sukses maka akan tampil seperti gambar dibawah ini :



Gimana?? mudah kan...hehe
kalian bisa download file projectnya disini

Semoga bermanfaat :)

0 komentar:

Posting Komentar

Selamat Datang di Blogku