Menginstal Perangkat Lunak

Sebelum Anda mulai, Anda perlu menginstal perangkat lunak berikut pada komputer Anda:

• NetBeans IDE 5.5 (download).
• Java Standard Development Kit (JDK™) versi 5.0 atau versi 6.0 (download)

Anda juga dapat mendownload dan menggunakan Sun Java System (SJS) Application Server (download), JBoss, atau WebLogic. Walau demikian, Tomcat Web Server yang dibundel bersama IDE menyediakan semua dukungan yang Anda perlukan bagi aplikasi Web dua-tingkat seperti yang diterangkan dalam panduan ini. Server aplikasi (seperti SJS Application Server, JBoss, atau WebLogic) hanya diperlukan bila Anda ingin mengembangkan aplikasi korporat.

Mendaftarkan Server bersama IDE

Bundel Tomcat Web Server didaftarkan pada IDE secara otomatis. Walau demikian, sebelum Anda dapat memasang ke SJS Application Server, JBoss, atau WebLogic, Anda harus mendaftarkan instance lokal bersama IDE. Jika Anda telah menginstal bundel NetBeans IDE 5.5/SJS Application Server, instance lokal dari SJS Application Server akan didaftarkan secara otomatis. Jika tidak, lakukan langkah-langkah berikut:

1. Pilih Tools > Server Manager dari jendela utama.
2. Klik Add Server. Pilih jenis server dan berikan nama untuk instance tersebut. Kemudian klik Next.
3. Berikan informasi server, lokasi instance lokal dari server aplikasi, dan ke domain mana Anda ingin memasangnya (deploy).

Membuat Proyek Aplikasi Web Baru

1. Pilih File > New Project. Pada Categories, pilih Web. Pada Projects, pilih Web Application dan klik Next.
2. Pada Project Name, masukkan HelloWeb. Perhatikan bahwa Context Path adalah /HelloWeb.
3. Ubah Project Location ke suatu direktori pada komputer Anda. Mulai sekarang, direktori ini akan disebut sebagai $PROJECTHOME.
4. Pilih rekomendasi yang akan diikuti oleh struktur sumber Anda, ini murni preferensi pribadi:
   • Java BluePrints. Untuk informasi lebih lanjut, lihat http://java.sun.com/blueprints/code/projectconventions.html.
   • Jakarta. Untuk informasi lebih lanjut, lihat http://jakarta.apache.org/tomcat/tomcat-5.5-doc/.
5. Pilih ke server mana Anda ingin memasang aplikasi. Yang dicantumkan hanya server yang telah didaftarkan pada IDE.
6. Biarkan kotak cek Set as Main Project dipilih. Klik Finish.

   IDE tersebut akan membuat $PROJECTHOME/HelloWeb sebagai folder proyek. Folder proyek tersebut berisi semua sumber dan metadata proyek Anda, seperti skrip build Ant untuk proyek tersebut. Proyek HelloWeb dibuka dalam IDE. Anda dapat melihat struktur logikanya dalam jendela Projects dan struktur file-nya dalam jendela Files.

Membuat Paket Java dan File sumber Java

1. Buka simpul Source Packages. Perhatikan, simpul Source Packages hanya berisi simpul paket default kosong.
2. Klik kanan simpul Source Packages dan pilih New > Java Class. Masukkan NameHandler dalam kotak teks Class Name dan ketikkan org.me.hello dalam daftar tarik Package. Klik Finish.
3. Dalam Source Editor, deklarasikan sebuah field dengan mengetikkan baris berikut langsung di bawah deklarasi kelas:

       String name;

4. Tambahkan baris berikut dalam metode nameHandler() :

       name = null;

Menghasilkan Metode Getter dan Setter

1. Klik kanan kata name dalam deklarasi field di awal kelas dan pilih Refactor > Encapsulate Fields. Klik Next untuk menjalankan perintah tersebut dengan opsi default.
2. Kkik Do Refactoring. Metode getter dan setter akan dihasilkan untuk field name tersebut dan tingkat aksesnya diubah menjadi privat. Kelas Java tersebut kini akan tampak seperti ini:

       package org.me.hello;
   
       /**
        *
        * @author Administrator
        */
   
       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;
           }
   
       }

Mengedit File JavaServer Pages Default

1. Buka simpul proyek HelloWeb dan simpul Web Pages. Perhatikan, IDE tersebut telah membuat file JavaServer Pages default, index.jsp, untuk Anda. Ketika Anda membuat proyek, IDE akan membuka file index.jsp dalam Source Editor.
2. Pilih index.jsp tab Source Editor. File index.jsp kini memiliki fokus dalam Source Editor.
3. Dalam Palette di sebelah kanan Source Editor, buka HTML Forms dan seret sebuah item Form di bawah tag <h1> dalam Source Editor. Kotak dialog Insert Form muncul:

   

   Tetapkan nilai-nilai berikut:

   • Action: response.jsp
   • Method: GET
   • Name: Name Input Form

   Klik OK. Form tersebut telah ditambahkan ke file index.jsp .

4. Seret item Text Input ke tempat persis sebelum tag </form> .

   Tetapkan nilai-nilai berikut:

   • Name: name
   • Type: text

   Klik OK. Text Input telah ditambahkan di antara tag <form> .

5. Seret item Button ke tempat persis sebelum tag </form> .

   Tetapkan nilai-nilai berikut:

   • Label: OK
   • Type: submit

   Klik OK. Button telah ditambahkan di antara tag <form> .

6. Ketikkan Masukkan nama Anda: di depan tag <input> dan ubah teks di antara tag <h1> ke Entry Form.

   Tag di antara tag <body> kini terlihat seperti berikut:

<h1>Entry Form</h1><form name="Name Input Form" action="response.jsp" method="GET">
Enter your name: <input type="text" name="name" value="" />
<input type="submit" value="OK" /></form>

Membuat file JavaServer Pages

1. Buka simpul proyek HelloWeb dan simpul Web Pages.
2. Klik kanan simpul Web Pages dan pilih New > JSP, namai file JavaServer Pages dengan response, dan klik Finish.

   File response.jsp dibuka dalam Source Editor.

3. Dalam Palette di sebelah kanan Source Editor, buka JSP dan seret sebuah item Use Bean tepat di bawah tag <body> dalam Source Editor.

   Tetapkan nilai-nilai berikut:

   • ID: mybean
   • Class: org.me.hello.NameHandler
   • Scope: session

   Klik OK. Use Bean ditambahkan di bawah tag <body> .

4. Tambahkan item Get Bean Property dan item Set Bean Property dari Palette. Kemudian ubah kode agar tag-tag di antara tag <body> terlihat seperti berikut:

<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>