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

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

Run on Server

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

Result

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.

Advertisement

7 thoughts on “Eclipse Quick Start Tutorial

  1. Pingback: Membangun web dengan Java « Tanju Attack!!

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

Leave a Reply

Fill in your details below or click an icon to log in:

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 )

Connecting to %s