Project pertama dengan NetBeans.

Project pertama dengan NetBeans.

Sebelum mengerjakan project sample ini, pastikan tomcat sudah running well. karena project ini ga pake database, jadi service MySQl bisa di nonaktifkan.

Buka program netbeans. setelah terbukan tentukan web server yang akan digunakan. karena netbeans punya tomcat sendiri, dan saya tidak ingin menggunakannya, saya ingin menggunakan tomcat hasil instalan sendiri. maka tentukan server yang akan digunakan. caranya :
1. pilih Tools –> Server Manager dari jendela utama Netbeans.
2. Klik Add Server. Tentukan server yang akan digunakan, beberapa pilihan ada disana, untuk ini pilih Tomcat 5.5, secara otomatis penamaan untuk server ini akan sesuai dengan jenis servernya. Kemudian klik Next, pada isian Catalina Home, klik browser dan tentukan folder lokasi tomcat yang diinstal, dalam hal ini c:\Program Files\Apache Software\Tomcat 5.5. Lalu klik Next dan Finish.

Membuat Project NameHandler.

1. Pilih File –> New Project. Nadalam Categories nya pilih web, dan dalam Projectsnya pilih Web Application lalu klik Next.
2. Dalam Project Name, isikan HelloWeb. Pastikan kalau Path nya pada kolom paling bawah sudah tertulis /HelloWeb. Jangan lupa tentukan server yang akan di gunakanuntuk menjalankan project ini. klik drop down menu dan pilih Tomcat 5.5 yang telah disetting sebelumnya.
3. Pilihan Frameworks tidak usah dipilih tinggal klik Fisnish. Lokasi kerja dengan nama project HelloWeb sudah tersedia, sekarang tinggal di program. Otre… Let’s try it.

Sekarang mulai untuk programnya.
1. Pada sisi kiri, ada kolom Projects, dan klik kanan pada Source Packages lalu pilih New –> Java Class. Berikan nama Class Name nya “NameHandler”, pada location ketikkan org.me.hello
Pada editor script yang posisinya di tengah jendela netbeans isikan :
private String name;

hasilnya seperti ini :
public class NameHandler {
private String name;
/** Creates a new instance of NameHandler */

kemudian isikan setName (null); pada Namehandler ().

Hasilnya seperti ini :
public NameHandler() {
setName(null);
}

Kemudian klik kanan kata name pada Public class yang telah di ketikkan diatas tadi, pilih Refactor –> Encapsulate Fileds. Kemudian klik Next.
Klik Do Refactoring. Ini berfungsi untuk memasukkan method getter dan setter pada kata name.
Ada penambahan script dalam script editor yaitu :

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}

Sehingga hasil dari script sepenuhnya adalah :
/*
* NameHandler.java
*
* Created on 25 Mei 2007, 9:48
*
* To change this template, choose Tools | Template Manager
* and open the template in the editor.
*/

package org.me.hello;

/**
*
* @author John Fernando
*/
public class NameHandler {
private String name;
/** Creates a new instance of NameHandler */
public NameHandler() {
setName(null);
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}

}


Setelah create NameHandler.java. sekarang adalah creating JSP filenya.
Pada Kolom Project di sisi kiri atas netbeans, Double klik HelloWeb, lalu double clik Web Pages, kemudian double klik index.jsp. Maka Editor akan menampilkan isi dari index.jsp.
Kemudian drag Form dari Pallete,HTML Forms yang ada disisi kanan atas netbeans, tempatkan di bawah <h1> yang ada di halaman editor.
Isikan :
– Action : response.jsp
– Method : GET
– Name : Name Input Form, lalu klik OK.

Kemudian drag Text Input item dari pallete, HTML Forms dan tempatkan di atas </form>.
Isikan :
– Name : name
– Type : text, lalu klik OK.

Kemudian drag Button dari pallete, HTML Forms tempatkan sebelum </form> setelah Text Input yang telah dimasukkan sebelumnya.
Isikan :
– Label : OK
– Type : submit

Ketikkan Masukkan nama anda : diatas Text Input yang telah dimasukkan sebelumnya.
Kemudian Ketikkan Entri Form diantara <h1> </h1>.

Hasil keseluruhannya adalah sebagai berikut :
<%@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&#8221; prefix=”c”%>
–%>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
http://www.w3.org/TR/html4/loose.dtd”&gt;

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>JSP Page</title>
</head>
<body>

<h1>Entry Form</h1>
<form name=”Name Input Form” action=”response.jsp”>
Masukkan nama anda :
<input type=”text” name=”name” value=”” />
<input type=”submit” value=”OK” />
</form>
<%–
This example uses JSTL, uncomment the taglib directive above.
To test, display the page like this: index.jsp?sayHello=true&name=Murphy
–%>
<%–
<c:if test=”${param.sayHello}”>
<!– Let’s welcome the user ${param.name} –>
Hello ${param.name}!
</c:if>
–%>

</body>
</html>

Setelah create index.jsp, sekarang create response.jsp
Pada kolom Project di sisi kanan atas netbeans, double klik di HelloWeb, dan klik kanan di Web Pages, pilih New –> JSP. tentukan namanya response lalu klik finish.
pastikan halaman response.jsp sudah terbuka di Editor.

Pada pallete, klik JSP, lalu drag Use Bean persis dibawah <body>
Isikan :
– ID : mybean
– Class : org.me.hello.NameHandler, lalu klik OK
– Scope : session
Hasilnya : <jsp:useBean id=”mybean” scope=”session” class=”org.me.hello.NameHandler” />

Drag Set Bean Property dari pallete.
Isikan :
– Bean Name : mybean
– Property name : *
Jangan lupa untuk menghapus value=”” dari tag set bean ini.
jadi hasillnya : <jsp:setProperty name=”mybean” property=”*”  />

Kemudian ketikkan pada <h1> Hello, </h1>, dan drag get Bean Property tempatkan di belakang koma kata Hello dalam tag <h1>.
Isikan :
– Bean Name : mybean
– Property Name : name
Hasilnya : <jsp:getProperty name=”mybean” property=”name” />

Sehinggal hasil keseluruhan halaman response.jsp adalah :
<%@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&#8221; prefix=”c”%>
–%>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
http://www.w3.org/TR/html4/loose.dtd”&gt;

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>JSP Page</title>
</head>
<body>
<jsp:useBean id=”mybean” scope=”session” class=”org.me.hello.NameHandler” />
<jsp:setProperty name=”mybean” property=”*”  />

<h1>Hello , <jsp:getProperty name=”mybean” property=”name” /> ! </h1>

<%–
This example uses JSTL, uncomment the taglib directive above.
To test, display the page like this: index.jsp?sayHello=true&name=Murphy
–%>
<%–
<c:if test=”${param.sayHello}”>
<!– Let’s welcome the user ${param.name} –>
Hello ${param.name}!
</c:if>
–%>

</body>
</html>

Beres sudah projectnya, sekarang tinggal running.

Pilih Menu Run –> Run Main Project atau tekan F6.

Lihat pada browser yang telah terbuka, kemudian coba masukkan sebuah nama pada kolom Masukkan nama anda : lalu klik OK.
Maka akan tampil halaman yang menampilkan Hello , nama yang dimasukkan.

sekian project namehandler ini.
Mudah mudahan berguna bagi anda
Terima Kasih.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: