Senin, 27 Juli 2015

Pengertian Web Service dan Cara Memasang Tombol Share


Web service adalah proses yang menggunakan internet untuk menghubungkan aktivitas atau komponen perangkat lunak. Web Service itu sendiri bertujuan memungkinkan bermacam-macam aplikasi untuk saling berkomunikasi satu dengan yang lainnya.

Adapun Arsitektur Web Service yakni terdiri dari 3 macam:
1.        Service Requester(peminta layanan)
Berfungsi untuk meminta dan mencari layanan yang di butuhkan oleh  si user
2.        Service Provider(penyedia layanan)
Berfungsi untuk menyediakan layanan dan mengolahnya kedalam sebuah register yang tersedia di dalam pelayanannya tersebut
3.        Service Registery(daftar layanan)
Berfungsi untuk mengetahui semua layanan yang telah di daftar

Adapun Operasi – operasi web service ada 3 macam yakni :

1.Publish/unpublish adalah Menerbitkan/menghapus layanan kedalam atau dari registery.

2.Find seperti Server Requestor dan Service Provider

3.Komponen utama web service :
a.SOAP(Simple Object Access Protocol).
Suatu komponen untuk mendefinisikan grammar XML terhadap pesan yang akan dikirimkanbeserta jawabannya.adapun Tujuannya yakni untuk mendeskripsikan format sebuah pesan yang tidak bergantung pada perangkat keras dan perangkat lunak apapun, melainkan SOAP membawa pesan pada dari sebuah platform ke platform lainnya tanpa adanya ambiguitas.SOAP itu sendiri biasanya terdiri dari 2 bagian :
Header yang membawa intruksi pemrosesan dan Body yang mengandung informasi yang ingin disampaikan.

b.Extensible Markup Language(XML)
Merupakan alat untuk membangun dokumen self describing.Dalam XML kita dapat menentukan tags yang diizinkan dan hubungan antar element yang didefinisikan oleh tags tersebut.

c.Hypertext Transport Protocol(HTTP)
Merupakan protocol yang memfasilitasi pertukaran data dari browser ke web server dan sebaliknya.Web Service menggunakan protocol ini untuk memindahkan pesan SOAP dan dokumen WSDL dari arsitektur komputer ke komputer lainnya.

d.Web Services Description Language(WSDL)
menjelaskan sebuah perangkat lunak dalam kaitannya dengan pemanggilan method yang terdapat pada perangkat lunak tersebut.Method ini dideskripsikan dengan cara yang abstrak yang tidak bergantung pada Bahasa pemrograman service tersebut dibuat

e.Universal Discovery Description Integration(UDDI)
Komponen ini menyediakan framework dengan menggunakan registry service berbasis web yang terdistribusi dan register yang dapat di akses dengan dengan menggunakan SOAP .Sederhananya UDDI merupakan mesin pencarian untuk web service.

Adapun Contoh dari web service yakni Cara Memasang Tombol Share di dalam Blog

Hal pertama yang harus kita lakukan yakni kita dapat membuka dassbor blogger kita kemudian kita masuk kedalam home yang ada di blg ,setelah itu kita dapat melanjutkannya dengan cara:

Klik Template à Pilih “Edit HTML”

Setelah itu ketika sudah,kita dapat masukkan Script dibawah ini dan di posisikan di samping tulisan
<b:includable id='shareButtons' var='post'> (disinilah kita menaruhnya……)</b:includable>

Ini Adalah Script dari Tombol Share yang nantinya kita pasang di dalam blog kita yakni terdiri dari (Facebook,Twitter,Pinterest,Blog,Email,Gmail)
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

Ini adalah Gambar Langkah-langkahnya:
1.     Klik Template à pilih Edit HTML




2.     Masukkan Scriptnya dibawah tulisan seperti yang ada di gambar di bawah ini



Referensi: