• Tidak ada hasil yang ditemukan

Bahasa Pemrograman Berbasis Web ASP .Net

N/A
N/A
Protected

Academic year: 2017

Membagikan "Bahasa Pemrograman Berbasis Web ASP .Net"

Copied!
68
0
0

Teks penuh

(1)

Bahasa Pemrograman Berbasis W eb

ASP .Net

SM K TELKOM SANDHY PUTRA PURW OERTO Jl. D.I. Panjaitan No. 128

(2)

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

(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

• 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).

(4)

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

(5)

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

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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

(11)

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 :

(12)

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.

(13)

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]
(14)

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

(15)

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

(16)

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

(17)

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

(18)

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

(19)

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

(20)

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

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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 clientServer Side

Secara keseluruhan kode dieksekusi di sisi server

Kode ditulis dalam bentuk script yang akan dikompilasi

(26)

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.

(27)

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

(28)

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

(29)

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

(30)

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

(31)

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

(32)

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

(33)

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

(34)

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

(35)

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

(36)

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"/ >

(37)

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")

(38)

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

(39)

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!")

(40)

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

(41)

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 / >

(42)

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

(43)

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

(44)

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>

(45)

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

(46)

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 / >

(47)

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 / >

(48)

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"

(49)

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"

(50)

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

(51)

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

(52)

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

(53)

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

(54)

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"/ >

(55)

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

(56)

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"/ >

(57)

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"/ >

(58)

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

(59)

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

(60)

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

(61)

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" / >

(62)

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"

(63)

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

(64)

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

(65)

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!!!"

(66)

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

(67)

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, "")

(68)

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“

Gambar

gambar, atau tipe lainnya

Referensi

Dokumen terkait

 Pembentukan Satuan Tugas Sapu Bersih Pungutan Liar (Satgas Saber Pungli) Kabupaten Banjarnegara sesuai dengan Keputusan Bupati Banjarnegara Nomor: 700/1290

Untuk menentukan batas maritim antara Indonesia dengan Timor Leste pada Selat Wetar dan Selat Ombai yang adil bagi kedua negara tersebut berdasarkan Konvensi Hukum

Semoga Alloh Ta'ala menjadikan kita termasuk dari orang-orang yang menerima dan mengikuti da'wah Tauhid yang diserukan oleh Nabi kita Muhammad Shollallohu 'Alaihi

Data masukan yang diperlukan yaitu: curah hujan, evapotranspirasi potensial (ETP), lengas tanah pada tingkat kapasitas lapang (KL) masing-masing jenis tanah, dan kandungan

VIDEO INTERAKTIF UNTUK MENINGKATKAN KETERAMPILAN NEMBANG MACAPAT PADA SISWA KELAS IV SDN MANGKUYUDAN.. 02 LAWEYAN SURAKARTA TAHUN AJARAN 2014/2015”

Rancangan dari suatu studi kasus bergantung pada keadaan kasus namun tetap mempertimbangkan faktor penelitian waktu. Riwayat dan pola perilaku sebelumnya biasanya dikaji secara

Oleh karena itu, keadaan keseimbangan ini akan tercapai jika dengan strategi yang optimal dari kedua pemain, salah satu pemain menang dan pemain lainnya kalah dengan nilai fungsi