Anda di halaman 1dari 68

Bahasa Pemrograman Berbasis Web

ASP .Net

Ciptadi Jati Prayoga, S.Kom


SMK TELKOM SANDHY PUTRA PURWOERTO
Jl. D.I. Panjaitan No. 128

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Konsep Dasar & Teknologi Web

Internet
WWW (World Wide Web)
Web
Web Statis
Web Dinamis.

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Standar Teknologi Web

Din En ISO 9001:2000


Cert. No : 01 100 075186

Structural Layer
Berhubungan dengan struktur dokumen web.
Standar : XHTML& XML

Presentation Layer
Berhubungan pengaturan tampilan dokumen pada layar,
suara, atau format pencetakan dokumen.
Ex : CSS

Behavioral Layer
Berhubungan dg penggunaan bahasa
pemrogramannya (interaktif dan dinamis).
Ex : DOM & Java Script

skrip

dan

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Persiapan Pembuatan Web

Perangkat Keras
Perangkat Lunak

OS
Web Server
Web Editor
Graphic Editor
Web Browser

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web

Web Page
Home Page
Site Map
Web Site

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Site
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Arsitektur Client-Server

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Arsitektur Client-Server

Din En ISO 9001:2000


Cert. No : 01 100 075186

HTTP
HTTP singkatan dari HyperText Transfer Protocol.
Merupakan sebuah protokol jaringan dengan fitur-fitur
Web-specific yang berjalan pada bagian teratas dari dua
lapisan protokol lain, TCP dan IP. TCP adalah sebuah
protokol yang bertanggung jawab memastikan file telah
dikirim dari akhir network telah lengkap dikirmkan,
berhasil pada tujuannya. IP merupakan sebuah protokol
yang mengarahkan (routing) file dari satu host ke host lain
pada jalannya untuk tujuan. HTTP menggunakan dua
protokol ini untuk memastikan bahwa permintaan dan
respon telah lengkap dikirimkan diantara masing-masing
akhir komunikasi.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Arsitektur Client-Server

Din En ISO 9001:2000


Cert. No : 01 100 075186

HTTP
HTTP menggunakan urutan Request/ Response: Sebuah
HTTP client membuka koneksi dan mengirim sebuah
pesan permintaan pada HTTP server; server kemudian
mengirimkan pesan respon, biasanya berisikan resource
yang diminta. Setelah mengirimkan respon, server
menutup koneksi (membuat HTTPmenjadi protokol tanpa
status)

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Arsitektur Client-Server

Din En ISO 9001:2000


Cert. No : 01 100 075186

HTTP Request
Permintaan-permintaan dari client ke server berisikan
informasi tentang macam-macam data yang user inginkan.
Salah satu item informasi yang dienkapsulasi pada
permintaan HTTP adalah sebuah nama method. Ini
memberitahu server macam-macam permintaan yang
dibuat, sebagaimana sisa pesan dari client diformat. Ada dua
protokol yang akan di gunakan : GET dan POST.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Arsitektur Client-Server

Din En ISO 9001:2000


Cert. No : 01 100 075186

GET
Metoda GET merupakan default pengiriman suatu data
form. Metode GET mengirimkan data pada server dengan
cara meletakkannya pada bagian akhir URL yang menunjuk
pada script pemroses Jadi jika URL anda menunjuk ke CGI
Script pada URL cgi-bin/ scriptform dan nama adalah
Salman dan telepon adalah 2503645, maka URL akhir
yang dikirim ke server adalah :
/ cgi-bin/ scriptform?nama=salman&telepon=2503645

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Arsitektur Client-Server

Din En ISO 9001:2000


Cert. No : 01 100 075186

POST
Metode POST tidak seperti metode GET yang
mengirimkan datanya secara terpisah pada suatu standar
input. Script mengambil data form dari standar input ini ,
dengan adanya penyimpanan data secara tersendiri
membuat metoda POST bisa menyimpan data input dalam
jumlah banyak.
Mengenkapsulasi atau menyembunyikan data di dalam
body pesan (message body) yang dikirim. Ketika server
menerima permintaan dan menentukan bahwa itu
merupakan sebuah permintaan POST, dapat dilihat dari
body pesan data tersebut.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Arsitektur Client-Server

Din En ISO 9001:2000


Cert. No : 01 100 075186

HTTP Response
HTTP merespon dari server yang berisi headers dan body
pesan, seperti yang permintaan HTTP lakukan. Mereka
menggunakan kumpulan header yang berbeda
headers berisi informasi tentang protokol HTTP yang
digunakan pada server, sebagaimana tipe dari isi yang
dienkapsulasi ke dalam body pesan
Ini akan memberitahu browser jika pesan berisi HTML,
gambar, atau tipe lainnya

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Arsitektur Server Side

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Apa itu ASP.NET

Din En ISO 9001:2000


Cert. No : 01 100 075186

ASP.NET adalah teknologi baru dalam pemrograman


web yang merupakan kelanjutan dari teknologi ASP
3.0.
Perbedaan utama dibanding ASP klasik adalah
penggunaan .NET Framework sebagai fondasi
pemrograman.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

.NET Framework

Din En ISO 9001:2000


Cert. No : 01 100 075186

adalah sebuah komponen yang dapat ditambahkan


ke sistem operasi Microsoft Windows atau telah
terintegrasi ke dalam Windows (mulai dari Windows
Server 2003 dan versi-versi Window terbaru).
Menyediakan sejumlah besar solusi-solusi program
untuk memenuhi kebutuhan-kebutuhan umum
suatu program baru, dan mengatur eksekusi
program-program yang ditulis secara khusus untuk
framework ini.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

.NET Framework

Din En ISO 9001:2000


Cert. No : 01 100 075186

Merupakan kunci penawaran utama dari Microsoft,


dan dimaksudkan untuk digunakan oleh sebagian
besar aplikasi-aplikasi baru yang dibuat untuk
platform Windows.
.NET Framework memiliki 2 komponen utama: CLR
dan .NET Framework Class Library.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Common Language Runtime (CLR)

Din En ISO 9001:2000


Cert. No : 01 100 075186

Program - program yang ditulis untuk .NET


Framework dijalankan pada suatu lingkung software
yang mengatur persyaratan-persyaratan runtime
program. Runtime environment ini, yang juga
merupakan suatu bagian dari .NET Framework,
dikenal sebagai Common Language Runtime (CLR).
CLRmenyediakan penampilan dari application virtual
machin sehingga para programmer tidak perlu
mengetahui kemampuan CPU tertentu yang akan
menjalankan program. CLR juga menyediakan
layanan-layanan penting lainnya seperti jaminan
keamanan, pengaturan memori, garbage collection
dan exception handling / penanganan kesalahan
pada saat runtime

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

CLR
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

CLR
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Keunggulan ASP.NET

Din En ISO 9001:2000


Cert. No : 01 100 075186

1. Kemudahan mengakses berbagai library .NET


Framework secara konsisten dan powerful, yang
mempercepat pengembangan aplikasi.
2. Penggunaan berbagai bahasa pemrograman
secara penuh, misalnya VB.NET, C#, J#, dan C++.
Dalam ASP.NET bahasa-bahasa ini dapat digunakan
secara penuh sebagaimana layaknya bekerja di
Windows Application sehingga sangat memudahkan
memprogram aplikasi Windows dan Web secara
konsisten.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Keunggulan ASP.NET

Din En ISO 9001:2000


Cert. No : 01 100 075186

3. Tersedia berbagai Web Control yang dapat


digunakan membangun aplikasi secara cepat.
Programmer dapat dengan mudah mengkaitkan data
ke web control sebagaimana layaknya memprogram
windows application. Hal ini sangat mempercepat
pembuatan aplikasi dibandingkan harus menyusun
kode-kode HTMLsecara manual
4. Code Behind, artinya kode-kode pemrograman
yang menjadi logic aplikasi ditempatkan terpisah
dengan kode user interface yang berbentuk HTML.
Ini sangat memudahkan dalam debugging, karena
kode untuk presentation layer tidak tercampur
dengan kode application logic

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Client-Server Model

Din En ISO 9001:2000


Cert. No : 01 100 075186

Request / Response Model


Dua atau lebih komputer bekerja sama, mengambil
informasi dan mengirim informasi. Model
komunikasi client server secara umum mempunyai
proses client akan mengirimkan request kepada
server yang kemudian akan memberikan respon.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Client-Server Model

Din En ISO 9001:2000


Cert. No : 01 100 075186

Event Drivent Model


ASP.NET secara aktif memeriksa dan menunggu apa
yang terjadi di client dan server akan melakukan
tindakan sesuai yang diinginkan oleh client. ASP.NET
menggunakan istilah clever client side processing
untuk membuat sebuah model event driven

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Client-Server Model

Din En ISO 9001:2000


Cert. No : 01 100 075186

Client Side
Kode akan seluruhnya diprosesdisisi client
Kode ditulis dalam bentuk paint-text untuk menyuruh
client melakukan sesuatu
Biasa digunakan untuk menambahkan efek disisi client

Server Side
Secara keseluruhan kode dieksekusi di sisi server
Kode ditulisdalam bentuk script yangakan dikompilasi
Digunakan untuk pemrosesan isi dan pengembalian data

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Persiapan

Din En ISO 9001:2000


Cert. No : 01 100 075186

1. Microsoft .NET Framework minimal versi 1.1


2. Database SQL Server dalam berbagai versinya.
(SQL Server Desktop Engine, SQL Express 2000, atau
SQLServer Express 2005)
3. Editor ASP.NET
4. Operating System yang dapat digunakan adalah
Windows 2000/ 2003, Windows XP, atau Windows
NT.
5. Internet Information Server (IIS).

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Persiapan

Din En ISO 9001:2000


Cert. No : 01 100 075186

Membuat Virtual Directory


Untuk membuat virtual directory dapat meng-klik
kanan direktori yang akan di gunakan. Kemudian
pilih Sharing and Security. Kemudian pada tab Web
Sharing pilih Share This Folder. Kemudian masukkan
nama alias yang akan digunakan. Set Access
Permission. Kemudian pilih Execute (Include Script).

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Membuat Web Dengan VS.2008

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Create-Website
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

ASP.Net Project
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Design
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Design
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Design
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Array

Din En ISO 9001:2000


Cert. No : 01 100 075186

Array merupakan sekumpulan data yang disimpan


secara bersamaan kedalam sebuah variabel
penyimpanan.
Contoh :
Partial Class _Default
Inherits System.Web.UI.Page
Dim hari() As String = {"Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"}
Protected Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs)
Handles form1.Load
Label1.Text = "Hello World"
Response.Write("Hari pada index 2 adalah hari : " & hari(2))
End Sub
End Class

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Fungsi

Din En ISO 9001:2000


Cert. No : 01 100 075186

Fungsi merupakan kumpulan prosedur yang


merupakan kode2 program yang ditujukan untuk
melakukan tugas tertentu.
Isi Fungsi.aspx.vb
Dim nilai1 asInteger
Dim nilai2 AsInteger
Sub fungsiTambah()
Dim total asInteger
total = nilai1 + nilai2
response.write("Hasil penjumlahan : " & total & "</ br>")
End Sub
Sub Page_Load(Sender AsObject, e AsEventArgs)
nilai1 = 2
nilai2 = 3
fungsiTambah()
End Sub

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Fungsi

Din En ISO 9001:2000


Cert. No : 01 100 075186

Sub TotalNilai(Sender AsObject, e AsEventArgs)


nilai1 = 5
nilai2 = 6
fungsiTambah()
End Sub

Isi Fungsi.aspx
<Form runat="server">
<Input type="button" id="btnTambah"
onServerClick="totalNilai"/ >
</ Form>

value="Tambah" runat="server"

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Seleksi Kondisi (IF / CASE)


Dim bil As Integer
Dim hasil As Integer
bil = 8
hasil = bil Mod 2
If hasil = 0 Then
Response.Write("Bilangan bulat")
Else
Response.Write("Bukan bilangan bulat")
End If
Response.Write("</ br>")
Select Case hasil
Case 0
Response.Write("Bilangan bulat")
Case Else
Response.Write("Bukan bilangan bulat")
End Select

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Looping

Din En ISO 9001:2000


Cert. No : 01 100 075186

Dim hari() As String = {"Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu", "Minggu"}
Protected Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs)
Handles form1.Load
Dim namaHari As String
Response.Write("Daftar hari : </ br>")
For Each namaHari In hari
Response.Write(namaHari & "</ br>")
Next
Dim i As Integer
Response.Write("Daftar hari : </ br>")
For i = 1 To 7
Response.Write(i & ". " & Hari(i-1) & "</ br>")
Next
End Sub

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Error Handling

Din En ISO 9001:2000


Cert. No : 01 100 075186

Untuk menangani kesalahan-kesalahan program


VB.NET meyediakan sebuah error traping atau error
handling, yaitu try catch finally end try. Blog
finally bersifat optional.
Contoh :
Dim namaHari As String = "Senin"
Try
Response.Write("Hasilnya : " & (namaHari Mod 2))
Catch
Response.Write("Programnya salah lho </ br>")
Finally
Response.Write("Selesai!")
End Try

Server Control Event


SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Din En ISO 9001:2000


Cert. No : 01 100 075186

Event merupakan suatu tindakan yang dilakukan oleh user


terhadap suatu kontrol. Semua event yang dilakukan oleh user
akan diproses di server. Didalam ASP.NET ada 2 model
pengiriman sebuah event ke server yaitu model sesaat setelah
terjadi event dan model pengumpulan dahulu semua event baru
kemudian secara bersamaan dikirim ke server. Model pengiriman
event secara langsung keserver dapat terjadi misalnya saat kita
memasukkan nama kedalam sebuah form. Event ini dapat
dilakukan dengan memberikan property AutoPostBack = True
Dengan property ini server dapat memonitor apa yang terjadi
pada sisi client. Hal ini fektif digunakan bila form isian hanya
berisi satu field. Untuk model form dengan banyak isian
sebaiknya digunakan model pengiriman ke server setelah
pengisian semua form selesai, model event seperti ini dikenal
dengan nama Chaced. Artinya keseluruhan event akan disimpan
semuanya dahulu sampai
user
memutuskan untuk
mengirimkannya ke server.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Server Control Event

Din En ISO 9001:2000


Cert. No : 01 100 075186

Isi TampilkanNama.aspx.vb
Sub tampilkanNama(ByVal sender As Object, ByVal e As EventArgs)
lblNama.Text = "Nama kamu adalah : " & txtNama.Text
End Sub

Isi TampilkanNama.aspx
<asp:Label ID="lblNama" runat="server" Text="Masukkan Nama :"></ asp:Label><br / >
<asp:TextBox ID="TxtNama" runat="server"></ asp:TextBox><br / >
<asp:Button ID="BtnKirim" OnClick="TampilkanNama" runat="server" Text="Kirim" / >

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Server Control

Din En ISO 9001:2000


Cert. No : 01 100 075186

Web server control merupakan control yang dibuat


di server sehingga untuk menggunakannya harus
dicompile terlebih dahulu baru kemudian dikirimkan
ke browser. Web Server Control hampir sama
dengan HTML server control karena keduanya samasama
menggunakan
atribut
runat=server.
Perbedaannya adalah Web Server Control
mempunyai aturan penulisan sbagai berikut
<asp:controlName id=controlId atributLain/ >. Berikut
ini adalah beberapa Web Control yang sering
digunakan untuk membangun halaman web.

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control - Button


Isi wfbutton.aspx.vb
Sub Kirim(ByVal Source As Object, ByVal e As EventArgs)
btnKirim.Style("background-color") = "#7777FF"
btnKirim.Style("width") = "200px"
btnKirim.Text = "Sudah Dikirim
End Sub

