Heading

Heading

Heading

Heading

Heading

Heading

1

2

3

4

5

6

Sedangkan tampilan kode diatas oleh browser, adalah sebagai berikut :

Gambar 1.5.1.1 Tampilan Heading

LSP Telematika Indonesia

10

1.5.2 Paragraph Untuk mengatur teks menjadi paragraf digunakan tag

dan

. Biasanya browser manambahkan sebaris atau 2 (dua) baris kosong sebelum paragraf. Teks dalam tag ini mempunyai format rata kiri. Atribut align memungkinkan anda untuk menformat teks menjadi rata kiri, kanan atau tengah. Dalam versi HTML 4.01, anda bisa menformat teks dengan format justify. Berikut ini contoh kode dengan tag paragraf beserta atribut align :

This is the first paragraph in the example about the p tag. There really isn't much to say here.

This is the second paragraph. Again, more of the same. This time the paragraph is aligned in the center. This might not be such a good idea as it makes the text hard to read.

Here the paragraph is aligned to the right. Right aligned text is also troublesome to read. the rest of the text of this paragraph is of little importance

Under HTML 4.0 Compliant browser, you are able to justify text. As you ay notice, the way browsers tend to justify text is sometimes imprecise. Furthermore, not all browsers support this attribute value.

Hasil keluaran dari kode diatas adalah :

LSP Telematika Indonesia

11

Gambar 1.5.2.1 Tampilan Paragraf

1.5.3

Kutipan

Dalam

penulisan

teks,

terkadang

kita

ingin

memasukkan

kutipan

dan

membedakan kutipan tersebut dengan teks yang lain. Hal ini dapat kita lakukan dengan tag

dan

. Tag ini akan membuat teks yang dikutip agak menjorok ke kanan. Tetapi jika kita hanya ingin memasukkan kutipan pendek, misalnya kalimat percakapan, kita dapat menggunakan tag dan . Tag ini akan menambahkan symbol (“) di awal dan di akhir kalimat. Browser lama tidak mendukung tapi tag ini merupakan bagian dari spesifikasi

versi

HTML

4.1/4.01.

Berikut

ini

adalah

contoh

penggunaan

dan :

MadeLeine Quotes

LSP Telematika Indonesia

12

See the comments the press has about the new store accross 4 avenue.

The store sells variety of product, and all products seem to less expensive than other stores
--Matthew Somolovich, Ordinary Citizen

MadeLine's products are the best product with low price. You will not find other stores like MadeLine. MadeLine treats customer like a king. Serve customer so well that you won't leave. Unfortunelly, the location is far from main street, we have to walk a little bit far to get to Madeline

--Clarissa M. Foley, Clothes Magazine

With kudos like this, you need to make sure to buy your clothes on MadeLine, today!

Tampilan dari kode diatas adalah sebagai berikut :

Gambar 1.5.3.1 Contoh Penggunaan

dan

LSP Telematika Indonesia

13

1.5.4

Link

Link adalah pointer dari file tempat link berada ke tujuan tertentu. Dalam HTML, cara untuk mendefinisikan link dengan menggunakan tag dan anchor. Sedangkan untuk menghubungkan ke tujuan tertentu, membutuhkan atribut

href.

Atribut

href

merupakan

alamat

tujuan,

seperti

http://www.yahoo.com. Teks yang berada dalam tag ini berfungsi sebagai alat untuk mengaktifkan hyperlink. Sebuah link bisa terdiri dari teks, gambar atau kombinasi keduanya. Bentuk link yang umum adalah visit our site. URL Teks “visit our site” adalah link. URL (Uniform Recources Locator) adalah alamat sebuah website. Berikut ini adalah contoh kode penggunaan :

Lots of Links

---

1.   Visit   Yahoo!
2.  
3.   Search  Google Tampilan HTML dari kode diatas seperti gambar dibawah ini :

Gambar 1.5.4.1 Tampilan HTML dari dan

LSP Telematika Indonesia

14

Umumnya link ditandai dengan teks yang digarisbawahi dan memiliki warna berbeda, seperti biru atau ungu, tergantung apakah link tersebut pernah dipilih sebelumnya. Nilai atribut href tidak hanya alamat situs lain, tetapi bisa juga alamat file bahkan alamat email. Berikut contoh beberapa link beserta penjelasan singkat : •

Visit Google URL dapat berupa alamat ke home page situs web site.

•

About MadeLine URL dapat berupa alamat ke alamat file dalam direktori tertentu

•

Clothes URL dapat berupa alamat file.

•

Bag URL dapat berupa alamat ke posisi tertentu dalam file.

•

Home URL dapat berupa alamat relatif.

•

More Information URL tidak harus berupa alamat HTTP. Terkadang penggunaan mailto tidak berfungsi dikarenakan browser tidak dikonfigurasi untuk mengirim email atau tidak mendukung bentuk URL ini.

Seperti yang telah dijelaskan sebelumnya, warna teks link adalah biru jika belum dikunjungi dan ungu, jika pernah dikunjungi sebelumnya. Jika link berupa gambar, warna border gambar juga biru atau ungu, kecuali jika atribut border bernilai 0 (nol). Warna link dapat diubah dengan menggunakan atribut link, alink dan vlink dalam tag body. Atribut link mengganti warna link yang belum dikunjungi, sedangkan atribut vlink mengganti warna link yang telah dikunnjungi. Atribut alink mengganti warna dari link yang aktif, yaitu warna link ketika dipilih. Dengan menggunakan HTML style sheet, anda dapat mengubah dekorasi link sehingga link tidak harus digarisbawahi, mengubah style link ketika dilewati pointer mouse dan lain sebagainya. Berikut ini adalah contoh kode format link yang berbeda dari biasanya :

<style type="text/css"> Test link to Yahoo! Selain atribut href, dalam masih terdapat berbagai atribut. Daftar atribut dalam terdapat pada tabel 1.5.4.1. Table 1.5.4.1 : Daftar Atribut Dalam

Nama Atribut

Nilai Atribut

Penjelasan

href

URL

Menentukan alamat link

name

Text

Menamai anchor sehingga dapat menjadi target dari anchor yang lain

id

Text

Identifikasi anchor agar dapat menjadi target dari anchor yang lain, diakses oleh style sheet, dan untuk scripting

target

A frame name

title

Text

accesskey

A character

rel

Text

Menentukan dihubungkan

rev

Text

Menentukan hubungan menghubungkan

Menentukan frame yang menjadi tujuan link Menentukan teks tooltip untuk link Menentukan bagian keyboard untuk mengakses link hubungan

dari

objek

objek

yang

yang

Seperti yang telah disebutkan sebelumnya, URL yang menjadi tujuan link tidak harus alamat website, tetapi bisa juga lokasi dalam sebuah file HTML. juga digunakan

untuk

mendefinisikan

lokasi

(marker)

tersebut.

Jika

marker

ditempatkan dalam file html maka dapat menjadi tujuan dari link. Agar marker dapat dijadikan tujuan maka marker tersebut didefinisikan terlebih dahulu, contoh : < a name=”marker”>. Kemudian marker tersebut dapat diakses dengan . Sebagai contoh : This is a marker mengarahkan teks ”this is a marker” ke tujuan yang ditetapkan sebelumnya. dapat berperan sebagai tujuan dan link dalam waktu yang

LSP Telematika Indonesia

16

bersamaan,

contoh

:


name=”yahoolink”

href=”http://www.yahoo.com/”>Yahoo!. Berikut ini adalah contoh kode penggunaan marker Go to the bottom of this document.
link right to a marker in another document.

To make this work we need to stimulate the document being very long by using many breaks.

<strong id="middle">the middle

---

return to top go to middle

1.5.5 List Modern HTML memiliki 3 (tiga) bentuk list : ordered list (

), unordered list (
) dan definition list (

). Dua bentuk point lainnya jarang digunakan, yaitu <menu> dan . List bisa memiliki hirarki dan dapat mengandung struktur lain seperti paragraf.

LSP Telematika Indonesia

17

1.5.5.1

Ordered List

Ordered list,

dan

, merupakan list yang berurutan. Urutan ini direpresentasikan oleh angka, dengan menggunakan angka arab, huruf atau angka romawi. Ordered list sangat baik untuk membuat semacam kerangka atau instruksi langkah-per-langkah, karena list diberi nomor secara otomatis oleh browser. List item yang berurutan dan list yang lain didefinisikan dengan menggunakan

yang tidak memerlukan tag penutup. Untuk XHTML, tag penutup

dianjurkan. Letak list item dibuat agak menjorok ke dalam oleh browser. Penomoran list dimulai dari 1 (satu). Bentuk umum dari list seperti dibawah ini :



1. Item 1
2. Item 1
......
3. Item 1

Ada beberapa atribut untuk

, diantaranya atribut type. Atribut type digunakan untuk menentukan jenis huruf penomoran. Nilai “a” berarti penomoran dengan huruf kecil, “A” berarti penomoran dengan huruf besar, “I” berarti penomoran dengan angka

romawi dan ”I” berarti penomoran dengan angka

romawi besar. Nilai default atribut type adalah ”1”, yaitu penomoran biasa.
1. juga mempunyai atribut type yang bernilai sama dengan nilai atribut pada
   . Jika atribut type pada
   1. diberi nilai maka nilai tersebut akan digunakan dikeseluruhan list, kecuali
   2. yang lain memberi nilai baru pada atribut type. Nilai atribut start pada
      harus berupa angka walaupun nilai atribut type bukan angka. Atribut value pada
      1. dapat digunakan untuk menggantikan penomoran yang sedang digunakan. Nilai atribut value juga berupa angka. Berikut ini adalah contoh kode untuk membuat ordered list :

         Ordered lists can be very simple.

         1. Item 1
         2. Item 2
         3. Item 3
            
            LSP Telematika Indonesia
            
            18
            
            

         Ordered lists can have a variety of types

         1. 
            type="a">Lowercase letters type="A">Uppercase letters type="i">Lowercase Roman numerals type="I">Uppercase Roman numerals type="1">Arabic numerals
            
            

         Ordered lists can start at different values and with different types.

         10. This should be j
         3. This should be c
            1. List can nest
               1. Nesting depth is unlimited
         Tampilan HTML untuk kode diatas adalah gambar dibawah ini :
         
         LSP Telematika Indonesia
         
         19
         
         Gambar 1.5.5.1.1 Tampilan HTML Untuk Ordered List
         
         1.5.5.2 Unordered List Unordered list digunakan untuk mendaftarkan item dengan penomoran yang tidak spesifik. Jenis list ini dapat digunakan untuk mendaftarkan fitur dan keuntungan
         
         sebuah
         
         produk.
         
         Browser
         
         biasanya
         
         menambahkan
         
         bullet
         
         atau
         
         sejenisnya (lingkaran hitam, kotak, lingkaran putih) untuk tiap item dan posisinya dibuat agak menjorok kedalam Unordered list dapat memiliki hirarki. Untuk setiap level hirarki, posisi list semakin menjorok ke dalam, dan jenis bullet juga berubah. Umumnya, lingkaran hitam digunakan pada lever teratas dari list. Lingkaran yang kosong digunakan pada level kedua, sedangkan level ketiga menggunakan kotak. Atribut type dapat digunakan untuk menentukan jenis bullet dari list. Atribut type juga dapat muncul dalam
         dan akan menentukan jenis bullet untuk keseluruhan list atau dapat muncul di setiap
         • . Nilai atribut type pada
         • dapat mengubah nilai list
           
           LSP Telematika Indonesia
           
           20
           
           keseluruhan kecuali jika diubah kembali oleh type yang lain. Nilai atribut type dapat berupa ”disc”, ”circle” atau ”square”. Berikut ini adalah contoh kode penggunaan unordered list :
           
           
           • Unordered lists
             • can be nested.
               • Bullet changes on nesting.

           Bullets can be controlled with TYPE attribut. Type can be set for the list as a whole or item by item.

           • First item bullet shape set by UL
           • Disc item
           • Circle item
           • Square item
           
           
           Tampilan HTML untuk kode diatas adalah gambar di bawah ini :
           
           Gambar 1.5.5.2.1 Tampilan HTML Unordered List
           
           LSP Telematika Indonesia
           
           21
           
           1.5.5.3
           
           Definition List
           
           Definition list adalah list yang berpasangan. List ini digunakan untuk menyusun posisi kata dan definisi dari kata tersebut. Tag definition list adalah

           dan

           . Setiap kata yang akan didefinisikan diawali dengan
           , singkatan dari ”definition term”. Sedangkan definisi dari kata tersebut diawali dengan
           . Tag
           dan
           tidak harus menggunakan tag penutup. Berikut ini adalah contoh kode penggunaan definition list:
           
           

           Definitions

           Gadget

           A useless device used in many HTML examples.

           Gizmo

           Another useless device used in a few HTML examples.

           
           
           Tampilan untuk kode di atas adalah sebagai berikut :
           
           LSP Telematika Indonesia
           
           22
           
           Gambar 1.5.5.3.1 Tampilan HTML Penggunaan Definition List
           
           1.6 Gambar File gambar dapat digunakan untuk memperindah dan memudahkan navigasi file Tipe file gambar yang ada sekarang ini diantaranya adalah GIF (graphics interchange format - .gif), JPEG/JPG (joint photographic experts - .jpeg), XBM (X bitmaps - .xbm), XPM (X pixelmaps - .xpm), PNG (portable network graphics .png). File gif baik untuk digunakan dalam ilustrasi seperti logo, sementara file jpeg baik untuk gambar yang kompleks seperti foto. File bertipe JPG berukuran lebih kecil dibandingkan tipe yang lain karena kompresi yang digunakan mengabaikan piksel-piksel yang dianggap membawa perubahan minor pada gambar, kompresi ini dinamakan lossy. Faktor yang harus diperhatikan oleh web designer mengenai gambar adalah ukuran file serta kualitasnya. Untuk menyisipkan gambar dalam file HTML, gunakan tag dan tentukan nilai atribut src, yaitu URLdari file gambar berupa absolut URL atau relatif URL. Untuk memasukkan gambar yang berada pada tempat yang sama dengan file HTML, gunakan Sedangkan penggunaan alamat absolute URL, dengan cara Berikut ini adalah contoh kode penggunaan tag < img> :
           
           LSP Telematika Indonesia
           
           23
           
           

           Image Example

           Tampilan untuk kode di atas adalah sebagai berikut :
           
           Gambar 1.6.1 Tampilan HTML untuk
           
           Dalam terdapat beberapa atribut, diantaranya alt. Alt digunakan untuk menyediakan teks pengganti apabila gambar tidak dapat ditampilkan. Nilai atribut alt dapat ditampilkan di tempat gambar atau sebagai tool tip. Sekarang ini, dengan adanya atribut title, alt digunakan untuk menampilkan teks apabila gambar tidak dapat ditampilkan dan nilai dari atribut title sebagai tool tip.
           
           LSP Telematika Indonesia
           
           24
           
           Gambar 1.6.2 Tampilan HTML dengan Alt
           
           Gambar dapat diatur posisinya dalam file HTML dengan menggunakan atribut align. Atribut align dapat bernilai top, bottom atau middle. Apabila gambar disertakan dalam teks maka teks selanjutnya akan terletak di top, bottom atau middle dari gambar tergantung nilai dari atribut align. Berikut ini adalah contoh kode penggunaan dan atribut align beserta hasil tampilannya:

           This text should be aligned to the top of the image.

           This text should be aligned to the middle of the image.

           This text should be aligned to the bottom of the image.

           
           
           Gambar 1.6.3 Tampilan HTML dengan Align
           
           Dengan nilai align seperti diatas, teks tidak berada di sekeliling gambar sehingga layout file terlihat aneh. Netscape memperkenalkan nilai left dan right untuk atribut align. Dengan demikian maka jika gambar berada di sebelah kiri maka
           
           LSP Telematika Indonesia
           
           25
           
           teks akan berada di sebelah kanan gambar, demikian juga sebaliknya. Berikut ini adalah contoh kode penggunaan left dan right untuk atribut align beserta tampilannya : The top images has its align attribute set to "left" so the text flows around it to the "right". The top image has its align attribute set to "left" so the text flows around it to the "right".
           
           
           

           The top images has its align attribute set to "right" so the text flows around it to the "left". The top image has its align attribute set to "right" so the text flows around it to the "left".
           
           Gambar 1.6.4 Tampilan HTML dengan Align Right dan Left
           
           Pada versi HTML 3.2 Netscape memperkenalkan atribut hspace dan vspace. Atribut ini dapat digunakan untuk menyediakan rung kosong di sekitar gambar. Atribut hspace digunakan untuk memasukkan ruang kosong di sebelah kiri dan kanan gambar. Sedangkan atribut vspace digunakan untuk memasukkan ruang kosong di atas dan di bawah gambar. Nilai kedua atribut ini harus positif dalam
           
           LSP Telematika Indonesia
           
           26
           
           piksel. Berikut ini adalah contoh kode untuk dan atribut hspace, vspace beserta hasil tampilannya :

           The image below has itsand attributes set to 50 pixels, so the text will flow around it at a distance of 50 pixels. The rest of this text is dummy text. if it said anything interesting you would certainly be the first to know. This is dummy text. If it said anything interesting you would certainly be the first to know. There's really no point in reading the rest of it. This is dummy text. If it said anything interesting you would certainly be the first to know. There's really no point in reading the rest of it. This is dummy text. If it said anything interesting you would certainly be the first to know. There's really no point in reading the rest of it. This is dummy text. If it said anything interesting you would certainly be the first to know. There's really no point in reading the rest of it. This is dummy text. If it said anything interesting you would certainly be the first to know. There's really no point in reading the rest of it. This is dummy text. If it said anything interesting you would certainly be the first to know. There's really no point in reading the rest of it. This is dummy text. If it said anything interesting you would certainly be the first to know. There's really no point in reading the rest of it.

           
           
           Gambar 1.6.5 Tampilan HTML dengan Atribut HSPACE dan VSPACE
           
           LSP Telematika Indonesia
           
           27
           
           1.7 Tabel Tabel didefinisikan dengan tag . Sebuah tabel terbagi atas baris (tag
           

           baris 1, kolom	baris 1, kolom
           baris 2, kolom	baris 2, kolom

           
           
           1 2
           
           1 2
           
           Hasil keluarannya : row 1, cell 1
           
           row 1, cell 2
           
           row 2, cell 1
           
           row 2, cell 2
           
           1.7.1 Atribut Border Jika kita tidak menentukan atribut border maka tabel akan ditampilkan tanpa border. Terkadang hal ini berguna tetapi umumnya, kita menginginkan agar border terlihat. Untuk menampilkan tabel dengan border, kita harus memberi nilai pada atribut border :

           Row 1, cell 1

           Row 1, cell 2

           
           
           1.7.2 Heading Pada Tabel Heading pada tabel didefinisikan dengan tag . Berikut ini adalah contoh kode heading pada tabel :
           
           
           
           LSP Telematika Indonesia
           
           28
           
           

           Heading	Another Heading
           row 1,	row 1,
           row 2,	row 2,

           
           
           cell 1 cell 2
           
           cell 1 cell 2
           
           Hasil keluarannya adalah sebagai berikut : Heading
           
           Another Heading
           
           row 1, cell 1
           
           row 1, cell 2
           
           row 2, cell 1
           
           row 2, cell 2
           
           1.8
           
           Frame
           
           Frame adalah area dengan scroll yang berdiri sendiri, atau window dari web page. Sebuah frame akan membagi file HTML menjadi beberapa area dengan luas yang lebih kecil, dimana untuk setiap area diisi dengan file HTML yang lain. Isi dari sebuah frame dapat dimanipulasi bahkan dihubungkan dengan isi frame yang lain, sehingga akan menghasilkan file HTML yang menarik. Pemisah antar frame berupa border sehingga file HTML yang menggunakan frame akan menyerupai file HTML yang menggunakan tabel. Setiap frame diberi nama sehingga dapat menjadi referensi melalui link atau scripting, dengan demikian isi dari sebuah frame dapat dipengaruhi oleh isi dari frame yang lain. Perbedaan utama antara frame dengan tabel adalah kemampuan referensi dari frame, selain itu frame menyediakan fasilitas layout dan navigasi.
           
           1.8.1 Contoh Sederhana Frame Yang perlu diingat, frame terdiri dari beberapa file HTML. Sebuah file HTML dengan 2 (dua) frame sebenarnya terdiri dari : •
           
           File
           
           HTML
           
           yang
           
           mendefinisikan
           
           hubungan
           
           antara
           
           frame
           
           (framing
           
           document) •
           
           File HTML untuk mengisi frame pertama
           
           •
           
           File HTML untuk mengisi frame kedua
           
           LSP Telematika Indonesia
           
           29
           
           Framing document memiliki sedikit perbedaan dengan file HTML yang umum. Perbedaan terletak pada tag . Framing document tidak mengandung tag .
           
           Tag
           
           ini
           
           digantikan
           
           dengan
           
           tag
           
           ,
           
           yang
           
           berfungsi
           
           mendefinisikan frame-frame yang digunakan. Atribut utama dari dari adalah row dan cols. Sebuah file dokumen HTML dibagi menjadi 2 (dua) kolom yang masing-masing berukuran 20% dan 80% dikodekan dengan , sedangkan dokumen HTML yang terbagi menjadi 3 (tiga) baris yang masing-masing berukuran 10%, 80% dan 10% dikodekan dengan . Dalam terdapat tag yang digunakan untuk menentukan file HTML yang akan diisi dalam row atau cols, yang telah didefinisikan sebelumnya
           
           dalam
           
           .
           
           Sintaks
           
           dari
           
           
           
           adalah
           
           
           src=”URL file” name=”nama unik dari frame”>. Berikut ini adalah kode sederhana dari file HTML yang menggunakan frame : <noframes>

           File ini menggunakan frame. Ikuti link tanpa frame untuk menuju versi dari file ini tanpa frame

           Dengan kode di atas maka file links.html akan berada pada frame yang berukuran 20%, sedangkan file display.html akan berada pada frame yang berukuran 80%. Kode dari file links.html dan display.html ada di bawah ini:

           Links

           ---

           Yahoo!
           
           LSP Telematika Indonesia
           
           30
           
           

           Display

           ---

           Click file akan ditampilkan di sini

           Setelah semua file selesai dibuat, letakkan file-file tersebut pada direktori yang sama, kemudian buka file frame utama. Tampilan pada web browser seperti dibawah ini :
           
           Gambar 1.8.1.1 Tampilan Di Web Browser File Framing.html. <noframe> yang ada pada contoh sebelumnya mengandung file HTML serta teks yang akan ditampilkan apabila browser tidak mendukung frame.
           
           1.8.2 Target Frame
           
           LSP Telematika Indonesia
           
           31
           
           Salah satu contoh penggunaan frame, sebuah file HTML terdiri dari beberapa frame dimana salah satu frame berisi links sedangkan frame lainnya akan berisi file HTML yang sesuai dengan link yang dipilih. Ketika link dipilih maka frame lainnya akan menampilkan file HTML yang ditentukan oleh link.
           
           Pada contoh
           
           sebelumnya frame yang berisi daftar link dinamakan ”links” dan targetnya dinamakan ”display”. Langkah-langkah untuk membuat target link adalah : 1. Nilai atribut name pada bersifat unik 2. Gunakan
           atribut
           
           target
           
           dalam
           
           href=”http://www.yahoo.com”
           
           ,
           
           contohnya
           
           target=”display”>
           
           : akan
           
           menampilkan situs www.yahoo.com pada frame yang bernama “display” jika ada. Jika frame yang menjadi target tidak ditemukan maka www.yahoo.com akan ditampilkan di tempat link. Selain frame lain, nilai target yang telah disediakan terdiri dari : •
           
           _blank
           
           Load file HTML ke window baru, umumnya yang tidak
           
           bernama •
           
           _self
           
           Load file HTML di frame sendiri
           
           •
           
           _parent
           
           Load link ke frame parent
           
           •
           
           _top
           
           Load link ke semua frame
           
           1.8.3 IFRAME Contoh-contoh yang ditunjukkan sebelumnya berada pada posisi kanan, kiri, atas atau bawah. Bentuk frame lain disebut floating frame (diperkenalkan oleh Microsoft). Floating frame akan membuat frame area inline, yang bersifat seperti objek-objek lain yang disisipkan. Tag dari inline frame adalah <iframe>, tag ini dapat berada di manapun dalam . Atribut utama dari <iframe> adalah src, height dan width. Atribut src untuk menentukan file yang akan ditampilkan, sedangkan atribut height dan width untuk menentukan ukuran dari frame. Berbeda dengan yang tidak memiliki tag penutup, <iframe> memiliki tag penutup . Contoh kode sederhana yang menggunakan <iframe> adalah :
           
           LSP Telematika Indonesia
           
           32
           
           

           Contoh Inline Frame

           <iframe name="iframe1" src="iframe.html" width="350" height="200" align="left"> Disini akan terdapat inline frame jika browser anda compatible.

           Ini adalah contoh sederhana dari inline frame. Inline frame terlihat seperti objek yang disisipkan

           Tampilan dari kode diatas terdapat pada gambar 4.3.1. Beberapa browser tidak mendukung <iframe>, diantaranya Netscape 4.x. Sama halnya dengan frame, inline
           frame
           
           dapat
           
           menjadi
           
           href=”http://www.google.com”
           
           target
           
           link.
           
           Contoh
           
           kode:
           
           target=”iframe1”>Tampilkan
           
           di
           
           iframe .
           
           Gambar 1.8.3.1 Tampilan Kode Inline Frame
           
           1.9 Tag Logika
           
           LSP Telematika Indonesia
           
           33
           
           Tag logika atau idiomatic element digunakan untuk menandai tipe informasi yang berbeda. Perbedaan tipe informasi ditandai dengan menggunakan huruf miring, tebal atau menggunakan huruf yang ukurannya sama (monospace). Tag ini tidak tergantung pada browser.
           
           This is emphasized text This is cited text This is strong text Perhatikan contoh ini : seandainya kita hendak menampilkan teks dengan huruf miring untuk membedakan teks tersebut dari teks lainnya. Dengan menggunakan tag italic maka kita memberitahu browser untuk “tampilkan teks ini dengan huruf miring”. Tetapi bagaimana dengan browser yang tidak mendukung tampilan tersebut? Maka browser tidak akan menampilkan teks dengan huruf miring karena tag tersebut akan diabaikan. Akan lebih baik apabila kita dapat memberitahu browser untuk membedakan teks melalui tag khusus. Umumnya dengan melakukan hal demikian maka browser akan mengubah teks dengan huruf miring tetapi browser dapat juga menampilkan format yang lain yang dapat membedakan teks tersebut dari teks yang lain. Hal sama terjadi juga untuk membedakan teks dengan menggunakan penebalan huruf.
           
           Berikut ini adalah penjelasan lebih lanjut mengenai tag-tag yang termasuk dalam tag logika: 1. Heading Tag ini digunakan untuk membuat teks menjadi seperti headline. Pada umumnya browser akan menampilkan teks yang berada dalam tag ini dengan huruf tebal dan ukuran yang berbeda dari teks lain. Penjelasan lebih lanjut mengenai tag ini ada pada bab 1.5.1. 2. Emphasis <em> Umumnya browser mengartikan tag ini sebagai menampilkan dengan huruf miring. Tetapi jika browser tidak mendukung tampilan tersebut maka browser akan menampilkan dengan cara yang lain. 3. Strongly Emphasis <strong> Browser mengartikan tag ini dengan menebalkan huruf. 4. Address (

           ...

           ) Tag ini digunakan untuk menulis alamat email. 5. Blockquote (

           ...) Tag ini digunakan untuk memasukkan kutipan panjang dari dokumen lain. Penjelasan lebih lanjut dari tag ini ada pada bab 1.5.3
           
           LSP Telematika Indonesia
           
           34
           
           6. Citation (...) Tag ini digunakan untuk memasukkan kutipan seperti nama majalah, jurnal atau buku. 7. Definition (...) Tag ini digunakan untuk mendefinisikan term. 8. Code (...) Tag ini digunakan untuk penulisan kode program komputer. 9. Sample (<SAMP>...) Tag ini digunakan untuk menuliskan contoh. 10. Variable (...) Tag ini digunakan untuk penulisan variabel dari kode program komputer. Untuk lebih memahami penggunaan tag-tag diatas, berikut ini adalah contoh kode file HTML yang menggunakan tag logika :
           
           Style Tags File web yang hanya terdiri dari tulisan hitam putih kurang menarik untuk dilihat. Dengan menggunakan tag style maka teks akan diberikan jenis, penekanan dan warna yang berbeda dengan file web akan lebih menarik untuk dilihat. Tag yang terpenting untuk mengubah teks adalah ... Tag ini dapat digunakan untuk mengubah jenis, ukuran dan warna teks biasa. Teks memiliki 3 (tiga) atribut untuk mengubah teks : 1. Face Jenis huruf default dari browser pada umumnya adalah “Times New Roman”. Banyak browser memiliki keterbatasan dalam mengenali jenis huruf. Kita dapat memasukkan lebih dari satu jenis huruf sebagai nilai atribut ini. Browser akan mengubah teks menurut jenis huruf yang pertama kali dikenali. Contoh : , maka browser akan mengubah teks dengan jenis huruf “Arial”. Tetapi, jika browser tidak mengenali huruf “Arial” maka browser akan mengubah teks dengan jenis huruf “Comic Sans MS”. Jika browser tetap tidak mengenali jenis huruf tersebut maka browser akan menggunakan jenis huruf default yaitu “Times New Roman”. Beberapa jenis huruf diantaranya adalah Arial, Brush Script, Impact, Letter Gothic, Lucida handwriting, Lydian, Mistral, verdana dan lainnya. 2. Size
           
           LSP Telematika Indonesia
           
           35
           
           Atribut ini mengatur ukuran huruf yang akan ditampilkan. Nilai atribut ini bisa negative atau positif dengan kisaran nilai “-2” hingga “+4” dengan nilai default “3” ( Contoh : “-2” adalah “1” dan “+4” adalah “7”). Nilai “1” (atau “-2”) akan menghasilkan tampilan huruf ukuran 8. Nilai “2” (atau “-1”) akan menghasilkan tampilan huruf ukuran 10. Nilai “3” (atau “+0”) akan menghasilkan tampilan huruf ukuran 12. Nilai “4” (atau “+1”) akan menghasilkan tampilan huruf ukuran 14. Nilai “5” (atau “+2”) akan menghasilkan tampilan huruf ukuran 18. Nilai “6” (atau “+3”) akan menghasilkan tampilan huruf ukuran 24. Nilai “7” (atau “+4”) akan menghasilkan tampilan huruf ukuran 36. 3. Color Nilai atribut ini berupa kode warna atau nama warna. Atribut ini digunakan untuk mengubah warna teks. Warna hitam adalah warna default dengan kode warna “#000000”. Berikut ini adalah contoh file HTML yang menampilkan teks yang mengalami perubahan style :
           
           red sun symbol was then called a “Zia” and is shown on a field of gold.  The red and gold colors, which the Spanish Conquistadores brought to the New World, were the colors of Queen Isabela of Castile.  Here is the official salute to the New Mexican Flag:

           I salute the flag of the State of New Mexico and the Zia symbol of perfect friendship among united cultures.

           
           
           Hasil tampilan file HTML dari kode di atas adalah sebagai berikut :
           
           LSP Telematika Indonesia
           
           36
           
           The State Flag of New Mexico has on it a modern interpretation of an ancient symbol of a sun design, as seen on a late 19th century water jar from the Zia Pueblo. This pueblo is thought to have been one of the Seven Golden Cities of Cibola, which explorer Vasquez de Coronado sought. The red sun symbol was then called a “Zia” and is shown on a field of gold. The red and gold colors, which the Spanish Conquistadores brought to the New World, were the colors of Queen Isabela of Castile. Here is the official salute to the New Mexican Flag: I salute the flag of the State of New Mexico and the Zia symbol of perfect friendship among united cultures. Selain tag masih banyak tag-tag lain yang termasuk dalam tag style. Berikut ini adalah penjelasan dari beberapa style tag : 1. <style>.... Tag ini digunakan untuk mengubah jenis huruf, warna dan ukuran dari heading. Contoh : <style>h2 {font-size: 21pt; color: #000080}; h3 {font-size: 17pt; color: #008000} Kode diatas akan mengubah ukuran dan warna dari teks dalam heading 2 (dua) dan heading 3 (tiga). 2. ... Tag ini digunakan untuk mengubah jenis huruf, ukuran dan warna default dari teks. Sama halnya dengan ..., tag ini juga memiliki 3 (tiga) atribut yaitu face untuk mengubah jenis tulisan, size untuk mengubah ukuran tulisan dan color untuk mengubah warna tulisan. 3. ... Tag ini digunakan untuk mengubah jenis huruf teks menjadi huruf miring. 4. ... Tag ini digunakan untuk menebalkan teks 5. ... Tag ini digunakan untuk menggaris-bawahi teks. 6. <s>... Tag ini digunakan untuk membuat garis horizontal pada teks. Contoh kode di bawah ini menggunakan beberapa tag yang telah dijelaskan sebelumnya :
           
           LSP Telematika Indonesia
           
           37
           
           Hey
           
           Kevin,
           
           
           
           That sure was a bold move on your part to tell off the boss this afternoon! Man, it's something everybody has wanted to do for a long time! I guess now you'll be <s>getting that raise you've been wanting looking for another job starting tomorrow, huh buddy? Just kidding! :-) Anyway, on behalf of the crew, thanks, and we're all behind ya!!
           
           John
           
           Hasil tampilan dari kode di atas adalah :
           
           Hey
           
           Kevin,
           
           That sure was a bold move on your part to tell off the boss this afternoon! Man, it's something everybody has wanted to do for a long time! I guess now you'll be getting that raise you've been wanting looking for another job starting tomorrow, huh buddy? Just kidding! :-) Anyway, on behalf of the crew, thanks, and we're all behind ya!! John 7. ... Tag ini digunakan untuk membuat jenis huruf seperti huruf mesin ketik. Berikut ini adalah contoh kode penggunaan tag ini :
           
           quick cornbread
           
           Preparation Time: 20 minutes
           Cooking Time: 20-25 minutes
           
           DRY Ingredients
           2 c. white or yellow cornmeal
           2 c. flour
           4 tsp. baking powder
           1 tsp. salt
           
           WET Ingredients
           3 Tblsp. maple syrup
           ½ c. olive oil
           2 c. milk
           2 eggs, beaten
           2 medium jalapeño peppers, minced, or
           2 4-oz. cans green chiles, chopped (optional)
           
           1. Mix well all the dry ingredients in one bowl and all the wet ingredients in another bowl. Add the dry ingredients to the wet
           
           LSP Telematika Indonesia
           
           38
           
           ingredients, and stir until well-combined.
           
           2. Pour the mixture into a well-greased 9"×2" round, or 8"×8"×2" square, glass baking pan. Bake in a preheated 350° oven for 20-25 minutes or until a toothpick inserted into the middle comes out dry. Set aside and cool. This recipe serves 8 to 10 people.
           
           Hasil tampilan dari kode di atas adalah :
           
           QUICK CORNBREAD Preparation Time: 20 minutes Cooking Time: 20-25 minutes DRY ingredients 2 c. white or yellow cornmeal 2 c. flour 4 tsp. baking powder 1 tsp. salt WET ingredients 3 Tblsp. maple syrup ½ c. olive oil 2 c. milk 2 egg, beaten Optional: 2 medium jalapeño peppers, minced, or 2 4-oz. cans green chiles, chopped
           
           1. Mix well all the dry ingredients in one bowl and all the wet ingredients in another
           
           bowl. Add the dry ingredients to the wet ingredients, and stir until well-combined.
           
           2. Pour the mixture into a well-greased 9"×2" round, or 8"×8"×2" square, glass baking pan. Bake in a preheated 350° oven for 20-25 minutes or until a toothpick inserted into the middle comes out dry. Set aside and cool. This recipe serves 8 to 10 people.
           
           1.10 Cascading Style Sheet Style sheets mendefinisikan cara tag HTML ditampilkan, seprti halnya tag font dan atribut color di HTML 3.2. Umumnya style disimpan di sebuh file tersendiri dengan ekstensi .css. External style sheet memungkinkan kita untuk mengubah penampilan dan tata letak dari halaman web hanya dengan mengubah file CSS.
           
           LSP Telematika Indonesia
           
           39
           
           Selain disimpan di file tersendiri, style sheet juga bisa dituliskan di dalam file HTML, diantara tag . Style sheet ini dinamakan internal style sheet. Selain itu style juga bisa dituliskan di dalam tag HTML, (inline style), style yang demikian
           
           memiliki
           
           prioritas
           
           paling
           
           tinggi,
           
           yang
           
           artinya
           
           style
           
           ini
           
           akan
           
           menggantikan eksternal style sheet dan internal style sheet.
           
           1.10.1 Menyisipkan External Style Sheet External style sheet sangat baik untuk digunakan jika style ini akan diterapkan di banyak halaman web. Dengan demikian kita dapat mengubah tampilan banyak halaman hanya dengan mengubah sebuah file CSS. Tiap halaman yang akan menggunakan style, menghubungkan file style dengan tag . Berikut ini contoh file external style sheet dan cara menyisipkannya :
           
           hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")}
           
           Cara menyisipkan dalam file HTML
           
           
           
           1.10.2 Menyisipkan Internal Style Sheet Internal style sheet baik untuk digunakan di sebuah dokumen yang memiliki style tersendiri. Kita mendefinisikan internal style sheet dalam tag <style>. Berikut ini cara membuat internal style sheet :
           
           <style type="text/css"> hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} browser akan membaca definisi style lalu menampilkan file HTML berdasarkan definisi tersebut.
           
           LSP Telematika Indonesia
           
           40
           
           1.10.3 Menyisipkan Inline Style Untuk menggunakan inline style, kita gunakan tag <style> pada tag yang bersangkutan. Atribut style dapat mengandung property dari CSS. Berikut ini contoh penggunaan inline style, untuk mengubah warna dan ukuran margin :
           
           

           This is a paragraph

           
           
           1.10.4 Menggunakan CSS Setelah kita mempelajari cara membuat CSS. Selanjutnya kita akan membahas cara menggunakan CSS di dalam file HTML. Penggunaan file CSS dalam tag HTML dengan selector class. Nilai atribut class adalah style yang ingin kita gunakan untuk. Berikut ini contoh penggunaan CSS :
           
           h1,h2,h3,h4,h5,h6 { color: green } File HTML :
           
           

           Tulisan ini akan berwarna hijau

           Tulisan ini juga akan berwarna hijau

           
           
           1.11 Keamanan Website Internet
           
           dapat
           
           diakses
           
           oleh
           
           semua
           
           orang
           
           di
           
           dunia.
           
           Untuk
           
           itu
           
           muncul
           
           permasalahan dengan keamanan internet. Beberapa permasalahan tersebut adalah : ƒ
           
           Mengubah informasi yang ada di Internet sehingga mempermalukan perusahaan pemilik web site / deface
           
           LSP Telematika Indonesia
           
           41
           
           ƒ
           
           Informasi yang seharusnya hanya bisa diakses oleh orang tertentu, disadap sehingga diakses oleh orang yang tidak berhak
           
           ƒ
           
           Penyadapan informasi seperti nomor kartu kredit
           
           ƒ
           
           Menyerang server dengan memberikan request secara terus menerus ( denial of service attack )
           
           ƒ
           
           melemahkan atau menghilangkan fungsi firewall (tunneling)
           
           Untuk mengatasi permasalahan tersebut, berikut ini adalah cara-cara yang dapat dilakukan : 1. membatasi akses dengan kontrol akses Dengan pembatasan akses maka tidak semua orang bisa mengakses informasi. Pembatasan akses dapat dilakukan dengan cara : ƒ
           
           membatasi domain atau nomor IP yang dapat mengakses
           
           ƒ
           
           menggunakan userId dan password
           
           ƒ
           
           mengenkripsi data sehingga hanya dapat didekripsi oleh pihak yang berhak.
           
           Mekanisme pembatasan hak akses bergantung pada program yang ada di server. Secure Socket Layer merupakan salah satu cara untuk mengamankan internet dengan mengenkripsi komunikasi pada tingkat socket. Beberapa server telah menyediakan fasilitas ini contohnya apache. 2. Mengetahui jenis web server Informasi mengenai web server dapat digunakan untuk menyerang web server melalui titik kelemahan web server tersebut. Sedangkan untuk client, serangan yang muncul berupa pelanggaran privasi dan penyisipan virus. Ketika kita mengunjungi web, kita dititipi oleh cookies yang berguna untuk menandai aktivitas yang dilakukan, sehingga dapat dilakukan tracking terhadap situs web yang pernah kita kunjungi. Enkripsi Data Enkripsi adalah proses menyembunyikan informasi, membuatnya menjadi tidak terbaca tanpa pengetahuan khusus. Algoritma untuk melakukan enkripsi disebut dekripsi (kebalikannya adalah dekripsi). Informasi semula dinamakan plainteks sedagkan informasi yang telah dienkripsi dinamakan ciperteks. Metode
           
           enkripsi
           
           terbagi
           
           menjadi
           
           algoritma
           
           symmetric
           
           key
           
           (private-key
           
           cryptography) dan asymmetric algorithms (public-key cryptography). Dalam algoritma symmetric key (DES atau AES), pengirim dan penerima informasi
           
           LSP Telematika Indonesia
           
           42
           
           memiliki key yang hanya diketahui bersama, sedangkan dalam asymmetric key (RSA) ada 2 (dua) kunci, public key yang di umumkan luas dan private key yang hanya diketahui penerima informasi. Metode yang dapat digunakan untuk pertukaran kunci dalam algoritma assymetric key adalah diffie helman, metode ini hanya membutuhkan private key.
           
           Soal Latihan 1. Apa fungsi atribut Alt pada tag : a. Teks alternatif jika gambar tidak bisa ditampilkan b. Cara cepat menyimpan gambar c. Gambar alternatif yang disediakan d. Memberi efek tertentu pada gambar e. Mengubah gambar menjadi link 2. Apa fungsi atribut hspace dan vspace : a. Tujuan sebuah URL b. Menyediakan ruang kosong c. Mengatur posisi gambar d. Mengatur ukuran gambar e. Menampilkan teks alternatif 3. menggantikan tag : a. b. c. d. e. <meta>
           
           Soal Praktek 4. Buatkan kode HTML yang akan menampilkan keluaran seperti di bawah ini :
           
           LSP Telematika Indonesia
           
           43
           
           5. Buatlah kode HTML yang akan menampilkan keluaran seperti di bawah ini :
           
           LSP Telematika Indonesia
           
           44
           
           BAB 2 BASIS DATA
           
           Tujuan Instruksional Umum : 1. Mengenal konsep Basis data 2. Mengenal operasi dalam basis data 3. Mengenal perintah akses basis data Tujuan Instruksional khusus : 1. Programmer memahami konsep dalam basis data 2. Programmer dapat mengakses, menambah, menghapus dan mengubah data dalam basis data Materi yang dibahas dalam bab ini memenuhi : 1. TIK.PR02.021.01 Menerapkan basis data Berikut ini adalah gambaran umum dari materi yang akan dibahas pada bab ini :
           
           LSP Telematika Indonesia
           
           45
           
           2.1 Terminologi Berikut ini adalah terminologi yang umum digunakan dalam basis data : •
           
           Basis Data : Kumpulan data yang terorganisir
           
           •
           
           DBMS
           
           (Database
           
           Management
           
           System)
           
           :
           
           Program
           
           komputer
           
           yang
           
           menangani basis data •
           
           Query : Cara mengakses basis data
           
           •
           
           Table : Tempat penyimpanan data contoh : Tabel 2.1.1 : Data Mahasiswa
           
           NIP
           
           Nama
           
           Jurusan
           
           0912457
           
           Budi Santoso
           
           Akuntansi
           
           0958745
           
           Andi Wiryawan
           
           Ekonomi
           
           0987856
           
           Susi Widyaningsih
           
           Sastra
           
           0996545
           
           Karina Putri
           
           Psikologi
           
           •
           
           Record / Tuple : data dalam table
           
           •
           
           Primary Key : himpunan data dalam table yang digunakan untuk membedakan baris. Contoh : pada table diatas NIP dapat dijadikan primary key karena nilainya unik sehingga data-data dalam satu baris tidak ada yang persis sama.
           
           •
           
           Foreign Key : data di sebuah table dimana data tersebut manjadi primary key di table lain.
           
           •
           
           Data
           
           Manipulation
           
           Language
           
           :
           
           bahasa
           
           yang
           
           digunakan
           
           untuk
           
           memasukkan, mengubah dan mengakses data dari/ke basis data. Bahasa yang populer dari DML adalah SQL (Structured Quey Language). •
           
           Data Definition Language : bahasa yang digunakan untuk mendefinisikan table, contoh perintah ddl adalah create, alter, drop, dan lainnya.
           
           2.2
           
           Memanipulasi Data dari Tabel
           
           Pada subbab ini akan dibahas mengenai perintah SQL yang meliputi perintah SELECT, INSERT, UPDATE dan DELETE.
           
           LSP Telematika Indonesia
           
           46
           
           1. SELECT Perintah ini digunakan untuk memperoleh nol atau lebih baris dari satu atau lebih table di basis data. Umumnya keyword yang menyertai perintah SELECT adalah : ƒ
           
           FROM Keyword untuk memberitahukan asal table yang datanya diakses juga cara table di gabungkan.
           
           ƒ
           
           WHERE Keyword
           
           ini
           
           digunakan
           
           untuk
           
           menentukan
           
           baris
           
           yang
           
           akan
           
           ditampilkan berdasarkan kriteria yang tertera di klausa ini. Dalam klausa WHERE dapat digunakan oprator logika. Berikut ini adalah tabel dari operator logika SQL : Tabel 2.2.1 : Operator Logika dalam SQL
           
           = <> or != (see manual)
           
           ƒ
           
           Equal Not Equal
           
           <
           
           Less Than
           
           >
           
           Greater Than
           
           <=
           
           Less Than or Equal To
           
           >=
           
           Greater Than or Equal To
           
           GROUP BY Keyword ini digunakan untuk mengkombinasikan baris dengan dengan nilai yang berkaitan.
           
           ƒ
           
           HAVING Keyword ini digunakan untuk mencari bagian dari kombinasi baris (kombinasi baris dihasilkan ketika query menggunakan keyword GROUP BY atau ketika dalam perintah SELECT mengandung agregasi ) yang dihasilkan.
           
           ƒ
           
           ORDER BY Keyword ini digunakan untuk menentukan kolom yang digunakan untuk mengurutkan data yang dihasilkan.
           
           LSP Telematika Indonesia
           
           47
           
           Contoh penggunaan query SELECT : Contoh 1 : SELECT * FROM buku WHERE harga > 100.00 ORDER BY judul Query ini akan menghasilkan semua baris dari table buku yang memiliki harga
           
           100.00
           
           dollars.
           
           Baris-baris
           
           yang
           
           dihasilkan
           
           akan
           
           diurutkan
           
           berdasarkan judul buku. Simbol (*) berarti menampilkan semua kolom dari table yang bersangkutan.
           
           Contoh 2 : SELECT bk.judul, count(*) AS Pengarang FROM buku AS bk, pengarang_buku AS ba WHERE bk.nomor_buku = ba.nomor_buku GROUP BY bk.judul Perintah ini menggunakan beberapa table yang digabungkan (join). Setiap table menggunakan alias yaitu “bk” dan “ba” dengan tujuan menghindari ambigu ketika melakukan penggabungan table. Selain itu, kolom yang ditampilkan adalah judul buku dan jumlah pengarang yang diberi alias Pengarang. Data dari kolom Pengarang diperoleh
           
           dengan perintah
           
           agregasi COUNT. Perintah ini akan menampilkan jumlah pengarang untuk setiap buku. Berikut ini adalah contoh hasil keluarannya : Judul
           
           Pengarang
           
           SQL Examples and Guide
           
           3
           
           The Joy of SQL
           
           1
           
           How to use Wikipedia
           
           2
           
           Pitfalls of SQL
           
           1
           
           How SQL Saved my Dog
           
           1
           
           Contoh 3 : Perhatikan table di bawah ini : TabelKaryawan NoKaryawan
           
           Gaji
           
           Bonus
           
           Jabatan
           
           010
           
           75000
           
           15000
           
           Manager
           
           105
           
           65000
           
           15000
           
           Manager
           
           LSP Telematika Indonesia
           
           48
           
           152
           
           60000
           
           15000
           
           Manager
           
           215
           
           60000
           
           12500
           
           Manager
           
           244
           
           50000
           
           12000
           
           Staff
           
           300
           
           45000
           
           10000
           
           Staff
           
           335
           
           40000
           
           10000
           
           Staff
           
           400
           
           32000
           
           7500
           
           Entry-Level
           
           441
           
           28000
           
           7500
           
           Entry-Level
           
           SELECT NoKaryawan FROM TabelKaryawan WHERE Gaji >= 50000 Perintah di atas akan menampilkan EmployeeIDNo yang memiliki gaji sama atau melebihi 50000. NoKaryawan -----------------------010 105 152 215 244 Klausa gaji >= 50000 dinamakan kondisi. Kondisi juga bisa diterapkan kepada kolom dengan tipe data teks. SELECT EmployeeIDNo FROM EmployeeStatisicsTable WHERE Jabatan = ‘Manager’ Query ini akan menampilkan semua nomor karyawan dari manager. Yang perlu diperhatikan adalah penulisan string dalam klausa WHERE diawali dan diakhiri dengan symbol (‘). Contoh 4 :
           
           LSP Telematika Indonesia
           
           49
           
           Operator AND digunakan untuk menggabungkan kondisi. Baris yang memenuhi semua kondisi yang akan ditampilkan. Sebagai contoh, untuk menampilkan nomor karyawan staf yang memiliki gaji melebihi 40000 dengan query : SELECT NoKaryawan FROM TabelKaryawan WHERE Gaji > 40000 AND Jabatan = ‘Staf’ Operator OR digunakan untuk menggabungkan 2 (dua) atau lebih kondisi. Baris yang memenuhi salah satu kondisi atau keduanya yang akan ditampilkan. Sebagai contoh, untuk menampilkan nomor karyawan yang memiliki gaji kurang dari 40000 dan bonus kurang dari 10000 dengan query : SELECT NoKaryawan FROM TabelKaryawan WHERE Gaji < 40000 OR Bonus < 10000 Operator AND dan OR dapat dikombinasikan, contoh : SELECT NoKaryawan FROM TabelKaryawan WHERE Jabatan = ‘Staf’ AND Gaji > 60000 OR Bonus > 12000 Awalnya SQL mencari baris-baris yang memenuhi kondisi gaji > 60000 atau bonus > 12000. Kemudian, dari baris-baris yang dihasilkan dicari lagi yang memenuhi kondisi jabatan = ‘Staf’. SQL akan mencari baris-baris yang
           
           memenuhi
           
           kondisi
           
           OR
           
           terlebih
           
           dahulu
           
           kemudian
           
           baris
           
           yang
           
           memenuhi kondisi AND. Agar kondisi AND dapat diproses terlebih dahulu, gunakan symbol ( dan ) di awal dan di akhir kondisi, contoh : SELECT NoKaryawan FROM TabelKaryawan WHERE Jabatan = ‘Staf’ OR (Gaji > 50000 AND Bonus > 10000)
           
           LSP Telematika Indonesia
           
           50
           
           Query di atas akan menampilkan daftar manager atau siapapun yang memiliki gaji > 50000 dan keuntungan > 10000. Contoh 5 : Operator IN, contoh : SELECT NoKaryawan FROM TabelKaryawan WHERE Jabatan IN (‘Manager’, ‘Staf’) Query di atas akan menampilkan data-data nomor karyawan dari manager dan staf. Operator BETWEEN dapat digunakan untuk menampilkan data-data yang memenuhi kisaran nilai tertentu, contoh : SELECT NoKaryawan FROM TabelKaryawan WHERE Gaji BETWEEN 30000 AND 50000 Query diatas akan menampilkan baris-baris yang memiliki gaji lebih besar atau sama dengan 30000 tetapi lebih kecil atau sama dengan 50000. Untuk memperoleh data-data yang tidak berada dalam kisaran nilai tertentu, gunakan operator NOT. Contoh : SELECT NoKaryawan FROM TabelKaryawan WHERE Gaji NOT BETWEEN 30000 AND 50000 Opeator NOT IN dapat digunakan untuk mendapatkan baris yang tidak berada dalam daftar IN. Contoh 6 : Perhatikan TabelKaryawan, seandainya kita ingin mendapatkan daftar orang-orang dengan nama belakang yang diawali dengan huruf L, maka query yang bisa digunakan :
           
           LSP Telematika Indonesia
           
           51
           
           SELECT NoKaryawan FROM TabelKaryawan WHERE NamaAkhir LIKE ‘L%’ Simbol (%) melambangkan kemungkinan karakter (angka, huruf dan tanda baca) atau sekumpulan karakter yang muncul setelah huruf “L”. Untuk menampilkan nama yang diakhiri dengan huruf “L”, gunakan ‘%L’ atau jika kita ingin huruf “L” berada ditengah nama, dapat digunakan ‘%L%’. 2. Perintah INSERT Perintah ini digunakan untuk memasukkan nol atau lebih baris ke table yang telah tersedia. Contoh : INSERT INTO tabelSaya (kolomA, kolomB, kolomC) values (‘nilaiA’, ‘nilaiB’, ‘nilaiC’) 3. Perintah UPDATE Perintah ini digunakan untuk mengubah nilai sekumpulan baris dari table yang tersedia. Contoh : UPDATE tabelSaya set kolomA = ‘updateA’, kolomB = ‘updateB’ WHERE kolomC = ‘C’ 4. Perintah DELETE Perintah ini digunakan untuk menghapus nol atau lebih baris yang ada dari table. Contoh : DELETE tabelSaya WHERE kolomA = ‘A’
           
           2.3 Menggabungkan Tabel Umumnya semua data yang ingin diperoleh tidak berada dalam 1 (satu) table, untuk memperoleh data-data yang berada dalam table yang berbeda, kita dapat melakukan penggabungan table (join) terlebih dahulu. Perhatikan table-tabel di bawah ini :
           
           PemilikBrgAntik NoPem NmAkhirPem NmAwalPem 01
           
           Jones
           
           Bill
           
           LSP Telematika Indonesia
           
           52
           
           02
           
           Smith
           
           Bob
           
           15
           
           Lawson
           
           Patricia
           
           21
           
           Akins
           
           Jane
           
           50
           
           Fowler
           
           Sam
           
           BarangAntik
           
           Pesanan
           
           NoPenj NoPemb Barang
           
           NoPem Pes_Pem
           
           01
           
           50
           
           Tempat Tidur
           
           02
           
           Meja
           
           02
           
           15
           
           Meja
           
           02
           
           Meja Kecil
           
           15
           
           02
           
           Kursi
           
           21
           
           Kursi
           
           21
           
           50
           
           Cermin
           
           15
           
           Cermin
           
           50
           
           01
           
           Meja Kecil
           
           01
           
           21
           
           Lemari
           
           02
           
           21
           
           Meja kopi
           
           15
           
           50
           
           Kursi
           
           01
           
           15
           
           Kotak Perhiasan
           
           02
           
           21
           
           Keramik
           
           21
           
           02
           
           Tempat Buku
           
           50
           
           01
           
           Pot
           
           Seandainya kita ingin mendapatkan nama-nama orang yang membeli kursi dengan
           
           cara
           
           menghubungkan
           
           orang-orang
           
           yang
           
           membeli
           
           kursi
           
           di
           
           table
           
           BarangAntiks dengan nama di table PemilikBrgAntik melalui kolom NoPem yang menghubungkan kedua tabel. Contoh query: SELECT NmAkhirPem, NmAwalPem FROM PemilikBrgAntik, BarangAntiks WHERE NoPenj = NoPem AND Barang= 'Kursi' Klausa FROM berisi table-tabel yang akan digabungkan. Klausa Barang= 'Kursi' untuk mendapatkan pembeli kursi, sedangkan klausa NoPenj= NoPem merupakan
           
           LSP Telematika Indonesia
           
           53
           
           kriteria
           
           penggabungan
           
           yang
           
           menyatakan
           
           bahwa
           
           baris-baris
           
           yang
           
           akan
           
           digabungkan memiliki nilai NoPenj dan NoPem yang sama. Untuk menghilangkan ambiguitas dari nama table- nama kolom dapat digunakan symbol (.). Contoh query : SELECT PemilikBrgAntik .NmAkhirPem, PemilikBrgAntik .NmAwalPem FROM PemilikBrgAntik, BarangAntiks WHERE BarangAntiks.NoPenj= PemilikBrgAntik.NoPem AND BarangaAntiks.Barang= 'Kursi'
           
           2.4 Menghilangkan Record yang Sama Seandainya kita ingin mendaftarkan ID dan nama dari orang-orang yang telah menjual barang antik. Tentunya kita menginginkan daftar dimana nama penjual tidak muncul lebih dari sekali (kita tidak perlu tahu jumlah barang antik yang dijualnya hanya fakta bahwa orang tersebut telah menjual barang). Dengan demikian SQL harus menghilangkan baris-baris yang sama, dan hanya perlu mendaftar
           
           setiap
           
           orang
           
           hanya
           
           sekali.
           
           Untuk
           
           melakukan
           
           hal
           
           ini
           
           dengan
           
           menggunakan keyword DISTINCT. Pertama, kita perlu melakukan penggabungan dengan table PemilikBrgAntik untuk
           
           memperoleh
           
           data
           
           nama
           
           awal
           
           dan
           
           nama
           
           akhir,
           
           kemudian
           
           untuk
           
           menghilangkan baris yang sama kita gunakan keyword DISTINCT. Contoh query : SELECT DISTINCT NoPenj, NmAkhirPem, NmAwalPem FROM BarangAntiks, PemilikBrgAntik WHERE NoPenj = NoPem ORDER BY NmAkhirPem, NmAwalPem, NoPem Karena tiap penjual telah berhasil menjual sebuah barang maka kita akan mendapatkan daftar semua pemilik yang terurut berdasarkan nama akhir.
           
           2.5
           
           Subquery
           
           Perhatikan query di bawah ini yang akan menampilkan daftar pemilik yang telah membuat pesanan serta pesanannya.
           
           LSP Telematika Indonesia
           
           54
           
           SELECT Own.NmAkhirPem Nama Akhir, Ord.Pes_Pem Barang Pesanan FROM Pesanan ord, PemilikBrgAntik own WHERE Ord.NoPem= own.NoPem AND Ord.Pes_pem in (SELECT Barang FROM BarangAntik); Hasil keluarannya adalah : Nama Akhir
           
           Barang Pesanan
           
           ---------
           
           ------------
           
           Smith
           
           Meja
           
           Smith
           
           Meja kecil
           
           Akins
           
           Kursi
           
           Lawson
           
           Cermin
           
           Ada beberapa hal yang harus diperhatikan dari query di atas : ƒ
           
           “Nama Akhir” dan “Barang Pesanan” akan menjadi judul kolom
           
           ƒ
           
           OWN
           
           dan
           
           ORD
           
           adalah
           
           alias
           
           dari table
           
           di
           
           klausa
           
           FROM.
           
           Dengan
           
           menggunakan symbol (.) maka SQL diberitahukan bahwa kolom NoPem tidak dari table yang sama. ƒ
           
           Subquery dijalankan terlebih dahulu dan menghasilkan daftar Barang yang ada di table BarangAntik kemudian table Pesanam dan PemilikBrgAntik digabungkan dan dari table hasil penggabungan dicari nilai Pes_Pem berupa daftar Barang dari table BarangAntik.
           
           2.6
           
           Data Definition Language (DDL)
           
           DDL merupakan perintah untuk memanipulasi tabel. Perintah dari DDL terdiri dari: •
           
           CREATE
           
           : Membuat tabel dalam basis data
           
           •
           
           DROP
           
           : Menghapus tabel dalam basis data
           
           •
           
           ALTER
           
           : Memodifikasi tabel yang telah ada
           
           Contoh perintah CREATE :
           
           LSP Telematika Indonesia
           
           55
           
           CREATE TABLE tabelSaya ( kolom1 INT UNSIGNED, kolom2 VARCHAR (50), PRIMARY KEY (kolom1, kolom2) ) kolom1 dan kolom2 adalah nama kolom dari data yang akan disimpan. Int dan Varchar adalah tipe data. Primary Key digunakan untuk menentukan kolom yang menjadi primary key di tabel tersebut. Sebelum membuat tabel, kita harus menentukan nama tabel, data-data (kolom) apa saja yang akan disimpan dalam tabel tersebut beserta tipe data. Misalnya kita hendak menyimpan data transaksi penjualan, maka data-data yang diperlukan adalah nomor transaksi dengan tipe data int, tanggal transaksi dengan tipe data date, besar transaksi dengan tipe data int dan lainnya. Kemudian datadata tersebut disimpan dalam tabel yang dinamakan transaksi.
           
           2.7
           
           View
           
           Data-data hasil query dapat disimpan ke sebuah tabel virtual yaitu view, yang selanjutnya dapat digunakan di query yang lain serta diberi nama sesuai dengan nama view. Contoh : CREATE VIEW ANTVIEW AS SELECT Pes_Pem FROM Pesanan; Hasil query “Select Pes_Pem From Pesanan” disimpan ke sebuah view yang bernama ANTVIEW. Perhatikan kode berikut ini : SELECT NoPenj FROM BarangAntik, ANTVIEW WHERE Pes_Pem = Barang; Query di atas akan menampilkan nomor pernjual dari tabel BarangAntik dimana pada tabel ini ada barang yang sama seperti barang yang ada di ANTVIEW. Ketika view diakses maka query dari
           
           view tersebut akan dijalankan kembali.
           
           View dapat digunakan untuk menyederhanakan query.
           
           LSP Telematika Indonesia
           
           56
           
           2.8
           
           Stored Procedure dan Trigger
           
           Kadangkala ada query-query yang sering digunakan dan hanya mengganti nilai yang ada di klausa WHERE. Contoh, untuk mendapatkan data tagihan akhir bulan, query yang digunakan akan sama hanya berbeda di nilai bulan saja. Untuk memenuhi keperluan tersebut maka DBMS menyediakan stored procedures yang adalah sekumpulan query yang disimpan ke sebuah file yang kemudian dapat dipanggil kembali dengan perintah tertentu. Contoh : EXECUTE TopikSama @id_ta = '31005', @login = '1202000745' Perintah diatas akan menjalankan stored procedure yang bernama “TopikSama” dengan masukan nilai id_ta dan login yang telah ditentukan. Jenis lain dari stored procedure adalah trigger. Trigger akan dijalankan oleh DBMS jika kondisi yang ditentukan telah terpenuhi. Contohnya trigger dijalankan ketika jumlah barang_tersedia lebih kecil dari barang_pesanan. Berikut ini contoh trigger dalam basis data SQL Server 2000 :
           
           Gambar 2.8.1 Trigger di SQL Server 2000
           
           LSP Telematika Indonesia
           
           57
           
           2.9 Fungsi Aggregasi Fungsi Aggregasi yang umum digunakan adalah : •
           
           SUM() Fungsi untuk menjumlahkan nilai dari baris yang ditentukan
           
           •
           
           AVG() Fungsi untuk mencari rata-rata dari kolom tertentu
           
           •
           
           MAX() Fungsi untuk mencari nilai maksimum dari kolom yang ditentukan
           
           •
           
           MIN() Fungsi untuk mencari nilai minimum dari kolom yang ditentukan
           
           •
           
           COUNT() Menghitung jumlah baris yang memenuhi kondisi tertentu
           
           Berikut ini adalah contoh-contoh query dengan fungsi agregasi : 1. Query untuk mencari jumlah dan rata-rata gaji seluruh karyawan SELECT SUM(Gaji), AVG(Gaji) FROM TabelKaryawan; 2. Query untuk mencari nilai bonus manajer yang paling kecil SELECT MIN(Bonus) FROM TabelKaryawan WHERE Jabatan = 'Manager'; 3. Query untuk menghitung jumlah staf SELECT COUNT(*) FROM TabelKaryawan WHERE Jabatan = 'Staff';
           
           Soal Latihan : 1. Keyword dalam klausa WHERE untuk mengurutkan adalah a. Having b. Order By c. Subquery d. Insert 2. Keyword untuk menghilangkan baris yang sama adalah a. Group By b. Select
           
           LSP Telematika Indonesia
           
           58
           
           c. View d. Distinct
           
           Soal Praktek Untuk soal nomor 3 hingga 5, perhatikan tabel dibawah ini : Nama Tabel : DEPT
           
           Nama Tabel : EMP
           
           3. Buatlah query yang menampilkan nama, NIP dan gaji yang memiliki gaji diantara 1200 hingga 1400 . 4. Buatlah query yang menampilkan daftar gaji tahunan dari manager 5. Buatlah query untuk menampilkan NIP yang memiliki gaji paling tinggi dan paling rendah.
           
           LSP Telematika Indonesia
           
           59
           
           BAB 3 PHP
           
           Tujuan Instruksional Umum : 1. Siswa dapat menjelaskan pemrograman dengan PHP 2. Siswa dapat menjelaskan peranan web dinamis Tujuan Instruksional khusus : 1. Siswa dapat membuat program dengan PHP 2. Siswa dapat membuat form 3. Siswa dapat melakukan debugging 4. Siswa dapat membuat web dinamis Materi yang dibahas pada bab ini memenuhi : 1. TIK.PR02.021.01 Menerapkan basis data 2. TIK.PR02.028.01 Menerapkan dasar-dasar pembuatan web statik lanjut 3. TIK.PR04.003.01 Membuat halaman web dinamis lanjut 4. TIK.PR04.006.01 Menerapkan dasar validasi unjuk kerja situs web 5. TIK.PR04.007.01 Mengintegrasikan sebuah basis data dengan sebuah situs web 6. TIK.PR08.009.01
           
           Membuat program aplikasi web berbasis PHP
           
           Berikut ini adalah gambaran umum dari materi pada bab ini :
           
           LSP Telematika Indonesia
           
           60
           
           3.1 Pengenalan PHP PHP merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server pula. Hasilnyalah yang akan dikirim ke client, tempat pengguna memakai web browser. Secara khusus, PHP dirancang untuk membentuk web dinamis. Hal ini berarti PHP dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, Anda dapat menampilkan isi database ke halaman web. Pada prinsipnya, PHP memiliki fungsi yang sama dengan skrip-skrip seperti ASP, Cold Fusion, ataupun Perl. Kelahiran PHP pada tahun 1994, bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut “Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/F1 Versi 2. Pada versi inilah pemrograman dapat menempelkan kode terstruktur di dalam tag HTML. Hal yang menarik adalah kode PHP juga dapat berkomunikasi dengan database dan melakukan perhitungan-perhitungan yang kompleks. Pada saat ini, PHP cukup populer sebagai piranti pemrograman web, terutama di lingkungan Linux. Meskipun demikian, PHP sebenarnya juga dapat berfungsi
           
           pada
           
           server-server
           
           yang
           
           berbasis
           
           UNIX,
           
           Windows
           
           NT,
           
           dan
           
           Macintosh. Pada awalnya, PHP dirancang untuk diintegrasikan dengan web server Apache. Namun, belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet Information Server), dan Xitami. Untuk mencoba PHP, Anda tidak perlu menggunakan komputer berkelas
           
           server.
           
           Dengan
           
           menggunakan
           
           komputer
           
           biasa,
           
           Anda
           
           dapat
           
           mempelajari dan mempraktekkan PHP. PHP bersifat bebas pakai sehingga Anda tidak perlu membayar apapun untuk menggunakan perangkat lunak ini. Anda dapat men-download-nya melalui situs www.php.net. Untuk versi Windows, Anda dapat memperoleh kode binernya sedangkan untuk versi Linux Anda dapat memperoleh kode sumbernya secara lengkap.
           
           LSP Telematika Indonesia
           
           61
           
           3.2. Penginstalasian PHP 5 3.2.1. Meng-install PHP pada Windows Pada Windows, Anda perlu memulai penginstalasian dengan cara mendownload
           
           kode
           
           biner
           
           PHP
           
           versi
           
           5.
           
           Pergunakan
           
           installer
           
           .msi
           
           untuk
           
           memudahkan Anda dan tentukan direktori penginstalasian pada c:\php5. Dengan adanya instalasi PHP, Anda dapat menjalankan interpreter PHP dari sebuah Windows DOS prompt: C:\> php -v PHP 5.0.4 (cli) (built: Mar 31 2005 02:45:00) Copyright
           
           © 1997-2004 The PHP Group Zend Engine v2.0.4-dev, Copyright (c) 1998-2004 Zend Technologies
           
           Jika executable PHP tidak ditemukan, Anda perlu menambahkan c:\php5\bin pada path Anda. Pergunakan tab Advanced pada Control Panel dan klik pada tombol Environment Variables. Dari sana, editlah Path Variable, tambahkan c:\php5\bin pada path yang ada. Anda perlu menutup Command Prompt Windows lalu membuka Command Prompt yang baru untuk memastikan adanya hasil dari perubahan yang telah dibuat.
           
           Anda harus memastikan pula bahwa PHP telah ter-install dan terintegrasikan dengan web server anda. Pada Windows, Anda memiliki dua pilihan untuk pengintegrasian tersebut, yaitu menggunakan web server Apache atau IIS (Internet Information Service). Apapun pilihannya, Anda perlu meng-copy file php.ini
           
           pada
           
           direktori
           
           Windows,
           
           c:\windows.
           
           Editlah
           
           file
           
           c:\windows\php.ini dan ubahlah baris extension_dir agar terbaca sebagai berikut :
           
           extension_dir = "c:\php5\ext" Selanjutnya, baris seperti berikut ini : extension=php_mysql.dll agar dapat mengakses database MySQL.
           
           LSP Telematika Indonesia
           
           62
           
           Sekarang kembali pada site PHP www.php.net dan download-lah koleksi dari modul-modul
           
           PECL.
           
           Simpanlah
           
           semua
           
           file
           
           DDL
           
           ke
           
           dalam
           
           direktori
           
           c:\php5\ext. Semua ekstensi ini dibutuhkan jika Anda ingin mengakses database SQL atau jika Anda ingin menggunakan fungsi-fungsi grafika.
           
           3.2.1.1. Meng-install PHP dengan Web Server Apache Kunjungilah web site Apache www.apache.org dan download-lah Apache versi 1.3 yang telah precompiled untuk Windows. Ia akan muncul sebagai sebuah installer MSI. Setelah Apache ter-install maka langkah selanjutnya adalah menetapkan file http.conf di dalam direktori Apache conf (c:\Program Group\Apache\conf jika Anda meng-install Apache pada
           
           Files\Apache lokasi default).
           
           Tambahkan baris berikut ini pada akhir dari file httpd.conf : LoadModule php5_module "c:/php5/php5apache.dll" AddModule mod_php5.c AddType application/x-httpd-php .php AddType application/x-httpd-php-source .phps
           
           Berikutnya, mulailah server Apache dengan menjalankan apache.exe :
           
           C:\Program Files\Apache Group\Apache> apache Apache/1.3.33 (Win32) PHP/5.0.4 running… Direktori
           
           dari
           
           (c:\Program
           
           dokumen-dokumen
           
           Files\Apache
           
           pada
           
           instalasi
           
           ini
           
           adalah
           
           htdocs
           
           Group\Apache\htdocs). Untuk mengetesnya,
           
           buatlah sebuah file test.php pada direktori htdocs dan tulis kode berikut ini di dalam file tersebut :
           
           Pergunakanlah web browser Anda untuk melihat halaman, Anda akan menemukan halaman yang tampilannya seperti Gambar 3.2.1.1.1 berikut ini :
           
           LSP Telematika Indonesia
           
           63
           
           Gambar 3.2.1.1.1 Halaman Pengetesan PHP pada instalasi Apache/Windows
           
           Didalam file PHP info terdapat keterangan versi PHP yang di-install. Untuk melihat versi PHP, gunakan fungsi phpversion.
           
           3.2.1.2. Meng-install PHP dengan Web Server IIS PHP dapat di-install di versi PWS/IIS 3, PWS 4 atau yang terbaru dan IIS 4 atau yang terbaru. Setelah meng-install PHP pada direktori c:\php5, Anda dapat mengintegrasikan PHP ke dalam IIS melalui php5isapi.dll. Mulailah dengan membuka control panel IIS. Kemudian buatlah sebuah direktori virtual seperti yang ditunjukkan oleh Gambar 3.2.1.2.1 berikut ini :
           
           Gambar 3.2.1.2.1 Membuat sebuah direktori virtual
           
           LSP Telematika Indonesia
           
           64
           
           Pastikanlah Anda telah menentukan execute permission secara benar, seperti yang terlihat pada Gambar 3.2.1.2.2 berikut :
           
           Gambar 3.2.1.2.3 Menentukan Execute Permission dari direktori virtual
           
           Selanjutnya,
           
           klik-kanan
           
           pada
           
           direktori
           
           virtual
           
           dan
           
           pilihlah
           
           Properties.
           
           Kemudian pada Properties Dialog, klik pada tombol Configuration. Hal ini akan memunculkan
           
           Application
           
           Mappings
           
           Dialog,
           
           dimana
           
           Anda
           
           dapat
           
           mengasosiasikan ekstensi .php dengan php5isapi.dll. Tampilan dialog tersebut ditunjukkan pada Gambar 3.2.1.2.4 berikut ini :
           
           Gambar 3.2.1.2.4 Application Mapping Dialog
           
           LSP Telematika Indonesia
           
           65
           
           Klik pada tombol Add untuk membuat sebuah mapping baru dan tetapkan Executable pada c:\php5\php5isapi.dll. Tentukan Extension menjadi .php, seperti yang terlihat pada Gambar 3.2.1.2.5 berikut ini :
           
           Gambar 3.2.1.2.5 Mapping settings untuk PHP 5
           
           Klik OK, kemudian lakukan navigasi ke direktori dokumen yang Anda tentukan saat membuat direktori virtual. Buatlah sebuah file yang bernama test.php dengan isi sebagai berikut :
           
           3.2.2 Meng-install PHP pada Linux Proses penginstalasian PHP pada Linux sesungguhnya dimulai dengan menentukan apakah PHP telah ter-install sebelumnya. Pertama-tama Anda sebaiknya memeriksa keberadaan web server Apache pada instalasi Anda. Apakah mesin menampilkan halaman? Jika tidak, periksalah keberadaan Apache httpd executable : my-host$ find / -name httpd
           
           LSP Telematika Indonesia
           
           66
           
           Jika Anda menemukan kode biner Apache, pastikanlah ia telah berjalan sebagai bagian dari proses startup mesin Anda. Jika Apache tidak ter-install maka meng-install web server merupakan langkah awal Anda dalam penginstalasian PHP. Kunjungilah web site www.apache.org lalu download dan install-lah server tersebut.
           
           Sekali Apache ter-install, maka langkah selanjutnya adalah memeriksa keberadaan instalasi PHP. Buatlah sebuah file bernama index.php dan tempatkanlah di dalam direktori dokumen Apache. File tersebut harus mengandung kode berikut ini :
           
           Lihatlah halaman dari file index.php melalui web browser. Jika Anda menemukan halaman seperti yang ditunjukkan oleh Gambar 1.6 maka berarti instalasi PHP telah bekerja. Namun, jika Anda melihat hanya teks dari file index.php maka PHP belum ter-install atau tidak aktif. Periksalah file konfigurasi httpd.conf Apache Anda. Jika Anda melihat baris seperti berikut ini: # LoadModule php4_module libexec/httpd/libphp4.so aktifkan baris kode tersebut dengan cara menghilangkan simbol hash (#) yang terdapat pada awal baris tersebut. Jika file tidak mengandung baris yang relevan dengan PHP maka berarti Anda harus meng-install PHP dari sumbernya. Meng-install PHP dari sumbernya berarti men-download file .tgz dari www.php.net. Ikutilah instruksi penginstalasian yang terdapat pada situs tersebut. Berikut ini contoh penginstalan pada PHP manual : 1. gunzip apache_1.3.x.tar.gz 2. tar xvf apache_1.3.x.tar 3. gunzip php-x.x.x.tar.gz 4. tar xvf php-x.x.x.tar
           
           LSP Telematika Indonesia
           
           67
           
           5. cd apache_1.3.x 6. ./configure --prefix=/www 7. cd ../php-x.x.x 8. ./configure --with-mysql --with-apache=../apache_1.3.x --enable-trackvars 9. make 10. make install 11. cd ../apache_1.3.x 12. ./configure --activate-module=src/modules/php4/libphp4.a 13. make 14. make install 15. cd ../php-x.x.x 16. cp php.ini-dist /usr/local/lib/php.ini 17. Edit your httpd.conf or srm.conf file and add: AddType application/x-httpd-php .php 18. restart Apache server.
           
           Dengan PHP yang telah ter-install, maka seharusnya Anda dapat melakukan navigasi terhadap halaman index.php yang telah Anda buat sebelumnya dan memperoleh output seperti yang ditunjukkan oleh Gambar 3.2.2.1 berikut :
           
           Gambar 3.2.2.1 Halaman pengetesan setelah meng-install PHP 5 pada Linux.
           
           LSP Telematika Indonesia
           
           68
           
           3.3. Variabel, Tipe Data, dan Operator 3.3.1. Variabel Anda dapat membuat variabel-variabel untuk merepresentasikan data. Sebagai contoh, variabel berikut ini menyimpan sebuah nilai pajak penjualan : $pajak = 0.0875; Variabel berikut ini menyimpan sebuah perintah SQL :
           
           $sql = "SELECT * FROM TableSaya"; Anda dapat menunjuk nilai dari variabel lain saat menentukan nilai dari sebuah variabel baru seperti contoh berikut : $total_pajak = $pajak_jual * $sub_total; Berikut ini adalah beberapa aturan dalam penamaan variabel : •
           
           Nama variabel dimulai dengan sebuah tanda Dollar
           
           •
           
           Nama variabel tidak dapat dimulai dengan sebuah karakter numerik
           
           •
           
           Nama variabel dapat mengandung angka atau underscore
           
           •
           
           Nama varibel bersifat case-sensitive (huruf kecil dan huruf kapital dibedakan)
           
           PHP menyediakan beberapa variabel automatic global yang artinya variabel ini dapat diakses dimanapun tanpa harus didefinisikan global. Variabel-variabel ini adalah : 1. Variable Environment ($_ENV) 2. Variabel cookies ($_COOKIES) 3. Variabel HTTP GET ($_GET) 4. Variabel HTTP POST ($_POST) 5. Variabel HTTP upload variable ($_FILES) 6. Variabel Request ($_REQUEST) 7. Variable Session ($_SESSION)
           
           LSP Telematika Indonesia
           
           69
           
           3.3.2. Tipe Data Terdapat tiga tipe data umum pada PHP yang dapat digunakan untuk menentukan suatu variabel, yaitu float, integer, dan string.
           
           Float Masing-masing dari variabel berikut ini adalah bertipe float atau disebut juga floating-point number. Float dikenal sebagai nomor yang mengandung angka desimal. $a = 1.552; $b = 0.964; $pajak = 0.875;
           
           Integer Integer adalah semua bilangan bulat positif ataupun negatif dan nol. Masingmasing variabel berikut ini bertipe data integer : $a = 15; $b = -521;
           
           String Serangkaian karakter yang terkelompokkan di dalam tanda kutip ganda termasuk ke dalam tipe data string. Masing-masing variabel berikut ini bertipe data string : $a - "Saya String."; $b = "

           Buku ini <strong>bagus!"; Anda juga dapat menunjuk variabel lain di dalam string Anda, yang akan diganti nilainya saat skrip dijalankan. Sebagai contoh adalah sebagai berikut : $num = 57; // sebuah integer $my_string = "Saya membaca buku ini $num kali!"; // sebuah string
           
           LSP Telematika Indonesia
           
           70
           
           Saat skrip dijalankan maka $my_string akan menjadi "Saya membaca buku ini 57 kali!" Selanjutnya kita akan membahas beberapa fungsi untuk string, diantaranya adalah : 1. Untuk
           
           mengakses
           
           karakter
           
           dari
           
           sebuah
           
           string
           
           dengan
           
           cara
           
           $string{indeks}. Contoh : $str = “Hari ini indah”; $ketiga = $str[3] Keluaran dari variabel $ketiga adalah indeks ke 3 dari string str, yaitu “i”. Indeks dimulai dari 0 (nol). 2. parse_str() untuk mengubah string menjadi variabel. Contoh :
           ?> 3. strcmp(str1, str2) digunakan untuk membandingkan 2 (dua) string. Perbandingan fungsi ini membedakan antara huruf besar dan huruf kecil. 4. strcasecmp(str1, str2) digunakan untuk membandingkan 2(dua) string tanpa mempertimbangkan jenis huruf dari string yang dibandingkan. 5. explode(“pemisah”, $str) menghasilkan array string dimana nilai array tersebut adalah substring dari $str yang dipisahkan dengan “pemisah”. Contoh : $pizza = "piece1 piece2 piece3 piece4 piece5 piece6"; $pieces = explode(" ", $pizza); $pieces adalah array string yang nilainya adalah pieces1, pieces2, pieces3, pieces4, pieces5, pieces6.
           
           LSP Telematika Indonesia
           
           71
           
           6. str_repeat(str, jml_pengulangan) akan menghasilkan keluaran berupa pengulangan str sebanyak jml_pengulangan. Contoh : $str = “la”. Maka str_repeat($str, 5) akan menghasilkan “lalalalala”. 7. stripslashes(str) akan menghilangkan simbol (\) sekali. 8. chr(kode_ascii) akan menambahkan karakter yang direpresentasikan dengan kode_ascii di akhir string. 9. addslashes(str)
           
           akan
           
           menghasilkan
           
           keluaran
           
           string
           
           yang
           
           telah
           
           ditambahkan dengan satu simbol (\) didepannya. 10. substr(str, pos_awal, pjg)
           
           akan mengembalikan bagian dari string
           
           yang dimulai dari indeks pos_awal sepanjang pjg. Contoh : $rest = substr("abcdef", 1);
           
           // keluaran "bcdef"
           
           11. substr_compare() 12. strrev(str) akan membalikkan susunan string 13. strstr(str,krk) akan menghasilkan keluaran berupa bagian dari str yang dimulai dari karakter “krk” hingga akhir string. String mengandung karakter “krk”. Contoh : $email = '[email protected]'; $domain = strstr($email, '@'); print $domain; // keluaran @example.com 14. strlen(str) akan menghasilkan keluaran berupa panjang string atau jumlah karakter dalam string. 15. ord(str) akan menghasilkan output berupa kode ascii dari string. 16. ltrim(str) akan menghilangkan karakter kosong yang berada di awal string. 17. echo() untuk menghasilkan satu atau lebih string.
           
           Array Array merupakan sekumpulan variabel yang terkandung sebagai sebuah grup. Pada contoh berikut ini $Warna adalah sebuah array yang mengandung stringstring yang merepresentasikan elemen array. Elemen array bisa berupa string atau integer. Jumlah elemen array dapat dihitung dengan menggunakan fungsi count(). Pada contoh ini array-nya berisi nama-nama warna dengan elemen array berupa integer atau string : $Warna[0] = "merah"; atau $Warna[“satu”] = “merah”;
           
           LSP Telematika Indonesia
           
           72
           
           $Warna[1] = "biru"; atau $Warna[“dua”] = “biru”; $Warna[2] = "hitam"; atau $Warna[“tiga”] = “hitam”; $Warna[3] = "putih"; atau $Warna[“empat”] = “putih”; kode echo $Warna[2] akan mengembalikan nilai dari array dengan elemen 2. Demikian juga dengan kode $Warna[“dua”] akan mengembalikan nilai dari array dengan elemen “dua”. Index array dimulai dengan 0 (nol) sebagai posisi awal dari isi elemen pertama. Selain kode di atas, cara lain untuk membuat array dengan menggunakan fungsi array(), contoh : $Warna = array('merah', 'biru', 'hitam', 'putih'); Kode ini sama dengan kode definisi array sebelumnya dengan elemen array berupa integer. Fungsi ini juga dapat digunakan untuk membuat array 2 dimensi, perhatikan contoh di bawah ini :
           
           $2Dim = array ( "buah" => array ("a"=>"jeruk", "b"=>"pisang", "c"=>"apel"), "angka" => array (1, 2, 3, 4, 5, 6), ); (Elemen array) => (nilai array). Kode echo $2Dim[”buah”][”a”] akan menampilkan string “jeruk”. Nilai
           
           dalam
           
           array
           
           dapat
           
           di
           
           urutkan
           
           dengan
           
           menggunakan
           
           fungsi
           
           diantaranya sebagai berikut : •
           
           sort(array) : mengurutkan nilai array
           
           •
           
           krsort(array) : mengurutkan array secara terbalik berdasarkan elemen array
           
           •
           
           ksort(array) : mengurutkan array berdasarkan elemen array
           
           •
           
           rsort(array) : mengurutkan nilai array secara terbalik
           
           Selanjutnya kita akan mempelajari berbagai fungsi array yang disediakan: •
           
           array_change_key_case(array, CASE_LOWER/CASE_UPPER) untuk mengubah jenis huruf dari elemen array menjadi huruf besar semua atau huruf kecil semua.
           
           •
           
           array_chunk(array, jml) untuk membagi array menjadi beberapa array lagi dengan jumlah elemen yang ditentukan.
           
           LSP Telematika Indonesia
           
           73
           
           •
           
           array_count_values(array) untuk menghitung jumlah tiap nilai array.
           
           •
           
           array_diff(array1, array2) untuk menghasilkan array dengan nilai array1 yang tidak berada di array2. Contoh : $array1 = array ("a" => "hijau", "merah", "biru", "merah"); $array2 = array ("b" => "hijau", "kuning", "merah"); $hsl = array_diff ($array1, $array2); Nilai $hsl adalah “biru”.
           
           •
           
           array_merge(array1, array2) untuk menggabungkan array
           
           •
           
           array_shift(array1) untuk menghilangkan nilai dari elemen array terkecil. Contoh : $stack = array ("jeruk", "pisang", "apel", "raspberry"); $buah = array_shift ($stack); Isi array $buah adalah “pisang”, “apel” dan “raspberry”.
           
           •
           
           array_search(nilai, array) untuk mencari nilai dalam array dan mengembalikan elemen array dari nilai tersebut.
           
           •
           
           array_rand(array) untuk mengambil nilai dalam array secara acak
           
           •
           
           array_fill(elemen_awal, jml, nilai) untuk mengisi array dari elemen awal sebanyak jml dengan nilai tertentu. Contoh :
           
           $a = array_fill(5, 6, 'pisang'); print_r($a);
           
           Nilai $a :
           
           Array ( [5] [6] [7] [8] [9] [10] )
           
           => => => => => =>
           
           pisang pisang pisang pisang pisang pisang
           
           •
           
           array_unique(array) akan menghasilkan array tanpa nilai duplikasi.
           
           •
           
           array_unshift(array, [nilai,..]) untuk memasukkan nilai di akhir array. Contoh :
           
           $queue = array ("orange", "banana");
           
           LSP Telematika Indonesia
           
           74
           
           array_unshift ($queue, "apple", "raspberry"); Akan menghasilkan :
           
           Array ( [0] [1] [2] [3] )
           
           => => => =>
           
           apple raspberry orange banana
           
           •
           
           in_array(nilai, array) untuk mencari nilai dalam array
           
           •
           
           array_push(array, $var) untuk meletakkan variable baru di akhir array
           
           3.3.3. Operator Operator Penugasan Salah satu operator penugasan yang sudah Anda kenal adalah operator = yang digunakan untuk memberikan nilai ke suatu variabel. Berikut ini merupakan beberapa operator penugasan lainnya yang tersedia dalam PHP : Tabel 3.3.3.1 : Operator Penugasan
           
           No.
           
           Operator
           
           Kegunaan
           
           Contoh
           
           1
           
           +=
           
           Menambahkan variabel di sisi kiri dengan
           
           X += 2; identik
           
           nilai di sisi kanan.
           
           dengan X = X + 2;
           
           2
           
           -=
           
           Mengurangi variabel di sisi kiri dengan
           
           X -= 2; identik
           
           nilai di sisi kanan.
           
           dengan X = X – 2;
           
           3 4
           
           5
           
           /= %=
           
           .=
           
           Membagi variabel di sisi kiri dengan nilai
           
           X /= 2; identik
           
           di sisi kanan.
           
           dengan X = X / 2;
           
           Memperoleh sisa pembagian antara
           
           X %= 2; identik
           
           variabel di sisi kiri dengan nilai di sisi
           
           dengan X = X %
           
           kanan.
           
           2;
           
           Melakukan operasi konkatenasi terhadap
           
           X .= “A”; identik
           
           variabel di sisi kiri dengan nilai di sisi
           
           dengan X = X .
           
           kanan.
           
           “A”;
           
           LSP Telematika Indonesia
           
           75
           
           Operator Aritmatika Operator aritmatika merupakan operator yang biasa digunakan dalam operasi matematika. Tabel 3.3.3.2 memperlihatkan daftar operator aritmatika pada PHP. Tabel 3.3.3.2 : Operator Aritmatika
           
           No.
           
           Operator
           
           Kegunaan
           
           1
           
           +
           
           Penjumlahan
           
           2
           
           -
           
           Pengurangan
           
           3
           
           *
           
           Perkalian
           
           4
           
           /
           
           Pembagian
           
           5
           
           %
           
           Sisa pembagian (modulus)
           
           Operator Pembandingan Operator pembanding atau dikenal juga sebagai operator relasional adalah operator yang digunakan untuk melakukan pembandingan dua buah operand dan menghasilkan nilai benar atau salah.
           
           Tabel 3.3.3.3 : Operator Pembandingan
           
           No.
           
           Operator
           
           Kegunaan
           
           1
           
           ==
           
           Sama dengan
           
           2
           
           != atau <>
           
           Tidak sama dengan
           
           3
           
           >
           
           Lebih dari
           
           4
           
           <
           
           Kurang dari
           
           5
           
           >=
           
           Lebih dari atau sama dengan
           
           6
           
           <=
           
           Kurang dari atau sama dengan
           
           Operator Logika Operator logika biasa digunakan untuk menggabungkan kondisi berganda dan menghasilkan sebuah ekspresi yang bernilai benar (nilai 1) atau salah (nilai 0).
           
           LSP Telematika Indonesia
           
           76
           
           Tabel 3.3.3.4 : Operator Logika
           
           No.
           
           Operator
           
           Kegunaan
           
           1
           
           &&
           
           AND
           
           2
           
           ||
           
           OR
           
           3
           
           ^
           
           XOR
           
           4
           
           !
           
           NOT
           
           3.4 Pemrograman PHP
           
           3.4.1 Inisialisasi Variabel Berbeda dengan bahasa seperti C atau Pascal, PHP tidak memerlukan pendeklarasian variabel. Anda dapat memberikan nilai ke suatu variabel kapan saja, bahkan bisa saja Anda mengubah tipe nilainya. Berikut ini adalah contoh skrip yang menunjukkan pengubahan tipe nilai dari suatu variabel :
           
           <TITLE> Contoh Pengubahan Tipe Variabel \n”, $gaji); // tipe data Double $gaji = “Tiga Juta Rupiah”; printf (“Gaji semula = %s
           \n”, $gaji);// tipe data String ?>
           
           Suatu variabel dapat berlaku secara lokal atau global, perbedaannya terletak pada kemunculannya di dalam konteks suatu skrip yang kita buat. Secara default, variabel-variabel PHP dapat digunakan hanya oleh skrip dimana mereka berada. Suatu skrip tidak dapat mencapai bagian dalam suatu skrip lainnya dan menggunakan variabel yang ada di dalamnya, kecuali jika Anda secara khusus menyatakan bahwa variabel tersebut dapat digunakan pula oleh skrip lain. Anda harus mendeklarasikan suatu variabel sebagai variabel global jika menginginkan variabel tersebut juga dapat diakses oleh skrip-skrip dan fungsi-fungsi lainnya yang membutuhkan. Yang harus diingat bahwa
           
           LSP Telematika Indonesia
           
           77
           
           setiap akhir kode PHP diikuti dengan simbol (;) yang menandakan bahwa kode selanjutnya adalah kode baru.
           
           3.4.2. Menangani Input dan Output Pada bagian ini akan dibahas sejumlah fungsi yang terkait dengan operasi untuk menyimpan dan membaca data ke atau dari sebuah file.
           
           3.4.1.1 Membuka dan Menutup File Untuk sebagian besar fungsi-fungsi sistem file, file-file tersebut harus dibuka terlebih dahulu. Fungsi fopen() yang dapat melakukan hal tersebut dan mengembalikan sebuah file handle. File handle ini dapat digunakan untuk fungsi-fungsi selanjutnya, seperti contohnya, membaca informasi dari sebuah file atau menulis ke file tersebut. Berikut ini merupakan format membuka dan menutup file : ($fp = @fopen('file.txt', 'at')//$fp menyimpan nilai file handle fclose($fp);
           
           fopen() memiliki sedikitnya dua buah parameter yaitu nama file dan mode penggunaan file saat file tersebut diakses. Berikut ini merupakan contoh dari sebuah skrip yang dapat membuka dan menutup file. File closed.'; } else { echo 'Error opening file.'; } ?> Pada parameter mode file, terdapat sebuah string yang terdiri dari satu atau lebih karakter. Karakter pertama adalah salah satu dari karakter a, r, w, atau x, setelah itu satu atau lebih modifier khusus dapat digunakan. Tabel 3.4.1.1.1 ini menampilkan semua mode yang tersedia pada PHP. Jadi modifier + selalu menambahkan akses baca dan tulis yang hilang pada sebuah mode file. Jika Anda menambahkan b ke sebuah mode file, berarti Anda memaksa PHP untuk membuka sebuah file sebagai file biner, sebagai
           
           LSP Telematika Indonesia
           
           78
           
           contohnya, mode file rb membuka sebuah file untuk membaca dalam mode biner. Tabel 3.4.1.1.1 : Mode Pengaksesan File
           
           Mode
           
           Keterangan
           
           A
           
           Membuka file untuk menuliskan data, buat file tersebut jika belum ada.
           
           a+
           
           Sama seperti mode a, tetapi dengan tambahan membaca file tersebut.
           
           r
           
           Membuka file untuk membaca data.
           
           r+
           
           Sama seperti mode r, tetapi dengan tambahan menulis ke file tersebut. Membuka file untuk menuliskan data, menghapus isinya, membuat file
           
           w
           
           jika belum ada. Sama seperti mode w, tetapi dengan tambahan membaca ke file
           
           w+
           
           tersebut. Membuat file untuk menuliskan data, kirimkan
           
           x
           
           E_WARNING jika file
           
           tersebut telah ada. Sama seperti mode x, tetapi dengan tambahan membaca ke file.
           
           x+
           
           fopen()
           
           mengembalikan
           
           sebuah
           
           file
           
           handle
           
           atau
           
           FALSE
           
           jika
           
           operasi
           
           membuka file tidak bekerja dengan baik. Anda sebaiknya mengurangi kemungkinan-kemungkinan munculnya pesan error dengan karakter @, atau pada PHP 5 menggunakan blok try-catch. Segera setelah sebuah file tidak digunakan lagi, sebaiknya file tersebut ditutup. PHP secara otomatis menutup semua file ketika skrip berakhir. Agar sumber daya sistem terpakai seefisien mungkin, file sebaiknya ditutup dengan segera untuk membebaskan memori dan mempercepat jalannya sistem. Untuk itu, gunakanlah fclose() dan sediakanlah file handle sebagai sebuah parameter. Untuk mencegah kesalahan saat mencoba mengakses file yang tidak/belum ada sebelumnya, Anda dapat menggunakan fungsi file_exists() dengan format pemanggilan sebagai berikut: if (file_exists('file.txt'), 'r') { // ... }
           
           LSP Telematika Indonesia
           
           79
           
           Pada tabel berikut akan dijelaskan beberapa fungsi lainnya yang berkaitan dengan pengaksesan file : Tabel 3.4.1.1.2 : Mode Pengaksesan File
           
           No.
           
           Fungsi
           
           Keterangan Untuk merekam data ke file. Setelah data
           
           direkam,
           
           pointer
           
           file
           
           akan
           
           menunjuk ke posisi sesudah karakter terakhir 1
           
           fputs(file_handle, data)
           
           yang
           
           ditulis. Fungsi
           
           mengembalikan
           
           nilai
           
           balik
           
           akan
           
           berupa
           
           TRUE jika data berhasil direkam atau FALSE
           
           jika
           
           Argumen
           
           data
           
           gagal
           
           file_handle
           
           direkam. diperoleh
           
           ketika memanggil fopen(). Untuk membaca data yang terdapat di 2
           
           fgets(file_handle, panjang)
           
           dalam
           
           file.
           
           menyatakan
           
           Argumen jumlah
           
           panjang
           
           karakter
           
           yang
           
           hendak dibaca. Untuk membaca sebuah karakter dari file. Nilai balik yang diberikan berupa 3
           
           fgetc(file_handle)
           
           sebuah karakter yang sedang ditunjuk oleh pointer file. Pointer akan bergeser ke posisi karakter berikutnya setelah data dibaca. Untuk memeriksa apakah pointer file
           
           4
           
           feof(file_handle)
           
           sedang menunjuk ke bagian akhir file atau tidak.
           
           LSP Telematika Indonesia
           
           80
           
           3.4.1.2 Aliran Kontrol Pada dasarnya, program merupakan serangkaian pernyataan-pernyataan. Aliran kontrol, seperti yang tersirat dari namanya, mengontrol bagaimana pernyataan-pernyataan tersebut dijalankan. Biasanya aliran kontrol dibuat berdasarkan serangkaian kondisi yang ada.
           
           3.4.1.2.1 Pernyataan if Pernyataan if biasa digunakan untuk mengambil keputusan berdasarkan suatu kondisi. PHP memiliki tiga macam bentuk if, yaitu if saja, if-else, dan if-elseif. Pada contoh berikut, kondisi yang diujikan adalah “$a bernilai 10 ”.
           
           if ($a == "10") { // jalankan suatu kode } Setelah nilai $a dievaluasi, jika ternyata variabel tersebut bernilai 10 (berarti kondisi terpenuhi/benar), maka kode yang terdapat di dalam kurung kurawal akan dijalankan. Namun, jika ternyata variabel tersebut bernilai selain 10 (berarti kondisi tidak terpenuhi/salah), maka kode di dalam kurung kurawal akan diabaikan dan eksekusi program akan berlanjut ke kode berikutnya. Untuk memberikan serangkaian pernyataan alternatif dimana nilai $a tidak harus memenuhi kondisi bernilai 10, tambahkan sebuah pernyataan else pada aliran kontrol tersebut. Dengan demikian bagian dari pernyataan yang lainnya akan dijalankan saat kondisi tidak terpenuhi.
           
           if ($a == "10") { echo "a bernilai 10"; } else { echo "a tidak bernilai 10"; } Pernyataan elseif dapat ditambahkan pada struktur untuk mengevaluasi sebuah kondisi alternatif sebelum sampai pada pernyataan else yang terakhir.
           
           Sebagai
           
           contohnya,
           
           pada
           
           struktur
           
           berikut
           
           ini
           
           pertama-tama
           
           mengevaluasi apakah $a bernilai 10. Jika kondisi if tersebut tidak terpenuhi (salah), maka pernyataan elseif akan dievaluasi. Jika kondisi tersebut terpenuhi (benar), maka kode yang terdapat di dalam kurung kurawal akan
           
           LSP Telematika Indonesia
           
           81
           
           dijalankan. Jika ternyata pernyataan kondisi tersebut masih belum benar, maka eksekusi program akan berlanjut hingga kepada pernyataan else yang terakhir. if ($a == "10") echo "a } elseif ($b == echo "b } else { echo "a }
           
           { bernilai 10"; "8") { bernilai 8"; tidak bernilai 10 and b tidak bernilai 8.";]
           
           3.4.1.2.2 Pernyataan while Tidak seperti struktur if, dimana setiap kondisi dievaluasi sekali dan sebuah aksi dilakukan berdasarkan pada nilai benar atau salahnya, pernyataan while akan me-loop hingga kondisinya salah. Dengan kata lain, while loop berlanjut selama kondisinya terpenuhi/benar. Jika kondisi tidak terpenuhi maka perintah dalam while sama sekali tidak di jalankan. Berbeda dengan While, Do..While akan menjalankan perintah dalam while minimal 1 kali. Sebagai contoh, while loop berikut ini, nilai variabel $a akan dicetak pada layar dan ditambahkan satu selama nilai $a lebih kecil dari atau sama dengan 5. $a = 0 // menentukan sebuah nilai permulaan while ($a <= "5") { echo "a sama dengan $a
           "; $a++; } Berikut ini merupakan output dari while loop tersebut : •
           
           a sama dengan 0
           
           •
           
           a sama dengan 1
           
           •
           
           a sama dengan 2
           
           •
           
           a sama dengan 3
           
           •
           
           a sama dengan 4
           
           •
           
           a sama dengan 5
           
           3.4.1.2.3 Pernyataan for Seperti halnya while loop, for loop mengevaluasi serangkaian pernyataan kondisi pada permulaan tiap-tiap loop. Berikut ini merupakan syntax dari for loop :
           
           LSP Telematika Indonesia
           
           82
           
           for (expr1; expr2; expr3) { // kode untuk dieksekusi } Pada permulaan setiap loop, ekspresi pertama dievaluasi, diikuti dengan ekspresi kedua. Jika ekspresi kedua terpenuhi, maka loop akan berlanjut dengan pengeksekusian kode lalu mengevaluasi ekspresi ketiga. Namun, jika ekspresi kedua tidak terpenuhi, maka loop tidak akan berlanjut dan ekspresi ketiga tidak akan pernah dievaluasi. Marilah kita ambil contoh yang telah digunakan pada while loop, lalu menulisnya kembali dengan menggunakan sebuah for loop. for ($a = 0; $a <= "5"; $a++) { echo "a sama dengan $a
           "; }
           
           Output yang diperoleh akan sama saja dengan output yang dihasilkan pada penggunaan while loop sebelumnya.
           
           3.4.1.2.4 Pernyataan switch Pernyataan switch merupakan sebuah cara sederhana untuk menampilkan tugas-tugas yang dapat dilakukan dengan pernyataan dasar if. Tujuan dari pernyataan
           
           switch
           
           adalah
           
           memungkinkan
           
           pihak
           
           pengembang
           
           untuk
           
           menempatkan sebuah blok kode pada masing-masing kasus (case) yang berbeda. Berikut ini merupakan bentuk umum dari pernyataan switch : switch($variable) { [case :] /* kode akan dijalankan jika $variable = 1 */ [break;] [case :] /* kode akan dijalankan jika $variable = 2 */ [break;] ...kasus tambahan [default:] /* kode akan dijalankan jika tdk ada kasus yg cocok */ } Konstanta case tidak terbatas pada nilai integer sebagaimana pada bahasa lainnya seperti C. Pada PHP, nilai konstanta dapat pula menggunakan
           
           string
           
           LSP Telematika Indonesia
           
           dan
           
           floating
           
           point
           
           number.
           
           Di
           
           dalam
           
           83
           
           penggunaannya,
           
           pernyataan
           
           switch
           
           menyediakan
           
           sebuah
           
           variabel
           
           tunggal yang nilainya akan dibandingkan dengan nilai variabel – nilai variabel yang terdapat pada masing-masing pernyataan kasus (case)
           
           secara
           
           individual.
           
           Pada
           
           kenyataannya,
           
           pernyataan
           
           switch
           
           serupa dengan serangkaian pernyataan if.
           
           3.4.1.3 Ekspresi Reguler Ekspresi
           
           reguler
           
           menyediakan
           
           mekanisme
           
           untuk
           
           memanipulasi
           
           dan
           
           mencocokkan string. Sebagai gambaran, Anda dapat memeriksa suatu string yang mengandung karakter, suku kata, atau kata tertentu, atau bahkan diawali dan diakhiri dengan string tertentu. Dengan menggunakan ekspresi reguler, bagian dari suatu string dapat digantikan dengan suatu substring. Pada aplikasi internet, salah satu penggunaan ekspresi reguler adalah untuk memeriksa keabsahan penulisan alamat e-mail.
           
           3.4.1.3.1 Mengenal fungsi ereg Pada PHP, tersedia fungsi bernama ereg yang dapat digunakan untuk menangani ekspresi reguler. Bentuk dasar pemanggilan fungsi ini adalah sebagai berikut : ereg (pola, sumber) Fungsi ini menghasilkan nilai TRUE jika string pada pola cocok dengan string yang terdapat pada sumber. Namun, fungsi akan menghasilkan nilai FALSE jika pola tidak cocok dengan string sumber. Berikut ini adalah contoh dari pemeriksaan suatu substring dalam suatu string: ereg (“BILA”, “APABILA”) Fungsi di atas akan menghasilkan nilai TRUE karena string “BILA” terdapat pada string “APABILA”. Sedangkan contoh berikut ini berusaha mencocokkan suatu substring yang terletak di awal suatu string dengan menggunakan tanda ^ : ereg (“^hari”, “Pada suatu hari yang cerah”)
           
           LSP Telematika Indonesia
           
           84
           
           Fungsi di atas akan menghasilkan nilai FALSE karena string sumber (argumen kedua) tidak diawali dengan “hari”. Jika Anda ingin menentukan apakah suatu substring terletak di akhir string, maka Anda perlukan menambahkan tanda $ di bagian akhir substring tersebut. Berikut ini merupakan contohnya : ereg (“indah$”, “alangkah indah”) Fungsi di atas akan menghasilkan nilai TRUE karena string “alangkah indah” memang diakhiri dengan “indah”. Jika Anda ingin memeriksa suatu string mengandung huruf vokal atau tidak, maka Anda dapat menggunakan kelas karakter seperti contoh berikut ini : ereg (“[aiueo]”, “vwxyz”) Fungsi di atas akan menghasilkan nilai FALSE, sedangkan fungsi berikut : ereg (“[aiueo]”, “ink”) ereg (“[aiueo]”, “ton”) ereg (“[aiueo]”, “fanta”) akan menghasilkan nilai TRUE karena argumen kedua mengandung sedikitnya satu huruf yang terdapat pada kurung siku argumen pertama.
           
           3.4.1.3 Membuat Fungsi Kita dapat membuat fungsi dalam PHP dengan sintaks : function nama_func ($arg_1, $arg_2, ..., $arg_n) { echo "Contoh fungsi.\n"; return $retval; } keyword return berarti fungsi ini akan mengembalikan sebuah nilai. Beberapa contoh fungsi dalam PHP adalah :
           
           •
           
           fungsi kompresi (BZip2)
           
           •
           
           fungsi penanggalan Yang termasuk dalam fungsi ini adalah cal_days_in_month() untuk mengembalikan jumlah hari dalam 1 bulan, easer_date() untuk mencari tahu
           
           tanggal-bulan-tahun
           
           hari
           
           paskah,
           
           easter_days()
           
           akan
           
           mengembalikan tanggal hari paskah di tahun tertentu. •
           
           Fungsi Waktu
           
           LSP Telematika Indonesia
           
           85
           
           Fungsi yang sering digunakan adalah date(format). Fungsi ini untuk melakukan format waktu. Contoh : date ("l dS of F Y h:i:s A"); akan menghasilkan keluaran Wednesday 15th of January 2003 05:51:38 AM. Berikut ini adalah format waktu dalam PHP : Karakter Keterangan a
           
           Nilai
           
           Huruf kecil Ante meridiem dan Post meridiem am atau pm Huruf besar Ante meridiem dan Post
           
           A
           
           meridiem
           
           AM atau PM
           
           d
           
           tanggal, 2 digits dengan awalan 0
           
           01 hingga 31
           
           D
           
           Representasi teks dari hari
           
           Mon hingga Sun
           
           F
           
           Nama Bulan
           
           h
           
           Jam, 2 digit dengan awal 0, format 12 jam
           
           01 hingga 12
           
           H
           
           Format 24-jam
           
           00 hingga 23
           
           i
           
           Menit dengan awal 0
           
           00 hingga 59
           
           j
           
           Tanggal tanpa awal 0
           
           1 hingga 31
           
           January hingga December
           
           Representasi angka dari bulan dengan
           
           m
           
           awalan 0
           
           M
           
           Representasi 3 digit dari nama bulan Representasi angka dari bulan tanpa awalan
           
           n
           
           0
           
           01 hingga 12 Jan hingga Dec 1 hingga 12
           
           t
           
           Jumlah hari dalam bulan tertentu
           
           28 hingga 31
           
           Y
           
           Representasi 4 digit dari tahun
           
           Contoh: 1999 atau 2003
           
           y
           
           Representasi 2 digit dari tahun
           
           Contoh: 99 atau 03
           
           z
           
           Hari dalam setahun
           
           0 hingga 366
           
           Untuk mengeset informasi tanggal dan waktu lokal dapat digunakan fungsi setLocale() sedangkan untuk memperoleh informasi waktu lokal dengan fungsi getDate(). •
           
           Dokumen PDF PHP
           
           menyediakan
           
           fungsi
           
           untuk
           
           membuat
           
           dokumen
           
           PDF
           
           dengan
           
           menggunakan library PDFlib.
           
           LSP Telematika Indonesia
           
           86
           
           •
           
           Fungsi perhitungan PHP menyediakan berbagai fungsi untuk menyederhakan perhitungan seperti fungsi untuk mencari nilai maksimal – max(), fungsi untuk membulatkan float – round(), fungsi pembulatan keatas – ceil(), fungsi pembulatan kebawah – floor(), fungsi untuk memangkatkan – pow(int, exp), fungsi untuk mengubah desimal menjadi binari – decbin(decimal) dan lainnya.
           
           3.5 Paket, Modul, Kelas, dan Objek Dikarenakan semakin bertambah kompleksnya skrip-skrip yang ada, kesulitan dalam pemeliharaan skrip-skrip tersebut pun menjadi semakin meningkat pula, khususnya ketika Anda melakukan pemrograman dalam sebuah gaya prosedural.
           
           Konsep
           
           dari
           
           Object-Oriented
           
           Programming
           
           (OOP)
           
           adalah
           
           menyediakan sebuah struktur organisasional yang nyata terhadap skrip-skrip Anda melalui enkapsulasi. Meskipun PHP 4 telah memperkenalkan OOP ke dalam PHP, ia tidak dianggap sebagai sebuah impelementasi OO sejati. Dikarenakan beberapa keterbatasan penting dalam PHP 4, maka model objek pada PHP 5 secara lengkap telah dirancang ulang agar secara lebih akurat dapat mencerminkan definisi OOP sesungguhnya.
           
           3.5.1. Membuat Kelas di dalam PHP 5 Kelas adalah kumpulan variabel dan fungsi yang berkerja dengan variable tersebut. Pada PHP 5, mendefinisikan dan mengunakan kelas tidak terlalu mengalami perubahan besar. Berikut ini merupakan sebuah contoh cara membuat kelas pada PHP 5 :
           
           my_variable}\n"; } } ?> Pada PHP 4 tidak ada konsep kontrol pengaksesan dalam objek. Sedangkan pada PHP 5, model objek sekarang menyediakan tiga level pengaksesan bagi anggota-anggota kelas, yang membatasi data apa saja yang dapat diakses
           
           LSP Telematika Indonesia
           
           87
           
           dari tempat skrip Anda berada. Ada tiga buah tipe pengaksesan yaitu public, private, dan protected yang dapat diterapkan baik pada method maupun property dari sebuah kelas, seperti yang terlihat pada potongan kode di atas. Semua anggota kelas yang dideklarasikan public dapat diakses dari manapun dalam sebuah skrip. Mereka dapat dipanggil atau diubah secara internal oleh objek atau dari luar objek. Hal tersebut tidak berlaku bagi semua anggota kelas yang dideklarasikan dengan menggunakan private, yang memungkinkan pengaksesan terhadap anggota kelas hanya dari dalam sebuah instance kelas tersebut melalui variabel $this. Berikut ini merupakan contoh penggunaan public dan private dalam sebuah kelas (dengan melakukan perubahan sedikit pada kode sebelumnya) :
           
           my_variable}\n"; } } ?> Saat sebuah instance dari myPHP5Class dibuat, usaha untuk mengakses properti $my_variable dari luar objek akan menyebabkan sebuah kesalahan dalam PHP. my_method("MyParam"); /* This will cause an error, $my_variable is private */ $myobject->my_variable = 10; ?> Saat kode diatas dieksekusi, maka pesan kesalahan berikut ini akan muncul :
           
           Fatal Error: Cannot access private property myPHP5Class::my_variable in..
           
           Level pengaksesan protected serupa dengan private, karena ia mencegah pengaksesan anggota kelas secara eksternal. Namun tidak seperti private, yang
           
           membatasi
           
           pengaksesan
           
           LSP Telematika Indonesia
           
           hanya
           
           pada
           
           kelas
           
           tertentu
           
           dimana
           
           ia
           
           88
           
           didefinisikan, protected memungkinkan pengaksesan baik dari kelas itu sendiri maupun kelas-kelas anak/turunannya (child classes). Terkadang kita membutuhkan kelas dengan variabel dan fungsi yang mirip dengan kelas yang telah ada. Hal ini dapat dilakukan dengan extends. Perhatikan kode di bawah ini : class Gen_mbl extends Mobil { var $pemilik; function set_pemilik ($nama) { $this->pemilik = $nama; } } Kelas Gen_mbl akan memiliki semua variabel serta fungsi yang dimiliki kelas mobil ditambah dengan fungsi dalam kelas itu sendiri.
           
           3.5.2. Membuat dan Melewatkan Sebuah Objek Perubahan terbesar yang juga dapat menimbulkan masalah dengan kode lama yaitu melewatkan objek. Pada PHP 4, hal tersebut dapat dilakukan dengan menggunakan nilai secara default. Sebuah objek di-copy dan hasilnya tersebut akan dilewatkan ke sebuah method. Pada PHP 5, hal tersebut mengalami perubahan secara mendasar. Sekarang objek secara default akan dilewatkan melalui referensinya (passed by reference). Hal ini berarti mengubah objek di dalam method yang dilewatinya akan mengubah pula objek aslinya. Berikut ini merupakan sebuah contoh kode yang melewatkan objek : name = $s; } } function GeekMode($p) { $p->name .= " aka Coogle"; } $p = new Programmer("John Coggeshall");//membuat sebuah objek echo("

           They call him " . $p->name . "

           "); GeekMode($p); echo("

           They also call him " . $p->name . "

           "); ?>
           
           LSP Telematika Indonesia
           
           89
           
           Pada PHP 4, "They call him John Coggeshall" akan dicetak sebanyak dua kali. Sedangkan pada PHP 5, pada kali kedua sistem akan mencetak "They call him John Coggeshall aka Coogle". Hal tersebut disebabkan objek Programmer dilewatkan pada fungsi GeekMode() secara passed-by-reference, sehingga perubahan pada objek tersebut juga tampak pada rutin utama. Perintah $object2 = $object1 menciptakan sebuah rujukan (reference) ke $object1 di dalam $object2. Jika Anda ingin membuat sebuah kopian yang dapat Anda ubah-ubah secara independen, gunakanlah sebuah perintah baru clone, seperti contoh berikut ini : $object2 = clone $object1; Pada
           
           PHP
           
           5,
           
           membandingkan
           
           objek
           
           dengan
           
           operator
           
           ==
           
           akan
           
           mengembalikan nilai true hanya jika referensinya merujuk ke objek yang identik. Pada contoh di atas, $this berarti objek dari kelas itu sendiri. Tanda Æ digunakan untuk mengakses method ataupun property.
           
           3.6 Form dan Kontrol
           
           3.6.1. Pemrograman form Pemrosesan kode PHP adalah pada sisi server. Dengan demikian, pihak client tidak dapat melihat kode PHP yang sesungguhnya. Kode PHP berada di dalam tag pada form HTML seperti yang terlihat berikut ini :
           
           <TITLE>Calculate Va1ues
           
           LSP Telematika Indonesia
           
           90
           
           Mengambil nilai dari form Form HTML selalu memiliki tiga buah elemen, yaitu method, aksi, dan tombol submit. Saat Anda mengklik sebuah tombol submit pada form HTML, semua variabel akan dikirim ke skrip yang ditentukan oleh ACTION (aksi) melalui METHOD tertentu. Method tersebut dapat berupa POST atau GET. Variabel dilewatkan melalui sebuah form menuju sebuah skrip PHP yang ditempatkan di dalam array global asosiatif (superglobal) yang disebut $_POST atau $_GET, tergantung pada method dari form tersebut. Sebagai contoh, potongan HTML berikut ini memanggil sebuah skrip bernama perhitungan.php dengan menggunakan method POST.

           Form berikut ini memiliki sebuah input text field dan oleh karenanya melewatkan sebuah variabel ke sebuah skrip yang bernama formku.php :

           Nama:

           Selama proses pengajuan/submisi, skrip formku.php menerima sebuah variabel bernama $_POST[nama_anda], dengan sebuah nilai apapun yang diketikkan oleh pengguna pada kolom form. Variabel diberi nama sesuai dengan nama atribut pada kolom input.
           
           3.6.2. Menggunakan fungsi form Ketika Anda membuat sebuah form di dalam HTML, penulisan sebuah tag HTML
           
           yaitu
           
           

           
           
           merupakan
           
           hal
           
           pertama
           
           kali
           
           dilakukan.
           
           Tag
           
           ini
           
           menyatakan bagian dari dokumen HTML yang mengandung semua widget yang mendefinisikan form. Beberapa widget tersebut antara lain berupa text fields, check boxes, option buttons, dsb. Tag itu sendiri memiliki sejumlah atribut yang berhubungan dengannya yang dapat mendefinisikan
           
           LSP Telematika Indonesia
           
           91
           
           perilakunya saat sebuah form di-submit. Pada bagian berikut ini akan dijelaskan tag dari masing-masing widget.
           
           3.6.2.1. Text and Password Field Kegunaan text atau password field adalah untuk memasukkan sebarisan teks. Berikut ini merupakan contoh tag dari sebuah text field. Sedangkan di bawah ini merupakan contoh dari tag sebuah password field : Berikut ini merupakan penjelasan dari masing-masing atribut yang terdapat di dalam tag tersebut: •
           
           NAME menyatakan nama yang diberikan pada sebuah text field.
           
           •
           
           SIZE menyatakan ukuran karakter text field pada browser.
           
           •
           
           MAXLENGTH menyatakan jumlah maksimum karakter yang diterima dalam sebuah text field.
           
           •
           
           VALUE menyatakan nilai default sebuah text field.
           
           3.6.2.2. Option Button and Check Box Sebuah method yang memungkinkan pengguna untuk memilih sebuah item tunggal dari sebuah daftar pilihan adalah option button. Pada HTML, option button dapat dibuat dengan menentukan atribut TYPE pada sebuah tag menjadi RADIO. Sebuah option widget hanya memiliki tiga buah atribut yaitu NAME, VALUE, and CHECKED. Berikut ini merupakan beberapa hal yang perlu Anda perhatikan saat menggunakan option button : •
           
           Untuk sebuah grup option button agar dapat berfungsi secara benar dan berlaku sebagai satu grup (berarti hanya satu pilihan saja yang dapat dipilih), maka setiap option button dalam grup tersebut harus memiliki nilai yang sama pada atribut NAME.
           
           •
           
           Atribut CHECKED tidak diberikan sebuah nilai dan hanya satu atribut CHECKED yang dapat eksis untuk tiap-tiap grup option button.
           
           LSP Telematika Indonesia
           
           92
           
           •
           
           Atribut VALUE tidak akan ditampilkan pada browser, tetapi merupakan nilai yang akan di-submit saat form tersebut di-submit.
           
           Berikut ini merupakan contoh dari sebuah tag option button :
           NAME="myradio" CHECKED VALUE="1"> NAME="myradio" VALUE="2"> Soccer
           NAME="myradio" VALUE="3"> Hockey
           NAME="myradio" VALUE="4"> Baseball
           
           
           Serupa dengan option button, sebuah check box memungkinkan pengguna untuk memilih sejumlah pilihan yang tersedia. Sebuah check box dibuat dengan menentukan atribut TYPE dari sebuah tag menjadi CHECKBOX. Tidak seperti pada sebuah option button, Anda tidak perlu memberikan nama yang sama untuk masing-masing check box. Selain itu, tidak ada batasan mengenai jumlah atribut CHECKED yang dapat muncul. Berikut ini merupakan sebuah contoh dari tag check box :
           
           NAME="mycheckbox1" CHECKED VALUE="1"> NAME="mycheckbox2" VALUE="2"> NAME="mycheckbox3" CHECKED VALUE="3"> NAME="mycheckbox4" VALUE="4">
           
           3.6.2.3 List and Drop-Down List Ketika Anda membuat sebuah form, HTML menyediakan sejumlah cara untuk memilih
           
           item-item
           
           dari
           
           sebuah
           
           daftar
           
           (list).
           
           Sebuah
           
           list
           
           dapat
           
           direpresentasikan sebagai sebuah barisan tunggal dimana pengguna mengklik sebuah tanda panah untuk dapat melihat semua pilihan yang ada (dropdown list). Berikut ini merupakan sebuah contoh dari tag dropdown list : <SELECT NAME="foods" SIZE=4 MULTIPLE> I like Chinese food I like Mexican food I like American food I like Italian food I don't like any of these foods Dari tag di atas, terlihat bahwa terdapat beberapa atribut dengan penjelasan sebagai berikut :
           
           LSP Telematika Indonesia
           
           93
           
           •
           
           NAME : Nama yang diberikan kepada sebuah list.
           
           •
           
           SIZE : Jumlah item yang akan ditampilkan sekali di dalam list.
           
           •
           
           MULTIPLE : Sebuah flag yang menandakan apakah dapat memilih banyak item.
           
           •
           
           VALUE : Nilai yang akan di-submit jika item dipilih.
           
           •
           
           SELECTED : Sebuah flag yang menandakan jika item tersebut dipilih secara default.
           
           3.6.2.4. Text Area Untuk memungkinkan pengguna dapat memasukkan banyak barisan teks, HTML
           
           menyediakan
           
           <br /> <br /> widget<br /> <br /> dengan<br /> <br /> atribut-atribut<br /> <br /> sebagai<br /> <br /> berikut:<br /> <br /> •<br /> <br /> NAME : Nama yang diberikan kepada text area.<br /> <br /> •<br /> <br /> COLS : Jumlah lebar kolom (dalam karakter) dari text area tersebut<br /> <br /> •<br /> <br /> ROWS : Jumlah panjang baris (dalam karakter) dari text area tersebut<br /> <br /> •<br /> <br /> WRAP<br /> <br /> : Menentukan bagaimana teks seharusnya di-submit berkaitan<br /> <br /> dengan bagaimana teks tersebut diketik di dalam text area. Atribut ini menerima salah satu nilai antara off, soft, atau hard. Berikut ini merupakan sebuah contoh dari tag text area : <TEXTAREA ROWS="5" COLS="30" WRAP="hard">This is my textarea
           
           3.6.2.5. Submission dan Button Widgets Jenis widget ini direpresentasikan oleh tag dan menggunakan nilai SUBMIT, IMAGE dan BUTTON untuk atribut TYPE-nya. Widget SUBMIT dan IMAGE memiliki perilaku yang serupa. Berikut ini merupakan contoh dari tag kedua widget tersebut : Sedangkan berikut ini merupakan sebuah contoh dari tag button :
           
           LSP Telematika Indonesia
           
           94
           
           Widget button terlihat dan berfungsi seperti default submission widget yang telah disebutkan sebelumnya. Namun, tidak seperti pada widget sebelumnya, widget button tidak memiliki aksi default yang berhubungan dengannya. Oleh karena itu, ia perlu dipasangkan dengan sebuah bahasa skrip client-side, seperti JavaScript untuk menampilkan suatu aksi.
           
           3.7 Program Debugging Bagian berikut ini memperkenalkan beberapa cara menangani kesalahan seperti
           
           mencegah
           
           kesalahan,
           
           dan
           
           menyebabkan
           
           kesalahan
           
           juga browser
           
           mencari
           
           yang
           
           merambat,
           
           kesalahan.
           
           menampilkan
           
           menghilangkan
           
           Suatu
           
           pesan
           
           kesalahan
           
           kesalahan
           
           pesan
           
           seringkali
           
           yang
           
           akan
           
           membingungkan pengguna. Jadi alangkah baiknya jika kesalahan-kesalahan yang dihasilkan oleh PHP tidak tertampilkan dan sebagai penggantinya Anda dapat mengatur sendiri pesan yang hendak disampaikan kepada pengguna. Secara prinsip kesalahan dapat dikelompokkan menjadi tiga macam, yaitu kesalahan
           
           kaidah
           
           (syntax
           
           error),
           
           kesalahan
           
           semantik,
           
           dan
           
           kesalahan
           
           penalaran (logical error).
           
           3.7.1. Kesalahan Kaidah/Sintaks Kesalahan sintaks disebabkan oleh adanya kesalahan dalam menuliskan kaidah perintah dalam PHP. Penyebab utama kesalahan ini biasanya berupa salah satu dari beberapa hal berikut ini : •
           
           Salah ketik, misalnya print ditulis menjadi prin.
           
           •
           
           Konstruksi tidak lengkap, misalnya kurang pemberian tanda } (kurung kurawal).
           
           •
           
           Kurang tanda ; (titik koma) di akhir suatu pernyataan.
           
           •
           
           Suatu literal string belum diakhiri dengan tanda “ (petik ganda).
           
           3.7.2 Kesalahan Semantik Kesalahan semantik biasanya juga disebut kesalahan sewaktu eksekusi perintah (runtime error). Sebagai contoh, perhatikan skrip berikut ini :
           LSP Telematika Indonesia
           
           95
           
           $fp = fopen(“takAda”, “r”);//padahal tidak ada berkas tersebut $data = fgets($fp, 255); print($data); ?> Secara kaidah, tidak ada kesalahan pada skrip tersebut. Namun jika Anda panggil skrip tersebut maka akan terjadi kesalahan yang disebabkan karena berkas takAda tidak ada pada direktori kerja.
           
           3.7.3 Kesalahan Penalaran Kesalahan penalaran merupakan jenis kesalahan yang kadangkala sulit untuk mencari
           
           penyebabnya.
           
           Kesalahan
           
           ini
           
           tidak
           
           akan
           
           menimbulkan
           
           pesan
           
           kesalahan, tetapi akan memberikan hasil yang keliru. Untuk mencari penyebab kesalahan seperti itu, biasanya dilakukan dengan menambahkan pernyataan printf atau echo.
           
           3.7.4 Pesan Kesalahan PHP Jika Anda perhatikan , pesan kesalahan PHP memiliki pola seperti berikut : Level kesalahan: pesan_kesalahan
           
           nama_berkas
           
           baris_kesalahan
           
           Level kesalahan menyatakan tingkat kesalahan. Beberapa diantara level pesan kesalahan berupa : •
           
           Parse error (level 4), menyatakan kesalahan karena kaidah.
           
           •
           
           Fatal error (level 1), menyatakan kesalahan semantik yang menyebabkan PHP segera menghentikan eksekusi program.
           
           •
           
           Warning
           
           (level
           
           2),
           
           akan
           
           membuat
           
           kesalahan
           
           ditampilkan
           
           tetapi
           
           pengeksekusian akan tetap dilakukan. •
           
           Notice (level 8)
           
           Pesan-pesan kesalahan sesungguhnya dapat diatur agar tidak tampil. Hal ini dapat dikerjakan dengan menggunakan fungsi error_reporting
           
           yang
           
           memiliki format pemanggilan sebagai berikut : error_reporting (level); Bila level kesalahan tidak disebutkan, fungsi ini memberikan nilai balik berupa bilangan bulat yang menyatakan level-level kesalahan yang akan ditampilkan sekiranya kesalahan terjadi.
           
           LSP Telematika Indonesia
           
           96
           
           3.8 Pemrograman Database
           
           3.8.1. Perangkat Database di Dalam MySQL MySQL merupakan salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses database-nya, selain itu ia bersifat free. Perangkat lunak MySQL
           
           itu
           
           sendiri
           
           dapat
           
           di-download
           
           dari
           
           http://www.mysql.org
           
           atau
           
           http://www.mysql.com. MySQL termasuk jenis RDBMS (Relational Database Management System). Itulah sebabnya istilah seperti tabel, baris, dan kolom digunakan pada MySQL. Sebelum mempraktekkan semua contoh berikut ini, aktifkanlah prompt DOS terlebih dahulu.
           
           3.8.1.1 Mengaktifkan direktori MySQL/Bin Setelah Anda menjumpai prompt DOS, ketikkanlah perintah berikut : cd c:\mysql\bin Setelah itu, Anda akan menjumpai prompt seperti berikut : C:\MYSQL\BIN> Pada direktori inilah terdapat sejumlah program executable yang terkait dengan MySQL.
           
           3.8.1.2 Mengatur Password Root Setelah Anda meng-install MySQL, langkah awal yang perlu dilakukan adalah memberikan merupakan
           
           password pemakai
           
           terhadap
           
           dengan
           
           pemakai
           
           level
           
           root.
           
           tertinggi
           
           pada
           
           Perlu
           
           diketahui,
           
           MySQL
           
           yang
           
           root dapat
           
           melakukan apa saja terhadap database MySQL. Pemberian password dapat Anda lakukan dengan perintah berikut : mysqladmin –uroot password rahasia Setelah perintah Anda memberikan perintah di atas, untuk menjadi root maka Anda perlu mengetikan password rahasia. Jika ingin mengubah password root semula menjadi misalkan pinguin, maka ketikkanlah perintah berikut : mysqladmin –uroot –p password pinguin
           
           LSP Telematika Indonesia
           
           97
           
           3.8.1.3 Menjalankan Program Client MySQL MySQL
           
           menyediakan
           
           program
           
           bernama
           
           mysql
           
           yang
           
           berfungsi
           
           untuk
           
           mengakses database MySQL dari sisi client. Untuk menjalankan program ini, ketikkanlah perintah berikut : mysql
           
           3.8.1.4 Melihat Daftar Database Untuk mengetahui nama-nama database yang terdapat pada MySQL, Anda dapat menggunakan perintah berikut pada prompt mysql : mysql> SHOW DATABASES; kemudian tekanlah tombol Enter.
           
           3.8.1.5 Melakukan Koneksi ke Suatu Database Untuk memanipulasi data yang ada di dalam database, Anda perlu melakukan koneksi ke database terlebih dahulu. Hal tersebut dapat dilakukan dengan mengetikkan perintah berikut lalu diakhiri dengan menekan tombol Enter : mysql> USE mysql; Anda akan memperoleh tanggapan berupa : Database changed
           
           3.8.1.6 Mengetahui Nama-nama Tabel Untuk mengetahui tabel-tabel yang terdapat pada suatu database, Anda dapat menggunakan perintah berikut dan diakhiri dengan menekan tombol Enter : mysql> SHOW TABLES;
           
           3.8.1.7 Mengetahui Struktur Tabel Jika
           
           Anda
           
           bermaksud
           
           mengetahui
           
           struktur
           
           suatu
           
           tabel,
           
           Anda
           
           dapat
           
           menggunakan perintah DESCRIBE atau DESC. Sebagai contoh, Anda dapat memberikan perintah berikut untuk mengetahui struktur tabel bernama user: mysql> DESCRIBE user;
           
           LSP Telematika Indonesia
           
           98
           
           3.8.1.8 Keluar dari MySQL Jika Anda bermaksud mengakhiri mysql, Anda dapat menggunakan salah satu perintah yaitu EXIT, QUIT, atau \q.
           
           3.8.2 Membuat Database dan Tabel di Dalam MySQL Melalui program mysql dengan pemakai berupa root, lakukanlah perintah berikut untuk membuat database, sebagai contohnya berupa bukualmt : mysql> CREATE DATABASE bukualmt; Untuk mengaktifkan database tersebut dapat dilakukan dengan mengetikkan perintah berikut : mysql> USE bukualmt; Berikutnya kita akan membuat tabel bernama kota dengan perintah : CREATE TABLE kota ( id_kota SMALLINT NOT NULL, nama_kota VARCHAR(25)); Indeks biasa digunakan untuk mempercepat pengaksesan data. Berikut ini merupakan perintah untuk mengindeks tabel kota menurut kolom id_kota dengan nama index berupa idx_kota : CREATE INDEX idx_kota ON kota (id_kota); Untuk memasukkan data pada tabel kota, Anda harus menggunakan perintah INSERT seperti contoh berikut ini : INSERT INTO kota VALUES (21, ‘Jakarta’); INSERT INTO kota VALUES (22, ‘Bandung’); Setelah melakukan pemasukkan data di atas, cobalah untuk melakukan perintah berikut ini untuk melihat data yang berhasil dimasukkan pada tabel kota : SELECT * FROM kota;
           
           3.8.3 Menghubungkan Database dengan Menggunakan Fungsifungsi PHP Pada bagian berikut ini, kita akan membahas cara mengakses database dengan
           
           menggunakan
           
           ODBC
           
           (Open
           
           Database
           
           Connectivity).
           
           ODBC
           
           merupakan suatu standar yang dikembangkan oleh Microsoft dengan tujuan untuk memudahkan pengaksesan berbagai database melalui sekumpulan
           
           LSP Telematika Indonesia
           
           99
           
           fungsi yang bersifat umum. Dengan menggunakan ODBC Anda dapat mengakses berbagai macam sumber data seperti Oracle dan MS Access dengan mudah. Kesemuanya diakses dengan menggunakan aturan SQL (Structured Query Language). Pada sistem Windows, sumber data ODBC dapat diakses pada program melalui DSN (Data Source Name). PHP menyediakan sejumlah fungsi berawalan odbc_ yang bermanfaat untuk mengakses database melalui ODBC. Pada tabel berikut ini akan ditampilkan beberapa fungsi tersebut : Tabel 3.8.3.1 : Fungsi PHP untuk mengakses database
           
           No.
           
           Fungsi
           
           Keterangan Untuk membuat sebuah koneksi ke database dengan menggunakan
           
           odbc_connect(nama_sumber_data, 1
           
           nama_pemakai, password)
           
           sebuah nama pemakai dan password (bersifat pilihan). Fungsi ini menghasilkan nilai balik bertipe integer berupa pengenal hubungan ke sumber data. Untuk menutup koneksi yang telah dibuat dengan sumber data ODBC.
           
           2
           
           odbc_close(pengenal_hubungan)
           
           Argumen pengenal_hubungan adalah nilai yang dihasilkan oleh odbc_connect().
           
           3
           
           odbc_close_all()
           
           Untuk menutup semua koneksi dengan sumber data ODBC. Untuk mengeksekusi permintaan/perintah SQL yang
           
           odbc_do(pengenal_hubungan, 4
           
           terdapat pada string_query
           
           string_query) terhadap koneksi yang dinyatakan dalam pengenal_hubungan. odbc_exec(pengenal_hubungan,
           
           5
           
           string_query)
           
           Merupakan nama alias dari odbc_do(). Untuk memperoleh jumlah field yang terdapat pada suatu hasil. Dalam hal
           
           6
           
           odbc_num_fields(pengenal_hasil)
           
           ini, pengenal_hasil adalah nilai yang diperoleh dari fungsi odbc_do().
           
           LSP Telematika Indonesia
           
           100
           
           Untuk memperoleh jumlah record yang terdapat pada suatu hasil. 7
           
           odbc_num_rows(pengenal_hasil)
           
           Dalam hal ini, pengenal_hasil adalah nilai yang diperoleh dari fungsi odbc_do().
           
           odbc_field_name(pengenal_hasil, 8
           
           nomor_kolom) odbc_field_len(pengenal_hasil,
           
           9
           
           nomor_kolom) odbc_field_type(pengenal_hasil,
           
           10
           
           Untuk memperoleh nama suatu kolom. Untuk memperoleh panjang suatu kolom. Untuk memperoleh tipe kolom.
           
           nomor_kolom) odbc_fetch_row(pengenal_hasil,
           
           11
           
           nomor_baris)
           
           odbc_fetch_into(pengenal_hasil, 12
           
           Untuk memperoleh sebuah baris dari suatu himpunan hasil. Memiliki kegunaan seperti pada tetapi
           
           odbc_fetch_row() nomor_baris, array_filed)
           
           hasilnya dikirimkan ke array. odbc_result(pengenal_hasil, 13
           
           Untuk
           
           memperoleh
           
           nilai
           
           dari
           
           kolom)
           
           sebuah kolom pada baris saat ini.
           
           odbc_result_all(nama_sumber_data
           
           Untuk menampilkan semua baris
           
           14
           
           , nama_pemakai, password)
           
           dari suatu hasil ke browser.
           
           3.8.4 Pemrograman Database Menggunakan MySQL Sejumlah fungsi yang berawalan mysql_ digunakan untuk mengakses database MySQL akan dijelaskan pada tabel berikut ini : Tabel 3.8.4.1 : Fungsi MySQL untuk mengakses database
           
           No
           
           Nama Fungsi mysql_connect(host_name,
           
           1
           
           nama_pemakai, password)
           
           Keterangan Untuk
           
           membuat
           
           koneksi
           
           ke
           
           database MySQL yang terdapat pada suatu host. Fungsi ini
           
           LSP Telematika Indonesia
           
           101
           
           menghasilkan nilai balik berupa nilai
           
           bertipe
           
           integer
           
           menyatakan
           
           yang
           
           pengenal
           
           hubungan
           
           dan
           
           digunakan
           
           sebagai
           
           pengenal
           
           berbagai
           
           fungsi
           
           pada
           
           berawalan
           
           mysql_. Untuk
           
           menutup
           
           database
           
           koneksi
           
           MySQL.
           
           ke
           
           Argumen
           
           pengenal_hubungan 2.
           
           mysql_close(pengenal_hubungan)
           
           menyatakan diperoleh
           
           pengenal dari
           
           yang
           
           pemanggilan
           
           fungsi mysql_connect(). Untuk memilih database seperti mysql_select_db(database, 3
           
           pengenal_hubungan)
           
           jika
           
           Anda
           
           menggunakan
           
           perintah USE pada program client mysql. Untuk
           
           mysql_query(string_query, 4
           
           pengenal_hubungan)
           
           mengeksekusi
           
           permintaan/
           
           perintah
           
           SQL
           
           terhadap
           
           sebuah/sejumlah
           
           tabel. mysql_db_query(database, 5
           
           string_query, pengenal_hubungan)
           
           Untuk
           
           menjalankan
           
           suatu
           
           permintaan/perintah
           
           SQL
           
           terhadap suatu database. Untuk
           
           memperoleh
           
           baris
           
           dari
           
           sejumlah
           
           suatu
           
           hasil
           
           permintaan/perintah SQL yang menggunakan 6
           
           mysql_num_rows(pengenal_hasil)
           
           SELECT.
           
           perintah Argumen
           
           pengenal_hasil menyatakan nilai yang diperoleh dari pemanggilan fungsi seperti mysql_db_query()
           
           dan
           
           mysql_query. mysql_affected_rows 7
           
           (pengenal_hubungan)
           
           Untuk memperoleh jumlah baris yang dikenai operasi INSERT, DELETE, dan UPDATE.
           
           8
           
           mysql_num_fields(pengenal_hasil)
           
           LSP Telematika Indonesia
           
           Untuk
           
           memperoleh
           
           jumlah
           
           102
           
           kolom
           
           pada
           
           suatu
           
           hasil
           
           permintaan/perintah Argumen
           
           SQL.
           
           pengenal_hasil
           
           menyatakan nilai yang diperoleh dari pemanggilan fungsi seperti dan
           
           mysql_db_query() mysql_query.
           
           Untuk menghasilkan suatu array 9
           
           mysql_fetch_row(pengenal_hasil)
           
           yang berisi seluruh kolom dari sebuah
           
           baris
           
           pada
           
           suatu
           
           himpunan hasil. Fungsi ini memiliki kegunaan yang
           
           serupa
           
           dengan
           
           mysql_fetch_row(). 10
           
           Hanya
           
           mysql_fetch_array(pengenal_hasil) saja
           
           setiap
           
           kolom
           
           akan
           
           disimpan dua kali pada array hasil. Untuk
           
           memperoleh
           
           mengenai mysql_fetch_field(pengenal_hasil, 11
           
           nomor_kolom)
           
           informasi
           
           suatu
           
           Argumen
           
           kolom.
           
           nomor_kolom
           
           (bersifat opsional) menyatakan nomor kolom yang informasinya ingin didapatkan. Untuk pada
           
           12
           
           memindahkan suatu
           
           mysql_data_seek(pengenal_hasil,
           
           supaya
           
           nomor_baris)
           
           tertentu.
           
           pointer
           
           himpunan
           
           menunjuk
           
           ke
           
           hasil baris
           
           Argumen menyatakan
           
           nomor_baris
           
           nomor baris yang ingin dituju. Untuk pada 13
           
           memindahkan suatu
           
           mysql_field_seek(pengenal_hasil,
           
           supaya
           
           nomor_kolom)
           
           tertentu.
           
           pointer
           
           himpunan
           
           menunjuk
           
           ke
           
           hasil kolom
           
           Argumen
           
           nomor_kolom
           
           menyatakan
           
           nomor kolom yang ingin dituju. mysql_create_db(database, 14
           
           pengenal_hubungan)
           
           Untuk MySQL.
           
           membuat Argumen
           
           merupakan
           
           LSP Telematika Indonesia
           
           nama
           
           database database database
           
           103
           
           yang ingin dibuat. mysql_drop_db(database, 15
           
           16
           
           pengenal_hubungan) mysql_list_dbs(pengenal_hubungan)
           
           menghapus
           
           database
           
           MySQL. Untuk
           
           menghasilkan
           
           daftar
           
           database MySQL. mysql_list_tables(database,
           
           17
           
           pengenal_hubungan) mysql_list_fields(database,
           
           18
           
           Untuk
           
           nama_tabel, pengenal_hubungan)
           
           Untuk memperoleh daftar nama tabel dalam suatu database. Untuk memperoleh daftar nama kolom
           
           dalam
           
           suatu
           
           tabel
           
           database.
           
           3.9
           
           Membangun Aplikasi Database
           
           Setelah Anda mengenal sejumlah fungsi yang berkaitan dengan MySQL pada PHP, Anda akan mendapatkan gambaran mengenai penggunaan fungsi-fungsi tersebut untuk mengimplementasikan sebuah aplikasi sederhana berikut ini.
           
           3.9.1 Membuat Form Database Andaikan kita telah memiliki sebuah tabel yang bernama MY_PRODUCTS dengan atribut-atributnya antara lain PRODUCT_ID, TITLE, DESCRIPTION, dan
           
           PRICE.
           
           Pada bagian ini akan dibahas mengenai langkah-langkah
           
           pembuatan skrip sederhana untuk menambahkan data pada tabel tersebut. Pertama-tama, bukalah teks editor Anda dan buatlah sebuah file dengan nama show_addrecord.html.
           
           Buatlah kerangka HTML sebagai isi file
           
           tersebut, seperti yang terlihat berikut ini : <TITLE>Menambah Data Baru Buatlah sebuah heading seperti contoh berikut ini :

           Menambah data baru ke tabel produk

           
           
           LSP Telematika Indonesia
           
           104
           
           Untuk membuat kode form, anggap langkah kedua tersebut merupakan sebuah skrip PHP dengan nama do_addrecord.php dan form Anda akan menggunakan method POST, seperti potongan skrip berikut ini : Selanjutnya, buatlah tiga buah text field dan sebuah text area untuk menangkap
           
           nilai
           
           bagi
           
           $_POST[item_id],
           
           $_POST[item_title],
           
           $_POST[item_desc], dan $_POST[item_price] – nama kolom-kolom dari tabel MY_PRODUCTS. Potongan skrip form berikut ini menggunakan sebuah tabel untuk menampilkan kolom-kolom form :
           
           Langkah
           
           terakhir,
           
           tambahkanlah
           
           sebuah
           
           tombol
           
           “Add
           
           Record”
           
           untuk
           
           menambahkan data, seperti yang terlihat berikut ini :
           
           Jangan lupa untuk menutup skrip dengan tag dan

           <strong>ID Produk:
           <strong>Nama Produk:
           <strong>Deskripsi Produk:
           <strong>Harga Produk:	$

           . Secara keseluruhan, kode skrip Anda akan terlihat sebagai berikut ini : <TITLE>Menambah Data Baru

           Menambah Data baru Ke Tabel Produk

           
           
           LSP Telematika Indonesia
           
           105
           
           

           <strong>ID Produk:
           <strong>Nama Produk:
           <strong>Deskripsi Produk:
           <strong>Harga Produk:	$

           
           
           Simpan file tersebut pada web server Anda kemudian akseslah melalui browser dengan URL http://127.0.0.1/show_addrecord.html. Pada window browser, Anda akan menjumpai tampilan seperti berikut :
           
           Gambar 3.10.1.1 Form Penambahan Data
           
           3.10.2 Menangani Data di Dalam form Selanjutnya, Anda akan membuat skrip PHP yang akan mengambil input, membuat pernyataan SQL yang sesuai, membuat record, dan menampilkan
           
           LSP Telematika Indonesia
           
           106
           
           record tersebut sebagai sebuah konfirmasi. Karena ACTION dari form pada file
           
           show_addrecord.html adalah do_addrecord.php, bukalah teks editor
           
           Anda dan buatlah sebuah file dengan nama do_addrecord.php. Sebelum skrip Anda melakukan apapun, Anda harus memastikan bahwa semua nilai telah
           
           benar-benar
           
           dimasukkan
           
           ke
           
           dalam
           
           form.
           
           Tetapkanlah
           
           sebuah
           
           pernyataan yang menampilkan semua nilai tersebut. Jika tidak ada, alihkan pengguna ke form berikut ini :
           
           
           
           Kemudian,
           
           tambahkanlah
           
           kerangka
           
           HTML
           
           seperti
           
           berikut
           
           ini
           
           setelah
           
           pernyataan if di atas : <TITLE>Add a Record Buatlah sebuah heading seperti contoh berikut ini :

           Menambah Data Baru ke Tabel Produk

           Pada kode PHP selanjutnya Anda akan membuat perintah SQL yang akan dikirimkan ke MySQL. Misalkan saat Anda membuat tabel MY_PRODUCTS, urutan kolom-kolomnya adalah ITEM_ID,
           
           ITEM_TITLE,
           
           ITEM_DESC, dan
           
           ITEM_PRICE. Gunakanlah urutan yang sama untuk perintah INSERT data pada tabel tersebut. Simpan perintah SQL pada sebuah variabel yang bernama $sql dan buatlah daftar VALUES dengan mengunakan nama-nama varibel dari form, seperti pada skrip berikut : $sql = "INSERT INTO MY_PRODUCTS (ITEM_ID, ITEM_TITLE, ITEM_DESC, ITEM_PRICE) VALUES ('$_POST[item_id]', '$_POST[item_title]', '$_POST[item_desc]',
           
           LSP Telematika Indonesia
           
           107
           
           '$_POST[item_price]')";
           
           Setelah membuat perintah SQL, tambahkanlah koneksi dan kode query. Selanjutnya tambahkan sebuah pernyataan if untuk mencetak seluruh teks record yang berhasil ditambahkan. if ($sql_result) { echo "

           Data Berhasil Dimasukkan!

           <strong>ID Produk:	".stripslashes($_POST[item_id])."
           <strong>Nama Produk:	".stripslashes($_POST[item_title])."
           <strong>Deskripsi Produk:	".stripslashes($_POST[item_desc]."
           <strong>Harga Produk:	\$ ".stripslashes($_POST[item_price]."

           "; } ?> Secara keseluruhan, skrip Anda akan terlihat seperti berikut ini : <TITLE>Add a Record

           Adding a Record to MY_PRODUCTS

           
           LSP Telematika Indonesia
           
           108
           
           VALUES ('$_POST[item_id]', '$_POST[item_title]', '$_POST[item_desc]', '$_POST[item_price]')"; // create connection; substitute your own information $conn = mysql_connect("localhost","joeuser","34Nhjp") or die (mysql_error())"; // select database; substitute your own database name $db = mysql_select_db("MyDB", $conn) or die(mysql_error()); // execute SQL query and get result $sql_result = mysql_query($sql,$conn) or die (mysql_error()); if ($sql_result) { echo "

           Record added!

           <strong>ID Produk:	".stripslashes($_POST[item_id])."
           <strong>Nama Produk:	".stripslashes($_POST[item_title])."
           <strong>Deskripsi Produk:	".stripslashes($_POST[item_desc]."
           <strong>Harga Produk:	\$ ".stripslashes($_POST[item_price]."

           "; } ?>
           
           Simpan file tersebut pada web server Anda dan akseslah melalui browser dengan URL http://127.0.0.1/show_addrecord.html. Masukkanlah sebuah contoh produk seperti pada gambar yang terlihat berikut ini :
           
           Gambar 3.10.2.1 Menambahkan sebuah contoh produk
           
           LSP Telematika Indonesia
           
           109
           
           Lanjutkanlah dengan menekan tombol “Add Record” untuk mengeksekusi skrip pada do_addrecord.php. Jika query tersebut berhasil dijalankan, Anda akan menjumpai sebuah halaman hasil seperti berikut ini :
           
           Gambar 3.10.2.2 Keberhasilan menambahkan data
           
           Gunakanlah form ini untuk menambahkan beberapa contoh
           
           produk lainnya
           
           ke dalam tabel MY_PRODUCTS .
           
           Soal Latihan 1. Untuk mendorong satu elemen atau lebih pada akhir array, anda dapat menggunakan: a. array_merge() b. array_push() c. array_add() d. array_plus()
           
           LSP Telematika Indonesia
           
           110
           
           2. Gillian ingin mengetahui kapan hari Paskah, jadi dia harus menggunakan fungsi … dalam PHP a. easter_date() b. cal_search_easter() c. cal_days_easter() d. easter_egg() 3. Apa fungsi untuk menghitung panjang string ? a. strlen() b. strlength() c. strleng() d. str.length()
           
           Soal Praktek 4. Buatlah file PHP untuk melakukan operasi penjumlahan. Tampilan awal adalah sebagai berikut :
           
           Setelah dipilih tombol ”Hitung”, maka tampilannya menjadi seperti berikut:
           
           LSP Telematika Indonesia
           
           111
           
           5. Buatlah file PHP dengan koneksi basis data untuk menambahkan data mahasiswa baru. Tabel yang sudah ada sebagai berikut : NIM 12025031 12024832
           
           Nama Budi Santoso Andrea Wilson
           
           Jurusan Akuntansi Sastra Inggris
           
           Setelah ditambahkan 2 (dua) data baru maka tabel akan menjadi seperti berikut ini :
           
           NIM 12025031 12024832 12023033 12044732
           
           Nama Budi Santoso Andrea Wilson Shanti Aliyah Iwan Putra
           
           Jurusan Akuntansi Sastra Inggris Ekonomi Pembangunan Teknik Mesin
           
           Sedangkan tampilan awal dan akhirnya adalah :
           
           Setelah data baru dimasukkan dalam basis data :
           
           LSP Telematika Indonesia
           
           112
           
           LSP Telematika Indonesia
           
           113
           
           BAB 4
           
           JAVA
           
           Tujuan Instruksional Umum: 1
           
           Siswa dapat menjelaskan dasar Pemrograman Java
           
           2
           
           Siswa dapat membuat Web berbasis java
           
           3
           
           Siswa dapat menjelaskan konsep Object Oriented Programming
           
           Tujuan Instruksional Khusus : 1
           
           Siswa dapat membuat program Java sederhana
           
           2
           
           Siswa dapat membuat aplikasi Java dengan Basis data
           
           3
           
           Siswa dapat membuat aplikasi JSP
           
           Pembahasan pada bab ini untuk memenuhi : 1. TIK.PR02.005.01 Menulis program dasar 2. TIK.PR02.006.01 Menulis program lanjut 3. TIK.PR02.009.01 Mengoperasikan bahasa pemrograman berorientasi obyek 4. TIK.PR02.010.01 Menggunakan library atau komponen-komponen pre-exiting 5. TIK.PR02.012.01 Mengkompilasi dan menjalankan sebuah aplikasi 6. TIK.PR02.013.01 Menulis dan mengkompilasi kode program sesuai dengan kebutuhan 7. TIK.PR08.011.01 Membuat program aplikasi web berbasis JSP 8. TIK.PR08.012.01 Membuat program aplikasi berbasis JAVA Berikut ini adalah gambaran umum dari materi yang ada di bab ini :
           
           LSP Telematika Indonesia
           
           114
           
           4.1
           
           Sekilas Mengenai Java
           
           Pada tahun 1991, sekumpulan orang yang dipimpin oleh James Gosling dan Patrick Naughton dari Sun Microsystem membuat bahasa yang dinamakan ”Green” yang dapat berjalan di berbagai hardware. Teknologi seperti ini tidak ada sebelumnya. Kemudian pada tahun 1994, mereka berpikir untuk membuat browser yang realtime, reliable, aman dan tidak bergantung pada arsitektur komputer. Tahun 1995, browser yang berhasil dibuat –The HotJava Browser- menarik perhatian banyak orang ketika eksibisi. Browser ini memiliki properti yang unik yang dapat mendownload program dan menjalankannya, disebut applet. Applet ditulis dalam bahasa yang sekarang dikenal sebagai bahasa java. Sejak saat itu, Java menjadi sesuatu yang fenomenal. Programmer lebih memilih menggunakan Java daripada pesaingnya C++ dikarenakan java lebih sederhana, memiliki library yang kaya, dan juga portable - program java akan berjalan tanpa perubahan di Windows, UNIX, Linux atau di Macintosh.
           
           4.2
           
           Program Java
           
           Kita akan membuat program Java yang sederhana. Program pertama yang kita buat akan menampilkan pesan ”Hello World” . Berikut ini adalah program Hello.java : Program : Hello.java public class Hello { public static void main(String[] args) { System.out.println(“Hello, World!”); } }
           
           LSP Telematika Indonesia
           
           115
           
           Buat file baru kemudian tulis kode diatas dan simpan dengan nama ”Hello.java”. Untuk melakukan kompilasi, buka console (contohnya : command prompt) lalu tulis perintah javac Hello.java kemudian eksekusi file tersebut dengan perintah java Hello. Hasil keluaran dari program ini seperti pada gambar dibawah ini :
           
           Gambar 4.2.1 Hasil Keluaran Program Hello.java Berikut ini adalah langkah-langkah untuk melakukan kompilasi (compile) dan eksekusi (run) program java : 1
           
           javac –namafile.java
           
           2
           
           java –namafile
           
           Java adalah bahasa pemrograman yang case sensitive, yang artinya penulisan dengan huruf besar dan huruf kecil mempunyai arti yang berbeda. Tetapi, spasi dan baris baru tidak penting dalam bahasa Java kecuali untuk memisahahkan antar kata. Baris pertama dari program Hello.java – public class Hello – menkitakan sebuah kelas baru. Konsep kelas dalam java merupakan ”pabrik” dari objek. Objek dan Kelas akan dijelaskan lebih lanjut pada bab 3 (tiga). Baris kedua, public static void main(String[] args) mendefinisikan method main. Method adalah kumpulan dari instruksi-instruksi untuk menjalankan suatu task. Pada umumnya program java memiliki method main, tetapi ada juga program
           
           LSP Telematika Indonesia
           
           116
           
           java yang tidak memiliki method main yaitu Applet. Applet akan dijelaskan lebih lanjut pada bab 6 (enam). Parameter String[] args merupakan parameter wajib pada method main. Parameter ini mengandung argumen command line. Kata static menkitakan bahwa method main tidak akan mengubah objek dari kelas Hello. Instruksi atau statement dalam method main – statement yang berada diantara {} – dieksekusi satu demi satu dan setiap statement diakhiri dengan simbol (;). Teks
           
           ”Hello
           
           World!”
           
           dapat
           
           ditampilkan
           
           dilayar
           
           karena
           
           statement
           
           System.out.println. System merupakan kelas yang berisi objek dan method untuk mengakses sumber daya daris sistem. Tujuan tempat untuk menampilkan string adalah terminal window. Representasi java dari terminal window adalah dengan objek yang disebut out. Untuk menampilkan teks dalam satu baris digunakan method println. Tetapi, jika kita ingin menampilkan teks tanpa berada di baris baru sesudahnya, kita dapat menggunakan method print. Perhatikan kedua statement dibawah ini : System.out.println(”Hello”); System.out.println(”World!”); Akan menghasilkan : Hello World! Sedangkan statemen : System.out.print(”Hello”); System.out.println(”World!”); Akan menghasilkan : Hello World! Untuk memanggil method di java, ada 3 (tiga) hal yang harus ditentukan yaitu : 1
           
           Objek yang ingin digunakan (contoh : System.out)
           
           2
           
           Nama method yang ingin digunakan (Contoh : println)
           
           3
           
           () yang didalamnya berisi informsi yang dibutuhkan method
           
           4.3 Proses Kompilasi Saat melakukan proses kompilasi pada program Java yang kita buat, compiler menterjemahkan source code (statement-statement) menjadi bytecode yang isinya adalah instruksi-instruksi mesin virtual dan informasi mengenai cara load program ke memori sebelum program dieksekusi. Bytecode untuk program LSP Telematika Indonesia
           
           117
           
           disimpan dalam file yang terpisah dengan file ekstension .class. Sebagai contoh : program Hello.java menyimpan bytecodenya di file Hello.class. Setelah itu, java interpreter me-load bytecode program yang kita tulis, menjalankan program dan me-load library yang diperlukan. Berikut ini adalah penggambaran langkah-langkah dari proses kompilasi hingga program berjalan:
           
           Gambar 4.3.1 Langkah-langkah proses kompilasi Aktivitas pemrograman dimulai dengan membuka editor dan menulis source code. Kompilasi source code yang dibuat dan periksa apakah ada pesan error. Jika ditemukan pesan error maka kita dapat menjalankan debugger untuk memeriksa baris demi baris untuk menemukan kesalahan. Setelah kesalahan ditemukan, perbaiki source code. Lakukan kembali proses kompilasi. Jika tidak ada pesan error, eksekusi program.
           
           4.4 Tipe Data Dalam Java 4.4.1 Angka Dalam bahasa java terdapat berbagai tipe data, diantaranya tipe angka. Tipe ini terdiri dari integer, double, float dan long. Perhatikan kode program dibawah ini : Program : Coins1.java Public class Coins1 { Public static void main(String[] args) { int pennies = 8; int dimes = 4; int quarters = 3; // menghitung nilai total double total = pennies*0.01 + dimes*0.10 + quarters*0.25; // menampilkan hasil perhitungan System.out.print(“Total Value = “); System.out.println(total); LSP Telematika Indonesia
           
           118
           
           } } Nilai (8, 4, 3) merupakan integer, bilangan tanpa angka decimal. Nilai (0.01, 0.10, 0.25) memiliki nilai desimal, angka yang demikian dinamakan floating point karena computer merepresentasikannya dengan sebarisan digit-digit beserta posisi dari titik desimal. Double merupakan double precision floating point. Ada juga tipe single precision, yaitu float. Nilai dari tipe float menggunakan setengah dari tempat penyimpanan untuk tipe double dan juga dalam perhitungan. Perhitungan dengan float lebih cspat daripada perhitungan dengan double tetapi presisi untuk float – 7 (tujuh) desimal – tidak mencukupi untuk kebanyakan program. Apabila tipe int dan double tidak cukup dalam perhitungan yang kita buat, kita dapat
           
           menggunakan
           
           tipe
           
           9,223,372,036,854,775,808
           
           long. hingga
           
           Long
           
           integer
           
           berkisar
           
           antara
           
           9,223,372,036,854,775,807.
           
           -
           
           Untuk
           
           menentukan nilai Long integer, kita perlu menambahkan huruf L setelah angka, contoh : Long price = 300000000000000L; Selain itu ada juga tipe int yang memiliki kisaran nilai lebih kecil dari int, yaitu short. Kisaran nilai short antara -32,768 hingga 32,767.
           
           Yang terakhir adalah
           
           tipe byte, dengan kisaran nilai antara -128 hingga 127. Di Java, setiap variabel mempunyai tipe. Mendenklarasi variabel diawali dengan menentukan tipe lalu nama variabel, seperti int pennies. Kita bisa juga melakukan inisialisasi pada variable yang baru dideklarasi (optional) seperti, =8, kemudian diakhiri dengan simbol (;). Di Java, perkalian ditandai dengan (*) dan bukan (.) atau (x). Perkalian 5 dengan 10 ditulis dengan 5 * 10. Untuk menulis bilangan eksponensial di java, gunakan simbol En, contoh : 5.0 x 10-3 akan menjadi 5.0E-3. Untuk
           
           membantu
           
           pemahaman
           
           pembaca
           
           program,
           
           programmer
           
           dapat
           
           menambahkan comment untuk menjelaskan statement-statement yang ditulis. Comment ditandai dengan simbol ( // ) atau (/* tidak panjang simbol yang digunakan adalah ditulis panjang maka sebaiknya digunakan (/*
           
           */). Umumnya jika comment
           
           // . Tetapi jika comment yang */), seperti contoh dibawah ini :
           
           /* Dalam program ini, kita akan menghitung nilai dari sekumpulan koin. LSP Telematika Indonesia
           
           119
           
           User menentukan jumlah pennies, nickels, dimes dan quarters. Program akan menampilkan nilai total koin-koin tersebut. */ Compiler akan mengabaikan apa saja yang tertulis diantara simbol ( // ) atau ( /* */). Berdasarkan comment-comment yang telah dibuat, Java Development Kit keluaran
           
           Sun
           
           Microsystem
           
           menyediakan
           
           javadoc
           
           untuk
           
           menghasilkan
           
           dokumentasi yang dapat dilihat di browser. Untuk itu, kita harus menggunakan format yang ditentukan, seperti dibawah ini : /** purpose @param name description @param name description @return description */ Tiap comment mengawali kelas atau method yang akan dideskripsikan. Dari command shell, jalankan javadoc dengan perintah : Javadoc MyProg.java Perintah ini akan menghasilkan file HTML yang bernama MyProg.html. Selain itu, javadoc juga menyediakan link ke kelas dan method yang lain. Berikut ini adalah contoh kode untuk menghasilkan javadoc : Program : Invoice,java /** */
           
           Describes a quantity of an article to purchase and its price
           
           public class Item { /** Computes the total cost of this item @return the total price (unit price * quantity) */ public double getTotalPrice() { } /**
           
           Prints the item name, quantity, unit price and total */ public void print() { } }
           
           LSP Telematika Indonesia
           
           120
           
           Untuk kode diatas, file HTML yang dihasilkan dengan menggunakan javadoc adalah sebagai berikut :
           
           Gambar 4.4.1 Dokumentasi HTML Dengan Javadoc
           
           4.4.2 Konstan Perhatikan 2 (dua) contoh kode di bawah ini : Program : Volume.java public class Volume { public static void main(String[] args) { int bottles = 4; int cans = 10; double total = bottles*2+ cans*0.35; System.out.print(“Total Volume : “); System.out.print(total); System.out.println(“ liters”); } }
           
           A
           
           public class Volume { public static void main(String[] args) { final double BOT_VOL = 2; final double CAN_VOL = 0.35; int bottles = 4; int cans = 10; double total = bottles*BOT_VOL + cans*CAN_VOL; System.out.print(“Total Volume : “); System.out.print(total); System.out.println(“ liters”); } } B
           
           Nilai konstan pada program A tidak diberikan nama, sedangkan pada program B nilai 2 dan 0.35 diberi nama BOT_VOL dan CAN_VOL. Variable BOT_VOL dan CAN_VOL dideklarasi dengan memberikan tipe data final. Deklarasi dengan tipe data final menyebabkan nilai variable tidak bisa berubah setelah diinisialisasi. LSP Telematika Indonesia
           
           121
           
           Umumnya programmer menggunakan huruf besar untuk konstan yang memiliki tipe final untuk membedakannya dengan
           
           variable biasa.
           
           Selain itu, deklarasi
           
           variable final tidak harus langsung diinisialisasi. Variable seperti ini dinamakan blank final : final double BOT_VOL; final double CAN_VOL; BOT_VOL = 2.0; CAN_VOL = 0.35; Setelah blank final diinisialisasi maka nilainya tidak dapat diubal lagi sepanjang program. Dengan memberikan nama pada konstan maka program yang kita buat akan lebih mudah dibaca dan diubah. Seandainya program Volume.java yang A, konstan 2 diubah menjadi 5 maka kita harus mengubah setiap nilai 2 yang ada di program
           
           4.4.3
           
           String
           
           String adalah sebarisan karakter yang diawali dan diakhiri oleh tanda kutip (”), contohnya ”Hello”.
           
           Variable dapat dideklarasikan dan diinisialisasi dengan tipe
           
           string : String name = ”John”; Selain itu assigment string pada variable juga dapat dilakukan : name = ”Carl”; Panjang string adalah jumlah karakter string tersebut, Contoh : panjang string ”computer” adalah 8 (delapan). Kita dapat memperoleh panjang string dengan menggunakan method length. int n = name.length(); String yang panjangnya 0 (nol) dinamakan string kosong. Berbeda dengan angka, string
           
           merupakan
           
           sebuah
           
           objek
           
           sehingga
           
           string
           
           dapat
           
           digunakan
           
           untuk
           
           memanggil method. Operasi-operasi yang dapat dilakukan dengan string diantaranya adalah substring dan concatenation. Berikut ini adalah penjelasan untuk setiap operasi string: a. Substrings Sebuah string dapat diambil karakter-karakter didalamnya. Hal ini dapat dilakukan dengan menggunakan substring : s.substring(start, pastEnd) Operasi tersebut akan mengembalikan karakter-karakter dalam string s, dimulai dari posisi start hingga karakter sebelum posisi pastEnd. Contoh : LSP Telematika Indonesia
           
           122
           
           String greeting = ”Hello, World”; String sub = greeting.substring(0,4); // sub = ”Hell” Operasi substring pada greeting akan mengambil 4 (empat) huruf pada greeting Posisi 0 (nol) berarti posisi awal string, posisi selanjutnya adalah 1 (satu) dan seterusnya : H 0
           
           e 1
           
           l 2
           
           l 3
           
           0 4
           
           , 5
           
           6
           
           W 7
           
           o 8
           
           r 9
           
           l 10
           
           d 11
           
           ! 12
           
           Posisi karakter terakhir selalu 1 (satu) dikurangi panjang string. b. Concatenation Operasi string akan memisahkan string, tetapi operasi concatenation akan menggabungkan digabungkan
           
           string.
           
           menjadi
           
           Contohnya
           
           sebuah
           
           string
           
           :
           
           ”white”
           
           yang
           
           dan
           
           panjang
           
           ”house”, dengan
           
           bisa
           
           operasi
           
           concatenation, String fname = ”white”; String lname = ”house”; String name = fname + lname; Operasi + merupakan operasi concatenation. Hasil string name adalah “whitehouse”, jika ingin menambahkan spasi diantaranya dapat dilakukan dengan cara : String name = fname + “ “ +lname; Hasil string name adalah “white hause”. Dalam ekspresi, jika bagian sebelah kiri atau kanan operator + merupakan sebuah string maka posisi lainnya akan dipaksa menjadi sebuah string, kemudian dilakukan operasi concatenation. Contoh : String a = ”Agent”; int n = 7; String bond = a + n; Karena a adalah sebuah string maka n diubah dari integer 7 (tujuh) menjadi string ”7”. Kemudian kedua string digabungkan menjadi string ”Agent7”.
           
           LSP Telematika Indonesia
           
           123
           
           4.4.4 Tipe Data Primitif Tipe data primitif akan menghasilkan nilai yang sama di berbagai platform komputer yang mendukung Java. Berikut ini adalah tabel dari tipe data primitif Java : Tabel 4.4.4.1 : Tipe Data Primitif
           
           Tipe boolean char byte short int
           
           Bit 1 16 8 10 32
           
           Nilai True atau false ’\u0000’ hingga ’\uFFFF’ -128 hingga +128 -32708 hingga +32707 -2147483648 hingga +2147483647
           
           long
           
           64
           
           float
           
           32
           
           double
           
           64
           
           -9223372036854775808647 hingga +9223372036854775807 Negatif : -340282347E+38 hingga 140120846E-45 Positif : 140129846E-45 hingga 340282347E-45 Negatif : -17976931348623157E+308 hingga -49406564584124654E-324 Positif 49406564594124654E-324 hingga
           
           Contoh boolean a=true; char a = ”a”; byte a = 10; short a = 10;
           
           17976931348623157E+308
           
           4.4.5 Array Array adalah sekumpulan lokasi memori yang letaknya berurutan. Setiap lokasi memori memiliki nama yang sama serta tipe data yang sama. c adalah nama array Æ
           
           angka yang ada didalam simbol [] adalah indeks
           
           c[0] c[1] c[2] c[3] c[4] c[5] c[6]
           
           -45 6 0 72 1543 -89 0
           
           Indeks menunjukkan posisi nilai dalam array. Indeks berupa integer atau ekspresi integer, contoh : a = 1; b=2; c[a+b] = += 2; c.length akan menghasilkan jumlah elemen dalam array. Array adalah sebuah objek yang menempati memori secara berurutan. Perhatikan kode di bawah ini : a. int c[] = new int[ 12 ]; sama dengan : int c[]; LSP Telematika Indonesia
           
           124
           
           c = new int[ 12 ]; b. int c[] = { -45, 6, 0, 72, 1543, -89, 0 }; c. String a[][] = new String[1][2]; d. String a = {{”apa”, ”ini”}}; (a) adalah kode untuk deklarasi array satu dimensi. Ketika mendeklarasi array, kita juga menentukan jumlah elemen dari array. (c) adalah koden untuk mendeklarasi array 2 dimensi. simbol [] yang pertama menunjukkan baris, sedangkan simbol [] yang kedua menunjukkan kolom. [1][2] berarti array terdiri dari 1 kolom dan 2 baris. (c), (d) adalah deklarasi sekaligus inisialisasi array.
           
           4.5 Method, Variabel dan Kelas Untuk memahami konsep kelas dan method, kita akan gunakan bank sebagai analogi. Operasi-operasi yang dapat dilakukan di bank diantaranya adalah menarik uang, menyetor uang dan meminta informasi saldo. Dalam java, semua operasi itu digambarkan dengan pemanggilan method. Misalnya, kita punya objek myCheckingAccount dengan tipe BankAccount, kita dapat melakukan operasi : myCheckingAccount.deposit(2000); myCheckingAccount.withdraw(500); System.out.println(”Balance: ” + myCheckingAccount.getBalance()); Method deposit, withdraw dan getBalance membentuk perilaku dari kelas. Perilaku kelas adalah sekumpulan method-method yang dapat digunakan objek. Selanjutnya, kita akan mempelajari cara untuk membuat objek. Variable objek adalah sebuah reference ke objek. Seandainya, kita mendeklarasi variable objek : BankAccount myAccount; Variabel objek ini tidak menunjuk ke objek apapun. Untuk itu, kita perlu melakukan inisialisasi terhadap variable itu. Untuk melakukan inisialisasi objek, kita perlu membuat objek dari kelas BankAccount, dengan cara : new BankAccount(); Agar dapat menggunakan objek maka perlu melakukan assign ke reference objek: BankAccount myCheckingAccount = new BankAccount();
           
           LSP Telematika Indonesia
           
           125
           
           4.5.1 Mendefinisikan Method Untuk mendeskripsikan perilaku dari objek maka kita perlu membuat kelas. Contoh : public class BankAccount { BankAccount methods BankAccount data } Sebelumnya kita telah mendefinisikan 3 (tiga) method : Public class BankAccount { public void deposit(double amount) { method implementation } public void withdraw(double amount) { method implementation } public void getBalance() { method implementation } BankAccount data } Kita akan mulai dari header method. Header method terdiri dari : •
           
           Access specifier (contoh : public)
           
           •
           
           Return type ( double atau void)
           
           •
           
           Nama method (contoh deposit)
           
           •
           
           Parameter
           
           Access specifier akan mengontrol method-method yang dapat memanggil method ini. Return type adalah tipe nilai yang dihitung method tersebut. Sedangkan parameter
           
           adalah
           
           input
           
           dari
           
           method.
           
           Apabila
           
           sebuah
           
           method
           
           tidak
           
           mengembalikan nilai maka gunakan tipe void. Method dengan nama yang sama tetapi memiliki parameter yang sama dinamakan overloading, contoh : print(int n) { }; print(String b) { }; Cara pemanggilan method ada 2 (dua) cara, tergantung siapa yang memanggil method. Jika method dipanggil oleh kelas lain maka : implicitParameter.namaMethod(explicitParameter); implicit parameter adalah variable objek untuk kelas tempat method berada sedangkan explicit parameter adalah nilai parameter dari method. Jika method dipanggil oleh method lain dalam kelas yang sama : namaMethod(explicitParameter); LSP Telematika Indonesia
           
           126
           
           Method yang dapat mengakses objek dan mengembalikan informasi mengenai objek itu, tanpa mengubah objek dinamakan accessor method. Sebaliknya method yang dapat mengubah state dari objek dinamakan mutator method. Contoh : pada kelas BankAccount, method deposit/withdraw mutator method sedangkan
           
           method
           
           getBalance
           
           adalah
           
           accessor
           
           method.
           
           Beberapa
           
           kelas
           
           dirancang sedemikian hingga hanya memiliki accessor method. Kelas yang demikian dinamakan immutable, contohnya kelas String. Ada method yang tidak membutuhkan implicit parameter. Method yang demikian dinamakan method static atau class method. Contoh method ini adalah method sqrt dari kelas Math. Saat memanggil method sqrt – Math.sqrt(x) – kita tidak memerlukan implicit parameter, Math adalah nama kelas. Method jenis ini dibuat umumnya dengan tujuan untuk menyembunyikan perhitungan yang melibatkan angka. Beberapa contoh method pada kelas Math adalah Math.floor() Æ menghasilkan nilai pembulatan kebawah, mis : Math.floor(4,6) adalah 4. Math.ceil() Æ menghasilkan nilai pembulatan keatas, mis : Math.ceil(4,6) adalah 5. Math.min(a,b) Æ menghasilkan nilai minimum dari 2 angka dan Math.round(a) Æ menghasilkan nilai pembulatan kebawah dari a + 0.5 Java telah menyediakan kelas-kelas yang dapat digunakan untuk membantu kita dalam
           
           membuat
           
           program.
           
           Kelas-kelas
           
           yang
           
           telah
           
           dibuat
           
           dapat
           
           dilihat
           
           selengkapnya di API yaitu javadoc dari semua kelas buatan Java. Untuk menggunakan kelas-kelas tersebut kita menggunakan keyword import yang ditulis di awal program. Perhatikan contoh dibawah ini : import java.io.*; import java.awt.Color; statement pertama mengatakan bahwa kita akan menggunakan kelas-kelas dari paket java.io tetapi kita hanya mengetahui tempat kelas itu berada dan bukan nama kelasnya, sedangkan pada statement yang kedua, kita telah mengetahui nama kelas yang akan digunakan yaitu Color yang berada di paket java.awt.
           
           4.5.2
           
           Instance Variable
           
           Setiap objek memiliki sekumpulan nilai-nilai yang mendeskripsikan objek tersebut dan mempengaruhi reaksi objek ketika dipanggil (state). Tiap objek menyimpan state pada satu atau lebih instance variable. {
           
           Public class BankAccount …… Private double balance;
           
           LSP Telematika Indonesia
           
           127
           
           } Deklarasi instance variable terdiri dari : •
           
           Access Specifier ( contoh : private )
           
           •
           
           Tipe variable ( contoh : double )
           
           •
           
           Nama Variable (Contoh : balance )
           
           Umumnya, instance variable dideklarasikan sebagai private, yang artinya bahwa instance-instance tersebut hanya dapat diakses oleh method yang berada pada kelas yang sama.
           
           4.5.3
           
           Constructor
           
           Constructor mempunyai nama yang sama dengan nama kelas, dan umumnya dideklarasi sebagai public sehingga memungkinkan kode apapun dalam program untuk membuat objek dari kelas ini. Selain itu, constructor tidak memiliki return type. Constructor digunakan untuk melakukan inisialisasi pada instance varianle. public class BankAccount { public BankAccount() { balance = 0; } ….. } Constructor yang baru kita buat dinamakan default constructor, constructor yang tidak memiliki parameter. Constructor bukanlah method. Kita tidak dapat memanggil constructor dengan objek : myCheckingAccount.BankAccount();
           
           // error
           
           Perhatikan kode dibawah ini : BankAccount myAccount = new BankAccount(); Kode
           
           tersebut
           
           akan
           
           melakukan
           
           inisialisasi
           
           instance
           
           variable
           
           pada
           
           kelas
           
           BankAccount dengan nilai 0 (nol). Banyak kelas-kelas yang memiliki lebih dari 1 (satu) constructor. Contoh : public class BankAccount { public BankAccount() { balance = 0; } ….. } dan
           
           public class BankAccount { public BankAccount(double initialBalance) { balance = initialBalance; } ….. }
           
           LSP Telematika Indonesia
           
           128
           
           Constructor atau method yang demikian dinamakan overloaded. Compiler mencari tahu method mana yang dipanggil dengan melihat parameter.
           
           4.5.4
           
           Kelas
           
           Didalam
           
           kelas
           
           terdapat
           
           sekumpulan
           
           method
           
           dan
           
           variable.
           
           Bagaimana
           
           menemukan kelas? Contoh : Buat sebuah program yang meminta input user untuk memasukkan koin dalam dompet kemudian mencari total uang dalam dompet. Kandidat dari kelas yang dapat dibuat adalah kelas coins dan purse. Sedangkan kandidat untuk method adalah tambahKoin dan hitungTotal. Misalkan kita hendak membuat kelas baru yang dapat menggunakan method serta variabel yang tidak private dari kelas yang sudah ada sebelumnya. Kita dapat melakukan hal ini dengan meng-extend kelas yang sudah ada. Konsep ini dinamakan inheritance. Kelas yang lebih umum, yang akan di-ekstend dinamakan superclass sedangkan kelas yang meng-ekstend dinamakan subclass. Perhatikan contoh di bawah ini : public class RekeningTabungan extends RekeningBank { public RekeningTabungan(double bunga) { sukuBunga = bunga; } public void hitungBunga() { double sb = getBalance() * sukuBunga/100; tabung(bunga); } private double sukuBunga; } Method hitungBunga memanggil method getBalance serta tabung yang ada pada superclass-nya. Pemanggilan method tersebut sebenarnya menggunakan objek this yaitu objek yang menunjuk pada kelas yang memanggil. public class RekeningTransaksi ekstend RekeningTabungan { public void tabung(double uang) { super.tabung(uang); } } Method tabung pada kelas RekeningTransaksi memanggil method tabung pada kelas RekeningTabungan yang menjadi superclass-nya, pemanggilan ini ditandai dengan keyword super. Hal ini dikarenakan superclass dan subclass memiliki nama method yang sama dan subclass memanggil method tersebut. Di Java pemanggilan
           
           method
           
           ditentukan
           
           oleh
           
           objek
           
           yang
           
           sedang
           
           memanggilnya.
           
           Perhatikan kode di bawah ini : public void transfer(RekeningBank rb, double uang) { LSP Telematika Indonesia
           
           129
           
           tarikUang(uang); rb.tabung(uang); } kemudian : RekeningBank cf = ...; RekeningTransaksi rekSaya = ...; cf.transfer(rekSaya, 1000); Perhatikan bahwa di kelas RekeningBank dan kelas RekeningTransaksi memiliki method
           
           tabung.
           
           Ketika
           
           statement
           
           cf.transfer(rekSaya,
           
           1000)
           
           dieksekusi,
           
           dilakukan pemanggilan method tabung. Method tabung dari kelas mana yang dipanggil? pemanggilan method tabung dari method transfer dilakukan dengan objek yang ada di parameter. rekSaya adalah objek kelas RekeningTransaksi yang meng-ekstend kelas RekeningBank, maka kelas RekeningTransaksi bisa dikatakan sebagai kelas RekeningBank, selain itu rekSaya yang ada di parameter maka method yang dipanggil adalah method tabung di kelas RekeningTransaksi. Konsep ini dinamakan polimorfisme. Bagaimana seandainya kita hendak meng-ekstend lebih dari satu kelas. Kita dapat menggunakan interface. Interface mirip dengan kelas biasa dengan beberapa pengecualian : ƒ
           
           interface tidak memiliki instance variable
           
           ƒ
           
           semua method dalam interface bertipe abstract, yaitu method-method tersebut
           
           memiliki
           
           nama,
           
           parameter
           
           dan
           
           return
           
           typr
           
           tapi
           
           tidak
           
           diimplementasikan. ƒ
           
           semua method di interface adalah public.
           
           Sebagai contoh, paket java.lang mendefinisikan interface Comparable sebagai berikut : public interface Comparable { int compareTo(Object other); } Penggunaan interface ini : public class RekeningTabungan extend RekeningBank implement Comparable { ... // Deklarasi method sebagai public public int compareTo(Object other) { statement; } } Interfase bukanlah sebuah kelas untuk itu kita tidak bisa membuat objek dari interface. Seandainya kita membuat method yang tidak diimplementasikan kelas,
           
           ketika
           
           kita hendak meng-ekstend kelas tersebut maka kita akan mewarisi method yang LSP Telematika Indonesia
           
           130
           
           tidak melakukan apapun. Hal ini tentu tidak diinginkan, untuk itu Java membuat abstract kelas. Kelas Abstract memiliki method yang tidak diimplementasikan, contoh : public abstract class RekeningBank { public abstract void pajakTabungan(); ... } Kita tidak bisa membuat objek dari kelas abstract. Jika kita membuat kelas abstract maka kita harus membuat subclass yang akan mengimplementasikan method abstract. RekeningBank rekening; rekening = new RekeningBank(); // Error – RekeningBank is abstract rekening = new RekeningTabungan(); rekening = null;
           
           4.5.5
           
           Paket (Package)
           
           Paket adalah kumpulan kelas yang berhubungan. Library Java terdiri dari paketpaket, beberapa diantaranya ada di tabel 4.5.5.1 di bawah ini : Tabel 4.5.5.1 : Paket dalam Library Java
           
           Paket java.util java.io java.awt java.net javax.swing omg.org.CORBA
           
           Purpose Utility input dan output Abstract Windowing Toolkit Jaringan Swing User Interface objek terdistribusi
           
           Contoh Kelas Random PrintStream Color Socket Jbutton ORB
           
           Untuk meletakkan kelas dalam sebuah paket, kita harus menulis kode : package nama_paket sebagai statement paling awal di kelas. Contoh : package com.horstmann.ccj; import java.io.InputStream; inport java.io.InputStreamReader; public class NamaKelas { ... } Untuk menggunakan kelas dari sebuah paket, kita harus menuliskan nama paket dan nama kelasnya, contoh : import java.awt.Color; import com.horstman.ccj.NamaKelas; Kita dapat mengimport semua kelas dalam paket dengan statement inport yang diakhiri dengan (.*.), contoh : import java.awt.*; LSP Telematika Indonesia
           
           131
           
           Paket java.lang mengandung kelas-kelas java yang dasar seperti Math dan Object dan selalu tersedia sehingga tidak perlu di-import.
           
           4.6 Flow Control Flow kontrol digunakan untuk melakukan pengulangan. pada subbab ini kita akan mempelajari flow kontrol for, while, do...while serta switch...case.
           
           4.6.1 for Untuk menggunakan flow kontrol for, kita harus menentukan nilai awal, kondisi pengulangan serta perubahan kondisi. Sintaks untuk for adalah : for (ekspresi1; ekspresi2; ekspresi3) statement; cara penulisan yang lain : ekspresi1; while(ekspresi2) { statement; ekspresi3; } Contoh kode : for(int counter=1; counter <= 10; conter++) for(int i=100; I >= 1; i--) for(int i=7; I <= 77; i += 7)
           
           4.6.2 while dan do..while Sintaks untuk while adalah : while(kondisi) { statement; } Statement akan dijalankan selama
           
           kondisi
           
           terpenuhi.
           
           Sedangkan
           
           sintaks
           
           do...while adalah : do { statement; } while (kondisi) Flow Kontrol do...while akan menjalankan statement minimal sekali, jika kondisi while terpenuhi maka statement akan terus dijalankan.
           
           4.6.3 switch…case Flow kontrol ini digunakan untuk melakukan pemilihan dari beberapa kondisi.
           
           LSP Telematika Indonesia
           
           132
           
           Gambar 4.6.3.1 Struktur Switch...Case
           
           Contoh kode penggunaan switch...case : statement; switch(var_a) : case nilai_1: System.out.println(“I”): break; case nilai_2 : System.out.println(“2”): break; default : System.out.println(“0”): break; statement; nila1_1, nilai_2 adalah kemungkinan nilai dari var_a. Keyword break digunakan untuk keluar dari flow kontrol terdekat. Pada kode di atas, jika telah berada pada sebuah case maka langkah selanjutnya adalah menjalankan aksi case lalu keluar dari switch..case dan menjalankan statement diluar flow kontrol switch...case.
           
           4.7 Applet Applet adalah program java yang berjalan dalam web browser. Sebuah website yang hendak mengandung kode applet, meletakkan kode applet di web server dan men-download-nya untuk dapat menampilkannya. Dengan demikian, anda tidak harus berada di komputer anda untuk dapat menampilkan applet. Untuk menampilkan applet, kode applet harus di-download terlebih dahulu, apabila koneksi
           
           internet
           
           lambat
           
           maka
           
           akan
           
           menghabiskan
           
           banyak
           
           waktu
           
           untuk
           
           menampilkanya. Karena alasan itulah maka applet yang kompleks jarang ada di web page.
           
           LSP Telematika Indonesia
           
           133
           
           Web browser dapat berjalan di berbagai platform. Applet dapat berjalan dalam web browser maka applet seharusnya juga dapat dieksekusi di berbagai platform. Applet akan diterjemahkan menjadi java bytecode sehingga komputer atau peralatan yang dapat menjalankan java bytecode akan dapat menjalankan applet. Yang membedakan applet dengan kelas java biasa adalah method main. Pada applet tidak ada method main. Yang akan menjalankan java virtual manchine adalah web browser. Pengganti method main adalah method paint, init dan stop, yang langsung dipaggil oleh web browser ketika program applet dieksekusi. Selain itu, method-method ini harus didefinisikan ulang pada kelas-kelas yang meng-ekstend kelas Applet.
           
           4.6.1
           
           Membuat Applet Sederhana
           
           Pada bagian ini akan dicontohkan pembuatan applet yang sederhana. Applet yang dibuat akan menampilkan kotak. Untuk membuat applet ini dibutuhkan sebuah file HTML dengan tag
           
           APPLET.
           
           Berikut ini adalah kode program java untuk
           
           menggambar kotak. Program : RectangleApplet.java import import import import
           
           java.applet.Applet; java.awt.Graphics; java.awt.Graphics2D; java.awt.Rectangle;
           
           public kelas RectangleApplet extends Applet { public void paint(Graphics g) { Graphics2D g2 = (Graphics2D)g; Rectangle kotak = new Rectangle(5, 10, 20, 30); g2.draw(kotak); kotak.translate(15, 25); }
           
           g2.draw(kotak);
           
           } Sebuah Applet dikodekan seperti program java yang biasa. Kelas applet dideklarasikan
           
           public
           
           dan
           
           meng-extends
           
           Applet.
           
           Hal
           
           in
           
           berarti
           
           kelas
           
           RectangleApplet mempunyai sifat seperti kelas Applet.
           
           LSP Telematika Indonesia
           
           134
           
           Kelas RectangleApplet hanya memiliki 1 (satu) method yaitu method paint. Window manager akan memanggil method ini kapan saja permukaan applet perlu digambar. Pada saat permulaan applet tentunya permukaan applet perlu digambar. Apabila user mengunjungi web page yang lain lalu kembali ke web page yang mengandung applet maka permukaan applet akan digambar kembali. Method paint menerima objek Graphics. Objek ini menyimpan state graphic : warna, huruf dan lainnya yang digunakan untuk melakukan operasi menggambar. Untuk menggambar, objek Graphics diubah menjadi objek dari kelas Graphics2D. Alasan pengubahan objek tersebut dikarenakan pada awal versi java, kelas Graphics
           
           tidak
           
           menggunakan
           
           pendekatan
           
           objek
           
           oriented.
           
           Beberapa
           
           lama
           
           kemudian, para programmer membutuhkan paket graphics yang lebih baik karena itulah para pendesain Java membuat kelas Graphics2D. Karena tidak ingin menganggu kelas-kelas yang menggunakan simple graphics maka method paint tidak diubah tetapi membuat kelas graphics meng-ekstend graphics2D. Saat window
           
           manager
           
           memanggil
           
           method
           
           paint,
           
           sebenarnya
           
           parameternya
           
           dilemparkan ke kelas Graphics2D Untuk menampilkan Applet, dibutuhkan program HTML selain program Java. Berikut ini adalah file HTML dari kelas RectangleApplet. Program : RectangleApplet.html Seperti file HTML pada umumnya, file HTML untuk applet dapat juga mengandung tag-tag HTML.Penamaan HTML tidak harus sama dengan program java untuk applet tersebut. Untuk memudahkan sebaiknya file HTML dan program java untuk applet memiliki nama yang sama. Untuk menjalankan applet digunakan perintah applet viewer. applet viewer adalah sebuah program dalam Java Development Kit dari Sun Microsystem. Caranya dengan menulis nama file HTML applet setelah perintah applet viewer. appletviewer RectangleApplet.html Appletviewer akan membuka window baru untuk tiap applet dalam file HTML. Berikut ini adalah tampilan dari applet RectangleApplet :
           
           LSP Telematika Indonesia
           
           135
           
           Gambar 4.6.1.1 RectangleApplet
           
           4.6.2
           
           Menggambar Bentuk Grafis Pada Applet
           
           Pada subbab 5.2 kita belajar membuat applet yang menampilkan gambar kotak, yang merupakan salah satu dari bentuk grafis. Pada bagian ini kita akan menggambar bentuk grafis yang lain yaitu elips dan garis. Untuk membuat elips, pertama kali kita membuat persegi panjang dengan menentukan koordinat x dan y di posisi kiri atas, tinggi serta panjang dari persegi panjang. Kelas yang disediakan java untuk membuat elips adalah Ellips2D.float dan Ellips2D.double tergantung pada nilai
           
           float atau double dari koordinat.
           
           Dalam subbab ini, kita akan menggunakan kelas Ellipas2D.double. Berikut ini adalah contoh pembuatan objek ellips Ellips2D.Double elips = new Ellips2D.Double(5,10,15,20) Penamaan kelas Ellips agak berbeda dengan kelas java pada umumnya karena karakter titk (.), ini menandakan bahwa kelas Ellips2D.Double merupakan kelas didalam kelas Ellips2D. Untuk menggunakan kelas ini maka kita harus import kelas Ellips dengan kode import java.awt.geom.Ellips; Sama seperti menggambar Rectangle pada subbab sebelumnya, menggambar ellips dengan menggunakan method draw; g2.draw(elips); Untuk menggambar lingkaran, hanya dengan mengeset nilai panjang dan lebar dengan nilai yang sama; Ellips2D.Double
           
           lingkaran
           
           =
           
           new
           
           Ellips2D.Double(5,10,diameter,
           
           diameter); g2.draw(lingkaran); LSP Telematika Indonesia
           
           136
           
           Untuk objek lingkaran, koordinat (x,y) menunjuk pada titik tengah lingkaran. Untuk menggambar kelas, java menyediakan kelas Line2D.Double. Garis dibuat dengan menetukan titik awal dan titik akhir dari garis. Untuk menggambar garis dapat dilakukan dengan 2 (dua) cara, yang pertama dengan cara memasukkan titik awal dan akhir sebagai parameter, contoh kodenya adalah : Line2D.Double garis = new Line2D.Double(x1, y1, x2, y2); Cara yang kedua dengan cara membuat 2 (dua) objek kelas Point2D.Double kemudian memasukkan kedua objek tersebut dalam parameter, contoh kodenya adalah : Point2D.Double awal = new Point 2D.Double(x1, y1); Point 2D.Double akhir = new Point 2D.Double(x2, y2); Line2D.Double garis = new Line2D.Double(awal, akhir); Berikut ini adalah contoh kode untuk menggambar berbagai bentuk grafis pada applet : Program : Shapes.java import import import import import import import
           
           java.applet.Applet; java.awt.Graphics; java.awt.Graphics2D; java.awt.Rectangle; java.awt.geom.Ellipse2D; java.awt.geom.Line2D; java.awt.geom.Point2D;
           
           public kelas Shapes extends Applet { public void paint(Graphics g) { Graphics2D g2 = (Graphics2D)g; // Buat objek dari kelas Rectangle untuk membuat kotak Rectangle body = new Rectangle(100, 110, 60, 10); // Buat objek dari kelas Ellipse2D.Double Ellipse2D.Double frontTire = new Ellipse2D.Double(110, 120, 10, 10); Ellipse2D.Double backTire = new Ellipse2D.Double(140, 120, 10, 10); // Buat objek dari kelas Point2D.Double Point2D.Double r1 = new Point2D.Double(110, 110); Point2D.Double r2 = new Point2D.Double(120, 100); Point2D.Double r3 = new Point2D.Double(140, 100); Point2D.Double r4 = new Point2D.Double(150, 110); // Buat objek dari kelas Line2D Line2D.Double g1 = new Line2D.Double(r1, r2); Line2D.Double g2 = new Line2D.Double(r2, r3); Line2D.Double g3 = new Line2D.Double(r3, r4); // Gambar pada applet LSP Telematika Indonesia
           
           137
           
           g2.draw(body); g2.draw(frontTire); g2.draw(backTire); g2.draw(g1); g2.draw(g2); g2.draw(g3); // Gambar tulisan di posisi yang ditentukan g2.drawString("Applet Mobil", 100, 150); } } File HTML yang digunakan untuk melengkapi program diatas adalah : Cara menjalankan program : 1. Compile
           
           dengan
           
           cara
           
           javac
           
           Shapes.java.
           
           Langkah
           
           ini
           
           akan
           
           menghasilkan sebuah file Shapes.kelas yang akan digunakan di file HTMl. 2. Jalankan applet dengan cara appletviewer Shapes.html Setelah langkah-langkah dilakukan maka applet yang dihasilkan seperti gambar 2.6.2.1 di bawah ini.
           
           Gambar 4.6.2.1 Applet Shapes
           
           4.6.3
           
           Warna
           
           Semua penggambaran bentuk sebelumnya berwarna hitam. Kita dapat mengubah warnanya dengan menggunakan objek Color. Java menggunakan model warna RGB. Model ini menentukan warna baru berdasarkan kadar warna merah, hijau dan biru dalam warna baru tersebut. Kadar warna berupa nilai float dan besarnya dari 0.0F hingga 1.0F. Contoh penggunaan kelas Color : LSP Telematika Indonesia
           
           138
           
           Color magenta = new Color(1.0F, 0.0F, 1.0F); Kita dapat mengubah warna dengan menggunakan method setColor. Berikut ini adalah contoh kode RectangleApplet dengan menggunakan warna : import import import import
           
           java.applet.Applet; java.awt.Graphics; java.awt.Graphics2D; java.awt.Rectangle;
           
           public kelas RectangleApplet extends Applet { public void paint(Graphics g) { Graphics2D g2 = (Graphics2D)g; Rectangle kotak = new Rectangle(5, 10, 20, 30); g2.draw(kotak); kotak.translate(15, 25); g2.setColor(Color.red); // Set warna merah g2.draw(kotak); // gambar kotak yang berwarna merah } } Jika isi kotak ingin berwarna, maka gunakan method fill. Contoh : g2.fill(kotak); Method fill akan mengisi objek yang menjadi parameternya dengan warna yang telah ditentukan sebelumnya. Berikut ini adalah tabel dari warna serta nilai RGB : Tabel 4.6.3.1 : Tabel Warna
           
           Warna Color.black Color.blue Color.cyan Color.gray Color.darkGray Color.lightGray Color.green Color.magenta Color.orange Color.pink Color.red Color.white Color.yellow
           
           4.7
           
           Nilai RGB 0.0F, 0.0F, 0.0F (#000000) 0.0F, 0.0F, 1.0F 0.0F, 1.0F, 1.0F 0.5F, 0.5F, 0.5F 0.25F, 0.25F, 0.25F 0.75F, 0.75F, 0.75F 0.0F, 1.0F, 0.0F 1.0F, 0.0F, 1.0F 1.0F, 0.8F, 0.0F 1.0F, 0.7F, 0.7F 1.0F, 0.0F, 0.0F (#FF0000) 1.0F, 1.0F, 1.0F (#FFFFFF) 1.0F, 1.0F, 0.0F
           
           SWING
           
           Setiap aplikasi grafis ditampilkan di frame window, lihat gambar 4.7.1.
           
           LSP Telematika Indonesia
           
           139
           
           Gambar 4.7.1 Frame Window
           
           Sebuah
           
           frame
           
           menampilkan
           
           window frame,
           
           terdiri
           
           digunakan
           
           dari
           
           sebuah
           
           kelas
           
           border
           
           JFrame
           
           yang
           
           dan
           
           title
           
           berada
           
           bar.
           
           Untuk
           
           pada
           
           paket
           
           javax.swing. Sebelum menggunakan swing, java menggunakan komponen dalam AWT (Abstract windowing Toolkit) untuk aplikasi grafis. Komponen AWT dan Swing multiplatform, dapat berjalan di berbagai sistem operasi tanpa adanya perubahan. AWT menggunakan komponen interface (tombol, textfield, menu, dll) milik platform yang sedang digunakan. Cara ini tidak berjalan dengan baik karena banyak timbul kesalahan. Cara yang digunakan swing berbeda dengan AWT, swing
           
           menggambar
           
           setiap
           
           komponen
           
           sehingga
           
           lambat
           
           tetapi
           
           konsisten.
           
           Walaupun demikian, swing tetap menggunakan beberapa bagian dari AWT, seperti bagian untuk menggambar dan menangani events. Kelas-kelas swing berada dalam paket javax.swing. Perhatikan kode dibawah ini : Program : FrameTest.java import javax.swing.JFrame; public class FrameTest extends JFrame { public static void main(String[] args) { EmptyFrame f = new EmptyFrame(); // Buat objek frame f.setTitle("Frame Test"); f.show(); } } class EmptyFrame LSP Telematika Indonesia
           
           140
           
           {
           
           public EmptyFrame() { final int WIDTH = 300; // ukuran frame final int HEIGHT = 300; setSize(WIDTH,HEIGHT); }
           
           } Kode ini akan menghasilkan tampilan pada gambar 5.1.1. Berbeda dengan applet, aplikasi ini memiliki method main. Method main pada kelas ini membuat objek FramteTest lalu memanggil method show untuk menampilkan graphical user interface (GUI) dan memulai thread baru sedangkan thread main selesai. Akibatnya program terus berjalan karena thread interface masih berjalan, walaupun icon close pada title bar telah dipilih. Untuk mematikan program ini harus dilakukan secara manual. Dalam sistem operasi windows atau UNIX, cara mematikan manual dengan menekan tombol Ctrl + C di console. Jika kita ingin mematikan program saat ditekan tombol close pada title bar. Maka kita harus meng-install event handler yang dipanggil ketika user memilih icon close. Untuk mengetahui kapan user akan mematikan program digunakan window event. Ada 7 (tujuh) window event pada java : 1. Window yang terbuka untuk pertama kali 2. Window yang tertutup karena method dispose 3. Window yang sedang aktif ( karena user menekan didalamnya) 4. Window yang tidak diaktifkan ( karena user menekan window yang lain) 5. Window dalam bentuk minimize ( karena user menekan icon minimize) 6. Window dalan bentuk semual ( karena user menekan icon minimize pada window yang minimize); 7. Window yang ditutup oleh user ( karena user menekan icon close ) Agar event dari window dapat ditangkap, maka objek window listener harus ditambahkan pada GUI. Objek window listener harus meng-implement interface WindowListener, yang memiliki 7 (tujuh) method : public interface WindowListener { void windowOpened(WindowEvent e); void windowClosed(WindowEvent e); void windowActivated(WindowEvent e); void windowDeactivated(WindowEvent e); void windowIconified(WindowEvent e); void windowDeiconified(WindowEvent e); LSP Telematika Indonesia
           
           141
           
           void windowClosing(WindowEvent e); } Program sederhana yang hendak kita buat tidak perlu tahu event-event lainnya. JFrame telah menangani event window yang lain. Agar program dapat mati ketika user close window maka kita harus meng-install window listener pada GUI yang didalamnya ada event untuk menutup window. Interface WindowListener merupakan salah satu penangkap event yang memiliki banyak method. Cara yang lebih sederhana dengan menggunakan kelas WindowAdapter.
           
           Kelas
           
           ini
           
           meng-implement
           
           ketujuh
           
           method
           
           dalam
           
           WindowListener dengan method kosong. Kita tinggal meng-ekstend kelas WindowAdapter ke kelas yang kita namakan WindowCloser : Class WindowCloser extends WindowAdapter { Public void windowClosing(WindowEvent event) { System.exit(0); } } Langkah selanjutnya adalah menambahkan objek WindowCloser pada GUI dan memanggil method addWindowListener .
           
           Program : FrameTest2.java import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import javax.swing.JFrame; public class FrameTest2 { public static void main(String[] args) { EmptyFrame frame = new EmptyFrame(); frame.setTitle("Close me!"); frame.show(); } } class EmptyFrame extends JFrame { public EmptyFrame() { final int WIDTH = 300; final int HEIGHT = 300; setSize(WIDTH, HEIGHT); WindowCloser listener = new WindowCloser(); addWindowListener(listener); } LSP Telematika Indonesia
           
           142
           
           private class WindowCloser extends WindowAdapter { public void windowClosing(WindowEvent event) { System.exit(0); } } } Dengan demikian maka program akan mati ketika icon close ditekan user.
           
           4.7.1 Menambahkan Komponen Pada Frame Untuk menambahkan komponen pada GUI maka komponen tersebut ditempatkan di komponen lain lalu menambahkan komponen ini ke GUI. Swing menyediakan komponen JPanel untuk keperluan itu. Menggambar pada applet sedikit berbeda dengan menggambar pada panel. Pada applet, kita mendefinisikan kembali method paint. Sedangkan menggambar pada panel, yang kita definisikan ulang adalah
           
           method
           
           paintComponent.
           
           Yang
           
           harus
           
           diperhatikan,
           
           ketika
           
           mengimplementasikan method paintComponent, kita harus memanggil method paintComponent pada superclass untuk menghapus isi panel. Berikut ini contoh penggunaan paintComponent : Public class MyPanel extends JPanel { public void paintComponent(Graphics g) { super.paintComponent(g); Graphics2D g2 = (Graphics2D)g; // Statement untuk menggambar } } Untuk menambahkan panel pada GUI, kita perlu mengetahui struktur dari permukaan GUI. Permukaan GUI ditutupi oleh 4 (empat) pane. Pane-pane tersebut adalah root pane, layered pane, glass pane dan content pane. Root pane untuk menangkan event dari mouse. Layered pane untuk menyatukan menu bar dan content pane, sedangkan glass pane untuk menyatukan layered pane dan glass pane. Yang menjadi perhatian programmer adalah content pane, yang berfungsi untuk menyatukan komponen yang akan ditampilkan. Untuk menambahkan komponen ke content pane pada GUI, kita harus mendapat objek content pane dengan memangil method getContentPane. Method ini akan mengembalikan objek dengan tipe Container. Sebuah container adalah objek LSP Telematika Indonesia
           
           143
           
           window yang dapat mengandung komponen lain. Kemudian gunakan method add dari kelas Container untuk menambahkan komponen. Beberapa komponen dasar yang akan kita pelajari diantaranya : Tabel 4.7.1.1 Komponen Beserta Deskripsi Component Jlabel
           
           Description Area dimana teks atau icon yang tidak bisa diubah akan ditampilkan
           
           JTextField
           
           Tempat user memberikan input dari keyboard dan dapat juga digunakan untuk menampilkan output
           
           JButton
           
           Area yang memberikan event ketika ditekan
           
           JCheckBox
           
           Komponen untuk memberikan check list
           
           JComboBox
           
           Drop down yang berisi daftar item
           
           JPanel
           
           Tempat untuk menaruh komponen
           
           Berikut ini adalah penjelasan lebih rinci beserta contoh kode untuk tiap komponen pada tabel : •
           
           Label Menyediakan teks pada frame. Untuk membuat label digunakan kelas JLabel. Label dapat digunakan untuk menampilkan read-only teks, gambar atau teks dan gambar. Berikut ini adalah contoh kode penggunaan label beserta hasil keluarannya : import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class LabelTest extends JFrame { private JLabel label1, label2, label3; // set up GUI public LabelTest() { super( "Testing JLabel" ); // get content pane and set its layout Container container = getContentPane(); container.setLayout( new FlowLayout() ); // JLabel constructor with a string argument label1 = new JLabel( "Label with text" ); label1.setToolTipText( "This is label1" ); container.add( label1 ); // JLabel constructor with string, Icon and
           
           LSP Telematika Indonesia
           
           144
           
           // alignment arguments Icon bug = new ImageIcon( "bug1.gif" ); label2 = new JLabel( "Label with text and icon", bug, SwingConstants.LEFT ); label2.setToolTipText( "This is label2" ); container.add( label2 ); // JLabel constructor no arguments label3 = new JLabel(); label3.setText( "Label with icon and text at bottom" ); label3.setIcon( bug ); label3.setHorizontalTextPosition( SwingConstants.CENTER ); label3.setVerticalTextPosition( SwingConstants.BOTTOM ); label3.setToolTipText( "This is label3" ); container.add( label3 ); setSize( 275, 170 ); setVisible( true ); } // execute application public static void main( String args[] ) { LabelTest application = new LabelTest(); application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE ); } } // end class LabelTest
           
           Komponen frame dapat digunakan untuk menghasilkan event ketika berinteraksi dengan user, contohnya : menggerakkan mouse, memasukkan input keyboard pada textfield. Kelas untuk menangkan event adalah java.awt.AWTEvent. Untuk menangani event, ada 3 (tiga) hal yang harus diperhatikan yaitu : 1. Sumber event : Komponen frame yang menghasilkan event 2. Objek Event : Informasi mengenai event
           
           LSP Telematika Indonesia
           
           145
           
           3. Event Listener : Menerima event objek kemudian memberikan respon Untuk programmer, yang harus dilakukan adalah : 1. Menambahkan
           
           event
           
           listener
           
           ke
           
           sumber
           
           event,
           
           dengan
           
           cara
           
           menambahkan method addActionListener. 2. Implementasi kode untuk menangani event (event handler) Interface event listener pada paket java.awt.event ditunjukkan pada tabel dibawah ini : Tabel 4.7.1.2 : Interface Event Listener Java.util.EventListener
           
           ActionListener AdjustmentListener ComponentListener ContainerListener FocusListener ItemListener KeyListener MouseListener MouseMotionListener TextListener WindowListener
           
           •
           
           JTextField dan JPasswordField JTextField adalah area tempat user memasukkan teks atau menampilkan teks. Sedangkan dengan JPasswordfield, karakter yang ditulis akan disembunyikan. Berikut ini contoh kode penggunaan JTextField dan JPasswordField yang telah ditambahkan event listener untuk menangkap event ketika user menekan enter pada JTextField beserta hasil keluarannya : Program : TextFieldTest.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*;
           
           LSP Telematika Indonesia
           
           146
           
           public class TextFieldTest extends JFrame { private JTextField textField1, textField2, textField3; private JPasswordField passwordField; // set up GUI public TextFieldTest() { super( "Testing JTextField and JPasswordField" ); Container container = getContentPane(); container.setLayout( new FlowLayout() ); // construct textfield with default sizing textField1 = new JTextField( 10 ); container.add( textField1 ); // construct textfield with default text textField2 = new JTextField( "Enter text here" ); container.add( textField2 ); // construct textfield with default text and // 20 visible elements and no event handler textField3 = new JTextField( "Uneditable text field", 20 ); textField3.setEditable( false ); container.add( textField3 ); // construct textfield with default text passwordField = new JPasswordField( "Hidden text" ); container.add( passwordField ); // register event handlers TextFieldHandler handler = new TextFieldHandler(); textField1.addActionListener( handler ); textField2.addActionListener( handler ); textField3.addActionListener( handler ); passwordField.addActionListener( handler ); setSize( 325, 100 ); setVisible( true ); } // execute application public static void main( String args[] ) { TextFieldTest application = new TextFieldTest(); application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE ); } // private inner class for event handling private class TextFieldHandler implements ActionListener { // process text field events public void actionPerformed( ActionEvent event ) { LSP Telematika Indonesia
           
           147
           
           String string = ""; // user pressed Enter in JTextField textField1 if ( event.getSource() == textField1 string = "textField1: " + event.getActionCommand(); // user pressed Enter in JTextField textField2 else if ( event.getSource() == textField2 ) string = "textField2: " + event.getActionCommand(); // user pressed Enter in JTextField textField3 else if ( event.getSource() == textField3 ) string = "textField3: " + event.getActionCommand(); // user pressed Enter in JTextField passwordField else if ( event.getSource() == passwordField ) { JPasswordField pwd = ( JPasswordField ) event.getSource(); string = "passwordField: " + new String( passwordField.getPassword() ); } }
           
           JOptionPane.showMessageDialog( null, string );
           
           } // end private inner class TextFieldHandler } // end class TextFieldTest
           
           •
           
           Button Komponen yang menghasilkan event ketika ditekan oleh user. Beberapa tipe button adalah command button, checkbox, toggle button dan radio button. Command
           
           button
           
           dibuat
           
           dengan
           
           kelas
           
           JButton
           
           yang
           
           menghasilkan
           
           ActionEvent ketika ditekan user. Berikut ini adalah contoh kode penggunaan button beserta hasil keluarannya : LSP Telematika Indonesia
           
           148
           
           Program : ButtonTest.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class ButtonTest extends JFrame { private JButton plainButton, fancyButton; // set up GUI public ButtonTest() { super( "Testing Buttons" ); // get content pane and set its layout Container container = getContentPane(); container.setLayout( new FlowLayout() ); // create buttons plainButton = new JButton( "Plain Button" ); container.add( plainButton ); Icon bug1 = new ImageIcon( "bug1.gif" ); Icon bug2 = new ImageIcon( "bug2.gif" ); fancyButton = new JButton( "Fancy Button", bug1 ); fancyButton.setRolloverIcon( bug2 ); container.add( fancyButton ); // create an instance of inner class ButtonHandler // to use for button event handling ButtonHandler handler = new ButtonHandler(); fancyButton.addActionListener( handler ); plainButton.addActionListener( handler );
           
           }
           
           setSize( 275, 100 ); setVisible( true );
           
           // execute application public static void main( String args[] ) { ButtonTest application = new ButtonTest();
           
           }
           
           application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
           
           // inner class for button event handling private class ButtonHandler implements ActionListener { // handle button event public void actionPerformed( ActionEvent event ) { JOptionPane.showMessageDialog( null, "You pressed: " + event.getActionCommand() ); LSP Telematika Indonesia
           
           149
           
           } } // end private inner class ButtonHandler } // end class ButtonTest
           
           •
           
           State Button Nilai yang dihasilkan state button adalah benar/salah. Java menyediakan 3 (tiga) tipe button ini, yaitu : JToggleButton, JCheckBox dan JRadioButton. Berikut ini adalah contoh kode penggunaan buton-button tersebut beserta hasil keluarannya : Program : CheckBox.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class CheckBoxTest extends JFrame { private JTextField field; private JCheckBox bold, italic; // set up GUI public CheckBoxTest() { super( "JCheckBox Test" ); // get content pane and set its layout Container container = getContentPane(); container.setLayout( new FlowLayout() ); // set up JTextField and set its font field = new JTextField( "Watch the font style change", 20 ); field.setFont( new Font( "Serif", Font.PLAIN, 14 ) ); container.add( field ); // create checkbox objects bold = new JCheckBox( "Bold" ); container.add( bold ); italic = new JCheckBox( "Italic" ); container.add( italic ); // register listeners for JCheckBoxes CheckBoxHandler handler = new CheckBoxHandler();
           
           LSP Telematika Indonesia
           
           150
           
           bold.addItemListener( handler ); italic.addItemListener( handler );
           
           }
           
           setSize( 275, 100 ); setVisible( true );
           
           // execute application public static void main( String args[] ) { CheckBoxTest application = new CheckBoxTest();
           
           }
           
           application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
           
           // private inner class for ItemListener event handling private class CheckBoxHandler implements ItemListener { private int valBold = Font.PLAIN; private int valItalic = Font.PLAIN; // respond to checkbox events public void itemStateChanged( ItemEvent event ) { // process bold checkbox events if ( event.getSource() == bold ) if ( event.getStateChange() == ItemEvent.SELECTED ) valBold = Font.BOLD; else valBold = Font.PLAIN; // process italic checkbox events if ( event.getSource() == italic ) if ( event.getStateChange() == ItemEvent.SELECTED ) valItalic = Font.ITALIC; else valItalic = Font.PLAIN; // set text field font field.setFont( new Font( "Serif", valBold + valItalic, 14 ) ); } } // end private inner class CheckBoxHandler } // end class CheckBoxTest
           
           LSP Telematika Indonesia
           
           151
           
           Program : RadioButtonTest.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class RadioButtonTest extends JFrame { private JTextField field; private Font plainFont, boldFont, italicFont, boldItalicFont; private JRadioButton plainButton, boldButton, italicButton, boldItalicButton; private ButtonGroup radioGroup; // create GUI and fonts public RadioButtonTest() { super( "RadioButton Test" ); // get content pane and set its layout Container container = getContentPane(); container.setLayout( new FlowLayout() ); // set up JTextField field = new JTextField( "Watch the font style change", 25 ); container.add( field ); // create radio buttons plainButton = new JRadioButton( "Plain", true ); container.add( plainButton ); boldButton = new JRadioButton( "Bold", false); container.add( boldButton ); italicButton = new JRadioButton( "Italic", false ); container.add( italicButton ); boldItalicButton = new JRadioButton( "Bold/Italic", false ); container.add( boldItalicButton ); // register events for JRadioButtons RadioButtonHandler handler = new RadioButtonHandler(); plainButton.addItemListener( handler ); boldButton.addItemListener( handler ); italicButton.addItemListener( handler ); boldItalicButton.addItemListener( handler ); // create logical relationship between JRadioButtons radioGroup = new ButtonGroup(); radioGroup.add( plainButton ); radioGroup.add( boldButton ); radioGroup.add( italicButton ); radioGroup.add( boldItalicButton ); // create font objects plainFont = new Font( "Serif", Font.PLAIN, 14 ); boldFont = new Font( "Serif", Font.BOLD, 14 ); LSP Telematika Indonesia
           
           152
           
           italicFont = new Font( "Serif", Font.ITALIC, 14 ); boldItalicFont = new Font( "Serif", Font.BOLD + Font.ITALIC, 14 ); field.setFont( plainFont ); setSize( 300, 100 ); setVisible( true ); } // execute application public static void main( String args[] ) { RadioButtonTest application = new RadioButtonTest(); application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE ); } // private inner class to handle radio button events private class RadioButtonHandler implements ItemListener { // handle radio button events public void itemStateChanged( ItemEvent event ) { // user clicked plainButton if ( event.getSource() == plainButton ) field.setFont( plainFont ); // user clicked boldButton else if ( event.getSource() == boldButton ) field.setFont( boldFont ); // user clicked italicButton else if ( event.getSource() == italicButton ) field.setFont( italicFont ); // user clicked boldItalicButton else if ( event.getSource() == boldItalicButton ) field.setFont( boldItalicFont ); } } // end private inner class RadioButtonHandler } // end class RadioButtonTest
           
           LSP Telematika Indonesia
           
           153
           
           •
           
           ComboBox Disebut juga drop-down list. User dapat memilih salah satu item yang ada dalam list. import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class ComboBoxTest extends JFrame { private JComboBox imagesComboBox; private JLabel label; private String names[] = { "bug1.gif", "bug2.gif", "travelbug.gif", "buganim.gif" }; private Icon icons[] = { new ImageIcon( names[ 0 ] ), new ImageIcon( names[ 1 ] ), new ImageIcon( names[ 2 ] ), new ImageIcon( names[ 3 ] ) }; // set up GUI public ComboBoxTest() { super( "Testing JComboBox" ); // get content pane and set its layout Container container = getContentPane(); container.setLayout( new FlowLayout() ); // set up JComboBox and register its event handler imagesComboBox = new JComboBox( names ); imagesComboBox.setMaximumRowCount( 3 ); imagesComboBox.addItemListener( // anonymous inner class to handle JComboBox events new ItemListener() { // handle JComboBox event public void itemStateChanged( ItemEvent event ) { // determine whether check box selected if ( event.getStateChange() == ItemEvent.SELECTED ) label.setIcon( icons[ imagesComboBox.getSelectedIndex() ] );
           
           LSP Telematika Indonesia
           
           154
           
           } } // end anonymous inner class ); // end call to addItemListener container.add( imagesComboBox ); // set up JLabel to display ImageIcons label = new JLabel( icons[ 0 ] ); container.add( label );
           
           }
           
           setSize( 350, 100 ); setVisible( true );
           
           // execute application public static void main( String args[] ) { ComboBoxTest application = new ComboBoxTest();
           
           }
           
           application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
           
           } // end class ComboBoxTest
           
           LSP Telematika Indonesia
           
           155
           
           4.7.2 Menangani Event dari Mouse Interface
           
           Event
           
           Listener
           
           untuk
           
           mouse
           
           terdiri
           
           dari
           
           MouseListener
           
           dan
           
           MouseMotionListener. Event yang ditangkap berupa MouseEvent. Method-method yang ada pada interface MouseListener adalah : 1. mouseClicked : dipanggil ketika mouse menekan pada komponen 2. mouseEntered : dipanggil ketika mouse memasuki area komponen 3. mouseExited : dipanggil ketika mouse keluar dari area komponen 4. mousePressed : dipanggil ketika mouse sedang ditekan dalam komponen 5. mouseReleased : dipanggil ketika mouse telah setelah ditekan Sedangkan method pada interface MouseMotionListener adalah : 1. mouseDragged : dipanggil ketika mouse ditekan sambil bergerak 2. mouseMoved : dipanggil ketika mouse bergerak dalam komponen. Berikut ini adalah contoh kode untuk event mouse beserta hasil keluarannya : Program : MouseTracker.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class MouseTracker extends JFrame implements MouseListener, MouseMotionListener { private JLabel statusBar; // set up GUI and register mouse event handlers public MouseTracker() { super( "Demonstrating Mouse Events" ); statusBar = new JLabel(); getContentPane().add( statusBar, BorderLayout.SOUTH ); // application listens to its own mouse events addMouseListener( this ); addMouseMotionListener( this );
           
           }
           
           setSize( 275, 100 ); setVisible( true );
           
           // MouseListener event handlers // handle event when mouse released immediately after press public void mouseClicked( MouseEvent event ) { statusBar.setText( "Clicked at [" + event.getX() + LSP Telematika Indonesia
           
           156
           
           }
           
           ", " + event.getY() + "]" );
           
           // handle event when mouse pressed public void mousePressed( MouseEvent event ) { statusBar.setText( "Pressed at [" + event.getX() + ", " + event.getY() + "]" ); } // handle event when mouse released after dragging public void mouseReleased( MouseEvent event ) { statusBar.setText( "Released at [" + event.getX() + ", " + event.getY() + "]" ); } // handle event when mouse enters area public void mouseEntered( MouseEvent event ) { JOptionPane.showMessageDialog( null, "Mouse in window" ); } // handle event when mouse exits area public void mouseExited( MouseEvent event ) { statusBar.setText( "Mouse outside window" ); } // MouseMotionListener event handlers // handle event when user drags mouse with button pressed public void mouseDragged( MouseEvent event ) { statusBar.setText( "Dragged at [" + event.getX() + ", " + event.getY() + "]" ); } // handle event when user moves mouse public void mouseMoved( MouseEvent event ) { statusBar.setText( "Moved at [" + event.getX() + ", " + event.getY() + "]" ); } // execute application public static void main( String args[] ) { MouseTracker application = new MouseTracker(); application.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE ); } } // end class MouseTracker
           
           LSP Telematika Indonesia
           
           157
           
           4.7.3 Menangani Event dari Keyboard Event yang berasal dari keyboard ditangani oleh interface KeyListener. Event dari keyboard terjadi ketika keyboard ditekan atau dilepaskan. Event yang ditangkap tersimpan pada objek KeyEvent. Berikut ini adalah contoh kode penggunaan event dari keyboard beserta hasil keluarannya : Program : KeyDemo.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class KeyDemo extends JFrame implements KeyListener { private String line1 = "", line2 = ""; private String line3 = ""; private JTextArea textArea; // set up GUI public KeyDemo() { super( "Demonstrating Keystroke Events" ); // set up JTextArea textArea = new JTextArea( 10, 15 ); textArea.setText( "Press any key on the keyboard..." ); textArea.setEnabled( false ); getContentPane().add( textArea ); // allow frame to process Key events addKeyListener( this ); setSize( 350, 100 ); setVisible( true ); } // handle press of any key public void keyPressed( KeyEvent event ) { line1 = "Key pressed: " + event.getKeyText( event.getKeyCode() ); setLines2and3( event ); LSP Telematika Indonesia
           
           158
           
           } // handle release of any key public void keyReleased( KeyEvent event ) { line1 = "Key released: " + event.getKeyText( event.getKeyCode() ); setLines2and3( event ); } // handle press of an action key public void keyTyped( KeyEvent event ) { line1 = "Key typed: " + event.getKeyChar(); setLines2and3( event ); } // set second and third lines of output private void setLines2and3( KeyEvent event ) { line2 = "This key is " + ( event.isActionKey() ? "" : "not " ) + "an action key"; String temp = event.getKeyModifiersText( event.getModifiers() ); line3 = "Modifier keys pressed: " + ( temp.equals( "" ) ? "none" : temp );
           
           }
           
           textArea.setText( line1 + "\n" + line2 + "\n" + line3 + "\n" );
           
           // execute application public static void main( String args[] ) { KeyDemo application = new KeyDemo(); application.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE ); } } // end class KeyDemo
           
           LSP Telematika Indonesia
           
           159
           
           4.7.4 Layout Layout yang akan dibahas pada subbab ini adalah pengaturan posisi komponen GUI. Berikut ini adalah jenis layout yang tersedia beserta deskripsinya : Tabel 4.7.4.1 Penjelasan Layout Layout FlowLayout BorderLayout GridLayout
           
           Deskripsi Meletakkan komponen dari kiri ke kanan Layout standard pada java. Meletakkan komponen pada posisi utara, timur, barat, selatan dan tengah Meletakkan komponen dalan 1 (satu) baris atau 1 (satu) kolom. Posisi awal di kiri atas lalu pengisian dilakukan dari kiri ke kanan hingga baris penuh.
           
           Berikut ini adalah contoh kode penggunaan tiap layout beserta hasil keluarannya: Program : FlowLayoutDemo.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class FlowLayoutDemo extends JFrame { private JButton leftButton, centerButton, rightButton; private Container container; private FlowLayout layout; // set up GUI and register button listeners public FlowLayoutDemo() { super( "FlowLayout Demo" ); layout = new FlowLayout(); // get content pane and set its layout container = getContentPane(); container.setLayout( layout ); // set up leftButton and register listener leftButton = new JButton( "Left" ); leftButton.addActionListener( // anonymous inner class new ActionListener() { // process leftButton event public void actionPerformed( ActionEvent event ) { layout.setAlignment( FlowLayout.LEFT );
           
           }
           
           // re-align attached components layout.layoutContainer( container );
           
           LSP Telematika Indonesia
           
           160
           
           } // end anonymous inner class ); // end call to addActionListener container.add( leftButton ); // set up centerButton and register listener centerButton = new JButton( "Center" ); centerButton.addActionListener( // anonymous inner class new ActionListener() { // process centerButton event public void actionPerformed( ActionEvent event ) { layout.setAlignment( FlowLayout.CENTER ); // re-align attached components layout.layoutContainer( container ); }
           
           }
           
           ); container.add( centerButton ); // set up rightButton and register listener rightButton = new JButton( "Right" ); rightButton.addActionListener( // anonymous inner class new ActionListener() { // process rightButton event public void actionPerformed( ActionEvent event ) { layout.setAlignment( FlowLayout.RIGHT ); // re-align attached components layout.layoutContainer( container ); }
           
           }
           
           ); container.add( rightButton );
           
           }
           
           setSize( 300, 75 ); setVisible( true );
           
           // execute application public static void main( String args[] ) { FlowLayoutDemo application = new FlowLayoutDemo();
           
           LSP Telematika Indonesia
           
           161
           
           }
           
           application.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE );
           
           } // end class FlowLayoutDemo
           
           Program : BorderLayoutDemo.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class BorderLayoutDemo extends JFrame implements ActionListener { private JButton buttons[]; private String names[] = { "Hide North", "Hide South", "Hide East", "Hide West", "Hide Center" }; private BorderLayout layout; // set up GUI and event handling public BorderLayoutDemo() { super( "BorderLayout Demo" ); layout = new BorderLayout( 5, 5 ); // get content pane and set its layout Container container = getContentPane(); container.setLayout( layout ); // instantiate button objects buttons = new JButton[ names.length ]; for ( int count = 0; count < names.length; count++ ) { buttons[ count ] = new JButton( names[ count ] ); buttons[ count ].addActionListener( this ); } // place buttons in BorderLayout; order not important container.add( buttons[ 0 ], BorderLayout.NORTH ); container.add( buttons[ 1 ], BorderLayout.SOUTH ); LSP Telematika Indonesia
           
           162
           
           container.add( buttons[ 2 ], BorderLayout.EAST ); container.add( buttons[ 3 ], BorderLayout.WEST ); container.add( buttons[ 4 ], BorderLayout.CENTER ); setSize( 300, 200 ); setVisible( true ); } // handle button events public void actionPerformed( ActionEvent event ) { for ( int count = 0; count < buttons.length; count++ ) if ( event.getSource() == buttons[ count ] ) buttons[ count ].setVisible( false ); else buttons[ count ].setVisible( true ); // re-layout the content pane layout.layoutContainer( getContentPane() ); } // execute application public static void main( String args[] ) { BorderLayoutDemo application = new BorderLayoutDemo(); }
           
           application.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE );
           
           } // end class BorderLayoutDemo
           
           LSP Telematika Indonesia
           
           163
           
           Program : GridLayoutDemo.java import java.awt.*; import java.awt.event.*; // Java extension packages import javax.swing.*; public class GridLayoutDemo extends JFrame implements ActionListener { private JButton buttons[]; private String names[] = { "one", "two", "three", "four", "five", "six" }; private boolean toggle = true; private Container container; private GridLayout grid1, grid2; // set up GUI public GridLayoutDemo() { super( "GridLayout Demo" ); // set up layouts grid1 = new GridLayout( 2, 3, 5, 5 ); grid2 = new GridLayout( 3, 2 ); // get content pane and set its layout container = getContentPane(); container.setLayout( grid1 ); // create and add buttons buttons = new JButton[ names.length ]; for ( int count = 0; count < names.length; count++ ) { buttons[ count ] = new JButton( names[ count ] ); buttons[ count ].addActionListener( this ); container.add( buttons[ count ] ); } setSize( 300, 150 ); setVisible( true ); } // handle button events by toggling between layouts public void actionPerformed( ActionEvent event ) { if ( toggle ) container.setLayout( grid2 ); else container.setLayout( grid1 ); toggle = !toggle; // set toggle to opposite value container.validate(); } // execute application LSP Telematika Indonesia
           
           164
           
           public static void main( String args[] ) { GridLayoutDemo application = new GridLayoutDemo(); }
           
           application.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE );
           
           } // end class GridLayoutDemo
           
           4.8 Pemrograman Jaringan 4.8.1 Jaringan Komunikasi antara computer dalam internet dengan menggunakan Transmission Control Protocol (TCP) atau User Datagram Protocol (UDP), berikut ini adalah gambarannya :
           
           Gambar 4.8.1 Jaringan
           
           Ketika kita menulis program dalam bahasa Java di jaringan, kita melakukannya pada layer aplikasi. Kita tidak perlu memikirkan TCP atau UDP karena itu semua telah
           
           tercakup
           
           dalam
           
           paket
           
           java.net.
           
           Kelas-kelas
           
           dalam
           
           paket
           
           tersebut
           
           menyediakan cara berkomunikasi dalam jaringan. Kelas URL, URLConnection, Socket dan ServerSocket menggunakan TCP untuk berkomunikasi sedangkan kelas DatagramPacket, DatagramSocket dan MulticastSocket menggunakan UDP.
           
           LSP Telematika Indonesia
           
           165
           
           4.8.2 Socket URL dan URLConnection menyediakan mekanisme tingkat tinggi untuk mengakses resource
           
           di
           
           internet.
           
           Tetapi,
           
           terkadang
           
           program
           
           yang
           
           kita
           
           tulis
           
           hanya
           
           membutuhkan komunikasi jaringan pada tingkat yang rendah, sebagai contoh menulis aplikasi client-server. Komunikasi yang terjadi antara client dan server harus dapat diandalkan, dimana data yang tiba di client mempunyai urutan yang sama ketika dikirim oleh server. TCP menyediakan channel komunikasi yang dapat diandalkan, point to point yang dapat digunakan aplikasi client server untuk berkomunikasi. Untuk melakukan komunikasi dengan TCP maka program client dan server membuat koneksi dan mengikat socket diakhir koneksi. Sedangkan untuk melakukan komunikasi, baik client atau server membaca dari dan menulis ke socket. Definisi socket adalah endpoint dari link komunikasi 2 arah antara 2 program yang berjalan di jaringan. Sebuah socket terikat pada sebuah nomor port dengan tujuan agar layer TCP dapat mengenali aplikasi yang menjadi tujuan pengiriman data. Paket
           
           java.net
           
           pada
           
           platform
           
           Java
           
           menyediakan
           
           kelas
           
           Socket
           
           yang
           
           mengimplementasikan salah satu sisi dari komunikasi 2 arah antara program java yang kita tulis dan program lain di jaringan. Sebagai tambahan, java.net juga menyediakan kelas ServerSocket yang mengimplementasikan sebuah socket yang dapat digunakan server untuk mendengar dan menerima koneksi ke klien. Selanjutnya, kita akan belajar untuk menulis dan membaca dari socket. Perhatikan kode di bawah ini : import java.io.*; import java.net.*; public class EchoClient { public static void main(String[] args) throws IOException { Socket echoSocket = null; PrintWriter out = null; BufferedReader in = null; try { echoSocket = new Socket("taranis", 7); out = new PrintWriter(echoSocket.getOutputStream(), true); in = new BufferedReader(new InputStreamReader( echoSocket.getInputStream())); } catch (UnknownHostException e) { System.err.println("Don't know about host: taranis."); System.exit(1); } catch (IOException e) { LSP Telematika Indonesia
           
           166
           
           }
           
           System.err.println("Couldn't get I/O for " + "the connection to: taranis."); System.exit(1); BufferedReader stdIn = new BufferedReader( new InputStreamReader(System.in)); String userInput; while ((userInput = stdIn.readLine()) != null) { out.println(userInput); System.out.println("echo: " + in.readLine()); } out.close(); in.close(); stdIn.close(); echoSocket.close();
           
           } } Program di atas mengimplementasikan sebuah client, EchoClient yang akan berkomunikasi dengan Echo server. Echo server hanya menerima data dari klien dan mengirimkan kembali data tersebut. Echo server menggunakan port 7. EchoClient membuat socket sehingga membuat koneksi dengan Echo server, kemudian membaca input dari user lalu meneruskan teks tersebut ke Echo server dengan menuliskannya di socket. Server mengembalikan input client dengan mengirimkan
           
           input
           
           tersebut
           
           lewat
           
           socket.
           
           Program
           
           client
           
           membaca
           
           dan
           
           menampilkan data yang diterima dari server. Berikut ini adalah kode untuk membuat koneksi socket antara client dengan server serta membuat objek PrintWriter dan BufferedReader sehingga program dapat menulis karakter Unicode di socket.
           
           echoSocket = new Socket("taranis", 7); out = new PrintWriter(echoSocket.getOutputStream(), true); in = new BufferedReader(new InputStreamReader( echoSocket.getInputStream())); Untuk mengirim data ke server, EchoClient cukup menuliskannya ke PrintWriter sedangkan untuk memperoleh respon dari server, EchoClient hanya perlu membaca dari BufferedReader. Menulis Program Server Program server dimulai dengan membuat objek ServerSocket untuk mendengan dari port tertentu. Ketika menulis ke server, pilih port yang sedang tidak digunakan. Program di atas menggunakan port 4444. LSP Telematika Indonesia
           
           167
           
           try { serverSocket = new ServerSocket(4444); } catch (IOException e) { System.out.println("Could not listen on port: 4444"); System.exit(-1); } Apabila port yang kita pilih telah digunakan oleh servis yang lain maka program akan berakhir. Apabila server telah berhasil terhubung dengan port maka objek ServerSocket telah terbentuk dan langkah selanjutnya adalah menerima koneksi dari client (ditunjukkan oleh tulisan yang ditebalkan). Socket clientSocket = null; try { clientSocket = serverSocket.accept(); } catch (IOException e) { System.out.println("Accept failed: 4444"); System.exit(-1); } Method accept menunggu hingga client aktif dan meminta koneksi dengan host dan port server. Ketika koneksi telah berhasil tercipta maka method accept akan mengembalikan objek socket yang terikat pada nomor port. Server dapat berkomunikasi dengan client dengan socket ini. Program ini tidak mendukung multiple client. Komunikasi antara server dan client dengan menggunakan kode : PrintWriter out = new PrintWriter( clientSocket.getOutputStream(), true); BufferedReader in = new BufferedReader( new InputStreamReader( clientSocket.getInputStream())); String inputLine, outputLine; // initiate conversation with client KnockKnockProtocol kkp = new KnockKnockProtocol(); outputLine = kkp.processInput(null); out.println(outputLine); while ((inputLine = in.readLine()) != null) { outputLine = kkp.processInput(inputLine); out.println(outputLine); if outputLine.equals("Bye.")) break; } Setelah komunikasi berakhir kode di bawah ini digunakan untuk menutup input dan output stream, client socket dan server socket. out.close(); LSP Telematika Indonesia
           
           168
           
           in.close(); clientSocket.close(); serverSocket.close();
           
           4.9 JDBC API JDBC API ( Java Connectivity Application Programming Interface ) berfungsi untuk melakukan koneksi antara basis data dengan program yang ditulis dengan bahasa pemrograman Java. Sehingga dengan demikian, kita dapat melakukan query terhadap data dalam basis data yang kemudian data tersebut dapat ditampilkan melalui console atau melalui Graphical User Interface (GUI). Isi JDBC berupa kelas-kelas yang dapat digunakan untuk koneksi ke basis data tertentu, memproses permintaan dari client dan mengirim respon dari server sesuai dengan permintaan. Pada subbab berikutnya kita akan mempelajari penggunaan JDBC dengan basis data SQL Server 2000 dan data akan ditampilkan dalam GUI.
           
           4.9.1 Koneksi SQL Server 2000 Sebelum SQL Server 2000 mendukung koneksi dengan Java, ODBC (Open Database Connectivity) dijadikan alternatif untuk melakukan koneksi. Namun pada tanggal 16 Januari 2003, Microsoft merilis driver SQL Server 2000 bagi JDBC sehingga untuk melakukan koneksi, kita tidak perlu lagi menggunakan ODBC.
           
           Driver
           
           SQL
           
           Server
           
           2000
           
           untuk
           
           http://www.microsoft.com/sql/downloads.
           
           JDBC
           
           Langkah
           
           dapat awal
           
           diperoleh untuk
           
           dari
           
           url
           
           melakukan
           
           koneksi adalah mengimpor paket java.sql yang dituliskan dalam kode : import java.sql.*; Setelah itu, kita dapat memakai driver SQL server 2000 untuk JDBC bersama dengan pernyataan Class.forName(). Berikut ini adalah contoh kodenya : Class.forName(”com.microsoft.jdbc.sqlserver.SQLServerDriver”); Kemudian kita membuat koneksi ke SQL Serever 2000 dengan menuliskan kode : Connection con = DriverManager.getConnection(“jdbc:microsoft:sqlserver://PENTIUM:1433; DatabaseName=Northwind”, “sa”, “admin”); Berdasarkan pernyataan diatas, ada beberapa hal yang harus disesuaikan dengan keadaan komputer kita. PENTIUM dalam pernyataan diatas adalah nama komputer tetapi bisa juga berisi alamat TCP/IP komputer server jika terkoneksi pada jaringan dan kita berusaha melakukan koneksi ke SQL Server. Selanjutnya merupakan port TCP/IP yang digunakan defaultnya 1433. DatabaseName merupakan nama basis data yang akan kita akses. Selanjutnya, sa dan admin LSP Telematika Indonesia
           
           169
           
           merupakan user name dan password dari SQL Server 2000 yang digunakan untuk mengakses basis data. Berikut ini adalah contoh kode lengkap cara koneksi basis data dengan JDBC : Program : Koneksi.java Import java.sql.*; Class Koneksi { public static void main(String[] args) { try { Class.forName(”com.microsoft.jdbc.sqlserver.SQLServerDriver”); Connection con = DriverManager.getConnection(“jdbc:microsoft:sqlserver: //PENTIUM:1433;DatabaseName=Northwind”, “sa”, “admin”); con.close(); System.out.println(“Koneksi berhasil…!!!”) System.exit(0); } catch(ClassNotFoundException aClass) { System.out.println(“Driver tidak ada”); } catch(SQLException aSql) { System.out.println(aSql.getMessage()); } } } Dalam kode diatas kita menggunakan perintah try-catch yang berfungsi untuk mengetahui
           
           apabila
           
           terjadi
           
           kesalahan.
           
           Catch
           
           pertama
           
           untuk
           
           menangkap
           
           kesalahan jika driver tidak ditemukan, sedangkan catch yang kedua befungsi untuk menangkap kesalahan pada username dan password. Setelah kode di atas dijalankan maka hasil tampilannya sebagai berikut :
           
           LSP Telematika Indonesia
           
           170
           
           Gambar 4.9.1.1 Tampilan Program Koneksi.java
           
           4.8.2
           
           Operasi Basis Data Dengan JDBC
           
           Dalam basis data beberapa operasi yang dapat dilakukan diantaranya adalah memperoleh data, menambah data, mengubah data dan menghapus data. Berikut ini adalah contoh kode untuk tiap operasi beserta penjelasannya : 1. Menampilkan data Menampilkan data dari basis data dapat dilakukan apabila koneksi ke basis data telah berhasil dilakukan. Perhatikan contoh kode dibawah ini : Program : Lihat.java import java.sql.*; class Lihat { public static void main(String[] args) { try { Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver"); Connection con=DriverManager.getConnection ("jdbc:microsoft:sqlserver://PENTIUM:1433;DatabaseName=Northwind", "sa","admin"); Statement stat = con.createStatement(); ResultSet rs = stat.executeQuery("Select * from Customers"); while(rs.next()) { System.out.println("Customer ID : " + rs.getString("CustomerID")); System.out.println("Company Name : " + rs.getString("CompanyName")); System.out.println("Constact Name : " LSP Telematika Indonesia
           
           171
           
           + rs.getString("ContactName")); System.out.println("Contact Title : " + rs.getString("ContactTitle")); System.out.println("Address : " + rs.getString("Address")); System.out.println("City : " + rs.getString("City")); System.out.println("Region : " + rs.getString("Region")); System.out.println("Postal Code : " + rs.getString("PostalCode")); System.out.println("Country : " + rs.getString("Country")); System.out.println("Phone : " + rs.getString("Phone")); System.out.println("Fax : " + rs.getString("Fax")); System.out.println("\n"); } con.close(); System.exit(0); } catch(ClassNotFoundException eclass) { System.out.println("Driver tidak ada"); } catch(SQLException esql) { System.out.println(esql.getMessage()); } } } Untuk melakukan query ke basis data. Kita perlu mendeklarasikan variable dengan tipe statement. Variable tersebut akan menjalankan pernyataan SQL. Selain itu, kita juga perlu mendeklarasikan variable dengan tipe ResultSet yang berfungsi untuk menampung data hasil query. Setelah kita mendapatkan data, kita perlu menampilkan data tersebut selama masih ada. Untuk itu, kita menggunakan While dengan method next untuk memindahkan kursor ke data berikutnya. Setelah data ditampilkan, koneksi basis data ditutup dan program berakhir. Hasil tampilan untuk kode diatas adalah sebagai berikut :
           
           LSP Telematika Indonesia
           
           172
           
           Gambar 4.9.2.1 Tampilan Program Lihat.java
           
           2. Menambah data Setelah berhasil mengakses basis data, selanjutnya kita akan mencoba menambah data ke basis data. Berikut ini adalah contoh kode untuk menambah data dalam basis data : Program : InputConsole.java import java.io.*; import java.sql.*; public class InputConsole { public static void main(String args[]) { try { // untuk menerima input dari console BufferedReader stdin = new BufferedReader(new InputStreamReader(System.in)); String id, name, contact, title, address, city, region, code, country, phone, fax ; System.out.println("Data Baru : "); System.out.print("Customer ID : "); id = stdin.readLine(); System.out.print("Company Name : "); name = stdin.readLine(); System.out.print("Contact Name : "); contact = stdin.readLine(); System.out.print("Contact Title : "); title = stdin.readLine(); System.out.print("Address : "); address = stdin.readLine(); LSP Telematika Indonesia
           
           173
           
           System.out.print("City : "); city = stdin.readLine(); System.out.print("Region : "); region = stdin.readLine(); System.out.print("Postal Code : "); code = stdin.readLine(); System.out.print("Country : "); country = stdin.readLine(); System.out.print("Phone : "); phone = stdin.readLine(); System.out.print("Fax : "); fax = stdin.readLine(); Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver"); Connection con = DriverManager.getConnection ("jdbc:microsoft:sqlserver://PENTIUM:1433;DatabaseName=Northwind", "sa","admin"); Statement stat = con.createStatement(); String sql="insert into Customers values('" + id + "','" + name + "','" + contact + "','" + title + "','" + address + "','" + city + "','" + region + "','" + code + "','" + country + "','" + phone + "','" + fax + "')"; stat.executeUpdate(sql); stat.close(); con.close(); System.out.println("Input data berhasil"); } catch (Exception e) { System.out.println("Error : " + e); } } }
           
           Seperti sebelumnya, kita perlu mendeklarasikan variable yang berfungsi menjalankan pernyataan SQL. Kemudian deklarasikan variable dengan tipe String yang berisi pernyataan SQL untuk menerima input. Setelah itu jalan pernyataan SQL dengan method executeUpdate(string input). Setelah data berhasil dimasukkan ke basis data, koneksi pada basis data dapat ditutup. Hasil tampilan untuk kode diatas adalah sebagai berikut :
           
           LSP Telematika Indonesia
           
           174
           
           Gambar 4.9.2.2 Tampilan Program InputConsole.java
           
           3. Mengubah Data Untuk melakukan pengubahan data, kita harus menemukan data yang akan diubah lalu mengubah data tersebut. Berikut ini adalah contoh kode untuk mengubah data: Program : EditConsole.java import java.io.*; import java.sql.*; public class EditConsole { public static void main(String args[]) { try { BufferedReader stdin = new BufferedReader(new InputStreamReader(System.in)); String id, name, contact, title, address, city, region, code, country, phone, fax ; System.out.println("Data yang akan diedit : "); System.out.print("Customer ID : "); id = stdin.readLine(); Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver"); Connection con = DriverManager.getConnection ("jdbc:microsoft:sqlserver://PENTIUM:1433;DatabaseName=Northwind", "sa","admin"); Statement stat = con.createStatement(); String sql="select * from Customers where CustomerID='"+id+"'"; LSP Telematika Indonesia
           
           175
           
           ResultSet rs = stat.executeQuery(sql); if (rs.next()) { System.out.println("Company Name : " + rs.getString("CompanyName")); System.out.println("Contact Name : " + rs.getString("ContactName")); System.out.println("Contact Title : " + rs.getString("ContactTitle")); System.out.println("Address : " + rs.getString("Address")); System.out.println("City : " + rs.getString("City")); System.out.println("Region : " + rs.getString("Region")); System.out.println("Postal Code : " + rs.getString("PostalCode")); System.out.println("Country : " + rs.getString("Country")); System.out.println("Phone : " + rs.getString("Phone")); System.out.println("Fax : " + rs.getString("fax")); System.out.println(); System.out.println("Diganti dengan Data : "); System.out.print("Company Name : "); name = stdin.readLine(); System.out.print("Contact Name : "); contact = stdin.readLine(); System.out.print("Contact Title : "); title = stdin.readLine(); System.out.print("Address : "); address = stdin.readLine(); System.out.print("City : "); city = stdin.readLine(); System.out.print("Region : "); region = stdin.readLine(); System.out.print("Postal Code : "); code = stdin.readLine(); System.out.print("Country : "); country = stdin.readLine(); System.out.print("Phone : "); phone = stdin.readLine(); System.out.print("Fax : "); fax = stdin.readLine(); sql= "Update Customers set " + "CompanyName='" + name + "'," + "ContactName='" + contact + "'," + "ContactTitle='" + title + "'," + "Address='" + address + "'," + "City='" + city + "'," + "Region='" + region + "'," + "PostalCode='" + code + "'," + "Country='" + country + "'," + LSP Telematika Indonesia
           
           176
           
           "Phone='" + phone + "'," + "Fax='" + fax + "'"+ "where CustomerID='" + id + "'"; stat.executeUpdate(sql); } else { System.out.println("Tidak ditemukan data"); System.out.println("dengan CustomerID tersebut!"); } stat.close(); con.close(); } catch (Exception e) { System.out.println("Error : " + e); } } }
           
           Kode diatas menampilkan data lama yang akan diubah kemudian meminta input data baru yang digunakan untuk menggantikan data lama. Hasil tampilan untuk kode diatas adalah sebagai berikut :
           
           Gambar 4.9.2.3 Tampilan Program EditConsole.java
           
           LSP Telematika Indonesia
           
           177
           
           4. Menghapus data Langkah-langkah untuk menghapus data, memiliki kemiripan dengan mengubah data. Awalnya data yang akan dihapus dicari terlebih dahulu, setelah ditemukan barulah data tersebut dihapus. import java.io.*; import java.sql.*; public class HapusConsole { public static void main(String args[]) { try { BufferedReader stdin = new BufferedReader(new InputStreamReader(System.in)); String id, jawab; System.out.println("Data yang akan dihapus : "); System.out.print("Customer ID : "); id = stdin.readLine(); Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver"); Connection con = DriverManager.getConnection ("jdbc:microsoft:sqlserver://PENTIUM:1433;DatabaseName=Northwind", "sa","admin"); Statement stat = con.createStatement(); String sql="select * from Customers where CustomerID='"+id+"'"; ResultSet rs = stat.executeQuery(sql); if (rs.next()) { System.out.println("Company Name : " + rs.getString("CompanyName")); System.out.println("Contact Name : " + rs.getString("ContactName")); System.out.println("Contact Title : " + rs.getString("ContactTitle")); System.out.println("Address : " + rs.getString("Address")); System.out.println("City : " + rs.getString("City")); System.out.println("Region : " + rs.getString("Region")); System.out.println("Postal Code : " + rs.getString("PostalCode")); System.out.println("Country : " + rs.getString("Country")); System.out.println("Phone : " + rs.getString("Phone")); System.out.println("Fax : " + rs.getString("fax")); System.out.print("Dihapus (Y/T) ? "); jawab = stdin.readLine(); LSP Telematika Indonesia
           
           178
           
           if (jawab.equalsIgnoreCase("Y")) { sql="delete from Customers where " + "CustomerID='" + id + "'" ; stat.executeUpdate(sql); System.out.println("Data telah dihapus!"); } stat.executeUpdate(sql); } else { System.out.println("Tidak ditemukan data"); System.out.println("dengan Customer ID tersebut!"); } stat.close(); con.close(); } catch (Exception e) { System.out.println("Error : " + e); } } }
           
           Dengan kode di atas, sebelum dilakukan penghapusan data program akan menampilkan kembali data yang akan dihapus serta melakukan konfirmasi penghapusan data. Hasil tampilan untuk kode diatas adalah sebagai berikut :
           
           Gambar 4.9.2.4 Tampilan Program HapusConsole.java
           
           LSP Telematika Indonesia
           
           179
           
           4.10 Untuk
           
           JavaServer Page (JSP) membuat
           
           aplikasi
           
           web yang
           
           komplek,
           
           penulis
           
           menyarankan
           
           anda
           
           menginstal J2EE yang medukung aplikasi JSP, servlet dan Enterprise Java Bean. JSP adalah sebuah template web page yang menggunakan kode java untuk menghasilkan file HTML secara dinamis. JSP berjalan di komponen server yang disebut JSP container yang menterjemahkannya ke Java Servlet. Keuntungan dari penggunaan JSP adalah : 1. Memiliki kinerja dan skalabilitas yang lebih baik dibandingkan script CGI 2. Tidak membutuhkan cara menghidupkan klien secara khusus 3. Mendukung HTTP Session 4. Memiliki akses penuh ke teknologi Java 5. Melakukan kompilasi secara otomatis 6. Tidak membutuhkan URL khusus untuk mengakses 7. Memiliki kecocokan dengan alat pengembangan web. Halaman JSP terdiri dari 3 (tiga) bentuk, yaitu : 1. Kode JSP Dibuat oleh programmer. Terdiri dari file teks dengan ekstension .jsp serta mengandung campuran dari kode HTML, statement Java dan perintahperintah JSP serta aksi yang mendefinisikan cara untuk menghasilkan web page untuk melakukan task tertentu. 2. Kode Java JSP container menterjemahkan kode JSP menjadi kode untuk java servlet. 3. Java class yang telah dikompilasi Kode servlet yang dihasilkan telah dikompilasi menjadi kode byte dengan ekstension .class.
           
           Gambar 4.10.1 Halaman JSP
           
           Ketika ada permintaan terhadap halaman JSP maka yang dilakukan container pertama kali adalah menentukan nama kelas dari file JSP yang bersangkutan. Apabila kelas tidak ditemukan atau kode JSP telah berubah ketika terakhir kali di kompilasi maka java container akan membuat kode java untuk servlet yang LSP Telematika Indonesia
           
           180
           
           bersesuaian dan melakukan kompilasi. Langkah terakhir adalah java melepaskan thread untuk menangani permintaan HTTP di objek yang sedang digunakan. Berikut ini adalah contoh kode sederhana beserta hasil keluarannya dari halaman JSP untuk melakukan konversi dari kilometer per liter menjadi miles per gallon : <%@ <%@ <%@ <%@
           
           page page page page
           
           session="false" %> import="java.io.*" %> import="java.text.*" %> import="java.util.*" %>
           
           <%-- Prints a conversion table of miles per gallon to kilometers per liter --%> <%!
           
           %>
           
           private static final DecimalFormat FMT = new DecimalFormat("#0.00"); private static final double CONVERSION_FACTOR = 2.352145;
           
           

           Fuel Efficiency Conversion Chart

           <% for(double kmp1=5; kmp1 <= 20; kmp1 += 1.0>) { double mpg = kmp1*CONVERSION_FACTOR; %> <%> } %>

           Kilometers per liter	Miles per Gallon
           <%= FMT.format(kmp1) %>	<%= FMT.format(mpg) %>

           Instalasi Aplikasi JSP dapat berjalan dengan menggunakan server Apache tomcat. Berikut ini adalah cara instalasi-nya. Versi Apache tomcat yang akan dijelaskan cara instalasinya adalah versi 5.5. 1. Install JDK Tomcat 5.5 dirancang untuk berjalan diatas J2SE 5.0 tetapi bisa juga berjalan diatas JDK 1.4 dengan menggunakan paket compatability. Aplikasi J2SE dapat ditemukan di http://java.sun.com/j2se/. LSP Telematika Indonesia
           
           181
           
           2. Install Tomcat Download file Tomcat di http://jakarta.apache.org. Instalasi di windows sama seperti wizard installer. Setelah instalasi selesai aktifkan server Tomcat, lalu buka browser dan masukkan http://localhost:8080. Apabila instalasi berhasil maka akan ditampilkan halaman seperti di bawah ini :
           
           Gambar 4.10.2 Test File Instalasi Tomcat
           
           4.10.1 Komponen JSP Pada bab ini akan dijelaskan mengenai komponen yang digunakan JSP, menjelaskan cara penulisan (sintaks) serta artinya (semantic).
           
           Komponen dari halaman JSP File .jsp dapat terdiri dari tag JSP, template data atau kombinasi dari keduanya. Tag jsp adalah instruksi untuk JSP container mengenai cara kode dihasilkan dan cara menjalankannya. Tag-tag ini memiliki tag pembuka dan tag penutup yang dapat dikenali oleh JSP container. Template data adalah bagian lain yang tidak dikenali JSP container. Template data (umumnya HTML) diteruskan tanpa mengalami modifikasi. Ada 3 (tiga) tipe dari tag JSP : ƒ
           
           Perintah Perintah adalah instruksi untuk JSP container mengenai kode yang akan dihasilkan. Bentuk dari perintah adalah :
           
           LSP Telematika Indonesia
           
           182
           
           <%@ nama_perintah [nama_atribut=”nilai_atribut” ...] %> Spasi, tab dan baris baru dapat muncul setelah <%@ dan sebelum %> dan juga dapat muncul setelah nama_perintah dan diantara pasangan nama_atribut/nilai_atribut.
           
           File
           
           yang
           
           mengandung
           
           <%@
           
           juga
           
           mengandung %>. Spesifikasi JSP 1.2 mendefinisikan 3 (tiga) standar perintah yang dapat digunakan dalam lingkungan JSP : 1. Page Perintah page digunakan untuk menentukan atribut dari file JSP secara keseluruhan. Sintaksnya adalah : <%@ page [nama_atribut=”nilai_atribut”...] %> Beberapa atribut dalam perintah ini diantaranya adalah language, extends dan session. Atribut language menentukan bahasa yang digunakan dalam scriptlets, ekspresi dan deklarasi. Pada spesifikasi JSP 1.2 satu-satunya nilai dari atribut language adalah java. Atribut extends menentukan nama superclass yang digunakan dalam file JSP. Superclass adalah kelas yang mengimplementasi HttpJspPage interface. Atribut session bernilai true atau false. Jika bernilai true maka servlet yang dihasilkan akan mengandung kode untuk HTTP session. 2. Include Perintah include menggabungkan isi dari file lain ketika perubahan menjadi input stream .jsp, seperti #include pada perintah bahasa C. Sintaks perintah ini adalah : <%@ include file=”filename” %> filename
           
           adalah
           
           alamat
           
           absolute
           
           atau
           
           relative
           
           yang
           
           akan
           
           terjemahkan sesuai konteks dari servlet yang berlaku, contoh : <%@ include file=”/header.html” %> <%@ include file=”/doc/legal/disclaimer.html” %> <%@ include file=”sortmethod” %> 3. taglib Perintah taglib memungkinkan akse-aksi dapat dilakukan pada file melalui penggunaan kumpulan tag. Sintaks perintah ini adalah : <%@
           
           taglib
           
           url=”tagLibraryURL”
           
           prefix=”tagPrefix”
           
           %> tagLibraryURL adalah URL dari kumpulan tag sedangkan prefix adalah penamaan tag yang kita tentukan sendiri. Contoh :
           
           <%@
           
           tglib
           
           url=”/tlds/FancyTableGenerator.tld”
           
           prefix=”ft” %>
           
           LSP Telematika Indonesia
           
           183
           
           jika FancyTableGenerator.tld mendefinisikan tag bernama table maka halam JSP dalam mengandung tag dengan tipe : ... . ƒ
           
           Element scripting termasuk di dalamnya ekspresi, scriptlets dan deklarasi JSP menyediakan cara mudah untuk mengakses nilai variabel Java atau ekspresi lain dan menggabungkan nilainya dengan HTML di halaman yang sama. Sintaksnya adalah : <%=exp%> exp adalah ekspresi dalam java. Ekspresi dapat memiliki tipe data yang berbeda asalkan bisa dikonversi menjadi string. Konversi dilakukan hanya dengan menghasilkan perintah out.print(). Contoh kode JSP : the current time is <%= new java.util.Date() %> akan menghasilkan kode servlet : out.write(“The current time is “); out.print( new java.util.Date() ); out.write(“\r\n”);
           
           Scriptlet adalah sekumpulan statement-statement yang bertujuan untuk memproses permintaan HTTP. Sintaks dari scriptlet adalah : <% statement; [statement;...] %> Kompilator JSP akan memasukkan isi scriptlet verbatim ke dalam method _jspService() sesuai urutan penulisan kode. Sebuah scriptlet dapat mengandung symbol ({} yang ditutup di scriplet lain. Perhatikan contoh file JSP dibawah ini : <%@ page import =”java.text.*” session=”false” > <% NumberFormat fmt = new DecimalFormat(“###.000”); for (int f=32; f<=212; f +=20) { double c = ((f-32) * 5) / 10.0; String cs = fmt.format(c); %> <% } LSP Telematika Indonesia
           
           184
           
           %>

           Fahrenheit	Celcius
           <%= f %>	<%= cs %>

           Kode diatas terdiri dari 2 (dua) scriptlet, satu pada loop dan lainnya untuk menutup ( { }. Diantara kedua scriptlet, terdapat kode HTML untuk menghasilkan sebaris tabel, menggunakan ekspresi JSP untuk mengakses nilainya. Kode servlet yang dihasilkan mengubah scriptlet dan kode yang ada diantaranya menjadi seperti dibawah. NumberFormat fmt = new DecimalFormat(“###.000”); for (int f=32; f <= 212; f += 20) { double c = ((f-32) * 5) / 9.0; String cs = fmt.format(c); out.write(“\r\n \r\n ”); out.print(f); out.write(“\r\n \r\n ”); out.print(cs); out.write(“\r\n \r\n”); } Hasil keluarannya seperti di bawah ini : Fahrenheit 32 52 72 92 112 132 152 172 192 212
           
           Celcius .000 11.111 22.222 33.333 44.444 55.556 66.667 77.778 88.889 100.000
           
           Deklarasi mengandung statement java tetapi berbeda dengan scriptlet, deklarai berada di luar method _jspService(). Sintaks dari deklarasi adalah : <%! statement [statement...] %>
           
           Deklarasi dapat digunakan untuk mendeklarasi kelas atau instance variabel, method atai inner class. Berbeda dengan scriplet, deklarasi tidak memiliki akses ke objek implicit. Objek implicit adalah variable yang bisa berada dalam scriptlet dan ekspresi, bisa diakses seperti variable lainnya tetapi tidak perlu dideklarasi terlebih dahulu.
           
           LSP Telematika Indonesia
           
           185
           
           Spesifikasi JSP menyediakan 2 (dua) cara untuk memasukkan comments dalam file JSP yaitu hidden comment yang hanya terlihat dalam file JSP itu sendiri dan comment HTML atau XML yang dapat digunakan dalam file JSP. Sintaks dari hidden comment adalah sebagai berikut : <%-- This is a hidden JSP Comment --%> sedangkan sintaks dari comment HTML atau XML : Ketika kompilator JSP menemukan tag <%-- maka semua yang berada diantara tag ini kanad diabaikan hingga kompilator menemukan tag --%>
           
           ƒ
           
           Aksi Aksi adalah tag JSP tingkat tinggi yang dapat digunakan untuk membuat, memodifikasi atau menggunakan objek lain. Berbeda dengan tag perintah atau scripting, aksi dikodekan menggunakan sintaks XML yang ketat : ... atau, jika aksi tidak memiliki statement diantaranya maka penulisan kode dapat dipersingkat menjadi : Aturan XML mengharuskan : 1. Setiap tag memiliki tag penutup 2. Nilai atribut diawali dan diakhiri dengan symbol kutip (“) 3. Pasangan tag harus sesuai Beberapa contoh aksi diantaranya adalah : •
           
           jsp:include Mengikutsertakan sebuah file ketika suatu halaman diakses
           
           •
           
           jsp:useBean Mencari atau membuat objek baru dari JavaBean
           
           •
           
           jsp:setProperty Mengeset properti dari JavaBean
           
           •
           
           jsp:getProperty Memasukkan properti dari JavaBean ke output
           
           •
           
           jsp:forward Meneruskan ke halaman baru
           
           •
           
           jsp:plugin Menghasilkan kode dari browser tertentu yang membuat objek atau tag yang disisipkan untuk Java plugin
           
           Berikut ini adalah contoh kode JSP yang menggunakan semua tag yang telah dijelaskan sebelumnya. Kode ini dinamakan Echo.jsp yang berfungsi untuk LSP Telematika Indonesia
           
           186
           
           menampilkan tabel yang mengandung informasi mengenai permintaan HTTP yang dikirim browser. <%@ page import=”java.util.*” %> <style> <jsp:include page=”style.css” flush=”true”/>

           HTTP Request Headers Received

           <% Enumeration eNames = request.getHeaderNames(); while (eNames.hasMoreElements()) { String name = (String_ eNames.nextElement(); String value = normalize(request.getHeader(name)); %> <% } %>

           <%= name %>

           <%= value %>

           <%! private String normalize(String value) { StringBuffer sb = new StringBuffer(); for(int i=0; I < value.length(); i++) { char c = value.charAt(i); sb.append(c); if(c==’;’) sb.append(“
           ”); } return sb.toString(); } %> Mari kita bahas kode JSP di atas bagian demi bagian. Perintah File JSP diawali dengan perintah yang menandakan
           
           bahwa file
           
           di
           
           atas
           
           menggunakan paket java.util : <%@ page import=java.util. %> Perintah ini akan muncul di kode servlet pada bagian awal dari daftar kelas yang di-import : ... import import import import import
           
           java.util.*; javax.servlet.*; javax.servlet.http.*; javax.servlet.jsp.*; org.apache.jasper.runtime.*;
           
           LSP Telematika Indonesia
           
           187
           
           <jsp:include> File diatas menggunakan style sheet untuk mengatur tampilan dari output. Penggunaan style sheet dengan menggunakan aksi <jsp:include> : <jsp:include page=”style.css” flush=”true” /> Aksi <jsp:include> menyebabkan style sheet di bawah ini dibaca ketika waktu permintan : body { font: Sans-Serif 12 px; background-color : #FEFEF2; }; h1 { font-size: 130%} Scriptlet Ada 2 (dua) scriptlet dalam file JSP di atas, dengan template HTML data terletak sebelum, diantara dan setelah scriptlet. Data HTML <style> .... diteruskan tanpa mengalami perubahan dengan statement write : out.write {“\r\n\r\n” + “ \r\n” + ” \r\n + “ <style>\r\n ... Kemudian scriptlet yang pertama hanya di salin ke servlet :
           
           “);
           
           Enumeration eNames = request.getHeaderNames(); while {eNames.hasMoreElements()) { String name = (String)eNames.nextElement(); String value = normalize(request.getHeaderName()); Scriplet yang kedua hanya terdiri dari symbol ( } ).
           
           Ekspresi JSP Setiap iterasi dari loop, scriptlet menghasilkan nama header dan nilai header dari objek permintaan. Daripada mengeprint setiap nilai dengan menggunakan out.write(), pembuat kode kembali ke HTML dan menggunakan ekspresi tag. <% <%= name %><%= value %> %> yang menghasilkan kode servlet seperti di bawah ini : out.write(“\r\n ”); out.print(name); out.write(“”); out.print(value); out.write(“\r\n “);
           
           LSP Telematika Indonesia
           
           188
           
           Deklarasi Nilai header bisa panjang dan menyebabkan lebar tabel tidak mencukupi. Untuk mengatasi masalah ini, dengan cara menscan nilai header untuk mencari symbol ( ; ) dan memasukkan tag
           ketika symbol tersebut ditemukan. Fungsi ini dijalankan dengan method normalize(), yang ditemukan di bagian akhir file JSP : <%! private String normalize(String value) { StringBuffer sb = new StringBuffer(); for(int i=0; I < value.length(); i++) { char c = value.charAt(i); sb.append(c); if (c == ‘;’) sb.append(“
           ”); } return sb.toString(); } %> Seperti kasus kedua scriptlet, kode deklarasi di salin verbatim ke servlet yang dihasilkan tetapi tidak berada dalam method _jspService(). Sebaliknya, ditulis dalam block kelas tetapi di luar method lainnya, dekat dengan awal servlet : private String normalize(String value) { StringBuffer sb = new StringBuffer(); for(int i=0; I < value.length(); i++) { char c = value.charAt(i); sb.append(c); if (c == ‘;’) sb.append(“
           ”); } return sb.toString(); } Hasil tampilan dari kode diatas adalah sebagai berikut :
           
           Gambar 4.10.1.1 Output Echo.jsp
           
           LSP Telematika Indonesia
           
           189
           
           4.10.2 JSP Cookies Cookie adalah data yang dikirim web server ke browser client. Cookies tersimpan di client hard disk dalam bentuk file teks. Cookies dapat digunakan web server untuk mengidentifikasi pengguna web, dengan cara inilah server dapat melacak user. Di JSP, cookie adalah objek dari kelas javax.servlet.http.Cookie. Kelas dini digunakan untuk membuat cookie. Pada umumnya cookie digunakan untuk management session karena cookie dapat mengidentifikasi client. Sebuah cookie memiliki nama, nilai dan atribut seperti comment, path dan domain, umur dan versi. Method getCookies() akan mengembalikian array dari objek Cookie. Cookies dibuat dengan kode sebagai berikut : Cookie(java.lang.String nama, java.lang.String nilai) Berikut ini adalah method-method untuk Cookie : Tabel 4.10.2.1 : Method-method Cookie
           
           Method
           
           Keterangan Mengembalikan comment yang menjelaskan tujuan dari getComment() cookie atau bernilai null jika comment tidak dibuat. getMaxAge() Mengembalikan umur cookie getName() Mengembalikan nama cookie getPath() Mengembalikan prefiks dari URL getValue() Mengembalikan nilai cookie setComment(String) Mengeset comment untuk cookie Mengeset umur dari cookie. Cookie akan berakhir setelah setMaxAge(int) umur terlewati. Cookie akan muncul hanya jika ada permintaan yang setPath(String) diawali dengan URL ini setValue(String) Mengeset nilai cookie. Berikut ini adalah contoh kode untuk mengeset dan menampilkan cookie : 1.
           
           Membuat Form yang akan meminta user untuk memasukkan namanya (cookieform.jsp) <%@ page language="java" %>
           
           LSP Telematika Indonesia
           
           190
           
           

           Enter Your Name:
           

           2.
           
           Input dari user (setcookie.jsp)
           
           akan
           
           digunakan
           
           untuk
           
           mengeset
           
           nilai
           
           cookies
           
           <%@ page language="java" import="java.util.*"%> <% String username=request.getParameter("username"); if(username==null) username=""; Date now = new Date(); String timestamp = now.toString(); Cookie cookie = new Cookie ("username",username); cookie.setMaxAge(365 * 24 * 60 * 60); response.addCookie(cookie); %>

           Next Page to view the cookie value

           3.
           
           Kode di atas akan mengeset nilai cookie dan menampilkan link untuk memperlihatkan halaman cookie (showcookievalue.jsp) <%@ page language="java" %> <% String cookieName = "username"; Cookie cookies [] = request.getCookies (); Cookie myCookie = null; if (cookies != null) { for (int i = 0; i < cookies.length; i++) { if (cookies [i].getName().equals (cookieName)) { myCookie = cookies[i]; break; } } } %>
           
           LSP Telematika Indonesia
           
           191
           
           <% %> <%
           
           if (myCookie == null) { No Cookie found with the name <%=cookieName%>
           
           } else { %>

           Welcome: <%=myCookie.getValue()%>. <% } %>
           
           4.10.3
           
           JSP Session
           
           Dalam aplikasi web user berpindah dari satu halaman ke halaman lainnya, untuk itu aplikasi perlu melacak data user dan objek selama berada dalam aplikasi. JSP menyediakan sebuah objek implicit “session”, yang dapat digunakan untuk menyimpan data tertentu. Selanjutnya, kita akan membuat sebuah aplikasi yang mengambil
           
           nama
           
           user
           
           dan
           
           menyimpannya
           
           ke
           
           session
           
           user.
           
           Kita
           
           akan
           
           menampilkan data yang telah disimpan user pada halaman lainnya. 1. Kode JSP untuk meminta input user (savenameform.jsp) <%@ page language="java" %>

           Enter Your Name:
           

           2. Halaman di atas akan meminta nama user. Ketika user memilih tombol submit, file savenametosession.jsp terpanggil. File ini akan mengambil nama
           
           user
           
           dan
           
           menyimpannya
           
           LSP Telematika Indonesia
           
           ke
           
           session
           
           user
           
           dengan
           
           fungsi
           
           192
           
           session.setAttribute(“username”, username); Berikut ini adalah kode savenametosession.jsp : <%@ page language="java" %> <% String username=request.getParameter("username"); if(username==null) username=""; session.setAttribute("username",username); %>

           Next Page to view the session value

           3. File di atas menyimpan nama user ke objek session dan menampilkan link ke halaman selanjutnya (showsessionvalue.jsp). Ketika user memilih link “Next Page to view the session value”, halaman showsessionvalue.jsp menampilkan nama user. Berikut ini adalah kode dari showsession.jsp : <%@ page language="java" %> <% String username=(String) session.getAttribute("username"); if(username==null) username=""; %>

           Welcome: <%=username%>

           Fungsi
           
           session.getAttribute(“username”)
           
           digunakan
           
           untuk
           
           mengambil
           
           nama user yang tersimpan di session.
           
           Membuat Aplikasi Web menggunakan Servlet Pada contoh pembuatan servlet kali ini, penulis menggunakan editor NetBeans 4.0. Lngkah-langkahnya:
           
           1. PIlih menu File | New dan pilih File Types HTML, lalu klik next dan beri nama file SelamatBelajar.html(jangan ditulis .html -nya)
           
           LSP Telematika Indonesia
           
           193
           
           Gambar 4.10.3.1 Membuat dokumen HTML
           
           2. Edit kode sebagai berikut, aksi dari penekanan button submit ialah pemanggilan servlet /SelamatBelajar. Dimana data yang telah dimasukkan dapat diperoleh menggunakan method getParameter(). Untuk memberikan warna latar belakang digunakan fungsi bgcolor.

           <marquee behavior=alternate> Daftar Training di eTechnology Center

           ---

           Mohon masukkan data diri Anda

           Nama

           Email
           

           Materi <select name="materi"> Web Programming using J2EE Oracle 10g PL/SQL and Form Developer Database Programming using VB.NET and SQL Server 2000 IT Specialist (Networking Win 2003 and .NET Programming)
           

           Hari Training : Sabtu Pagi Sabtu Siang Ahad Pagi Ahad Siang

           
           Pesan :
           
           

           LSP Telematika Indonesia
           
           194
           
           

           Program di atas akan menampilkan dokumen HTML dimana meminta user memasukkan data diri menggunakan dan memilih jenis training neggunakan Combobox serta pilihan hari menggunakan checkbox dengan menampung nilai yang dipilih menggunakan value.. <select name="materi"> Web Programming using J2EE Oracle 10g PL/SQL and Form Developer Database Programming using VB.NET and SQL Server 2000 IT Specialist (Networking Win 2003 and .NET Programming) Kode diatas untuk menampilkan cekbox, sedangkan fungsi berikut digunakan untuk menampilkan cekbox dengan nilai yang disimpan menggunakan fungsi value. Hari Training : Sabtu Pagi Sabtu Siang Ahad Pagi Ahad Siang Ketika user mengklik button submit, maka data akan dikirim /di post ke alamat tertentu menggunakan fungsi action dan method=”POST”. Method POST ini kelebihannya dapat mengirimkan data dalam berbagai format dan lebih secure dibandingkan method GET. Karena server yang digunakan bernama localhost dan port yang digunakan oleh Tomcat 8084 serta nama folder J2EE dan nama servlet tujuan ialah SelamatBelajar, maka penulisannya sebagai berikut :

           8. Buat file servlet dengan memilih menu new lalu pilih Servlet dan beri nama SelamatBelajar.java, lalu akan tercipta Deployment descriptor (web.xml) yang membuat URL Mapping /SelamatBelajar
           
           LSP Telematika Indonesia
           
           195
           
           Gambar 4.10.3.2 URL Maping untuk web.xml
           
           9. Edit kode menjadi seperti berikut ini, anda harus menambahkan import java.util.* karena akan menggunakan kelas GregorianCalendar yang mempunyai berbagai method yang memudahkan kita di dalam melakukan operasi yang berhubungan dengan tanggal. Servlet yang kita buat harus turunan dari kelas HttpServlet.
           
           import java.io.*; import java.util.*; //paket untuk kelas GregorianCalendar import java.net.*; import javax.servlet.*; //paket wajib untuk servlet import javax.servlet.http.*;//paket wajib untuk servlet //Ciri servlet ialah biasanya turunan dari kelas HttpServlet public class SelamatBelajar extends HttpServlet { public void init(ServletConfig config) throws ServletException { super.init(config);} public void destroy() {} protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //Ambil nilai dari textbox menggunakan getParameter String name=request.getParameter("name"); String email=request.getParameter ("email"); String materi =request.getParameter ("materi"); String hari=request.getParameter("cb"); String pesankhusus=request.getParameter("pesan"); String pesan=null; GregorianCalendar calendar= new GregorianCalendar(); //jika user submit data pada pagi hari / AM. if (calendar.get(Calendar.AM_PM )==Calendar.AM) { pesan="Selamat pagi :)"; } else { pesan="selamat Sore"; } response.setContentType("text/html"); //Objek out dari kelas PrintWriter untuk mencetak PrintWriter out = response.getWriter(); LSP Telematika Indonesia
           
           196
           
           out.println(""); out.println(""); out.println(""); out.println(""); out.println(""); out.println(""); out.println("

           Selamat Datang :)

           "); out.println ("

           " + pesan + ", "+ name+"

           "); out.println ("

           Terima kasih telah mendaftarkan email Anda: " + email + " dengan Kami

           
           "); out.println ("

           Materi training yang Anda akan ambil ialah: " + materi + "

           
           "); out.println ("

           Hari yang Anda pilih ialah: " + hari + "

           
           "); out.println ("

           Pesan Anda ialah: " + pesankhusus +"

           
           " ); out.println (" Team e-Technology Center Copyright 2005"); out.println(""); out.println(""); out.close(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { processRequest(request, response); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { processRequest(request, response); } public String getServletInfo() { return "Short description"; } } Umumnya kelas di servlet merupakan turunan dari kelas HttpServlet. Program diatas akan mengambil parameter /data yang dimasukkan ke teksbox menggunakan method getParameter(). Hasil proses akan ditampilkan dalam bentuk dokumen HTML dan dikirimkan ke browser klien. 10. Perhatikan file web.xml yang ada di dalam folder WEB-INF yang berfungsi agar apabila browser mengakses suatu situs, dapat mengenal servlet tersebut berupa alias. Informasi yang paling penting dari web.xml ialah <servlet-name> dan karena mementukan alamat pemanggilan servlet tersebut. Berikut kode yang degenerate oleh NetBeans: <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com /xml/ns/j2ee/web-app_2_4.xsd"> <servlet> <servlet-name>SelamatBelajar <servlet-class>SelamatBelajar <servlet-mapping> <servlet-name>SelamatBelajar /SelamatBelajar LSP Telematika Indonesia
           
           197
           
           <session-config> <session-timeout> 30 <welcome-file-list> <welcome-file> index.jsp 11. Jalankan program dengan mengklik Run atau klik kanan mouse dan pilih Run File pada file SelamatBelajar.html. Pastikan servlet SelamatBelajar.java telah anda kompile dengan klik kanan mouse pada servlet tersebut agar menghasilkan file Selamatbelajar.class yang akan tersimpan di folder classes.
           
           Gambar 4.10.3.3 Hasil
           
           LSP Telematika Indonesia
           
           198
           
           Gambar 4.10.3.4 hasil pemanggilan servlet
           
           Untuk penguasaan materi lanjut, penulis mengharapkan Anda mempelajari mengenai Design Framework
           
           yaitu MVC, Struts Framework, Spring dan
           
           Hibernate.
           
           Soal Latihan 1. 2. 3.
           
           Dokumentasi program java yang dapat dilihat di web browser Method yang tidak membutuhkan implicit parameter Perintah untuk menggunakan driver SQL
           
           a. Encupsulation b. javac hello.java c. static d. Class.forName(); e. javadoc
           
           Soal Praktek 4. Buatlah program java yang menghasilkan output seperti di bawah ini :
           
           LSP Telematika Indonesia
           
           199
           
           5. Buatlah program java yang melakukan pengurutan angka. Contoh keluarannya adalah sebagai berikut :
           
           LSP Telematika Indonesia
           
           200
           
           BAB 5 ASP dan ASP .NET Tujuan Instruksional Umum :
           
           1. Siswa dapat menjelaskan cara Pemrograman Web ASP dan ASP .NET 2. Siswa dapat menggunakan basis data dengan ASP .NET Tujuan Instruksional Khusus : 1. Siswa dapat membuat file ASP dan ASP .NET sederhana 2. Siswa dapat membuat session dan cookies 3. Siswa dapat membuat program dengan user control 4. Siswa dapat menerapkan keamanan web 5. Siswa dapat melakukan debugging 6. Siswa dapat membuat aplikasi web dinamis Materi yang ada di bab ini memenuhi : 1. TIK.PR02.014.01
           
           Melakukan debugging program
           
           2. TIK.PR08.010.01
           
           Membuat program aplikasi web berbasis ASP
           
           Berikut ini adalah gambaran umum dari materi yang ada di bab ini :
           
           LSP Telematika Indonesia
           
           201
           
           5.1 Pengenalan .NET Active Server Pages (ASP) adalah teknologi yang dikembangkan oleh Micrososft untuk membuat web sites dinamis dimana pengunjung dapat memasukkan suatu value pada halaman web yang kemudian akan dikirimkan ke web server. Teknologi ini membutuhkan pengalaman dan pengetahuan bahasa pemrograman seperti VBScript atau JavaScript. ASP juga dapat dengan mudah dimengerti oleh programmer Visual Basic karena keduanya memiliki pendekatan yang sama dalam memecahkan sebuah problem. Untuk meningkatkan kualitasnya, Microsoft mengembangkan ASP .NET. Dengan pendekatan terbaru ini, Anda dapat mempergunakan .NET framework dan fitur-fiturnya yang beragam untuk membuat aplikasi berbasis web. Framework .NET adalah library yang digunakan untuk membuat aplikasi computer-based maupun web-based. Keduanya dibuat dari bagian framework yang berbeda. Bagian yang digunakan untuk membuat aplikasi computerbased adalah Windows Forms. Sedangkan, bagian yang digunakan untuk membuat aplikasi berbasis web adalah ASP .NET. Meskipun framework .NET terdiri dari beragam sub-library, Anda dapat menciptakan aplikasi apapun dengan hanya menggunakan ASP .NET. Salah satu perbedaan antara ASP .NET dan ASP adalah bahwa aplikasi ASP diinterpretasikan oleh browser sedangkan aplikasi ASP. NET di-compile terlebih dahulu.
           
           5.2 Pengenalan ASP and ASP .NET
           
           5.2.1 ASP Active
           
           Server
           
           Pages
           
           atau
           
           ASP
           
           adalah
           
           teknologi
           
           yang
           
           memungkinkan
           
           developer untuk mengerjakan proses dalam server. ASP adalah teknologi server side, yang berarti ASP bersifat browser independent. Ini berarti aplikasi web Anda dapat dijalankan oleh browser apapun.
           
           Halaman yang ditampilkan di browser hanya HTML saja atau beserta skrip yang ingin Anda jalankan di client. Sedangkan kode ASP Anda tersembunyi
           
           LSP Telematika Indonesia
           
           202
           
           rapi
           
           dan
           
           terbebas
           
           dari
           
           sentuhan
           
           tangan-tangan
           
           yang
           
           kurang
           
           bertanggungjawab. Dengan ASP, developer akan mendapatkan kemudahan dalam membuat aplikasi web. Pilihan bahasa skrip yang digunakan adalah VBScript sebagai default dan Jscript. Namun developer juga dapat menggunakan bahasa skrip lainnya dengan menambahkan add-in untuk ASP, baik yang disediakan Microsoft atau pihak ketiga (third-party). Bukan hanya sisi kemudahan saja yang membuat ASP saat ini dipakai oleh banyak web developer di seluruh dunia. ASP merupakan bagian dari active platform yang berbasiskan teknologi component object model (COM). Dengan teknologi ini, ASP menjadi sangat efisien dalam segi konektivitas maupun penanganan aplikasi untuk transaksi yang jumlahnya sangat banyak. Hal ini dimungkinkan dengan pemakaian Microsoft Transaction Server (MTS). Keuntungan ASP lainnya adalah dukungannya terhadap server component. Dengan server component, developer dapat membuat aplikasi activeX dengan menggunakan bahasa pemrograman seperti Visual Basic, Delphi, C++, Java, atau lainnya dan kemudian menjalankan di ASP Anda.
           
           5.2.2 ASP .NET Untuk membuat aplikasi ASP .NET, Anda harus mempersiapkan komputer Anda yang akan digunakan untuk mengembangkan aplikasi ASP .NET Anda. Semua
           
           hal
           
           yang
           
           Anda
           
           pergunakan
           
           disediakan
           
           secara
           
           gratis.
           
           Untuk
           
           memulainya, komputer Anda harus memiliki salah satu dari Operating Systems dibawah ini: •
           
           Microsoft Windows XP Professional (no Home Edition)
           
           •
           
           Microsoft Windows 2000 Server
           
           •
           
           Microsoft Windows Server 2003 (any version) Anda juga harus telah menginstall browser Internet Explorer atau browser lainnya. Spesifikasi minimal yang harus Anda miliki adalah Internet Explorer 5.5, akan tetapi untuk beberapa alasan khusus, Anda harus menginstall versi 6.0.
           
           LSP Telematika Indonesia
           
           203
           
           Jika Anda berniat untuk membuat aplikasi berbasis web yang memerlukan database, maka Anda harus menginstall MDAC >= 2.7, yang dapat didownload secara gratis dari web site Microsoft. Sehubungan dengan salah satu Operating System diatas, Anda harus menginstall Microsoft Internet Information Services (IIS) 6.0. Biasanya, selama proses penginstallan operating system, Anda akan memiliki prompt khusus untuk menginstallnya. Atau Anda dapat menginstallnya dari Control Panel -> Add/Remove Programs -> Add/Remove Windows Component -> Internet Information Services (IIS) dan ikuti tahapan-tahapannya:
           
           Gambar 5.2.2.1 Windows Components Wizard
           
           Jika operating system dan komponen tersebut telah siap, Anda harus menginstall framework .NET. Biasanya framework .NET telah terinstall secara otomatis. Jika Anda ingin memeriksanya, Anda dapat membuka Add/Remove Programs dari Control Panel dan Anda akan melihat entry untuk framework Microsoft .NET.
           
           LSP Telematika Indonesia
           
           204
           
           Gambar 5.2.2.2 Add/Remove Programs
           
           5.2.3
           
           Membuat Proyek Web
           
           Jika Anda pernah membuat web sebelumnya, Anda tentunya telah familiar dengan konsep dari sebuah web site, yaitu kumpulan file sebagai halaman web dalam sebuah folder. ASP .NET menggunakan pendekatan yang sama dengan hal tersebut, yakni proyek web ASP .NET adalah satu atau lebih file yang akan dihadirkan sebagai aplikasi. Seperti web site lainnya, aplikasi ASP .NET dapat terdiri dari tipe file yang berbeda, file dengan extension yang berbeda untuk tujuan yang berbeda. Hal ini berarti, untuk membuat aplikasi ASP .NET, Anda dapat memulai dengan membuat file HTML yang ber-extension .htm atau .html. Anda juga dapat menggunakan file Cascading Style Sheet (CSS) yang memudahkan Anda untuk membuat format HTML yang lebih baik. Anda juga dapt menggunakan file script-oriented yang ber-extension .js, .vbs, .pl untuk menyempurnakan halaman lainnya.
           
           LSP Telematika Indonesia
           
           205
           
           Untuk membuat aplikasi ASP .NET, Anda dapat memulainya dengan membuat sebuah folder dengan nama pilihan Anda. Dibawah ini adalah contoh sebuah folder baru dengan nama Grier Summer Camp:
           
           Gambar 5.2.3.1 Folder Tempat Menaruh File Project
           
           Setelah membuat folder untuk proyek ASP. NET, Anda harus membuat sebuah virtual directory. Untuk melakukannya, Anda harus menampilkan window Internet
           
           Information
           
           Services
           
           (IIS)
           
           atau
           
           Internet
           
           Services
           
           Manager.
           
           Kemudian, di frame sebelah kiri, expand nama dari server Anda (jika Anda menggunakan server atau komputer lain tetapi tidak terdapat di list, klik kanan Internet Information Services, klik Connect, ketik nama dari komputer dan klik OK) dan expand node dari Web Site default (jika Anda menggunakan Microsoft Windows XP Professional, Anda harus expand Web Site dibawah nama komputer). Klik kanan Default Web Site -> New -> Virtual Directory. Pada halaman pertama dari wizard yang muncul, Anda dapat mengklik Next. Pada
           
           halaman
           
           kedua,
           
           Anda
           
           harus
           
           mengetik
           
           nama
           
           yang
           
           akan
           
           Anda
           
           pergunakan di browser untuk mengakses aplikasi yang Anda buat. Dibawah ini adalah contohnya:
           
           LSP Telematika Indonesia
           
           206
           
           Gambar 5.2.3.2 Virtual Directory Alias
           
           Pada halaman ketiga, Anda dapat mengetikkan full path ke folder yang Anda buat atau Anda dapat klik Browse untuk mencari dan memilih folde yang telah Anda buat sebelumnya. Dalam dialog box Browse For Folder, cari folder yang Anda buat.
           
           Gambar 5.2.3.3 Web Site Content Directory
           
           LSP Telematika Indonesia
           
           207
           
           Halaman keempat mengharuskan Anda untuk memspesifikasikan bagaimana halaman-halaman web pada site akan diakses:
           
           Gambar 5.2.3.4 Access Permission
           
           Setelah mengklik Next pada halaman keempat, Anda dapat klik Finish pada halaman kelima dan sebuah web site baru akan tercipta untuk aplikasi Anda. Microsoft Visual Studio .NET Kesederhanaan Notepad cukup pas jika Anda hanya menuliskan kode. Pada beberapa
           
           kasus,
           
           jika
           
           Anda
           
           sedang
           
           mengembangkan
           
           aplikasi
           
           yang
           
           menampilkan grafik, Notepad memiliki beberapa keterbatasan karena semua kode harus diketik secara manual. Untuk meningkatkan pengembangan aplikasi ASP .NET, Microsoft menyediakan kesempurnaan tersebut pada Microsoft Visual Studio .NET. Microsoft Visual Studio .NET menyediakan fiturfitur yang memudahkan Anda untuk membuat sebuah aplikasi dan dapat melihat preview yang lebih baik dari pengaturan posisi item-item yang terdapat pada halaman web Anda. Pelajaran untuk membuat proyek web kali ini mengasumsikan bahwa Anda telah menginstall Microsoft Visual Studio .NET 2003 pada komputer Anda. Untuk memulai Microsoft Visual Studio .NET 2003, di Taskbar, Anda dapat klik
           
           LSP Telematika Indonesia
           
           208
           
           Start (All) Programs -> Microsoft Visual Studio .NET 2003 -> Microsoft Visual Studio .NET 2003
           
           Gambar 5.2.3.5 Microsoft Visual Studio
           
           Untuk membuat aplikasi ASP .NET di Visual Studio .NET, Anda dapat menampilkan dialog box New Project. Pada dialog box, Anda dapat memilih Visual Basic Projects, Visual C# Projects, atau Visual J# Projects. Pada bagian Templates, Anda dapat klik ASP .NET Web Application. Pada text box Location, di bagian kanan dari http://localhost/, Anda dapat menerima saran nama dari proyek Anda atau Anda dapat mengetikkan nama proyek yang Anda inginkan:
           
           LSP Telematika Indonesia
           
           209
           
           Gambar 5.2.3.6 New Project
           
           5.2.4
           
           Kompilasi Proyek Web
           
           Kode-kode yang dibuat untuk proyek web ASP .NET ditulis dalam bentuk plain text termasuk didalamnya tag HTML dan script section. Pada aplikasi ASP, kode-kode tersebut diinterpretasikan oleh browser langsung. Dengan ASP .NET, Anda harus meng-compile proyek tersebut dengan cara yang sama seperti yang Anda lakukan untuk memproses aplikasi Window lainnya. Untuk meng-compile dan execute proyek ASP .NET dalam satu tahapan, pada menu utama, Anda dapat klik Debug -> Start Without Debugging. Meskipun terdapat beberapa teknik atau cara lain dalam compiling (atau debugging) dan execute sebuah proyek, untuk saat ini teknik yang akan digunakan adalah teknik seperti ini.
           
           5.2.5
           
           Menjalankan Proyek Web
           
           Setelah membuat web site, Anda dapat menambahkan file kedalamnya. Anda dapat menciptakan text file dan menyimpannya dalam extension yang sesuai. Ketika menyimpan sebuah file, pastikan Anda menyimpannya dalam folder
           
           LSP Telematika Indonesia
           
           210
           
           yang telah Anda buat sebelumnya. Hal ini akan memungkinkan browser untuk mencari lokasi file-file tersebut melalui virtual directory. Halaman ASP .NET adalah file text-based dengan extension .aspx. Isi dari file tersebut tergantung pada Anda dan tidak memiliki kode spesial selain tag HTML biasa. Dibawah ini adalah contoh file dengan tag HTML biasa:
           
           

           The Grier Summer Camp

           Located in the heart of Rockville, Maryland, the Grier Summer Camp is an attractive setting aimed at entertaining and supporting youth activities during their summer vacation.

           Program Presentation

           We feature a state of the art, regularly renovated mansions with world class sport facilities.

           Coolfront Island, our star house of the season, is a 2-story like chateau featuring nicely finished brown bricks whose sight is tremendously appealing. The estate introduces two large living rooms with exquisite velour furniture. The colonial veranda offers a patio spanning two walls with a lost view down the farreaching landscape. In this particular setting, besides their usual activities, children will learn special human needs to make their experience unforgettable.

           Please consult our catalogue and see why the Washington Tribune called us the most attractive summer camp of the area.

           
           
           Setelah membuat file, Anda dapat menyimpannya dengan extension .aspx dalam folder yang Anda pilih:
           
           LSP Telematika Indonesia
           
           211
           
           Gambar 5.2.5.1 Menyimpan File Proyek
           
           Setelah menyimpan file tersebut, untuk melihatnya dalam window Internet Information Services, pertama cari virtual directory dari proyek Anda. Kemudian, Anda klik kanan file tersebut dan klik Browse. Cara lainnya adalah dengan membuka Browser dan mengaksesnya dari Address bar, ganti alamatnya dengan http://localhost/ diikuti dengan nama virtual directory yang telah Anda buat sebelumnya, dan dikuti dengan nama file beserta extensionnya.
           
           Dibawah
           
           ini
           
           merupakan
           
           hasil
           
           tampilan
           
           setelah
           
           Anda
           
           menjalankan aplikasi Anda di browser.
           
           LSP Telematika Indonesia
           
           212
           
           Gambar 5.2.3.2 Hasil Keluaran
           
           5.3 Pemrograman ASP .NET Dan ASP ASP .NET 5.3.1 Web
           
           User Control control adalah
           
           objek
           
           grafis
           
           yang
           
           memudahkan
           
           pengguna
           
           untuk
           
           berinteraksi dengan halaman-halaman web. Karena banyaknya jenis control untuk berbagai tujuan, pemasukan data dari pengguna ke aplikasi dan konfigurasinya tergantung kepada programmer. Toolbox adalah aksesori yang menyediakan jenis control yang digunakan dalam aplikasi. Control biasa yang dikenal oleh HTML terdaftar dalam bagian yang berjudul HTML:
           
           LSP Telematika Indonesia
           
           213
           
           Gambar 5.3.1.1 Toolbox
           
           Jenis control yang digunakan dalam aplikasi ASP .NET terdaftar dalam bagian yang berjudul Web Forms. Sebagai default, Toolbox berada di bagian kiri dari IDE. Untuk mengubah posisinya, Anda dapat drag and drop title bar tersebut ke posisi yang Anda inginkan. Toolbox juga menggunakan lebar default untuk menampilkan itemitem yang terdapat didalamnya. Jika lebarnya terlalu kecil atau besar untuk Anda, Anda dapat mengubahnya. Untuk melakukannya, arahkan mouse Anda ke border pada bagian kanan dan drag kearah kiri atau kanan. Saat Microsoft Visual Studio .NET di-install, Toolbox menambahkan button secara acak. Awalnya, hal tersebut akan menyulitkan untuk menemukan jenis control yang sesuai dengan yang Anda perlukan.Untuk membuatnya lebih baik, Anda dapat mengatur daftar control tersebut sesuai pilihan Anda. Anda memiliki dua pilihan utama. Untuk mengubah posisi dari suatu item pada daftar, klik kanan item tersebut dan klik Move Up atau Move Down. Cara LSP Telematika Indonesia
           
           214
           
           lainnya adalah Anda mengatur item-item tersebut dengan urutan alphabet. Untuk melakukannya, klik kanan dimanapun pada bagian HTML atau Web Forms dan klik Sort Item Alphabetically. Jika Anda telah mengaturnya secara alphabetis, Toolbox akan mengabaikan pengaturan sebelumnya dan Anda tidak dapat mengulanginya lagi. Cara lainnya adalah dengan klik kanan button dari control tersebut dan klik Move Up atau Move Down. Untuk menambahkan control pada aplikasi Anda, Anda dapat drag jenis control yang Anda inginkan dari Toolbox dan drop di posisi yang Anda inginkan pada form halaman web Anda. Control yang telah Anda pilih tersebut akan berada tepat di posisi dimana mouse Anda berhenti. Dengan cara yang sama, Anda dapat menambahkan jenis control lainnya pada halaman web aplikasi Anda. Cara lainnya adalah dengan double click jenis control tersebut dari Toolbox dan secara otomatis control tersebut akan muncul pada bagian atas kiri form halaman web Anda. Jika Anda menginginkan untuk menambahkan beberapa jenis control lebih dari satu kali, sebelum memilihnya pada Toolbox, tekan dan tahan tombol Ctrl. Kemudian klik pada jenis control yang Anda inginkan pada Toolbox. Hal tersebut akan secara permanen memilih jenis control tersebut. Setiap kali Anda membuat form, control tersebut akan ditambahkan secara otomatis. Jika Anda telah menambahkan control tersebut sesuai jumlah yang Anda inginkan, pada Toolbox, klik tombol Pointer untuk menghilangkan otomatisasi penambahan control tersebut.
           
           5.3.2
           
           Pemrograman user control
           
           Anda dapat membuat user control secara deklaratif dengan menggunakan text atau HTML editor. Syntax deklaratif user control sama dengan syntax yang digunakan untuk membuat halaman Web Forms. Perbedaan yang utama adalah bahwa user control menggunakan @ Control directive di tempat @ Page directive, dan bahwa user control tidak termasuk dalam elemen , dan di sekitar content. User control sama sederhananya dengan file text, atau dapat termasuk dalam server control pada ASP .NET. Jika Anda menginginkan untuk berbagi informasi antara user control dan halaman hosting, Anda dapat membuat properti untuk user control yang Anda buat. LSP Telematika Indonesia
           
           215
           
           Prosedur dibawah ini menggambarkan form logon yang dapat Anda masukkan pada halaman yang berbeda di aplikasi Anda.
           
           Untuk membuat user control 1. Buat file baru dan beri nama dengan extension .ascx. Sebagai contoh, beri nama user control Anda dengan Logonform.ascx 2. Buat sebuah @ Control directive pada bagian atas halaman dan spesifikasikan bahasa pemrograman yang akan Anda pergunakan untuk control tersebut (jika ada). Contoh dibawah ini menunjukkan @ Control directive pada halaman yang menggunakan Visual Basic .NET sebagai bahasa pemrograman.
           
           <%@ Control Language="VB" %>
           
           Catatan: Jika Anda telah membuat aplikasi web dengan Visual Basic .NET, maka semua halaman dan user control pada aplikasi harus menggunakan bahasa pemrograman yang sama. 3. Buat elemen atau control elemen antarmuka yang Anda ingin agar user control dapat menampilkannya. 4. Buat properti pada control tersebut jika Anda menginginkan user control dan halaman hosting dapat berbagi informasi. Contoh dibawah ini menunjukkan user control yang lengkap untuk menampilkan text box dimana pengguna dapat mengetikkan nama dan label dimana nama tersebut ditampilkan. User control juga membebaskan properti Name dari proteksi aplikasi sehingga variabel nama bisa di-set pada halaman hosting. [Visual Basic]
           
           <%@ Control Language="VB" %> <script runat="server"> Public Property Name As String Get Return labelOutput.Text End Get Set textName.Text = Server.HtmlEncode(value) labelOutput.Text = Server.HtmlEncode(value) End Set End Property
           
           LSP Telematika Indonesia
           
           216
           
           Public Sub buttonDisplayName_Click(sender As Object, e As EventArgs) labelOutput.Text = textName.Text End Sub

           Enter your name:

           Hello, .

           [C#]
           
           <%@ Control Language="C#" %> <script runat="server"> public String Name { get { return labelOutput.Text; } set { textName.Text = Server.HtmlEncode(value); labelOutput.Text = Server.HtmlEncode(value); } } void buttonDisplayName_Click(object sender, EventArgs e) { labelOutput.Text = textName.Text; }

           LSP Telematika Indonesia 217 Enter your name:

           Hello, .

           
           
           5.3.3
           
           Handling events
           
           Fungsionalitas event disediakan oleh elemen-elemen dibawah ini: •
           
           Sebuah
           
           class
           
           yang
           
           menangani
           
           data
           
           event
           
           (misalnya,
           
           EvenArgs,
           
           ImageClickEventArgs). •
           
           Event delegate (misalnya, EventHandler, ImageClickEventHandler).
           
           Catatan: Dua class diatas secara umum didefinisikan diluar control yang Anda buat. Dua hal dibawah ini didefinisikan pada control yang Anda buat. •
           
           Event member yang didefinisikan pada control Anda. Hal tersebut diidentifikasikan dengan kata kunci event.
           
           •
           
           Method pada control Anda yang memanggil delegate (misalnya, OnClick, OnTextChanged).
           
           Contoh dibawah ini menggambarkan event Click pada jenis control MyButton.
           
           [C#]
           
           // If the event does not generate data, you do not have // to define a class for the event data or define an event delegate. // Use System.EventArgs for event data LSP Telematika Indonesia
           
           218
           
           // and System.EventHandler as the event delegate. // MyButton uses EventHandler and EventArgs. using System; using System.Web.UI; namespace CustomControls { public class MyButton: Control, IPostBackEventHandler { // Defines the Click event. public event EventHandler Click; // OnClick dispatches the event to delegates that // are registered with the Click event. // Controls that derive from MyButton can handle the // Click event by overriding OnClick // instead of attaching a delegate. The event data // is passed as an argument to this method. protected virtual void OnClick(EventArgs e) { if (Click != null) { Click(this, e); } } // Method of IPostBackEventHandler that raises change events. public void RaisePostBackEvent(string eventArgument) { OnClick(EventArgs.Empty); } protected override void Render(HtmlTextWriter output) { output.Write(""); } } } [Visual Basic]
           
           ' If the event does not generate data, you do not have ' to define a class for the event data or define an event delegate. ' Use System.EventArgs for event data ' and System.EventHandler as the event delegate. ' MyButton uses EventHandler and EventArgs. Option Explicit Option Strict Imports System Imports System.Web.UI Namespace CustomControls Public Class MyButton Inherits Control Implements IPostBackEventHandler ' Defines the Click event. Public Event Click As EventHandler LSP Telematika Indonesia
           
           219
           
           ' OnClick dispatches the event to delegates that ' are registered with the Click event. ' Controls that derive from MyButton can handle the ' Click event by overriding OnClick ' instead of attaching a delegate. The event data ' is passed as an argument to this method. Protected Overridable Sub OnClick(e As EventArgs) RaiseEvent Click(Me, e) End Sub ' Method of IPostBackEventHandler that raises change events. Public Sub RaisePostBackEvent(eventArgument As String) Implements IPostBackEventHandler.RaisePostBackEvent OnClick(EventArgs.Empty) End Sub 'RaisePostBackEvent Protected Overrides Sub Render(output As HtmlTextWriter) output.Write(("")) End Sub End Class End Namespace
           
           ASP 5.3.4 Sintaks ASP File ASP biasanya mengandung tag-tag HTML, seperti halnya file HTML. Tetapi, file ASP juga bisa mengadung server script yang berada diantara <% dan %>. Server script dieksekusi di server dan dapat mengandung ekspresi, statement, prosedur atau operator. Perhatikan kode di bawah ini : <% response.write("Hello World!") %> perintah response.write digunakan untuk menampilkan keluaran di browser. Kode di atas akan menampilkan teks ”Hello World” ke browser.
           
           Cara lain yang juga
           
           menghasilkan hal yang sama yaitu : <%="Hello World!"%>
           
           LSP Telematika Indonesia
           
           220
           
           5.3.5
           
           Procedure
           
           Dalam kode ASP dapat mengandung prosedur dan fungsi: <% sub vbproc(num1,num2) response.write(num1*num2) end sub %>

           Result: <%call vbproc(3,4)%>

           Memasukkan baris <%@bahasa=”bahasa”%> diatas tag untuk menulis fungsi atau prosedur dalam bahasa lain: <%@ language="javascript" %> <% function jsproc(num1,num2) { Response.Write(num1*num2) } %>

           Result: <%jsproc(3,4)%>

           
           
           5.3.6
           
           VBScript
           
           Beberapa bahasa pemrograman dapat digunakan dalam ASP. Tetapi, bahasa default untuk scripting di ASP adalah VBScriipt, tetapi seandainya kita hendak menggunakan Javascript maka kita harus memasukkan spesifikasi bahasa tersebut di awal file: <%@ language="javascript"%> <% Response.Write("Hello World!") %> Berbeda dengan VBScript, JavaScript bersifat case sensitif.
           
           LSP Telematika Indonesia
           
           221
           
           5.3.7
           
           Komponen ASP
           
           Pada subab ini kita akan membahas komponen ASP. Komponen ASP yang dibahas meliputi : Komponen ASP Ad Rotator Komponen ini membuat objek AdRotator yang menampilkan gambar yang berbeda sewaktu user memasuki atau merefresh halaman. Sebuah file teks mengandung informasi mengenai gambarnya. Sintaksnya adalah : <% set adrotator=server.createobject("MSWC.AdRotator") adrotator.GetAdvertisement("textfile.txt") %> Contoh : Misalkan kita memiliki file yang dinamai “banners.asp”, dengan kode seperti di bawah ini : <% url=Request.QueryString("url") If url<>"" then Response.Redirect(url) %> <% set adrotator=Server.CreateObject("MSWC.AdRotator") response.write(adrotator.GetAdvertisement("textfile.txt")) %> File “ads.txt” seperti di bawah ini:
           
           REDIRECT banners.asp * MadeLine.gif http://www.MadeLine.com/ Visit MadeLine 80 MadeLineMagic.gif http://www. MadeLineMagic.com/ Visit MadeLineMagic 20 Baris dibawah symbol (*) pada file “ads.txt” menentukan gambar yang akan ditampilkan, alamat-alamat hyperlink, teks alternatif, dan lainnya. Gambar MadeLine akan ditampilkan untuk 80% hits dan gambar MadeLinemagic akan ditampilkan
           
           ketika
           
           20%
           
           LSP Telematika Indonesia
           
           hits.
           
           Halaman
           
           banners.asp
           
           akan
           
           menerima
           
           222
           
           querystring dengan variabel yang dinamai URL yang mengandung URL untuk redirect. Berikut ini adalah daftar properti dan method dari komponen ini : Tabel 5.3.7.1 : Properti Komponen AdRotator
           
           Properti Border
           
           Deskripsi Menentukan ukuran border disekitar iklan. Menentukan apakah ilkan berupa hyperlink.
           
           Contoh <% set adrot=Server.CreateObject("MSWC.AdRotator") adrot.Border="2" Response.Write(adrot.GetAdvertisement("ads.txt")) %> Clickable <% set adrot=Server.CreateObject("MSWC.AdRotator") adrot.Clickable=false Response.Write(adrot.GetAdvertisement("ads.txt")) %> TargetFrame Nama frame <% yang set adrot=Server.CreateObject("MSWC.AdRotator") menampilkan adrot.TargetFrame="target='_blank'" iklan. Response.Write(adrot.GetAdvertisement("ads.txt")) %>
           
           Tabel 5.3.7.2 : Methods Komponen AdRotator
           
           Method Deskripsi GetAdvertiseme Mengembalika nt n HTML yang menampilkan iklan. Returns HTML that
           
           Contoh <% set adrot=Server.CreateObject("MSWC.AdRotator ") Response.Write(adrot.GetAdvertisement("ads .txt")) %>
           
           Komponen ASP BrowserCap Komponen
           
           ini
           
           membuat
           
           objek
           
           BrowserType
           
           yang
           
           menentukan
           
           tipe,
           
           kemampuan dan nomor versi dari setiap browser yang mengunjungi sebuah situs. Ketika browser terhubung dengan server, HTTP User Agent Header juga terkirim ke server. Header ini mengandung informasi mengenai browser (seperti tipe browser dan versi). Selanjutnya, objek BrowserType akan membandingkan informasi di header dengan informasi di file server yaitu ”Browscap.ini”. Jika ditemukan kesamaan antara tipe browser dan versi yang dikirim header dengan informasi yang ada di file ”Browsercap.ini”. Kita dapat menggunakan objek BrowserType untuk mendaftarkan properti dari browser tersebut, tetapi jika tidak ditemukan kesamaan dari tipe browser dan versi di file Browscap.ini maka semua properti akan bernilai ”UNKNOWN”. Sintaks komponen ini seperti di bawah ini :
           
           LSP Telematika Indonesia
           
           223
           
           <% Set MyBrow=Server.CreateObject("MSWC.BrowserType") %> Berikut ini adalah contoh file ASP yang membuat objek BrowserType dan menampilkan table yang menunjukkan kemampuan dari browser :
           
           <% Set MyBrow=Server.CreateObject("MSWC.BrowserType") %>

           Client OS	<%=MyBrow.platform%>
           Web Browser	<%=MyBrow.browser%>
           Browser version	<%=MyBrow.version%>
           Frame support?	<%=MyBrow.frames%>
           Table support?	<%=MyBrow.tables%>
           Sound support?	<%=MyBrow.backgroundsounds%>
           Cookies support?	<%=MyBrow.cookies%>
           VBScript support?	<%=MyBrow.vbscript%>
           JavaScript support?	<%=MyBrow.javascript%>

           Kode di atas akan menghasilkan keluaran seperti di bawah ini : Client OS
           
           WinNT
           
           Web Browser
           
           IE
           
           Browser version
           
           5.0
           
           Frame support?
           
           True
           
           LSP Telematika Indonesia
           
           224
           
           Table support?
           
           True
           
           Sound support?
           
           True
           
           Cookies support?
           
           True
           
           VBScript support?
           
           True
           
           JavaScript support?
           
           True
           
           Komponen ASP ContentLinking Komponen ASP content linking digunakan untuk membuat system navigasi yang cepat dan mudah. Komponen ini mengembalikan objek Nextlink yang digunakan untuk mendaftarkan web page untuk dinavigasi. Sintaks komponen ini adalah : <% Set nl=Server.CreateObject( "MSWC.NextLink" ) %> Pertama kita membuat file teks –“links.txt”. File ini mengandung halamanhalaman yang akan dinavigasi. Halaman-halaman tersebut harus didaftarkan sesuai dengan urutan tampilan, selain itu file ini juga harus mengandung deskripsi dari setiap nama file. Jika kita ingin menambah halaman atau mengubah urutan halaman maka kita hanya perlu mengubah file teks ini. ”links.txy” : MadeLine_home.asp MadeLine Intro MadeLine_offfer.asp MadeLine’s list of Items Madeline_clothes.asp MadeLine’s list of Clothes MadeLine_bags.asp MadeLine’s list of Bags
           
           Pada setiap halaman yang didaftarkan, letakkan kode : . Kode ini akan memasukkan kode di bawah ini di setiap halaman yang terdaftar di file “links.txt” dan navigasi akan berjalan. "nlcode.inc":
           
           <% 'Use the Content Linking Component 'to navigate between the pages listed 'in links.txt dim nl Set nl=Server.CreateObject("MSWC.NextLink") if (nl.GetListIndex("links.txt")>1) then Response.Write("Previous Page") end if LSP Telematika Indonesia
           
           225
           
           Response.Write("Next Page") %> Berikut ini adalah daftar method untuk komponen ASP BrowserCap : Tabel 5.3.7.3 : Daftar Method Komponen BrowserCap
           
           Method GetListCount
           
           Deskripsi Mengembalikan jumlah item yang terdaftar di file Content Linking List
           
           Contoh <% dim nl,c Set nl=Server.CreateObject("MSWC.NextLink ") c=nl.GetListCount("links.txt") Response.Write("There are ") Response.Write(c) Response.Write(" items in the list") %> Output:
           
           GetListIndex
           
           Mengembalikan jumlah index dari item yang ada di file Content Linking List
           
           There are 4 items in the list <% dim nl,c Set nl=Server.CreateObject("MSWC.NextLink ") c=nl.GetListIndex("links.txt") Response.Write("Item number ") Response.Write(c) %> Output:
           
           Item number 3 GetNextDescriptio Mengembalikan <% n deskripsi dari item dim nl,c selanjutnya yang Set ada di file Content nl=Server.CreateObject("MSWC.NextLink Linking List. ") c=nl.GetNextDescription("links.txt") Response.Write("Next ") Response.Write("description is: ") Response.Write(c) %>
           
           GetNextURL
           
           Next description is: MadeLine’s list of Clothes Mengembalikan <% URL dari item dim nl,c selanjutnya yang Set ada di file Content nl=Server.CreateObject("MSWC.NextLink Linking List ") c=nl.GetNextURL("links.txt")
           
           LSP Telematika Indonesia
           
           226
           
           Response.Write("Next ") Response.Write("URL is: ") Response.Write(c) %>
           
           GetNthDescription Mengembalikan deskripsi dari halaman ke-N yang terdaftar di file Content Linking List.
           
           GetNthURL
           
           Third description is: MadeLine’s list of Clothes Mengembalikan <% URL dari halaman dim nl,c ke-N yang Set terdaftar di file nl=Server.CreateObject("MSWC.NextLink Content Linking ") List c=nl.GetNthURL("links.txt",3) Response.Write("Third ") Response.Write("URL is: ") Response.Write(c) %>
           
           GetPreviousDescri Mengembalikan ption deskripsi teks dari item sebelumnya yang terdaftar di file Content Linking List.
           
           GetPreviousURL
           
           Next URL is: MadeLine_clothes.asp <% dim nl,c Set nl=Server.CreateObject("MSWC.NextLink ") c=nl.GetNthDescription("links.txt",3) Response.Write("Third ") Response.Write("description is: ") Response.Write(c) %>
           
           Third URL is: MadeLine_clothes.asp <% dim nl,c Set nl=Server.CreateObject("MSWC.NextLink ") c=nl.GetPreviousDescription("links.txt") Response.Write("Previous ") Response.Write("description is: ") Response.Write(c) %>
           
           Previous description is: MadeLine’s list of Clothes Mengembalikan <% URL dari item dim nl,c sebelumnya yang Set terdaftar di file nl=Server.CreateObject("MSWC.NextLink Content Linking ") List. c=nl.GetPreviousURL("links.txt") Response.Write("Previous ") Response.Write("URL is: ") Response.Write(c) %>
           
           LSP Telematika Indonesia
           
           227
           
           Previous URL is: MadeLine_clothes.asp
           
           Komponen Content Rotator Komponen
           
           ASP Content
           
           Rotator
           
           membuat
           
           objek
           
           ContentRotator
           
           yang
           
           menampilkan HTML content string yang berbeda setiap kali user memasuki atau merefresh halaman. Sebuah file teks, disebut file Content Schedule, memiliki
           
           informasi
           
           mengenai
           
           content
           
           string.
           
           Content
           
           String
           
           dapat
           
           mengandung tag HTML, sehingga kita bisa menampilkan isi yang dapat direpresentasikan HTML, seperti teks, gambar, warna atau hyperlinks. Sintaks komponen ini adalah : <% Set cr=Server.CreateObject( "MSWC.ContentRotator" ) %> Berikut ini adalah contoh file yang menampilkan isi yang berbeda setiap kali user melihat web page. Buat file teks yang dinamai “textads.txt” di folder default Web Site, dalam sebuah subfolder text. “textads.txt” : %% #1 This is a great day!! %% #2

           Smile

           %% #3 %% #4 Here's a link. Perhatikan symbol #angka diawal content string. Angka ini adalah parameter pilihan yang menandakan berat relatif dari HTML content string. Pada contoh di atas, Content Rotator akan menampilkan content string pertama, 1-10 sewaktu, string kedua 2-10 sewaktu, string ketiga 3-10 sewaktu dan string keempat 4-10 sewaktu.
           
           Kemudian buat file ASP, dan masukkan kode di
           
           bawah ini : <% set cr=server.createobject("MSWC.ContentRotator") response.write(cr.ChooseContent("text/textads.txt")) %>
           
           LSP Telematika Indonesia
           
           228
           
           Method-method ada di komponen ini adalah : Tabel 5.3.7.4 : Method Komponen Content Rotator
           
           Method
           
           Deskripsi
           
           Contoh
           
           ChooseContent Mendapatkan <% dan dim cr menampilkan Set content cr=Server.CreateObject("MSWC.ContentRotator") string response.write(cr.ChooseContent("text/textads.txt")) %> Output:
           
           GetAllContent Mengakses <% dan dim cr menampilkan Set semua cr=Server.CreateObject("MSWC.ContentRotator") content response.write(cr.GetAllContent("text/textads.txt")) string di file %> teks Output:
           
           This is a great day!!
           
           Smile
           
           Here's a link.
           
           5.4 Cookies and Session 5.4.1 Membuat Cookies LSP Telematika Indonesia
           
           229
           
           Saat browser memanggil alamat web, server web dapat menuliskan informasi tertentu di komputer tempat browser tersebut berada. Informasi ini disebut dengan cookies. Namun browser dapat mematikan fasilitas cookies ini, agar server
           
           web
           
           tidak
           
           bisa
           
           menuliskannya
           
           ke
           
           komputer
           
           mereka.
           
           Contoh
           
           penggunaan cookies adalah untuk menyimpan informasi seperti kapan terakhir kali user yang bersangkutan masuk (login), atau informasi mengenai tata letak dari halaman web yang dia suka.
           
           Cookies menyediakan fungsi untuk menyimpan informasi spesifik mengenai pengguna dalam sebuah aplikasi web. Menurut definisinya, cookie adalah bit text kecil yang mengiringi sebuah request dari suatu halaman web dalam prosesnya antara web server dan browser. Cookie menyimpan informasi yang dapat dibaca oleh aplikasi web saat seorang pengguna mengunjungi web site tersebut.
           
           Bayangkan saat seorang pengguna melakukan reques ke web site Anda, www.contoso.com, aplikasi Anda tidak hanya mengirimkan halaman yang direquest melainkan juga cookie yang berisi data tanggal dan waktu kunjungan. Ketika browser pengguna tersebut mendapatkan halaman yang di-request, browser juga mendapatkan cookie, yang disimpan dalam sebuah folder pada hard disk pengguna tersebut.
           
           Pada waktu selanjutnya, pengguna tersebut melakukan request ke site Anda lagi. Ketika pengguna masuk ke site www.contoso.com, browser mencari cookie yang tersimpan dalam hard disk dan berkaitan dengan URL tersebut. Jika cookie tersebut ada, browser kemudian akan mengirimkan cookie tersebut ke web Anda bersamaan dengan request halaman dari pengguna. Aplikasi
           
           Anda
           
           kemudian
           
           akan
           
           mendapatkan
           
           data
           
           tanggal
           
           dan
           
           waktu
           
           kunjungan terakhir pengguna tersebut ke web site Anda. Anda dapat memanfaatkan informasi tersebut untuk menampilkan suatu pesan kepada pengguna tersebut, memeriksa tanggal expire, atau melakukan fungsi yang lainnya.
           
           LSP Telematika Indonesia
           
           230
           
           Cookie berkaitan dengan web site, tidak dengan halaman web yang spesifik, sehingga
           
           browser
           
           dan
           
           server
           
           akan
           
           mengganti
           
           informasi
           
           cookie
           
           www.contoso.com dengan tidak memperhatikan halaman apa yang di-request oleh pengguna. Jika pengguna tersebut mengunjungi site lain, maka setiap site akan mengirimkan cookie ke browser pengguna, dan browser akan menyimpan cookie untuk setiap site pada tempat yang berbeda.
           
           5.4.2
           
           Membuat Session
           
           Session didefinisikan sebagai suatu periode waktu yang digunakan oleh pengguna berinteraksi dengan sebuah aplikasi web. Pengembang ASP yang berusaha untuk menyimpan data session untuk seorang pengguna dapat menggunakan fitur intrinsic yang dikenal dengan session state. Secara program, session state tidak lebih dari memori seukuran dengan dictionary atau hash table, yang dapat diisi dengan durasi dari session seorang pengguna. ASP mengatur session state dengan menyediakan client sebuah kunci unique yang diberikan kepada pengguna ketika session dimulai. Kunci tersebut kemudian disimpan pada cookie HTTP yang dikirimkan oleh client kepada server pada setiap request. Server kemudian akan membaca kunci tersebut dari cookie dan melakukan re-inflate session state dari server. Objek session bekerja pada level session web. Yang dimaksud level session adalah saat client meminta layanan dari aplikasi web, web server akan membuat satu session untuk user tersebut. Lingkungan session dapat dipakai untuk berbagi informasi antara halaman web satu dengan lainnya sebatas masih dalam satu user.
           
           Collection, properti, method, dan event dari objek session dapat dilihat pada tabel di bawah ini: Deskripsi
           
           Collection contents
           
           Berisi daftar item yang ditambahkan ke session melalui skrip ASP.
           
           LSP Telematika Indonesia
           
           231
           
           Staticobjects
           
           Berisi daftar objek yang ditambahkan ke session melalui tag