Bandung Fashion
Mengerjakan jaket(@Rp.125.000,-)+Border, sweater(@Rp.60.000,-)+Border, kaos (@Rp.25.000,-)+Border, Spanduk (10.000 /meter)dll partai besar atau kecil. Transfer via Rekening 3 hari barang di kirim langsung ke tujuan. ......Lengapnya...

Jumat, September 11, 2009

Membuat Aplikasi Facebook Mengunakan PHP

Jumat, September 11, 2009

Siapa yang tidak kenal Facebook, sebuah website jejaring sosial atau social network yang terbesar saat ini. Facebook menyediakan banyak feature aplikasi yang bisa digunakan oleh user secara gratis. Beberapa aplikasi tersebut ada yang merupakan bagian dari facebook itu sendiri (mis. Events, Gifts, Links...etc) dan beberapa di antaranya adalah aplikasi yang dikembangkan oleh pihak lain (mis. Files For Friends... dlsb). Sebagai user kita pun bisa mengembangkan sebuah aplikasi yang bisa kita gunakan sendiri ataupun memang dibuat untuk tujuan bisnis. Jika anda berniat untuk meraup sedikit recehan :) anda pun bisa menampilkan iklan (google adsense misalnya) pada aplikasi yang dibuat. Untuk membuat aplikasi facebook, hal pertama yang harus dipenuhi tentunya adalah anda harus terdaftar sebagai user di Facebook. Setelah mempunyai akun facebook, anda bisa memulai mendaftarkan aplikasi yang akan dibuat dengan mengakses halaman Facebook Developer.

