Memulai Web Programming

Web Programming

Memulai Web Programming

Mengkompilasi Program Java, JSP dan Servlet

Untuk mempeljari web programming berbasis java, Anda harus menginstal program java versi J2SE JDK 1.5 , J2EE 5.0 dan Jakarta Tomcat sebagai web server percobaan yang sudah terinstal pada saat instalasi editor java NetBeans. JDK 1.5 digunakan untuk membangun aplikasi level mudah dan menengah, misalnya untuk membuat applet, program console sederhana, algoritma dan lain lain. Ciri dari penggunaan java versi ini ialah mengunakan paket java.io, java.util.java.awt dll. Jadi untuk belajar java pertama kali, gunakan saja JDK 1.5. Sedangkan J2EE 5.0 untuk membangun aplikasi Web berskala besar / Enterprise menggunakan Servlet dan JSP, beserta fitur-fitur advanced lainnya seperti EJB. Ciri dari penggunaan versi ini ialah menggunakan paket javax.http. Anda dapat memperoleh versi java ini untuk platform Windows maupun linux dengan cara download di situs http://java.sun.com. Sedangkan Untuk Tomcat dan Editor Java, pilihan yang paling tepat ialah menggunakan Editor java yang disarankan oleh Sun Microsystem yaitu NetBeans 5.5 for Windows.

Instalasi Java J2SE, J2EE dan NetBeeans 5.5
Berikut langkah menginstaslasi Program Java dan NetBeans sebagai editor java dan membuat program java sederhana dan cara menjalankannya di windows, untuk di linux Anda ikuti petunjuk konfigurasi program yang tidak jauh beda.

1. 
   Jalankan program instalasi J2SE 1.5, buat folder instalasi, Anda harus install di c:\j2se biar gampang setingnya, lalu klik next hingga finish
   

Instalasi awal J2SE 1.5

1. 
   Jalankan program instalasi J2EE 5.0, buat folder intalasi c:\j2ee lalu klik next, masukkan password J2EE, lalu klik next hingga finish.
   

Instalasi awal J2EE

2. 
   Set Path di bagian Environment variables dengan cara klik kanan mouse di My Computer | Properties | Advanced |Environment Variables . Jika belum anda nama Path dapat anda tambahkan dan mohon sesuaikan dengan direktori instalasi Anda . Misal jika J2SE berada di c:\j2se, maka untuk CLASSPATH set ke c:\j2se\lib;. Jika J2EE berada di c:\j2ee, maka set classpath ke c:\j2ee\lib\j2ee.jar;. .
   

Seting CLASSPATH

3. 
   Set Path ke c:\j2se\bin dan c:\j2ee\bin; , lakukan juga seting J2EE_HOME ke c:\j2ee dan JAVA_HOME ke c:\j2se
   

Seting Path

Seting J2EE_HOME

Seting JAVA_HOME

4. 
   Jika Anda menggunakan Apache Tomcat tersendiri (bukan dari Netbeans 4.0), dapat diseting CATALINA_HOME ke foldernya misal di c:\tomcat\catalina. Selain itu jika anda menggunakan program paket /maker seperti ANT, javamail dan JAF juga perlu diseting classpathnya.
   

Gambar 1.14 Seting CATALINA_HOME

5. 
   Install editor Java yaitu NetBeans-5_5-preview-windows.exe, klik Next untuk menginstal program NetBeans IDE 5.5. Kekurangan dari editor versi ini ialah konsep peletakan folder classes yang agak eklusif, jika anda sudah terbiasa dengan konsep servlet model lama.
   

Tampilan instalasi NetBeans

6. 
   Buat nama folder untuk NetBeans misalnya c:\NetBeans, lalu klik Next hingga tampil association panel, lalu klik next lagi.
   

Membuat nama folder program

7. 
   Program harus dapat mendeteksi J2SE (jdk1.5) yang sudah terinstall di komputer, jika tidak tampil direktori J2SE, pastikan anda telah menginstal J2SE terlebih dahulu. Klik Next untuk menampilkan Association panel, klik next saja dari pilihan chekbox yang diberikan. Tampilan berikut ialah NeBeans mendeteksi J2SE versi 1.5
   

NetBeans mendeteksi versi J2SE

8. 
   Tampilan instalasi akan berjalan sekitar beberapa menit, dimana akan diinstal file pendukung java dan Jakarta-Tomcat versi 5.0-28 juga akan otomatis diiinstal.
   

Memasukkan password Application server

Port default Application Server

Tampilan proses intalasi

9. 
   Setelah selesai proses instalasi, Jalankan NetBean, kekurangan editor java yang ada saat ini ialah cukup beratnya menjalankan editor tersebut, anda membutuhkan komputer dengan spesifikasi Pentium III dengan RMA 128 keatas, editor lain yang bisa dijadikan alternatif ialah Eclipse, Gel dan JCreator. Jika anda menggunakan NetBeans 3.6, yang harus dilakukan pertama kali ialah menset direktori tempat file kode java disimpan, pastikan Anda membuat folder kode java terlebih dahulu. Contoh c:\Java.
   

Tampilan Program yang sedang aktif

10. 
    Pilih menu File | Mount FileSystem lalu pilih Local Directory untuk menset directory (mounting) kode java kita, misalnya c:\Java. Untuk NetBeans 5.0, tidak perlu mouting, cukup buat folder baru.
    

Memilih direktori untuk tempat menyimpan file java.

Membuat program Java Application
Jika anda masih awam dengan java, langkah paling tepat ialah membuat program aplikasi java sederhana. Berikut langkah-langkahnya :

