MEMBUAT FORM LOGIN INTERAKTIF DENGAN VISUAL

C# DAN DATABASE SQL SERVER

Form login merupakan satu form yang sangat penting dalam sebuah sistem
informasi yang berfungsi sebagai sarana otentifikasi bagi pengguna yang akan
menggunakan sistem informasi yang kita buat. User atau pengguna yang akan
menggunakan sistem tersebut sebelumnya harus terdaftar didalam database
sehingga ketika si pengguna melakukan login sistem akan men-direct sipengguna
ke form main.
1.1. Membuat Database
Sebelum melangkah pada tahap coding dengan c#, kita perlu
mendesain database yang berfungsi sebagai wadah penampung daftar
pengguna, buatlah sebuah tabel users dengan tahapan sebagai berikut:
Jalankan SQL Server Manajement Studio anda dan pilih server
database kemudian klik connect

Gambar 1. 1. Melakukan koneksi pada SQL Server

Tahap selanjutnya adalah membuat database dan sebagai contoh

dalam tutorial ini saya memberi nama database saya dengan nama Latihan,

Membuat Form Login dengan C# dan Database SQL Server

caranya dengan melakukan klik kanan pada folder database dan pilih New
Database, beri nama database anda selebihnya biarkan default.
Tahapannya seperti yang terlihat pada gambar berikut:

Gambar 1. 2. Memberi nama database

Berikut adalah tampilan nama database yang telah berhasil kita

buat, selanjutnya adalah membuat tabel users, caranya kilik kanan folder
Table kemudian pilih New Table dan isilah kolom dan tipe database anda
seperti yang terlihat pada gambar

Membuat Form Login dengan C# dan Database SQL Server

 Gambar 1. 3. Tampilan nama database

Gambar 1. 4. Mengisi fiel tabel dan data type

Setelah nama kolom diisi dan type datanya ditentukan, kemudian

simpan database anda dengan nama users

Gambar 1. 5. Memberi nama tabel database

Membuat Form Login dengan C# dan Database SQL Server

 Tahap selanjutnya adalah mengisi data pengguna pada tabel
database, caranya adalah dengan memilih new query pada jendela SQL
Server anda dan ketikkan perintah seperti yang terlihat pada gambar.

Gambar 1. 6. Mengisi data pada tabel users

1.2. Membuat Form Login

Selanjutnya kita akan melanjutkan pada tahap pengokodean
dimana pada tahap ini kita akan membuat antarmuka form login dimana
ketika pengguna berhasil login, system akan men-direct pengguna ke form
main. Ok langsung saja jalankan visual studio anda klik start => All
Program => Microsoft Visual Studio 2010, tahapannya adalah sebagai
berikut:

Gambar 1. 7. Membuat project

Membuat Form Login dengan C# dan Database SQL Server
Pada menu file pilih new project pilih template visual c#, kemudian
windows form application, beri nama project anda FormLogin, pilih drive
dimana project akan anda simpan (misalnya di D atau E) kemudian klik
OK.
Kemudian buat lah sebuah form dengan object dan property sebagai
berikut:
Object Name Property
Form1 Text: Form Login
MaximizeBox: False
MinimizeBox: False
Label 1 User authentication
Label 2 Username
Label 3 Password
TextBox1 Name: textBoxUsername
TextBox2 Name : textBoxPassword
PasswordChar: *
Button1 Text: Login, Name: buttonLogin
Button2 Text: Cancel, Name: buttonCancel
PictureBox (Sesuaikan dengan selera anda)
Tabel 1. 1. Property form

Gambar 1. 8. Antarmuka form login

Pada textBoxUsername buatkan sebuah method untuk membatasi

karakter apa saja yang tidak dijinkan pada textbox username, caranya

Membuat Form Login dengan C# dan Database SQL Server

adalah pilih textBoxUsername, pada properties Event klik ganda pada
KeyPress:

Gambar 1. 9. Membuat event pada object

Ketikkan kode berikut:

private void textBoxUsername_KeyPress(object sender,
KeyPressEventArgs e)
{
string TidakDiijinkan = "~`@%^&+={[}]()!:,;'><?/|\\-.#+";
//karakter yang dijinkan adalah angka, huruf dan _ $ *)
if(e.KeyChar != ControlChars.Back == true){
if(TidakDiijinkan.IndexOf(e.KeyChar) == -1 == false){
e.Handled = true;
}
}
}

Lakukan hal yang sama pada pada textBoxUsername, Kodenya

sebagai berikut:
private void textBoxPassword_KeyPress(object sender,
KeyPressEventArgs e)
{
string TidakDiijinkan = "~`@%^&+={[}]()!:,;'><?/|\\-.#+";
//karakter yang dijinkan adalah angka, huruf dan _ $ *)
if (e.KeyChar != ControlChars.Back == true)
{
if (TidakDiijinkan.IndexOf(e.KeyChar) == -1 == false)
{
e.Handled = true;
}
}
}

