PART 7 Implementasi CRUD (Create, Read, Update, and Delete) Web Service Server dan Client dengan Java

PART 7 Implementasi CRUD (Create, Read, Update, and Delete) Web Service Server dan Client dengan Java

   19.12       Ramadhan Jaya

---

Pada part terakhir ini akan dibuat sebuah project yang merupakan implementasi CRUD (Create, Read, Update, and Delete) dalam Web Service. Dalam pembuatannya dibutuhkan beberapa komponen yaitu database, project server yang berisi web service server, project client yang berisi web service client, dan bootstrap untuk mengubah tampilan disisi client. Adapun langkah-langkah pembuatannya adalah sebagai berikut :

1. Buat sebuah database dengan nama : siakad dan sebuah tabel dengan nama : mahasiswa dengan ketentuan seperti pada tabel berikut.
   
    Hasilnya akan terlihat seperti pada gambar berikut.
   
2. Buka Netbeans 8.2, dengan cara yang sama seperti pada part sebelumnya, buat sebuah project untuk server dengan nama : Siakad, letakkan di direktori penyimpanan khusus dengan nama folder sesuai dengan keinginan. Selanjutnya pilih server yaitu GlassFish Server 4.1.1, lalu klik "Finish". Hasilnya akan terbentuk sebuah project seperti pada gambar berikut.
   
3. Berikutnya buat web service di dalam project Siakad, caranya seperti pada part-part sebelumnya. Beri nama web serivce : Mahasiswa dan packagenya : siakad.mahasiswa.
4. Lalu buat koneksi, caranya klik kanan pada package siakad.mahasiswa,lalu pilih "New", lalu pilih "Java Class", kemudian beri nama koneksiMySQL.
   
5. Kemudian untuk script koneksiMySQL, copy paste script berikut.
   
6. Langkah selanjutnya adalah setting Library, caranya klik kanan pada project Siakad, lalu pilih "Properties", lalu pilih "Libraries",lalu "Add Library", cari MySQL JDBC Driver, kemudian klik "Add", terus klik "OK".
   
7. Setelah itu cek apakah sudah terdapat MySQL JDBC Driver di dalam directory Libraries, jika sudah akan ditampilkan seperti pada gambar berikut.
   
   
8. Buat Web Service dengan cara klik kanan pada package siakad.mahasiswa, pilih "New", pilih "Java Class", beri nama : mhs, dan package : siakad.mahasiswa
   
9. Selanjutnya agar data MySQL dapat dipanggil di web service, maka dibutuhkan Getter and Setter" masing-masing data. Masukkan script "Getter and Setter" berikut ke dalam Java Class mhs yang telah dibuat. 
   
   
10. Langkah berikutnya, buka Mahasiswa.java yang berada di package siakad.mahasiswa. Masukkan  script berikut untuk membuat method CRUD (Create, Read, Update, and Delete) di dalam Class Mahasiswa.java.
11. Dengan cara yang sama seperti part sebelumnya, buat sebuah project baru untuk Client. Beri nama project : ClientSiakad dan simpan pada direktori yang sama dengan project untuk server yaitu project Siakad.
    
12. Langkah yang harus dilakukan berikutnya adalah koneksikan Client (project ClientSiakad) dengan Server (project Siakad). Caranya klik kanan pada project ClientSiakad, lalu pilih "New",pilih "Web Service Client". Akan muncul jendela New Web Service Client, lalu klik pada radio button "Project", klik tombol "Browse", pilih project Siakad, buka tanda "+" lalu pilih "Mahasiswa", lalu klik "OK". Terakhir isi package : client.siakad, lalu klik "Finish".
    
    
    
13. Jika koneksi antara client dengan server berhasil dibuat, hasilnya akan muncul Web Services References disertai dengan lima parameter yang terdapat pada file Mahasiswa.java seperti gambar di bawah ini.
    
14. Download terlebih dahulu file template bootstrap, setelah download silahkan copy seluruh file ke bagian diretori penyimpanan project ClientSiakad berada, lalu cari folder web, buka dan paste di folder tersebut.
    
15. Hasilnya akan terlihat pada project yang terdapat pada NetBeans seperti gambar berikut. 
    
16. Berikutnya hapus file index.html, lalu buat tiga buah file berekstensi .jsp, yaitu file header.jsp, footer.jsp dan index.jsp di web pages project clientsiakad.
    
    
17. Buka file header.jsp, kemudian masukan script berikut.
    
18. Buka file footer.jsp, kemudian masukan script berikut.
    
    
19. Buka file index.jsp, kemudian masukan script berikut.
    
20. Selanjutnya agar data base tampil didalam  project client maka perlu memanggil wsdl caranya. Caranya drag dan drop method getMahasiswa kedalam index.jsp. Drag kedalam script index.jsp didalam antara <tr>…</tr> perhatikan sehingga scriptnya berikut.
    
21. Buat file ekstensi .jsp baru lagi dengan nama tambah-mhs.jsp, lalu masukan script berikut.
    
22. Agar proses tambah berhasil maka buat file baru dengan nama proses-tambah-mhs.jsp, masukkan script berikut.
    
23. Langkah selanjutnya membuat tampilan Edit dan Delete. Dalam hal ini Edit dan Delete dibuat dalam satu script.
24. Masuk pada project server yaitu Siakad, lalu buka file Mahasiswa.java, tambahkan script Method tampilMahasiswa berikut.
    
25. Untuk membuat proses Hapus, buat satu buah file dengan nama hapus-mhs.jsp. Lalu drag operator hapus dari Web Service Reference. Kemudian ubah script pada parameter int nim=0; karena fungsi ini akan digunakan untuk menerima POST berupa hapus mahasiswa berdasarkan nim, sehingga script hapus-mhs.jsp sehingga menjadi seperti berikut.
    
26. Selanjutnya akan dibuat tombol Edit dan Update. Proses ini akan mengambil data mahasiswa dan menampilkannya ke dalam form untuk Edit.
27. Sebelum membuat file Edit, ubah terlebih dahulu method getMahasiswa di project Siakad sehingga berubah menjadi seperti berikut.
    
28. Buat file baru dengan nama edit-mhs.jsp. masukkan script berikut.
    
29. Selanjutnya buat file baru dengan nama proses-edit-mhs.jsp lalu masukkan script berikut.
    
30. Pembuatan project selesai, selanjutnya Deploy semua project baik project Siakad maupun project ClientSiakad. Tunggu masing-masing proses Deploy hingga selesai dan sukses, setelah itu Run project ClientSiakad dan hasilnya akan tampil seperti gambar di bawah ini. 
    
31. Lakukan uji coba semua proses yang telah dibuat dimulai dari proses tambah data. Klik tombol "Tambah Mahasiswa" lalu masukkan data mahasiswa seperti pada gambar. 
    
32. Akan tampil data mahasiswa sesuai dengan yang ditambahkan.
    
    
33. Selanjutnya klik tombol "Edit" lalu akan muncul form edit mahasiswa. Coba edit data mahasiswa tersebut misalnya pada bagian email (lihat gambar ), lalu klik tombol "Edit".
    
    
34. Hasilnya akan tampil data mahasiswa dengan email yang telah diedit.
    
35. Terakhir, klik tombol "Hapus". Hasilnya data akan terhapus, karena jumlah data hanya satu, maka hasil akhir tidak akan ditampilkan data sama sekali.
    

Uji coba yang dilakukan pada semua proses yang ada yaitu untuk menampilkan data, menambah data, mengedit data, dan menghapus data berhasil dilakukan, dengan demikian implementasi CRUD (Create, Read, Update, and Delete) Web Service Server dan Client dengan Java sukses.