Bahasa Pemrograman Berbasis W eb
ASP .Net
SM K TELKOM SANDHY PUTRA PURW OERTO Jl. D.I. Panjaitan No. 128
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• Internet
• W W W (W orld W ide W eb) – W eb
• W eb Statis
• W eb Dinamis.
Konsep Dasar & Teknologi W eb
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• St ruct ural Layer
– Berhubungan dengan st rukt ur dokumen w eb. – St andar : XHTM L & XM L
• Present at ion Layer
– Berhubungan pengat uran t ampilan dokumen pada layar,
Standar Teknologi Web
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 – Berhubungan pengat uran t ampilan dokumen pada layar,
suara, at au format pencet akan dokumen. – Ex : CSS
• Behavioral Layer
– Berhubungan dg penggunaan bahasa skrip dan pemrogramannya (int erakt if dan dinamis).
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• Perangkat Keras
• Perangkat Lunak
– OS
– Web Server – Web Edit or
Persiapan Pembuatan Web
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 – Web Edit or
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• Web Page
• Home Page
• Sit e M ap
• Web Sit e
Web
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
W
eb
S
ite
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
A
rs
itek
tur
C
lient
-S
erv
er
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• HTTP
– HTTP singkat an dari “ HyperText Transfer Prot ocol“ . M erupakan sebuah prot okol jaringan dengan fit ur-fit ur Web-specific yang berjalan pada bagian t erat as dari dua lapisan prot okol lain, TCP dan IP. TCP adalah sebuah prot okol yang bert anggung jawab memast ikan file t elah
Arsitektur Client-Server
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 prot okol yang bert anggung jawab memast ikan file t elah
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Arsitektur Client-Server
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 yang dimint a. Set elah mengirimkan respon, server
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Arsitektur Client-Server
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 memberit ahu server macam-macam permint aan yang
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Arsitektur Client-Server
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
Script pada URL “ cgi-bin/ script form” dan nama adalah “ Salman” dan t elepon adalah “ 2503645” , maka URL akhir yang dikirim ke server adalah :
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• POST
M et ode 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
Arsitektur Client-Server
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
membuat met oda POST bisa menyimpan dat a input dalam jumlah banyak.
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Arsitektur Client-Server
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
digunakan pada server, sebagaimana t ipe dari isi yang dienkapsulasi ke dalam body pesan
[image:13.842.45.765.21.538.2]C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
A
rs
itek
tur
S
erv
er
S
ide
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Apa itu ASP.NET
• ASP.NET adalah t eknologi baru dalam pemrograman w eb yang merupakan kelanjut an dari t eknologi ASP 3.0.
• Perbedaan ut ama dibanding ASP klasik adalah penggunaan .NET Framew ork sebagai fondasi pemrograman.
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• adalah sebuah komponen yang dapat dit ambahkan ke sist em operasi M icrosoft Window s at au t elah t erint egrasi ke dalam Window s (mulai dari Window s Server 2003 dan versi-versi Window t erbaru).
• M enyediakan sejumlah besar solusi-solusi program
unt uk memenuhi kebut uhan-kebut uhan umum
.NET Framew ork
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 unt uk memenuhi kebut uhan-kebut uhan umum
suat u program baru, dan mengat ur eksekusi
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• M erupakan kunci penaw aran ut ama dari M icrosoft , dan dimaksudkan unt uk digunakan oleh sebagian besar aplikasi-aplikasi baru yang dibuat unt uk
plat form Window s.
• .NET Framew ork memiliki 2 komponen ut ama: CLR dan .NET Framew ork Class Library.
.NET Framew ork
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• Program - program yang dit ulis unt uk .NET
Framew ork dijalankan pada suat u lingkung soft w are
yang mengat ur persyarat an-persyarat an runt ime
program. Runt ime environment ini, yang juga
merupakan suat u bagian dari .NET Framew ork, dikenal sebagai Common Language Runt ime (CLR). CLR menyediakan penampilan dari applicat ion virt ual
Common Language Runtime (CLR)
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 CLR menyediakan penampilan dari applicat ion virt ual
machin sehingga para programmer t idak perlu
menget ahui kemampuan CPU t ert ent u yang akan
menjalankan program. CLR juga menyediakan
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
CLR
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
CLR
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 1. Kemudahan mengakses berbagai library .NET Framew ork secara konsist en dan pow erful, 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
Keunggulan ASP.NET
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 Dalam ASP.NET bahasa-bahasa ini dapat digunakan
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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 w indow s applicat ion. Hal ini sangat mempercepat pembuat an aplikasi dibandingkan harus menyusun kode-kode HTM L secara manual
Keunggulan ASP.NET
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
kode-kode HTM L secara manual
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Client-Server M odel
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 proses client akan mengirimkan request kepada
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Client-Server M odel
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 menggunakan ist ilah clever client side processing
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Client-Server M odel
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 – Biasa digunakan untuk menambahkan efek disisi client • Server Side
– Secara keseluruhan kode dieksekusi di sisi server
– Kode ditulis dalam bentuk script yang akan dikompilasi
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 1. M icrosoft .NET Framew ork 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
Persiapan
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 • 3. Edit or ASP.NET
• 4. Operat ing Syst em yang dapat digunakan adalah Window s 2000/ 2003, Window s XP, at au Window s NT.
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Persiapan
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 Sharing pilih Share This Folder. Kemudian masukkan
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
M
e
m
b
u
a
t W
e
b
D
e
n
g
a
n
V
S
.2
0
0
8
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
C
re
a
te
-W
e
b
si
te
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
A
S
P
.N
e
t P
ro
je
c
t
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
D
e
si
g
n
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
D
e
si
g
n
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
D
e
si
g
n
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• Array merupakan sekumpulan dat a yang disimpan
secara bersamaan kedalam sebuah variabel
penyimpanan.
Cont oh :
Partial Class _Default
Array
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 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
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Fungsi
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 Dim nilai2 As Integer Sub fungsiTambah() Dim total as Integer
total = nilai1 + nilai2
response.w rite("Hasil penjumlahan : " & total & "</ br>") End Sub
Sub Page_Load(Sender As Object, e As EventArgs) nilai1 = 2
nilai2 = 3
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Sub TotalNilai(Sender As Object, e As EventArgs) nilai1 = 5
nilai2 = 6
fungsiTambah() End Sub
Isi Fungsi.aspx
Fungsi
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
<Form runat="server">
<Input type="button" id="btnTambah" value="Tambah" runat="server" onServerClick="totalNilai"/ >
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Dim bil As Integer
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")
Seleksi Kondisi (IF / CASE)
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 Response.W rite("Bukan bilangan bulat")
End If
Response.W rite("</ br>")
Select Case hasil
Case 0
Response.W rite("Bilangan bulat")
Case Else
Response.W rite("Bukan bilangan bulat")
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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 : </ br>") For Each namaHari In hari
Response.W rite(namaHari & "</ br>")
Looping
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
Next
Dim i As Integer
Response.W rite("Daftar hari : </ br>") For i = 1 To 7
Response.W rite(i & ". " & Hari(i-1) & "</ br>") Next
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Error Handling
• 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"
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 Dim namaHari As String = "Senin" Try
Response.W rite("Hasilnya : " & (namaHari M od 2))
Catch
Response.W rite("Programnya salah lho </ br>")
Finally
Response.W rite("Selesai!")
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Server Control Event
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 memasukkan nama kedalam sebuah form. Event ini dapat
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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
Server Control Event
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 Isi TampilkanNama.aspx
<asp:Label ID="lblNama" runat="server" Text="M asukkan Nama :"></ asp:Label><br / > <asp:TextBox ID="TxtNama" runat="server"></ asp:TextBox><br / >
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• Web server cont rol merupakan cont rol yang dibuat di server sehingga unt uk menggunakannya harus dicompile t erlebih dahulu baru kemudian dikirimkan ke brow ser. Web Server Cont rol hampir sama dengan HTM L server cont rol karena keduanya
sama-sama menggunakan at ribut runat =” server.
W eb Server Control
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 sama menggunakan at ribut runat =” server.
Perbedaannya adalah Web Server Cont rol
mempunyai at uran penulisan sbagai berikut
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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
W eb Control - Button
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 End Sub
Isi w fbutton.aspx
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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
W eb Control - Calendar
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
Isi w fcalendar.aspx
<asp:Calendar id="Calendar1" onSelectionChanged="pilihTanggal" runat="server"> <W eekendDayStyle BackColor="#fafad2" ForeColor="#ff0000" / >
<DayHeaderStyle ForeColor="#0000ff" / > <TodayDayStyle BackColor="#00ff00" / >
<titlestyle backcolor="#0099FF" forecolor="#FFFFFF" font-bold="true"/ > </ asp:Calendar>
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Sub Pengiriman(sender As Object, e As EventArgs) dim hobby as string
if chk01.Checked then
hobby = chk01.Text & ", " end if
if chk02.Checked then
hobby = chk02.Text & ", " end if
W eb Control - CheckBox
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 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
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Hobby kamu :<br / >
<asp:CheckBox id="chk01" Text="M akan" AutoPostBack="True" OnCheckedChanged="Pengiriman" runat="server" / >
<br / >
<asp:CheckBox id="chk02" Text="Tidur" AutoPostBack="True" OnCheckedChanged="Pengiriman" runat="server" / >
W eb Control - CheckBox
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 OnCheckedChanged="Pengiriman" runat="server" / >
<br / >
<asp:CheckBox id="chk03" Text="Nonton TV" AutoPostBack="True" OnCheckedChanged="Pengiriman" runat="server" / >
<br / >
<br / >
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Sub Pengiriman(ByVal sender As Object, ByVal e As EventArgs)
txtM usik.Text = "M usik favorit kamu adalah <b>" & ddM usik.SelectedItem.Text & "</ b>“ End Sub
Isi w fDropDow nList.aspx
<asp:DropDow nList ID="ddM usik" runat="server"> <asp:ListItem>Jazz</ asp:ListItem>
<asp:ListItem>Rock</ asp:ListItem>
W eb Control -
DropDownList
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 <asp:ListItem>Rock</ asp:ListItem>
<asp:ListItem>Pop</ asp:ListItem> <asp:ListItem>Dangdut</ asp:ListItem> <asp:ListItem>Campur Sari</ asp:ListItem> </ asp:DropDow nList>
<br / >
<asp:Button ID="Kirim" OnClick="Pengiriman" runat="server" Text="Kirim" / > <br / >
<br / >
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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 – Panel
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
<asp:Panel ID="panelCoba" runat="server" backColor="#FFFF00" Height="50px" W idth="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"
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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
W eb Control – Radio Button
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
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"
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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 & " "
W eb Control
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 & 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
C
e
rt
. N
o
:
0
1
1
0
0
0
7
5
1
8
6
ndhy Putra Purwokerto N0. 128
D
in
E
n
IS
O
9
0
0
1
:2
0
0
0
W
e
b
C
o
n
tr
o
l
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• 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
Validasi Data
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
– RequiredFieldValidator
• Kont rol ini digunakan unt uk memeriksa apakah value sudah diisikan kedalam input an, misalnya t ext box
– RangeValidator
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
– 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
Validasi Data
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 – 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
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Sub Kirim(Sender as Object, E as EventArgs)
if Page.IsValid Then
lblPesan.Text="Terimakasih: " & txtNama.Text
End If
End Sub
<form id="form1" runat="server">
Validasi Data – RequiredFieldValidator
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 <form id="form1" runat="server">
<asp:Label ID="lblpesan" runat="server" Text="Label"></ asp:Label>
M asukkan Nama Anda: <asp:TextBox ID="txtNama" runat="server“ W idth="234px"></ asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="txtNama" ErrorM essage="Silahkan Isikan Nama"></ asp:RequiredFieldValidator>
<asp:Button ID="btnKirim" runat="server" Text="Kirim" OnClick="Kirim"/ >
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• Kontrol ini digunakan untuk memeriksa inputan apakah sudah berada pada range yang di inginkan.
Sub Kirim(Sender as Object, E as EventArgs)
if Page.IsValid Then
lblPesan.Text="Umur Anda: " & txtUmur.Text & ”Anda Bisa M embuka W
Validasi Data – RangeValidator
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 lblPesan.Text="Umur Anda: " & txtUmur.Text & ”Anda Bisa M embuka W eb Ini!"
End If
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
<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"
Validasi Data – RangeValidator
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 minimumValue="22"
maximumValue="55"
ErrorM essage="Untuk Access W eb Ini Umur Anda Harus Antara 22 - 55"
display="dynamic"/ >
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
<form id="form1" runat="server"> <div>
Umur Anda : <asp:TextBox id="txtUmur" runat="server"/ > & nbsp;<asp:compareValidator ID="CompareValidator1" runat="server"
ControlToValidate="txtUmur"
Validasi Data – Compare Validator
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 ControlToValidate="txtUmur"
ValueToCompare="17" Type="Integer"
Operator="GreaterThanEqual"
ErrorM essage="Umur Harus 17 Tahun atau lebih...!"/ > <asp:Button ID="btnKirim" runat="server" Text="Button" <asp:label id="lblPesan" runat="server"/ >
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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
Validasi Data – Compare Validator
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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}"
ErrorM essage="Contoh No Telp: 021 - 555 - 2378!"/ >
<asp:Button id="btnKirim" runat="server" text="Kirim" OnClick="Kirim"/ > Validasi Data – RegularExpresionValidator
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Sub Kirim(ByVal Sender As Object, ByVal E As EventArgs)
If Page.IsValid Then
lblPesan.Text = "Tlp Anda: " & txtNoTlp.Text
End If
End Sub
Validasi Data – RegularExpresionValidator
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
<asp:Button ID="btnCreate" runat="server" Text="M embuat Direktori" / >
<asp:Label ID="lblPesan1" runat="server" Text="Label"></ asp:Label>
<asp:Button ID="btnHapus" runat="server" Text="M enghapus Direktori" / >
<asp:Label ID="lblPesan2" runat="server" Text="Label"></ asp:Label> Bekerja Dengan Folder
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
<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" / >
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Imports System.IO
Partial Class controldirectory
Inherits System.W eb.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
Bekerja Dengan Folder
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 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"
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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
Bekerja Dengan Folder
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
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
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Operasi pembacaan dan penulisan sebuah file disebut sebagai “ St ream” , yait u merupakan suat u cara unt uk mengakses berbagai dat a t ermasuk file. (File St ream)
Bekerja dengan File
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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 M embuat File Coba.txt Berhasil!!!"
Bekerja dengan File – M embuat File
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 lblInfo.Text = "Proses M embuat File Coba.txt Berhasil!!!"
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
• M ethod
– Open : M embuka file dengan hak yang t idak disebut kan, akan mengembalikan object st ream
• FileM ode : Bagaimana file t ersebut akan dibuka, apakah akan dioverw rit e at au dit ambahkan
• FileAccess : Cara membuka file t ersebut (read only, w rit e only at au read w rit e)
Bekerja dengan File – M embuka File
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
• FileShare : M enangani penggunaan file secara bersamaan
– OpenRead() : M engembalikan st ream dalam bent uk read only – OpenText() : M engembalikan st ream reader dari file yang
bersangkut an
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
Protected Sub btnBaca_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnBaca.Click
Dim namaFile As String = Server.M apPath("coba1.txt")
Dim objStreamReader As StreamReader
objStreamReader = File.OpenText(namaFile)
Bekerja dengan File – M embaca File
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0
Dim isiFile As String = objStreamReader.ReadToEnd()
lblInfo.Text = isiFile.Replace(vbCrLf, "")
Cert. No : 01 100 075186
n
d
h
y
P
u
tr
a
P
u
rw
o
k
e
rt
o
N0
.
1
2
8
Din En ISO 9001:2000
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.M apPath("coba2.txt")
Dim objStreamW riter As StreamW riter
objStreamW riter = New StreamW riter(namaFile, True)
Bekerja dengan File – M enulis Isi File
S
M
K
T
e
lk
o
m
S
a
n
d
h
J
l.
D.
I.
P
a
n
ja
it
a
n
N0 objStreamW riter = New StreamW riter(namaFile, True)
objStreamW riter.W riteLine(isi)
objStreamW riter.Close()
lblinfo.Text = "File berhasil ditulis“