pertemuan 2 & 3 pembuatan halaman master data barang ... · setelah pembuatan barang.jsp dan...

Pertemuan 2 & 3

Pembuatan Halaman Master Data Barang & Supplier

Pembuatan Master Data Barang

Master data barang terdiri dari 1 file JSP, 1 fileServlet dan 1 file Model. Untuk file Model sudahdibuat di pertemuan 1.

Form barang.jsp

Sumber: Hasil Perancangan (2019)

Coding barang.jsp

Note : Baris ke 14 dan 15 serta baris ke 18 dan 19 dijadikan 1 baris kesamping

Coding barang.jsp (lanjutan)

Note : Baris ke 45 dan 46 dijadikan 1 baris kesamping

Pembuatan File setting.js

Langkahnya :1. Buat Folder “config” di dalam folder “Web Pages”

2. Lalu buat file dengan type Java Script File (jika tidak ada klik kanan di folder config lalupilih new dan klik Other)

Sumber: Hasil Perancangan (2019)

Sumber: Hasil Perancangan (2019)

3. Lalu berikan nama file seperti dibawah ini, setelah itu klik Finish

Pembuatan File setting.js

Sumber: Hasil Perancangan (2019)

Pembuatan File setting.js4. Setelah itu ketik Coding Berikut di dalam File setting.js

Setelah pembuatan barang.jsp dan setting.js lalu dilanjutkan denganpembuatan BarangServlet.jsp yang akan digunakan untuk menjalankanfungsi CRUD dari keseluruhan form Barang. Buat file Servlet baru dengannama BarangServlet.java. Simpan di dalam Package Control di dalamSource Package.

Coding BarangServlet.java (lanjutan)

Coding BarangServlet.java (lanjutan)

Note : Baris ke 43 sampai 82 sudah bawaan dari servlet, apabila ada tanda warning berupaLampu berwarna merah di klik kanan lalu pilih surround statement with try catch.

Pembuatan Master Data Supplier

Master data supplier terdiri dari 1 file JSP, 1 fileServlet dan 1 file Model. Untuk file Model sudahdibuat di pertemuan 1.

Form supplier.jsp

Sumber: Hasil Perancangan (2019)

Coding supplier.jsp

Note : Baris ke 17 dan 18 dijadikan 1 baris kesamping

Coding supplier.jsp (Lanjutan)

Note : Baris ke 44 dan 45 dijadikan 1 baris kesamping

Penambahan Coding File setting.js1. Tambahkan Coding Berikut di dalam File setting.js

Coding Servlet Supplier

Untuk Servlet Supplier Harap Mahasiswa Membuat Coding Sendiri, Mengacu dari coding

servlet barang dan di pandu oleh dosen pengajar

Modifikasi beranda.jsp

Modifikasi coding beranda.jsp untuk dapat menampilkan filebarang dan supplier serta menjalankan fungsi java script, berikutlangkah – langkahnya :1. Buka File Beranda.jsp2. Tambahkan coding dari Baris Ke 13 di dalam file beranda.jsp

(pastikan posisi nya di dalam tag head

Modifikasi beranda.jsp

3. Setelah itu tambahkan coding untuk pemanggilan file masterbarang dan supplier seperti dibawah ini (tambahkan tanpamenghilangkan coding yang sudah ada sebelumnya)

Modifikasi beranda.jsp

4. Setelah itu tambahkan coding berikut ini (jangan terpakudengan baris nomor disebelah kiri, pastikan posisipenempatan codingnya tepat)

5. Selesai, silahkan running file program dari beranda.jsp

Tugas 2

Pembuatan Master Data Akun dan Master Data User

Form Master Akun

Sumber: Hasil Perancangan (2019)

Form Master User

Sumber: Hasil Perancangan (2019)

Ketentuan Tugas 2

1. Untuk masing masing form dibuat tampilan tambah, ubah, dantampil data nya

2. Dibuatkan juga Servlet untuk masing masing form3. Modifikasi beranda untuk menampilkan master akun dan user di

dalam beranda web