JavaEE (JSP & Servlet) Pertemuan 2 Pengenalan apa itu JSP

JavaEE(JSP & Servlet)

Pengenalan JSP

JSP atau JavaServer Pages adalah teknologi dari Java yang dipakai untuk membuat halaman web yang dinamis, artinya isi halaman bisa berubah sesuai dengan data yang dikirim atau diproses.

contohnya:

Kalau kita bikin form untuk input data mahasiswa, maka ketika pengguna mengisi form dan menekan tombol “Kirim”, halaman selanjutnya akan menampilkan data yang sudah mereka isi. Nah, teknologi yang bisa melakukan ini salah satunya adalah JSP.

JSP merupakan bagian dari Java Enterprise Edition (Java EE), yang memang dirancang untuk pengembangan aplikasi berskala besar dan terstruktur.

Bagaimana Cara Kerja JSP?

JSP sebenarnya gabungan antara HTML dan Java.

• HTML digunakan untuk membuat struktur dan tampilan web, seperti teks, form, tombol, tabel, dll.

• Java disisipkan dalam halaman HTML menggunakan tag khusus JSP, lalu dijalankan di server sebelum dikirim ke browser pengguna.

contoh :

Kalimat di atas akan menampilkan “Halo Dunia!” di browser saat halaman dibuka.

Perbedaan Halaman Biasa dan JSP

HTML Biasa JSP Hanya menampilkan konten statis (tidak berubah-ubah) Bisa menampilkan konten dinamis berdasarkan input/data Tidak bisa menjalankan logika seperti perulangan Bisa melakukan pengulangan, percabangan, dan bahkan ambil data dari database Tidak bisa menyimpan/ambil data user Bisa proses form dan simpan data ke database

Komponen-Kompnen Dasar di JSP

1. Scriptlet

Potongan kode Java yang ditulis di antara <% ... %>. Scriptlet digunakan untuk menulis logika program, seperti if, for, deklarasi variabel, dll.

2. Expression

Digunakan untuk langsung menampilkan isi variabel atau hasil perhitungan ke halaman web. Bentuknya <%= ... %>

3. Directive

Digunakan untuk memberikan instruksi atau pengaturan pada halaman JSP.

Contoh:

Digunakan untuk memberi tahu bahwa halaman ini akan menggunakan bahasa Java.

Contoh Sederhana JSP

Keterangan:

• Kode HTML biasa menampilkan struktur halaman.

• Kode JSP (baris <% out.println(...) %>) akan menampilkan teks dinamis.

Penggunaan Pengulangan di JSP

Penjelasan:

• Kode ini menggunakan perulangan for di dalam tag JSP untuk mencetak angka genap.

• Setiap angka ditampilkan ke layar pakai expression <%= i %>.

Komentar dalam JSP

• Komentar HTML: <!-- Ini komentar HTML -->

• Komentar JSP: <%-- Ini komentar JSP --%>

Struktur File JSP

File JSP bisa dibuat dan diedit seperti file teks biasa, bahkan hanya dengan Notepad. Tapi kalau ingin lebih nyaman, biasanya digunakan IDE seperti:

• NetBeans

• Eclipse

• VSCode (dengan plugin)

Setiap file JSP diakhiri dengan .jsp, misalnya: formMahasiswa.jsp.

Studi Kasus Modul: Form Input Mahasiswa

Dalam modul, kamu diminta membuat form input data mahasiswa.
Setelah user mengisi form, akan muncul halaman konfirmasi berisi data yang tadi mereka isikan.

Form Input (HTML + JSP)

Halaman Konfirmasi (JSP)

Penjelasan:

• request.getParameter("nama"): mengambil data dari input form yang bernama nama.

• Data ini disimpan di variabel dan ditampilkan kembali menggunakan <%= nama %>.

Apa Kelebihan JSP?

1. Berbasis Java, yang merupakan bahasa pemrograman OOP dan sangat aman.
2. Cross-platform, bisa dijalankan di server manapun.
3. Terpisah antara tampilan dan logika, sehingga lebih rapi.
4. Terintegrasi dengan Java EE, jadi bisa buat aplikasi besar seperti e-commerce, sistem akademik, dll.
5. Bisa menggunakan tag sendiri (custom tag).
6. Bisa memproses data dari dan ke database seperti MySQL, SQL Server, dll.

Kesimpulan

• JSP adalah teknologi penting dalam membuat web Java yang dinamis.

• Dengan memahami JSP, kamu bisa buat form, proses data, bahkan sambung ke database.

• Untuk pemula, mulailah dari membuat form sederhana dan menampilkan kembali datanya.

• Pengetahuan dasar HTML dan Java sangat membantu dalam belajar JSP.