Membuat aplikasi java web enterprise sederhana

2012
Eko Kurniawan Khannedy
StripBandunk.com
4/1/2012
Membuat Aplikasi Java Web
Enterprise Sederhana

Persembahan
Buku ini dipersembahkan untuk Indonesia yang lebih baik
Ilmu, teknologi dan sumber daya manusia yang lebih baik
Semoga buku ini bisa menjadi amal
Untuk saya dan keluarga

Katakan…
Semoga tidak bosan-bosannya membaca buku yang saya buat :D walaupun agak semrawut bukunya,
semoga bermanfaat :D
Sebenarnya banyak sih yang mencibir, menghina dan mengutuk atas apa yang saya lakukan selama ini,
berbagi ilmu, saya juga gak tau kenapa :D Tapi persetan dengan mereka :D Yang penting saya akan tetap
terus berbagi ilmu, sampai akhir hayat, yeah, lebay mode on :D
Buku ini adalah buku saku yang membahas tentang pembuatan aplikasi java web enterprise sederhana,
dimana disini saya bakal pake teknologi java enterprise, wuih keren kedengerannya :D Teknologi apa
aja? Diantarnya Java Server Faces, Java Persistence API, Enterprise Java Beans dan Bean Validation.
Wuih sebanyak itu?
Percaya deh, gak seserem kedengerannya :D Malah menyenangkan kok :D Banyak kemudahan yang
ditawarkan oleh teknologi-teknologi yang tadi saya sebutin :D
So, gak usah banyak cing cong, si acong aja gak banyak cing cong :D
Let’s Rock!!!

Daftar Isi
Persembahan................................................................................................................................................2
Katakan….......................................................................................................................................................3
Daftar Isi........................................................................................................................................................4
Bikin Project Dulu..........................................................................................................................................5
Bikin Konfigurasi JPA.....................................................................................................................................9
Membuat Entitas Barang ............................................................................................................................13
Service Menggunakan Enterprise Java Beans.............................................................................................17
Validasi Menggunakan Bean Validation......................................................................................................20
Validasi Id Barang....................................................................................................................................20
Validasi Nama Barang .............................................................................................................................20
Validasi Kategori Barang .........................................................................................................................20
Validasi Harga Barang .............................................................................................................................21
Validasi Stok Barang................................................................................................................................21
Controller Menggunakan Manage Bean.....................................................................................................22
Membuat Manage Bean .........................................................................................................................22
Aksi Daftar Barang ..................................................................................................................................24
Aksi Tambah Barang................................................................................................................................24
Aksi Ubah Barang....................................................................................................................................25
Aksi Hapus Barang...................................................................................................................................26
View Menggunakan Java Server Faces .......................................................................................................27
Nampilin Data Barang.............................................................................................................................27
Nambah Data Barang..............................................................................................................................30
Ngedit Data Barang.................................................................................................................................35
Ngapus Barang........................................................................................................................................37
Yuk Coba .....................................................................................................................................................39
Ngejalanin Web.......................................................................................................................................39
Misi Selanjutnya..........................................................................................................................................43
Tentang Saya...............................................................................................................................................44

Bikin Project Dulu
Gak seperti di PHP yang bisa langsung bikin file .PHP, di Java gak seperti itu. Saat mau bikin aplikasi web,
di java harus bikin project dulu.
Disini saya pake NetBeans buat editor-nya dan Glassfish buat servernya.
Jadi sekarang kita bikin project java web dulu di NetBeans, tinggal pilih File -> New Project, trus keluar
dialog kayak gini :
Trus pilih kategori Java Web dan proyek Web Application, kalo udah klik Next >

Kalo udah tinggal masukin nama proyek nya, misal disini saya kasih nama WebBarang. KokWebBarang?
Yup soalnya disini saya mau bikin web buat manipulasi data barang. Cukup sederhana kan? Jangan
terlalu kompleks, nanti bukunya kepanjangan, saya males ngetik nya :P
Kalo udah klik Next >

Pilih server GlassFish, trus versi Java EE nya pilih yang Java EE 6 Web, lalu ceklis Enabled CDI, lalu
masukin Context Path, ContextPath itu url untuk ngakses aplikasi web kita, defaultnya sama ama nama
project yang kita buat.
Kalo udah klik Next >
Pilih Java Server Faces, soalnya kita mau pake JSF, lalu di configuration nya ubah juga kayak gambar
dibawah ini :

JSF Servlet URL Pattern nya saya ubah jadi *.stripbandunk, artinya nanti setiap file JSF akan diakses
dengan diakhiri .stripbandunk, misal :
 Index.stripbandunk
 Create.stripbandunk
 Dan lain-lain
Keren kan? Bosen kalo .php, .jsp, .html, mending .namakita :D
Kalo udah klik Finish, sekarang NetBeans akan bikinin projectnya buat kita

Bikin Konfigurasi JPA
Kalo udah bikin project nya, sekarang kita bikin konfigurasi Java Persistence API nya dulu, jadi gak
langsung bikin halaman webnya dulu, itu nanti belakanganan. Yang paling utama itu bikin data tier nya
dulu, lalu service tier, dan terakhir adalah presentation tier.
JPA adalah data tier, EJB adalah service tier dan JSF adalah presentation tier.
Masih inget kan aplikasi 3-Tier? Kalo lupa, buka Wikipedia lagi sana :P
Ok, back to topic, buat bikin konfigurasi JPA, pilih File -> New File.
Trus pilih kategori Persistence dan tipe file nya Persistence Unit, kalo udah klik Next >.

Buat nama persistence uni t nya, trus pilih persistence providernya itu EclipseLink, soalnya itu default
bawaan Glassfish.
Nah tinggal kita buat datasource nya, pilih combobox si DataSource nya, trus pilih New Data Source.
Sekarang kita buat datasource nya dulu, datasource itu merupakan objek untuk membuat koneksi ke
database.
Untuk membuat datasource, pertama pilih dulu database connectionnya.
Sekarang saya anggap belum ada database connectionnya, jadi silahkan pilih combobox nya trus pilih
New Database Connection.

Silahkan pilih Driver yang mau digunakan untuk membuat koneksi database nya, misal saya pake driver
MySQL, soalnya saya mau pake database MySQL, kalo kamu sih terserah mau pake database apa aja :P
Kalo udah klik Next >.

Silahkan isi konfigurasi koneksi databasenya, kalo sudah klik tombol Finish.
Balik lagi ke pembuatan datasource, sekarang silahkan tambahkan nama JNDI nya, ini adalah nama yang
digunakan sebagai identitas atau unik id nya si objek datasource.
Biasanya diawali dengan jdbc/ misal jdbc/web-barang
Kalo udah klik tombol OK
Balik lagi ke pembuatan Persistence Unit, sekarang pilih table Use Java Transaction API, dan cek radio
button Create pada Table Generation Strategy, hal ini agar nanti tabel akan otomatis dibuatkan oleh si
JPA, jadi saya gak perlu lagi buat table pake SQL, keren kan? :D
Kalo udah klik Finish, dan selesai :D

Membuat Entitas Barang
Sekarang setelah membuat konfigurasi JPA, saatnya membuat entitas barang. Kelas entitas merupakan
kelas yang merepresentasikan tabel yang ada di tababase.
Jadi anggap saja kalo sekarang kita sedang membuat tabel di database.
Untuk membuat kelas entitas, kita bisa menggunakan menu File -> New File.
Pilih kategori Persistence dan tipe file nya adalah Entity Class, lalu klik Next.

Beri nama kelasnya adalah Barang, trus jangan lupa kasih package juga. Untuk Primary Key Type, disini
saya menggunakan String, karena nanti kode barang atau id barang akan saya buat berupa String.
Setelah itu klik tombol Finish.
Hasilnya adalah seperti pada gambar dibawah ini :

Hapus @GeneratedValue() yang ada di atribut id, kenapa? Soalnya itu hanya untuk auto increment
angka, sedangkan id barang ini saya menggunakan string.
Setelah itu tambahkan atribut-atribut yang diperlukan, seperti nama, harga, stok dan kategori :
Setelah itu buat getter dan setter untuk semua atributnya. Supaya mudah kita dapat menggunakan
generator milik NetBeans, caranya klik menu Refactor -> Encapsulate Fields.

Ceklist getter dan setter untuk id, nama, kategori, harga dan stok, setelah itu klik tombol Refactor.
Dan otomatis getter dan setter akan terbuatkan semuanya :D cool….
Selesai, sekarang kita sudah membuat entitas Barang.
Lanjut ke tahapan selanjutnya :D

