Konsistensi dengan Master Pages dan CSS

Pada ASP.NET master page dan css adalah kunci dari konsistensi sebuah tampilan web. Untuk itu, mari kita tambahkan sebuah masterpages (DownloadSite.master) dengan mengakses menu website -> new item dan Gambar 5. akan tampil. Selain master pages, konsistensi juga dapat diwujudkan dengan menambah CSS.

Menambahkan Teknologi AJAX pada ASP. NET

Teknologi AJAX sudah secara default tertanam pada framework hal ini tidak membutuhkan kita secara eksplisit memasang dan mengonfigurasi dukungan AJAX pada website yang bersangkutan. Untuk menambahkan dukungan AJAX secara menyeluruh kita dapat menambahkan script berikut pada master pages kita.

Desain Content Page Download

Setelah mendesain master page, berikutnya kita tambahkan halaman isi yang kita butuhkan. Untuk kemudahan HOL ini, mari kita tambahkan dua buah halaman.

1. Halaman Download.
2. Halaman Upload.

Menambah Content Page sama mudahnya dengan Visual Studio terdahulu, kita cukup memilih konteks menu pada master page yang bersangkutan kemudian add content page. Setiap halaman yang dihasilkan memiliki ruang isi yang dapat Anda ubah, ruang ini dikenal dengan content place. Untuk memodifikasinya sesuai kebutuhan Anda, cukup dengan memilih smart tag pada content page yang bersangkutan kemudian memilih Create Custom Content.

Tata letak Upload Document.

Pertama, mari kita tambahkan content page untuk download, dengan nama DownloadForm.aspx. Pada halaman ini kita akan menambahkan:

1. Sebuah ListView.
2. Sebuah SQLdataSource.

Secara default pada saat menambahkan ListView, maka VWD akan meminta Anda untuk mengeset sumber data yang akan diikat oleh kontrol yang bersangkutan. Hasil konfigurasi pada ListView yang bersangkutan akan menambahkan sebuah Data Source yang sesuai dengan data yang diikatnya, dan dalam hal ini SQLDataSource yang akan kita gunakan.


ListView adalah kontrol baru di ASP.NET 3.5 dengan wajah dejavu, hal ini dikarenakan kontrol tersebut sama fleksibelnya dengan DetailsView dan kontrol pengikat data yang lain dalam hal interface representasi data. Berikut adalah langkah-langkah yang Anda ikuti untuk menambah ListView di web aplikasi kita:

1. Tambahkan Custom Content di bagian tengah halaman (tepatnya di ContentPlaceHolderContent).
2. Drag and drop ListView.
3. Pada ListView smart tag pilih data source "New data source".    ,
4. Dialog pemilihan tipe data source akan muncul dan pilih Database.
5. Beri nama database yang bresangkutan dengan nama Sql-DataSourceDownload.
6. Pilih atau tambahkan koneksi ke database SQL Server yang mengacu pada database download yang telah kita buat. Beri nama downloadConnectionString.
7. Pilih semua field kecuali id.
8. VWD akan meng-generate default template berdasar pada masukan tersebut.
9. Anda dapat juga mengubah template dengan memilih configure ListView pada smart tag kontrol yang bersangkutan.
10. Berikutnya, mari kita tambahkan sebuah page dengan nama UploadForm.aspx. Override custom content di content-PlaxceHolderContent kemudian tambahkan kontrol kontrol sebagai berikut:

Menampilkan Informasi di Grid View.

 Kita butuh sebuah ruang untuk menampilkan daftar berkas yang telah di-upload. Untuk itu, override ContentPlaceHolder-Bottom, tambahkan beberapa kontrol berikut:

GridView akan kita ikat dengan bantuan wizard yang ada. Gridview ini dapat menampilkan semua column yang terikat dengan database, namun demikian untuk kenyamanan informasi yang ditampilkan. Melakukan pengikatan Gridview hampir sama dengan apa yang telah kita lakukan di ListView, perbedaannya terletak pada mekanisme view yang dapat ditampilkan. Baik Anda diberi kebebasan untuk menampilkan informasi apa yang hendak ditampilkan, sebagai contoh penulis menampilkan informasi. Seperti pada Gambar 9.

Saatnya Pengodean Aplikasi

Setelah mendesain, kini saatnya kita melakukan pengodean. Sebuah cara yang sederhana adalah dengan memikirkan aplikasi kita dengan konteks pemikiran yang berlapis-lapis yang dibagi menjadi.

• Presentation Layer -> telah kita buat tadi.
• Business Layer.
• Data Access Layer.

Membuat Business Layer Class

Aplikasi kita menangani tentang download dan upload berkas ini adalah berkas yang di-upload dan di-download. Berdasar pada informasi tersebut kita dapat mendesain class dengan nama Downloadltem. Anda dapat menambahkan class ini dengan memilih menu Add New Item pada konteks menu projects yang bersangkutan (silakan mengacu pada HOL versi penud di web).

Membuat Data Access Layer

Membuat DAL dapat dengan mudah dilakukan dengan bantuan Dataset. Walaupun sering kali muncul pro-kontra tentang penggunaan dataset, mari kita ambil nilai positifnya yakni produktivitas. Sebagai catatan, penulis membuat web aplikasi ini sangat terbantu dengan VWD dan otomatisasi yang didukungnya bahkan menulis HOL ini memakan waktu tiga kali lebih lama daripada membuat web aplikasi yang dibuat.

Membuat Dataset dapat dilakukan dengan menambah dataset item pada dialog new item. Berkas dengan berekstensi (.xsd) ini akan melakukan pemetaan database yang kita miliki dengan kode C# yang di-generate otomatis. Tambahkan berkas dataset dengan nama dsDownload.xsd.

Pada halaman designer dataset tambahkan table Download-List dengan melakukan drag-drop dari Server explorer. VWD akan menampilkan beberapa opsi, membiarkannya secara default adalah saran penulis pada bagian ini.

Finishing Touch

Kini saatnya merampungkan sedikit lagi pekerjaan kita untuk itu ikuti langkah-langkah sebagai berikut:

1. Rename berkas DownloadForm.aspx menjadi Default.aspx. Hal ini menjamin bahwa pengguna yang mengakses web aplikasi ini akan diarahkan ke bagian ini.
2. Save, Solve the error and see

Semenjak kehadirannya sebagai bagian di Visual Studio 2005 Express dan kini brand yang lebih dikenal dengan VISUAL WEB DEVELOPER 2008 ini kembali hadir di versi 2008. Apa yang dapat kita harapkan dari versi baru ini?

Kisah Klasik Sebuah IDE WEB

Interface VISUAL WEB DEVELOPER 2008

Mengapa menggunakan IDE? Mungkin memang bukan pertanyaan yang akan muncul pada saat Anda mengembangkan aplikasi berbasis web, pertimbangan kompleksitas desain, pemecahan proses bisnis aplikasi yang dinamis, serta implementasi yang mengikuti standar membuat Anda mungkin mengerutkan dahi bila hanya bergantung kepada editor HTML dan membutuhkan editor HTML yang kaya fitur atau yang lebih dikenal dengan WYSWYG IDE. IDE untuk mengembangkan web memang sudah menjadi standar, tetapi kenapa harus menggunakan (Visual Web Developer VWD). Mengapa tidak menggunakan IDE yang lain. Baik penulis kemukakan dua alasan standar, yakni Peningkatan Produktivitas dan Tanpa Investasi (Gratis).

Produktivitas apakah yang ditawarkan oleh VISUAL WEB DEVELOPER, dan seandainya Anda adalah pengguna setia VISUAL WEB DEVELOPER mengapa Anda harus meng-upgrade ke VISUAL WEB DEVELOPER 2008. Pertimbangan pertama pada saat Anda menggunakan sesuatu yang baru adalah apa manfaat lebih dan fitur terbaru yang saya dapatkan dibandingkan versi yang terdahulu.

Terdapat dua fitur terbaru yang menonjol di VWD, yakni integrasi dukungan terhadap pengembangan AJAX dan dukungan teknologi LINQ. Dua hal tersebut secara menyeluruh menempel pada teknologi .NET 3.5, tetapi seperti menjaga tradisi kemudahan dua teknologi tersebut lebih dimudahkan dengan bantuan IDE.

