Bahasa Pemrograman Berbasis Web ASP .Net
Bahasa Pemrograman Berbasis W eb
ASP .Net
Ciptadi Jati Prayoga, S.Kom
SM K TELKOM SANDHY PUTRA PURW OERTO
Jl. D.I. Panjaitan No. 128
Konsep Dasar & Teknologi W eb
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Internet
• W W W (W orld W ide W eb)
– W eb
• W eb Statis
• W eb Dinamis.
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
• St ruct ural Layer
– Berhubungan dengan st rukt ur dokumen web.
– St andar : XHTM L & XM L
• Present at ion Layer
– Berhubungan pengat uran t ampilan dokumen pada layar,
suara, at au format pencet akan dokumen.
– Ex : CSS
• Behavioral Layer
– Berhubungan
dg
penggunaan
bahasa
pemrogramannya (int erakt if 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 Edit or
– Graphic Edit or
– 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
• Sit e M ap
• Web Sit e
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 singkat an dari “ HyperText Transfer Prot ocol“ .
M erupakan sebuah protokol jaringan dengan fitur-fit ur
Web-specific yang berjalan pada bagian terat as dari dua
lapisan protokol lain, TCP dan IP. TCP adalah sebuah
prot okol yang bert anggung jawab memast ikan file telah
dikirim dari akhir network t elah lengkap dikirmkan,
berhasil pada t ujuannya. IP merupakan sebuah protokol
yang mengarahkan (rout ing) file dari sat u host ke host lain
pada jalannya unt uk t ujuan. HTTP menggunakan dua
prot okol ini unt uk memast ikan bahwa permint aan dan
respon t elah 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 urut an Request/ Response: Sebuah
HTTP client membuka koneksi dan mengirim sebuah
pesan permint aan pada HTTP server; server kemudian
mengirimkan pesan respon, biasanya berisikan resource
yang dimint a. Set elah mengirimkan respon, server
menut up koneksi (membuat HTTP menjadi prot okol t anpa
st at us)
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
– Permint aan-permint aan dari client ke server berisikan
informasi t ent ang macam-macam dat a yang user inginkan.
Salah sat u it em informasi yang dienkapsulasi pada
permint aan HTTP adalah sebuah nama met hod. Ini
memberit ahu server macam-macam permint aan yang
dibuat , sebagaimana sisa pesan dari client diformat . Ada dua
prot okol 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
M et oda GET merupakan default pengiriman suat u dat a
form. M et ode GET mengirimkan dat a pada server dengan
cara melet akkannya pada bagian akhir URL yang menunjuk
pada script pemroses Jadi jika URL anda menunjuk ke CGI
Script pada URL “ cgi-bin/ script form” dan nama adalah
“ Salman” dan t elepon adalah “ 2503645” , maka URL akhir
yang dikirim ke server adalah :
/ cgi-bin/ script form?nama=salman& t elepon=2503645
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Arsitektur Client-Server
• POST
M etode
Din En ISO 9001:2000
Cert. No : 01 100 075186
POST t idak sepert i met ode GET yang
mengirimkan dat anya secara t erpisah pada suat u st andar
input . Script mengambil dat a form dari st andar input ini ,
dengan adanya penyimpanan dat a secara t ersendiri
membuat met oda POST bisa menyimpan dat a input dalam
jumlah banyak.
M engenkapsulasi at au menyembunyikan data di dalam
body pesan (message body) yang dikirim. Ket ika server
menerima permint aan dan menent ukan bahwa itu
merupakan sebuah permint aan POST, dapat dilihat dari
body pesan dat a t ersebut .
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, sepert i yang permint aan HTTP lakukan. M ereka
menggunakan kumpulan header yang berbeda
headers berisi informasi t ent ang prot okol HTTP yang
digunakan pada server, sebagaimana t ipe dari isi yang
dienkapsulasi ke dalam body pesan
Ini akan memberit ahu browser jika pesan berisi HTM L,
gambar, at au t ipe 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 t eknologi baru dalam pemrograman
web yang merupakan kelanjut an dari t eknologi ASP
3.0.
• Perbedaan ut ama dibanding ASP klasik adalah
penggunaan .NET Framework sebagai fondasi
pemrograman.
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
.NET Framew ork
Din En ISO 9001:2000
Cert. No : 01 100 075186
• adalah sebuah komponen yang dapat ditambahkan
ke sist em operasi M icrosoft Windows at au t elah
t erint egrasi ke dalam Windows (mulai dari Windows
Server 2003 dan versi-versi Window t erbaru).
• M enyediakan sejumlah besar solusi-solusi program
unt uk memenuhi kebut uhan-kebut uhan umum
suat u program baru, dan mengat ur eksekusi
program-program yang dit ulis secara khusus unt uk
framework ini.
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
.NET Framew ork
Din En ISO 9001:2000
Cert. No : 01 100 075186
• M erupakan kunci penawaran ut ama dari M icrosoft ,
dan dimaksudkan unt uk digunakan oleh sebagian
besar aplikasi-aplikasi baru yang dibuat unt uk
plat form Windows.
• .NET Framework memiliki 2 komponen ut ama: 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 dit ulis unt uk .NET
Framework dijalankan pada suatu lingkung soft ware
yang mengat ur persyarat an-persyarat an runt ime
program. Runt ime environment ini, yang juga
merupakan suat u bagian dari .NET Framework,
dikenal sebagai Common Language Runt ime (CLR).
CLR menyediakan penampilan dari applicat ion virt ual
machin sehingga para programmer t idak perlu
menget ahui kemampuan CPU tert ent u yang akan
menjalankan program. CLR juga menyediakan
layanan-layanan pent ing lainnya sepert i jaminan
keamanan, pengat uran memori, garbage collect ion
dan except ion handling / penanganan kesalahan
pada saat runt ime
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 konsist en 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 Applicat ion sehingga sangat memudahkan
memprogram aplikasi Windows dan Web secara
konsist en.
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 Cont rol yang dapat
digunakan membangun aplikasi secara cepat .
Programmer dapat dengan mudah mengkait kan dat a
ke web cont rol sebagaimana layaknya memprogram
windows applicat ion. Hal ini sangat mempercepat
pembuat an aplikasi dibandingkan harus menyusun
kode-kode HTM L secara manual
• 4. Code Behind, art inya kode-kode pemrograman
yang menjadi logic aplikasi dit empat kan t erpisah
dengan kode user int erface yang berbent uk HTM L.
Ini sangat memudahkan dalam debugging, karena
kode unt uk present at ion layer t idak t ercampur
dengan kode applicat ion logic
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Client-Server M odel
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Request / Response M odel
Dua at au lebih komput er bekerja sama, mengambil
informasi
dan
mengirim
informasi.
M odel
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 M odel
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Event Drivent M odel
ASP.NET secara akt if memeriksa dan menunggu apa
yang t erjadi di client dan server akan melakukan
t indakan sesuai yang diinginkan oleh client . ASP.NET
menggunakan ist ilah clever client side processing
unt uk membuat sebuah model event driven
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Client-Server M odel
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Client Side
– Kode akan seluruhnya diproses disisi 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 ditulis dalam bentuk script yang akan 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. M icrosoft .NET Framework minimal versi 1.1
• 2. Dat abase SQL Server dalam berbagai versinya.
(SQL Server Deskt op Engine, SQL Express 2000, at au
SQL Server Express 2005)
• 3. Edit or ASP.NET
• 4. Operat ing Syst em yang dapat digunakan adalah
Windows 2000/ 2003, Windows XP, at au Windows
NT.
• 5. Int ernet Informat ion 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
• M embuat Virtual Directory
Unt uk membuat virt ual direct ory dapat meng-klik
kanan direkt ori yang akan di gunakan. Kemudian
pilih Sharing and Security. Kemudian pada t ab W eb
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
M embuat W eb 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-W ebsite
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 dat a yang disimpan
secara
bersamaan
kedalam
sebuah
variabel
penyimpanan.
Cont oh :
Partial Class _Default
Inherits System.W eb.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 W orld"
Response.W rite("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 dit ujukan unt uk
melakukan t ugas t ert ent u.
• Isi Fungsi.aspx.vb
Dim nilai1 as Integer
Dim nilai2 As Integer
Sub fungsiTambah()
Dim total as Integer
total = nilai1 + nilai2
response.w rite("Hasil penjumlahan : " & total & "")
End Sub
Sub Page_Load(Sender As Object, e As EventArgs)
nilai1 = 2
nilai2 = 3
fungsiTambah()
End Sub
Fungsi
Din En ISO 9001:2000
Cert. No : 01 100 075186
Sub TotalNilai(Sender As Object, e As EventArgs)
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
nilai1 = 5
nilai2 = 6
fungsiTambah()
End Sub
Isi Fungsi.aspx
value="Tambah" runat="server"
Seleksi Kondisi (IF / CASE)
Dim bil As Integer
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Dim hasil As Integer
bil = 8
hasil = bil M od 2
If hasil = 0 Then
Response.W rite("Bilangan bulat")
Else
Response.W rite("Bukan bilangan bulat")
End If
Response.W rite("")
Select Case hasil
Case 0
Response.W rite("Bilangan bulat")
Case Else
Response.W rite("Bukan bilangan bulat")
End Select
Din En ISO 9001:2000
Cert. No : 01 100 075186
Looping
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Dim hari() As String = {"Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu", "M inggu"}
Protected Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs)
Handles form1.Load
Dim namaHari As String
Response.W rite("Daftar hari : ")
For Each namaHari In hari
Response.W rite(namaHari & "")
Next
Dim i As Integer
Response.W rite("Daftar hari : ")
For i = 1 To 7
Response.W rite(i & ". " & Hari(i-1) & "")
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
• Unt uk menangani kesalahan-kesalahan program
VB.NET meyediakan sebuah error t raping at au error
handling, yait u t ry… cat ch… finally… end t ry. Blog
finally bersifat opt ional.
Cont oh :
Dim namaHari As String = "Senin"
Try
Response.W rite("Hasilnya : " & (namaHari M od 2))
Catch
Response.W rite("Programnya salah lho ")
Finally
Response.W rite("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. M odel 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
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
W eb Server Control
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Web server cont rol merupakan cont rol yang dibuat
di server sehingga unt uk menggunakannya harus
dicompile t erlebih dahulu baru kemudian dikirimkan
ke browser. Web Server Cont rol hampir sama
dengan HTM L server cont rol karena keduanya samasama
menggunakan
at ribut
runat =” server.
Perbedaannya
adalah
Web
Server
Cont rol
mempunyai at uran penulisan sbagai berikut
. Berikut
ini adalah beberapa Web Cont rol yang sering
digunakan unt uk membangun halaman web.
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
W eb Control - Button
Isi w fbutton.aspx.vb
Sub Kirim(ByVal Source As Object, ByVal e As EventArgs)
btnKirim.Style("background-color") = "#7777FF"
btnKirim.Style("w idth") = "200px"
btnKirim.Text = "Sudah Dikirim“
End Sub
Isi w fbutton.aspx
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
W eb Control - Calendar
Din En ISO 9001:2000
Cert. No : 01 100 075186
Isi w fcalendar.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 w fcalendar.aspx
W eb Control - CheckBox
Sub Pengiriman(sender As Object, e As EventArgs)
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
dim hobby as string
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
W eb Control - CheckBox
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Hobby kamu :
W eb Control - DropDownList
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Sub Pengiriman(ByVal sender As Object, ByVal e As EventArgs)
txtM usik.Text = "M usik favorit kamu adalah " & ddM usik.SelectedItem.Text & "“
End Sub
Isi w fDropDow nList.aspx
Jazz
Rock
Pop
Dangdut
Campur Sari
W eb Control – Panel
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
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
W eb Control – Radio Button
Din En ISO 9001:2000
Cert. No : 01 100 075186
Sub PeriksaJKelamin(ByVal Sender As Object, ByVal e As EventArgs)
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
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:
& nbsp;& nbsp;
W eb Control
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
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
W eb Control
Din En ISO 9001:2000
Cert. No : 01 100 075186
Validasi Data
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
•
Din En ISO 9001:2000
Cert. No : 01 100 075186
validasi dat a dit ujukan unt uk mengarahkan kepada user
supaya memasukkan input an sesuai dengan format yang
kit a harapkan sehingga program dapat berjalan dengan
baik. Dalam penggunaan kont rol ini digunakan propert y
Page.IsValid unt uk memeriksa apakah validasi kont rol yang
digunakan sudah valid.
– RequiredFieldValidator
• Kont rol ini digunakan unt uk memeriksa apakah value sudah
diisikan kedalam input an, misalnya t ext box
– RangeValidator
• Kont rol ini digunakan unt uk memeriksa input an apakah sudah
berada pada range yang kit a 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
• Kont rol ini digunakan unt uk memeriksa nilai yang dimasukkan
oleh user apakah sesuai dengan operat or yang diberikan.
Fungsi operat or yang digunakan ant ara 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 t idak sama
– RegularExpresionValidator
• Kont rol ini digunakan unt uk memeriksa apakah user
memasukkan nilai sesuai pola yang t elah dit ent ukan pada
validat ion expresion. Biasanya kont rol ini digunakan unt uk
memeriksa nomor t elepon, t anggal, email dan sebagainya
Validasi Data – RequiredFieldValidator
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Sub Kirim(Sender as Object, E as EventArgs)
if Page.IsValid Then
lblPesan.Text="Terimakasih: " & txtNama.Text
End If
End Sub
M asukkan Nama Anda:
ASP .Net
Ciptadi Jati Prayoga, S.Kom
SM K TELKOM SANDHY PUTRA PURW OERTO
Jl. D.I. Panjaitan No. 128
Konsep Dasar & Teknologi W eb
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Internet
• W W W (W orld W ide W eb)
– W eb
• W eb Statis
• W eb Dinamis.
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
• St ruct ural Layer
– Berhubungan dengan st rukt ur dokumen web.
– St andar : XHTM L & XM L
• Present at ion Layer
– Berhubungan pengat uran t ampilan dokumen pada layar,
suara, at au format pencet akan dokumen.
– Ex : CSS
• Behavioral Layer
– Berhubungan
dg
penggunaan
bahasa
pemrogramannya (int erakt if 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 Edit or
– Graphic Edit or
– 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
• Sit e M ap
• Web Sit e
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 singkat an dari “ HyperText Transfer Prot ocol“ .
M erupakan sebuah protokol jaringan dengan fitur-fit ur
Web-specific yang berjalan pada bagian terat as dari dua
lapisan protokol lain, TCP dan IP. TCP adalah sebuah
prot okol yang bert anggung jawab memast ikan file telah
dikirim dari akhir network t elah lengkap dikirmkan,
berhasil pada t ujuannya. IP merupakan sebuah protokol
yang mengarahkan (rout ing) file dari sat u host ke host lain
pada jalannya unt uk t ujuan. HTTP menggunakan dua
prot okol ini unt uk memast ikan bahwa permint aan dan
respon t elah 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 urut an Request/ Response: Sebuah
HTTP client membuka koneksi dan mengirim sebuah
pesan permint aan pada HTTP server; server kemudian
mengirimkan pesan respon, biasanya berisikan resource
yang dimint a. Set elah mengirimkan respon, server
menut up koneksi (membuat HTTP menjadi prot okol t anpa
st at us)
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
– Permint aan-permint aan dari client ke server berisikan
informasi t ent ang macam-macam dat a yang user inginkan.
Salah sat u it em informasi yang dienkapsulasi pada
permint aan HTTP adalah sebuah nama met hod. Ini
memberit ahu server macam-macam permint aan yang
dibuat , sebagaimana sisa pesan dari client diformat . Ada dua
prot okol 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
M et oda GET merupakan default pengiriman suat u dat a
form. M et ode GET mengirimkan dat a pada server dengan
cara melet akkannya pada bagian akhir URL yang menunjuk
pada script pemroses Jadi jika URL anda menunjuk ke CGI
Script pada URL “ cgi-bin/ script form” dan nama adalah
“ Salman” dan t elepon adalah “ 2503645” , maka URL akhir
yang dikirim ke server adalah :
/ cgi-bin/ script form?nama=salman& t elepon=2503645
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Arsitektur Client-Server
• POST
M etode
Din En ISO 9001:2000
Cert. No : 01 100 075186
POST t idak sepert i met ode GET yang
mengirimkan dat anya secara t erpisah pada suat u st andar
input . Script mengambil dat a form dari st andar input ini ,
dengan adanya penyimpanan dat a secara t ersendiri
membuat met oda POST bisa menyimpan dat a input dalam
jumlah banyak.
M engenkapsulasi at au menyembunyikan data di dalam
body pesan (message body) yang dikirim. Ket ika server
menerima permint aan dan menent ukan bahwa itu
merupakan sebuah permint aan POST, dapat dilihat dari
body pesan dat a t ersebut .
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, sepert i yang permint aan HTTP lakukan. M ereka
menggunakan kumpulan header yang berbeda
headers berisi informasi t ent ang prot okol HTTP yang
digunakan pada server, sebagaimana t ipe dari isi yang
dienkapsulasi ke dalam body pesan
Ini akan memberit ahu browser jika pesan berisi HTM L,
gambar, at au t ipe 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 t eknologi baru dalam pemrograman
web yang merupakan kelanjut an dari t eknologi ASP
3.0.
• Perbedaan ut ama dibanding ASP klasik adalah
penggunaan .NET Framework sebagai fondasi
pemrograman.
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
.NET Framew ork
Din En ISO 9001:2000
Cert. No : 01 100 075186
• adalah sebuah komponen yang dapat ditambahkan
ke sist em operasi M icrosoft Windows at au t elah
t erint egrasi ke dalam Windows (mulai dari Windows
Server 2003 dan versi-versi Window t erbaru).
• M enyediakan sejumlah besar solusi-solusi program
unt uk memenuhi kebut uhan-kebut uhan umum
suat u program baru, dan mengat ur eksekusi
program-program yang dit ulis secara khusus unt uk
framework ini.
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
.NET Framew ork
Din En ISO 9001:2000
Cert. No : 01 100 075186
• M erupakan kunci penawaran ut ama dari M icrosoft ,
dan dimaksudkan unt uk digunakan oleh sebagian
besar aplikasi-aplikasi baru yang dibuat unt uk
plat form Windows.
• .NET Framework memiliki 2 komponen ut ama: 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 dit ulis unt uk .NET
Framework dijalankan pada suatu lingkung soft ware
yang mengat ur persyarat an-persyarat an runt ime
program. Runt ime environment ini, yang juga
merupakan suat u bagian dari .NET Framework,
dikenal sebagai Common Language Runt ime (CLR).
CLR menyediakan penampilan dari applicat ion virt ual
machin sehingga para programmer t idak perlu
menget ahui kemampuan CPU tert ent u yang akan
menjalankan program. CLR juga menyediakan
layanan-layanan pent ing lainnya sepert i jaminan
keamanan, pengat uran memori, garbage collect ion
dan except ion handling / penanganan kesalahan
pada saat runt ime
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 konsist en 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 Applicat ion sehingga sangat memudahkan
memprogram aplikasi Windows dan Web secara
konsist en.
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 Cont rol yang dapat
digunakan membangun aplikasi secara cepat .
Programmer dapat dengan mudah mengkait kan dat a
ke web cont rol sebagaimana layaknya memprogram
windows applicat ion. Hal ini sangat mempercepat
pembuat an aplikasi dibandingkan harus menyusun
kode-kode HTM L secara manual
• 4. Code Behind, art inya kode-kode pemrograman
yang menjadi logic aplikasi dit empat kan t erpisah
dengan kode user int erface yang berbent uk HTM L.
Ini sangat memudahkan dalam debugging, karena
kode unt uk present at ion layer t idak t ercampur
dengan kode applicat ion logic
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Client-Server M odel
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Request / Response M odel
Dua at au lebih komput er bekerja sama, mengambil
informasi
dan
mengirim
informasi.
M odel
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 M odel
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Event Drivent M odel
ASP.NET secara akt if memeriksa dan menunggu apa
yang t erjadi di client dan server akan melakukan
t indakan sesuai yang diinginkan oleh client . ASP.NET
menggunakan ist ilah clever client side processing
unt uk membuat sebuah model event driven
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Client-Server M odel
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Client Side
– Kode akan seluruhnya diproses disisi 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 ditulis dalam bentuk script yang akan 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. M icrosoft .NET Framework minimal versi 1.1
• 2. Dat abase SQL Server dalam berbagai versinya.
(SQL Server Deskt op Engine, SQL Express 2000, at au
SQL Server Express 2005)
• 3. Edit or ASP.NET
• 4. Operat ing Syst em yang dapat digunakan adalah
Windows 2000/ 2003, Windows XP, at au Windows
NT.
• 5. Int ernet Informat ion 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
• M embuat Virtual Directory
Unt uk membuat virt ual direct ory dapat meng-klik
kanan direkt ori yang akan di gunakan. Kemudian
pilih Sharing and Security. Kemudian pada t ab W eb
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
M embuat W eb 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-W ebsite
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 dat a yang disimpan
secara
bersamaan
kedalam
sebuah
variabel
penyimpanan.
Cont oh :
Partial Class _Default
Inherits System.W eb.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 W orld"
Response.W rite("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 dit ujukan unt uk
melakukan t ugas t ert ent u.
• Isi Fungsi.aspx.vb
Dim nilai1 as Integer
Dim nilai2 As Integer
Sub fungsiTambah()
Dim total as Integer
total = nilai1 + nilai2
response.w rite("Hasil penjumlahan : " & total & "")
End Sub
Sub Page_Load(Sender As Object, e As EventArgs)
nilai1 = 2
nilai2 = 3
fungsiTambah()
End Sub
Fungsi
Din En ISO 9001:2000
Cert. No : 01 100 075186
Sub TotalNilai(Sender As Object, e As EventArgs)
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
nilai1 = 5
nilai2 = 6
fungsiTambah()
End Sub
Isi Fungsi.aspx
value="Tambah" runat="server"
Seleksi Kondisi (IF / CASE)
Dim bil As Integer
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Dim hasil As Integer
bil = 8
hasil = bil M od 2
If hasil = 0 Then
Response.W rite("Bilangan bulat")
Else
Response.W rite("Bukan bilangan bulat")
End If
Response.W rite("")
Select Case hasil
Case 0
Response.W rite("Bilangan bulat")
Case Else
Response.W rite("Bukan bilangan bulat")
End Select
Din En ISO 9001:2000
Cert. No : 01 100 075186
Looping
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Dim hari() As String = {"Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu", "M inggu"}
Protected Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs)
Handles form1.Load
Dim namaHari As String
Response.W rite("Daftar hari : ")
For Each namaHari In hari
Response.W rite(namaHari & "")
Next
Dim i As Integer
Response.W rite("Daftar hari : ")
For i = 1 To 7
Response.W rite(i & ". " & Hari(i-1) & "")
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
• Unt uk menangani kesalahan-kesalahan program
VB.NET meyediakan sebuah error t raping at au error
handling, yait u t ry… cat ch… finally… end t ry. Blog
finally bersifat opt ional.
Cont oh :
Dim namaHari As String = "Senin"
Try
Response.W rite("Hasilnya : " & (namaHari M od 2))
Catch
Response.W rite("Programnya salah lho ")
Finally
Response.W rite("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. M odel 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
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
W eb Server Control
Din En ISO 9001:2000
Cert. No : 01 100 075186
• Web server cont rol merupakan cont rol yang dibuat
di server sehingga unt uk menggunakannya harus
dicompile t erlebih dahulu baru kemudian dikirimkan
ke browser. Web Server Cont rol hampir sama
dengan HTM L server cont rol karena keduanya samasama
menggunakan
at ribut
runat =” server.
Perbedaannya
adalah
Web
Server
Cont rol
mempunyai at uran penulisan sbagai berikut
. Berikut
ini adalah beberapa Web Cont rol yang sering
digunakan unt uk membangun halaman web.
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
W eb Control - Button
Isi w fbutton.aspx.vb
Sub Kirim(ByVal Source As Object, ByVal e As EventArgs)
btnKirim.Style("background-color") = "#7777FF"
btnKirim.Style("w idth") = "200px"
btnKirim.Text = "Sudah Dikirim“
End Sub
Isi w fbutton.aspx
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
W eb Control - Calendar
Din En ISO 9001:2000
Cert. No : 01 100 075186
Isi w fcalendar.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 w fcalendar.aspx
W eb Control - CheckBox
Sub Pengiriman(sender As Object, e As EventArgs)
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
dim hobby as string
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
W eb Control - CheckBox
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Hobby kamu :
W eb Control - DropDownList
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Sub Pengiriman(ByVal sender As Object, ByVal e As EventArgs)
txtM usik.Text = "M usik favorit kamu adalah " & ddM usik.SelectedItem.Text & "“
End Sub
Isi w fDropDow nList.aspx
Jazz
Rock
Pop
Dangdut
Campur Sari
W eb Control – Panel
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
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
W eb Control – Radio Button
Din En ISO 9001:2000
Cert. No : 01 100 075186
Sub PeriksaJKelamin(ByVal Sender As Object, ByVal e As EventArgs)
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
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:
& nbsp;& nbsp;
W eb Control
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
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
W eb Control
Din En ISO 9001:2000
Cert. No : 01 100 075186
Validasi Data
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
•
Din En ISO 9001:2000
Cert. No : 01 100 075186
validasi dat a dit ujukan unt uk mengarahkan kepada user
supaya memasukkan input an sesuai dengan format yang
kit a harapkan sehingga program dapat berjalan dengan
baik. Dalam penggunaan kont rol ini digunakan propert y
Page.IsValid unt uk memeriksa apakah validasi kont rol yang
digunakan sudah valid.
– RequiredFieldValidator
• Kont rol ini digunakan unt uk memeriksa apakah value sudah
diisikan kedalam input an, misalnya t ext box
– RangeValidator
• Kont rol ini digunakan unt uk memeriksa input an apakah sudah
berada pada range yang kit a 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
• Kont rol ini digunakan unt uk memeriksa nilai yang dimasukkan
oleh user apakah sesuai dengan operat or yang diberikan.
Fungsi operat or yang digunakan ant ara 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 t idak sama
– RegularExpresionValidator
• Kont rol ini digunakan unt uk memeriksa apakah user
memasukkan nilai sesuai pola yang t elah dit ent ukan pada
validat ion expresion. Biasanya kont rol ini digunakan unt uk
memeriksa nomor t elepon, t anggal, email dan sebagainya
Validasi Data – RequiredFieldValidator
Din En ISO 9001:2000
Cert. No : 01 100 075186
SMK Telkom Sandh
ndhy Putra Purwokerto
Jl. D.I. Panjaitan N0
N0. 128
Sub Kirim(Sender as Object, E as EventArgs)
if Page.IsValid Then
lblPesan.Text="Terimakasih: " & txtNama.Text
End If
End Sub
M asukkan Nama Anda: