1PEMROGRAMAN CLIENT SERVERPERTEMUAN VI

PENGANTAR ASP.NET WEB SERVICEDosen Pengampu : Fandy Setyo Utomo, S.Kom

Agenda Perkuliahan :1. Konsep Web Service2. Studi Kasus Web Service

Software Developer :Visual Studio .NET 2008/2010

Bahasa Pemrograman :

Visual C#.NET 2008/2010

2KONSEP WEB SERVICE

Menurut Chappell dan Jewell (2002), menyatakan bahwa web servicemerupakan bagian dari logika bisnis, terletak di suatu lokasi internet, yang dapat diaksesmelalui standar protokol internet, seperti HTTP (Hypertext Transfer Protocol) danSMTP (Simple Mail Transfer Protocol). Sedangkan, menurut Potts dan Kopack (2003),menyatakan bahwa web service merupakan aplikasi perangkat lunak yang dapat diaksesjarak jauh menggunakan XML. Dengan menggunakan format dokumen XML danprotokol HTTP untuk media komunikasi datanya, maka web service mampumengurangi hambatan yang dikarenakan kesulitan kerjasama antar operasi(Interoperability) dan antar platform yang berbeda (Arianto dkk., 2011).

Gambar 1. Konsep Web Service (Lucky, 2008)

Dari gambar 1, dapat diperhatikan bahwa sebenarnya web service merupakan kumpulanfungsi atau method yang terdapat pada sebuah server yang dapat dipanggil oleh clientdari jarak jauh (Lucky, 2008). Client dapat berupa user yang menggunakan aplikasiberbasis desktop, web, dan perangkat komunikasi bergerak.