Selain LINQ dan AJAX, beberapa server kontrol baru juga hadir. Bagi Anda yang sudah terbisa dengan terus bertambahnya fitur, berikut penulis bahas beberapa fitur baru dan perbaikan yang mengesankan di VISUAL WEB DEVELOPER.

1. Keamanan. Perbaikan diletakkan pada kemudahan implementasi membership, roles, dan login server controls. Pembuatan autentifikasi dan otorisasi kini makin tidak berorientasi kode melainkan hanya wizard dan wizard, menyenangkan, bukan?
2. Tampilan Desain Intutif dan dukungan CSS editor. Bila pada VWD 2005 untuk mengetahui seluruh nilai CSS Anda harus memilih class css kemudian memilih konteks menu untuk mendesain CSS, maka kini lahir suatu fitur yang dikenal dengan CSS Properties. CSS Properties, sesuai dengan namanya, sangat mirip dengan Control Properties milik control ASP.NET.
3. IntelliSense untuk JScript dan ASP.NET AJAX, Beberapa rekan developer mungkin sangat terbius dengan kenikmatan Ctrl+Space (autocomplete/intellisense) di IDE Visual Studio, tetapi sangat disayangkan tidak semua berkas mendukung intellisense. Pada versi VWD 2008, javascript kini mendukung intelisense, alhasil developer dapat membuat berkas javascript seperti AJAX dan Silverlight dengan lebih mudah.
4. Web Application Projects. Dengan menggunakan model Web application project, Anda bisa meng-compile website ke dalam satu folder BIN dan secara eksplisit mendefinisikan sumber daya dari project yang bersangkutan. Hal yang patut diperhatikan model Web Application Projects ini berbeda dengan Website project di VISUAL WEB DEVELOPER 2005, silakan mencoba untuk melihat beda dan kemudahannya ditingkat deployment.
5. Dukungan untuk membuat dan menggunakan WCF dalam web, Bila pada versi 2005 kita harus memasang ekstensi WCF, kini dukungan WCF sudah terintegrasi dan kita dapat mengombinasikannya dengan berkas asmx sebagai berkas default pengembangan web services.
6. Dukungan untuk ASP.NET AJAX Extender Control yang lebih kaya. AJAX control toolkit sudah bergaung semenjak semester yang lalu dan kini pada VWD 2008. AJAX Extender Control memudahkan kita untuk melakukan migrasi dari kontrol ASP.NET yang standar menjadi ASP.NET yang AJAX Ready.

Membuat Sebuah Project Baru

Membuat Website project di VISUAL WEB DEVELOPER 2008 adalah suatu perkara yang tidak sulit kita dapat membuat project baru melalui menu File -> New Web Site. Pada HOL ini, kita akan membuat halaman DownloadWebPage.

Desain Database dengan SOL Server Express 2005 SP2

Sebelum menuju pengembangan aplikasi, kita akan membuat terlebih dahulu basis data yang dijadikan sebagai sumber penyimpanan informasi download. Pada kesempatan ini, penulis menggunakan SQL Server Express 2005 dengan beberapa alasan.

• Kemudahan integrasi dengan semua produk Visual Studio termasuk Visual Web Developer.
• Performa yang mencukupi tanpa investasi (gratis).
• Dukungan dan teknologi terdepan dalam RDBMS. Penulis membuat sebuah database dengan nama Download dengan susunan field seperti pada Gambar 4.

Dalam beberapa bulan terakhir, beberapa pengunjung website resmi Nusa, www.bernaridho.net, menyatakan keinginan belajar Nusa. Mereka juga menanyakan manual pemrograman Nusa.

MANUAL Nusa memang tidak disediakan via web. Langkah ini mungkin terdengar aneh pada zaman di mana banyak orang berlomba-lomba untuk membuat produk atau dirinya atau jasanya dikenal di seluruh dunia, makin banyak orang tahu makin baik. Dengan mengetahui tren saat ini, mengapa manual Nusa tidak disediakan via web?


Ada beberapa alasan. Alasan pertama adalah perlunya strategi untuk menjaga keberlangsungan rasa ketertarikan masyarakat di masa-masa pembangunan Nusa yang akan memakan waktu beberapa tahun ke depan. Bila semuanya sudah bisa didapatkan dengan sangat mudah, maka tidak ada lagi greget yang bisa ditunjukkan ke masyarakat.

