Pembuatan Project dan Rancangan Antarmuka Web Aggregator

Batasan Pengembangan Aplikasi

Pada H.O.L ini aplikasi yang dikembangkan adalah aplikasi yang masih bersifat functional prototype, dalam artian aplikasi ini dapat berfungsi secara fungsional tetapi belum begitu sempurna dari tingkat kedetailan dan aspek non fungsionalnya.

Pembuatan Project dan Rancangan Antarmuka Web Aggregator

Demi kemudahan mengikuti H.O.L ini dilahkan mengikuti langkah langkah pengembangan berikut.

1. Buat sebuah project aplikasi web dengan nama WebAggregator.

2. Demi kemudahan dan keseragaman pilih bahasa C# dan simpan pada FileSystem.

3. Visual Studio akan membuatkan struktur berkas dan project ASP.NET yang dibutuhkan.

4. Hapus berkas default.aspx, sehingga tidak terdapat satu halaman ASP.NET pun

5. Berikutnya tambahkan berkas Master Page, berkas ini adalah berkas template yang akan
dijadikan desain dasar untuk halaman-halaman yang terdapat pada aplikasi yang bersangkutan. Pengguna dapat menambahkan berkas site.master melalui Project -> Add New Item. Pilih Site.master pada jendela pemilihan new item


Gambar Menambahkan Berkas Master Page



6. Beri nama dengan Site.Master adalah halaman khusus yang dapat diturunkan ke halaman
ASP.NET lainnya. Site.Master ibarat abstract class untuk antarmuka web pada ASP.NET

Gambar Master Page dan Content Page

7. Pada Site.Master lakukan pembuatan desain antarmuka web, Visual Studio ataupun Visual Web Developer mendukung pembuatan antarmuka web yang mengikuti standard seperti XHTML profile, dan accesibility access.

8. Pada kesempatan ini pengguna menggunakan tamplate sederhana dengan tiga kolom pbagian isi. Snippet kode berikut akan membantu anda membuatnya.




9. Pada kode diatas tampak digunakan beberapa kontrol esensial yang mungkin bermanfaat pad
saat pengembangan aplikasi web. Tabel berikut menggambarkan control dan fungsinya. Tabel 3.1 Kontrol ASP.NET pada halaman Site Master

10. Server kontrol yang bertanda * adalah server kontrol yang baru dirilis pada ASP.NET 3.5. Server kontrol ini juga dikenal dengan Server Kontrol yang didesain untuk Ajax.





0 comments:

Post a Comment

 

Belajar Visual Web Copyright © 2009 Community is Designed by Bie