java web form pendaftaran - jsp
TRANSCRIPT
KUTUONLINE 1
JAVAWEB – LATIHAN TUGAS 1 JSP (Form Pendaftaran) Dalam paket instalasi Netbeans terdapat local server yang include dalam proses instalasi, yaitu Glassfish. Glassfish digunakan ketika user melakukan pemrograman yang membutuhkan local server dalam menampilkan hasil pemrogramannya kedalam browser, salah satunya adalah pemrograman web aplikasi. Namun kendalanya adalah banyak user yang tidak berhasil menampilkan hasil pemrogramannya kedalam browser. Solusinya adalah user dapat menggunakan Tomcat, yaitu local server untuk pemrograman Java selain Glassfish. Untuk menginstal Tomcat, cukup jalankan file instalasi Netbeans dan beri tanda centang pada pilihan Tomcat. Apabila Tomcat sudah diinstal, cek pada IDE Netbeans kamu pada Tab Services, kemudian pilih Servers. Perhatikan gambar dibawah ini.
Gambar 1. Apache Tomcat. Untuk melakukan pengaturan pada Tomcat, klik menu Tools lalu pilih Servers maka kan tampil jendela Servers seperti yang terlihat pada gambar 2. Untuk saat ini, tidak perlu dilakukan pengaturan terhadap server Tomcat. Close jendela Servers. Secara default ketika kamu menginstal Tomcat, Netbeans akan membuatkan username dengan nama “ide” (tanpa tanda kutip) dan password berupa karakter random berjumlah 8 digit. Untuk menjalankan server Tomcat, beralih ke Tab Services dalam project WebApplication kamu, klik kanan pada Apache Tomcat. Perhatikan gambar 3.
KUTUONLINE 2
Gambar 2. Servers.
Gambar 3. Menjalankan Apache Tomcat.
KUTUONLINE 3
Selanjutnya buatlah project website kamu, sebagai contoh disini akan dibuat project dengan nama WebTugas. Berikut langkah-langkah membuat project website JSP. 1. Klik menu File – New Project. Pada kolom Categories pilih Java Web. Pada kolom
Projects pilih Web Application lalu klik Next untuk melanjutkan ke tahap berikutnya.
Gambar 4. Choose Project. 2. Menentukan nama project yang akan dibuat, isi Project Name dengan WebTugas.
Lihat gambar 5. 3. Memilih server yang akan digunakan untuk dapat menampilkan hasil pemrograman.
Pilih Apache Tomcat. Lalu klik Next. Lihat gambar 6. 4. Menentukan Framework, untuk saat ini tidak menggunakan framework. Kosongkan
pilihan lalu klik Finish. Lihat gambar 7. Setelah project kamu selesai dibuat, perhatikan pada panel grup (Projects, Files, Services) yang terdapat dikiri atas, maka akan terlihat struktur seperti pada gambar 8.
KUTUONLINE 4
Gambar 5. Name and Location.
Gambar 6. Server and Settings.
KUTUONLINE 5
Gambar 7. Framework.
Gambar 8. Struktur Project WebTugas. Berikutnya adalah membuat file JSP. File JSP yang dibuat tersimpan dalam folder Web Pages (Web).
KUTUONLINE 6
1. Klik kanan pada folder Web Pages project kamu. Pilih New – JSP.
Gambar 9. File New JSP. 2. Isi File Name dengan tugas1 sebagai nama file JSP yang dibuat. Lalu klik Finish.
Gambar 10. Memberikan nama file JSP.
KUTUONLINE 7
3. Struktur file tugas1.jsp akan terlihat seperti pada gambar dibawah ini.
Gambar 11. Struktur file tugas1.jsp. Selanjutnya membuat tampilan Form Pendaftaran seperti dibawah ini.
Gambar 12. Tampilan form pendaftaran.
KUTUONLINE 8
Dengan hasil output berada dibawah form, berikut tampilannya.
Gambar 13. Hasil dari form pendaftaran. Script program tugas1.jsp
1 2 3 4 5 6 7 8 9
10 11 12 13
<%-- Document : tugas1 Created on : Oct 11, 2016, 7:16:28 PM Author : kutuonline --%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Form Pendaftaran</title> </head>
KUTUONLINE 9
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
<body> <h1>Silahkan lengkapi form dengan benar!</h1> <form method="get"> <pre> Nama Anda <input type="text" name="nama" size="30"> Kota Lahir <input type="text" name="kota" size="30"> Tanggal Lahir <input type="text" name="tgl" size="30"> Alamat <textarea name="alamat" cols="40" rows="3"></textarea> Pilih yang paling Anda suka <input type="checkbox" name="hobi" value="Olahraga">Olahraga <input type="checkbox" name="hobi" value="Membaca">Membaca <input type="checkbox" name="hobi" value="Tidur">Tidur <input type="submit" name="submit" value="Submit"> <input type="reset" name="reset" value="Ulangi"> </pre> </form> <% String nama = request.getParameter("nama"); String kota = request.getParameter("kota"); String tgl = request.getParameter("tgl"); String alamat = request.getParameter("alamat"); String[] hb = request.getParameterValues("hobi"); if (request.getParameter("submit") != ""){ out.println("<h2>Hasil dari input form</h2>" + "Nama Anda : " + nama + "<br>Tempat, Tanggal Lahir : " + kota + ", " + tgl + "<br>Alamat : " + alamat + "<br>Hobi Anda : "); } %> <% if (hb != null){ %> <ul> <% for (int i=0; i < hb.length; i++){ %> <li><%= hb[i]%></li> <% } %>
KUTUONLINE 10
60 61 62 63 64 65
</ul> <% } %> </body> </html>
Untuk menampilkan hasil pemrograman, jalankan Apache Tomcat. Pilih Tab Services – Servers, klik kanan pada Apache Tomcat – Start untuk mengaktifkan server Tomcat.
Gambar 14. Start Apache Tomcat. Kemudian tampilkan hasil pemrograman dnegan mengklik kanan pada file tugas1.jsp – Run File.