Membangun software seperti Nusa mirip dengan lari maraton. Dibutuhkan napas yang panjang. Selain dana yang tidak mudah didapat, saya masih harus berhadapan dengan ekspektasi masyarakat yang berlebihan. Ada yang mengirim e-mail menanyakan apakah Nusa bisa dipakai untuk membuat game. Astaga, memangnya saya ini Microsoft atau IBM atau Oracle dengan dana yang sangat berlimpah?

Alasan kedua adalah untuk menjaga beberapa hal yang masih dirahasiakan. Beberapa hal dalam Nusa memang dirahasiakan karena alasan-alasan tertentu. Nanti, mungkin kalau sudah tiba saatnya, sebagian dari hal yang dirahasiakan tersebut akan dibuka. Saya sendiri merasa alasan ini cukup kuat.

Pada hari saya menulis artikel ini, ada e-mail berbahasa Inggris yang menyatakan tertarik ke Nusa. Saya tidak tahu apakah pengirimnya orang Indonesia atau orang luar negeri. Saya asumsikan orang dari luar negeri. Bila semua hal tentang Nusa mudah didapat, maka pengusaha atau komunitas di luar negeri dapat membuat produk yang didasarkan dengan ide di Nusa; tanpa sama sekali menyebut nama Nusa dan pembuatnya.

Alasan ketiga adalah salah satu tujuan utama dari pembuatan Nusa sendiri. Nusa dibuat agar orang-orang yang kuliah pada jurusan Rekayasa Perangkat Lunak (saya tidak suka istilah Informatika) memiliki keunggulan dibanding otodidak. Bila praktisi juga dengan mudah menguasai ilmu pemrograman yang diwakili Nusa, maka salah satu tujuan pembuatan Nusa tidak tercapai.
Di tahun ini training dengan memakai bahasa pemrograman Nusa telah dilakukan di tiga kota (Jogja, Jakarta, dan Surabaya).

Peserta training dibatasi hanya untuk kalangan dosen. Pada training ini disertakan dan diajarkan fitur-fitur “advanced” seperti enkapsulasi, tipe record, dan modular programming; yang tidak dijelaskan pada tiga artikel berseri yang pemah dimuat di PC Media. Jadi, Nusa bisa dipakai tidak hanya untuk membuat “Hello world”.

Jumlah total peserta dosen yang mengikuti training dengan bahasa pemrograman Nusa mencapai lebih dari 60 orang. Dosen-dosen ini datang dari berbagai perguruan tinggi, termasuk dari UGM (Jogja) dan UI (Jakarta).

Dosen-dosen menjadi target yang lebih masuk akal daripada mahasiswa dan praktisi. Mahasiswa dan praktisi di Indonesia memiliki rentang waktu ketertarikan yang pendek, sekadar ingin tahu. Sesudah itu, business as usual.

Saat ini ada milis khusus untuk dosen-dosen yang pemah menerima training Nusa. Saya sampaikan harapan untuk memakai Nusa dalam pelajaran awal pemrograman. Di kelas tentulah dosen-dosen sering menyampaikan kepada mahasiswa untuk rajin belajar, berteori tentang kemajuan karena komunitas dan lain-lain. Kita akan lihat apakah dosen-dosen bisa melakukan apa yang mereka ajarkan.

Kepada masyarakat yang ingin belajar Nusa, maka saya sampaikan bahwa manual Nusa memang tidak dipublikasikan untuk umum. Manual tersebut hanya tersedia untuk dosen-dosen yang mau mengikuti training. Bila Anda seorang dosen dan ingin mengikuti training Nusa (secara gratis), silakan e-mail saya. Jumlah minimal peserta adalah 10; sehingga sebaiknya sudah memiliki sejumlah teman saat mengajukan permintaan. Permintaan training akan saya sampaikan kepada pihak lain yang memberi keputusan akhir tentang apakah training akan dilakukan atau tidak.

 http://www.komputasi.lipi.go.id/utama.cgi?cetakartikel&1183082518