Benny Y. Pratama

Session 7: JSP Web Application

Salah satu penggunaan JSP dalam pengembangan web adalah dalam hal pengiriman data dari client ke server, serta validasi data yang dikirimkan. Kita akan membahas metode pengiriman data terlebih dahulu.

Ada dua metode pengiriman data dalam JSP, yaitu metode get dan metode post. Secara default, metode get digunakan dalam tag form. Dengan menggunakan metode ini, setiap parameter yang dikirimkan akan ditampilkan pada URL address di browser. Contoh penulisan script JSP untuk penggunaan metode ini adalah : <form action=”display_email_entry.jsp” method=”get”>

Berkebalikan dengan metode get, dalam metode post setiap parameter yang dikirimkan tidak akan pada URL address di browser. Contoh penulisan JSP untuk penggunaan metode ini adalah: <form action=”display_email_entry.jsp” method=”post”>

Kedua metode ini memiliki keunggulan masing-masing. Dengan menggunakan metode get, pengiriman data dapat dilakukan sedikit lebih cepat. Sementara itu, dengan menggunakan metode post, data yang dikirimkan dapat dirahasiakan. Disarankan menggunakan metode get ketika ingin mendapatkan data dari server, dan menggunakan metode post ketika ingin mengirimkan data ke server.

Dalam hal request data, JSP menyediakan tiga method yang dapat digunakan untuk kebutuhan yang berbeda, yaitu getParameter(String param), getParameterValue(String param), dan getParameterNames().

JSP juga dapat digunakan untuk menyisipkan suatu file yang ingin disisipkan dalam suatu page. Kita dapat menggunakan tag directive atau dengan menggunakan include action.

Dengan tag directive: <%@ include file=”/includes/header.html” %>

Dengan include action: <jsp:include page=”/includes/header.html” />

Dalam penggunaannya, sering ditemukan beberapa error. Error yang umum terjadi adalah Error 404: File Not Found dan Error 500: Internet Server Error. Langkah-langkah awal yang dapat dilakukan untuk mengatasi error tersebut adalah sebagai berikut:

• Pastikan bahwa server Tomcat sedang berjalan.
• Pastikan URL yang dibuka adalah valid, dan mengarah ke lokasi yang tepat sesuai dengan yang diminta.
• Pastikan seluruh file (HTML, JSP, CSS, Java) berada dalam lokasi penyimpanan yang tepat.
• Baca dan amati pesan error yang ditampilkan untuk mengetahui informasi tentang error yang terjadi.

Session 8: Sessions and Cookies

Sessions

Session adalah interaksi antara client dan server yang terjadi dalam satu koneksi. Session dimulai ketika client meminta koneksi ke suatu server dan server menyetujui permintaan koneksi dari client, sehingga dapat terjadi pertukaran data diantara kedua pihak. Session berakhir ketika koneksi terputus, misalnya user menutup suatu web page dari browser.

Dalam sessions, dikenal istilah session tracking, yang mengandung makna bahwa server dapat mencatat aktivitas yang dilakukan user selama menjelajahi suatu web. Terdapat kesulitan dalam melakukan session tracking pada HTML, dimana jika suatu client telah memutuskan koneksi dengan server, dan ingin kembali mengadakan koneksi, maka server tidak dapat mengidentifikasi client dengan request sebelumnya, sehingga sulit untuk mengasosiasikan client dengan aktivitas-aktivitas yang telah dilakukan sebelumnya. Untuk mengatasi masalah ini, metode yang dapat dilakukan adalah dengan menciptakan session object oleh server.

Berikut adalah beberapa method yang berhubungan dengan session tracking beserta contohnya.

Cookies

Cookies adalah kumpulan data berukuran kecil yang mengandung informasi dari server dan disimpan di browser client. Cookie berguna untuk mencatat informasi mengenai aktivitas user selama menjelajah dalam suatu web.

Session 5: JavaScript Web Application

JavaScript Events

Dalam penggunaan JavaScript, dikenal istilah events. Events adalah action dari user saat sedang membuka sebuah web dalam browser, seperti mengklik suatu link, atau menempatkan kursor diatas suatu paragraf, dan sebagainya. Ada berbagai macam hal yang dapat dilakukan dari events yang terjadi, dan dapat dituliskan dalam script. Script yang digunankan untuk mendeteksi events dan memberi respon atas events disebut event handler. Berikut adalah beberapa contoh events dalam JavaScript.

Mouse Events

Mouse events adalah events yang dilakukan dengan mouse. Beberapa contohnya adalah:

• onclick
  Event ini terjadi ketika sebuah elemen diklik sekali.
• ondblclick
  Event ini terjadi ketika sebuah elemen diklik dua kali dalam waktu singkat.
• onmousedown
  Event ini terjadi ketika user melakukan click and hold pada mouse di sebuah elemen.
• onmouseup
  Berkebalikan dengan onmousedown, event ini terjadi ketika user telah selesai melakukan click and hold pada elemen yang memiliki event onmousedown.
• onmouseover
  Event ini terjadi ketika user meletakkan kursor diatas sebuah elemen.
• onmouseout
  Berkebalikan dengan onmouseover, event ini terjadi ketika user memindahkan kursor keluar dari suatu elemen.

Keyboard Events

Keyboard events adalah events yang dilakukan dengan keyboard. Beberapa contohnya adalah:

• onkeydown
  Event ini terjadi ketika user melakukan press and hold  pada sebuah key di keyboard.
• onkeyup
  Event ini terjadi ketika user melepas suatu key yang sebelumnya ditekan.
• onkeypress
  Event ini terjadi ketika user menekan suatu key pada keyboard.

Untuk lebih memahami perbedaan antara onkeydown dan onkeypress, dapat melihat contohnya disini.

