DASAR PEMOGRAMAN WEB

 :: Pendahuluan

Pastilah kita pernah mengunjungi suatu situs yang sangat berkesan, misalnya dari sisi layout dan desainnya atau dari sisi interaktifnya, seperti bhinneka.com, amazon.com, ebay.com, dan lain-lain. Pastilah kita pernah mengisikan sesuatu pada sebuah situs baik itu sebuah buku tamu, polling, email dan lain-lain. Lalu kita juga dapat melihat pada halaman tersebut seperti tanggal saat ini, jam, dan jumlah pengunjung yang telah melihat situs tersebut.

Sebelum kita meranjak ke materi lainnya, ada baiknya kita mengeri dahulu cara kerja Internet dalam hal ini konsep client server dan peer to peer. Kita tidak usah membicarakan bagaimana data berjalan dan sampai ketujuan dengan melewati berbagai perangkat-perangkat jaringan computer karena tidak akan habis dibahas dalam satu bab.

Konsep client server adalah koneksi dan komunikasi yang dilakukan dua computer dimana satu sisi bertindak sebagai klien dan sisi lain sebagai server, server hanya melayani permitaan klien dank lien mengirimkan atau meminta suatu prose pada server. Sedangkan peer to peer adalah konsep teknologi dimana antara kedua sisi tersebut menjadi kabur, satu sisi computer tersebut bisa berupa client dengan meminta suatu layanan ke server dan sisi lain computer tersebut bisa berupa server dengan menerima proses permintaan dari client.

>> Dasar Pemrograman Web

1

Web Programming With ASP 1 Web Programming With ASP 2

Web dibuat dengan suatu bahasa pengkodean 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 pertanyaan dasar gimana kita membuat ini, apakah bisa diwujudkan dengan hanya menggunakan HTML, atau butuh suatu script lain untuk mewujudkannya. Jawabannya dengan kode 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 disepakati 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 pengkodean HTML, dimana homepage berisi gambar, suara, multimedia, dan resources 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 tag HTML untuk link ke halaman berikutnya

Misalnya pada browser kita memasukan alamat www.deris.co.tv maka yang akan terjadi adalah permintaan client akan diteruskan ke sebuah webserver yang mempunyai alamat tertentu misalnya 202.159.31.150, agar mudah untuk 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 tanggal 16 Juli 1996, dan diberi nama kode Denali. Beta version dirilis pada bulan 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 sangat disukai penulis karena perfomanya. Agar supaya ASP dapat dijalankan dikomputer local maka dibutuhkan 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 dieksekusi pada server, kita menamakannya ASP dan jika dieksekusi pada klien (browser) 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 buatlah ekstension dengan *.asp, dan tempatkan pada direktori yang telah kita konfigurasi di virtual direktori pada saat instalasi webserver IIS atau PWS. Untuk kasus di LAB perhatikan penomeran IP pada masing-masing meja computer.

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 hasilnya di browser adalah ;

Gambar 1.1 tampilan script latihan 1.1

Web Programming With ASP 4

Namun cobalah perhatikan source code dari tampilan 1.1, untuk melihat source dari browser client pilih View | View Source. Maka akan terlihat seperti dibawah ini ;

Gambar 1.2 tampilan view source dari browser

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 tampil seperti dibawah ini ;

Web Programming With ASP 5

Gambar 1.3. tampilan latihan 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 tampilan dari script diatas adalah ;

Web Programming With ASP 6

Gambar 1.4. Tampilan latihan 1.3

Web Programming With ASP 7

:: Logika Pemrograman

Tipe data digunakan misalnya untuk menyimpan data dan umumnya kita menyimpan data data sebagai variable, variable memiliki nama dan nilai. Nama variable menentukan bagaimana variable itu akan dipanggil dan nilainya merupakan data yang disimpan pada variable tersebut.

Seperti bahasa pemrograman konvensional lainnya, variable kita deklarasikan terlebih dahulu agar nantinya dapat dieksekusi dan juga akan mempercepat waktu pengeksekusian program.