Service Menggunakan Enterprise Java Beans
Bagi yang sudah mengenal tentang Data Access Object, bab ini juga kita membuat hal seperti itu. Namun
bedanya namanya kita ganti dengan Service, dan disini kita menggunakan EJB dan JPA.
Berterima kasih lah paka NetBeans, karena pembuatan Service menggunakan EJB di NetBeans sangatlah
mudah :D
Mudah sekali, hampir seperti membalikkan telapak tangan :D
Masa? Sumpeh deh :P
Ok, back to topic, pertama buat sebuah file baru, pilih menu File -> New File.
Pilih katgori Enterprise JavaBeans dan tipe file nya Session Beans for Entity Classes. Lalu klik Next >.

Pilih entitas Barang, lalu klik tombol Add >.
Setelah itu klik tombol Next >.

Masukkan nama package nya, disini saya menggunakan package service. Lalu kalo sudah, klik tombol
Finish.
Dan sekarang kelas service nya sudah dibuatkan oleh NetBeans dengan nama BarangFacade. Kita tidak
perlu melakukan coding lagi :D
Hahaha… mudah kan? Sekarang tinggal lanjut ke next job.

Validasi Menggunakan Bean Validation
Sebelum mulai membuat halaman web nya, bikin validasi dulu. Validasinya pake Bean Validation. Jangan
bikin validasi manual, capek :P
Untuk melakukan validasi menggunakan Bean Validation, harus di integrasikan dengan kelas entitasnya.
Jadi sekarang kita buka lagi kelas Barang nya.
Validasi Id Barang
Pertama kita validasi id atau kode barang. Disini misal saya ingin id barang itu panjangnya tidak boleh
lebih dari 10 karaketer, dan tidak boleh kosong :
@NotEmpty digunakan agar kode tidak boleh kosong, dan @Size digunakan untuk melakukan validasi
panjang karakter dimana max nya adalah 10 karakter. Untuk atribut message adalah pesan kesalahan
ketika validasi gagal.
Validasi Nama Barang
Untuk nama barang, validasinya tidak boleh kosong dan juga panjang karakter maksimal adalah 50
karakter.
Validasi Kategori Barang
Kalo untuk kategori barang, validasinya cuma panjang karakter aja 50 karakter, disini saya anggap
kategori boleh kosong :

Validasi Harga Barang
Untuk harga barang, pastinya tidak boleh kurang dari 1 rupiah, mana ada barang 0 rupiah, barang apa?
Validasi Stok Barang
Terakhir untuk stok, boleh 0, tapi yang pasti stok tidak boleh negative :
Dan sekarang kita sudah selesai menambahkan validasi menggunakan Bean Validation.

Controller Menggunakan Manage Bean
Controller adalah kelas yang digunakan untuk melakukan kontrol terhadap aksi-aksi di web. Controller
bertugas seluruhnya untuk memberikan data dan merespon aksi yang diminta oleh pengguna.
Membuat Manage Bean
Pertama kita perlu membuat kelas Manage Bean terlebih dahulu, caranya buat file baru File -> New File
:
Pilih kategori JavaServer Faces dan tipe file nya JSF Managed Bean, setelah itu klik Next >

Tambahkan nama kelasnya BarangController, lalu jangan lupa tambahkan package nya, saya buat
package yang berakhiran controller. Lalu tambahkan Name, Scope nya ubah jadi session, supaya hanya
dibuat satu objek per session, lalu silahkan tambahkan deskripsinya. Selanjutnya klik tombol Finish.
Hasilnya seperti pada gambar diatas.

Sekarang saatnya kita tambahkan metode-metode untuk aksi-aksi di web.
Aksi Daftar Barang
Untuk aksi daftar data barang, nanti di webnya, halamannya akan berisikan tabel yang menampilkan
data barang. Untuk melakukan itu, kita hanya perlu membuat sebuah metode getter yang
mengembalikan data List of Barang.
Data List of Barang ini kita ambil melalui EJB, jadi seperti ini :
Aksi Tambah Barang
Logikanya, saat pertama kali muncul maka halaman daftar barang akan muncul, lalu ada link Tambah
Barang, saat di klik mana akan masuk ke halaman tambah data barang.
Aksi tersebut perlu kita buat metodenya, dimana metodenya mengembalikan data String yang
menunjukkan halaman web nya.

