Form Login Sederhana Dengan Java

8
Membuat Form Login Sederhana Dengan Java Setelah lama tidak memposting tulisan di blog ini, akhirnya saya kembali mencoba untuk berbagi sedikit pengalaman “Membuat Form Login Sederhana Dengan Java” dengan menggunakan IDE Netbeans 6.5 ( mungkin sekarang sudah mencapai versi 6.9 ). Sebelum saya menuliskan kode programnya, saya akan membahas mengenai program ini secara singkat, yaitu : program ini terdiri dari 3 file yaitu Main.java, LoginFrame.java dan UtamaFrame.java Main.java merupakan file utama yang akan dijalankan pertama kali Ketika file Main.java dijalankan, maka akan membuat object dari LoginFrame, sehingga tampil sebuah jendela Form Login Pengguna harus mengisi field Nama dan field password, jika nama dan passwordnya benar maka form Login akan disembunyikan dan object UtamaFrame akan ditampilkan Berikut ini langkah – langkah dalam pembuatan program diatas : Buka program IDE Netbeans Buat sebuah project baru → File New Project Pilih Java Application lalu klik Next seperti pada gambar diatas, sehingga akan muncul jendela baru

description

tutorial membuat form login sederhana dengan menggunakan java + IDE Netbeans tools bantu. dilengkapi dengan gambar - gambar pendukung.

Transcript of Form Login Sederhana Dengan Java

Page 1: Form Login Sederhana Dengan Java

Membuat Form Login Sederhana Dengan Java

Setelah lama tidak memposting tulisan di blog ini, akhirnya saya kembali mencoba untuk berbagi sedikit pengalaman “Membuat Form Login Sederhana Dengan Java” dengan menggunakan IDE Netbeans 6.5 ( mungkin sekarang sudah mencapai versi 6.9 ). Sebelum saya menuliskan kode programnya, saya akan membahas mengenai program ini secara singkat, yaitu :program ini terdiri dari 3 file yaitu Main.java, LoginFrame.java dan UtamaFrame.javaMain.java merupakan file utama yang akan dijalankan pertama kaliKetika file Main.java dijalankan, maka akan membuat object dari LoginFrame, sehingga tampil sebuah jendela Form LoginPengguna harus mengisi field Nama dan field password, jika nama dan passwordnya benar maka form Login akan disembunyikan dan object UtamaFrame akan ditampilkanBerikut ini langkah – langkah dalam pembuatan program diatas :Buka program IDE NetbeansBuat sebuah project baru → File – New Project

Pilih Java Application lalu klik Next seperti pada gambar diatas, sehingga akan muncul jendela baru

Page 2: Form Login Sederhana Dengan Java

Ganti nama project dengan Login lalu klik FinishTunggu sebentar sampai Netbeans membuat sebuah project baru dengan nama Login seperrti gambar dibawah ini

Page 3: Form Login Sederhana Dengan Java

Membuat LoginFrame.java, klik kanan pada package login, pilih New - jFrameForm

Ubah nama frame menjadi LoginFrame, lalu kik Finish

Dengan cara yang sama buat pula UtamaFrameBuat merancang tampilan LoginFrame seperti ini

Page 4: Form Login Sederhana Dengan Java

Untuk membuatnya saya menggunakan 3 jLabel, 1 jTextField, 1 jPasswordField dan 1 jButton Kemudian ubah tulisannya dengan cara klik kanan pada komponen lalu klik edit text atau untuk jLabel cukup dengan dobel klik lalu ketikkan kata baru sehingga menjadi seperti ini

Page 5: Form Login Sederhana Dengan Java

Mengubah nama variabel dari jTextField1 menjadi Nama dan jPasswordField1 menjadi Password serta jButton1 menjadi Login dengan cara klik kanan pada komponen lalu pilih Change Variable Name. Hal ini dilakukan untuk mempermudah pada saat menentukan aksi yang dijalankan oleh komponen tersebut

Menentukan aksi pada field Nama dan Password agar ketika tombol Enter ditekan secara otomatis cursor akan berpindah ke field selanjutnya yaitu dengan memanfaatkan event keypress, perhatikan gambar berikut

sehingga muncul tampilan kode program, lalu tambahkan kode yang tercetak tebal private void NamaKeyPressed(java.awt.event.KeyEvent evt) { if(evt.getKeyCode() == evt.VK_ENTER) Password.requestFocus(); }Lakukan hal yang sama pada field Password, namun tambahkan kode yang tercetak tebal berikut ini :

Page 6: Form Login Sederhana Dengan Java

private void PasswordKeyPressed(java.awt.event.KeyEvent evt) { if(evt.getKeyCode() == evt.VK_ENTER) Login.doClick(); }Lalu klik 2 kali pada komponen jButton Login dan tambahkan kode yang tercetak tebal berikut ini private void LoginActionPerformed(java.awt.event.ActionEvent evt) { String user = "cakpandi"; String pass = "123456"; if(user.equalsIgnoreCase(Nama.getText()) && pass.equalsIgnoreCase(Password.getText())){ this.setVisible(false); new UtamaFrame().setVisible(true); } else { javax.swing.JOptionPane.showMessageDialog(null,"kombinasi nama dan password salah"); Nama.setText(""); Nama.requestFocus(); Password.setText(""); } }Buatlah tampilan untuk UtamaFrame dengan menggunakan jLabel seperti gambar ini

Page 7: Form Login Sederhana Dengan Java

Kemudian tambahkan kode yang tercetak tebal ini pada file Main.java public static void main(String[] args) { new LoginFrame().setVisible(true); }}Sekarang kita coba menjalankannya tekan F6 atau tanda segi tiga berwarna hijau, bila tidak ada kesalahan akan tampil seperti dibawah ini :

Ketikkan nama = cakpandi dan passwordnya = 123456, maka akan muncul jendela UtamaFrame

Bila nama atau password yang dimasukkan salah maka akan muncul peringatan

Page 8: Form Login Sederhana Dengan Java

Demikian sedikit ilmu yang bisa saya share, semoga bermanfaat !Source code dapat didownload http://www.ziddu.com/download/13012792/LoginBaru.rar.htmlatau kunjungi http://asligresik.wordpress.com/2010/12/18/form-login-sederhana-dengan-java/