MODUL 3 Servlet dan JavaBean

MODUL 3 Servlet dan JavaBean TUJUAN PRAKTIKUM : 1. Praktikum mampu membuat konfigurasi Servlet. 2. Praktikum mampu memahami dan membuat halaman JSP. 3. Praktikan mampu memahami dan membuat kelas Javabean dan penggunaannya di halaman JSP. 4. Praktikan mampu memahami manfaat dan membuat MVC. 5. Praktikan mampu mengerti mendeskripsikan cara penggunaan bahasa ekspresi di halaman JSP.

PERLENGKAPAN PRAKTIKUM 1. Modul Praktikum 2. Eclipse Indigo atau Helios 3. Apache Tomcat Server 7.0 4. Browser (Chrome atau Mozilla Firefox)

LANDASAN TEORI 1. Model View Controller (MVC) MVC merupakan sebuah arsitektur model yang membantu aplikasi untuk berkonsentrasi pada tugas dan fungsi masing-masing. Tugas dan fungsi trsebut dibagi menjadi : a. Model

:

mempresentasikan data dan logika bisnis, biasanya berhubungan dengan basis data.

b. View

:

menampilkan data atau mengatur tampilan ke pengguna

c. Controller

: menghubungkan antara view dengan model

Modul Praktikum Web Based Programming

Page 1

Berikut ini adalah gambaran mengenai MVC

Arsitektur MVC secara sederhana dirancang dan diadaptasi dalam penggunaan pada web application. Arsitektur yang dihasilkan kemudian disebut Model 2 Architecture. Aplikasi Model 2 umumnya memiliki : 

Servlet Controller yang menyediakan akses tunggal terhadap keseluruhan aplikasi. Controller ini bertanggung jawab menyediakan manajemen terpusat terhadap alur aplikasi dan juga service lain seperti penanganan security dan user management.



Controller servlet umumnya menggunakan konfigurasi XML untuk mwnwntukan alur aplikasi dan pemrosesan perintah. Hal itu juga membuat helper components terasosiasikan dengan user action dan dibuat/dipanggil untuk menangani actions yang terjadi, memanggil komponen Model sebagaimana diperlukan. Hal ini berfungsi untuk memisahkan antara controller servlet dari model. Untuk mengimplementasikan langkahlangkahnya :

MVC

dengan

RequestDispatcher,

berikut

1.

Tentukan bean untuk penyimpanan. Bean merupakan objek pada java

2.

Gunakan servlet untu mengenali request

3.

Tempatkan hasil pemanggilan servlet pada bean

4.

Simpan bean dalam request, session, atau konteks servlet

5.

Teruskan request ke halaman JSP

6.

Ekstrak data yang disimpan dalam bean sebelumnya


Page 2

ini

Contoh aplikasi MVC : Aplikasi ini akan menampilkan saldo rekening bank. Servlet controller akan membaca ID Customer dan meneruskannya pada kode data akses yang mengembalikannya ke bean Bankcustomer. Kemudian, bean tersebut disimpan ke dalam objek HTTPServletRequest yang dapat diakses halaman JSP tujuan. Jika saldo rekening negative, maka servlet meneruskannya ke halaman yang menampilkan pesan saldo negative. Jika saldo normal, akan diteruskan ke tampilan untuk saldo normal, dan untuk saldo tinggi, akan ditampilkan halaman ke halaman khusus dengan saldo tinggi. Ketika ID tidak diketahui, maka halaman errorakan muncul. Berikut ini adalah susunan struktur web :


Page 3

a. Servlet Showbalance

b. Class BankCustomer


Page 4

c. Java Server Page (JSP) untuk menampilkan hasil HighBalance.jsp


Page 5

NormalBalance.jsp


Page 6

NegativeBalance.jsp

UnknowCustomer.jsp

d. Index web

e. Hasil -

HighBalance


Page 7

-

NormalBalance

-

NegativeBalance

-

UnknownCustomer

2. Servlet Servlet adalah program Java yang berjalan di web atau aplikasi server. Servlet berfungsi sebagai middle layer (penghubung) antar web browser atau client HTTP dengan database atau aplikasi pada server HTTP.


Page 8

Fungsi – fungsi servlet adalah sebagai berikut : 1.Membaca data yang dikirim oleh client. Data yang diterima biasanya berasal dari form HTML, Applet, dan HTML client ; 2.Membaca request yang dikirim oleh browser 3.Menghasilkan output yang akan ditampilkan ke pengguna 4.Mengirim dokumen kepada client Dalam membangun servlet, perlu diperhatikan empat point sebagai berikut : 1. Kode program adalah kode Javabiasa. Ada API baru, tapi tidak ada sintaks yang baru; 2. Memiliki pernyataan import yang tidak familiar 3. Turunan kelas dari kelas HTTPServlet. Servlet menyediakan berbagai macam fitur untuk menangani HTTP 4. Override mothod doGet. Servlet memiliki menanganiberbagai jenis perintah HTTP


Page 9

method

yang

berbeda

untuk

Contoh

Output

3. JavaBean JavaBean adalah kelas Java yang ditulis dalam format standar. Kelas bean harus diletakkan di dalam direktori yang sama dengan kelas servlet, bukan dalam direktori yang berisi file JSP. Lokasi yang tepat untuk kelas bean adalah : WEB-INF/classes/subdirectoryPackageName


Page 10

