Tutorial JSP

Tutorial
Pemrograman Web Java
Tugas Proyek Perangkat Lunak

Oleh :

Muhamad Fajrin Rasyid (13504055)
Achmad Zaky Syaifudin (13504076)
Nasiruddin Anwar (13504086)
Dadan Ramdan Mangunpraja (13504087)
Ardian Franindo (13504106)
Fitrasani (13504108)

Program Studi Teknik Informatika
Sekolah Teknik Elektro dan Informatika
Institut Teknologi Bandung
2006
Bab I Elemen-elemen JSP

Komentar

Seperti bahasa pemrograman lain, JSP memiliki sintaks khusus untuk memberikan
komentar pada kode program, yaitu “<%– komentar disini –%>”. Komentar ini berguna
untuk memudahkan kita dalam pembacaan program jika suatu saat kode program dibaca
oleh orang lain.

Deklarasi

Deklarasi berguna untuk mendeklarasikan atau menginisiasi suatu variabel dan method.
Suatu variabel atau method tidak akan bisa digunakan jika tidak dideklarasikan. Untuk
memberikan deklarasi pada kode program diberikan sintaks “<%! %>”.

Ekspresi

Berguna untuk menampilkan nilai suatu variabel atau method. Dengan adanya ekspresi
ini kode program bisa menjadi lebih indah dan nyaman untuk dibaca. Selain itu dengan
adanya ekspresi ini, membuat konsep MVC bisa dilakukan secara optimal.

Scriplet

Scriplet berisi kode-kode program untuk pemrosesan. Di scriplet ini tidak boleh terdapat
ekspresi ataupun deklarasi.

Directive

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).
Berikut sintaks directive :

Ada 3 jenis directive dalam jsp yang terbagi sesuai dengan fungsinya. Ketiga directive
tersebut adalah :
1. page directive
Dengan page directive ini, suatu halaman JSP bisa diberikan informasi tentang
package-pakage apa yang akan diimport, halaman mana yang ditampilkan ketika
terjadi error, dll. Berikut ini beberapa atribut dari page directive untuk
memberikan informasi pada suatu halaman :
Atribut language
Atribut ini digunakan untuk memberikan informasi bahasa apa yang digunakan.
Memang untuk saat ini bahasa yang digunakan oleh JSP hanya java saja. Akan
tetapi atribut ini dibuat untuk mensuppport agar kedepannya apabila JSP engine
mendukung bahasa pemrograman lain.

Atribut import
Atribut ini digunakan untuk memberikan informasi pakage apa saja yang
dibutuhkan dalam suatu halaman jsp. Apabila lebih dari satu package yang
diimport maka dipisahkan tanda koma (,).

Atribut info
Atribut ini digunakan hanya untuk memberikan informasi tentang suatu halaman.
Misalnya kita ingin memberikan info bahwa halaman jsp yang telah kita buat
akan kita cantumkan nama kita.

Atribut errorPage
Atribut ini menentukan halaman mana yang akan di-redirect ketika terjadi error
pada halaman jsp. Dengan adanya atribut ini maka jika halaman jsp error akan diredirect
ke halaman nilai atribut tersebut sehingga akan mengurangi terjadinya
hal-hal yang tidak diinginkan semisal, hacking yang umumnya terjadi karena
adanya error dalam web.

Atribut contentType
Suatu halaman web dapat diketahui isinya dengan variable contentType dalam
protocol HTTP. Dengan atribut ini pulalah kita juga akan merepresentasikan isi
dari halaman web kita, bias berupa gambar, pdf, text, dll. Nilai defaultnya adalah
text/html

Atribut session
Apabila suatu halaman ingin menggunakan session sebagai variable bagi user,
maka session ini diisi dengan nilai “true”

Untuk lebih mengefektifkan kode program, penggunaan atribut bisa dilakukan
sekaligus. contoh :

2. include directive
include directive ini berguna jika kita ingin menyisipkan isi suatu halaman dalam
kode kita. Tidak seperti page directive yang memiliki banyak atribut, include
directive hanya mempunyai satu atribut yaitu “file” yang nilainya merupakan file
yang isinya akan disisipkan dalam kode. Berikut contoh sintaks yang digunakan :

