java web application 1

6
KUTUONLINE 1 JAVA WEB APPLICATION 1 Pemrograman Java merupakan pemrograman dengan ruang lingkup yang sangat luas. Tidak hanya pemrograman berbasis OOP (Object Oriented Programming) saja seperti yang kita ketahui, namun juga digunakan untuk segala macam platform pemrograman seperti pemrograman website, pemrograman desktop, pemrograman berbasis mobile. Namun kali ini kita akan belajar mengenai pemrograman berbasis website dengan menggunakan Java. Editor yang dapat digunakan adalah Netbeans 8.1 (bisa menggunakan versi Netbeans sebelumnya). Didalam Netbeans sudah include dengan server Glassfish sehingga kita dapat langsung melihat hasil program di browser. Berikut langkah-langkah pembuatan website dengan Netbeans: 1. Jalankan Netbeans (all version). Tunggu sampai proses loading selesai, maka akan tampil jendela Netbeans IDE. Gambar 1. Netbeans IDE 8.1. 2. Pilih menu File, kemudian pilih New Project untuk membuat project website baru.

Upload: doni-andriansyah

Post on 05-Apr-2017

83 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Java web application 1

KUTUONLINE 1

JAVA WEB APPLICATION 1 Pemrograman Java merupakan pemrograman dengan ruang lingkup yang sangat luas. Tidak hanya pemrograman berbasis OOP (Object Oriented Programming) saja seperti yang kita ketahui, namun juga digunakan untuk segala macam platform pemrograman seperti pemrograman website, pemrograman desktop, pemrograman berbasis mobile. Namun kali ini kita akan belajar mengenai pemrograman berbasis website dengan menggunakan Java. Editor yang dapat digunakan adalah Netbeans 8.1 (bisa menggunakan versi Netbeans sebelumnya). Didalam Netbeans sudah include dengan server Glassfish sehingga kita dapat langsung melihat hasil program di browser. Berikut langkah-langkah pembuatan website dengan Netbeans: 1. Jalankan Netbeans (all version). Tunggu sampai proses loading selesai, maka akan

tampil jendela Netbeans IDE.

Gambar 1. Netbeans IDE 8.1. 2. Pilih menu File, kemudian pilih New Project untuk membuat project website baru.

Page 2: Java web application 1

KUTUONLINE 2

Gambar 2. Membuat file project baru.

3. Pada jendela New Project, steps 1. Choose Project pilih Java Web pada kolom Categories. Kemudian pada kolom Projects pilih Web Application. Lihat gambar 3.

4. Steps 2. Name and Location, set seperti yang terlihat pada gambar 4. Keterangan: Project Name: tentukan nama project (hindari pemberian nama project dengan spasi) Project Location: tentukan lokasi project akan disimpan. Karena berbasis website, simpan project didalam C:/xampp/htdocs/JavaWeb/. Project Folder: isi didalam kolom ini akan mengikuti project name dan project location yang di set.

5. Steps 3. Server and Settings, pada pilihan ini lanjutkan saja ke langkah berikutnya dengan meng-klik tombol Next. Lihat gambar 5.

Page 3: Java web application 1

KUTUONLINE 3

Gambar 3. Choose Project.

Gambar 4. Name and Location.

Page 4: Java web application 1

KUTUONLINE 4

Gambar 5. Server and Settings.

6. Steps 4. Frameworks, abaikan pilihan ini karena saat ini kita belum menggunakan frameworks dalam pembuatan website. Klik tombol Finish.

Gambar 6. Frameworks.

Page 5: Java web application 1

KUTUONLINE 5

7. Berikut tampilan project website.

Gambar 7. Project website. 8. Ubah baris tag <title> dan <div> pada source index.html diatas menjadi seperti

yang terlihat pada gambar dibawah ini. Lalu klik Save.

Gambar 8. Mengubah baris source.

Page 6: Java web application 1

KUTUONLINE 6

Project website yang dibangun telah selesai. Jalankan dengan menekan tombol Run Project (F6) pada ToolBar. Hasil pada browser terlihat seperti pada gambar dibawah ini.

Gambar 9. Hasil pada browser Notice

Apabila server Glassfish tidak dapat menampilkan hasil project website. Gunakan XAMPP untuk menampilkan hasil project pada browser. Ketik pada URL lokasi penyimpanan project web application. Contoh: http://localhost/javaweb/webapplication1/web/ For your info

Join di http://www.lokalevent.com untuk mempromosikan event kamu via website. Dengan mendaftar sebagai partner event di lokalevent, kamu akan memiliki halaman Dashboard partner event untuk mengelola event kamu. Setiap event yang kamu publish di website akan di publish pada sosial media kami, gratis! Kami juga menyediakan jasa penayangan konten iklan pada halaman website lokalevent untuk mempromosikan usaha yang kamu miliki. Untuk informasi lebih lanjut biaya promo event dan pasang iklan, silahkan hubungi marketing lokalevent di Email: [email protected] Twitter: @lokalevent_id Facebook: http://facebook.com/lokalevent_id