Eclipse Quick Start Tutorial

Hi.. Saya masih newbie di dunia Java, baru mulai berkecimpung kira2 satu tahun yang lalu. Dan sepertinya mulai tertarik dengan dunia Java. Jadi sebagai permulaan saya akan mencoba membuat beberapa tutorial mengenai Java.

Tutorial ini dibuat untuk anda yang belum mengenal Java dan ingin memulai belajar How to start Java Programming menggunakan Eclipse. Saya akan mencoba memberikan contoh bagaimana cara membuat sebuah web dengan menggunakan IDE Eclipse 3.4.

Sebagai permulaan anda tentu saja membutuhkan beberapa tools yang harus anda download:

1. JDK – bisa anda unduh di http://java.sun.com/javase/downloads/index.jsp

2. Eclipse – bisa anda unduh di http://www.eclipse.org/downloads/

Jangan lupa, karena kita akan membangun sebuah web, maka pilih lah package yang meng-include kan Web Applications di dalamnya.

3. Tomcat – bisa anda unduh di http://tomcat.apache.org

Untuk JDK jangan lupa untuk menambahkan JAVA_HOME ke dalam PATH anda, begitu juga dengan TOMCAT jangan lupa menambahkan CATALINA_HOME ke dalam PATH. Untuk menambahkan PATH pada OS Windows bisa membaca tutorial manajemen-path pada blog saya sebagai referensi.

Sekarang langsung saja kita mulai membuat web.

Pertama-tama yang harus anda lakukan adalah jalankan Eclipse yang sudah anda download. Lalu set dimana Workspace anda. Workspace (Ruang Kerja) biasanya adalah tempat anda menyimpan project-project yang sudah anda buat dan disinilah eclipse akan

menyimpan informasi.

Lalu hal kedua yang harus anda lakukan adalah create new project. Karena kita akan membangun sebuah web, maka jenis project yang harus anda pilih adalah Dynamic Web Project. Langkah yang bisa anda lakukan ada 2, yaitu:

1. File – New – Others, Lalu pilih Web – Dynamic Web Project

atau

2. Pada Tab Package Explorer, klik kanan, New – Others, Lalu pilih Web – Dynamic Web Project

Langkah berikutnya:

Isikan nama project. Sebagai contoh kita isikan saja “first“.

Lalu pada target runtime klik new, pilih versi Tomcat yang telah diunduh, klik next, lalu klik browse, masukkan address tempat anda menyimpan Tomcat. Klik Finish, lalu biarkanlah pilihan yang lain tetap default saja.

new server runtime environment

Jika sudah maka di layar anda akan tampil seperti berikut:

first - new

Jika ada perbedaan coba anda ubah perspektif pemrograman anda menjadi Java EE, posisinya ada di sudut kanan atas.

Java EE

Langkah berikutnya coba create file index.html pada folder WebContent. Cara yang paling mudah adalah klik kanan folder WebContent – New – File. Lalu ketikkan index.html, kemudian klik finish. Salin code berikut

<html>
<head>
<title>
First Example
</title>
</head>
<body>
Hello World!!
</body>
</html>

Yup.. Memang ini adalah contoh yang sederhana sekali. Karena memang tujuan dari tutorial ini adalah Quick Tutorial, jadi tidak perlu code yang terlalu rumit. 😉

Langkah selanjutnya coba anda buka web.xml. Posisi file ini ada di first – WebContent – WEB-INF – web.xml. Sebagai informasi, untuk pemrograman web dengan menggunakan JAVA, web.xml adalah core file yang harus/ pasti akan anda setting.

<?xml version="1.0" encoding="UTF-8"?></code>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
<display-name>first</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>
</web-app>

Pada code di atas dijelaskan bahwa file-file index.html, index.htm, index.jsp dan sebagainya akan dipanggil begitu aplikasi ini diakses. Kita sudah membuat file index.html, jadi file ini yang nantinya akan dipanggil begitu aplikasi ini diakses.

Selanjutnya kita akan coba menjalankan aplikasi yang telah kita buat. Caranya dengan meng-klik kanan project first, sekali lagi saya tekankan, yang di klik kanan adalah kata “first” pada Tab Package Explorer.
Run As – Run on Server.

Run on Server

Pilih Server Tomcat yang ada. Lalu klik Finish. Maka di layar IDE Eclipse anda akan tampil page seperti berikut.

Result

Lalu jika anda ingin menggunakan server yang terpisah. Anda dapat meng-export aplikasi anda menjadi .war file. File .war inilah yang akan anda taruh di server untuk dijalankan.
Sekian penjelasan dari saya, semoga bermanfaat.

PS: mengenai cara penggunaan framework, jsp , dan sebagainya tidak saya jelaskan pada tutorial ini.

7 thoughts on “Eclipse Quick Start Tutorial”

Pingback: Membangun web dengan Java « Tanju Attack!!
Wahyu Wijaya Jati on August 25, 2011 at 8:42 PM said:

gan,,JDKnya mana yg di download buat bikin web yg di atas,,ane pake win7 ultimate 64bit ..
terus ada pilihan :
java_ee_sdk-6u3-jdk7-windows.exe
java_ee_sdk-6u3-jdk7-windows-x64.exe
java_ee_sdk-6u3-jdk7-windows-x64-ml.exe (yang ane download yg ini nih)
java_ee_sdk-6u3-jdk7-windows-ml.exe

Reply ↓
- Andreas Tjong on August 25, 2011 at 8:49 PM said:
  
  Nggak perlu sampe Java EE SDK nya di download juga. Cukup pake JDK aja.
  Ini link nya nih.
  
  http://www.oracle.com/technetwork/java/javase/downloads/java-se-jdk-7-download-432154.html
  
  Pilih nya yang Windows x64, karena Windows kamu 64 bit.
  Good luck yah.
  
  Reply ↓
Wricky Rick on December 25, 2012 at 12:52 PM said:

kalo bisa tolong buatin kalkulator zakat sih buat referensi skripsi w gan,,,,,
bisa engga

Reply ↓
- Andreas Tjong on December 25, 2012 at 12:59 PM said:
  
  Masa minta dibikinin skripsi, nanti yang lulus saya dong, bukan kamu.
  
  Reply ↓
Aan on September 10, 2013 at 8:01 AM said:

bro klo pake eclipse bisa bikin aplikasi desktop?

Reply ↓
- Andreas Tjong on September 10, 2013 at 8:42 AM said:
  
  Bisa.. Tapi kalau aplikasi desktop, lebih enak pake Netbeans. Tinggal drag and drop.
  
  Reply ↓