Muhammad Rizqi Tohopi

Optimis itu perlu…!!!

Cara membuat file html menggunakan Java

Pada umumnya banyak orang yang membuat suatu web menggunakan php atau membuat html menggunakan aplikasi Dreamweaver. Nah pada pembahasan kali ini, saya menggunakan aplikasi Eclipse versi Indigo, untuk membuat file html menggunakan java.

Masuk pada study kasus

Pertama-tama bukalah apikasi eclipse anda. Setelah itu pilih File -> New -> Project. Akan mucul kotak dialok seperti gambar dibawah ini.

ScreenHunter_9

Pilih Next untuk melanjutkan. Kemudian akan muncul lagi kotak dialok, dimana kota dialok tersebut untuk menamakan file web anda.

ScreenHunter_10

Pastikan lokasi untuk menyimpan projek anda. Kemudian pilih Finish. Dibawah ini tampilan Web Project anda.

ScreenHunter_11

Sekarang kita akan membuat file html menggunakan format (.jsp) dari Java. Kita akan bekerja pada folder WebContent. Terlebih dahulu kita membuat sebuah folder, dimana seluruh file jsp yang akan dibuat terangkum disebuah folder. Caranya klik kanan pada folder WebContent kemudian pilih New -> Folder -> tuliskan nama folder. Disini saya membuat folder lat1.

ScreenHunter_12

Selanjutnya kita akan membuat sebuah file .jsp, untuk membuat sebuah file html. Caranya klik kanan pada folder lat1, kemudian pilih New -> Jsp File. Akan muncul kotak dialok untuk menuliskan nama file .jsp.

ScreenHunter_13

File name dirubah sesuai nama file yang anda inginkan. Disini saya menggunakan nama file tes.jsp. Kemudian pilih Finish.

ScreenHunter_14

Berikut tampilan syntax html tes.jsp versi Java. Disini saya menambahkan kata Selamat Datang.

ScreenHunter_15

Untuk mengeksekusi atau menampilkan file html yang telah dibuat, kita harus memiliki server local (Tomcat). Anda bisa menggunakan server local bawaan eclipse maupun server local (Tomcat) bawaan XAMPP. Pada kasus ini, saya menggunakan server local bawaan eclipse.

Cara menambahkan server local (Tomcat), pilih Servers, kemudian pilih new server wizard.

ScreenHunter_1

Akan muncul kotak dialok. Pilih Folder Apache kemudian pilih server local Tomcatnya. Disini saya menggunakan server local Tomcat v7.0 server. Pada umumya semua versi yang ada bisa digunakan. Kemudian pilih Next.

ScreenHunter_2

Pada kotak dialok ini, seperti yang saya paparkan tadi bahwa anda bisa menggunakan server local bawaan eclipse maupun server local (Tomcat) bawaan XAMPP, caranya dengan Browse server local dimana terinstall. Atau tidak, jika kita menggunakan server local bawaan eclipse, pilih Download and Install.

Catatan : Anda harus terhubung ke Internet untuk melakukan proses Download and Install.

ScreenHunter_4

Kemudian akan muncul kotak dialok lagi, untuk memintakan persetujuan. Pilih Accept, lalu pilih Finish.

ScreenHunter_5

Seletah itu akan dialihkan ke kotak dialok, dimana file installasi server local anda akan simpan. Disini saya simpan di Drive C dan saya membuat sebuah folder baru dengan nama folder tomcat v7.0.

ScreenHunter_6

ScreenHunter_7

Kemudian pilih OK. Proses download and install Tomcat server, sedang berjalan. Tunggu hingga servers anda terdapat icon Tomcat server. Jika sudah tampil seperti gambar dibawah ini, berarti server anda telah selesai terinstall.

ScreenHunter_8

Untuk mengaktifkan Tomcat server anda, caranya klik kanan pada tomcat server anda kemudian pilih Start. Berikut gambar dibawah ini menunjukkan Tomcat server telah aktif.

ScreenHunter_20

Selanjutnya untuk menjalankan file tes.jsp yang dibuat tadi, pilih icon run. (Icon Run berada ditengah)

ScreenHunter_21Setelah di run tes.jsp, akan muncul kotak dialok Run On Server. Kemudian pilih Finish.

Catatan : Jangan lupa untuk di Centang kata Always use this server when running this project.

ScreenHunter_17

Setelah itu akan muncul kotak dialok seperti gambar dibawah ini, pilih OK.

ScreenHunter_18

Server local anda akan melakukan restart, kemudian akan muncul hasil dari html yang dibuat melalui file tes.jsp yang dibuat tadi.

ScreenHunter_19

Bagaimana, mudahkan?
Ketika saya belajar materi ini, saya merasa ada hal unik ketika saya menggunakan Java dibandingkan PHP.

Semoga bermanfaat🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: