Pada artikel kali ini kita akan membahas tentang membuat login form pada visual studio.
Pertama kita buat buat new project terlebih dahulu. kemudian pada form1, kita ke bagian properties kemudian rubah text pada bagian properties menjadi Login. seperti pada gambar 1 dibawah.
 |
| Gambar 1 : Login Form |
Selanjutnya kita masukkan 2 unit label, kemudian rubah Text pada bagian properties, untuk label1 rubah menjadi User dan untuk label2 menjadi Password. seperti pada gambar 2 dibawah.
 |
| Gambar 2 : label |
Lalu ambil 2 unit Text box dan letakkan pada di sebelah label yang sudah di buat sebelumnya, letakkan seperti pada gambar 3 dibawah.
 |
| Gambar 3 : Textbox |
Kemudian untuk langkah selanjutnya ambil 2 unit Button, kemudian rubah Text pada bagian properties, untuk Button1 menjadi Login dan untuk Button2 menjadi Keluar. Letakkan seperti pada gambar 4 dibawah.
 |
| Gambar 4 : Button |
Kemudian klik 2 kali pada Button Keluar, lalu ketikkan coding seperti pada gambar 5 dibawah.
 |
| Gambar 5 : Button keluar |
Kemudian kita akan menambahkan form baru untuk menampilkan hasil dari login. dengan cara pada menu bar klik project. pilih Add Form (Windows form), kemudian klik Add. seperti pada gambar 6 dan 6.1 dibawah.
 |
| Gambar 6 : Project menubar |
 |
| Gambar 6.1 : Add |
Pada form 2, selanjutnya kita ke bagian properties kemudian rubah text pada bagian properties menjadi Main form. seperti pada gambar 7 dibawah.
 |
| Gambar 7 : Main Form |
Letakkan 1 unit label, selanjutnya rubah text pada properties label1 menjadi "Welcome user", kalian bisa menulis apa saja pada bagian ini, kalian juga bisa mengubah ukuran dan warna tulisan Label pada bagian properties. seperti pada gambar 8 dibawah.
 |
| Gambar 8 : Welcome User |
Kembali ke Form1 atau Login Form, klik 2 kali pada Button Login, lalu ketikkan coding seperti pada gambar 9 dibawah.
 |
| Gambar 9 : Button Login |
Setelah semua dilakukan klik start pada menu bar bagian atas. Seperti pada gambar 10.
 |
| Gambar 10 : Start |
Maka hasil akan seperti gambar - gambar dibawah.
 |
| Gambar 11 : Login Form |
 |
| Gambar 12 : Masukkan username dan password |
 |
| Gambar 13 : Login berhasil |
 |
| Gambar 14 : Login gagal |
 |
| Gambar 15 : Keluar |
Pada gambar 15 apabila klik yes maka aplikasi akan otomatis tertutup atau berhenti, namun apabila klik no maka akan kembali ke Login Form.
Demikian untuk artikel visual studio 2019 kali ini. maaf apabila ada salah salah kata terima kasih.
0 komentar:
Post a Comment