Membuat Form Login dengan C# dan Database SQL Server

 Sebelum kita melanjutkan koding pada form login, tambahkan Sebuah
form MDIParent pada project anda, caranya adalah dengan melakukan klik kanan
pada project, pilih new item kemudian pilih MDI Parent Form, beri nama form
dengan MainForm dan klik Add. Langkah-langkahnya ditunjukan pada gambar:

Gambar 1. 10. Menambahkan form MDI Parent pada project

Tahap selanjtunya adalah hapus semua object default bawaan form MDI-nya
hingga tampilannya seperti berikut:

Membuat Form Login dengan C# dan Database SQL Server

 Gambar 1. 11. Tampilan from main

Kemudian klik kanan pada MainForm pilih view code, hapus semua method yang
terdapat didalamnya hingga yang tersisa adalah kode berikut:

namespace FormLogin
{
public partial class MainForm : Form
{
public MainForm()
{
InitializeComponent();
}
}
}

Sekarang kita kembali lagi ke form login, lakukan klik ganda pada button login
kemudian ketikkan kode berikut:
private void buttonLogin_Click(object sender, EventArgs e)
{
if (Strings.Len(Strings.Trim(textBoxUsername.Text)) == 0)
{

Membuat Form Login dengan C# dan Database SQL Server

 MessageBox.Show("Silahkan input username", "input error",
MessageBoxButtons.OK, MessageBoxIcon.Exclamation);
textBoxUsername.Focus();
return;
}
if (Strings.Len(Strings.Trim(textBoxUsername.Text)) == 0)
{
MessageBox.Show("Silahkan input username", "input error",
MessageBoxButtons.OK, MessageBoxIcon.Exclamation);
textBoxUsername.Focus();
return;
}
try
{
SqlConnection con = new SqlConnection("Data Source=FUJITSU-
PC\\SQLEXPRESS;Initial Catalog=Latihan;Integrated Security=True");
if (con.State == ConnectionState.Open)
{
con.Close();
}
con.Open();
SqlDataReader dr = null;
SqlCommand cmd = new SqlCommand();
cmd.CommandText = "select Username, Password, Nama_User
from Users where UserID=UserID";
cmd.Connection = con;
dr = cmd.ExecuteReader();
if (dr.Read())
{
if (textBoxUsername.Text == textBoxPassword.Text)
{
con.Close();
MainForm main = new MainForm();
this.Hide();
main.Show();
}
else
{
MessageBox.Show("password salah", "Input error",
MessageBoxButtons.OK, MessageBoxIcon.Exclamation);
con.Close();
textBoxPassword.Focus();
return;
}
}
else
{
MessageBox.Show("username salah", "input error",
MessageBoxButtons.OK, MessageBoxIcon.Exclamation);
con.Close();
textBoxUsername.Focus();
return;
}
}
catch (Exception ex)
{

Membuat Form Login dengan C# dan Database SQL Server

 MessageBox.Show(ex.Message, "Error", MessageBoxButtons.OK,
MessageBoxIcon.Error);
}
}

Kembali lagi ke form login kemudian lakukan klik ganda pada button cancel dan
ketikkan kode berikut:
private void buttonCancel_Click(object sender, EventArgs e)
{
System.Environment.Exit(0);
}

Nah sekarang jalankan program anda, jika tidak ada error maka seharusnya
setelah melakukan login sistem akan menampilkan form main.
OK... dengan demikian tutorial membuat form login denga Visual C# dan
database SQL Server saya akhiri, dan sampai jumpa pada tutorial berikutnya.

Membuat Form Login dengan C# dan Database SQL Server

 Biografi Penulis

Rosidin lahir di Bima 05 Februari 1987.

Menyelesaikan program S1 jurusan
teknik informatika di Sekolah Tinggi
Manajemen Informatika dan Komputer
(STMIK) Bani Saleh Bekasi pada tahun
2015. Senang mengutak-atik koomputer
khususnya yang berkaitan dengan
pemrograman. Keahlian, sedikit
mengerti beberapa bahasa
pemrograman, VB.Net, C#, PHP,
Database: MySQL, SQL Server dan MS
Access. Menyukai aktifitas berburu
dengan senapan angin sebab untuk bisa
mendapatkan hasil buruan diperlukan kesabaran dan ketekunan, sama halnya juga
dengan belajar bahasa pemrograman. Pernah bekerja pada PT. Sanghiang Perkasa
pada bagian admin Quality Assurance. Mempunyai motto hidup: “Mulailah
memahami hal yang sederhana agar tidak kaget ketika dihadapkan pada hal
yang rumit”.

Kritik dan saran: rosidinbima@gmail.com

Membuat Form Login dengan C# dan Database SQL Server