Membuat Form Login Sederhana Dengan Microsoft Visual Studio 2003

Saya akan memberikan tutorial Membuat Form Login Sederhana Dengan Microsoft Visual Studio 2003. Sebelumnya akan saya jelaskan sedikit tentang Microsot Visual Studio.

Microsoft Visual Studio merupakan sebuah perangkat lunak lengkap (suite) yang dapat digunakan untuk melakukan pengembangan aplikasi, baik itu aplikasi bisnis, aplikasi personal, ataupun komponen aplikasinya, dalam bentuk aplikasi console, aplikasi Windows, ataupun aplikasi Web. Visual Studio mencakup kompiler, SDK, Integrated Development Environment (IDE), dan dokumentasi (umumnya berupa MSDN Library). Itulah sedikit penjelasan tentang Microsoft Visual Studio.

Nah selanjutnya untuk membuat form login sederhana ikuti langkah-langkah berikut :

1.      Klik start > all programs > Microsoft Visual Studio .NET 2003 > Microsoft Visual Studio .NET 2003

2.      Klik file > New > Project atau dengan menekan tombol ctrl+shift+n di keyboard

3.      Setelah itu pilih Visual Basic Project > Windows Application ganti nama dan tempat menyimpan project jika diperlukan atau biarkan default dan klik OK

4.      Nah kita sudah mendapatkan form,

selanjutnya tambah kan Label “Username/ID” dan “Password” dengan cara :

·         Klik icon ( Toolbox ) lalu klik “Label” dan drag ke form.

·         Kemudian ganti nama label dengan klik label tersebut lalu pada bagian Properties > Appearance > Text ganti menjadi Username/ID atau apapun sesuai keinginan anda. Lakukan cara ini untuk membuat tulisan "Password".

5.      Selanjutnya tambahkan TextBox untuk memasukan data username/id dan password. Caranya hampir sama dengan menambahkan label yaitu

·         klik icon lalu klik dan drag “TextBox” ke form

·         dan kosongi nama TextBox pada bagian Properties > Appearance > Text.

6.      Kemudian tambahkan button login. Caranya :

·         Klik icon lalu klik dan drag “Button” ke form.

·         Dan ganti nama dan font button di bagian Properties > Appearance.

·         Atau anda dapat juga dapat memasukan gambar pada Button dengan cara klik pada bagian Properties > Appearance > BackgroundImage dan pilih gambar yang sesuai lalu klik “open”.

7.      Nah kita sudah mendapatkan form login sederhana. Untuk mencoba menjalankan form tersebut klik tombol ( Debug ).

Selanjutnya kita akan mendesain form yang sudah kita buat agar tampilanya lebih menarik. Sebelumnya close dulu form yang sudah kita jalankan tadi

·         Pertama kita akan mengganti background form. Anda bisa menganti warna background form dengan klik form terlebih dahulu dan pada bagian Properties > Appearance > BackColor atau anda ingin mengganti background dengan gambar dengan klik pada bagian BackgroundImage lalu klik gambar yang akan kita jadikan background dan klik “open”.

·         Selanjutnya kita akan mengganti nama form. Pada bagian Properties > Appearance > Text ganti sesuai dengan kinginan anda.

·         Kita juga dapan mengganti icon form pada bagian Properties > Window style > Icon dan klik pilih gambar icon ( format gambar harus .ico ) dan klik “open”.

akhirnya kita sudah membuat form login sederhana

Sekian sedikit tutorial dari saya. Terima Kasih. Maaf kalau amburadul, masih newbie.