Monday, October 7, 2013

Simple JSP without Netbeans

JSP Sederhana tanpa menggunakan Netbeans

Yeah, di artikel ini, saya ingin sedikit sharing mengenai pembuatan web berbasis JSP, tapi tidak menggunakan IDE Netbeans.

Alasannya? 

1. Saya ingin mempermudah konsep pemrograman JSP.
2. Netbeans cukup berat di Low End Device.
3. Efisiensi

Well.. Netbeans memang powerful dan complete ketika kita ingin membuat berbagai macam project berbasis Java. Baik itu Java Desktop, Java Mobile (J2ME), dan juga Java Web (JSP dan Servlet).


Okay.. back to the topic.. Simple JSP tanpa Netbeans..

Apa saja yang anda perlukan untuk pemrograman ini?

1. Apache Tomcat
Preview Apache Tomcat ketika berhasil diinstal dan dijalankan melalui http://localhost:8080
Well.. web server adalah hal yang paling utama tentunya, karena digunakan untuk kompilasi (compile) JSP files. Web server yang bisa digunakan untuk JSP adalah Apache Tomcat.
Ada Apache Tomcat yang diinstal sendiri dan ada juga yang sudah include di XAMPP versi baru. 

Saat ini saya menggunakan XAMPP versi 1.8.1, dengan fitur PHP - Apache, MySQL, Tomcat, Filezilla.
Active XAMPP
Masing-masing menggunakan port yang berbeda, sehingga bisa dijalankan secara bersamaan.
Apache untuk PHP - localhost, menggunakan port 80. (HTTP).
Sedangkan MySQL menggunakan port 3306.
Tomcat untuk JSP - localhost:8080, menggunakan port 8080.

Jadi, tidak akan masalah bila digunakan secara bersamaan.. 

2. Text Editor

Untuk coding, yeah.. Bisa digunakan notepad (yang anda semua pasti punya). 
Selain notepad? Kan gak keren pake notepad? (Keren lhoh, kan g ada hint nya) :))
Okay.. Alternatif lain bisa juga menggunakan Notepad++ yang lebih bagus karena ada line numbernya, jadi lebih mudah untuk error correction-nya..
Bisa juga menggunakan editplus.. (fitur hampir sama dengan Notepad++)

Disini saya tidak menyebutkan IDE sejenis Netbeans, Eclipse, JCreator, dll dikarenakan saya ingin memberikan sesuatu yang simple dan ringan.

3. Browser

Jelas kita membutuhkan browser untuk preview hasil dari web yang kita bangun.. 
Perlu disebutkan contohnya? Anda pasti lebih paham bukan.. :)

So.. Udah siap untuk belajar??

Here we go..

Konsep Simple JSP

JSP - tak ubahnya seperti PHP - adalah bahasa pemrograman web dinamis. Cuma bedanya, JSP menggunakan bahasa Java..

Apakah dengan mendengar kata-kata Java, JSP jadi terasa sulit?

Coba pahami, ketika kita membuat web berbasis PHP, kita gunakan HTML, CSS dan teman-temannya untuk desain, sedangkan PHP untuk processing data. Got it?

Pada JSP juga terdapat konsep yang serupa.

So.. it's not that so difficult to learn okay?

Kita buat segala macam desain web dengan HTML sedangkan processing thingsnya kita gunakan JSP.

Percobaan I

Untuk pemula, get ready for this simple one..

1. Langkah pertama dan paling penting, aktifkan tomcat. Bila dari Xampp Control Panel tidak berhasil, klik explorer pada Xampp Control Panel dan klik dua kali file catalina_start.bat. Biarkan aktif selama kita sedang membuat project dengan jsp.

2. Ketikkan source code berikut pada text editor kesayangan anda. Simpan dengan nama tes.jsp. Jangan lupa, simpan di xampp/tomcat/webapps buat folder dengan nama belajar. (just for example)

Kali ini bukan Hello World yang akan kita coba (karena sudah terlalu mainstream)
source code JSP - tes.jsp
Lokasi penyimpanan file

3. Jalankan, dengan memanggil nama file pada browser kesukaan anda. For example, http://localhost:8080/belajar/tes.jsp

Preview hasil kompilasi pada 
Kalau sukses pasti sama deh dengan yang di gambar..

Kalau masih belum sukses, well.. just fix the bug..
Aturan penulisan script JSP hampir sama dengan Java. Yaitu:

Sama-sama diakhiri dengan semi colon ; 
Case Sensitive, huruf besar dan kecil dibedakan.
Variabel harus dideklarasikan terlebih dahulu. (Bedanya dengan di PHP, kalau di PHP  variabel tidak perlu dideklarasikan dulu, langsung $a = 1, inisialisasi langsung sudah bisa digunakan)

Okay, done.. For this first project err... file.. :D

I will give you another scratch of code at the next post..

Wish that it could help you out.. :)