MODUL 3 Servlet dan JavaBean

Transkripsi

1 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 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

2 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 MVC dengan RequestDispatcher, berikut ini langkahlangkahnya : 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 Modul Praktikum Web Based Programming Page 2

3 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 : Modul Praktikum Web Based Programming Page 3

4 a. Servlet Showbalance b. Class BankCustomer Modul Praktikum Web Based Programming Page 4

5 c. Java Server Page (JSP) untuk menampilkan hasil HighBalance.jsp Modul Praktikum Web Based Programming Page 5

6 NormalBalance.jsp Modul Praktikum Web Based Programming Page 6

7 NegativeBalance.jsp UnknowCustomer.jsp d. Index web e. Hasil - HighBalance Modul Praktikum Web Based Programming Page 7

8 - 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. Modul Praktikum Web Based Programming Page 8

9 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 method yang berbeda untuk menanganiberbagai jenis perintah HTTP Modul Praktikum Web Based Programming Page 9

10 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 Modul Praktikum Web Based Programming Page 10

11 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 Modul Praktikum Web Based Programming Page 11

12 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 Modul Praktikum Web Based Programming Page 12

13 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 Modul Praktikum Web Based Programming Page 13

14 Implementasi expression language : Akan dibuat sebuah aplikasi yang akan menampilkan property dari bean yang telah dibuat, antara lain bean pegawai, perusahaan. beanproperties.java Modul Praktikum Web Based Programming Page 14

15 - companybean.java Modul Praktikum Web Based Programming Page 15

16 - - employeebean.java namebean.java Modul Praktikum Web Based Programming Page 16

17 - - Servlet ScopeVars.java Bean-properties.jsp - Hasil Modul Praktikum Web Based Programming Page 17

18 - Modul Praktikum Web Based Programming Page 18

19 - Modul Praktikum Web Based Programming Page 19

20 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 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 Modul Praktikum Web Based Programming Page 20

21 6. Tuliskan script berikut ini pada file index.jsp Modul Praktikum Web Based Programming Page 21

22 7. Kemudian buat halaman untuk search, dengan nama searchavailable.jsp. Tuliskan kode berikut ini Modul Praktikum Web Based Programming Page 22

23 Modul Praktikum Web Based Programming Page 23

24 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 Modul Praktikum Web Based Programming Page 24

25 Modul Praktikum Web Based Programming Page 25

26 Maka akan tampil halaman sebagai berikut: Jika tidak terdapat kota yang dituju : Jika tidak ada inputan : Modul Praktikum Web Based Programming Page 26

27 Jika terdapat kota yang dituju : Modul Praktikum Web Based Programming Page 27