Membuat Form Login di Java Netbeans
Asaaalamu'alaikum Warahmatullahi Wabarakatuh
Pada sesi ini saya akan membuat Form Login dimana form login ini akan menjadi class utama saat aplikasi ini kita jalankan. Tahap awal adalah buat tampilan menu login di . inti tampilan dari form login ini terdiri dari satu panel, logo, dua buah label, dua buah text_field dan dua buah tombol. Yang perlu diperhatikan adalah kita harus biasakan mengubah variabel dari proterti yang kita buat, seperti text_field username kita akan rubah variabelnya menjadi txtUsername , dan text_field password kita rubah menjadi txtPassword. tujuannya adalah agar kita lebih mudah untuk menemukan dan menempatkan kode baris.
1. Pertama-tama kita buat dulu Jframe buat form login Klik kanan di package tampilan -> New -> JFrame Form, maka akan tampil langkah berikutnya. Pada kotak nama kelas beri nama “login”. kemudian klik selesai.
2. Selanjutnya pada tab design di form ambil Panel dari palette Swing Containers klik Panel, tahan dan geser ke daerah bagian design form login dan sesuaikan ukurannya dengan JFrame.
3. Klik kanan pada panel -> Properties (posisi paling bawah) -> Pada bagian background klik tombol [...] kemudian pilih warna kesukaan anda, klik OK, dan Close properties.
4. Selanjutnya Tarik dan tempatkan Tiga Label, kolom teks dua dan tombol dua sesuai gambar berikut.
5. Untuk jlabel3 kita akan memasang icon, klik kanan di jlabel3 -> klik properties -> pada bagian teks hapus/kosongkan -> dan pada bagian icon -> klik tombol [...] -> maka muncul pilihan dimana kita akan mengambil icon nya -> pada kasus ini saya sudah copy icon ke package gambar -> dan pilih nama icon nya -> jika sudah klik OK.
6. Kemudian Kita rubah text jlabel1 menjadi “Username” -> jlabel2 menjadi “Password” -> jbutton1 menjadi “Login” -> jbutton2 menjadi “Cancel” -> jTextField1 & jTextField2 (dikosongkan).
7. Selanjutnya kita akan mengubah Variable dari text field dan tombol dengan cara klik kanan -> Change Variable Name -> Rubah variable untuk jTextField1 menjadi “txtUsername” -> jTextField2 “txtPassword” -> jbutton1 menjadi “btnLogin” -> jbutton2 “btnCancel” .
9. Buat source code dibawah ini didalam metode btnLoginActionPerformed. Jika muncul pesan untuk mengadopsi class –> klik OK.
akn mengaktifkan tombol login, klik kanan di btnLogin -> Events -> Action -> actionPerformed.
Demikianlah pada tutorial serta pemeblajaran kali ini, sekian terima kasih.
Wassalamu'alaikum Wrahmatullahi Wabarakatuh.
Komentar
Posting Komentar