Buka VS 2010 anda.. - onpumooirahayu.files.wordpress.com · klik pada Design untuk mendesign form...

13
ASP.NET (SITEMAP) RAHAYU Buka VS 2010 anda.. Lalu pilih New Wab Browser

Transcript of Buka VS 2010 anda.. - onpumooirahayu.files.wordpress.com · klik pada Design untuk mendesign form...

ASP.NET (SITEMAP) RAHAYU

Buka VS 2010 anda..

Lalu pilih New Wab Browser

ASP.NET (SITEMAP) RAHAYU

- Setelah muncul form New Web Site kita pilih ASP.NET Empety Site eperti pada gambar di

atas.

- Kita klik pada Web kerja kita seperti pada gambar di bawah

- Klik kanan, lalu pilih Add New Item

- Lalu pilih Web Form seperti pada gambar di bawah.

ASP.NET (SITEMAP) RAHAYU

- Nama’y kita ganti dengan Login, kemudian klik Add

- Buat beberapa web form seperti pada gambar di bawah.

- Seteah membuat beberapa form kita masuk ke Form Login. Doubleklik pada Form Login lalu

klik pada Design untuk mendesign form login’y itu sendiri menggunakan tools yang ada di

sampik sudut kri form desin seperti pada gambar dibawah ini.

ASP.NET (SITEMAP) RAHAYU

- Lalu Double klik pada button Login, dan masukan syntax berikut :

- Lalu save All pekerjaan anda, supaya tidak hilang.

- Lalu double klik pada form “home”

ASP.NET (SITEMAP) RAHAYU

- Lalu masuk ke Design dan kita design kembali seperti pada gambar di bawah ini.

- Copy Semua Design dengan cara klik pada form yang telah di design lalu tekan Ctrl+A lalu

copy pada semua form dengan menekan tekan Ctrl+S dan ganti setiap lable yang ada dan

sesuaikan dengan nama form’y. Seperti contoh perbandingannya bisa dilihat pada gambar di

bwah ini.

- Seteleah selesai kita kembali ke Form home, lalu kita tambahkan menu tool TreeView Pada

pilihan Navigator

-

ASP.NET (SITEMAP) RAHAYU

- Drag Pada tabel ke 1 baris ke 2.

- Setelah itu klik pada panah yang ada pada menu TreeView lalu Edit Nodes dan pilih menu

Add a Root Node ganti Text dengan Product lalu piih Add a Child Node dan buat 3 child node

dan rubah juga dengan Add Product, View Product, Edit Product.

- Setelah selesai klik pada Add Product’y lalu pilih NevigateUrl Sesuaikan dengan Varigasi yang

akan di tampilkannya, seperti pada gambar dibawah ini.

ASP.NET (SITEMAP) RAHAYU

- Setelah itu Save kembali pekerjaan anda, lalu kita klik kanan pada form yang ada di Solution

Explorer Login Klik View In Browser.

- Maka Hasil’y akan seperti ini

ASP.NET (SITEMAP) RAHAYU

- Lalu kita lanjut coding lagi yaaa..!!!

- Setelah itu klik Add New Item lagi lerus pilih SiteMap yaa sekarang...!! Seperti pada gambar

dibawah niii....

ASP.NET (SITEMAP) RAHAYU

- Next kita mulai coding lagiii... kalo kita uda masuk sitemap... kita tulis syntx di bawah..

- perhatikan pada kurung dan tanda miringnya juga. Seperti pada gambar dibawah nie..

ASP.NET (SITEMAP) RAHAYU

ASP.NET (SITEMAP) RAHAYU

Beres deehh.... Hasil’y yaaa niieee doonk....

1. Untuk hasil form Login...

ASP.NET (SITEMAP) RAHAYU

2. Hasil Form Home...

3. Hasil Form Product...

4. Hasil Form Provider

ASP.NET (SITEMAP) RAHAYU

5. Form Customers