Selasa, 15 Juni 2021

Membuat Tampilan Login Dan Beranda Pada Netbeans

 Membuat Tampilan Login Dan Beranda Pada Netbeans 

Assalamualikum wr wb....

Hallo sahabat ngoding, Nah di artikel saya kali ini akan membagikan cara untuk membuat sebuah tampilan login dan beranda dengan menggunakan Netbeans dan menggunakan bahasa java swing berikut tampilan loginnya :

1. Tampilan Login

Nah, dari tampilan login program terdapart 4 menu yang ditampilkan yaitu nama pengguna, sandi pengguna, keluar, dan menu masuk, untuk membuatnya langsung saja lihat sourcode beserta penjelasan dibawah ini :
Langkah Pertama Untuk Membuat Tampilan Login :
a. Buka Netbeans kemudian pilih New Project dan isi nama projek nya.
b. Lalu kita buat dulu Jframe buat form login Klik kanan di package tampilan –> New –> JFrame Form, maka akan tampil step berikutnya. Pada kotak class name beri nama “login”. kemudian klik finish.
c. 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.

d. Selanjutnya Tarik dan tempatkan  Label,  text field dan button, dan lakukan pengeditan pada tampilan sesuai dengan keinginan dan kebutuhan. 

e. Setelah semuanya sudah selesai kemudian ganti variabel namanya pada setiap kolom atau tombol yang ada pada laman login dengan cara klik kanan > Change variable name> sesuaikan nama> ok
f. Setelah mengganti variabel name kemudian edit text kolom atau tombol tersebut  dengan cara klil kanan>pilik edit text> sesuaikan nama>ok. lakukan keseluruh tombol. Setelah semuanya selesai lanjut kebagian sourcode nya seperti gambar dibawah ini :
        coding Login 1
Penjelasan : 
a. Package latihankelasb digunakan untuk untuk memudahkan mengorganisir file dari class.
b. Public class login itu merupakan nama class 
c. Public login untuk membuka kelas login 
d. this.setExtendedState(JFrame.MAXIMIZED_BOTH);  fungsi syntax ini adalah membuat tampilan login nantinya menjadi full screen dan menggunakan this yang artinya meruju ke halamam ini atau halaman login inilah yang akan dijadikan full screen.
        Coding Login Ke 2



Penjelasan : 
a. kotak_pesan();
int dialogButton = JOptionPane.showConfirmDialog (null, "Apakah Anda Yakin Akan Keluar?","PERINGATAN",JOptionPane.YES_NO_OPTION,JOptionPane.WARNING_MESSAGE);
 Digunakan untuk menjelaskan tipe warning kotak dialog tersebut diberinama "PERINGATAN"   berupa apakah anda yakin akan keluar?  maka akan tampil pilihan yes atau no pada tampilannya
b. String dataku[]=new String [2]; menjelaskan bahwa dataku mengandung dua buah array 
c.  dataku[0]="Desi Nurfitriani"; Pada syntax ini digunakan array untuk menampung username yang akan digunakan untuk login
d. dataku[1]="251117"; Syntax ini digunakan untuk menampung password
e.  public void kotak_pesan_login() digunakan untuk membuat login
f. int dialogButton = JOptionPane.showConfirmDialog (null, "Nama Pengguna Atau Sandi Salah?","PERINGATAN",JOptionPane.WARNING_MESSAGE);
Digunakan untuk memberi peringatan bahwa jika terjadi kesalahan antara username dan password 

    Tampilan Beberapa Menu Login

Ini merupakan tampilan login yang memuat sebuah perintah apakah yakin keluar dari aplikasi tersebut, dan akan diberikan pernyataan yes atau no.
Pada gambar ini merupakan tampilan aplikasi setelah berhasil login.

2. Tampilan Beranda

Gambar diatas merupakan tambilan beranda , berikut merupakan penjelasan sourcodenya :

Pada gambar diatas merupakan sourcode dari beranda yang berfungsi untuk menampilkan layar full screen atau tampilan menjadi full screen dan mengandung atribut. 

Fungsi test = args[0] untuk Instruksi program dibawah berfungsi untuk menampilkan nama pengguna yang disimpan di variabel "test" yang ada di variabel "dataku" di indeks [0].

    cukup sekian penjelasan semoga bermanfaat dan dapat dimengerti 



~Semoga Dapat Membantu Terimakasih💓~