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


Boolean

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.


Byte

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



Long

Type data Long adalah juga integer, tetapi mempunya lebih banyak kisaran. Yaitu antara -2.147.483.648 s/d 2.147.683.648


Single

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

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.


Date (Time)

Type data ini selalu dipergunakan untuk mewakili format tanggal. Untuk mengetahui tahun sekarang Year(TglSekarang)


String

Type data string dipergunakan untuk menyimpan huruf dan simbol.


Object

Type data object adalah type data yang dipergunakan untuk mewakili objek seperti control, objek browser pada aplikasi VBScript atau aplikasi lain.

Error

Type data Error dipergunakan untuk kendali Error dan Debugging


Empty

Type data Empty dipergunakan untuk variabel yang telah dibuat namun belum diisi data. Variabel Numeric-nya = 0 dan string nya = " "


Null

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.

If…Then…Else

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

      

Select Case

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 &nbsp;<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.
 

Kembali   Lanjut   Daftar Isi