BAB II TINJAUAN PUSTAKA
2.2 Java Server Faces
2.2.3 View
View merupakan sebuah layer pada MVC yang mengandung keseluruhan
menyediakan representasi proses internal aplikasi dan menuntun alur interaksi user terhadap aplikasi.
Dalam layer ini, JSF tidak hanya menyediakan untuk pengembang dengan
tag custom dimana pengembang dapat menggunakan untuk menampilkan
interface Pengembang menggunakan JSP, Dan juga menyediakan untuk
Pengembang dengan sebuah set komponen dan sebuah standardisasi API untuk mengakses dan memanipulasi mereka.
Sebuah diskusi komponen JSF bisa sangat diperumit jika Pengembang mencoba untuk menjelaskan segalanya pada waktu yang sama. Sebagai gantinya, Pengembang akan mengambil sebuah tampilan yang sederhana terlebih dahulu, dan menjelajah lebih dalam kemudian.
2.2.3.1 Integrasi JSF-JSP
Untuk menggunakan komponen JSF dalam halaman JSP Pengembang, Pengembang butuh untuk memasukkan dua tag library : core dan html. Core tag library menjelaskan fungsi inti, seperti bagaimana cara untuk mengatur komponen JSF seperti kemampuan mereka untuk menyimpan status, dan lain-lain.HTML library menjelaskan tag yang mengatakan kepada browser bagaimana cara render komponen JSF Pengembang menjadi sesuai dengan HTML mereka.
Begitu Pengembang telah memasukkan kedua tag library ini, Pengembang
menggunakan tag custom yang mereka jelaskan. Mari Pengembang periksa tag- tag yang telah Pengembang gunakan di dalam contoh-contoh yang terdahulu:
<view> - digambarkan di dalam library inti. Semua penjelasan tag-tag komponen JSF harus enclosed di dalam tag ini. Tag ini menyediakan sebuah tempat untuk implementasi JSF untuk mampu menyimpan status dari komponen UI Pengembang. Ingat, tidak ada view, tidak ada status yang disimpan untuk komponen-komponen Pengembang.
<form> - digambarkan di dalam library HTML. Render sebuah form dalam HTML.
<outputLabel> - menggambarkan sebuah komponen label yang
berhubungan dengan komponen JSF lainnya. Komponen yang dihubungkan ditandai oleh nilai di dalam atribut for selama nilai yang ditampilkan karena label adalah output dari field <outputText> yang terlampir di dalamnya.
<outputText> - hanya merender teks di dalam atribut nilainya menjadi yang sesuai dengan HTMLnya.
<inputText> - merender sebuah elemen input HTML berjenis text.
<inputSecret> - merender sebuah elemen input HTML berjenis password. <commandButton> - merender sebuah elemen input HTML berjenis
submit.
Gambar 2.12 Tampilan Layout JSF Pada Browser
2.2.3.2 Action Handlers
Di dalam listing HTML sebelumnya, Pengembang dapat melihat bahwa
form Pengembang, ketika dirender dengan tag custom JSF, poin-poin hanya untuk
diri sendiri dengan atribut aktifnya. Aplikasi web tradisional akan menempatkan URL atau mapping URL komponen yang akan menangani submission form di dalam atribut action. Benar-benar, Faces menangani aspek ini dengan cara yang berbeda.
JSF mengenalkan konsep pemrograman berbasis event ke dalam
lingkungan web. Setiap komponen UI yang akan JSF sediakan diberi action user
yang sesuai atau input, menggenerate event dapat diproses oleh actionhandlers. Di dalam JSF di atas, sebagai ganti pemikiran bahwa menekan tombol submit akan mengakibatkan submission form, pikir kan bahwa menekan tombol akan mengakibatkan sebuah ActionEvent di-generate, dimana kemudian dapat diproses oleh sebuah handler.
Meninjau lagi ke dalam halaman JSF :
Pengembang temukan sebuah notasi # serupa dengan yang digunakan dalam mengikat sebuah property bean untuk sebuah komponen UI. Niat disini sama seperti : Pengembang mengikat sebuah method dengan nama setiap form login
yang ditemukan di dalam sebuah bean yang disesuaikan dengan nama login page
kepada tombol komponen UI Pengembang. Sekarang, sebagai ganti penyimpanan nilai untuk komponen, method batas beraksi sebagai action handler untuk media tombol.
Ketika user meng-klik pada tombol ini, framework memanggil action handler yang ditunjuk. Lalu menggunakan hasil String dari action handler untuk menentukan halaman mana yang akan pergi ke yang berikutnya dengan mencari nya di dalam aturan navigasi yang dikonfigurasikan.
Untuk mendapatkan suatu pengertian mendalam yang lebih baik di komponen-komponen yang JSF sediakan, akan menjadi lebih baik ketika melihat pada komponen Swing
Setiap komponen Swing menjelaskan sebuah widget interface, masing-
masing dengan kemampuannya yang dapat diakses secara program menggunakan API. Contoh : sebuah komponen JTextField menampilkan sebuah fieldtext yang dapat menerima input dari user. Nilai dapat diterima menggunakan getText().
Masing-masing komponen juga berbagi beberapa properties dan method
yang bersifat umum untuk semua komponen yang lain(Sebagai contoh, sebuah method field text setName()).
Beberapa komponen Swing adalah Container, dimana mereka dapat menerima komponen-komponen lain untuk membentuk suatu gabungan yang kemudian dapat ditampilkan kepada user atau handler. Contoh : JPanel, JFrame keduanya dapat digunakan untuk diisikan oleh komponen- komponen lain.
Komponen Swing bersifat berbasis event dan interaksi user dengan komponen Swing mengakibatkan generate sebuah event yang dilaksanakan oleh listener yang telah didaftarkan.
( sumber: The Java EE 6 Tutorial Basic Concept Fourth Edition, 2010 ) 2.3 Primefaces Technology
Primefaces merupakan sumber komponen JSF suite yang opensource yang bundel lebih dari 100 komponen dengan built-in mendukung AJAX. Ini didasarkan pada YUI dan library Javascript JQuery. Primefaces memiliki desain yang sederhana, ringan yang sepenuhnya kompatibel dengan komponen JSF library lainnya. Primefaces juga mendukung AJAX push, dan memiliki komponen UI yang mendukung pada ponsel dikenal sebagai touch faces.
Saat ini, Primefaces mendukung JSF 2.0 dengan 2.0.0.RC dan 2.0.0-
SNAPSHOT. Kemampuan Java EE 6 untuk menggabungkan fragment web.xml
yang berasal dari kerangka lain atau disebut dengan pihak ketiga. 2.3.1 Instalasi Primefaces
Primefaces memiliki dokumen library utama yang dikemas dalam bentuk
dilakukan untuk download library jar ini, library tersebut bisa di download dari homepage Primefaces atau Bagi pengguna maven dapat bisa mengambil file tersebut melalui maven. Untuk mendapatkan file tersebut secara jelasnya bisa dilihat pada pilihan berikut:
a. Download secara manual
Untuk dapat mengunduh file jar tersebut untuk langkah awalnya harus jelas aplikasi apa yang akan dibuat nanti, apakah berbasis mobile, web enterprise atau standar web, setelah ditentukan untuk file JAR bisa diambil pada situs:
http://www.primefaces.org/downloads.html
b. Download melalui maven
Ketika melakukan instalasi atau download melalui maven ada beberapa konfigurasi yang harus dilakukan, untuk konfigurasi awal melakukan penganturan dependency pada aplikasi dengan :
<dependency>
<groupId>org.primefaces</groupId> <artifactId>primefaces</artifactId> <version>2.2</version>
</dependency>
Setelah melakukan pengaturan dependency pada aplikasi, selanjutnya
melakukan pengaturan mengenai repository Primefaces pada maven
<repository>
<id>prime-repo</id>
<name>Prime Technology Maven Repository</name> <url>http://repository.prime.com.tr</url>
<layout>default</layout> </repository>
2.3.2 Dependencies
Seperti komponen java yang lainnya, Primefaces juga memiliki beberapa syarat yang harus disediakan ketika akan menggunakan teknologi Primefaces, salah satunya yaitu harus tersedia JRE dengan versi 5+ dan untuk implementasinya menggunakan JSF 2.0+, itu merupakan syarat mutlak yang harus ada agar Primefaces bisa berfungsi sebagaimana mestinya. Sebagai informasi lebih lanjut berikut di bawah ini akan terdapat daftar dari kebutuhan Primefaces:
Tabel 2.1 Daftar Kebutuhan Sistem
Kebutuhan Versi* Status Keterangan
JSF runtime 2.0+ Wajib Apache MyFace atau Oracle
Mojora
Itext 2.1.7 Pilihan PDF export yang mendukung
untuk komponen DataExporter
Commons-fileupload 1.2.1 Pilihan File Upload
Apache POI 3.2-FINAL Pilihan Excel export yang mendukung