URL file yang akan disisipkan harus diawali tanda “/”.
Bab II Pemrograman JSP

Hello world

Langkah paling awal dalam belajar pemrogaman adalah membuat output “hello world”
sebagai tanda sapaan bagi JSP kepada dunia. Langkah ini juga bisa dijadikan
benchmarking terhadap suatu bahasa pemrograman. Bahasa pemrograman yang simple
biasanya memiliki kode yang paling singkat untuk menuliskan “hello world”

Variabel

Dalam pemrograman, variabel digunakan sebagai buffer untuk tempat penyimpanan data
sementara. Seperti bahasa pemrograman lain, JSP juga memiliki aturan dalam pembuatan
variable. Karena berbasiskan java, sehingga aturan variable dalam JSP mirip dengan java.

Berikut ini beberapa point penting tentang variable dalam JSP
– case sensitive
– harus dideklarasi
– variable scope ada 3 : private, protected, dan public
– predefine variable : response, request
– konstanta menggunakan sintaks “static”.
Contoh :

Operator

Operator digunakan untuk melakukan operasi/manipulasi terhadap suatu variable atau
konstanta. Ada berbagai macam operator seperti aritmatika, kondisional, string, logika.
Berikut beberapa penggunaan operator :

Control Flow Pemilihan

If
If cocok digunakan untuk control pemilihan untuk satu kasus. Apabila ada kasus selain
kondisi yang diminta maka tidak akan dieksekusi (hanya lewat).
Contoh :

if .. else, else if
Prinsipnya sama seperti if tunggal di atas, akan tetapi dengan pemakaian else, maka
control bisa dilakukan untuk lebih dari satu kasus.

Pada contoh di atas, untuk semua kasus disediakan control penangnannya, apabila tidak
memenuhi “berhasil” atau “Gagal” akan masuk ke “tidak apa-apa”.
switch .. case, break
Mirip seperti if..else if.., switch…case juga digunakan untuk control suatu kasus. Berbeda
dengan if..else.., switch..case… penggunaannya lebih simple dan mudah.

Control Flow Pengulangan

While
Kontrol pengulangan ini baik digunakan apabila batas/basis nya diketahui.

Do .. while
Sama halnya dengan while, do..while juga untuk pengulangan jika batasnya tidak
menentu. Akan tetapi do..while minimal akan mengeksekusi satu loop, Jadi
bagaimanapun keadaannya do..while ini akan mengeksekusi minimal satu loop.
For
Untuk mengeksekusi pengulangan dengan basis/batas tertentu, penggunaan for sangat
tepat sekali. Contohnya, untuk menuliskan 10 bilangan pertama.

Object request

Object ini merupakan object yang sudah diciptakan oleh jsp (predefine) sehingga kita
hanya menggunakannya saja. Guna object ini adalah untuk menangani request yang
datang dari user. Beberapa method yang penting dari object ini adalah :
request.getParameter()
Method ini digunakan untuk mendapatkan nilai dari variable yang dipassing lewat HTTP
baik cara GET atau POST. Teknik passing variable ini biasa digunakan untuk
penanganan form dalam suatu aplikasi web.
request.getRemoteAddr()
Method ini mengembalikan IP address dari client yang meminta request.
request.getRemoteHost()
Method ini mengembalikan nama dari client yang melakukan request.
request.getServerName()
Method ini akan mengembalikan nama host dari server yang menerima request.
request.getServerPort()
Method ini mengembalikan nilai port yang digunakan oleh server.

Object response