Halaman Developer
Klik tombol "+ Set Up New Application " untuk mulai mendaftarkan aplikasi di facebook.
Halaman pertama meminta anda untuk menentukan nama aplikasi yang akan dibuat (dalam contoh ini kita memberikan nama aplikasi "Demo App") dan pastikan opsi Agree telah terplih yang berarti anda setuju dengan syarat dan ketentuan berlaku di Facebook. Klik tombol "Save Changes" untuk melanjutkan proses pendaftaran. Kemudian anda akan disuguhkan halaman untuk melakukan pengaturan terhadap aplikasi yang dibuat. Yang harus diperhatikan disini adalah anda harus mencatat API Key dan Secret Key aplikasi yang dibuat, kedua data tersebut akan dibutuhkan untuk melakukan koneksi ke Facebook. Beberapa pengaturan yang harus dilakukan sebelum merancang aplikasi yang dibuat, yaitu: 1. Basic - Application Name, berisi nama dari aplikasi. Anda bisa mengganti nama aplikasi dengan mengganti nilai pada Application Name. - Description, informasi mengenai aplikasi - Icon - Logo - Language, bahasa yang digunakan pada aplikasi - Help URL - Privacy URL - Terms of Service URL 2. Authentication - Installable to?, menentukan tipe profile yang bisa menggunakan aplikasi, user atau page facebook atau kedua-duanya. - Post-Authorize Callback URL, berisi alamat URL yang dipanggil oleh module Facebook ketika user mengakses aplikasi pertama kali. Pada langkah inilah anda bisa mengatur proses apa yang akan dilakukan oleh aplikasi ketika user baru pertama kali menggunakan aplikasi, misalnya mencatat user id, nama atau data lainnya ke database atau mungkin aplikasi langsung membuat direktori di host server dlsb. - Post-Remove Callback URL, merupakan alamat URL yang dipanggil ketika user menghapus aplikasi dari daftar aplikasi yang digunakan. Pada tahap ini anda bisa mengatur supaya data user yang bersangkutan dihapus dari database misalnya. 3. Profiles - Tab Name, merupakan label tab aplikasi yang ditampilkan di halaman profile - Tab URL, merupakan alamat url yang dipanggil untuk merender antarmuka aplikasi pada tab aplikasi anda. Seperti terlihat pada gambar di atas terdapat sebuah tab yang berlabel 'Demo App', ini merupakan tab aplikasi yang kita buat. Jika Tab URL ini tidak anda tentukan, maka aplikasi tidak akan bisa ditambahkan di profile user maupun profile page. 4. Canvas - Canvas Page URL, adalah alamat url yang merujuk ke alamat aplikasi di website facecebook. - Canvas Callback URL, adalah alamat url aplikasi yang sebenarnya (mis. http://YOURDOMAIN/). Aplikasi ini digunakan oleh module Facebook untuk merender content pada halaman aplikasi. - Render Method, ini menentukan bagaimana merender halaman aplikasi. Pada bagian ini anda diberikan 2 pilihan, yaitu IFrame dan FBML. Untuk mengetahui perbedaan penggunaan kedua metode ini anda bisa lihat di http://wikihttp://www.somethingtoputhere.com/therunaround/.developers.facebook.com/index.php/Choosing_between_an_FBML_or_IFrame_Application 5. Connect Bagian ini merupakan pengaturan untuk melakukan koneksi dari website anda ke module-module yang dimiliki Facebook. Dengan menggunakan feature ini, anda bisa mengakses data user facebook dari website anda. Di sini tidak akan dijelaskan lebih jauh mengenai Facebook Connect, tapi akan lebih dipaparkan pada artikel selanjutnya :) Jika anda membutuhkan informasi lebih jelas mengenai Facebook Connect anda bisa lihat di http://developers.facebook.com/connect.php dan http://wiki.developers.facebook.com/index.php/Facebook_Connect Contoh penerapan Facebook connect bisa anda lihat di http://www.somethingtoputhere.com/therunaround/. 6. Widgets Di sini anda bisa mengatur bagaimana aplikasi anda di akses oleh user. Anda bisa memasukkan beberapa teman anda ke dalam group administrator, moderator atau bahkan anda bisa melakukan black list terhadap beberapa user. 7. Advanced - Application Type, ini menentukan tipe aplikasi yang akan di buat Web atau aplikasi Desktop. - Sandbox Mode, menentukan bagaimana mode akses dari aplikasi anda. Anda bisa memilih Enable atau Disable untuk menetukan mode sandbox. Mode Sandbox di sini maksudnya adalah mode developer, jika enable maka aplikasi hanya bisa diakses oleh developer (ini dilakukan ketika aplikasi masih dalam tahap pengembangan dan jika aplikasi telah selesai anda bisa mendisable mode sandbox sehingga user lain bisa menggunakan aplikasi anda.) Contoh Aplikasi Facebook Selanjutnya kita mencoba untuk membuat sebuah aplikasi sederhana menggunakan PHP. Aplikasi yang dibuat hanya bisa digunakan untuk posting komentar dan untuk mengirim request ke teman. Pertama anda harus mempunyai paket object facebook yang bisa anda download di http://svn.facebook.com/svnroot/platform/clients/packages/facebook-platform.tar.gz Setelah itu kita mulai tahap design dan coding. Sama halnya dengan pembuatan aplikasi jenis lainnya, kita juga harus mempersiapkan template, style atau bentuk interface aplikasi yang akan dibuat. Tapi di sini saya tidak akan memulai dari perencanaan design (kebanyakan, capek uii.. :D) Langsung aja kita membuat file index aplikasi. File ini yang akan digunakan untuk merender antar muka canvas aplikasi. Berikut adalah contoh script file index.php
include_once 'goo-includes/config.php'; include_once 'goo-includes/facebook.php'; $facebook = new Facebook($api_key, $secret); $facebook->require_frame(); $userFB = $facebook->require_login(); $fbmlsmall = ' Post your comment here '; $facebook->api_client->profile_setFBML('', $userFB, $fbmlsmall, '', '', $fbmlsmall); ?> ">
Post your comment here RestrictedYou have to signed up to use this application!
Pada cuplikan script di atas, pertama yang dilakukan adalah membuat object facebook yang digunakan untuk mengakses fungsi-fungsi facebook. Untuk melakukan ini kita membutuhkan API dan Secret Key aplikasi, dua data kunci ini tersimpan di file config.php
$facebook->require_frame();
require_frame merupakan fungsi untuk mencegah user membuka langsung di alamat domain aplikasi. Dengan menambahkan fungsi ini di baris awal kode, maka aplikasi hanya bisa dibuka melalui facebook.
$userFB = $facebook->require_login();
require_login berfungsi untuk mengetahui user id yang sedang menggunakan aplikasi dan sekaligus untuk mencegah penggunaan aplikasi di luar session facebook. Selanjutnya adalah kita mempersiapkan sebuah content yang tersimpan di variable $fbmlsmall dan kemudian digunakan untuk merender 'Add Section Button'. Button ini nantinya digunakan oleh user untuk menambahkan aplkasi ke tab boxes atau di sidebar profile user. Untuk bisa menampilkan add button kita harus menentukan content aplikasi yang akan dita mpilkan di profile. Content tersebut kemudian diset menggunakan fungsi $facebook->api_client->profile_setFBML('', $userFB, $fbmlsmall, '', '', $fbmlsmall); Kode-kode FBML selanjutnya merupakan content utama pada halaman aplikasi. FBML tersebut digunakan untuk menampilkan add section button dan form komentar bagi user. Jika akan menambahkan add section button pastikan fungsi profile_setFBML telah didefinisikan sebelumnya. Kita membutuhkan satu file lagi untuk merender content pada tab aplikasi yang dibuat. Di bawah ini adalah cuplikan script pada file tab.php
$content = "A friend is using Demo App on Facebook. Join now and find out who invite you."; ?> "> Place your comment here
Variable $content merupakan nilai text yang ditampilkan pada box request, seperti terlihat di bawah ini. Script di atas akan merender form request dan form comment pada tab aplikasi. Untuk membuat sebuah aplikasi facebook, paling tidak anda sedkit menguasai beberapa bahasa pemrograman FBML, XFBML, FBJS, FQL dan Facebook API, yang kesemuanya merupakan bahasa pemrograman yang dikembangkan Facebook. Referensi bisa anda dapatkan di http://wiki.developers.facebook.com/index.php/Main_Page Contoh aplikasi pada artikel ini bisa di download DISINI


Related Posts



0 komentar:

Posting Komentar

Kolom Komentar

 

Recent Posts

Pengikut

duniaquduniamu

Copyright © Blognya Kang Andy | Powered by Blogger | Template by Blog Go Blog