10 Server Control

Objektif :
 Mengenal Control
 Mengenal Server Control

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan
suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk
memformat halaman web yang ditulis dengan HTML dan XHTML Pada ASP.NET, pembuatan kode program
dapat dilakukan dengan mengubah nilai pada jendela style yang telah disediakan oleh visual studio.
Tampilannya adalah sebagai berikut :

Gambar 10.1-Window modify style

10.1. Control

Control adalah object-object yang dapat diletakkan pada webform sebagai interface untuk interaksi
user. Contohnya adalah Button dan TextBox.

Gambar 10.2-Contoh button dan texbox

Fundamental Web Programming 55

 Setiap control mempunyai properti-properti (properties) yang dapat ditentukan nilainya untuk merubah
tampilan atau cara kerja control.

Gambar 10.3-Window toolbox

Control-control dikelompokkan menjadi sembilan kategori:

 Standard: control-control yang sering digunakan

 Data: control-control untuk melakukan tes validasi input user
 Navigation: control-control untuk membuat navigasi website atau aplikasi web
 Login: control-control untuk authentikasi user
 WebParts: control-control untuk menambahkan fitur pengganti tampilan oleh user
 AJAX Extensions: control-control untuk komunikasi data dengan client-side scripting
 HTML: Element-element HTML yang dapat digunakan untuk membuat interface client-side
scripting
 General: Developer dapat mengumpulkan control-control dari kategori lain dalam kategori ini

10.2. Server Control

Control-control yang terletak dalam semua kategori kecuali dalam kategori HTML disebut server
controls. Server control dicirikan pada webform dengan attribute dan nilai runat:”server”. Contoh kode
programnya adalah sebagai berikut:

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />

Attribute runat=”server” berarti event-handler dari control tersebut dijalankan di server.

Fundamental Web Programming 56

HTML Controls
Control-control pada kategori HTML adalah element-element HTML yang dapat diletakkan pada
webform tanpa menulis code HTML. Beberapa contoh dalam kategori HTML memiliki tampilan yang sama
dengan control dalam kategori standard. Contoh kode programnya adalah sebagai berikut:

<input id="Button2" type="button" value="button"/>

Fundamental Web Programming 57

 11 CSS Pada ASP.Net
Objektif :
 Perbedaan Server dan HTML Controls
 Mengetahui State Pada Halaman Web
 Mengenal Session State dan Cookies

11.1. Perbedaan Server dan HTML Control

Perbedaan HTML controls dengan control-control lainnya (server controls) adalah tempat proses event-
handler. Pada HTML control, event-handler dijalankan oleh browser di computer user (client). Event-handler
dari HTML control dituliskan pada webform menggunakan client-side script (JavaScript/VBScript).

Postback

Sifat postback halaman web memungkinkan developer untuk memisahkan pengeksekusiak kode
program yang perlu dijalankan hanya pada saat halaman web pertama dimuat dari halaman-halaman yang telah
ditampilkan kembali dari interaksi user sejak halaman pertama dimuat ulang (reload). Kode program Postback
adalah sebgai berikut:

protected void Page_Load(object sender, EventArgs e)

{
if (!IsPostBack)
{
Label1.Text = "Ini adalah halaman awal";
}
else {
Label1.Text = "Ini adalah halaman postback";
}
}

11.2. State pada Halaman Web

View state adalah penyimpanan data untuk web form control. View state merupakan teknik client side.
View state memiliki tujuan yang sangat berbeda dari session dan application state. Daripada menyimpan nilai-
nilai yang dibuat oleh user, view state dirancang untuk menyimpan keadaan bentuk dan semua kontrol di antara
banyak postback secara otomatis. Kode program ViewState adalah sebgai berikut:

Fundamental Web Programming 58

 protected void Button1_Click(object sender, EventArgs e)
{
if (ViewState["Klik"] != null)
{
hitungKlik = (int)ViewState["Klik"] + 1;
}
else
{
hitungKlik = hitungKlik + 1;
}
ViewState["Klik"] = hitungKlik;
TextBox1.Text = hitungKlik.ToString();
}

Dengan adanya perintah ViewState variabel Klik, maka data akan dipertahankan di antara request yang
dilakukan oleh user. Data ViewState berjalan melalui setiap request dan response diantara web client dan web
server.

11.3. Session State dan Cookies

Variabel session state mampu menyebrangi semua halaman web, akan tetapi hanya untuk ditunjukkan
pada ID session yang bersangkutan. ID session disimpan pada cookies browser dan web server.
Cookies biasanya berbentuk file teks dengan ukuran kecil yang didalamnya terdapat tag ID yang
disimpan pada direktori browser computer atau subfolder program data. Cookies dibuat ketika user
menggunakan browser untuk mengunjungi suatu website yang menggunakan cookies untuk menjaga jalur
perpindahan di dalam website. Cookies juga digunakan untuk mengingat data registered, login, theme selection,
preferences dan fungsi lainnya yang disediakan oleh situs web yang dikunjungi.
Pada ASP.NET, cookies dapat digunakan untuk menyimpan ID dari suatu session. Perintah yang
digunakan untuk menampilkan session ID dengan adalah sebagai berikut:

<sessionState mode="InProc" cookieless="true"></sessionState>

Perintah tersebut ditambahkan pada file Web.config. Web.config adalah sebuah file text berformat
XML. File web.config ini merupakan file konfigurasi yang akan menyimpan data-data penting yang dibutuhkan
oleh sebuah aplikasi ASP.NET. Data konfigurasi yang biasa disimpan dalam file web.config adalah data tentang
Connection Strings. Connection Strings adalah perintah yang digunakan untuk terkoneksi dengan database.
Namun demikian, isi file web.config tidak terbatas pada Connection Strings saja.

Fundamental Web Programming 59