|
Pengenalan
Script
Ketika WEB menjadi popular, hanya HTML yang
merupakan satu-satunya bahasa pemrograman yang dipakai untuk membuat
halaman web. Programmer-programmer web menyadari bahwa dengan bahasa
HTML ada keterbatasan. Web HTML hanya dapat menampilkan atau
mempresentasikan informasi kepada pengunjung, tetapi terdapat keterbatasan
interaksi antar pengunjung dengan Web page, tidak ubahnya seperti hanya
membaca halaman-halaman surat kabar atau majalah di layar komputer.
Sekarang ini,
umumnya pemakai komputer apakah mereka memakai Windows, Machintosh, UNIX,
LINUX atau kombinasi keempatnya, memerlukan interaksi yang komplit
terhadap komputer. Setidaknya mereka harus mengklik tombol, memasukkan
data ke kotak teks dan memilih menu. Interaksi antara pemakai
dengan Web Page hanya dapat dilakukan dengan cara pemakai mengirim data ke
Server WEB lalu data tersebut diolah oleh Server dan hasil pengolahan
datanya dikirim kembali kepada pemakai. Interaksi semacam ini memerlukan kerja
yang maksimal dari server.
Untunglah programmer WEB melihat
keterbatasan ini. Mereka menyadari jika kemampuan berinteraksi WEB dengan
pemakainya terbatas, maka web tersebut hanya akan menjadi kumpulan
informasi seperti buku-buku di perpustakaan. Walaupun koleksi tersebut
sangat berguna, pemakai memerlukan yang lebih dari itu.
Kemampuan
HTML pun tumbuh dan berkembang. Perancang halaman web menyadari bahwa
mereka memerlukan lebih dari sekedar HTML untuk membuat Internet lebih
berguna bagi masyarakat pengguna Internet. Permintaan tersebut mau
tak mau mengharuskan peningkatan kemampuan HTML itu sendiri. Nah oleh
karena itulah diperlukan bahasa Script seperti Java Script, VB
Script dan lain-lain.
Bahasa Script membuat halaman web menjadi
aktif, sebagai perangkat lunak dinamik dibandingkan dengan potongan
informasi yang statis.
Bahasa Script adalah jenis bahasa program
yang digunakan untuk menyediakan kendali pada lingkungan komputer. Bahasa
script adalah bahasa yang terinterpretasi dan bukan bahasa terkompilasi.
Ini artinya bahwa program yang dibagun dengan bahasa script harun berjalan
pada lingkungan yang mendukung bahasa script tersebut dan tidak dapat
berjalan sebagai aplikasi yang mandiri.
HTML tidak dapat
meng-interpret bahasa script sendirian, tetapi HTML tau benar bagaimana
memanggil interpreter dari bahasa script untuk melakukan interpretasi.
Dengan bahasa script seperti VBScript, keterbatasan HTML dapat
dihilangkan. Bahasa script yang banyak dipergunakan pada saat ini adalah
JavaScript dan VBScript. Kedua bahasa tersebut dapat diletakkan di dalam
halaman web jika browser kita mendukung keduanya.
Dengan HTML kita dapat meletakkan kontrol seperti tombol dan
kotak teks pada halaman web. Tanpa bahasa script seperti VBScript, aksi
yang dilakukan user terhadap kontrol pada halaman web harus dikirim ke web
Server. Aksi tersebut tidak dapat diproses pada komputer pemakai. Lebih
jauh lagi tanpa bahasa script, control dan felsibilitas web sangat
terbatas. Dengan VBScript kita tidak hanya dapat mengkaitkan ke kontrol
pada web page, tetapi kita juga dapat menulis kode yang dapat merespon
aksi yang dilakukan oleh pamakai terhadap kontrol tersebut. Contoh sebuat
halaman web memiliki tombol command, kita dapat menulis kode VBScript yang
dapat dijalankan dengan segera. Contohnya mungkin seperti kode di bawah
ini:
Sub
Button_OnClick ' pesan di bwh ini muncul jika pemakai
mengklik tombol Msgbox "Tonbol ini sudah di
klik" End Sub
Button
adalah nama tombol, dan OnClick adalah
event/kejadian/respon yang timbul jika pemakai meng-klik tombol tersebut.
Kode di atas memang sederhana, tetapi kode itu memperlihatkan ke kita
bagaimana kode VBScript dapat memberikan kemampuan halaman web dapat
respon terhadap tindakan pemakai. Lebih dari sekedar mempresentasikan
halaman web yang tidak hidup, VBScript memberikan nafas kehidupan kepada
halaman web, membuat halaman web menjadi dinamis, responsif, cerdas
dan interaktif.
Apa Sih
Yang Dapat Dilakukan Oleh VBScript?
VBscript membuat pemakai dapat berinteraksi
dengan halaman web daripada hanya sekedar menampilkan informasi seperti
yang kita lakukan ketika membaca buku atau majalah. Banyak skenario
yang mungkin dilakukan. Contoh, kemampuan web menanyakan pertanyaan
dan merespon pemakai bagaimana cara menjawabnya. VBScript dapat
meminta masukan dari pemakai dan memeriksa data yang dimasukkan tadi
apakah sesuai dengan kriteria tertentu. Lalu VBscript dapat membuat Server
Internet menyimpan data. VBScript dapat merespon kepada pamakai yang
memesan tiket pesawat misalnya. VBScript dapat membaca kode yang sesuai
formatnya, memberitahu ke pamakai mengenai harga dan melaporkan
pesanan tersebut ke Server. Seluruh tugas-tugas itu dilakukan oleh kode
pada halaman web.
Interaksi juga bisa berguna
pada pelayanan periklanan atau produk ke pemakai. Dengan melakukan Survey
Interaktif, kita dapat dengan tepat memperkirakan kustomer potensial yang
kita cari. Bayangkan contoh ini, Web page dapat menanyakan kepada kita
pertanyaan-pertanyaan mengenai mobil, atau komputer yang menjadi impian
kita, dan web tersebut langsung memberikan mobil atau komputer yang sesuai
dengan kriteria yang kita berikan.
Apa Yang Dimaksud
Dengan Variabel?
Variabel adalah kontainer virtual pada memory
komputer yang dipergunakan untukmenyimpan informasi. Program komputer
dapat menyimpan informasi ke variabel dan mengakses variabel tersebut
dengan menyebutkan namanya.
Jika anda pernah membuat program dengan
QuickBasic, Visual Basic, Pascal atau C, atau pernah belajar matematika di
sekolah, pastilah anda telah mengenal variabel. Pada bahasa
pemrograman pada umumnya tidak perduli bahasa apapun dia, jika kita
membuat variabel, kita harus memberitahu komputer informasi macam apa yang
akan kita simpan pada variabel tersebut.
Bagaimana Membuat Variabel?
Jika kita membuat variabel, kita harus memberikan nama. Ada dua
cara membuat variabel: Pertama dengan cara yang disebut dengan
metode eksplisit. Cara memakai metode ini adalah dengan memakai
kata Dim untuk
memberitahu VBScript bahwa kita membuat variabel. Contoh jika kita akan
membuat variabel dengan nama Jumlah,
maka kita dapat mengetik
seperti di bawah ini:
Dim
Jumlah
maka variabel tersebut langsung dibuat oleh
VBScript.
Cara kedua adalah cara yang disebut
dengan metode implisit. Dengan metode implisit ini
kita tidak perlu menggunakan kata Dim
untuk membuat variabel. Kita dapat langsung
menggunakannya dan VBScript langsung membuatnya secara otomatis. Contoh
kita akan meyimpan jumlah peserta pada sebuah pertandingan, maka kita
ketik seperti di bawah
ini:
Jumlah = 11
dengan metode
implisit, kita tidak harus mempergunakan kata Dim
Apa Yang Dapat Disimpan Oleh
Variabel?
VBScript adalah produk baru,
tapi bahasa ini adalah turunan dari produk terdahulu yaitu MIcrosoft
Visual Basic. VBscript adalah subset dari Visual Basic. Ketika kita
membuat variabel dengan Visual Basic, kita mempunya kesempatan untuk
menentukan type data yang akan kita simpan ke variabel tersebut. Contoh
jika kita ingin menyimpan Integer pada sebuah variabel, kita dapat
mendeklarasikan variabel tersebut sebagai variabel integer. Sebagai
konsekwensinya, juka kita menyimpan type data selain integer, Visual Basic
mengkonversi secara otomatis menjadi type integer, atau memberitahu ke
kita bahwasanya data tidak dapat disimpan. Jika kita dapat menentukan type
data secara spesifik, kode kita akan sedikit mengandung bug/kesalahan.
Visual Basic juga memberikan kepada kita pilihan yang tidak
mempermasalahkan type data yang akan disimpan. Type data khusu ini adalah
type data Variant.
Variant adalah type variabel yang dapat menyimpan
beragam type data. Pada beberapa bahasa pemrograman, variabel hanya dapat
berisi type data yang telah didekarasikan seperti integer, string. Variant
tidak dibatasi hanya kepada satu type data (seperti integer). Kita dapat
menyimpan nilai integer ke variant pada satu pernyataan dan
menggantikannya dengan type data string.
VBScript mempergunakan
variant sebagai basis variabelnya. Type data variant selalu dipergunakan
untuk menyimpan data angka dan string.
Untuk mengerti apa
sebenarnya variant, kita harus mengerti semua type data yang lain yang
dapat ditampung oleh variant ini. Type-type data ini diambil dari Induk
VBScript yaitu Visual Basic. Dengan mempelajari type-type data ini, kita
akan mulai melihat bagaimana variant bekerja dan apa yang dapat
kita simpan dan tidak dapat kita simpan ke variabel VBScript
ini. Inilah daftar semua type data yang dipergunakan oleh type data
variant untuk mewakili type data yang kita simpan pada
variabel:
Boolean
- Byte
- Integer
- Long
- Single
- Double
- Date (time)
- String
- Object
- Error
- Empty
- Null
Kita dapat mengisi type data boolean dengan True atau False, yang
diwakili oleh -1 dan 0 pada VBScript. Type data ini sangat berguna ketika
kita bekerja dengan variabel jika kita ingin menentukan atau membuat suatu
kondisi.
Type data Byte dapat menyimpan nilai antara 0 s/d 255. Type data
ini dipergunakan untuk menyimpan data sederhana.
Integer
Type
data Integer adalah angka yang tidak dapat mengandung tanda
desimal/pecahan. Integer berkisar dari -32.768 s/d + 32.767
Type data Long adalah juga integer, tetapi mempunya lebih banyak
kisaran. Yaitu antara -2.147.483.648 s/d 2.147.683.648
Type data ini mewakili floating-point, atau desimal. Kisarannya
-1.4E-45 s/d to -3.4E38 untuk anga negatif dan
1.4E-45 s/d 3.4E38 untuk
angka posotif.
Double is another floating-point data type, but this one has an even
larger range than the single data type. The range for the double is
-4.9E-324 to -1.8E308 for negative
numbers and 4.9E-324to 1.8E308 for
positive numbers.
Double adalah type data floating point, tetapi
mempunya kisaran lebih besar daripada type data single. Kisarannya adalah
-4.9E-324 s/d -1.8E308 untuk angka negarif dan 4.9E-324 s/d 1.8E308 untuk angka
positif.
Type data ini selalu dipergunakan untuk mewakili format tanggal. Untuk
mengetahui tahun sekarang Year(TglSekarang)
Type data string dipergunakan untuk menyimpan huruf dan simbol.
Type data object adalah type data yang dipergunakan untuk mewakili
objek seperti control, objek browser pada aplikasi VBScript atau aplikasi
lain.
Type data Error dipergunakan untuk kendali Error dan Debugging
Type data Empty dipergunakan untuk variabel yang telah dibuat namun
belum diisi data. Variabel Numeric-nya = 0 dan string nya = " "
Type data Null menunjukkan variabel yang tidak berisi data. Tidak
seperti type data Empty, programmer harus mensetting bariabel menjadi
null.
Membuat
Keputusan
Membuat
keputusan dengan If.. Then di bawah ini adalah contoh
penggunaan If ... Then
If kondisi =
True Then ... kode ini
dijalankan jika kondisinya benar
End If
Jika kondisinya benar, kode yang berada diantara If dan
End If akan dijalankan. Jika kondisinya tidak benar, maka kode nya
dilompati dan tidak dijalankan. di bawah ini adalah contoh penggunaa If
- then
<HTML>
<HEAD> <TITLE>Pengenalan Internet dan
Web
Design</TITLE> </HEAD>
<BODY>
<H1><A
HREF="xbasicpro.comxbasicpro.comhttp://xbasicpro.com">xbasicpro.com</A> <EM>menggunakan If-Then
</EM></H1>
<HR>
<P>Masukkan umur dan klik tombol
"Tes". Visual Basic Script akan
memakai kondisi If-Then untuk menampilkan pesan <PRE>
Saya berumur <INPUT NAME="txtUmur" SIZE=10
> tahun. -- <INPUT
TYPE="BUTTON" VALUE="Tes" SIZE=30 NAME="cmdTes"> </PRE>
<HR>
<center> from
<em>Pengenalan Internet dan Web Design</em> oleh <A HREF="http://xbasicpro.com">xbasicpro.com</A>
<br> </center>
<SCRIPT
LANGUAGE="VBScript"> <!-- Option
Explicit
Sub cmdTes_OnClick()
Dim Umur
Umur =
CInt(txtUmur.Value)
If Umur
<= 0 or Umur > 120 Then MsgBox
"Mungkin kamu belum lahir atau sudha terlalu tua
Else MsgBox
"Anda berumur" & Umur & " tahun." End If
End Sub
--> </SCRIPT>
</BODY> </HTML>
Kode di atas bila
dijalankan akan meminta input umur pemakai. Ketika pemakai mengklik tombol
Tes, pernyataan If-then akan memeriksa apakah pemakai memassukkan umur
yang sah. Jika pemakai memasasukkan nilai negatif atau lebih besar dari
120 maka akan muncul pesan kesalahan.
nah sekarang kita telah mengetahui bagaimana membuat
keputuwan sederhana dengan VBScript. If...Then
sangat berguna, tetapi mempunyai keterbatasan.
Sering terjadi ketika kita membuat keputusan, kita menginginkan satu
kondisi benar dan kondisi yang lain salah. Contoh jika, mungkin kita akan
mengambil keputusan, jika hari hujan -> maka kita tidak akan keluar
rumah. Jika hari cerah/tidak hujan -> maka kita akan keluar rumah. Nah
di sini kita harus mengambil dua keputusan yang bertolak belakang (sama
sekali berbeda). Inilah contoh kode nya:
If hujan =
True
Then keputusan
= "Keluar Rumah"
Else keputusan
= "Di rumah aja" End
if
pengambilan keputusan
seperti di atas hanya dapat dilakukan jika kita dihadapkan kepada 2
kemungkinan. Bagaimana jika kita dihadapkan dengan beberapa
kemungkinan? Contoh: Dalam penilaian sering ditentukan nilai 80 =
A, 70 = B, 60 = C, 50=D. Inilah kodenya:
If Nilai = 80 Then
huruf =
"A" ElseIf
Nilai = 70
huruf =
"B" ElseIf
Nilai = 60
huruf = "C"
ElseIf Nilai =
50
huruf =
"D"
Else
huruf =
"X" End
if
Kita juga dapat memepergunakan pernyataan Select Case untuk mengambil
keputusan dengan banyak pilihan. Pernyataan Select Case membuat kode lebih
mudah dibaca dari pada daftar If ElseIf
yang panjang. Dibawah ini adalah kode select case.
Select Case
Nilai Case
80 huruf
=
"A" Case
70
huruf =
"B"
Case 60
huruf =
"C" Case
50
huruf =
"D" Case
Else
huruf = "X" End
Select
nah, sudah jelas perbandingan antara If..Then..Else dan Select Case, pada prakteknya pemakaian Select Case lebih mudah.
Perulangan / Loop
Perulangan sering dijumpai dalam pemgrograman. Contoh kita ingin
menghitung pajak atau total gaji dari daftar karyawan. Di sini sering
dipergunakan perulangan/loop.
For Next
pernyataan
for next biasanya dipergunakan untuk melakukan perulangan dengan jumlah
perulangan yang sudah diketahui pemaik sebelumnya. Contoh kita akan
mencetak kata halo sebagai pesan sebanyak 10 kali. Contoh kodenya
adalah sbb:
For i = 1
to 10 Msgbox
"Halo..!" Next i
Do...Loop
Pernya Do...Loop sering dipergunakan untuk menyatakan
perulangan dimana pemakai tidak mengetahui jumlah perulangannya. Contoh
pada pengisian, apakah pemakai mau melanjutkan atau tidak
melanjutkan.
Do Lagi =
Inputbox("Mau Main Lagi?
(Y/T)") If Lagi="T" Then
Exit Do
Loop
variasi pernyataan Do..Loop sebenarnya banyak,
antara lain Do While Loop, Do Loop Until dll. Namun di sini kita hanya
membahas salah satu contohnya saja. Sekarang coba perhatikan kode Do ..
Loop di atas kode tersebut akan memberikan dialog isian yang menanyakan
mau main lagi atau tidak. Jika pemakai menjawab dengan huruf "T" maka
perulangan akan dibatalkan. JIka dia menjawab selain T, maka Loop akan
berjalan terus sampai pemakai mengetik huruf
"T"
Validasi Pemakai dengan
VBScript Client Site
Validasi Validasi /pengesahan
biasanya dilakukan pada saat pemakai mengisikan data-data. Contoh
untuk memeriksa apakah pemakai sudah benar-benar mengisi nama atau
alamat.
Client
Side Yang dimaksud dengan client side script
disini adalah, Script di jalankan pada sisi Client yaitu pada komputer
pemakai.
Di bawah ini adalah contoh pengisian buku tamu yang
dipergunakan di WEB ini:
<HTML>
<HEAD>
<BODY> <H1><FONT face="Courier
New">Isi Buku Tamu</FONT> </H1>
<FONT face="Courier
New">
<FORM
name="frmInput">
<BR>
Nama <input
name="txtNama">
<BR>
Email <input
name="txtEmail">
<BR>
<BR>
Komentar:
<BR><TEXTAREA
name=txtKomentar rows=10
cols=60></TEXTAREA>
<br>
<input type="button"
value="OK" name="btnSubmit">
<input type="reset"
value="Batal" name="btnReset">
<BR>
</form>
</FONT>
<script
LANGUAGE="VBScript">
<!--
Sub
btnSubmit_OnClick
dim kesalahan
dim objForm
if frmInput.txtNama.value = ""
then
kesalahan=chr(13)
& "Nama harus di isi"
end if
if
instr(frmInput.txtEmail.value,"@")=0 then
kesalahan=kesalahan
& chr(13) & "Alamat email harus memiliki tanda @"
end if
If frmInput.txtKomentar.value=""
then
kesalahan=kesalahan &
chr(13) & "Tolong Isi Komentar..."
end if
if kesalahan <> ""
then
Alert
"Ada kesalahan isi form: " & chr(13)
& kesalahan
Else
frmInput.submit
End if
End Sub
sub
btnReset_OnClick
frmInput.txtNama.value = ""
frmInput.txtEmail.value = ""
frmInput.txtKomentar.value = ""
end sub
-->
</script>
</BODY>
</HTML>
Coba perhatikan kode validasi VBScript kita terletak diantara
tanda: <Script
LANGUAGE="VBScript"> ...
... ... </Script>
Jika kode di atas dijalankan pada browser dengan
kondisi pemakai tidak mengisi nama, Email, Komentar maka reaksi dari
halaman web kita adalah seperti dibawah ini:

coba perhatikan pesan yang muncul. Pesan ini dieksekusi pada sisi
client, komputer pemakai.
Huu......ah.... capek juga, sampai
jumpa pada bab
selanjutnya. |