Metode getBarang() digunakan untuk mengambil objek barang yang nanti akan di binding ke dalam
form, dan dalam metode prepareCreate() objek barang tersebut dibuat baru dengan menggunakan new.
Dalam metode prepareCreate() mengembalikan nilai /create, yang artinya nanti akan menampilkan
halaman /create.stripbandunk
Selanjutnya pengguna memasukkan data barang, setelah itu klik tombol save dan data barang di simpan
ke dalam database dan kembali lagi ke halaman daftar barang
Aksi tersebut juga perlu dibuatkan sebuah metode baru, misal create();
Metode create() menghasilkan string /index yang artinya setelah di simpan nanti akan kembali ke
halaman /index.stripbandunk
Aksi Ubah Barang
Selanjutnya untuk aksi ubah, sama seperti aksi buat barang, pertama pasti pengguna harus memilih
salah satu barang yang akan di ubah.

Dalam prepareEdit() ditambahkan parameter String id yang merupakan parameter untuk id barang yang
akan diubah.
Selanjutnya halaman /edit.stripbandunk akan muncul dan setelah selesai mengedit, penggunakan akan
menekan tombol simpan. AKsi ini juga akan mengakses metode edit()
Aksi Hapus Barang
Dan yang terakhir adalah aksi hapus barang, kalo ini sih gak perlu lagi pake prepare dulu, langsung aja
hapus berdasarkan kode barangya.
Untuk aksi ini, kita buat metode dengan nama delete()
Akhirnya selesai juga membuat kelas controller :D
Tinggal sekarang kita bikin web nya pake Java Server Faces, ayo!!!

View Menggunakan Java Server Faces
Bagian yang langsung berinteraksi dengan pemakai itu disebut presentation tier, atau simple nya sih bisa
dibilang view.
Karena di project ini, saya mau buatnya itu project web, jadi saya pilih untuk view nya itu adalah java
server faces.
Kenapa JSF? Enggak Struts, Spring MVC, Tapestry atau bahkan JSP?
Suka-suka saya dunk, saya yang bikin buku, kalo gak mau pake JSF, bikin aja buku sendiri :P
Nampilin Data Barang
Pertama, saat halaman index.stripbandunk muncul, disini saya pengen nampilin dulu daftar barang pake
tabel, trus ada tombol tambah barang di atas tabel nya, dan di tiap baris data barang, ada tombol buat
hapus ama edit.
Jadi pertama sekarang buka halaman index.xhtml nya. Inget index.xhtml, bukan index.stripbandunk,
tapi walaupun halaman nya .xhtml, tapi nanti pas buka di browser sih .stripbandunk :D
Isi index.xhtml itu default nya waktu bikin project itu kayak gini :
Sekarang ubah dulu jadi kayak gini :

Trus kursor nya simpan di dalam tag <h:body>, lalu pilih menu Source -> Insert Code, nanti bakal muncul
menu kayak gini :
Pilih menu JSF Data Table From Entity.

Pilih entity nya kelas Barang, trus pilih manage bean property nya itu barangController.daftarBarang,
trus klik OK.
Sekarang otomatis dibuatin data table oleh NetBeans, jadi kita gak perlu buat manual data table nya :D
Ada error di <f:view> dan <f:facet>, ini soalnya tag f belum di import, caranya klik logo lampu bohlam,
trus pilih import :

Dan sekarang akan ditambahkan import tag untuk f :
Nambah Data Barang
Kalo udah nampilih data barang, saatnya sekarang nambah data barang.
Seperti yang sudah dibahas di controller, ada dua aksi di tambah data barang ini, pertama prepare()
yaitu aksi untuk menampilkan form tambah barang, dan aksi menyimpan data barang di form.
Sekarang tinggal tambahin link diatas data table untuk membuka form tambah data barang.
Selanjutnya, buat file JSF baru dengan nama create.xhtml, caranya pilih menu File -> New File.

Pilih kategori JavaServer Faces dan tipe file nya JSF Page, trus klik Next >.

Beri nama file nya, create dan options nya itu facelets. Kalo udah, klik Finish.
Dan ini isi file nya :
Sekarang tinggal ubah jadi seperti ini :

Lalu masukkan cursor di dalam tag <h:body> trus pilih menu Source -> Insert Code, setelah muncul
dialog seperti sebelumnya di daftar barang, pilih JSF Form From Entity.
Pilih entity kelas Barang, dan manage beans property nya barangController.barang, lalu klik OK.