Isi wfbutton.aspx
<asp:Button ID="btnKirim" runat="server" Text="Kirim" / >

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control - Calendar

Din En ISO 9001:2000


Cert. No : 01 100 075186

Isi wfcalendar.aspx.vb
Sub pilihTanggal(ByVal Sender As Object, ByVal e As EventArgs) Handles
Calendar1.SelectionChanged
txtTanggal.Text = Calendar1.SelectedDate
Calendar1.TodaysDate = Calendar1.SelectedDate
End Sub

Isi wfcalendar.aspx
<asp:Calendar id="Calendar1" onSelectionChanged="pilihTanggal" runat="server">
<WeekendDayStyle BackColor="#fafad2" ForeColor="#ff0000" / >
<DayHeaderStyle ForeColor="#0000ff" / >
<TodayDayStyle BackColor="#00ff00" / >
<titlestyle backcolor="#0099FF" forecolor="#FFFFFF" font-bold="true"/ >
</ asp:Calendar>
<asp:TextBox runat="server" id="txtTanggal" font-bold="true"/ >

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control - CheckBox


Sub Pengiriman(sender AsObject, e AsEventArgs)
dim hobby asstring
if chk01.Checked then
hobby = chk01.Text & ", "
end if
if chk02.Checked then
hobby = chk02.Text & ", "
end if
if chk03.Checked then
hobby = chk03.Text & ", "
end if
if hobby<>"" then
txtHobby.text = "Hobby kamu adalah " & hobby
else
txtHobby.Text = "Kamu belum memilih!"
end if
End Sub

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control - CheckBox

Din En ISO 9001:2000


Cert. No : 01 100 075186

Hobby kamu :<br / >


<asp:CheckBox id="chk01" Text="Makan" AutoPostBack="True"
OnCheckedChanged="Pengiriman" runat="server" / >
<br / >
<asp:CheckBox id="chk02" Text="Tidur" AutoPostBack="True"
OnCheckedChanged="Pengiriman" runat="server" / >
<br / >
<asp:CheckBox id="chk03" Text="Nonton TV" AutoPostBack="True"
OnCheckedChanged="Pengiriman" runat="server" / >
<br / >
<br / >
<asp:Label ID="txtHobby" runat="server"/ >

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control - DropDownList

Din En ISO 9001:2000


Cert. No : 01 100 075186

Sub Pengiriman(ByVal sender As Object, ByVal e As EventArgs)


txtMusik.Text = "Musik favorit kamu adalah <b>" & ddMusik.SelectedItem.Text &"</ b>
End Sub

Isi wfDropDownList.aspx
<asp:DropDownList ID="ddMusik" runat="server">
<asp:ListItem>Jazz</ asp:ListItem>
<asp:ListItem>Rock</ asp:ListItem>
<asp:ListItem>Pop</ asp:ListItem>
<asp:ListItem>Dangdut</ asp:ListItem>
<asp:ListItem>Campur Sari</ asp:ListItem>
</ asp:DropDownList>
<br / >
<asp:Button ID="Kirim" OnClick="Pengiriman" runat="server" Text="Kirim" / >
<br / >
<br / >
<asp:Label ID="txtMusik" runat="server" Text="Label"></ asp:Label>

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control Panel

Din En ISO 9001:2000


Cert. No : 01 100 075186

Sub PeriksaPanel(ByVal sender As Object, ByVal e As EventArgs)


If chkPanel.Checked Then
panelCoba.Visible = False
Else
panelCoba.Visible = True
End If
End Sub
<asp:Panel ID="panelCoba" runat="server" backColor="#FFFF00"
Height="50px" Width="120px">
<asp:Label ID="Label1" runat="server" text="Label dalam panel"/ >
</ asp:Panel>
<asp:CheckBox ID="chkPanel" text="Tampil/ Sembunyi" runat="server"/ >
<asp:Button ID="Button1" Text="Periksa Panel" onClick="PeriksaPanel"
runat="server"/ >

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control Radio Button