Jika object request digunakan untuk menangani request dari client ke server, maka object
response menangani aksi dari diberikan server kepada client.
Beberapa method dari object response yang penting adalah :
response.sendRedirect(string)
method ini berguna untuk melempar url dari url semula ke url yang dijadikan parameter
dalam method ini. Misalkan response.sendRedirect(http://www.google.com), maka
halaman web dari client akan diberikan aksi oleh response JSP ini untuk membuka
halaman http://www.google.com.

Object session

Object ini digunakan untuk penanganan session, yaitu penampungan variabel untuk client
yang disimpan disisi server. Session biasanya dimanfaatkan untuk sistem login aplikasi
web.
response.setAttribute(string,string)
untuk menanamkan variabel session dalam server digunakan method ini, parameter string
pertama merupakan nama session dan parameter string kedua merupakan nilai dari
session tersebut.
response.getAttribute(string)
method ini berguna untuk mendapatkan variabel session yang sudah ditanam. Parameter
string adalah nama session yang akan diambil nilainya.
Bab III Pembuatan Aplikasi JSP

Koneksi Database

Database merupakan bagian vital dari suatu aplikasi, hampir semua aplikasi berbasis web
membutuhkan database sebagai tempat penyimpanan data-data yang dibutuhkan aplikasi.
Kali ini kita akan menggunakan database MySQL sebagai engine database kita. Untuk itu
dibutuhkan JDBC API MySQL sebelum menggunakan database MySQL dalam JSP.
Selain itu dibutuhkan database server MySQL dalam keadaan running.
Untuk mengecek apakah database sudah terkoneksi dengan JSP, buatlah kode program
seperti berikut :

jika kode di atas dieksekusi dan menghasilkan output “koneksi berhasil” maka database
mysql dan jsp berhasil terkoneksi. Namun apabila sebaliknya, anda harus mengecek lagi
bagian apa yang kurang, apakah driver Mysqlnya(API) , database servernya belum
dijalankan, atau user, password, nama databasenya salah. Pada kode di atas user=”root”
dan password = “”

Input data ke Database

Database bisa kita manipulasi baik itu input, retrieve, delete atau update data. Untuk
melakukan input data pada database MySQL digunakan perintah SQL sebagai berikut

Kali ini kita akan latihan menginput data pada database dari sebuah form HTML.
Buatlah form HTML sebagai berikut

atribut action pada tag form diatas menyatakan url file yang akan menangani request dari
user apabila user melakukan submit dari form di atas. Dalam kasus di atas, kita buat file
input.jsp untuk menangani request dari form di atas.

Retrieve data dari Database

Untuk mendapatkan data data yang kita input ke database di atas kita gunakan sintaks
SQL sebagai berikut :

Kita akan mencoba mendapatkan data dari pengguna yang kita input di atas dengan
kondisi tertentu. Misalkan pengguna dengan nama tertentu.
cari.html

Aplikasi Login

Sering kita menggunakan fasilitas login pada yahoo, blog, atau email kita sendiri.
Bagaimanakah login bekerja? Pada dasarnya proses login hanya membandingkan antara
masukan dari user dengan data yang sudah tersimpan dalam database. Namun agar server
tau bahwa user berhasil melakukan proses login maka digunakanlah session untuk
menyimpan variabel sebagai tanda bahwa user sudah melakukan login. Jika suatu ketika
user melakukan logout, maka yang terjadi yaitu penghapusan variabel session di server.
Sehingga ketika user masuk ke halaman web lagi, akan ditanyakan user dan password.
Berikut kode HTML form untuk login

Membuat Blog

Blog saat ini menjadi tren sendiri bagi para penggemar internet. Dengan blog mereka bisa
berbagi cerita, ilmu atau pengalaman. Berbagai situs menyediakan layanan blog gratis
yang bisa dibuat dalam 10 menit atau kurang. Namun bagaimana proses pembuatan blog
itu sendiri? kita akan coba eksplorasi
Sebagai database tempat penyimpanan yang nantinya digunakan untuk blog, kita akan
membuat tabel dengan nama blog yang memiliki atribut id, waktu, judul, header, isi.
Sintaks SQL nya seperti berikut :

Setelah tabel dibuat, tugas anda adalah mengisi tabel tersebut dari sebuah form HTML.
buatlah form HTML seperti berikut ini :

Untuk file blog.jsp sebagai berikut :

Setelah anda membangun backendnya, kini untuk menampilkan isi dari data tersebut
sehingga tampil seperti layaknya blog yang sesungguhnya. Buatlah halaman web sesuai
selera anda dan sisipkan fungsi JSP untuk menampilkan blog berikut :