Halaman Web dalam ASP.NET – Mengenal ASP.NET Bagian 1.4

January 10th 2010

Halaman ASP.NET sederhana terlihat seperti halaman HTML biasa.

Hello World
Untuk mulai belajar ASP.NET, kami akan membangun sebuah halaman HTML yang sangat sederhana yang akan menampilkan “Hello World” di browser Internet seperti ini:

Hello World!

Hello World dalam HTML
Kode ini menampilkan contoh sebagai halaman HTML:

<html>
<body bgcolor="yellow">
<center>
<h2>Hello World!</h2>
</center>
</body>
</html>

Jika Anda ingin mencoba sendiri, menyimpan kode di sebuah file yang bernama “firstpage.htm“.

Hello World dalam ASP.NET
Cara paling mudah untuk mengkonversi halaman HTML ke dalam halaman ASP.NET untuk menyalin file HTML ke sebuah file baru dengan ekstension .aspx ekstensi.
Kode ini menampilkan contoh halaman ASP.NET:

<html>
<body bgcolor="yellow">
<center>
<h2>Hello World!</h2>
</center>
</body>
</html>

Jika Anda ingin mencoba sendiri, menyimpan kode di sebuah file yang bernama “firstpage.aspx“.

Bagaimana Cara Bekerjanya ?
Dasarnya suatu halaman ASP.NET sama seperti halaman HTML.
Untuk menjalankan .aspx atau asp Anda harus menempatkan file ekstensi .aspx atau asp dalam folder baru, dimana penempatan folder tersebut ditempatkan defaultnya “C:\inetpub\wwwroot”.
Sebagai contoh  taruhlah latihan-latihan sebelumnya pada satu folder dengan nama “latihan 1″, kemudian taruh folder “latihan 1″ tersebut di “C:\inetpub\wwwroot\”(jika tidak ada, instal Asp.Net terlebih dahulu. Lihat pada bab sebelumnya).
Buka browser (Internet Explorer 8 atau sejenisnya), kemudian ketikan alamat berikut : “http://localhost/latihan 1/default.aspx”. Apa yang terjadi?
Buka kembali folder latihan 1, ubah salah file menjadi “default.aspx”, kemudian buka browser dan ketikan alamat yang tadi. :)
Halaman HTML memiliki ekstensi .htm atau .html. Jika browser meminta halaman HTML dari server, server akan mengirimkan halaman ke browser tanpa modifikasi.
Sebuah halaman ASP.NET memiliki ekstensi .aspx. Jika browser melakukan permintaan sebuah halaman ASP.NET, server proses kode dieksekusi di setiap halaman, sebelum hasilnya dikirim kembali ke browser.
Halaman di atas di ASP.NET tidak berisi kode executable, jadi tidak ada yang dieksekusi. Dalam contoh berikut, kita akan menambahkan beberapa kode dieksekusi untuk halaman untuk menunjukkan perbedaan antara halaman HTML statis dan dinamis halaman ASP.

ASP Klasik
Active Server Pages (ASP) yang telah sekitar selama beberapa tahun.Dengan ASP, kode dapat dieksekusi dapat ditempatkan di dalam halaman HTML.
ASP versi sebelumnya (sebelum ASP. NET) sering disebut ASP Klasik.
ASP.NET tidak sepenuhnya kompatibel dengan ASP Klasik, tapi sebagian besar halaman ASP Klasik akan bekerja dengan baik sebagai halaman ASP.NET, dengan hanya sedikit perubahan.

Halaman Dinamis dalam ASP Klasik
Untuk mendemonstrasikan bagaimana ASP dapat menampilkan halaman dengan konten dinamis, kami telah menambahkan beberapa kode yang dapat dieksekusi (blok warna merah) untuk contoh sebelumnya:

<html>
<body bgcolor="yellow">
<center>
<h2>Hello World!</h2>
<p><%Response.Write(now())%></p>
</center>
</body>
</html>

Kode di dalam <% -%> tags dijalankan di server.
Response.Write adalah kode ASP untuk menulis sesuatu untuk output HTML.
Sekarang () adalah fungsi server mengembalikan tanggal dan waktu.
Jika Anda ingin mencoba sendiri, menyimpan kode di sebuah file yang bernama “dynpage.asp“.

Halaman Dinamis  dalam ASP. NET
Kode berikut ini menampilkan contoh kita sebagai halaman ASP.NET:

<html>
<body bgcolor="yellow">
<center>
<h2>Hello World!</h2>
<p><%Response.Write(now())%></p>
</center>
</body>
</html>

Jika Anda ingin mencoba sendiri, menyimpan kode di sebuah file yang bernama “dynpage.aspx“, dan membuat link ke file seperti ini: dynpage.aspx

Contoh running program:

Perbandingan ASP Klasik dengan ASP.NET
Contoh sebelumnya tidak menunjukkan perbedaan antara ASP.NET dan ASP Klasik.
Seperti yang dapat Anda lihat dari dua contoh terakhir tidak ada perbedaan antara kedua halaman ASP dan ASP.NET.
Dalam bab-bab berikutnya Anda akan melihat bagaimana membuat kontrol server ASP.NET lebih kuat daripada ASP Klasik.