Belajar ASP #5

Ini praktikum dari ASP 5 , maaf telat share ya....

hehe

Langsung aja :)

A. Menangani Event OnClik

1.       Tekan New Project >> language C#  >> Web >> ASP.NET Website Empty App >> Namakan dengan Bab2_LatihanASP5 dan tempatkan di Folder Pelajaran Anda.

2.       Kemudian di Tab PROJECT >> Add New Item >> Web Form >> beri nama EventOnClick.aspx.
Langkah-langkah seperti dibawah ini :

3.       Lalu ketikkan kode seperti ini:

4.       Klik 2x pada Button, dan ketikkan kode seperti contoh dibawah ini :

5.       Setelah selesai mengetikkan code, tekan CTRL+F5 maka akan tampil tampilan program di browser dan klik tombol maka akan tampil hasilnya.

B. Menggunakan ViewState

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama UseViewState.aspx

2.       Klik Split View dan tambahkan Control dari Toolbox, Button dan Label ke preview design web, dan atur properties seperti kode dibawah ini :

3.       Kemudian klik 2x Button Add maka akan tampil halaman source code C# dan ketikkan contoh kode dibawah ini :

C. Menggunakan Label Control

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama LabelControl.aspx seperti contoh dibawah ini :

2.       Setelah itu tampak halaman Source Code seperti dibawah ini :

3.       Drag dan Drop Control Label seperti dibawah ini ke dalam HalamanSource Code atau Design

4.       Tambahkan kode CSS dan properties dari Label Control seperti contoh dibawah ini :

5.       Klik kanan Halaman dan pilih View Code

6.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

D. Menggunakan Jenis TextBox Control

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama JenisTextBox.aspx kemudian ketikkan kode seperti contoh dibawah ini :

2.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

E. Menggunakan AutoPostBack

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama AutoPostBack.aspx kemudian ketikkan kode seperti contoh dibawah ini :

2.       Lihat sisi Design dengan Split View

3.       Klik kanan Halaman dan pilih View Code, dan ketikkan kode dibawah ini :

4.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

F. Menggunakan CheckBox Control

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama CheckBox.aspx kemudian ketikkan kode seperti contoh dibawah ini :

Atau drag dan drop Control di Toolbox ke Source Code, kemudian atur propertiesnya di Source Code.

2.       Klik Split View jika ingin melihat preview Design-nya

3.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

G. Menggunakan RadioButton Control

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama RadioButton.aspx kemudian ketikkan kode seperti contoh dibawah ini:

Atau drag dan drop Control di Toolbox ke Source Code, kemudian atur propertiesnya di Source Code.

2.       Klik Split View jika ingin melihat preview Design-nya

3.       Klik 2 x pada Button SUBMIT, dan ketikkan kode seperti contoh berikut ini :

4.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

H. Menggunakan Cross-Page Post

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama CrossPage.aspx kemudian ketikkan kode seperti contoh dibawah ini:

Atau drag dan drop Control di Toolbox ke Source Code, kemudian atur propertiesnya di Source Code.

2.       Klik Split View jika ingin melihat preview Design-nya

3.       Buat New Item di Projet, pilih Web Form, beri nama CrossPageResult.aspx dan ketikkan kode dibawah ini :

4.       Klik kanan pada halaman pilih View Code, dan ketikkan kode dibawah ini :

5.       Setelah itu tekan CTRl+F5 pada CrossPage.aspx dan perhatikan hasilnya.

I. Menggunakan Command Event

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama CommandEvent.aspx kemudian ketikkan kode seperti contoh dibawah ini :

Atau drag dan drop Control di Toolbox ke Source Code, kemudian atur propertiesnya di Source Code.

2.       Klik kanan pada Halaman, kemudian ketikkan kode dibawah ini :

3.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

J. Menggunakan Image Control

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama ImageControl.aspx kemudian ketikkan kode seperti contoh dibawah ini :

Atau drag dan drop Control di Toolbox ke Source Code, kemudian atur propertiesnya di Source Code.

2.       Klik Kanan pada halaman pilih View Code dan ketikkan kode dibawah ini :

3.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

K. Menggunakan Panel Control

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama ImageControl.aspx kemudian ketikkan kode seperti contoh dibawah ini :

Atau drag dan drop Control di Toolbox ke Source Code, kemudian atur propertiesnya di Source Code.

2.       Klik 2 x Button Submit dan ketikkan kode dibawah ini :

3.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

L. Tugas ASP 5

1.       Klik Tab PROJECT >> New Item, tambahkan Web Form dan beri nama TugasASP5.aspx kemudian ketikkan kode seperti contoh dibawah ini:

Atau drag dan drop Control di Toolbox ke Source Code, kemudian atur propertiesnya di Source Code.

2.       Klik 2 x Button Submit dan ketikkan kode dibawah ini :

3.       Setelah itu tekan CTRl+F5 dan perhatikan hasilnya.

Selamat mencoba :) Sampai jumpa di praktikum berikutnya....