Din En ISO 9001:2000


Cert. No : 01 100 075186

Sub PeriksaJKelamin(ByVal Sender As Object, ByVal e As EventArgs)


If rdLaki.Checked Then
Label1.Text = "Anda " & rdLaki.Text
ElseIf rdPerempuan.Checked Then
Label1.Text = "Anda " & rdPerempuan.Text
End If
End Sub
Jenis Kelamin Anda:<br / >
<asp:RadioButton id="rdLaki" Text="Laki - Laki" Checked="True"
GroupName="sex" runat="server"/ >
&nbsp;&nbsp;
<br / >
<asp:RadioButton id="rdPerempuan" Text="Perempuan" GroupName="sex"
runat="server"/ >
<asp:Button ID="Button1" text="Kirim"
OnClick="PeriksaJKelamin"runat="server"/ > <br / >
<asp:Label id="Label1" runat="server"/ >

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control

Din En ISO 9001:2000


Cert. No : 01 100 075186

Sub Kirim(ByVal sender As Object, ByVal e As EventArgs)


Dim namaAnda As String = txtNama.Text
Dim umurAnda As String = rbUmur.SelectedItem.Text
Dim tahuDari As String = lbTahu.SelectedItem.Text
Dim pendapatAnda As String = rbPendapat.SelectedItem.text
lblHasilSurvey.Text = "Terima kasih: " & namaAnda & ", Umur Anda: "
& umurAnda & " "
lblHasilSurvey.Text &= " Anda Tahu Dari: " & tahuDari
lblHasilSurvey.Text &= " Pendapat Anda: " & pendapatAnda
If cbDikirim.Checked Then
lblHasilSurvey.Text &= " Hasil Survey Akan Kami Kirim"
End If
End Sub

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Web Control
Din En ISO 9001:2000
Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Validasi Data

Din En ISO 9001:2000


Cert. No : 01 100 075186

validasi data ditujukan untuk mengarahkan kepada user


supaya memasukkan inputan sesuai dengan format yang
kita harapkan sehingga program dapat berjalan dengan
baik. Dalam penggunaan kontrol ini digunakan property
Page.IsValid untuk memeriksa apakah validasi kontrol yang
digunakan sudah valid.
RequiredFieldValidator
Kontrol ini digunakan untuk memeriksa apakah value sudah
diisikan kedalam inputan, misalnya textbox

RangeValidator
Kontrol ini digunakan untuk memeriksa inputan apakah sudah
berada pada range yang kita inginkan.

Validasi Data

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

CompareValidator
Kontrol ini digunakan untuk memeriksa nilai yang dimasukkan
oleh user apakah sesuai dengan operator yang diberikan.
Fungsi operator yang digunakan antara lain :
Equal : apakah nilai yang dibandingka sama
GreatherThan : apakah nilai lebih besar
GreatherThanEqual : apakah nilai lebih besar sama dengan
LessThan : apakah nilai lebih kecil
LessThanEqual : apakah nilai lebih kecil sama dengan
NotEqual : apakah nilai tidak sama

RegularExpresionValidator
Kontrol ini digunakan untuk memeriksa apakah user
memasukkan nilai sesuai pola yang telah ditentukan pada
validation expresion. Biasanya kontrol ini digunakan untuk
memeriksa nomor telepon, tanggal, email dan sebagainya

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Validasi Data RequiredFieldValidator

Din En ISO 9001:2000


Cert. No : 01 100 075186

Sub Kirim(Sender asObject, EasEventArgs)


if Page.IsValid Then
lblPesan.Text="Terimakasih: " & txtNama.Text
End If
End Sub
<form id="form1" runat="server">
<asp:Label ID="lblpesan" runat="server" Text="Label"></ asp:Label>
Masukkan Nama Anda: <asp:TextBox ID="txtNama" runat="server
Width="234px"></ asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="txtNama" ErrorMessage="Silahkan Isikan
Nama"></ asp:RequiredFieldValidator>
<asp:Button ID="btnKirim" runat="server" Text="Kirim" OnClick="Kirim"/ >
</ form>

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Validasi Data RangeValidator

