Wednesday, December 3, 2014

UTS Java Pemprograman 2 - Login, Logout dan From Input Data di Hashtable di JSP STMIK ERESHA WIKRAMA


Toktoktok Assalamu'alaikum ... :D

Hello Sahabat IT Selamat datang di blog gue biar pun sederhana tp kita ambil ilmunya :)
disini gw akan berbagi ilmu tentang Tutorial Login, Logout dan From Input Data Hashtable di JSP atau bisa di sebut Java Web. gimna gan?



Yuuu ah gausah banyak cingcong kita sama-sama belajar chekidot !

LANGKAH 1 LOGIN
Ikutin langkah berikut yah...
1. Buka Netbeans
2. File - New Project
3. Pilih Java web lalu pilih Web Application
4. Lalu di Beri Nama Projectnya, next, pilih server untuk browser Glashfish/Tomcat appache next dan finish.


Sesudah itu kita membuat tampilan login, oke untuk membuatnya ikuti langkah berikut :
1. Klik File - new File - Web dan pilih Servlet next
2. Berikan nama LoginServelet
3. Next dan jangan lupa di cheked
4. Klik Finish.

Oke gan selanjutnya kita buka file login tersebut
1. Klick pada Source Pacages - <default pacage> terus doble klick loginServlet
2. Selanjutnya masukan kode import java


Bisa dikatakan pluginnya java/jsp yang akan kita gunakan dalam membuat program.

3.  Tambahkan koding seperti berikut


di atas ada koding "String username" ini untuk login user, lalu ada koding "String passwd" ini untuk password.

4. Tambahkan koding lagi dibawahnya


 Perhatikan disitu ada request.getParameter nah itu berfungsi untuk mengambil data username dan password/ mengambil data dari text saat login. ketika user name dan password benar maka akan masuk ke menu dan apabila password salah maka keluar pesan error.

Nih koding lenkapnya :D


Nah koding login telah selesai sekarang lanjut ke tahap berikutnya :D
masih semangat kan :)

LANGKAH 2 LOGOUT
Oke untuk membuatnya ikuti langkah berikut :
1. Klik File - new File - Web dan pilih Servlet next.
2. Berikan nama LogoutServelet
3. Next dan jangan lupa di cheked
4. Klik Finish.

Oke gan seperti langkah pertama selanjutnya kita buka file LogoutServlet tersebut
1. Klick pada Source Pacages - <default pacage> terus doble klick LogoutServlet.
2. Selanjutnya masukan kode import java


3. Ketikan koding sebagai berikut,


Nah koding ini hanya untuk mengarahkan ke logout dan menampilkan pesan seperti diatas "anda berhasil Logout!"

LANGKAH 3 MEMBUAT FROM IMPUT DATA
Oke untuk membuatnya ikuti langkah berikut :
1. Klik File - new File - Web dan pilih Servlet next.
2. Berikan nama FromInputData
3. Next dan jangan lupa di cheked
4. Klik Finish .

Seperti langkah diatas selanjutnya kita buka file FromImputData tersebut
1. Klick pada Source Pacages - <default pacage> terus doble klick LogoutServlet
2. Selanjutnya masukan kode import java


Sama halnya seperti import import di login dan logout, di FromImputData juga ada import seperti ini, ya kalau di ibaratkan ini pelengkap atau tools yang berguna untuk pembuatan program, oke kita lanjut!
3. ketikan koding Srting sebagai berikut


disitu ada pembuatan String atau variable yang digunakan untuk selanjutnya, di situ ada new  Hashtable() nah ini ni yang kita gunakan dalam menyimpan data tetapi tidak menggunakan database.
dataL adalah variable data yang digunakan dalam hashtable, untuk menyimpan data sementara.
 jika sudah selesai kita lanjut ke koding selanjutnya.

4. Masukan koding seperti ini gan


Nah seperti gambar diatas ada koding "session.getAttribute("name");" artinya itu jika belum ada
session login atau session loginnya kosong akan di ridirect ke halaman name harus login terlebih dahulu.dan  diatas untuk mengambil parameter del dan upd, untuk proses delete dan update.

5. Kita masukan koding delete dan update ayo ketikan sebagai berikut


Kodingknya cukup banyak yah hehe kalo sudah selesai kita lanjut koding lagi yu


lanjutt lagi gann semangat :D

6. ketikan koding berikut ini.


Terusannya gan !


 Lanjut lagi gan semangatt :D


 7. Masukan lg koding getParameter ini sedikit ko hehe


Tahap ini adalah tampilan html di Home sama halnya seperti login, mencetak html di jsp menggunakan out.print/out.println.
 setelah selesai kita lanjut ke koding validasi

8. Masukan koding ini untuk validasi



Lanjutkan lahh gan :D



diatas adalah proses ketika simpan, dan di validasi terlebih dahulu, apakah ada data yg salah atau yg kosong, jika ada makan proses simpan tidak bisa di lakukan.

9. Kembali kita masukan koding ini untuk action delete dan update.







Tambah gann hehehe



Nah yang di atas adalah mengulang data yang telah di simpan atau menampilkan data yang telah
disimpan, disitu ada action delete dan update.

LANGKAH KE 4 BUAT HTML
Oke untuk membuatnya ikuti langkah berikut :
1. Klik kanan pada web-INF - New trus pilih Formatnya HTML
2. Berikan nama index
3. Klik Finish.

1.Oke tampilan index kita buat selanjut nya masukan koding seperti ini



Oke tampilan index selesai

Lakukan langkah seperti ini lagi
1. Klik kanan pada web-INF - New trus pilih Formatnya HTML
2. Berikan nama link
3. Klik Finish


1. Selanjut nya masukan koding seperti ini untuk tampilan link




Oke tampilan link selesai 

Terakhir lakukan langkah seperti ini
1. Klik kanan pada web-INF - New trus pilih Formatnya HTML
2. Berikan nama login
3. Klik Finish

1. Selanjut nya masukan koding seperti ini untuk tampilan login


Oke tampilan login selesai

LANGKAH 5 RUN PROGRAM
Oke oke untuk langkah sekarang tidak ada koding lagi dikarnakan pegel haha


 Untuk tampilan akhir samakah seperti gambar

















 Yuhhuuu akhirnya selesai :D jika mengikuti secara sesakma maka akan berjalan dengan lancar tetep
semangat dan fokus.

jangan menyerah masih ada lg tutorial java selanjutnya sampai ketemu lagi di tutorial Login, Logout dan FromdataInput Hashtable Servlet di JSP.
maaf ni kalau banyak kekurangan sama-sama  belajar oke gan, gan, ganteng :D
 hehehe
Wassalamualaikum :)