Sekarang otomatis NetBeans akan membuat Form untuk entitas Barang, tinggal kita pake saja :D
Kalo ada error, seperti biasa, import dulu tag f nya.
Ubah judul di Form nya jadi seperti ini :
Selanjurnya dibagian bawah, tambah tombol yang mengeksekusi metode create() di controller :
Karena kita menggunakan Bean Validation, dan defaultnya itu JSF tidak melakukan validasi
menggunakan BeanValidation, jadi untuk mengaktifkan BeanValidation, kita perlu menggunakan tag
<f:validateBean> di dalam form nya, jadi seperti ini :

Ngedit Data Barang
Selanjutnya, kalo udah tambah data barang, saatnya ngedit data barang, caranya hampir sama ama
nambah data barang, yang membedakan cuma aksi dan lokasi tombol edit barang nya ada di tiap baris
di data table.
Sekarang tambah satu kolom baru di data table nya, trus masukkin tombol edit barang, jadi kayak gini :
Terus bikin file JSF baru dengan nama edit.xhtml.
Gak perlu dijelasin lagi kan cara bikinnya :P Sebelumnya kan udah saya jelasin, kebangetan kalo lupa :P
Tinggal ubah file edit.xhtml nya jadi kayak gini :

Trus pake menu yang sama, Source -> Insert Code, pilih lagi JSF Form From Entity.
Pilih lagi entity nya Barang dan manage bean property nya itu barangController.barang :
Tahapannya sama dengan tambah data barang, yang membedakan sekarang cuma di aksi tombol
simpannya, kalo di tambah data barang ke barangController.create() kalo disini barangController.edit().
Lengkapnya kayak gini nih :

Ngapus Barang
Terakhir adalah hapus data barang, kalo ini gak perlu lagi pake form, cukup tambahin tombol hapus
barang di tiap baris di data table.
Untuk komlomnya, digabung aja ama tombol Edit, jadi kayak gini :
Untuk jaga-jaga kalo misal pengguna gak sengaja klik tombol Hapus, saya tambahin konfirmasi pake
JavaScript, jadi kayak gini hasil akhirnya :

Selesai deh :D
Tinggal kita uji coba, mudah-mudahan gak ada error euy :D

Yuk Coba
Sekarang tinggal kita coba web nya yang sudah dibuat tadi.
Ngejalanin Web
Untuk ngejalanin webnya, gambar di projectnya tinggal klik nanan, trus pilih menu Run, tinggal tunggu
aja web nya jalan di browser, kayak gini hasilnya :
Daftar barang masih kosong :
Nambah barang :

Validasi gagal nambah barang :

Daftar Barang :
Edit Barang :
Hapus Barang :

Membuat aplikasi java web enterprise sederhana

Misi Selanjutnya
Sudah selesaikah?
Belum lah, masih banyak yang harus diselesaikan, misi selanjutnya adalah :
 Ubah tampilan daftar barang supaya lebih menarik
 Ubah juga tampilan form tambah dan form edit
 Pastikan kode barang gak bisa diedit oleh penguna, biasanya memang kode itu gak bisa diubah
lagi.
 Tambahin lagi atribut-atribut nya, misal harga beli, harga jual, minimum stok, dan lain-lain
Selamat menjalankan misi!!!

Tentang Saya
Dari pada saya cape-cape ngenalin penulis, mending ngenalin saya sendiri :D
Saya Eko Kurniawan Khannedy, penulis buku ini. Buku ini adalah buku gratis, kalo anda harus bayar buat
dapetin buku ini, berarti anda tertipu :D
Pembaca semua bisa menghubungi saya di :
 Email : echo.khannedy@gmail.com
 Twitter : http://twitter.com/khannedy
 Facebook : http://facebook.com/EkoKurniawanKhannedy
 Wordpress : http://eecchhoo.wordpress.com/
 Video Tutorial : http://stripbandunk.com/
Dan jangan lupa ikuti informasi Java terkini di :
 Twitter : http://twitter.com/PakarJava
 Facebook : http://facebook.com/TanyaJava
Terimakasih udah nyempetin baca buku saya :D

Membuat aplikasi java web enterprise sederhana

More Related Content

Similar to Membuat aplikasi java web enterprise sederhana (20)

Recently uploaded (20)

Membuat aplikasi java web enterprise sederhana