Pengembangan Web Service

Disusun Oleh :

Abdi Brillian R
20170140118
 Definisi Web Service
Web service adalah suatu sistem perangkat lunak yang dirancang untuk mendukung
interoperabilitas dan interaksi antar sistem pada suatu jaringan. Web service digunakan sebagai
suatu fasilitas yang disediakan oleh suatu web site untuk menyediakan layanan (dalam bentuk
informasi) kepada sistem lain, sehingga sistem lain dapat berinteraksi dengan sistem tersebut
melalui layanan-layanan (service) yang disediakan oleh suatu sistem yang menyediakan web
service. Web service menyimpan data informasi dalam format XML, sehingga data ini dapat
diakses oleh sistem lain walaupun berbeda platform, sistem operasi, maupun bahasa compiler.

Web service memiliki tujuan untuk meningkatkan kolaborasi antar pemrogram dan
perusahaan, yang memungkinkan sebuah fungsi di dalam Web Service dapat dipinjam oleh
aplikasi lain tanpa perlu mengetahui detail pemrograman yang terdapat di dalamnya.

Keuntungan penggunaan Web Service :

 Format penggunaan terbuka untuk semua platform.
 Mudah di mengerti dan mudah men-debug.
 Dukungan interface yang stabil.
 Menggunakan standard-standard “membuka service sekali” dan
mempunyai pemakai banyak.
 Mudah untuk menengahi pesan-pesan proses dan menambahkan nilai.
 Routing and pengiriman.
 Security.
 management and monitoring.
 schema and service design.
 Akselerasi.
 mudah untuk mengembangkan dengan semantic transport tambahan.
 Terbuka, standard-standard berbasis teks.
 Pencapaian modular.
 Tidak mahal untuk diimplementasikan (relatif).
 Mengurangi biaya integrasi aplikasi enterprise.
 Implementasi yang incremental.
 Disini akan menggunakan aplikasi bernama NetBeans IDE 8.2. dimana langkah-langkah
untuk membuatnya, sebagai berikut :

1. Membuat Table

Ketika hendak membuat sebuah project, tabel merupakan sebuah komponen yang pasti ada
sebagai wadah untuk mengumpulkan data dari field dan record. Tabel berada/tersimpan di database
dan dibuat setelah kita sudah membuat database terlebih dahulu. Seperti yang telah diuraikan
sebelumnya, tabel dibuat sebagai wadah dalam menyimpan data sehingga data dapat diakses
dengan mudah ketika hendak dibaca. Sehingga dapat dikatakan bahwa tabel merupakan satu
komponen yang harus dibuat oleh pengguna/programmer sehingga dia atau pun user lain
selanjutnya dapat melihat data yang ada di dalam tabel tersebut.

Langkah-langkah untuk membuat Table adalah sebagai berikut :

1. Buatlah Project baru. klik menu File > New project > java Web > Web application
 2. Lalu beri nama Project sesuai keinginan anda

3. Untuk membuat database cari menu seperti gambar dibawah bagian kanan lalu klik service,
lalu Expand pada menu database

4. Setelah itu klik kanan pada java DB lalu pilih Create database

5. Akan muncul tamplan seperti dibawah

6. Klik Ok
 7. Lalu koneksikan Databasenya

8. Selanjutnya isi Ussername dan Passwordnya, jika anda tidak memberi username dan password
pada saat pembuatan database maka langsung tekan Ok.
 9. Selanjutnya Expand pada APP, klik kanan pada tabel lalu create table

10. Buat tabel seperti biasanya, dalam hal ini saya membuat tabel barang

11. Selanjutnya tambahkan field - fieldnya

12. Klik Ok Jika sudah struktur tabelnya sudah selesai
 2. Membuat Web Service

Web service adalah standar yang digunakan untuk melakukan pertukaran data antar aplikasi
atau sistem, karena aplikasi yang melakukan pertukaran data bisa ditulis dengan bahasa
pemrograman yang berbeda atau berjalan pada platform yang berbeda..

Adapun menurut W3C Web services Architecture Working Group pengertian Web service
adalah sebuah sistem software yang di desain untuk mendukung interoperabilitas interaksi mesin
ke mesin melalui sebuah jaringan. Interfaceweb service dideskripsikan dengan menggunakan
format yang mampu diproses oleh mesin (khususnya WSDL).

Web Service REST biasanya digunakan untuk menyatukan sistem yang berkomunikasi
menggunakan bahasa pemrograman yang berbeda. Web Service Rest terdapat pada Service
Database menggunakan Server Glassfish.

Beberapa Keuntungan Menggunakan Web Service REST :

 Mudah dipelajari, tidak bergantung pada tools

 Ringkas, tidak membutuhkan layer pertukaran pesan (messaging) tambahan
 Secara desain dan filosofi lebih dekat dengan web

Langkah-langkah untuk membuat Web Service dengan menggunakan Glassfish server di

NETBEANS sebagai berikut :

1. Buatlah Project baru. klik menu File > New project > java Web > Web application
 2. Setelah itu akan muncul form seperti gambar dibawah

 Terdapat beberapa bagian seperti project name, project location, dan project folder. project
name adalah nama projek yang akan dibuat, usahakan nama project jelas agar tidak
bingung dikemudian hari. Project location adalah lokasi dimana tempat kalian menyimpan
projek ini. Projek folder akan otomatis terisi sesuai dengan project name. Setelah selesai
maka klik next.

 Langkah selanjutnya ialah menseting server, java version serta context path. Server disini
tersedia dua yaitu glassfish server dan tomcat server, saya memilih server glassfish pada
kali ini. Pemilihan server ini sendiri harus sesuai dengan kebutuhaan. Java version adalah
versi java berapa yang akan digunakan disini. Saran saya sebaiknya gunakan java version
yang terbaru agar mendapatkan fitur-fitur yang terupdate. context path merupakan path
awal kita dimana path ini berfungsi untuk mengatur cara akses kita ke web service yang
akan dibuat untuk lebih jelasnya akan saya jelaskan nanti. Setelah selesai kalian
mensetingnya klik finish. Untuk frameworks karena disni saya membuatnya tanpa
framework jadi tidak perlu dipakai.
3. Apabila telah selesai maka akan dibawa ke file index.html, file ini berfungsi
untuk menampilkan halaman awal kalian.

4. Selanjutnya coba klik kanan lalu di Run, liat apa yang terjadi.
5. Secara otomatis netbeans IDE akan membuka browser ke halaman
http://localhost:8080/nama_projek/. Pada halaman ini akan menampilkan
index.html
6. Pada source package klik kanan pilih menu new dan pilih java package, jika pada
pilihan new tidak ada maka pilih other, pada categories pilih java dan pada file
types scroll paling bawah pilih java package selanjutnya klik next.

7. Maka nantinya akan muncul menu seperti gambar dibawah, buatlah nama
package yang sesuai dengan projek kalian
8. Apabila telah selesai klik finish dan kembali lage ke folder projek kalian maka
projek kalian akan berisi seperti gambar dibawah

9. Selanjutnya pada package yang dibuat klik kanan pilih menu new dan klik restful
web service from patterns, jika pada menu new tidak terdapat restful web service
from pattern maka pilih other dan pada categories cari web service dan pada file
types pilih restful web service from pattern setelah itu klik next
10. Maka akan muncul menu seperti gambar dibawah ini, pilih simple root resource
dan klik next.

11. Maka akan muncul menu seperti dibawah ini, disini saya hanya menseting MME
Typesnya yang dari awal application/xml menjadi application/json. untuk
perbedaan dan penjelasaan tentang MME types ini akan kita bahas di postingan
lainnya, selanjutnya klik finish.
12. Lalu ketika proses finish maka projek kita nantinya akan seperti gambar dibawah
ini. ada dua file baru yaitu applicationconfig dan genericreseource. untuk
sekarang hanya generic resource yang akan kita ubah sedikit. klik file
genericreseource.

13. Selanjutnya pada file generic resource cari public string getjson ubah isi
didalamnya menjadi return "berhasil membuat web service". silahkan liat gambar
dibawah
14. Apabila telah selesai kembali ke projek kalian dan pilih menu restful web service
maka akan ada pilihan generic resource klik kanan dan pilih test resource uri dan
kalian akan diredict ke halaman
http://localhost:8080/nama_projek/webresources/generic.

15. Apabila pada halaman muncul tulisan web service berhasil maka selamat anda
telah berhasil membuat web service secara sederhana.
 3. Mengakses Service menggunakan AJAX

Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik
pemrograman berbasis web untuk menciptakan aplikasi web interaktif. AJaX digunakan untuk
memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data
dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara
keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan
interaktivitas, kecepatan, dan usability. AJaX dibuat di client karena digunakan untuk mengakses
service yang telah dibuat sebelumnya. AJaX dibuat ketika setelah web service berhasil dibuat dan
tes uri berhasil menampilkan data-data pada browser yang sudah diinputkan dalam table yang
sudah dibuat sebelumnya.

Beberapa Keuntungan Jika menggunakan Ajax :

 Meningkatkan User Experience (UX)
 Meningkatkan produktivitas pengguna
 Mengurangi penggunaan bandwidth dan meningkatkan kecepatan
 Meningkatkan kompatibilitas
 Mendukung proses Asynchronous
 Mengurangi hit server dan beban jaringan
 Navigasi lebih mudah

Beberapa Kerugian atau kekurangan menggunakan Ajax :

 Kompatibilitas browser
 Tidak bagus untuk SEO
 Peningkatan beban web server
 Sulit di bookmark/favorite
 Waktu pengembangan jadi lebih lama
 Web analytic tidak maksimal
 Kurang dukungan editor

Cara membuat AJaX untuk mengakses web service:

 Pertama download JQuery pada halaman ini : https://jquery.com/download/

 Kemudian letakkan file JQuery tersebut dalam satu folder.

 Selanjutnya buatlah file HTML dan letakkan file HTML tersebut satu folder dengan file
JQuery.
 Kemudian isi file HTML tersebut dengan kode berikut :

 Setelah itu gantilah isi dari var address dengan link projek dari teman anda dari tes
uri restful yang berhasil dilakukan pada saat mengetes web service sebelumnya.
 Selanjutnya lakukan Tes ping address dari pc anda ke pc teman anda jika sukses maka
akan muncul reply from …

 Lalu bukalah file HTML menggunakan browser. Jika berhasil akan muncul data table dari
projek teman anda.