PIBJ (PEMROGRAMAN INTERNET BERBASIS JAVA) PERTEMUAN II
Outline HTML CSS Servlet JSP
Mengirim request Menerima response Display page File dalam HTML Berisi webpage Tugas : Menerima request Mencari resource Menyerahkan kembali
HTML (HyperText Markup Language) Kumpulan tag Tidak case sensitif Elemen=opening tag+content+closing tag
HTML halo.html <html> <head> <title>halo </title> </head> <body> <h1>Halo HTML</h1> <p>Paragraf pertama</p> </body> </html>
Tag tambahan Membuat tabel <table> <tr> <td> Agar situs lebih presentable style Menambahkan attribut dan nilai pada suatu elemen Menambahkan element baru pada elemen head ….. <head> <title>….</title> <style type=“text/css”> ………………. </style> </head>
CSS Mengontrol “presentasi” dari suatu web Masing-masing statement dalam css terdiri atas lokasi, properti, dan style yang akan diberlakukan terhadap properti tsb Mis : p { background-color: red; }
CSS halo.html <html> <head> <title>halo</title> <style type="text/css"> body { background-color: #d2b48c; margin-left: 20%; margin-right: 20%; padding: 10px 10px 10px 10px; font-family: sans-serif; } </style> </head> ................
Postest Header Footer ………………… ………………………………. Menu
Agar web browser (client) dan web server(server) bisa saling berkomunikasi – bahasa sama – HTTP – dan client harus mengerti HTML
HTTP – HyperText Transfer Protocol Adalah protokol yang dipergunakan oleh client dan server untuk berkomunikasi Server mempergunakan HTTP untuk mengirim HTML ke client Contoh web server – apache
Masuk ke folder ..\apache\Tomcat 6.0\webapps Buat satu folder Pindahkan file halo.html ke folder yang baru Start service tomcat Buka browser
halo.html menampilkan tanggal saat ini Web site web app Server hanya melayani static page (semua client melihat halaman yang sama) halo.html menampilkan tanggal saat ini Web site web app Web server saja tidak mencukupi Tidak dapat membuat dynamic content Tidak dapat menyimpan data ke server Servlet
Servlet Java program yang dieksekusi di sisi server utk menciptakan web dinamis Cara kerja mempergunakan mekanisme request dan response Tidak akan bekerja jika tidak menerima request Request, proses, response
simpan halo.java pada folder src Compile dan arahkan hasil kompilasi (.class) ke folder classes dengan mempergunakan perintah javac –d ..\classes halo.java
Simpan DD pada folder WEB-INF dan beri nama web.xml Start servis Tomcat dan tes halo pada browser Servlet = HTML dalam Java Tidak semua designer HTML mengerti java Memasukkan HTML ke argumen dalam println memiliki peluang eror besar Java dalam HTML JSP
JSP Tampak seperti file HTML biasa, tetapi kita dapat memasukkan Java kedalamnya Seperti memasukkan nilai variabel yang selalu berubah kedalam HTML
Next … Arsitektur web application dan konsep MVC