Pemrogramam Web Enterprise

(1)

MODUL PERKULIAHAN

Pemrogramam Web Enterprise

Pengenalan Java Server Pages

Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh Ilmu Komputer Sistem Informasi

01

⁸⁷⁰⁴⁰ ^{Tim Dosen}

Abstract Kompetensi

Pengenalan pemrograman web enterprise dan pengenalan pemrograman java server pages

Mahasiswa dapat mengerti yang

dimaksud java server pages, web server dan pemrograman web

(2)

Pengenalan Java Server Pages

1.1 Dasar JSP

JSP adalah suatu teknologi web berbasis bahasa pemrograman Java dan berjalan di Platform Java, serta merupakan bagian teknologi J2EE (Java 2 Enterprise Edition). JSP sangat sesuai dan tangguh untuk menangani presentasi di web. Sedangkan J2EE merupakan platform Java untuk pengembangan sistem aplikasi enterprise dengan dukungan API (Application Programming Inteface) yang lengkap dan portabilitas serta memberikan sarana untuk membuat suatu aplikasi yang memisahkan antara business logic (sistem), presentasi dan data.

JSP merupakan bagian dari J2EE dan khususnya merupakan komponen web dari aplikasi J2EE secara keseluruhan. JSP juga memerlukan JVM (Java Virtual Machine) supaya dapat berjalan, yang berarti juga mengisyaratkan keharusan menginstal Java Virtual Machine di server, dimana JSP akan dijalankan. Selain JVM, JSP juga memerlukan server yang disebut dengan Web Container.

Teknologi JSP menyediakan cara yang lebih mudah dan cepat untuk membuat halaman- halaman web yang menampilkan isi secara dinamik. Teknologi JSP didesain untuk membuat lebih mudah dan cepat dalam membuat aplikasi berbasis web yang bekerja dengan berbagai macam web server, application server, browser dan development tool.

Java Server Pages (JSP) adalah bahasa scripting untuk web programming yang bersifat server side seperti halnya PHP dan ASP. JSP dapat berupa gabungan antara baris HTML dan fungsi-fungsi dari JSP itu sendiri. Berbeda dengan Servlet yang harus dikompilasi oleh USER menjadi class sebelum dijalankan, JSP tidak perlu dikompilasi oleh USER tapi SERVER yang akan melakukan tugas tersebut. Makanya pada saat user membuat pertama kali atau melakukan modifikasi halaman dan mengeksekusinya pada web browser akan memakan sedikit waktu sebelum ditampilkan.

1.2 Daur Hidup JSP

Sebagai gambaran bagaimana JSP melalui masa hidupnya bisa dilihat pada gambar berikut :

Gambar 1.1 Daur hidup JSP

Seperti tipe aplikasi java lainnya (Servlet, Applet, Midlet dll), JSP juga bertipe strong Type artinya penggunaan variable pada halaman tersebut harus dideklarasikan terlebih dahulu. Misalnya pada sintaks pengulangan berikut:

for (int i=1; i<13; i++) {

// statement }

(3)

‘13 3 Pemrograman Web Enterprise Pusat Bahan Ajar dan eLearning

Tim DosenI. http://www.mercubuana.ac.id

Seperti halnya skrip-skrip server side yang lain, JSP pun memerlukan Web server. Skrip ASP memerlukan IIS sebagai web server, PHP memerlukan IIS atau Apache, sedangkan JSP bisa menggunakan Apache Tomcat sebagai salah satu web server yang mendukungnya.

Agar bisa menjalankan file-file JSP yang berbasis Java, diperlukan web server yang mampu memproses Java, atau minimal JSP engine yang dapat terintegrasi dengan web server.

1.3 Web Container

Menurut spesifikasi J2EE, dikenal EJB Container, Web Container dan Application Server. Web Container adalah services yang dijalankan oleh suatu Java Application Server hususnya untuk services yang compliance/kompatibel dengan Servlet dan JSP. Selain menjadi services oleh Java Application Server, Web Container dapat berdiri sendiri. Contoh Web Container adalah Tomcat, ServletExec, Resin, Jrun, Blazix. Web Container juga dapat bekerja sama dengan web server, misalnya Tomcat dengan Apache, Jrun dengan IIS.

Web Server adalah software untyk server yang menangani request melalui protokol HTTP yang digunakan oleh situs-situs web saat ini dalam menangani request file statik HTML, sepeti Apache dan Microsoft IIS. Web server sekarang sering “dibungkus” oleh Java Application Server sebagai HTTP Server.

Java Application Server adalah Server yang terdiri atas HTTP Server (Web Server), EJB Container maupun Web Container. Contoh Java Application Server: Sun J2EE RI 1.2/1.3, Borland AppServer 4.5/Enterprise Server 5.0, Oracle9i Application Server dan lainnya.

1.4 Jakarta Tomcat

Jakarta Tomcat adalah web application server, yang mempunyai kemampuan sebagai Servlet container dan JSP container di mana Anda bisa mendeploy Servlet dan JSP. Di atas Jakarta Tomcat, Servlet dan JSP akan bekerja melayani request dari client, yang lumrahnya adalah berupa browser.

Untuk bisa menjalankan Jakarta Tomcat, Anda membutuhkan Java Development Kit (JDK). Untuk instalasi Jakarta Tomcat, Anda bisa mendownload binary dari http://jakarta.apache.org , dalam format .zip, .tar.gz. Yang Anda perlu lakukan hanyalah mendecompress file tersebut.

Dalam bekerja dengan Jakarta Tomcat, Anda mempunyai sebuah directory yang dikenal sebagai TOMCAT_HOME. TOMCAT_HOME adalah directory di mana Jakarta Tomcat diinstall. Selanjutnya di bawah TOMCAT_HOME Anda akan menemukan beberapa subdirectory, diantaranya bin/, conf/, logs/ dan webapp/. Di dalam subdirectory bin/ terdapat file-file executable terutama untuk menjalankan dan menghentikan Jakarta Tomcat. Di dalam subdirectory conf/ terdapat file-file untuk configuration. Di dalam subdirectory logs/ terdapat file-file log. Dan subdirectory webapp/ adalah di mana Anda bisa meletakkan aplikasi Web yang Anda bangun dengan Servlet dan JSP.Di bawah subdirectory webapp/ Anda bisa mengcreate subdirectory. Sub directory ini akan dijadikan sebagai Context oleh Jakarta Tomcat.

Anda menjalankan Jakarta Tomcat dengan mengexecute startup.sh di subdirectory bin/. Sedangkan untuk menghentikan Tomcat Anda mengexecute shutdown.sh di sub directory bin/ juga.Secara default Jakarta Tomcat siap melayani request dari client melalui port 8080. Melalui Web browser, Anda bisa menghubungi http://localhost:8080

1.5 Context

(4)

Sebuah Context adalah sebuah aplikasi Web yang terpisah, berdiri sendiri, independen.

Sebuah Context mempunyai configuration masing-masing. Library dari sebuah Context juga tidak bisa dibaca oleh Context lain. Obyek di sebuah Context tidak bisa mengakses obyek di Context lain.

Di atas sebuah web application server seperti Jakarta Tomcat bisa dideploy lebih dari satu Context. Anda bisa membuat sebuah Context dengan mengcreate sebuah subdirectory di bawah TOMCAT_HOME/webapps/. Dalam folder webapps/ inilah file JSP ditaruh.

Sebuah Context yang lengkap mempunyai subdirectory WEB-INF/ di mana terdapat web.xml yang merupakan configuration file dari Context ini. Di dalam WEB-INF/ bisa terdapat subdirectory classes/ dan lib/. Subdirectory classes/ adalah di mana file-file .class diletakkan, sedangkan lib/ adalah di mana file-file .jar, yang merupakan kumpulan file-file .class, diletakkan.

1.6 Java Virtual Machine

Sebelum menginstal Web Container sebagai prasyarat untuk menjalanka JSP, maka terlebih dulu harus menginstal Java Virtual Machine. Java Virtual Machine adalah software yang berfungsi untuk menerjemahkan program Java supaya dapat dimengerti oleh komputer.

Untuk memiliki Java Virtual Machine di komputer, maka perlu mendownload JDK (Java Development Kit) yang tersedia di http://java.sun.com karena untuk development diperlukan class-class API. Apabila tidak melakukan proses development dan hanya perlu menjalankan program, maka yang diperlukan hanya JRE (Java Runtime Environment).

1.7 Percobaan

1. Instalasi Java Virtual Machine

a. Lakukan Java Virtual Machine sampai selesai.

b. Lakukan setting path dan classpath dengan cara sebagai berikut:

- Buka Control Panel – System - Pilih tab : Advanced

- Pilih button: Environment Variables

- Di bagian system variables lakukan setting PATH dan CLASSPATH sebagai berikut:

Pada variabel PATH tambahkan : c:\nama_folder_tempat_instal\bin Pada variabel CLASSPATH tambahkan:

.;c:\nama_folder_tempat_instal\lib\tools.jar

Bila variabel CLASSPATH belum ada maka buat variabel baru dengan menekan tombol new.

c. Lakukan pengecekan hasil instalasi dengan cara buka command promt, Ketikkan perintah javac, bila keluar instruksi cara penggunaan maka instalasi telah berhasil.

(5)

Gambar 1.2 Contoh setting Environment Variables

Gambar 1.3 Tampilan bila instalasi j2sdk berhasil

2. Instalasi Web Server Tomcat

a. Instal Web Server Tomcat sampai selesai

b. Jalankan Web Server Tomcat dengan cara memilih menu Start Tomcat dari pop up menu seperti pada gambar dan akan keluar tampilan seperti pada Gambar 1.3 dan selanjutkan akan keluar tampilan seperti pada Gambar 1.5. Untuk menghentikan Web Server maka pilih menu Stop Tomcat.

(6)

Gambar 1.4 Menu untuk menjalankan Web Server Tomcat

Gambar 1.5 Tampilan Start Tomcat

c. Jalankan browser dan akses alamat http://localhost:8080 . Bila instalasi web server Tomcat berhasil maka akan keluar tampilan seperti pada Gambar 1.6.

Gambar 1.6 Tampilan http://localhost :8080

3. Membuat context.

a. Buatlah sebuah folder (misal dengan nama „proses‟) didalam TomcatHome/webapp/. Maka akan didapat hirarki sebagai berikut TomcatHome/webapp/proses.

(7)

b. Selanjutnya kopi folder WEB-INF dari

TomcatHome/webapp/ROOT ke TomcatHome/webapp/proses sehingga didapat hirarki TomcatHome/webapp/proses/WEB-INF.

c. Dengan demikian maka didapat contex baru yang bernama proses. Dalam contex baru inilah file-file jsp ditaruh.

d. Untuk mencoba web server yang dibuat jalan atau tidak maka taruhlah file dalam contex proses yang baru dibuat misal file Data.txt. Hasil seperti tampak pada Gambar 1.7.

Gambar 1.7 Hirarki folder pada webapps

e. Buka browser dan ketikkan alamat url http://localhost:8080/proses . Bila context berhasil dibangun maka akan didapat tampilan seperti pada Gambar 1.8.

(8)

Gambar 1.8 Isi context proses

4. Membuat program sederhana untuk menampilkan halaman JSP pada browser.

a. Buatlah file seperti pada Listing 1.1, simpan dengan nama Hello.jsp. Taruh file ini dalam folder proses.

Listing 1.1 Hello.jsp

b. Akses Hello.jsp dengan cara menuliskan alamat

http://localhost:8080/proses/Hello.jsp dan akan didapatkan tampilan seperti pada Gambar 1.9.

Gambar 1.9 Tampilan Hello.jsp

(9)

Latihan

1. Apa yang dimaksud dengan bahasa scripting?

2. Apa yang dimaksud dengan web server?

3. Apa yang dimaksud dengan web container?

4. Apa yang dimaksud dengan contex?

5. Apa kegunaan web server?

6. Sebutkan macam tag HTML, jelaskan kegunaannya, dan berikan contoh masing-masing tag tersebut!

7. Buat context baru yang bernama coba!

8. Membuat program seperti pada Listing 1.2. Simpan dengan nama Pertama.jsp.

Listing 1.2 Pertama.jsp 9. Tampilkan Hai.jsp pada browser!

<html>

<body>

<% out.println("Hello World !"); %>

</body>

</html>

<HTML>

<HEAD>

<TITLE>Contoh JSP</TITLE>

</HEAD>

<BODY>

<H1> <%= "Program JSP Pertamaku!" %>

</H1>

</BODY>

</HTML>

(10)

Daftar Pustaka

Hans Bergsten, . 2002. JavaServer Pages™, 2nd Edition. O'Reilly Yuliana, eepis-its.edu

.

(11)

MODUL PERKULIAHAN

Pemrogramam Web Enterprise

Scripting Element JSP

02

⁸⁷⁰⁴⁰ ^{Tim Dosen}

Abstract Kompetensi

Pengenalan element script pada jsp Mahasiswa mengerti dasar script pada jsp

(12)

Scripting Element JSP

2.1 Mengenal Elemen Scripting

Kita bahas untuk elemen scipting. Elemen scripting terdiri atas 3 macam yaitu:

• Scriplet

• Deklarasi

• Ekspresi

2.1.1 Scriplet

Kita telah mengenal kode :

<%

out.print (“Selamat Belajar JSP di Politeknik Elektronika Negeri Surabaya”);

%>

Tanda <%%> menyatakan salah satu tag JSP yang dikenal dengan sebutan tag scriplet.

Tag tersebut mengisyaratkan bahwa kode yang ada didalamnya adalah kode JSP. Di dalam tag tersebut sebenarnya anda bisa menuliskan pernyataan – pernyataan Java.

Dalam hal ini setiap pernyataan diakhiri dengan titik koma (;). Pernyataan adalah satu instruksi lengkap yang akan diproses oleh Java. Kode berikut:

out.print (“Selamat Belajar JSP”);

Merupakan contoh sebuah pernyataan, yaitu untuk mengirimkan string yang menjadi argumen print() ke halaman web.

Di dalam bahasa Java, pernyataan untuk menampilkan tulisan : Selamat Belajar JSP di Politeknik Elektronika Negeri Surabaya

Berupa :

System.Out.print (“Selamat Belajar JSP”);

Namun pada penulisan kode JSP, kata system perlu dibuang. Dalam hal ini out merupakan suatu objek yang telah terdefinisi (disediakan oleh JSP).

Selain menggunakan print(), kadangkala pemrogram JSP memakai println(). Perbedaan kedua metode ini :

• Print() tidak menambah baris baru (newline) pada keluaran, sedangkan.

• Println() menambahkan baris baru.

Perbedaan kedua metode ini terletak pada kode HTML yang dibangkitkan dan bukan pada tampilan browser.

(13)

Bagus Priambodo ST MTI. http://www.mercubuana.ac.id

2.1.2 Mengenal Ekspresi JSP

Hasil suatu ekspresi JSP dapat dijadikan sebagai keluaran pada halaman web dengan menggunakan bentuk tag yang bersifat khusus, yakni seperti berikut :

<%= ekspresi Java%>

Tanda <%= %> biasanya dinamakan tag ekspresi. Dalam hal ini semua ekspresi dikonversikan ke string (deretan karakter) dan disisipkan ke halaman web. Sebagai contoh :

Waktu Sekarang : <%= new java.util.Data() %>

Akan menambahkan string hasil :

new java.util.Date()

Di belakang string Waktu Sekarang. Perlu diketahui,

new java.util.Date()

merupaka ekspresi yang biasa digunakan pada pemrograman Java untuk mendapatkan waktu sekarang.

2.1.3 Action

Action merupakan salah satu elemen JSP berupa tag-tag. JSP mengenal dua macam Action, yaitu:

• Tag Action Standar

• Custom Tag

Tag Action Standar

Tag-tag action standar tersebut adalah :

• <jsp:usebean>

• <jsp:setproperty>

• <jsp:getproperty>

• <jsp:include>

• <jsp:param>

• <jsp:plugin>

• <jsp:forward>

Untuk tag action standar berikut ini <jsp:usebean>, <jsp:setproperty>, <jsp:getproperty>

dijelaskan pada bab 5. Penjelesan masing-masing tag action standar sebagai berikut:

<jsp:include>

(14)

Tag ini digunakan untuk mengikutsertakan file lain dalam JSP saat request dilakukan. Contoh penggunaan:

<jsp:include page=‖satu.html‖ flush=‖true‖>

<jsp:plugin>

Tag ini digunakan untuk menghasilkan kode-kode yang sesuai target browser dalam menyisipkan komponen Java bean atau Applet secara otomatis.

<jsp:param>

Tag ini digunakan untuk melengkapi tag <jsp:params>, <jsp:plugin>, maupun <jsp:forward>.

Translation error akan terjadi apabila digunakan di tempat lain.

<jsp:params>

Tag ini digunakan hanya dalam jsp:plugin saja. Penggunaan di tempat lain akan mengakibatkan translation time error.

<jsp:forward>

Tag ini digunakan untuk memforward ke file JSP, Servlet atau file statik lain. Contoh penggunaan:

<jsp:forward page=‖alamaturl.jsp‖>

2.2 Percobaan

1. Perintah print() Kode : println1.jsp

<html>

<head>

<title>Contoh Println</title>

</head>

<body>

<%

out.print("Selamat Belajar JSP ");

out.print("Semoga Sukses dan Menikmati JSP");

%>

</body>

</html>

Listing program 2.1

Hasil di browser :

(15)

Gambar 2.1

Jika anda melihat kode HTML-nya dari sisi klien dengan viwsource, maka kodenya adalah sebagai berikut :

<html>

<head>

</head>

<body>

Selamat Belajar JSP

Semoga Sukses dan Menikmati JSP </body>

</html>

Listing program 2.2

Jika semua println() pada kode diganti dengan print(). Maka akan diperoleh kode HTML seperti berikut :

<html>

<head>

</head>

<body>

Selamat Belajar JSP di Mercu Buana Semoga Sukses dan Menikmati JSP </body>

</html>

Listing program 2.3

2. Perintah println() Kode : println2.jsp

<html>

<head>

(16)

</head>

<body>

<%

out.println("Selamat Belajar JSP di Mercu Buana<br>");

out.println("Semoga Sukses dan Menikmati JSP");

%>

</body>

</html>

Listing program 2.4

Hasil kode HTML dari sisi klient :

<html>

<head>

</head>

<body>

Selamat Belajar JSP di Mercu Buana<br>

Semoga Sukses dan Menikmati JSP

</body>

</html>

Listing program 2.5

3. Membuat ekspresi

Kode : ekspresi1.jsp

<html>

<head>

<title>Tag ekspresi</title>

</head>

<body>

Waktu Sekarang : <%= new java.util.Date()%>

</body>

</html>

Listing program 2.6

Hasil kode ekspresi2.jsp

(17)

Gambar 2.3

Kode : ekspresi2.jsp

<html>

<head>

<title>Tag Ekspresi</title>

</head>

<body>

Waktu Sekarang : <% out.print(new java.util.Date());%>

</body>

</html>

Listing program 2.7

Hasil kode ekspresi2.jsp

Gambar 2.4

Jadi penulisan : <%= new java.util.Date()%>

Dapat digunakan untuk menyederhanakan penulisan :

<% out.print(new java.util.Date());%>

4. Penggunaan Action Include

Sebagai latihan, Anda akan menggunakan tag action include sehingga untuk

menghasilkan tampilan untuk navigation bar yang dapat memberitahukan dimana kita berada dan memberi tampilan button yang berbeda.

Lakukan langkah-langkah berikut:

(18)

1. Pertama-tama Anda membuat indextaginclude.html

2. Kemudian buat taginclude.jsp, fungsi file ini sebagai halaman JSP yang melakukan include dan memberikan data parameter ke file yang diincludekan.

3. Buat navbar.jsp, sebagai file yang diicludekan yang menerima data parameter untuk menampilkan navigation bar yang sesuai.

4. Jalankan dengan http://localhost:8080/.../ indextaginclude.html

Output program :

Tampilan utama seperti ditunjukkan gambar 2.5. Jika klik Home maka tampak seperti gambar 2.6, jika kita klik Tentang Kami maka akan tampak seperti gambar 2.7.

Gambar 2.5

Gambar 2.6

(19)

Gambar 2.7

5. Melakukan forwarding request.

Anda mungkin telah mengenal penggunaan redirect dalam pemrograman web, yang berfungsi untuk mengantarkan user ke halaman lain. Di dalam JSP terdapat tag action forward yang memiliki fungsi yang mirip tetapi lebih baik lagi, karena kita dapat mengalihkan objek request dari satu file JSP ke file JSP lain, Servlet atau file HTML biasa.

Informasi yang ada pada request juga ikut dikirimkan saat forwarding dilakukan sehingga apabila kita mengirimkan request dengan data parameter-parameter, informasi ini juga akan diterima oleh program JSP/Servlet yang menjadi tujuan forwarding.

Kode untuk melakukan forwarding adalah

<jsp:forward page=”namafile.jsp”/>

Tag <jsp:forward> juga dapat memiliki subelemen jsp:param yang dapat digunakan untuk mengirimkan data pada request yang digunakan forwarding. Penggunaan tag jsp:param dalam jsp:forward adalah sebagai berikut:

<jsp:forward page=‖<%=namafile%>‖>

<jsp:param name=‖nama1‖ value=‖nilai1‖/>

<jsp:param name=‖nama2‖ value=‖nilai2‖/>

</jsp:forward>

Penjelasan listing :

Awalforward.jsp berfungsi untuk memforward ke tujuanforward.jsp dengan mengirimkan data melalui subelemen jsp:param. Pada saat forwarding oleh awalforward.jsp dilakukan, sebenarnya seakan-akan request diambil alih oleh tujuanforward.jsp sehingga parameter yang disisipkan dapat diterima oleh tujuanforward.jsp secara otomatis. Untuk mendapatkan data dari subelemen jsp:param dapat dilakukan dengan cara:

String testdata = request.getParameter("data");

(20)

Gambar 2.8

6. Contoh scripting elements.

Gambar 2.9

7. Contoh penggunaan <jsp:forward> yang melibatkan <jsp:param>

(21)

forward2.jsp

Output :

(22)

Latihan

1. Apa yang dimaksud dengan scriplet?

2. Sebutkan cara pembuatan scriplet?

3. Apa yang dimaksud dengan ekspresi?

4. Sebutkan cara pembuatan ekspresi ?

5. Buat sebuah program registrasi online yang diproses oleh suatu file JSP dan nilainya langsung dikembalikan. Data yang dimasukkan dalam registrasi online meliputi : nama, tempat tanggal lahir, asal sekolah, jurusan.

<html>

<!-- .style1 {

font-size: 18px;

font-weight: bold;

} -->

</style>

<body>

<tr>

<td width="83" bgcolor="#00FFFF"><div align="center" class="style1"><a href="taginclude.jsp?link=produk">Produk</a></div></td>

<td width="101" bgcolor="#00FFFF"><div align="center" class="style1"><a href="taginclude.jsp?link=kontak">Kontak</a></div></td>

<td width="136" bgcolor="#00FFFF"><div align="center" class="style1"><a href="taginclude.jsp?link=tentang">Tentang Kami</a> </div></td>

</tr>

</table>

</body>

</html>

<%@ page contentType="text/html; charset=iso-8859-1" language="java"

import="java.sql.*" errorPage="" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<%

String link=request.getParameter("link");

%>

<jsp:include page="navbar.jsp" flush="true">

<jsp:param name="link" value="<%=link%>"/>

</jsp:include>

<a href="indextaginclude.html"> KEMBALI KE MENU </a>

</body>

</html>

(23)

<head>

<!--

.style1 {font-size: 18px}

.style2 {font-size: 18px; font-weight: bold; } -->

</style>

</head>

<body>

<%

String kliklink = request.getParameter("link");

String latarhome = "#00FFFF" ; String latarproduk = "#00FFFF" ; String latarkontak = "#00FFFF" ; String latartentang = "#00FFFF" ; if (kliklink.equals("home")) latarhome = "#999999" ; if (kliklink.equals("produk")) latarproduk = "#999999" ; if (kliklink.equals("kontak")) latarkontak = "#999999" ; if (kliklink.equals("tentang")) latartentang = "#999999" ;

%>

<tr>

<td width="91" bgcolor="<%=latarhome%>" class="style1"><div align="center"

class="style1"><strong><a

href="taginclude.jsp?link=home">Home</a></strong></div></td>

<td width="83" bgcolor="<%=latarproduk%>" class="style1"><div align="center"

class="style2"><a href="taginclude.jsp?link=produk">Produk</a></div></td>

<td width="101" bgcolor="<%=latarkontak%>" class="style1"><div align="center"

class="style2"><a href="taginclude.jsp?link=kontak">Kontak</a></div></td>

<td width="136" bgcolor="<%=latartentang%>" class="style1"><div align="center"

class="style2"><a href="taginclude.jsp?link=tentang">Tentang Kami</a> </div></td>

</tr>

</table>

<head>

</head>

<body>

<jsp:forward page="tujuanforward.jsp">

<jsp:param name="data" value="Data"/>

</jsp:forward>

</body>

</html>

(24)

<head>

<!-- .style1 {

font-size: 18px;

font-weight: bold;

}

.style3 {font-size: 18px}

-->

</style>

</head>

<body>

<%

String testdata = request.getParameter("data");%>

<span class="style1">MENAMPILKAN DATA</span><span class="style3"> 1</span><br>

<%=testdata%>

</body>

</html>

<%! //Contoh declarations //Deklarasi variabel int jumlahUser=3;

//Deklarasi method

public String sayHello(String nama) { return "Hallo " + nama;

}

%>

<HTML>

<HEAD>

<TITLE>Contoh Scripting Elements pada JSP</TITLE>

</HEAD>

<BODY>

<H1>

<% for (int i=1; i<=jumlahUser; i++) { //Contoh scriplets

%>

<%}%>

</H1>

</BODY>

</HTML>

<HTML>

<HEAD>

<TITLE>Contoh jsp:forward</TITLE>

</HEAD>

<BODY>

<jsp:forward page="hitung.jsp">

<jsp:param name="bila" value="10" />

<jsp:param name="bilb" value="20" />

</jsp:forward>

</BODY>

</HTML>

<HTML>

<HEAD>

<TITLE>Contoh Dokumen di-forward</TITLE>

</HEAD>

<BODY>

<%

(25)

String StrBilA = request.getParameter("bila");

String StrBilB = request.getParameter("bilb");

int bilA = Integer.valueOf(StrBilA).intValue();

int bilB = Integer.valueOf(StrBilB).intValue();

out.println(bilA + " + " + bilB + " = " + (bilA + bilB));

%>

</BODY>

</HTML>

(26)

Daftar Pustaka

Hans Bergsten, . 2002. JavaServer Pages™, 2nd Edition. O'Reilly Yuliana, eepis-its.edu

(27)

MODUL PERKULIAHAN

Pemrogramam Web Enterprise

Directive JSP

03

⁸⁷⁰⁴⁰ ^{Tim Dosen}

Abstract Kompetensi

Mengenal Directive mengirim pesan pada JSP

Mahasiswa mengerti bagaimana cara mengirim pesan menggunakan directive

(28)

Directive JSP

3.1 Mengenal Direktif JSP

Directive adalah media yang digunakan JSP untuk mengirimkan “pesan” ke JSP container.

Directive berguna untuk melakukan setting nilai global seperti deklarasi class atau method.

Setting yang dilakukan oleh directive berlaku pada seluruh halaman (hanya halaman itu saja).

Sintaks Directive

Secara umum sintaks directive adalah sebagai berikut :

<%@ nama_directive atribut1=”nilai1” atribut2=”nilai2” . . . . %>

3.2 Jenis Directive

Directive pada JSP terdiri atas tiga jenis tentu saja dengan fungsi yang berbeda-beda.

JSP memiliki tiga buah direktif :

• Page : digunakan untuk mendefinisikan atribut-atribut yang terdapat pada halaman JSP

• Include : digunakan untuk menyisipkan suatu berkas atau mengimpor suatu kelas.

• Taglib : digunakan untuk mendefinisikan tag-tag buatan pemrogram.

page directive

Directive ini berfungsi untuk mendefinisikan atribut-atribut yang akan berlaku pada halaman tersebut. Sebagai contoh dengan menggunakan directive ini suatu halaman bisa diberikan informasi mengenai apa, meng-import package-package yang akan digunakan, menyatakan halaman tersebut terlibat dalam HTTP session, mendefinisikan URL yang akan ditampilkan apabila terjadi error pada halaman JSP tersebut dan lain-lain. Pada sebuah halaman JSP dapat berisi atas banyak page directive.

Tanda yang digunakan untuk directive ini adalah :

(29)

<%@ page atribut1 atribut2 . . . %>

Atribut untuk tipe directive ini dapat dilihat pada contoh berikut : Atribut language

Atribut ini mendefinisikan bahasa pemrograman apa yang digunakan pada halaman tersebut.

Atribut ini ada dikarenakan apabila dimasa yang akan datang JSP engine dapat men-support bahasa pemrograman lain. Berikut adalah contoh penggunaannya :

<%@ page language=”java” %>

Atribut import

Berikut adalah contoh penggunaannya :

<%@ page import=”java.io.*, java.sql.*” %>

Atribut info

Atribut ini hanya mendefinisikan informasi dari halaman. Dengan menggunakan atribut ini suatu aplikasi servlet dapat mengambil informasi tersebut dengan method

Servlet.getServletInfo(). Berikut adalah contohnya :

<%@ page info=”Ini adalah halaman JSP-nya Chocolove” %>

Atribut errorPage

Atribut ini mendefinisikan URL yang akan ditampilkan apabila terjadi error pada halaman JSP tersebut.

<%@ page errorPage=”error.jsp” %>

Atribut contentType

Nilai default dari atribut ini adalah “text/html”.

Atribut session

Menyatakan halaman tersebut terlibat dalam HTTP session. Apabila halaman JSP menggunakan directive page dengan atribut ini artinya halaman tersebut nantinya akan digunakan untuk mengakses atau memberikan nilai pada variabel yang disimpan pada session.

<%@ page session=”true” %>

Atribut lai yang dimiliki oleh directive ini adalah : extends, buffer, autoFlush, isErrorPage dan isThreadSafe.

(30)

Untuk penggunaan atribut tentu saja tidak harus dituliskan satu-satu seperti contoh di atas, tapi dapat disatukan sekaligus, seperti contoh berikut :

<%@ page language=”java” import=”java.sql.*, java.io.*, java.util.*”

session=”true” buffer=”24kb” autoFlush=”true” info=”Contoh penggunaan Directive” errorPage=”error.jsp” isErrorPage=”false”

isTreadSafe=”false” %>

include directive

Directive ini berfungsi untuk menyisipkan isi dari suatu file dengan tipe teks pada suatu halaman JSP. Sintaks yang digunakan oleh directive ini adalah :

<%@ include file="/namafile_yang_akan_disisipkan" %>

Bisa dilihat pada directive ini mempunyai satu atribut yaitu file. URL dari file yang akan disisipkan harus diawali dengan tanda "/". Apabila yang akan disisipkan adalah file header.html maka penulisannya adalah :

<%@ include file="/header.html" %>

Sedangkan apabila file header.html berada dalam direktori "html-file" maka penulisannya menjadi sebagai berikut :

<%@ include file="/html-file/header.html" %>

taglib directive

Directive ini berfungsi untuk penggunaan tag-tag yang dibuat sendiri oleh user pada halaman JSP. Tag-tag tersebut biasanya disimpan dalam “tag library” dalam bentuk file yang

dikompres (ZIP atau JAR). Dalam file yang dikompres tersebut terdapat class-class dalam suatu paket. Dan untuk memanggil atau mengoperasikan method atau properti dalam class tersebut digunakan directive ini.

Sintaks dari directive ini adalah :

<%@ taglib uri=”tag_library_URI” prefix=”tag_prefix” %>

Atribut uri (Uniform Resource Identifier) berfungsi sebagai “tag library descriptor”. Dan atribut prefix berfungsi sebagai ID yang akan mempermudah “JSP Compiler” menentukan tag-tag dari “external library”. Tag-tag yang telah dikenali oleh “JSP Compiler” adalah jsp, jspx, java, javax, servlet dan sunw.

Berikut adalah contoh tag dari “external library” :

<%@ taglib uri="http://jakarta.apache.org/taglibs/application-1.0"

prefix="app" %>

<app:attribute name="test1"/>

<app:setAttribute name="test1">Isi Atribut</app:setAttribute>

(31)

Pada contoh di atas, secara default tidak dapat dijalankan dan akan menampilkan pesan error. Karena “tag library” ini belum diinstall pada sistem.

Gambar 3.1

3.3 Mengenal Tag Deklaratif

Semua bahasa pemrograman menyediakan variable yang berfungsi untuk menyimpan suati nilai dan nilai yang ada di dalamnya dapat diubah sewaktu-waktu. Begitu halnya JSP, JSP menyediakan tag yang secara khususu ditujukan untuk melakukan

pendeklarasian variable yang berlevel halaman. Variabel seperti ini akan dikenali di sepanjang halaman. Tag yang dimaksud dinamakan tag deklaratif. Tag ini berbentuk sebagai berikut :

<%!...%>

Contoh mendeklarasikan variabel bernama buku yang bertipe string, dan variabel bernama harga bertipe int.

<%!

String buku;

(32)

Int harga = 60000;

%>

3.4 Percobaan

1. Membuat tag direktif JSP

Kode : direktif.jsp

<html>

<head>

<title>Tag Direktif</title>

</head>

<body>

<%@ page import="java.util.Date"%>

Waktu Sekarang : <%= new Date()%>

</body>

</html>

Listing program 3.1

Hasil kode direktif.jsp

Gambar 3.2

Dengan adanya pengimporan java.util.Date secara eksplisit melalui :

<%@ page import="java.util.Date"%>

Maka penulisan :

<%= new java.util.Date() %>

Bisa digantikan dengan :

<%= new Date()%>

(33)

2. Membuat deklarasi JSP Kode : deklarasi.jsp

<html>

<head>

<title>Tag Deklarasi</title>

</head>

<body>

<%!

String buku;

int harga = 60000;

%>

Setelah Deklarasi : <br>

<%

buku = "Pemrograman JSP";

out.println("Judul Buku : " + buku + "<BR>");

out.println("Harga BUku : " + harga + "<BR>");

%>

</body>

</html>

Listing program 3.2

Hasil di browser :

Gambar 3.3

3. Deklarasi variabel dengan tag scriplet.

Pendeklarasian variabel juga dapat dilakukan secara langsung pada tag scriplet (<% %>)

Kode : deklarasi2.jsp

(34)

<html>

<head>

<title>Tag Deklarasi</title>

</head>

<body>

<%

String buku;

int harga = 100000;

buku = "Pemrograman JSP";

out.println("Judul Buku : " + buku + "<BR>");

out.println("Harga : " + harga + "<br>");

%>

</body>

</html>

Listing program 3.3

Hasil di browser :

Gambar 3.4

Contoh Soal :

1. Terdapat dua pemain, masing-masing pemain mendapatkan nilai secara random, bilangan random yang dibangkitkan antara 0 – 99. Jika pemain 1 lebih besar dari pemain 2 maka pemain 1 yang menang, dan jika pemain 2 lebih besar dari pemain 1 maka pemain 2 yang menang. Simpan dengan nama kondisi.jsp.

Hasil di browser

(35)

:

Gambar 3.5

Gambar 3.6

2. Tentukan sejumlah n bilangan. Besar n tentukan secara random, maksimal 20 bilangan.

Setiap bilangan yang dibangkitkan antara 0 – 99. Dari semua bilangan tadi, tentukan nilai maksimum dan minimumnya. Simpan dengan nama loop1.jsp.

Hasil di browser :

(36)

Gambar 3.7

Gambar 3.8

3. Tentukan sejumlah n bilangan. Besar n tentukan secara random, maksimal 20 bilangan.

Simpan bilangan-bilangan tersebut dalam sebuah array. Setiap bilangan yang dibangkitkan antara 0 – 99. Dari semua bilangan tadi, tentukan nilai maksimum dan minimumnya. Simpan dengan nama loop2.jsp.

Hasil di browser :

Gambar 3.9

(37)

Gambar 3.10

4. Terdapat array String yang berisi nama-nama. Nama-nama tersebut diurutkan menggunakan Arrays.sor(). Simpan dalam file UrutString.jsp.

Hasil di browser :

(38)

Gambar 3.11

5. Tentukan sebuah kalimat, misalkan kalimat tersebut adalah "abcabcabcabc", carilah huruf a diindek berapa saja. Untuk mendapatkan huruf a diindeks berapa saja gunakan fungsi indexOf(String str,int fromIndex). Fungsi ini akan mengembalikan nilai indeks pada String yang pertama kali yang memenuhi substring yang ditentukan, pencarian dimulai dari fromIndex. Simpan dengan nama indekstring.jsp.

String kalimat = "abcabcabcabc" ; int i = indexOf(‖a‖,2) ; // i = 3

Hasil di browser :

Gambar 3.12

6. Bangkitkan kalimat secara random, carilah huruf A diindek berapa saja. Untuk mendapatkan huruf A diindeks berapa saja gunakan fungsi indexOf(String str,int fromIndex).

Fungsi ini akan mengembalikan nilai indeks pada String yang pertama kali yang memenuhi substring yang ditentukan, pencarian dimulai dari fromIndex. Fungsi ini akan mengembalikan nilai -1 apabila tidak menemukan posisi subString yang dicari sehingga apa bila nilai mengembalikan -1 maka lakukan break. Simpan dengan nama indekstring2.jsp.

Hasil di browser :

(39)

Gambar 3.13

Gambar 3.14

7. Penggunaan direktif include

Ketikkan program di bawah ini. Output ditunjukkan pada gambar 3.15

Gambar 3.15

8. Penggunaan atribut isErrorPage.

errorPage.jsp

pesan.jsp

(40)

Jalankan program dengan cara sebagai berikut: Apa yang terjadi?

http://localhost:8080/errorPage.jsp

http://localhost:8080/errorPage.jsp?bila=23&bilb=2 http://localhost:8080/errorPage.jsp?bila=23&bilb=b

Gambar 3.16

(41)

Latihan

1. Apa yang dimaksud dengan directive?

2. Sebutkan jenis directive ?

3. Sebutkan cara pembuatan directive JSP?

4. Apa yang dimaksud dengan deklaratif?

5. Sebutkan cara pembuatan deklaratif ?

6. Buat sebuah program masukan user dengan memanfaatkan tag deklaratif dan deklarasi. Data yang dimasukkan adalah nama user dan waktu saat ini.

<html>

<title> Kondisi </title>

<body>

<%

int pemain1 = (int) (Math.random()* 100);

int pemain2 = (int) (Math.random()* 100);

out.println("PEMAIN 1 = " + pemain1 );

out.println("<br>PEMAIN 2 = " + pemain2);

if (pemain1 > pemain2)

out.println("<br>PEMAIN 1 MENANG");

else

out.println("<br>PEMAIN 2 MENANG");

%>

</body>

</html>

<html>

<body>

<%

int max = 0 ; int min = 1000 ;

int jumlah = (int) (Math.random() * 20) ;

out.println("Jumlah Bilangan Yang Dibangkitkan = " + jumlah+"<br>");

int i = 0 ; while(i<jumlah){

int r = (int) (Math.random() * 100) ; max = Math.max(max,r) ;

min = Math.min(min,r) ; out.println(r+"<br>");

i++ ; }

out.println("Maksimum = "+max);

out.println("<br>Minimum = "+min);

%>

</body>

</html>

<html>

(42)

<body>

<%

int max = 0 ; int min = 1000 ;

int jumlah = (int) (Math.random() * 20) ;

out.println("Jumlah Bilangan Yang Dibangkitkan = " + jumlah+"<br>");

int A[] = new int[jumlah] ;

int i = 0 ; while(i<jumlah){

A[i] = (int) (Math.random() * 100) ; out.println(A[i]+"<br>");

max = Math.max(max,A[i]) ; min = Math.min(min,A[i]) ;

i++ ; }

out.println("Maksimum = "+max);

out.println("<br>Minimum = "+min);

%>

</body>

</html>

<html>

<body>

<%@ page import="java.util.Arrays" %>

<%

String nama[] = {"Isak","Munir","Rita","Intan","Budi","Candra"} ; out.println("<u><b>Nama-nama sebelum diurutkan</b></u><br>");

for(int i=0;i<nama.length;i++) out.println(nama[i]+"<br>");

Arrays.sort(nama);

out.println("<hr><u><b><br>Nama-nama setelah diurutkan</b></u><br>");

for(int i=0;i<nama.length;i++) out.println(nama[i]+"<br>");

%>

</body>

</html>

<html>

<body>

<%

String kalimat = "abcabcabcabc" ;

out.println("Kalimat = " + kalimat+"<br>");

int i=0 ;

out.println("jumlah kalimat = " + kalimat.length()+"<br>");

(43)

while(i<kalimat.length()){

i = kalimat.indexOf("a",i) ;

if (i != -1) {

out.println("<br>indeks = " + i);

i++;

} else

break ; }

%>

</body>

</html>

<html>

<body>

<%

int jumKata = (int)(Math.random() * 50);

char kata2[] = new char[jumKata] ; for(int k=0;k<jumKata;k++){

int h = ((int)(Math.random() * 26)) + 65 ; kata2[k] = (char) h ;

}

String kalimat=null ;

kalimat = kalimat.copyValueOf(kata2) ;

out.println("<br>Kalimat= " + kalimat);

int i=0 ;

out.println("<br>jumlah huruf = " + kalimat.length());

while(i<kalimat.length()){

i = kalimat.indexOf("A",i) ;

if (i != -1) { i++;

out.println("<br>indeks = " + i);

} else

break ; }

%>

</body>

</html>

<html >

<body>

<%@include file="header.html"%>

<p>

<strong>Untuk mengetahui cara kerja direktif include</strong>

</p>

<%@include file="footer.html"%>

</body>

</html>

<html >

<body>

<div align="center" class="style1">HEADER</div>

</body>

</html>

<html>

<body>

(44)

<div align="center" class="style1">FOOTER</div>

</body>

</html>

<HTML>

<HEAD>

<TITLE>Tes Atribut errorPage</TITLE>

</HEAD>

<BODY>

<%@ page errorPage="pesan.jsp" %>

<%

String strBilA = request.getParameter("bila");

String strBilB = request.getParameter("bilb");

float bilA = Float.valueOf(strBilA).floatValue();

float bilB = Float.valueOf(strBilB).floatValue();

out.println(bilA + "/" + bilB + " = " + bilA / bilB);

%>

</BODY>

</HTML>

<HTML>

<HEAD>

<TITLE>Halaman Pesan Kesalahan</TITLE>

</HEAD>

<BODY>

<%@ page isErrorPage="true" %>

Pesan kesalahan ini berasal dari<BR>

dokumen errorpage.jsp karena ada<BR>

kesalahan berikut:<BR>

</BODY>

</HTML>

Daftar Pustaka

Hans Bergsten, . 2002. JavaServer Pages™, 2nd Edition. O'Reilly.

Yuliana, eepis-its.edu

(45)

MODUL PERKULIAHAN

Pemrogramam Web Enterprise

Standard Action

04

⁸⁷⁰⁴⁰ ^{Tim Dosen}

Abstract Kompetensi

Mengenal Standard Action Mahasiswa mengerti bagaimana menggunakan standard action

(46)

Standard Action

4.1 Standard Action

Dengan JSP, anda bisa mengirimkan suatu nilai yang ditangani sebuah form kemudian nilai tersebut dikirim ke dokumen JSP.

Standard Action adalah tag yang berfungsi untuk menjalankan suatu operasi yang spesifik, seperti : • Memforward dari suatu halaman JSP ke halaman JSP yang lain.

• Menyisipkan suatu halaman / operasi pada halaman JSP dari halaman JSP yang lain.

• Penanganan Applet atau Java Bean pada suatu halaman JSP

Standar action cara penulisannya mirip dengan aturan penulisan pada XML. Sintak dari Standard Action ini adalah :

<jsp:nama_aksi atribut1 atribut2 .... />

Atau :

<jsp:nama_aksi atribut1 atribut2 .... />

/*

pada bagian ini bisa diisi dengan JSP Action yang lain

*/

</jsp:nama_aksi>

Berikut adalah Standard Action yang terdapat dan dikenali oleh JSP:

• param action (jsp:param) • forward action (jsp:forward) • include action (jsp:include) • plugin action (jsp:plugin) • use bean action (jsp:useBean) • set property action (jsp:setProperty) • get property action (jsp:getProperty)

jsp:param

Standar Action ini berfungsi untuk mendefinisikan suatu variabel dan nilainya. Sintak yang digunakan adalah :

<jsp:param name="nama_parameter" value="nilai_parameter" />

Atau :

(47)

<jsp:param name="nama_parameter" value="<%= nilai_parameter %>" />

jsp:forward

Fungsi dari Standar Action ini adalah untuk mengirimkan (mem-forward) suatu permintaan dari suatu halaman JSP ke halaman JSP yang lain, halaman HTML atau Servlet yang masih berada pada konteks aplikasi web tersebut. Misalnya pada server.xml dikonfigurasi suatu konteks aplikasi web sebagai berikut :

Maka halaman JSP pengirim dan HTML, JSP atau servlet penerima harus berada pada satu direktori yaitu C:\JSP.

Sintaknya :

<jsp:forward page="url_tujuan" />

Atau :

<jsp:forward page="<%= url_tujuan %>" />

Atau :

<jsp:foward page="url_tujuan">

<jsp:param name="nama_parameter1" value="nilai_parameter" />

<jsp:param name="nama_parameter2" value="<%= nilai_parameter %>" />

</jsp:forward>

Atau :

<jsp:foward page="<%= url_tujuan %>">

<jsp:param name="nama_parameter1" value="nilai_parameter" />

<jsp:param name="nama_parameter2" value="<%= nilai_parameter %>" />

</jsp:forward>

4.2 Percobaan

1. membuat kode form input Kode : input.html

<html>

<head>

</head>

<body>

(48)

Silakan masukkan nama anda : <BR>

</FORM>

</body>

</html>

Listing Program 4.1

Hasil di browser :

Gambar 4.1

2. Membuat kode untuk menangkap parameter Kode : hello.jsp

<html>

<head>

<title>Menampilkan Parameter</title>

</head>

<body>

<%

String nama = request.getParameter("nama");

out.println("Pemakai : " + nama);

%>

</body>

</html>

Listing Program 4.2

Hasil di browser :

Gambar 4.2

(49)

Isikan nama dan klik tombol ”Kirim” :

Gambar 4.3

Contoh 1 :

Buatlah aplikasi seperti gambar 4.4.

Lakukan langkah berikut:

• Ketik listing program 4.3 dan simpan sebagai Form.jsp

• Jalankan pada browser

• Isilah form ini dengan nilai nama : yuliana

alamat : keputih

• Setelah anda mengisi kemudian tekan tombol submit supaya form diproses.

Gambar 4.4