Sabtu, 23 November 2013

C# : membuat login pada csharp

nah setelah kita belajar mengetahui tentang GUI, waktunya kita membuat aplikasi berbasis form (GUI). pada artikel ini, kita akan belajar caranya membuat form login. untuk melakukan login, kita membutuhkan 3 buah label, 2 buah textbox, dan 1 buah combobox serta 1 buah button untuk mengeksekusi codenya

untuk lebih jelasnya, yuk dibaca selengkapnya.



1. buatlah project Windows Form Application dengan nama bebas keinginanmu. kemudian masuk ke tab design, dan tambahkan 3 buah label, 2 buah textbox, 1 combobox dan 1 button tadi ke dalam button. hasilnya seperti dibawah ini
kemudian kita lakukan konfigurasi sebagai berikut
  • untuk password kita tidak ingin characternya terbaca, sehingga kita harus ubah character input menggunakan simbol tertentu (misalnya #)
  • memasukkan item ke dalam combobox (admin,supervisor)
  • pada saat form terbuka, combobox harus menyajikan salah satu item (admin)
  • memberikan validasi apabila textbox kosong, meminta user untuk menginput textbox
maka, untuk mengubah password, kita klik pada textbox untuk password, kemudian menuju properties (jika belum tahu dimana letaknya properties bisa belajar lagi disini) kemudian pada kolom PasswordChar isikan simbol yang diinginkan (saya menginput "#")

kemudian memasukkan item ke dalam combobox, dengan mengklik combobox pada form, kemudian pada kolom Items klik button ... yang tersedia, kemudian kita masukkan role yang diinginkan seperti gambar dibawah, dan tekan OK

sekarang, kita waktunya untuk memasukkan code yang dijalankan ketika button login di klik. caranya adalah dengan mengklik button login pada tab design dan akan tampil seperti gambar dibawah. dan waktunya untuk kita membuat fungsi login()

untuk login dibutuhkan parameter username password role, maka kita akan membuat fungsi login seperti dibawah ini
sekarang fungsi login() telah selesai. waktunya membuat fungsi validasi apabila textbox kosong. kita akan membuat fungsi isEmpty() seperti gambar dibawah ini
sekarang validasinya sudah selesai, waktunya memasukkan kedua fungsi tersebut ke dalam code button tadi seperti dibawah ini


kemudian jika kita memasukkan inputan sebagai berikut
  • Username : belajaraja
  • Password : blogspot
  • Role : admin
akan menghasilkan gambar seperti dibawah ini
jika kita tidak memasukkan apa apa (dikosongkan) dan langsung mengklik login, maka akan tampil seperti berikut
kemudian, jika kita memasukkan inputan sebagai berikut sesuai yang fungsi login()
  • Username : belajarcsharp
  • Password : blogspot
  • Role : admin
maka akan menghasilkan gambar seperti dibawah ini :
nah. kita telah belajar tentang cara membuat login (tanpa database) dengan menggunakan form. Jika ada pertanyaan, comment aja dibawah atau di fanpage kami di http://facebook.com/belajarcsharpdiblogspot

Tidak ada komentar:

Posting Komentar