Web Service memiliki beberapa komponen pendukung, yaitu XML(Extensible Markup Language), SOAP (Simple Object Access Protocol), WSDL (WebService Description Language), dan UDDI (Universal Description, Discovery, and

2

KONSEP WEB SERVICE

Menurut Chappell dan Jewell (2002), menyatakan bahwa web servicemerupakan bagian dari logika bisnis, terletak di suatu lokasi internet, yang dapat diaksesmelalui standar protokol internet, seperti HTTP (Hypertext Transfer Protocol) danSMTP (Simple Mail Transfer Protocol). Sedangkan, menurut Potts dan Kopack (2003),menyatakan bahwa web service merupakan aplikasi perangkat lunak yang dapat diaksesjarak jauh menggunakan XML. Dengan menggunakan format dokumen XML danprotokol HTTP untuk media komunikasi datanya, maka web service mampumengurangi hambatan yang dikarenakan kesulitan kerjasama antar operasi(Interoperability) dan antar platform yang berbeda (Arianto dkk., 2011).

Gambar 1. Konsep Web Service (Lucky, 2008)

Dari gambar 1, dapat diperhatikan bahwa sebenarnya web service merupakan kumpulanfungsi atau method yang terdapat pada sebuah server yang dapat dipanggil oleh clientdari jarak jauh (Lucky, 2008). Client dapat berupa user yang menggunakan aplikasiberbasis desktop, web, dan perangkat komunikasi bergerak.

Web Service memiliki beberapa komponen pendukung, yaitu XML(Extensible Markup Language), SOAP (Simple Object Access Protocol), WSDL (WebService Description Language), dan UDDI (Universal Description, Discovery, and

2

KONSEP WEB SERVICE

Menurut Chappell dan Jewell (2002), menyatakan bahwa web servicemerupakan bagian dari logika bisnis, terletak di suatu lokasi internet, yang dapat diaksesmelalui standar protokol internet, seperti HTTP (Hypertext Transfer Protocol) danSMTP (Simple Mail Transfer Protocol). Sedangkan, menurut Potts dan Kopack (2003),menyatakan bahwa web service merupakan aplikasi perangkat lunak yang dapat diaksesjarak jauh menggunakan XML. Dengan menggunakan format dokumen XML danprotokol HTTP untuk media komunikasi datanya, maka web service mampumengurangi hambatan yang dikarenakan kesulitan kerjasama antar operasi(Interoperability) dan antar platform yang berbeda (Arianto dkk., 2011).

Gambar 1. Konsep Web Service (Lucky, 2008)

Dari gambar 1, dapat diperhatikan bahwa sebenarnya web service merupakan kumpulanfungsi atau method yang terdapat pada sebuah server yang dapat dipanggil oleh clientdari jarak jauh (Lucky, 2008). Client dapat berupa user yang menggunakan aplikasiberbasis desktop, web, dan perangkat komunikasi bergerak.

Web Service memiliki beberapa komponen pendukung, yaitu XML(Extensible Markup Language), SOAP (Simple Object Access Protocol), WSDL (WebService Description Language), dan UDDI (Universal Description, Discovery, and

3Integration). Berikut ini adalah penjelasan ringkas tentang komponen-komponentersebut;1. XML

XML (Extensible Markup Language) merupakan standar untuk markupdokumen yang disahkan oleh W3C (World Wide Web Consortium). XMLmendefinisikan sintaks yang umum digunakan untuk markup data secara sederhana.XML menyediakan format standar untuk dokumen komputer. Format ini cukupfleksibel untuk disesuaikan dengan domain yang beragam seperti website,pertukaran data elektronik, grafik vektor, hierarki, serialisasi objek, RemoteProcedure Call (RPC), dan sistem voice mail (Harold dan Means, 2002). XMLmerupakan bagian penting bagi pengembang yang ingin membangun web service.XML berbasis teks, sehingga bersifat platform independent. Sifat ini membuatpertukaran data antar platform menjadi mungkin.

2. SOAP

SOAP (Simple Object Access Protocol) adalah sebuah protokol berbasisXML dengan komunikasi bergaya RPC (Remote Procedure Call) yangmenyediakan cara standar untuk memaketkan pesan (Chappell dan Jewell, 2002).SOAP terdiri dari 4 bagian utama, yaitu (Short, 2003) :

A. SOAP Envelope

Merupakan bagian yang mendeskripsikan apa yang terkandung di dalam pesan.B. SOAP Encoding

Bagian ini mendefinisikan cara untuk menyerialkan data ke dalam pesan SOAP.SOAP Encoding menjelaskan bagaimana data seharusnya dikodekan.

C. SOAP RPC RepresentationBagian ini mendefinisikan protokol yang dapat digunakan untuk memfasilitasikomunikasi berorientasi prosedur melalui pola permintaan dan jawaban pesan.

D. Pengikatan Protokol HTTP POST

Bagian ini mendefinisikan metode standar dalam pengikatan pesan SOAP keprotokol HTTP.

Karena berbasis XML, SOAP dapat digunakan untuk pertukaran data antar sistemwalaupun berbeda platform. SOAP tidak terikat pada protokol transport tertentu,

4sehingga pesan SOAP dapat dikirim lewat sembarang protokol transport yangmampu mengangkut XML, seperti HTTP dan SMTP.

3. WSDLWSDL merupakan sebuah dokumen dalam format XML yang isinya

menjelaskan informasi web service. Di dalam dokumen ini dijelaskan method apasaja yang tersedia di dalam web service, parameter apa yang diperlukan untukmengakses sebuah method, dan apa hasil atau tipe data yang dikembalikan olehmethod yang diakses tersebut (Lucky, 2008).

4. UDDI

UDDI (Universal Description Discovery and Integration) adalah sebuahmetode standar untuk penerbitan dan menemukan informasi tentang layanan web(web service). UDDI merupakan sebuah usaha industri yang mencoba untukmenciptakan sebuah platform independent, framework terbuka untukmendeskripsikan layanan, menemukan bisnis, dan mengintegrasikan layanan bisnis(Chappell dan Jewell, 2002). Infrastruktur yang mendukung UDDI terdiri dariserangkaian registry dan registrar. Registry berisi salinan lengkap direktori UDDI,sedangkan registrar menyediakan layanan registrasi UDDI untuk kepentinganpelanggan (Short, 2003).

5STUDI KASUS

Studi kasus membahas tentang pembuatan web service untuk operasimatematika, yaitu penjumlahan, pengurangan, pembagian, dan perkalian. Kemudian,dilanjutkan dengan membuat aplikasi desktop client yang mampu mengkonsumsi webservice.

1. Pembuatan Web ServiceDalam tutorial ini pembuatan web service menggunakan IDE Visual

Studio 2010. Bagi yang menggunakan IDE Visual Studio 2008, konsepnya samasaja.A. Langkah1

Buat project baru dengan tipe Web Site.

B. Langkah 2

Pilih Visual C#, kemudian tentukan Framework yang digunakan, yaitu .NETFramework 3.5, lalu pilih ASP.NET Web Service. Simpan project pada foldermasing-masing.

5

STUDI KASUS

Studi kasus membahas tentang pembuatan web service untuk operasimatematika, yaitu penjumlahan, pengurangan, pembagian, dan perkalian. Kemudian,dilanjutkan dengan membuat aplikasi desktop client yang mampu mengkonsumsi webservice.

1. Pembuatan Web ServiceDalam tutorial ini pembuatan web service menggunakan IDE Visual

Studio 2010. Bagi yang menggunakan IDE Visual Studio 2008, konsepnya samasaja.A. Langkah1

Buat project baru dengan tipe Web Site.

B. Langkah 2

Pilih Visual C#, kemudian tentukan Framework yang digunakan, yaitu .NETFramework 3.5, lalu pilih ASP.NET Web Service. Simpan project pada foldermasing-masing.

5

STUDI KASUS

Studi kasus membahas tentang pembuatan web service untuk operasimatematika, yaitu penjumlahan, pengurangan, pembagian, dan perkalian. Kemudian,dilanjutkan dengan membuat aplikasi desktop client yang mampu mengkonsumsi webservice.

1. Pembuatan Web ServiceDalam tutorial ini pembuatan web service menggunakan IDE Visual

Studio 2010. Bagi yang menggunakan IDE Visual Studio 2008, konsepnya samasaja.A. Langkah1

Buat project baru dengan tipe Web Site.

B. Langkah 2

Pilih Visual C#, kemudian tentukan Framework yang digunakan, yaitu .NETFramework 3.5, lalu pilih ASP.NET Web Service. Simpan project pada foldermasing-masing.

6C. Langkah 3Edit Source Sode sehingga seperti berikut ini,

2. Pengujian Web ServiceA. Langkah 1

Running aplikasi, sehingga otomatis membuka browser dan menampilkan hasilsebagai berikut,

6

C. Langkah 3Edit Source Sode sehingga seperti berikut ini,

2. Pengujian Web ServiceA. Langkah 1

Running aplikasi, sehingga otomatis membuka browser dan menampilkan hasilsebagai berikut,

6

C. Langkah 3Edit Source Sode sehingga seperti berikut ini,

2. Pengujian Web ServiceA. Langkah 1

Running aplikasi, sehingga otomatis membuka browser dan menampilkan hasilsebagai berikut,

7Dapat diperhatikan pada gambar tersebut, web service beralamat dihttp://localhost:52372/webService/Service.asmx. Terdapat 4 layanan yangdapat diakses oleh aplikasi client, yaitu layanan operasi pembagian,penjumlahan, perkalian, dan pengurangan.

B. Langkah 2

Untuk menguji layanan web, dapat diakses satu per satu layanan yang ada,kemudian coba diinputkan 2 nilai, yaitu nilai a dan b. Sebagai contoh, akseslayanan jumlah,

Jika diinputkan nilai a = 5 dan nilai b = 7, kemudian ditekan tombol Invoke,maka hasilnya adalah sebagai berikut,

7

Dapat diperhatikan pada gambar tersebut, web service beralamat dihttp://localhost:52372/webService/Service.asmx. Terdapat 4 layanan yangdapat diakses oleh aplikasi client, yaitu layanan operasi pembagian,penjumlahan, perkalian, dan pengurangan.

B. Langkah 2

Untuk menguji layanan web, dapat diakses satu per satu layanan yang ada,kemudian coba diinputkan 2 nilai, yaitu nilai a dan b. Sebagai contoh, akseslayanan jumlah,

Jika diinputkan nilai a = 5 dan nilai b = 7, kemudian ditekan tombol Invoke,maka hasilnya adalah sebagai berikut,

7

Dapat diperhatikan pada gambar tersebut, web service beralamat dihttp://localhost:52372/webService/Service.asmx. Terdapat 4 layanan yangdapat diakses oleh aplikasi client, yaitu layanan operasi pembagian,penjumlahan, perkalian, dan pengurangan.

B. Langkah 2

Untuk menguji layanan web, dapat diakses satu per satu layanan yang ada,kemudian coba diinputkan 2 nilai, yaitu nilai a dan b. Sebagai contoh, akseslayanan jumlah,

Jika diinputkan nilai a = 5 dan nilai b = 7, kemudian ditekan tombol Invoke,maka hasilnya adalah sebagai berikut,

8Coba anda pelajari dokumen WSDL (tag definitions, types, message, portType,binding, service), SOAP Request dan SOAP Response yang dihasilkan dariaplikasi web service ini!

3. Pembuatan Aplikasi ClientBuat project baru pada Visual Studio dengan tipe Windows Form

Application. Beri nama project dengan operator. Simpan pada folder masing-masing.

8

Coba anda pelajari dokumen WSDL (tag definitions, types, message, portType,binding, service), SOAP Request dan SOAP Response yang dihasilkan dariaplikasi web service ini!

3. Pembuatan Aplikasi ClientBuat project baru pada Visual Studio dengan tipe Windows Form

Application. Beri nama project dengan operator. Simpan pada folder masing-masing.

8

Coba anda pelajari dokumen WSDL (tag definitions, types, message, portType,binding, service), SOAP Request dan SOAP Response yang dihasilkan dariaplikasi web service ini!

3. Pembuatan Aplikasi ClientBuat project baru pada Visual Studio dengan tipe Windows Form

Application. Beri nama project dengan operator. Simpan pada folder masing-masing.

9Kemudian, buat desain form seperti berikut ini,

Keterangan :

Kontrol Properti

Form1StartPosition : CenterScreenText : Pengaksesan Web Service

Label1 Text : Nilai A

Label2 Text : Nilai B

Label3 Text : Hasil

TextBox1 Name : txt_a

TextBox2 Name : txt_b

TextBox3 Name : txtHasil

Button1Name : cmdTambahText : +

Button2Name : cmdKurangText : -

Button3Name : cmdBagiText : /

Button4Name : cmdKaliText : X

Kemudian, klik kanan pada project operator di Solution Explorer. Pilih AddService Reference,

9

Kemudian, buat desain form seperti berikut ini,

Keterangan :

Kontrol Properti

Form1StartPosition : CenterScreenText : Pengaksesan Web Service

Label1 Text : Nilai A

Label2 Text : Nilai B

Label3 Text : Hasil

TextBox1 Name : txt_a

TextBox2 Name : txt_b

TextBox3 Name : txtHasil

Button1Name : cmdTambahText : +

Button2Name : cmdKurangText : -

Button3Name : cmdBagiText : /

Button4Name : cmdKaliText : X

Kemudian, klik kanan pada project operator di Solution Explorer. Pilih AddService Reference,

9

Kemudian, buat desain form seperti berikut ini,

Keterangan :

Kontrol Properti

Form1StartPosition : CenterScreenText : Pengaksesan Web Service

Label1 Text : Nilai A

Label2 Text : Nilai B

Label3 Text : Hasil

TextBox1 Name : txt_a

TextBox2 Name : txt_b

TextBox3 Name : txtHasil

Button1Name : cmdTambahText : +

Button2Name : cmdKurangText : -

Button3Name : cmdBagiText : /

Button4Name : cmdKaliText : X

Kemudian, klik kanan pada project operator di Solution Explorer. Pilih AddService Reference,

10

Beri nama namespace dengan operatorService. Kemudian, pilih tombolAdvanced,

10

Beri nama namespace dengan operatorService. Kemudian, pilih tombolAdvanced,

10

Beri nama namespace dengan operatorService. Kemudian, pilih tombolAdvanced,

11

Kemudian, pilih tombol Add Web Reference,

Pada bagian URL, ketikkan alamat URL web service yang telah dibuat sebelumnya,yaitu http://localhost:52372/webService/Service.asmx

Kemudian, pada bagian Web Reference Name, isi dengan layananOperator. Lalupilih tombol Add Reference. Ketikkan kode program berikut pada aplikasiWindows Form,

11

Kemudian, pilih tombol Add Web Reference,

Pada bagian URL, ketikkan alamat URL web service yang telah dibuat sebelumnya,yaitu http://localhost:52372/webService/Service.asmx

Kemudian, pada bagian Web Reference Name, isi dengan layananOperator. Lalupilih tombol Add Reference. Ketikkan kode program berikut pada aplikasiWindows Form,

11

Kemudian, pilih tombol Add Web Reference,

Pada bagian URL, ketikkan alamat URL web service yang telah dibuat sebelumnya,yaitu http://localhost:52372/webService/Service.asmx

Kemudian, pada bagian Web Reference Name, isi dengan layananOperator. Lalupilih tombol Add Reference. Ketikkan kode program berikut pada aplikasiWindows Form,

12

Lengkapi kode program tersebut dengan kode program untuk tombol denganoperasi pengurangan, pembagian, dan perkalian! Kemudian, Running aplikasi,amati proses yang dapat dilakukan oleh aplikasi desktop client dan web service.

12

Lengkapi kode program tersebut dengan kode program untuk tombol denganoperasi pengurangan, pembagian, dan perkalian! Kemudian, Running aplikasi,amati proses yang dapat dilakukan oleh aplikasi desktop client dan web service.

12

Lengkapi kode program tersebut dengan kode program untuk tombol denganoperasi pengurangan, pembagian, dan perkalian! Kemudian, Running aplikasi,amati proses yang dapat dilakukan oleh aplikasi desktop client dan web service.

13

TUGAS PRAKTIKUM

1. Apa yang anda ketahui tentang Internet Information Service (IIS)? Kemudian,jelaskan hubungan antara IIS dengan ASP.NET Web Service!

2. Bagaimana cara mengaktifkan IIS pada Microsoft Windows XP dan Windows 7?3. Bagaimana cara meregister Web Service yang telah anda buat pada IIS Manager?4. Buat aplikasi client berbasis Web menggunakan PHP. Pada aplikasi web yang anda

buat memiliki fitur yang sama dengan aplikasi client desktop yang telah anda buatpada praktikum ini. Kemudian, jelaskan bagaimana implementasi aplikasi Webyang anda buat mampu mengkonsumsi web service operasi matematika(penjumlahan, pengurangan, pembagian, perkalian).

Ketentuan :

1 kelas hanya perlu mengirimkan 1 tugas praktikum. Tugas dikirim ke email fandy_setyo_utomo@amikompurwokerto.ac.id dalam

format PDF. Pengiriman tugas paling lambat 6 hari setelah praktikum, pukul16.00 WIB.

14

DAFTAR PUSTAKA

Arianto, H.T., Satoto, Kodrat, I. dan Agung, B., 2011, Pemprograman AplikasiPlatform Terbuka Berbasis Xml Web Services (Studi Kasus: KolaborasiAplikasi Dan Pertukaran Data Kependudukan Dengan Catatan Medis),Alamat Website http://eprints.undip.ac.id/25903/1/ML2F399401.pdf, diaksestanggal 27 November 2012.

Chappell, D.A. dan Jewell, T., 2002, Java Web Services, Edisi 1, O'Reilly, Sebastopol-Canada

Lucky, 2008, XML Web Services Aplikasi Desktop, Internet, dan Handphone,JASAKOM, Jakarta.

Potts, S. dan Kopack, M., 2003, Teach Yourself Web Services in 24 Hours, SAMS,Indianapolis-USA

Short, S., 2003, Building XML Web Services For The Microsoft .NET Platform,Mustaqim, I. dan Said, B., Elex Media Komputindo, Jakarta