dasar pemrogaman web

Dasar Pemrograman WebPendahuluan

Pastil

ah kita

pernah men

g

unjungi suat

u situs

yan

g

sang

at berke

s

an, m

i

s

a

lnya dar

i

si

s

i

layout dan desainnya atau dari sisi int

e

ra

ktifny

a, s

e

perti bhinn

e

ka.co

m

, a

m

azon.c

om,

ebay.com, dan lain-lain.

Pastilah kit

a

pern

ah me

ngis

ikan se

su

atu pada se

buah situs

baik

itu

sebu

ah buku tamu, polling, e

m

ail da

n

lain

-lain. Lalu kita juga dapat melih

a

t

pada halaman tersebut seperti tanggal saat

in

i, jam,

dan jumlah pengunjung yang telah

melihat situ

s

tersebut.

Sebelum kita meranjak ke materi lainn

y

a,

ada baik

nya kita men

g

eri dahulu cara kerja

Internet dalam hal ini

konsep cl

ien

t

serv

er dan peer to peer. Kita tidak usah

mem

b

i

c

ar

aka

n

baga

im

an

a data be

rj

alan dan

sa

mpa

i

ketujuan dengan

melewat

i

berbagai per

a

ngkat-per

a

n

g

kat jaringan co

mputer karen

a

tidak akan

habis dibah

a

s

dalam satu b

a

b.

Konsep clien

t

server adalah koneksi

dan

komunik

a

si yang

dilakukan dua

computer

dim

a

na s

a

tu

sis

i

bertind

a

k seba

ga

i klien dan si

si

lain seba

ga

i

server, s

e

rv

er hanya

melayan

i

pe

rmit

aan

klie

n dank l

i

en

meng

ir

imk

a

n

atau

me

m

i

nta

suatu

p

r

ose

pa

da

serve

r

. Seda

ngkan peer

to peer ad

al

ah konse

p

teknolog

i di

m

a

na anta

ra

kedua si

si

tersebut me

njadi kabur,

satu sisi compute

r

ter

s

ebut bisa

berupa cl

ien

t

dengan

meminta

suatu layanan ke server dan

sisi la

in

computer ter

s

e

b

ut bisa be

r

u

pa ser

v

er

dengan men

e

rim

a

pr

ose

s

p

e

rmint

aan d

a

ri client.

Web Programming With ASP

1

Web Programming With ASP

2

Web dibuat dengan suatu bahasa pengkode

an HTML, agar dapat interaktif maka

seorang web development membuat suatu pemrograman agar dapat interaksi antara

pengunjung dan situs tersebut, ada banyak bahasa yang dapat digunakan seperti ASP,

PHP, Javascript, dan lain-lain.

Contohnya pada saat kita masuk ke situs

tertentu, terdapat hit counter, jam, dan

bukutamu, dan halaman polling. Lalu pertan

yaan dasar gimana kita membuat ini,

apakah bisa diwujudkan dengan hanya menggunakan HTML, atau butuh suatu script lain

untuk mewujudkannya. Jawabannya dengan ko

de HTML ini bisa diwujudkan dengan

sangat sederhana dan terbatas kemampuannya.

:: Sekilas cara kerja Web

Pada saat kita mengetikkan sesuatu alamat

pada browser maka data akan dilewatkan

oleh suatu protocol HTTP melewati port 80

pada server. Alamat ini adalah URL dari

suatu situs yang mempunyai alamat yang unik di Internet. Web Browser akan

mengirimkan suatu aturan yang telah disepa

kati sebelumnyua, aturan ini biasa disebut

sebagai protocol, stadar protocol menggunakan TCP/IP, proses ini dimulaid dengan

melakukan 3 way handshakes antara sumber dan tujuan.

Web browser, suatu aplikasi pada client

yang akan menampilkan halaman web sites

dari internet. Web browser di install di sisi user (OS) menampilkan informasi ke

komputer dengan interpreting bahasa pe

ngkodean HTML, dimana homepage berisi

gambar, suara, multimedia, dan reso

urces lainnya yang dapat diakases.

Files Coding pada HTML memberikan datanya ke browser apa yang akan ditampilkan ke

sisi client. Isi HTML yang akan ditampilkan bukan dari browsernya tetapi dari web

servernya dan Browser akan menginterpret ta

g HTML untuk link ke halaman berikutnya

Misalnya pada browser kita memasukan alamat

www.deris.co.tv

maka yang akan

terjadi adalah permintaan client akan dite

ruskan ke sebuah webserver yang mempunyai

alamat tertentu misalnya 20

2.159.31.150, agar mudah unt

uk diingat maka penulisan

