Wednesday, 27 April 2011

CARA MEMBUAT APLIKASI FACEBOOK

Pada kesempatan kali ini aku postingt tutorial yang sedang marak-maraknya belakangan ini yaitu membuat aplikasi facebook. Tutorial ini aku copy dari karyanya mas kafiehudson. Dalam hal ini aku menggunakan facebook berbahasa Indonesia. Berikut langkah-langkah yang harus ditempuh :
1. Buka http://www.facebook.com/developers/
2. Klik +atur aplikasi baru
3. Isi nama aplikasi anda, misalnya : aplikasi kahfiehudson. Setelah itu pilih setuju dan klik Buat Aplikasi Baru
4. Setelah itu anda akan dibawa ke tempat pengaturan aplikasi. Catat Application ID (APP_ID), Kode API (APP_API_KEY) dan Rahasia (APP_SECRET).
5. Lalu klik Simpan Perubahan, jadi deh, cepet kan???kwkwkwkw


MEMBUAT APLIKASI UPDATE STATUS FACEBOOK
By : kahfiehudson (Admin majalah bekasi cyber forum)
Terus gimana kalo mau bikin aplikasi update status???Kalau sudah ikutin langkah di atas kita langsung ke langkah Membuat Aplikasi Update Status Facebook.
Pertama-tama anda harus menyiapkan beberapa hal sebagai berikut :
1. Komputer/Laptop (kwkwkw)
2. Koneksi Internet
3. WebHosting yang udah support PHP
4. Facebook Platform (download disini)
Oke setelah semuanya sudah disiapkan mari kita ke tahap selanjutnya. Tahap berikutnya adalah sebagai berikut :
1. Upload facebook platform yang tadi di download ke dalam webhosting anda
2. Jika sudah, buat file dengan nama index.php didalam folder yang sama dengan facebook platform diatas
3. Setelah itu kita edit file index.php yang tadi lalu masukkan script ini :

