Minggu, 06 Oktober 2013

Praktikum ASP #4

#Design and Validation Form

Assalamualaikum.....
Kali ini saya akan membahas tentang membuat form dengan menggunakan Visual Studio.
Berikut langkah-langkahnya :

1. Buka Visual Studio anda. Klik pada File-New-Project. Pada Templates, piih 'Visual C#', lalu beri nama 'FormVal', pada 'Location' pilih sesuai keinginan, pada 'Solution Name' beri nama 'PraktikumASP4'. Klik OK.


2. Setelah itu, akan mucul kotak tempat mendesign form anda.

3. Ubah nama form menjadi 'Validation Form'. Caranya : klik kotak yang sebelumnya bernama Form1, lalu cari 'Text'. Ubah menjadi Validation Form. Lebih jelasnya perhatikan gambar berikut :


3. Tambahkan beberapa komponen dari toolbox : All Windows Forms -> Label, TextBox, Button, ProgressBar, ErrorProvider
Button, Error Provider, Label
ProgressBar, Text Box
Drag and Drop masing-masing komponen tadi ke kotak Validation Form. Atur menjadi seperti gambar dibawah ini :


4. Untuk background image, pada properties, cari BackgroundImage. Lalu Klik pada tombol kotak yang berisi titik-titik. Pilih local source, lalu klik import. Pilih gambar sesuai keinginan anda.


5. Beri penamaan pada masing-masing komponen yang telah anda pilih tadi. Pada Properties, cari '(Name)' lalu atur namanya.
Untuk penamaan label :
pada label 'Nama'
 Untuk penamaan TextBox :
Untuk TextBox Pertama
Atur semua nama komponen menjadi seperti ini :


6. Atur BackColor pada Label manjadi Transparant. Fungsinya : agar label menyatu (tidak ada kotak berwarna abu-abu) dengan background. Klik pada Label, Properties -> BackColor -> Web -> Transparent.
7. Kemudian beri code program. Klik kanan pada form, lalu pilih view code.

 
 

8. Run dengan cara Ctrl+F5 atau Klik Start.


Jika NIS, Kelas, dan SMP Asal dikosongkan :


Jika Nama terisi, namun NIS tidak diisi angka:


Jika Nama terisi, NIS terisi dengan angka, serta Kelas sudah terisi :


Jika semuanya sudah terisi dengan benar :


Alhamdulillah, sudah selesai hehe. Selamat mencoba ya, jangan malas untuk mencoba. Semoga bermanfaat, Aamiin :)
See yaa, Wassalamualaikum..

Tidak ada komentar:

Posting Komentar