Tutorial C# : Membuat Form Login Admin Dan User Di Visual Studio 2017 (SQL Server)


Membuat form user login mungkin bisa dibilang sangat penting bagi yang ingin programnya dipakai oleh banyak orang dan sehingga kita bisa mendata pengguna tersebut dengan mudah. Mulai dari Nama pengguna, alamat pengguna, username, password, dan lain lain.

Google, situs yang paling banyak pengunjungnya dan paling banyak penggunanya. Google ini mempunyai semua data-data penggunanya bahkan sampai mengetahui apa yang dilakukannya selama ia di internet. Inilah salah satu kelebihan dan keunggulan dari fitur login, dapat mengetahui siapa yang melakukan suatu aktifitas tertentu yang dilakukan oleh user tersebut.

Lalu bagaimana dengan register? Untuk mendapat hak akses user, seseorang harus mendaftarkan diri terlebih dahulu untuk menjadi salah satu pengguna didalam aplikasi tersebut. Kalau tidak ada form register, pastinya orang tidak akan bisa mendapatkan hak akses user dengan bebas dan untuk mendapatkan hak akses tersebut harus melalui admin (pemilik database) tersebut. (baca : Tutorial Membuat Form Register Dengan C# Di Visual Studio)



Langsung saja simak baik-baik tutorial membuatnya dibawah ini :)

Persiapan : Bahan
  • Visual Studio 
  • PC
Yang akan dibuat :
  • Database user
  • Form Login
  • Form Panel User

Langkah pertama : Buat database di Visual Studio / SQL SERVER

Untuk membuat database di visual studio, cukup jalankan source code dibawah ini didalam query yang disediakan Visual Studio (baca selengkapnya : Tutorial Membuat Database Di Visual Studio)

use login;

create table users(
username varchar(30) not null primary key,
password varchar(30) NOT NULL,
status varchar(30) not null,
) ;

insert into users values('admin','admin','admin');
insert into users values('user','user','user');


Dari sini kita sudah membuat tabel users yang berisi username, password, dan status. Masing masing field ini sudah diisi dengan values admin dan user agar nanti kita dapat melakukan percobaan login user ataupun admin.


LANGKAH KEDUA : MEMBUAT DESAIN FORM LOGIN
Lalu buatlah project baru Windows Forms dengan menekan CTRL + SHIFT + N dan berilah nama project tersebut

Dari form ini kita akan membuat desain dari form loginnya terlebih dahulu, terserah anda mau kayak gimana desainnya.

Keterangan form login:
Tools
Name
Text
Label
Label1
Login
Label
Label2
Username
Label
Label3
Password
TextBox
txtUsername

TextBox
txtPassword

CheckBox
checkBox1
Remember me
Button
btnLogin
Login
Button
btnRegister
Register

Jangan lupa, mengubah nama dan text dari toolsnya itu penting, karena jika tidak diganti akan berakibat fatal.

LANGKAH KETIGA : KONFIGURASI DATABASE
Setelah membuat desainnya, kita akan melakukan konfigurasi pada database agar form loginnya bisa terhubung ke database tersebut. Konfigurasi database ini hanya dilakukan satu kali dalam 1 project, jadi tidak usah melakukannya berkali kali. Lakukan cara ini :

Data source=(localdb)\MSSQLLocalDB; initial catalog=login; user id=; password=; integrated security=true;

PENJELASAN
Data source
Nama server yang memiliki database yang ingin dikoneksikan
Initial catalog
Nama database
User id
username untuk hak akses pada database

password
Password untuk hak akses pada database

Setelah itu include database sql dan buat deklarasi fungsi variabel dibawah public partial class Form1 : Form di form login tersebut.

Dengan ini kita sudah terhubung ke database. Selanjutnya adalah mengisi source code didalam button LOGIN agar saat buttonnya dipencet bisa langsung memproses perintah tersebut.

LANGKAH KEEMPAT : BUAT 2 FORM LAGI, FORM ADMIN DAN FORM USER
Setelah itu kita akan membuat 2 form lagi yang berfungsi agar membedakan yang mana user yang mana admin. Jika seseorang login sebagai admin maka akan mengalihkan ke form admin. Dan sebaliknya jika seseorang login sebagai user maka akan masuk ke form user. 

Buat form user

Buat form admin


Inilah tampilan dari admin.cs dan user.cs

Penasaran kan bagimana caranya membedakan yang mana user yang mana admin saat login? Simak baik baik langkah-langkah dibawah ini.

LANGKAH KELIMA : MENGISI SOURCE CODE PADA BUTTON LOGIN
Klik 2x pada button login

Lalu isilah source code seperti berikut ini

 if (txtUsername.Text == "" || txtPassword.Text == "")
            {
                MessageBox.Show("Please fill the username or pssword");
                txtUsername.Focus();
            }
            else
            {
                koneksi.Open();
                SqlCommand cmd = new SqlCommand("select username,password,status from users where username='" + txtUsername.Text + "' AND password='" + txtPassword.Text + "'", koneksi);
                SqlDataAdapter DA = new SqlDataAdapter(cmd);
                DataTable dt = new DataTable();
                DA.Fill(dt);

                if (dt.Rows.Count > 0)
                {
                    foreach (DataRow dr in dt.Rows)
                    {
                        if (dr["status"].ToString() == "admin")
                        {
                            MessageBox.Show("Login Success! Welcome Administrator!");
                            admin admin = new admin();
                            admin.Show();
                            this.Hide();
                            koneksi.Close();
                        }
                        else if (dr["status"].ToString() == "user")
                        {
                            MessageBox.Show("Login Success! Welcome User!");
                            user user = new user();
                            user.Show();
                            this.Hide();
                            koneksi.Close();
                        }
                    }
                }
            }


Selesai ! Sekarang coba jalankan dan lihat hasilnya

Masukan Emailmu Untuk Menjadi Visitor Premium Abida Massi

0 Response to "Tutorial C# : Membuat Form Login Admin Dan User Di Visual Studio 2017 (SQL Server)"

Post a Comment