<?php
require_once('facebook.php');
define('APP_API_KEY', 'KODE API ANDA');
define('APP_SECRET', 'RAHASIA/APP SECRET ANDA');
define('APP_ID', 'ID APLIKASI ANDA');
define('APP_URL', 'http://apps.facebook.com/gnrfans/');
define('APP_NAME', 'Guns N Roses');
$facebook = new Facebook(APP_API_KEY, APP_SECRET);
$user_id = $facebook->require_login();
$do = '';
if (isset($_GET['do'])) {
$do = $_GET['do'];
}
$shout = '';
if (isset($_POST['bb_shout'])) {
$shout = stripslashes(trim($_POST['bb_shout']));
}
$full_access = $facebook->api_client->users_hasAppPermission('publish_stream');
if ($shout != '' && $full_access) {
$shout2 = $shout;
$facebook->api_client->stream_publish($shout2);
}
?>
<fb:bookmark></fb:bookmark>
http://cyberforum-online.com
CFO-BCC E-Magazine vol. #2
10
<br /><br />
<fb:tabs>
<fb:tab-item href="<?php echo APP_URL; ?>index.php" title="Halaman utama" selected="<?php echo ($do == '') ? 'true' : 'false'; ?>"></fb:tab-item>
<fb:tab-item href="<?php echo APP_URL; ?>index.php?do=invite" title="Undang teman" selected="<?php echo ($do == 'invite') ? 'true' : 'false'; ?>"></fb:tab-item>
</fb:tabs>
<?php if ($do == 'invite') : ?>
<?php
// Retrieve array of friends who've already authorized the app.
$fql = 'SELECT uid FROM user WHERE uid IN (SELECT uid2 FROM friend WHERE uid1='.$user_id.') AND is_app_user = 1';
$_friends = $facebook->api_client->fql_query($fql);
// Extract the user ID's returned in the FQL request into a new array.
$friends = array();
if (is_array($_friends) && count($_friends)) {
foreach ($_friends as $friend) {
$friends[] = $friend['uid'];
}
}
// Convert the array of friends into a comma-delimeted string.
$friends = implode(',', $friends);
?>
<fb:fbml>
<fb:request-form action="index.php" method="post" invite="true" type="<?php echo htmlentities(APP_NAME); ?>" content="<?php echo htmlentities("<fb:name uid=\"$user_id\" useyou=\"false\" />"); ?> invites you ! <?php echo htmlentities("<fb:req-choice url=\"".APPS_URL."?done=1\" label=\"Accept\"") ?>">
<fb:multi-friend-selector showborder="true" actiontext="Invite Friends" exclude_ids="<?php echo $friends; ?>"></fb:multi-friend-selector>
</fb:request-form>
</fb:fbml>
<?php else : ?>
<?php if (!$full_access) : ?>
<fb:prompt-permission perms="publish_stream">Klik di sini untuk beri permission.</fb:prompt-permission>
<div><a href="index.php">Next</a>.</div>
<?php else : ?>
<center><fb:profile-pic uid="<?php echo $user_id; ?>" facebook-logo="false" linked="false" size="square"></fb:profile-pic>
<br />
Status anda sekarang :<br />
<fb:user-status uid="<?php echo $user_id; ?>" linked="true"></fb:user-status>
<br />
<form method="post" action="index.php" name="bb_shout_form">
<textarea name="bb_shout" rows="3" cols="50"><?php echo htmlentities($shout); ?></textarea><br />
<input type="submit" name="bb_submit" value="Update" style="background-color:#3b5998;border:1px solid #0e1f5b;border-left-color:#D9DFEA;border-top-color:#D9DFEA;color:#FFFFFF;cursor:pointer" />
</form></center>
http://cyberforum-online.com
CFO-BCC E-Magazine vol. #2
11
<?php if ($shout != '') : ?>
Update sukses
<?php endif; ?>
<?php endif; ?>
<?php endif; ?>
<script type="text/javascript">
function pp_gnr() {
var attachment = {'name':'Guns N Roses','description':'Aplikasi Update Status Lewat Guns N Roses','media':[{'type':'image','src':http://th3-cyb3r.co.cc/images/gnr.gif','href':'http://apps.facebook.com/gnrfans/'}]};
var actionLinks = [{ "text": "Gabung Di Guns N Roses!", "href": "http://apps.facebook.com/gnrfans/"}];
Facebook.streamPublish('', attachment, actionLinks, null, 'Guns N Roses');
}
</script>
<div style="margin-bottom:1em;text-align:center">
<input type="button" value="Publish Info ke Wall" class="bb_button" onclick="pp_gnr()" />
</div>
<center>
<fb:dialog id="credits">
<fb:dialog-title>Credits</fb:dialog-title>
<fb:dialog-content><form id="my_form">Credits to : <a href="http://cyberforum-online.co.tv">CyberForum-Online</a>, <a href="http://forum.balikita.net">Forum Balikita</a>, <a href="http://kaskus.us">Kaskus</a></form></fb:dialog-content>
<fb:dialog-button type="button" value="Keluar" close_dialog=1 />
</fb:dialog>
<a href="#" clicktoshowdialog="credits" >Credits</a>
<br>
Special thank's to : <a href="http://facebook.com/kahfiehudson">kahfiehudson</a><br><br>NB : Masih dalam tahap pengembangan :D</center>
<div id="fb-root"></div >
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'ID APLIKASI ANDA', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments numposts="10" xid="ID APLIKASI ANDA"width="550"></fb:comments>


APP_API_KEY, APP_ SECRET, APP_ID isi dengan punya anda masing-masing

4. Setelah itu save file index.php tersebut
5. Copy link index.php tersebut. Contoh : http://www.situsanda.com/updatefb/index.php/
6. Masuk kembali ke http://www.facebook.com/developers/lalu pilih aplikasi yang tadi anda buat lalu klik Sunting Pengaturan -> Kanvas
7. Isi Canvas Page URL dengan nama aplikasi anda. Jika nama sudah ada maka anda harus memilih dengan nama yang belum ada
8. Isi Canvas Callback URL dengan lokasi file index.php berada yang tadi kita copy, sekarang kita paste saja link yang tadi http://www.situsanda.com/updatefb/index.php/ingat harus ada tanda / diakhir link
9. Pada Metode Render pilih fbml
10. Klik save, jadi deh :D
Selanjutnya bisa anda kreasikan sendiri. Sekarang cek aplikasi yang tadi kita buat bersama. Ini contoh update aplikasi favebook yang Gue buat dengan meggunakan script diatas http://apps.facebook.com/gnrfans/ silahkan ke tkp untuk melihat live preview :D


2 comments:

iklan baris massal said...

artikelnya hasil copas ya gan.. kok tidak menyertakan sumbernya

Education - Download said...

Kalau ndak salah, posting ini aku buat sudah setahun lalu ketika aku baru newbie... Jadi ya mohon ma'af kalau belum mengerti etikanya.. Terima kasih juga terhadap sarannya.

Post a Comment