Ada tiga hal yang perlu diketahui tentang JavaBean, yaitu : 1. Kelas Java Bean seharunya memiliki konstruktor tanpa argument (default constructor) 2. Kelas Java Bean seharunya memiliki atribut yang didefinisikan sebagai private 3. Nilai variable di objek bean harus diakses melalui method getXxx dan SetXxx A. Keuntungan Java Bean Berikut ini merupakan keuntungan dari Java Bean : 1. Dengan menggunakan bean, halaman JSP dapat memanipulasi objek hanya dengan menggunakan sintaks XML 2. Pada konstruksi JSP dan Java Bean, berbagi (sharing) obyek di antara berbagai halaman atau request akan lebih mudah daripada menggunakan kode Java Eksplisit 3. Konstruksi JSP dan Java Bean menyederhanakan proses request pada saat membaca parameter, mengubah parameter dari string, dan menempatkan hasil perubahan tersebut di dalam objek. B. Menggunakan Bean Untuk membangun dan memanipulasi komponen Java Bean dalam halaman JSP, gunakan tiga tag berikut ini : 1. jsp:useBean Tag ini membangun Bean baru. Format tag selengkapnya adalah sebagai berikut : <jsp:useBean id =”beanName” class=”package.Class”/> 2. jsp:getProperty Tag ini membaca nilai property bean. Membaca property pada prinsipnya memanggil method bernama getXxx. Format tag selengkapnya adalah sebagai berikut : <jsp:getProperty name=”beanName” property=”propertyName”/> 3. jsp:setProperty


Page 11

Tag ini memodifikasi sebuah property bean (misalnya pemanggilan method bernama setXxx). Format tag selengkapnya adalah sebagai berikut : <jsp:setProperty name = ‘’beanName” property = “propertyName” value =”propertyValue”/>

4. JSP JSP (Java Server Page) adalah suatu teknologi web berbasis bahsa pemrograman java dan berjalan di Platform Java, serta merupakan bagian teknologi J2EE (Java 2 Enterprise edition). JSP memiliki sifat-sifat sebagai berikut : 1.Portable karena dibuat dengan teknologi java 2.Manajemen memory 3.Memiliki akses ke API Java yang lengkap seperti JDBC dan Java Mail 4.Dapat menggunakan komponen yang portable dan reusable (JavaBean) 5.Memiliki kinerja tinggi terhadap banyak request atau proses sekaligus dalam waktu yang sama 6.Mudah dalam deployment dan maintenance Selain itu, JSP memiliki kelebihan yang membuatnya patut dipertimbangkan sebagai bahasa pemrograman web untuk pembuatan aplikasi web yang tangguh. Kelebihan tersebut adalah : 1.Memisahkan presentasi static dan isi yang dinamik 2.Menekankan komponen reusable 3.Memudahkan pembuatan aplikasi dengan tag 4.Berbasis pemrograman bahasa java 5.Bagian dari platform Java 6.Terintegrasi dalam J2EE Lokasi default pemasangan halaman JSP di Tomcat dengan menggunakan http://host/SomeFile.jsp


Page 12

Contoh :

Output

5. Expression Language Expression language merupakan bahasa expresi untuk mengakses bean tanpa menggunakan ekspresi skripting JSP secara eksplisit. Seperti ini <%=…%> Selain itu, expression language bertujuan : a. Akses singkat ke objek yang disimpan, hanya perlu menggunakan $ b. Notasi singkat untuk property bean c. Akases singkat ke parameter request, cookie, dan data reques lain d. Output bersyarat b e. Konversi otomatis f. Nilai kosong sebagai ganti error message


Page 13

Implementasi expression language : Akan dibuat sebuah aplikasi yang akan menampilkan property dari bean yang telah dibuat, antara lain bean pegawai, perusahaan.

beanProperties.java


Page 14

-

companyBean.java


Page 15

- employeeBean.java

nameBean.java


Page 16

-

- Servlet ScopeVars.java

Bean-properties.jsp

- Hasil


Page 17

-


Page 18

-


Page 19

PRAKTIKUM Pada praktikum modul ini, kita akan mencoba membuat form input buku baru menggunakan pattern MVC (model, view, controller) dengan method post(form)-> doPost (servlet) dan method get(form)-> doget(servlet). Berikut ini langkah-langkahnya : 1.

Buka eclipse pada computer dan masuk ke workspace praktikan

2.

Buat project baru, dengan nama modul3, seperti pada gambar berikut, dan jangan lupa untuk memilih target runtime Apache Tomcat v.7.0

3.

Lalu coppykan file img dan style ke dalam folder Web Content.

4.

Buat halaman css (css file) dengan nama style.css

5.

Pada folder WebContent klik kanan -> new jsp -> tuliskan index.jsp -> klik finish


Page 20

6.

Tuliskan script berikut ini pada file index.jsp


Page 21

7.

Kemudian buat halaman untuk search, dengan nama searchAvailable.jsp. Tuliskan kode berikut ini


Page 22


Page 23

8.

Pada folder Java Resource : src -> new package -> tuliskan model -> klik finish, lalu pada package model klik kanan -> new class -> tuliskan customer.java (bean) -> klik finish. Ketikkan kode sebagai berikut pada halaman customer.java

Kemudian buat kelas baru lagi untuk halaman jsp search, dengan nama search.java


Page 24


Page 25

Maka akan tampil halaman sebagai berikut:

Jika tidak terdapat kota yang dituju :

Jika tidak ada inputan :


Page 26

Jika terdapat kota yang dituju :


Page 27

MODUL 3 Servlet dan JavaBean

Recommend Documents