ASP.NET merupakan  teknologi dari Microsoft yang free yang ditujukan buat programmer untuk membuat aplikasi web dinamis. Aplikasi yang dapat dibuat tidak terbatas pada personal site, tapi juga aplikasi web yang kompleks juga dapat dibangun menggunakan ASP.NET.

Apa saja yang kita butuhkan untuk memulainya?

• Sudah pasti  Microsoft .Net Framework 3.5, download
• Web server untuk menjalankan ASP.NET
• Web browser untuk melihat aplikasi web yang kita buat
• Editor untuk menulis kode program

Semua yang kita butuhkan di atas sudah di-bundle dalam paket Visual Web Developer Express Edition 2008, download. Download dan instal Visual Web Developer (VWD) 2008 Express Edition.

Nah, kalau “senjata” yang dibutuhkan tersebut sudah tersedia, kita bisa mulai pertempuran untuk membuat aplikasi berbasis web.

Jalankan VWD2008

Buat project baru, di File – New Project

Pilih Visual C# – Web – ASP.NET Web Application. Misal, kita beri nama projectnya, MyWebApp.

Bila project baru berhasil dibuat maka akan tampil kode program ASP.NET (lihat gambar).

Visual Web Developer menyediakan toolbox yang berisi control-control yang biasa digunakan pada halaman web, misal input text box, input text area, button, file upload dll. Untuk menampilkan Toolbox window, klik menu View – Toolbox atau melalui keyboard shortcut Ctrl + Alt + X

Selain kita dapat membuat ASP.NET form dari kode program langsung, kita juga dapat membuat menggunakan form dengan designer, WYSIWYG (what you see is what you get), dengan mengeklik pada button design di bawah editor kode program.

Kemudian, tambahkan control TextBox, Button dan Label dari ToolBox (drag and drop dari toolbox ke designer). Kira seperti ini tampilannya:

Coba jalankan aplikasi yang kita buat dengan mengklik tombol  di toolbar atau dengan menekan F5.  Hasilnya kira-kira seperti ini:

Saat kita klik tombol “Button” maka form akan disubmit. Tapi karena kita belum membuat kode apa yang akan dilakukan saat form disubmit maka tidak muncul apa-apa di form tersebut. Tutup Internet Explorer untuk menghentikan proses debugging.

Kembali lagi ke form designer, double-click di tombol “Button”, maka akan dibuatkan method baru yang akan menghandle saat tombol “Button” diklik. Lalu tambahkan kode berikut:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace MyWebApp
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
 
        protected void Button1_Click(object sender, EventArgs e)
        {
            Label1.Text = TextBox1.Text;
        }
    }
}

Lalu jalankan kembali aplikasi tersebut, kemudian masukkan teks di textbox lalu klik tombol “Button”. Jreng jreng. Tulisan Label di bawah berubah sesuai dengan teks yang kamu masukan di textbox.

Oke, cukup sekian untuk perkenalan kita ASP.NET C# kali ini. Semoga bermanfaat.