>> Variabel

Untuk mendeklarasikan variable, kita menggunakan statemen DIM seperti dibawah ini;

Dim nama_variabel, contohnya :

Dim ilkom

Dim raihan

Setelah melakukan deklarasi barulah kita mengisikan sebuah nilai pada variable tersebut. Untuk mengisinya kita gunakan operator penugasan (assignment operator) seperti :

ilkom = 15

raihan = “nasyedman”

>> Dasar-Dasar ASP

2

Web Programming With ASP 8 Web Programming With ASP 9

dari variable diatas maka variable stmik akan menyimpan nilai numeric 15 dan variable raihan akan menyimpan string “nasyedman”.

Ada beberapa petunjuk pemberian nama Variabel diantaranya, harus dimulai dengan suatu karakter alpabetik, tidak dapat mengandung titik atau karrakter untuk deklarasi tipe, harus unik dengan jangkauan yang samaa (lihat yang dibawah ini untuk catatan tentang jangkauan, harus berupa 255 karakter atau kurang

Contoh dalam pendeklarasian suatu variable dalam sebuah program pendek looping , seperti

Latihan 2.1

<% dim HP HP = “Samsung” If HP = “Nokia” Then %>

HP kita sama donk……..

<% Else %> HP kita lain ya <% End If %>

Hasil : HP kita lain ya

Latihan 2.2

<html>

<head>

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

</head>

<body>

<%

Dim ilkom

ilkom= "Selamat Datang di STMIK MDP"

Response.write (mdp)

%>

<BR>

<%

ilkom = "Kampus Inderalaya"

Response.write (ilkom)

%>

</body>

</html> Web Programming With ASP 10

>> String

Digunakan untuk menyimpan data berupa teks, karakter, maupun kumpulan karakter, penulisannya diapit dengan tanda kutip (“), contohnya adalah ;

Latihan 2.3

<html>

<head>

<title>Fungsi STRING </title>

</head>

<body>

<script language="vbscript">

document.write "ASCII huruf besar = "

document.write asc ("Z")

document.write "<br>"

document.write "ASCII huruf kecil = "

document.write asc ("z")

document.write "<br>"

document.write "merubah dari besar ke kecil = "

document.write Lcase("ILKOM UNSRI")

document.write "<BR>"

document.write "merubah dari kecil kebesar = "

document.write UCase("FASILKOM UNSRI")

document.write "<BR>"

</script>

</body>

</html>

Maka hasil dari latihan 2.3 adalah;

Latihan 2.4

<html>

<head>

<title>Fungsi STRING </title>

</head>

<body>

<script language="vbscript">

data1= "bandung lautan artis"

document.write "menampilkan tiga dari kiri = "

document.write left(data1,3)

document.write "<br>"

document.write "menampilkan 4 dari kanan = "

document.write right (data1,4)

document.write "<br>"

document.write "menampilakn tengah = "

document.write mid (data1,2,3)

document.write "<br>"

document.write mid(data1,1,3)

document.write "<br>"

document.write mid(data1,19,2)

document.write "<BR>"

document.write "mengetahui jumlah karakter di data1 = "

document.write len(data1)

document.write "<br>"

</script>

</body>

</html>

Maka hasil dari latihan 2.4 adalah;

Web Programming With ASP 11 Web Programming With ASP 12

Latihan 2.5

<html>

<head>

<title>Fungsi STRING </title>

</head>

<body>

<script language="vbscript">

data2 = " Bandung Lautan Artis"

document.write "menghapus spasi di sebelah kiri = "

document.write LTrim(data2)

document.write "<br>"

data3 = "ILKOM UNSRI PALEMBANG"

document.write "menghapus spasi di sebelah kanan = "

document.write RTrim(data3)

document.write "<br>"

document.write "<br>"

string1 = "dERIS "

string2 = "Deriss"

document.write StrComp(string1, string2,1)

document.write "<br>"

</script>

</body>

</html>

Maka hasil dari latihan 2.5 adalah;

Latihan 2.6

<html>

<head>

<title>Fungsi STRING </title>

</head>

<body>

<script language="vbscript">

data = "x"

document.write "menampilkan tanda x = "

document.write string(95, data)

document.write "<br>"

document.write "<BR>"

document.write "membaca deris stiawan terbalik = "

data5 = "DERIS SETIAWAN"

document.write strreverse(data5)

document.write "<br>"

</script>

</body>

</html>

Maka hasil dari latihan 2.6 adalah;

Latihan 2.7

<html>

<head>

<title>Fungsi STRING </title>

</head>

<body>

<script language="vbscript">

document.write "<br>"

document.write "menampilkan currency = "

document.write formatcurrency(10000,2) Web Programming With ASP 13

document.write "<br>"

document.write "menampilkan tanggal longdate = "

document.write formatdatetime("27/07/2004", vblongdate)

document.write "<br>"

document.write formatpercent(30/100,2)

</script>

</body>

</html>

Maka hasil dari latihan 2.7 adalah;

>> Function

Pada script VBScript ada beberapa fungsi standar yang telah ada, kita dapat memanggil fungsi Tersebut dengan mendeklarasikan terlebih dahulu, contohnya ;

Latihan 2.8

<html>

<head>

<title>contoh function</title>

</head>

<body>

<%

function Hari_Esok()

Hari_ini = Date()

Hari_Esok = Hari_ini + 1

end Function

Web Programming With ASP 14

response.write ("<H1> Panggil Fungsi </H1>")

response.write ("Besok Tanggal : "& Hari_Esok ())

%>

</body>

</html>

Maka hasil dari latihan 2.8 adalah;

Latihan 2.9

<html>

<head>

<title>contoh function</title>

</head>

<body>

<%

function tampil()

data_A = 90

data_B = 10

tampil = data_A + data_B

end Function

function bagi()

data_A = 90

data_B = 10

bagi = data_A / data_B

end Function

Web Programming With ASP 15

response.write ("<H1> HASIL </H1>")

response.write ("Hasilnya adalah : "& tampil())

response.write ("<br>")

response.write ("<hr>")

response.write ("Hasilnya bagi : "& bagi())

%>

</body>

</html>

Maka hasil tampilan dari latihan 2.9

>> Konstanta

Beberapa variable tidak dapat diubah nilainya selama program dieksekusi dan dapat kita jadikan sebagai konstanta. Nilai konstanta tetap sampai program berakhir, pendefinisian konstanta dilakukan bersama dengan pendeklarasian, contohnya ; Const nama_konstanta = nilanya_konstanta, contohnya :

Const pi =3.14

Konstanta sangat berguna dalam perhitungan-perhitungan dalam matematikan and fisika. Konstanta juga memiliki batas definisi, jadi sebuah konstanta bisa pula memiliki btas definisi yang local maupun global, cara melakukan pembatasan ini sama dengan pada vaiabel, yaitu ;

Web Programming With ASP 16 Web Programming With ASP 17

Public Const pi = 3.14

Private Const nama = “deris”

Latihan 2.10

<html>

<head>

<title>konstanta</title>

</head>

<body>

<%

Const pi = 3.14

Const kata = “Nilai pi adalah = “

Response.write(“<h1>” & kata & pi & “</h1>”)

%>

</body>

</html>

>> Operator

Operator digunakan untuk melakukan beberapa operasi terhadap data,dalam VBScript dikenal beberapa operator yaitu ; Operator	Kegunaan
+	Penjumlahan
-	Pengurangan
*	Perkalian
/	Pembagian
^	Pemangkatan
\	Pembagian integer
=	Membangdingkan apakah data disebelah kirinya sama dengan data disebelah kanan
<>	Membandingkan apakah data yang disebelah kirinya tidak sama dengan data disebelah kanan
>	Membandingkan apakah data disebelah kirinya lebih besar daripada data disebelah kanan
>=	Membandingkan apakah data disebelah kirinya lebih besar atau sama dengan data disebelah kanan