Frame/Object Events

Frame/object events adalah events yang berhubungan dengan page atau suatu elemen yang berupa objek. Beberapa contohnya adalah:

• onabort
  Event ini terjadi ketika suatu objek dimuat kedalam page yang kemudian dibatalkan.
• onerror
  Event ini terjadi ketika terjadi error saat memuat suatu file eksternal.
• onload
  Event ini terjadi ketika sebuah objek berhasil dimuat kedalam suatu page.
• onresize
  Event ini terjadi ketika user mengubah ukuran dari document view.
• onscrool
  Event ini terjadi ketika user melakukan scrool pada scroolbar di suatu elemen.
• onunload
  Event ini terjadi ketika page telah mengalami unload.

Form Events

Form events adalah events yang terjadi pada saat user berinteraksi dengan sebuah form. Beberapa contohnya adalah:

• onblur
  Event ini terjadi ketika user telah berpindah fokus dari suatu elemen dalam form.
• onchange
  Event ini terjadi ketika value dari sebuah elemen mengalami perubahan.
• onfocus
  Event ini terjadi ketika user sedang berinteraksi dengan elemen tersebut.
• onreset
  Event ini terjadi ketika form mengalami reset.
• onselect
  Event ini terjadi ketika user memilih atau melakukan highlight sebagian dari teks dalam elemen input atau textarea.
• onsubmit
  Event ini terjadi ketika form mengalami proses submit.

Untuk penjelasan lebih lanjut mengenai events yang telah disebutkan diatas, dapat dilihat pada situs w3school.

Session 6: JSP Fundamental

JSP adalah salah satu bentuk file yang dibutuhkan dalam pemrograman web. JSP termasuk dalam server-side programming, yang berarti file ini berada pada sisi server. Karena hal ini, code dalam file JSP tidak dapat dilihat oleh sisi client melalui browsernya.

JSP dapat dituliskan dalam sebuah file HTML dengan menggunakan JSP tags. Tipe-tipe tag dalam JSP adalah:

• JSP Scriplet
  Tag ini berfungsi untuk menyisipkan code Java kedalam HTML. Penulisan tag ini adalah: <% …Java statements… %>
• JSP Expression
  Tag ini berfungsi untuk menunjukkan nilai string dari sebuah expression. Penulisan tag ini adalah: <%= …string value… %>
• JSP Directive
  Tag ini berfungsi untuk mengatur conditions yang akan diberlalukan pada keseluruhan JSP. Penulisan tag ini adalah: <%@ …conditions… %>
• JSP Comment
  Tag ini berfungsi untuk menuliskan catatan mengenai code. Code yang berada dalam tag ini tidak akan dijalankan. Penulisan tag ini adalah: <%– …comments… –%>
• JSP Declaration
  Tag ini berfungsi untuk melakukan deklarasi variabel dan method dalam JSP. Penulisan tag ini adalah: <%! …declarations… %>

Homework Pertemuan 2 (Session 3)

Jawaban:

Nomor 1

Nomor 2

Session 3: Form Elements & How to Code A Form

About Form

Dalam HTML, terdapat cara untuk membuat form yang dapat digunakan untuk menerima serangkaian informasi dari pengunjung website. Didalam form tersebut, terdapat banyak pilihan control yang dapat digunakan untuk menerima berbagai jenis input yang diberikan, seperti:

• Text boxes.
  Control ini dapat digunakan untuk menerima input yang berupa teks singkat, seperti nama.
• Check boxes.
  Control ini dapat digunakan untuk menerima input yang berupa pilihan-pilihan. Pengunjung dapat memilih lebih dari satu pilihan yang tersedia. Contoh penggunaan control ini adalah pada pilihan hobi.
• Radio buttons.
  Sama seperti control check boxes, radio buttons juga dapat digunakan untuk menerima input yang berupa pilihan, namun hanya dapat menerima salah satu dari pilihan-pilihan yang disediakan. Contoh penggunaan control ini adalah pada pilihan jenis kelamin.
• Combo boxes.
  Control ini memiliki fungsi yang sama dengan control radio buttons, namun memiliki perbedaan pada tampilan, dimana control ini terlihat serupa dengan drop down menu.
• List boxes.
  Tampilan dan fungsi dari control ini serupa dengan control combo boxes. Perbedaan diantara keduanya terletak pada cara menampilkan pilihan yang disediakan.

Untuk membuat form pada HTML, digunakan tag <form>. Secara garis besar, sintaks dari form ini dapat digambarkan sebagai berikut: <form parameters> …form elements… </form>

Parameters dalam form adalah metode untuk memberitahu JSP bagaimana mengirimkan informasi ke server. Elements dalam form adalah  bagian-bagian yang terdapat dalam form, seperti buttons dan controls. Dalam satu laman web, kita dapat menyisipkan lebih dari satu form.

Code the Form

Berikut adalah contoh pembuatan form pada HTML.

Session 4: Fundamental of JavaScript

JavaScript adalah salah satu bahasa pemrograman yang juga digunakan dalam pembuatan web. JavaScript dapat digunakan bersama dengan HTML dalam membuat suatu web. Kelebihan dari JavaScript adalah dapat membuat suatu web menjadi lebih dinamis dan interaktif. Selain itu, JavaScript memungkinkan kita menggunakan fungsi-fungsi yang terdapat pada bahasa pemrograman Java, sehingga dapat membantu kita untuk mengembangkan web menjadi lebih baik.

Dalam penulisannya, JavaScript dapat ditulis langsung dalam suatu file HTML, atau dapat ditulis secara terpisah dari HTML, dengan menggunakan ekstensi .js.

Sebagai gambaran penggunaan JavaScript, kita dapat mempelajarinya melalui situs w3schools. Anda dapat mempelajarinya disini.