1. 
   Buka NetBeans, lalu pilih menu File | New Project dan pilih Categories Standard serta pilih Projects Java Application.
   

Memilih Java Main Class

2. 
   Beri nama program SelamatDatang (SelamatDatang.java) dengan Project Name J2EE, sehingga hasilnya berada di c:\SourceJava\J2EE\SelamatDatang.java. Oleh karena itu pada program SelamatDatang.java, tercipta package j2ee.
   

Membuat Lokasi baru

3. 
   Modifikasi kode yang tercipta sebagai berikut dengan menambahkan kode yang dicetak lebih tebal, kode tesebut akan menampilkan pesan “Selamat Belajar Panduan Lengkap J2EE dari Mr. Widodo”.
   

/*

* SelamatDatang.java

* Created on July 12, 2006, 5:54 AM

*/

package aplikasijava;

/**

*

* @author Widodo budiharto

*/

public class SelamatDatang {

/** Creates a new instance of SelamatDatang */

public SelamatDatang() {

}

public static void main(String[] args) {

// Menampilkan pesan Selamat Belajar

System.out.println ("Selamat Belajar Panduan Lengkap J2EE dari Mr. Widodo");

}

}

Program diatas mempunyai sebuah kelas bernama SelamatDatang, dimana pada method utama main() akan menampilkan pesan “Selamat Belajar Panduan Lengkap J2EE dari Mr. Widodo”. Method main() ialah fungsi yang pertama kali dipanggil setiap proram dijalankan. Karena fungsi main dinginkan tidak mengembalikan harga, maka digunakan tipe void, static agar dapat dipanggil langsung tanpa perlu buat objek serta bersifat public agar dapat diakses/digunakan oleh semua kelas yang membutuhkan. Fungsi main juga membutuhkan 1 buah array bernama args bertipe data String. Perlu diketahui, di java String adalah suatu kelas, yang mempunyai kelebihan dibandingkan pointer atau tipe data karakter di C/C++. Simbol kurung { [] ) yang menandakan args adalah suatu array boleh diletakkan di depan atau dibelakang args.

Perlu diketahui juga, bahwa untuk kelas, setiap awal karakter dari setiap kata harus huruf besar. Program diatas membutuhkan kelas System dengan method println() untuk menampilkan pesan ke monitor dan pastikan setiap akhir baris kode diberikan titik koma (;). Setiap anda membuat kurung buka ( { ) pastikan ada segera tutup dengan kurung tutup ( } ) untuk menghindari kesalahan penulisan kurung jika program cukup kompleks.

Program yang sukses dijalankan

4. 
   Anda sebenarnya juga dapat menulis program java di notepad dan melakukan kompilasi program .java melalui dos prompt dengan cara memberikan perintah javac SelamatDatang.java pada console untuk mengkompile menjadi SelamatDatang.class. Jalankan dengan mengetik java SelamatDatang (tidak boleh ditulis nama kelasnya), tampilan berikut jika program tersimpan di folder c:\j2se\bin. Jika anda ingin menjalankan aplikasi .class yang sudah dikompile oleh NetBeans, anda harus masuk ke folder c:\SourceJava\J2EE\Build\classes. Copy folder J2EE beserta isinya ke root c:\ baru anda dapat menjalankan melalui DOS prompt.
   

Tampilan hasil kompilasi program

Membuat form Web Menggunakan Java Server Pages (JSP)

1. 
   Jalankan NetBeans dan buat Proyek baru dengan Memilih Categories Web dan Projects Web Application. Pilih direktori di drive D:\ misalnya, beri nama projek WebJ2EE, otomatis akan tercipta context path /WebJ2EE
   

Membuat projek Web.

2. 
   Edit kode index.jsp dengan kode berikut , hasilnya seperti gambar dibawah
   

<%@page contentType="text/html"%>

<%@page pageEncoding="UTF-8"%>

<%--

The taglib directive below imports the JSTL library. If you uncomment it,

you must also add the JSTL library to the project. The Add Library... action

on Libraries node in Projects view can be used to add the JSTL 1.1 library.

--%>

<%--

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

--%>

"http://www.w3.org/TR/html4/loose.dtd">

Selamat Datang

Struts Welcome Page

<%--

This example uses JSTL, uncomment the taglib directive above.

To test, display the page like this: index.jsp?sayHello=true&name=Murphy

--%>

<%--

Hello ${param.name}!

--%>

Selamat Belajar JSP dari Buku Mr.Widodo Menggunakan

NetBeans 5.5

Insya Allah Berkah dan berguna bagi Anda

Ikuti segera training J2EE yang kami adakan

Coppyright WWW.Widodo.Com-2007, HP :08569887384

Daftar Training di e-Technology Center

---

Mohon masukkan data diri Anda

Nama

Email

Materi

Web Programming using J2EE

Mobile Programming using J2ME

Pemrograman Mikrokontroler ATMega8535

Oracle 10g PL/SQL and Form Developer

Database Programming using VB.NET and SQL Server 2005

IT Specialist (Networking Win 2003 and .NET Programming)


Hari Training :

Sabtu Pagi

Sabtu Siang

Ahad Pagi

Ahad Siang

Pesan :

");

out.println("");

out.println("");

out.println("");

out.println("");

out.println("

Selamat Datang :)

");

out.println ("
" + pesan + ", "+ name+"
");

out.println ("

Terima kasih telah mendaftarkan email Anda: " + email + " dengan Kami

");

out.println ("

Materi training yang Anda akan ambil ialah: " + materi + "

");

out.println ("

Hari yang Anda pilih ialah: " + hari + "

");

out.println ("

Pesan Anda ialah: " + pesankhusus +"

" );

out.println("