Hai kawan, akhirnya saya dapat memposting artikel di blog ini lagi setelah sekian lama tidak membagikan tutorial karena sudah semester atas yang dimana banyak sekali tugas dan laporan yang perlu dikerjakan dan tidak bisa menghandle blog ini untuk sesering dulu. Kembali ke topik utama yaitu Bagaimana cara membuat form login menggunakan Java Netbeans. Form Login yaitu form yang digunakan untuk membuat sebuah akses untuk masuk kedalam sebuah aplikasi. Pada tutorial cara membuat form login dengan java netbeans kali ini yaitu bersifat statis atau tanpa menggunakan database. Logikanya pada form login yang masih bersifat statis yaitu kita mampu mengatur default username dan password sesuai keinginan kita namun hanya ada satu saja, misal dengan username admin dan password admin. Dari pada kamu bingung mari kita coba praktekkan bersama, software yang digunakan tentu saja Java Netbeans, jika belum punya silahkan download pada website netbeans sendiri.
Pada desain form login ini sudah saya siapkan jika teman-teman ingin menggunakan aset dari saya, desain yang saya terapkan yaitu sudah menggunakan konsep UI Design dan Clean minimalist yang sudah saya buat menggunakan aplikasi desain Adobe XD. Untuk aset desain silahkan dapat di download pada link yang ada dibawah. Ikuti langkah-langkah berikut untuk membuat login menggunakan Java Netbeans.
1. Buka dan buatlah project baru pada Java Netbeans kemudian pilih Java Application dan pilih next
2. Pada
Project Name silahkan isi sesuai nama aplikasi yang akan anda buat, pada
Project location silahkan diubah ke direktori atau folder masing-masing, dan untuk
Create Main Class bisa di
uncheck
3. Buatlah sebuah
Package agar aplikasi yang dibuat nantinya terlihat rapi dengan cara klik kanan - New - Java Package dan beri nama View dan buatlah kembali package dengan nama Image. Jadi didalam aplikasi tersebut terdapat 2 Package yaitu View (Untuk Wadah Form) dan Image (Untuk Wadah Gambar atau Assets).
4. Masukkan Gambar yang sudah di download atau bisa menggunakan milik pribadi ke dalam package Image yang letaknya di dalam aplikasi yang sudah berada di folder
D:\Project\Tutorial Login Netbeans\Aplikasi\E-Perpustakaan\src\Image dan hasilnya akan seperti gambar dibawah ini.
5. Setelah gambar atau aset dimasukkan kemudian buatlah 2 buah JFrame pada Package View dan beri nama FormLogin dan FormUtama dan hasilnya seperti gambar dibawah ini
6. Tahap Desain Form Login, tarik dan letakkan label pada kotak JFrame FormLogin
7. Ubah label tadi dengan gambar background, kamu bisa menuju ke properties dan ubah pada bagian icon serta pilih package Image untuk memilih backgroundnya dan lakukan hingga membentuk desain seperti gambar dibawah ini. Pada JFrame kamu klik kanan - Set Layout - Absolute Layout yang fungsinya agar gambar dapat ditimpa diatas background.
Tambahan :
Pada Remember Me menggunakan Check Box
Pada bagian kolom username ditambahin Text Field untuk mengisikan text Username dan Password Field untuk text Password dan atur pada bagian properties untuk bagian toolTipText, Border dibikin No Border dan pada bagian Opaque hilangkan tombol centangnya.
8. Masuk ke tahap Coding, langkah pertama ganti Variable Text Field pada Username dan Password Field pada Password dengan klik kanan Change Variable Name, ubah jTextField1 menjadi txtUsername dan jTextField2 menjadi txtPassword serta tombol Sign In ubah jLabel5 menjadi btnLogin. Setelah itu berikan action event Mouse Clicked pada tombol Sign In dan akan langsung masuk untuk proses coding.
if(txtUsername.getText().equals("admin")) // Username dengan admin
{
if(txtPassword.getText().equals("admin")) // Password dengan admin
{
this.dispose();
FormUtama menu=new FormUtama(); // Menghubungkan FormLogin dengan FormUtama
menu.setVisible(true);
}else{
JOptionPane.showMessageDialog(null,"Incorrect Password","Error",JOptionPane.ERROR_MESSAGE);
txtPassword.setText("");
txtPassword.requestFocus();
}
}else{
JOptionPane.showMessageDialog(null,"User ID And Password is Invalid","Error",JOptionPane.ERROR_MESSAGE);
txtUsername.setText("");
txtPassword.setText("");
txtUsername.requestFocus();
}
9. Proses Pembuatan FormLogin telah selesai, silahkan coba untuk di jalankan.
