Login Form sederhana dengan VB.NET

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Blog-Hidayru - Hello sobat, pada tutorial kali ini kita akan membahas bagaimana membuat Login Form sederhana dengan VB.NET. Tentunya sobat sering menemukan situs-situs yang meminta kita untuk memasukkan Username dan Password seperti misalnya pada situs jejaring social Twitter. Nah, olehkarena itu, pada tutorial kali ini diharapkan anda dapat memahami bagaimana sih cara kerjanya?

Sederhananya proses dari sebuah login yaitu, Pertama anda harus registrasi terlebih dahulu. Setelah anda mendapatkan akun tersebut, barulah anda memasukkan Username dan Password yang didapat.Saat men-Klik tombol Login maka program akan mecocokkan username dan password pada database nya. Setelah kedua-duanya cocok barulah anda dapat memasuki kawasan tersebut : )

Tahap I : Designing User Interface

Buatlah Project dengan nama yang kamu inginkan, dibawah ini merupakan design UI pada Form Login. Disini saya menggunakan 1 Button, 2 TextBox, 1 GroupBox, 1 ProgressBar, dan 1 Timer.

Gambar 1.1

Seteah itu, kita akan menambahkan Form lainnya untuk memastikan, keberhasilan suatu Login.Tambahkan Form lainnya dengan cara pada Menu Bar > Project > Add Windows Form. Lalu berilah nama pada form tersebut. Kembalilah pada Form utama.

Tahap II : Coding

Pertama, kita akan memberikan kode pada Event Form Load. klik dua kali pada form utama anda dan ketikkan kode dibawah ini :

Private Sub LoginForm_Load(sender As Object, e As EventArgs) Handles MyBase.Load
        'ROUTINE INI DIJALANKAN SAAT APLIKASI DIJALANKAN

        PasswordTextBox.PasswordChar = "*" 'ATUR KARAKTER PASSWORD
        Me.StartPosition = FormStartPosition.CenterScreen 'MUNCULKAN DI TENGAH LAYAR

    End Sub

Kedua, berikan kode dibawah ini pada Event Click pada Login Button. Untuk mengakses default event nya, klik dua kali pada button tersebut.

Private Sub LoginButton_Click(sender As Object, e As EventArgs) Handles LoginButton.Click
        'ROUTINE INI DIJALANKAN SAAT LOGIN BUTTON DI CLICK

        Dim strUsername As String = "Hidayru" 'VARIABLE PENYIMPAN USERNAME
        Dim strPassword As String = "Suikoden2" 'VARIABLE PENYIMPAN PASSWORD

        'PADA SAAT KEDUA KONDISI YAKNI USERNAME DAN PASSWORD TERPENUHI
        If UsernameTextBox.Text = strUsername And PasswordTextBox.Text = strPassword Then
            LoadingTimer.Start() 'JALANKAN TIMER

        Else 'JIKA KEDUA KONDISI TIDAK TERPENUHI
            MessageBox.Show("Username atau Password tidak valid!", "Merengut", MessageBoxButtons.OK, MessageBoxIcon.Error) 'TAMPILKAN PESAN

        End If

    End Sub

Langkah terakhir klik 2 kali pada LoadingTimer untuk mengakses Event Tick nya, lalu berikan code dibawah ini.

Private Sub LoadingTimer_Tick(sender As Object, e As EventArgs) Handles LoadingTimer.Tick
        'ROUTINE INI DIJALANKAN SAAT TIMER BERDETAK

        LoadingProgressBar.Increment(1) 'TINGKATKAN PROPERTY VALUE PADA LOADING  
        If LoadingProgressBar.Value = LoadingProgressBar.Maximum Then 'JIKA VALUE LOADING TELAH MAXIMUM
            LoadingTimer.Stop() 'BERHENTIKAN TIMER  
            LoadingTimer.Dispose() 'MERELEASE SEMUA SUMBER TELAH DIGUNAKAN 
            UsernameTextBox.Clear() 'BERSIHKAN USERNAME
            PasswordTextBox.Clear() 'BERSIHKAN PASSWORD
            LoadingProgressBar.Value = 0 'ATUR ULANG VALUE PADA LOADING

            MessageBox.Show("Selamat anda berhasil login!", "Hidayru", MessageBoxButtons.OK, MessageBoxIcon.Information) 'TAMPILKAN PESAN
            UserForm.Show() 'TAMPILKAN FORM USER

        End If
End Sub

Tahap III :Testing

Setelah semua nya selesai pastikan kamu menyimpan Project nya dengan cara Ctrl +Shift + S, lalu tekan tombol F5 pada keyboard untuk Debugging. Nah dibawah ini merupakan hasil dari pembuatan aplikasi kali ini : )

Gambar 1.2

Selesai sudah tutorial kali ini, jangan sedih, Blog-Hidayru selalu baik, sebagai tambahan supaya lebih jelah, berikut proses kerja aplikasi nya.

• Memastikan Username dan Password  terisi oleh User saat tombol di Click.
• Memastikan Username dan Password sama dengan apa yang telah didefinisikan menggunakan    Variable.
• Jika kedua kondisi terpenuhi, gunakan Loading ProgressBar.
• Tampilkan Form lain dan mengosongkan Username dan Password.
•  Enjoy!!

 

Saya tambahin lagi nih, jika anda ingin melihat Source Code lengkapnya silahkan klik Disini. Jangan lupa klik iklan nya ya, agar mendukung kemajuan Blog-Hidayru dan ikuti Social Media saya untuk mendapat berbagai update tutorial-tutorial lainnya, Semoga bermanfaat ~ Fadli Hidayatullah.