menggunakan layanan DNS, dimana DNS untuk

merubah alamat IP tadi ke suatu kata

yang mudah untuk diingat misalnya deris.co.tv.

Web Programming With ASP

3

:: Web Programming ASP

ASP diperkenalkan ke dunia pertama kali oleh

Microsoft pada tangga

l 16 Juli 1996, dan

diberi nama kode

Denali

. Beta version dirilis pada bula

n November 1996, dan akhirnya

ASP Version 1.0

secara resmi dipasarkan ke publik

pada tanggal 12 Desember 1996.

Microsoft terus mengembangkan ASP.

Kita dapat menggunakan program notepad

untuk menuliskan kode-kodenya dan nanti

akan dieksekusi oleh browser, namun saat

ini ada banyak program untuk editor web

seperti dreamweaver yang sang

at disukai penulis karena perfomanya. Agar supaya ASP

dapat dijalankan dikomputer local maka di

butuhkan suatu webserver localhost seperti

IIS (internet information server) atau PWS

(Personal web server) yang ada pada cd

Windowsnya.

Seperti telah disinggung diawal bahwa pemrograman ASP akan kita ‘sisipkan’ pada kode

HTML biasa. ASP merupakan penerjemah VBScript dan Jscript pada web server, sampai

saat ini terdapat teknologi terayar Microsoft yaitu ASP.NET yang terintegrasi dalam

Microsoft.Net.

Bila VBScript kita gunakan untuk diekseku

si pada server, kita

menamakannya ASP dan

jika dieksekusi pada klien (brows

er) maka kita namakan VBScript.

Contoh penulisan pertama ASP

Tag html

...

<%

Script ASP

%>

...

Tag html

Contoh penulisan VBScript

Tag html

...

<script language=VBScript)

Script VBScript

</script>

...

Tag html

Setelah kita menuliskan pada editor buatla

h ekstension dengan

*.asp, dan tempatk

a

n

pada direktori yang telah kita konfigurasi

di vir

t

ual direktor

i pada saat

instalasi

webserv

e

r IIS atau PWS.

Untuk kasus di LA

B perh

atikan penomeran IP pada masing-

ma

sing meja co

mputer.

Latihan 1.

1 ASP.

<html>

<head>

<title> ASP Pertamaku</title>

</head>

<body>

<%

Dim halos

halos = "Hallo dieksekusi dari server"

Response.Write(halos)

%>

<hr>

<script language=VBScript>

Dim haloc

haloc = "Hallo dieksekusi dari client"

Document.Write(haloc)

</script>

</body>

</html>

Maka has

i

lnya di br

owser

adalah ;

Gam

b

ar

1.1 t

a

mp

ilan s

c

ri

p

t

latihan 1.

1

Web Programming With ASP

4

Namun cobal

a

h perhat

ikan source code dari

t

a

mpil

an 1.1, untu

k

melihat

source dari

brows

e

r clien

t

pilih View |

View Source.

M

a

ka akan t

e

rlihat se

pert

i dibaw

a

h in

i ;

Gam

b

ar

1.2 t

a

mp

ilan v

i

ew

sour

ce dar

i

b

r

owse

r

Latihan 1.

2 ASP.

<html>

<head>

<title><percobaan dengan ASP></title>

</head>

<body>

<%

response.write

(

"Selamat Datang di ASP <br> STMIK MDP Palembang <br>

Jl. Rajawali"

)

%>

</body>

</html

>

Dan hasilnya

akan ta

mpil s

e

perti di

baw

a

h ini ;

Web Programming With ASP

5

Gam

b

ar 1.3. tamp

ilan

lati

han

1.2.

Latihan 1.

3.

<html>

<head>

<title>Tampilan Tanggal</title>

</head>

<body>

<font size = 7 face="arial">Menampilkan tanggal hari

ini</font><br>

<b>Hari ini Tanggal </b>: <%=Date %> <br>

<B>Tapi sekarang Tanggal</b> : <%=Now %> <br>

<B>Bulan sekarang </b> : <%= month(Now) %> <br>

<B>Tahun sekarang </b> : <%= year(Now) %> <br>

<B>Bulan terbilang </b> : <%= monthname(month(now)) %> <br>

<B>Bilangan tanggal </b> : <%= day(Now) %> <br>

<B>Jam hari ini </b> : <%= hour(Now) %> <br>

<B>Menit hari ini </b> : <%= minute(Now) %> <br>

<B>Detik hari ini </b> : <%= second(Now) %> <br>

</body>

</html>

Maka tam

p

ila

n

dari s

c

r

i

pt diata

s

ad

alah

;

Web Programming With ASP

6