web services facebook application

10
Tugas Web Services Oleh : Ghozali Muslim 08.01.53.0099 UNIVERSITAS STIKUBANK SEMARANG FAKULTAS TEKNOLOGI INFORMASI TEKNIK INFORMATIKA

Upload: ardian-syah

Post on 09-Jul-2016

224 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Web Services Facebook Application

Tugas Web Services

Oleh :

Ghozali Muslim 08.01.53.0099

UNIVERSITAS STIKUBANK SEMARANG

FAKULTAS TEKNOLOGI INFORMASI

TEKNIK INFORMATIKA

Page 2: Web Services Facebook Application

Web Services Facebook Application

Creating Client

New Project > Pada Categories pilih Java Web. Pada Projects pilih Web Application > Next

Beri Nama Project misal “ MyFBFriends0099 “ > Next

Server dan Setting Default > Next.

Frameworks Default > Finish.

Page 3: Web Services Facebook Application

Setelah Project jadi tampilannya akan seperti gambar berikut :

Pada Project klik kanan > Properties > Library > Add Library > “ Jersey 1.3 (JAX-RS RI) “ > OK

Page 4: Web Services Facebook Application

Pada Project klik kanan > New > Other > Pada Categories pilih Web Services. Pada File Type pilih RESTful JavaClient > Next .

Kemudian

Pilih Facebook > Social Networking Service > [restserver.php] > OK.

Class Name : FacebookClient

Packages : org.my.facebook.client

Pilih IDE Registered > Browse

Page 5: Web Services Facebook Application

Muncul dialog konfirmasi generate Java artifacts from XML Schema references in the WADL > klik Yes.

Registering Project

Buka facebook, login masing2 akun > pergi ke http://www.facebook.com/developers/

Klik Create New App

Beri Nama Aplikasi misal “ MyFBFriends “

Masukkan Captcha > klik Submit

Page 6: Web Services Facebook Application

Setting Canvas pada Aplikasi Facebook.

On Facebook > Canvas Settings

Masukkan Canvas Page misal “ http://apps.facebook.com/ghoztfriends/ “

Masukkan Canvas URL misal “ http://localhost:8080/MyFBFriends0099/ “

Klik Save Changes.

Note : MyFBFriends009 adalah nama Project pada Netbeans IDE

Pada About > Advanced > Remove Deprecated Auth Methods > pilih Disabled > Save Changes.

Page 7: Web Services Facebook Application

Coding the JSP to Display the Response

Buka File Index.jsp

Ubah source code pada <h1>Hello World!</h1> dengan source code dibawah :

Kemudian kopi paste API_KEY dan SECRET_KEY.

Akan terdapat Warning.

Langsung klik kiri pilih > "Add import for org.my.facebook.client.FacebookClient"

Page 8: Web Services Facebook Application

Running the Project

Klik kanan Project > Deploy

Klik Kanan Project > Run

Pertama akan muncul dialog seperti dibawah. Karena belum diisi Secure Canvas URL

Klik Update secure URL

Isi Canvas Secure URL

Samakan dengan Canvas URL , tetapi ditambah huruf “ s “ pada https

Jadi > https://localhost:8080/MyFBFriends0099/

Klik Save Changes.

Page 9: Web Services Facebook Application

Kemudian Deploy dan Run ulang Project.

Akan muncul

Please click on the following link to log into your Facebook account and authorize this application to accessyour account:

Klik link Facebook Login

Muncul Request for Permition > klik Allow

Setelah jadi maka akan muncul aplikasi pada halaman Facebook.

Page 10: Web Services Facebook Application

Percobaan

Klik aplikasi > akan tampil seperti gambar dibawah :

Klik “ LIKE “ jika menyukai aplikasi.

Klik “ Go To App “ > akan tampil seperti gambar dibawah :

100% TESTED ON NETBEANS IDE 7.0