WebServicesYusfiIndraCahyadi

LAPORANSISTEMTERDISTRIBUSI


IMPLEMENTASIDAOPADAWEBSERVICE

MENGGUNAKANJAVA

Disusunoleh:

YusfiIndraCahyadi(0831140062)
M.Informatika/3E










PROGRAMSTUDIMANAJEMENINFORMATIKA
JURUSANTEKNIKELEKTRO
POLITEKNIKNEGERIMALANG
2011

 WebServicesYusfiIndraCahyadi

PRAKTIKUMWEBSERVICESMENGGUNAKANJAVA

WebServices

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
melaluilayananlayanan(service)yangdisediakanolehsuatusistemyangmenyediakanwebservice.
Web service menyimpan data informasi dalam format XML, sehingga data ini dapat diakses oleh
sistemlainwalaupunberbedaplatform,sistemoperasi,maupunbahasacompiler.

Web service bertujuan untuk meningkatkan kolaborasi antar pemrogram dan perusahaan, yang
memungkinkan sebuah fungsi di dalam Web Service dapat dipinjam oleh aplikasi lain tanpa perlu
mengetahuidetilpemrogramanyangterdapatdidalamnya.

Beberapaalasanmengapadigunakannyawebserviceadalahsebagaiberikut:
1. Web service dapat digunakan untuk mentransformasikan satu atau beberapa bisnis logic atau
class dan objek yang terpisah dalam satu ruang lingkup yang menjadi satu, sehingga tingkat
keamanandapatditanganidenganbaik.
2. Web service memiliki kemudahan dalam proses deploymentnya, karena tidak memerlukan
registrasikhususkedalamsuatusistemoperasi.Webservicecukupdiuploadkewebserverdan
siapdiaksesolehpihakpihakyangtelahdiberikanotorisasi.
3. Webserviceberjalandiport80yangmerupakanprotokolstandarHTTP,dengandemikianweb
servicetidakmemerlukankonfigurasikhususdisisifirewall.

MembuatDatabasedariMicrosoftAccessdanMengaturODBC

1. Membuka aplikasi Microsoft Access. Setelah itu pada halaman awal Microsoft Access memilih
Blank Database. Setelah itu akan muncul panel di sebelah kiri untuk tempat pengisian nama
databaseyangakandibuat.Padakaliinidatabaseyangdibuatdiberinamadata.

 WebServicesYusfiIndraCahyadi

2. Setelahitumembuattablepegawaidenganattributesepertipadagambardibawahini.Setelah
itusimpandengancaramenakanctrl+S.

3. Kemudianmengisitabledengandata.Sebagaicontohsepertipadagambardibawah.Setelahitu
simpandatayangtelahdiisikandenganmenekanctrl+S.

4. Setelah database berhasil di buat. Langkah selanjutnya adalah membuar ODBC dari database
tersebut. Pertama membuaka Control Panel, setelah window control panel muncul pilih
AdministrativeTools.

5. Kemudianakanmunculjendelasepertidibawahini.Langkahselanjutnyadoubleclickpadaicon
DataSource(ODBC).

 WebServicesYusfiIndraCahyadi

6. Akanmunculwindowsepertidibawahini.PadamenutabmemilihSystemDSNsetelahitutekan
buttonAdduntukmanambahkanODBC.

7. Setelahlangkahdiatasakanmunculwindowbarusepertidibawahini.Disinikitamemilihdriver
untukdatasourceyang kitagunakan.Padakesempatankaliini menggunakan MicrosoftAccess
Driver.SetelahitumenekanbuttonFinish.

8. Setelahituakanmunculwindowyangbarusepertidibawahini.MemberinamaODBCyangakan
dibuat,padakaliiniODBCyangdibuatmenggunakannamapegawai.Setelahitutekanbutton
select untuk memilih database yang kita gunakan. Kita menggunakan database yang telah kita
buatsebelumnyamenggunakanMicrosoftAccess.SetelahselesaitekanbuttonOK.

 WebServicesYusfiIndraCahyadi

9. JikaprosespembuatanODBCberhasil,namaODBCakanadadalamdaftarsepertipadagambar
di bawah. Jika tidak ulangi langkah pembuatan ODBC mulai dari awal. Setalah itu untuk
mengakhiripembuatanODBCmenakanbuttonOK.

MembuatWebServicesdenganJAVAmenggunakanNetBeans6.8

1. Pertama membuka aplikasi NetBeans pada kali ini kami menggunakan NetBeans versi 6.8.
Setelah itu membuat project baru berupa Java Web Application dengan cara File New
Project.Setelahituakanmunculwindowsepertidibawahini.PadapanelCategoriespilihJava
Web,lalupadaPanelProjectpilihWebApplicationsetelahitumenekanbuttonNext.

SetelahituakanmunculWindowsepertidibawahiniuntukmengaturnama,tempatataufolder
dimanaProjectyangakankitabuatakanditempatkan.SetelahselesaitekanbuttonNext.

 WebServicesYusfiIndraCahyadi

Setelahituakanmunculwindowsepertidibawahini.SelanjutnyamengaturServer.Kaliinikita
tidak perlu mengatur server and settings, kita hanya memakai settingan yang sudah ada. Dari
sinikitabisamenekanbuttonfinishjikatidakmenggunakanframeworkjikakitamenggunakan
frameworkdapatdilakukandenganmenekanbuttonnext.

Jikapadawindowsebelumnyakitamenekanbuttonnextakanmunculwindowsepertidibawah
ini. Jika kita menggunakan framework dalam pembuatan web application pilih salah satu dari
beberapa pilihan tersebut. Setelah itu menekan button Finish untuk mengakhiri dalam
pembuatanprojectbaru.

2. Untukprosescodingnya,pertamakitamembuatpackagesdengannamaentity.Padapackages
entityterdapatClassdengannamaPegawaiyangdigunakanuntukpemodelandaritabledalam
database yang akan digunakan. Dalam class Pegawai tersebut hanya terdapat variable yang
mengacupadatabledalamdatabaseyangkitagunakansertasetterdangetternya.

 WebServicesYusfiIndraCahyadi

ScriptpadaClassPegawai

3. Selanjutnyamembuatpackagesbarudengannamadao.PadapackagesdaoterdapatInterface
dengan nama PegawaiDao. Dalam interface PegawaiDao tersebut hanya terdapat method
kosongatauabstractmethod.

 WebServicesYusfiIndraCahyadi

ScriptpadaInterfacePegawaiDao

4. Selanjutnyamembuatpackagesbarudengannamadao.impl.Padapackagesdao.implterdapat
ClassdengannamaPegawaiDaoImpl.DalamClassPegawaiDaoImplinimengimplementssemua
abstractmethoddariinterfacePegawaiDao.Setelahitumengisimethodmethodkosongyang
didapatdariinterfacePegawaiDao.

ScriptpadaClassPegawaiDaoImpl

 WebServicesYusfiIndraCahyadi

 WebServicesYusfiIndraCahyadi

5. Selanjutnya membuat packages baru dengan nama factory. Pada packages factory terdapat
Class dengan nama PegawaiDaoFactory. Dalam Class PegawaiDaofactory ini terdapat method
untukkoneksikedatabasesertamethoduntukmengaksesPegawaiDaoImpl.

ScriptpadaClassPegawaiDaoFactory

6. Setelah arsitektur DAO selesai dibuat, selanjutnya membuat packages baru dengan nama
webservices.PackageswebservicesberisiClassyangbertugassebagaiwebservices.PadaClass
webservices terdapat beberapa method yang disebut sebagai webmethod, webmethod inilah
yangakandideployagarbisadigunakanuntukaplikasilain.

 WebServicesYusfiIndraCahyadi

ScriptpadaClass/WebServicesPegawaiWebServices

 WebServicesYusfiIndraCahyadi

7. Setelah itu melakukan proses deploy. Dilakukan dengan cara klik kanan pada project lalu
memilihdeploy.Sepertipadagambardibawahini.

8. Setelah proses deploy, melakukan test pada webservices yang telah dibuat apakah berjalan
dengan baik atau tidak. Pada panel Project terdata beberapa folder, buka folder webservices
setelah itu akan tampak Webservices yang telah dibuat yaitu PegawaiWebSrvices. Klik kanan
pada PegawaiWebServices lalu pilih Test Web Services. Untuk lebih jelasnya lihat gambar di
bawahini.

 WebServicesYusfiIndraCahyadi

9. Hasildaritestwebservicesapabilasuksessepertigambardibawahini.Webservicestelahsiap
digunakan.

urlwsdlyangdihasilkandanakandigunakanolehaplikasilainadalah

http://localhost:25343/WebServicesServer/PegawaiWebServicesService?WSDL









 WebServicesYusfiIndraCahyadi

MembuatClientdariWebServicesMenggunakanAdobeFlexBuilder3(ClientBerbasisWeb)

1. MembukaaplikasiAdobeFlexBuilder3.SetelahitumembuatFlexProjectdengancaraFile
NewFlexProject.

2. Kemudianakanmunculwindowsepertipadagambardibawahini.Padajendelaini,digunakan
untuk memberi nama project yang akan kita buat, mengatur tempat / folder yang digunakan
untuk menyimpan project serta tipe aplikasi yang akan dibuat serta server teknologi.
Konfigurasikansepertipadagambar.SetelahselesaimekonfigurasitekanbuttonNext.

*padalangkahiniuntukpilihanApplicationservertypedapatdenganmemilihnone,tetapipada
kesempatankaliinisayamemilihApplicationservertypedenganpilihanPHPdikarenakanuntuk
memudahkan dalam eksekusi aplikasi sebab untuk menjalankan aplikasi tidak perlu membuka
AdobeFlexBuilder3terlebihdahulu.






 WebServicesYusfiIndraCahyadi

3. Setelah itu akan tampil jendela seperti di bawah ini. Pada jendela ini digunakan untuk
mengkonfigurasikanwebrootyangakandipakai,mengkonfigurasitempatdimanaprojectakan
di built serta mengatur url untuk mengeksekusinya. Konfigurasikan seperti pada gambar di
bawahini.SetelahselesaitekanbuttonNext.

4. Kemudian akan muncul jendela untuk menamai Main Application File. Kita beri nama index.
SetelahselesaitekanbuttonFinish.

5. SetelahselesaiakantampakpadaFlexNavigatorprojectyangbarusajakitabuat.

 WebServicesYusfiIndraCahyadi

6. SetelahprosespembuatanNewFlexProjectberhasil,prosesselanjutnyaadalahmembuatview
untukdatadatayangakanditampilkan.PertamakalipindahtampilanlembarkerjaFlexdari
SourcemenjadiDesigndengancaramenakanbuttonDesignsepertipadagambardibawahini.

Hasilnyaakanterlihatsepertigambardibawahini.

SourceView

DesignView

KemudiansetelahlembarkerjamenjadiDesignView,kitamembuattampilansepertidibawah
inimenggunakanPaletteComponentyangterdapatpadasisikiri.

 WebServicesYusfiIndraCahyadi

7. Setelahselesaimendesaintampilanwebyangakandibuat,langkahselanjutnyaadalahmemberi
id pada setiap component yang telah digunakan. Dengan cara kembali ke tampilan Source
terlebih dahulu, setelah itu menuju Syntax / Script yang mengacu pada component contohnya
sepertipadagambardibawahini.Setelahitubarudiberiidpadacomponenttersebut.

PadagambardiatascomponetDataGriddiberiidtablePegawai.Ulangilangkahiniuntuksetiap
component.

8. Kemudian membuat tag webservices dengan mencantumkan url wsdl yang telah dibuat
sebelumnya.Syntaxnyasepertidibawahini.

Di dalam Tag WebServices terdapat Tag operation, dalam penamaan operation harus sesuai
dengan webmethod yang terdapat pada webservices yang telah di buat sebelumnya. Apabila
webmethod membutuhkan parameter, maka di dalam tag operation ditambahi tag lagi yang
jumlahnya sesuai dengan parameter yang dibutuhkan oleh webmethod serta penamaan tag
harus sesuai dengan parameter yang dibutuhkan webmethod. Untuk isi dari parameter yang
dibuat,menggunakanhasildariinputanataupunaksiyangdidapatdariusermelaluiviewyang
telahkitabuat.













 WebServicesYusfiIndraCahyadi

9. SetelahmembuatTagWebServices,selanjutnyamembuatTagScriptdimanataginidigunakan
untukmenempatkanfungsifungsi(function)yangkitabuat.Syntaxnyasepertidibawahini.

 WebServicesYusfiIndraCahyadi

10. Setelah WebServices dan Function telah dibuat, selanjutnya tinggal memberikan event pada
buttonmaupuntable.SertamemberikanatributeDataFieldpadaDataGrid/Table.Syntaxnya
sepertidibawahini.

MenambahkanDataFieldpadaDataGridsertamemberikaneventMouseClick.

Memberikaneventclickpadasetiapbutton

11. Setelah semua proses sudah dijalankan, save project dengan menekan Ctrl + S. Lalu untuk
menjalankan aplikasiyangtelahkitabuatdapatdilakukandengancaraRun RunIndexatau
dapatdilakukandenganmenekanbuttonsepertidibawahini.


Hasilnyajikaberhasilakanterlihatsepertiini.

 WebServicesYusfiIndraCahyadi

12. SourceCodepadaClientmenggunakanAdobeFlexBuilder3

 WebServicesYusfiIndraCahyadi