Din En ISO 9001:2000


Cert. No : 01 100 075186

Kontrol ini digunakan untuk memeriksa inputan apakah


sudah berada pada range yangdi inginkan.
Sub Kirim(Sender asObject, EasEventArgs)
if Page.IsValid Then
lblPesan.Text="Umur Anda: " & txtUmur.Text & Anda Bisa Membuka W
eb Ini!"
End If
End Sub

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Validasi Data RangeValidator

Din En ISO 9001:2000


Cert. No : 01 100 075186

<asp:label id="lblPesan" runat="server"/ >


Umur Anda:<asp:TextBox id="txtUmur" runat="server"/ >
<asp:RangeValidator ID="RangeValidator1" runat="server"
controlToValidate="txtUmur"
type="Integer"
minimumValue="22"
maximumValue="55"
ErrorMessage="Untuk Access Web Ini Umur Anda Harus Antara 22 - 55"
display="dynamic"/ >
<asp:Button id="btnKirim" runat="server" text="Kirim" OnClick="Kirim"/ >

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Validasi Data Compare Validator

Din En ISO 9001:2000


Cert. No : 01 100 075186

<form id="form1" runat="server">


<div>
Umur Anda : <asp:TextBox id="txtUmur" runat="server"/ >
&nbsp;<asp:compareValidator ID="CompareValidator1"
runat="server"
ControlToValidate="txtUmur"
ValueToCompare="17"
Type="Integer"
Operator="GreaterThanEqual"
ErrorMessage="Umur Harus 17 Tahun atau lebih...!"/ >
<asp:Button ID="btnKirim" runat="server" Text="Button"
<asp:label id="lblPesan" runat="server"/ >
</ form>

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Validasi Data Compare Validator

Din En ISO 9001:2000


Cert. No : 01 100 075186

Sub Kirim(ByVal Sender As Object, ByVal E As EventArgs) Handles btnKirim.Click


If Page.IsValid Then
lblPesan.Text = "Umur Anda: " & txtUmur.Text & " Tahun"
End If
End Sub

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Validasi Data RegularExpresionValidator

Din En ISO 9001:2000


Cert. No : 01 100 075186

No Telepon : <asp:TextBox id="txtNoTlp" runat="server"/ >


&nbsp;<asp:RegularExpressionValidator ID="RegularExpressionValidator1"
runat="server"
ControlToValidate="txtNoTlp"
ValidationExpression="[0-9]{3}-[0-9]{3}-[0-9]{4}"
ErrorMessage="Contoh No Telp: 021 - 555 - 2378!"/ >
<asp:Button id="btnKirim" runat="server" text="Kirim" OnClick="Kirim"/ >
<asp:label id="lblPesan" runat="server"/ >

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Validasi Data RegularExpresionValidator

Din En ISO 9001:2000


Cert. No : 01 100 075186

Sub Kirim(ByVal Sender As Object, ByVal E As EventArgs)


If Page.IsValid Then
lblPesan.Text = "Tlp Anda: " & txtNoTlp.Text
End If
End Sub

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Bekerja Dengan Folder

Din En ISO 9001:2000


Cert. No : 01 100 075186

<asp:Button ID="btnCreate" runat="server" Text="Membuat Direktori" / >


<asp:Label ID="lblPesan1" runat="server" Text="Label"></ asp:Label>
<asp:Button ID="btnHapus" runat="server" Text="Menghapus Direktori" / >
<asp:Label ID="lblPesan2" runat="server" Text="Label"></ asp:Label>
<asp:Button ID="btnCek" runat="server" Text="Cek Direktori" / >
<asp:Label ID="lblPesan3" runat="server" Text="Label"></ asp:Label>
<asp:Button ID="btnLihat" runat="server" Text="Lihat Isi Directory" / >
<asp:Label ID="lblInfo" runat="server" Text="Label"></ asp:Label>

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Bekerja Dengan Folder

Din En ISO 9001:2000


Cert. No : 01 100 075186

Imports System.IO
Partial Class controldirectory
Inherits System.Web.UI.Page
Protected Sub BuatDirektory(ByVal sender As Object, ByVal e As
System.EventArgs) Handles btnCreate.Click
Directory.CreateDirectory("C:\ Test")
lblPesan1.Text = "Directory Sudah Dibuat
End Sub
Protected Sub btnHapus_Click(ByVal sender As Object, ByVal e As
System.EventArgs) Handles btnHapus.Click
Directory.Delete("C:\ Test")
lblPesan2.text = "Directory Sudah Dihapus"
End Sub

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Bekerja Dengan Folder


Protected Sub btnCek_Click(ByVal sender As Object, ByVal e As
System.EventArgs) Handles btnCek.Click
If Directory.Exists("C:\ Test") Then
lblPesan3.Text = "Directory Ada!!!"
Else
lblPesan3.Text = "Directory Tidak Ada"
End If
End Sub
Protected Sub btnLihat_Click(ByVal sender As Object, ByVal e As
System.EventArgs) Handles btnLihat.Click
Dim namaFolder() As String
Dim i As String
lblInfo.Text = ""
namaFolder = Directory.GetDirectories("C:\ ")
For Each i In namaFolder
lblInfo.Text &= i & " "
Next
End Sub

Din En ISO 9001:2000


Cert. No : 01 100 075186

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Bekerja dengan File

Din En ISO 9001:2000


Cert. No : 01 100 075186

Operasi pembacaan dan penulisan sebuah file


disebut sebagai Stream, yaitu merupakan suatu
cara untuk mengakses berbagai data termasuk file.
(File Stream)

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Bekerja dengan File Membuat File

Din En ISO 9001:2000


Cert. No : 01 100 075186

If File.Exists("C:\ Test\ Coba.txt") Then


lblInfo.Text = "File Coba.txt Sudah Ada"
Else
File.Create("C:\ Test\ Coba.txt")
lblInfo.Text = "Proses Membuat File Coba.txt Berhasil!!!"
End If

Bekerja dengan File Membuka File

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Din En ISO 9001:2000


Cert. No : 01 100 075186

Method
Open : Membuka file dengan hak yang tidak disebutkan, akan
mengembalikan object stream
FileMode : Bagaimana file tersebut akan dibuka, apakah akan
dioverwrite atau ditambahkan
FileAccess : Cara membuka file tersebut (read only, write only
atau read write)
FileShare : Menangani penggunaan file secara bersamaan

OpenRead() : Mengembalikan stream dalam bentuk read only


OpenText() : Mengembalikan stream reader dari file yang
bersangkutan
OpenWrite() : Mengembalikan read write stream

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Bekerja dengan File Membaca File

Din En ISO 9001:2000


Cert. No : 01 100 075186

Protected Sub btnBaca_Click(ByVal sender As Object, ByVal e


As System.EventArgs) Handles btnBaca.Click
Dim namaFile As String = Server.MapPath("coba1.txt")
Dim objStreamReader As StreamReader
objStreamReader = File.OpenText(namaFile)
Dim isiFile As String = objStreamReader.ReadToEnd()
lblInfo.Text = isiFile.Replace(vbCrLf, "")
End Sub

SMK Telkom Sandh


ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128

Bekerja dengan File Menulis Isi File

Din En ISO 9001:2000


Cert. No : 01 100 075186

Protected Sub btnTulis_Click(ByVal sender As Object, ByVal e


As System.EventArgs) Handles btnTulis.Click
Dim isi As String = txtIsi.Text
Dim namaFile As String = Server.MapPath("coba2.txt")
Dim objStreamWriter As StreamWriter
objStreamWriter = New StreamWriter(namaFile, True)
objStreamWriter.WriteLine(isi)
objStreamWriter.Close()
lblinfo.Text = "File berhasil ditulis
End Sub