pendekarkerayon

Desktop Facebook Application

Sebenarnya, ini bukan barang baru bagi para developer, topik mengenai pengembangan aplikasi

Facebook sudah ada sejak beberapa tahun yang lalu. Namun, sayangnya informasi mengenai topik ini

tidak pernah keluar dari lingkungan para developer itu sendiri. Sehingga, rasio perkembangan aplikasi

dalam Facebook relatif tidak sebanding dengan jumlah pengguna Facebook saat ini.

Di Indonesia, kecenderungan para user (pengguna Facebook) relatif kontra produktif. Facebook-ers

Indonesia lebih senang menggunakan atau memainkan aplikasi/game yang ada, daripada membuat

aplikasi/game itu sendiri. Padahal kesempatan untuk 'menjual' kemampuan kita di sini sangat terbuka,

bahkan bukan tidak mungkin kita bisa menghasilkan uang dari situs fenomenal ini (dengan cara menjual

aplikasi/game hasil karya kita tentunya).

Proses untuk membuat aplikasi Facebook itu relatif mudah. Kita hanya tinggal menggunakan Facebook

API dan mengintegrasikannya dengan bahasa pemrograman yang kita kenal, dalam kasus ini yaitu

Actionscript.

Aplikasi yang dapat kita bangun dari Facebook API terbagi dua macam, versi desktop dan versi web.

Dalam kesempatan ini, penulis akan memberikan gambaran bagaimana membuat aplikasi Facebook

versi desktop, karena selain tutorial ini lebih bersifat pengenalan, proses pengembangan versi desktop

lebih mudah untuk dicoba.

Secara garis besar, ada empat langkah yang harus dilakukan.

1. Sign up (Heuheu... Ya iya lah...).

2. Mendaftarkan aplikasi yang akan dibangun.

3. Membangun aplikasi desktop (Adobe AIR) di Flex.

4. Packaging aplikasi Adobe AIR.

pendekarkerayon Mendaftarkan aplikasi yang akan dibangun

• Masuk ke halaman Facebook Developer Application.

• Bila jendela seperti di bawah ini muncul, klik Allow.

• Agar mempermudah akses kedepannya, klik Bookmark Developer App.

pendekarkerayon

• Selanjutnya, klik Set Up New Application.

• Namai aplikasi yang akan Anda buat. Dalam hal ini, penulis memasukkan FacebookApp sebagai

namanya. Lalu, klik Create Application.

• Pada tab Basic, di bawah Application Name, terdapat informasi Application ID, API Key, dan

Secret. Simpan informasi penting ini.

pendekarkerayon

• Lalu, klik tab Advanced, pilih Desktop sebagai Application Type-nya.

• Klik Save Changes.

Membangun aplikasi desktop (Adobe AIR) di Flex

• Buka Flash Builder. Jika Anda tidak memilikinya, silakan download trial-nya.

• Buat sebuah Flex project baru dengan nama FacebookApp dengan tipe aplikasi Desktop (runs in

Adobe AIR).

pendekarkerayon

• Klik Finish.

• Buka web browser, dan masuk ke halaman ActionScript 3 Library for Facebook Platform.

• Download Facebook_library_with_AIRConnect_v3.4_flex.swc.

• Salinkan file yang baru saja di-download ke dalam folder libs pada Flex project Anda.

• Salinkan juga file header.png (silakan buka rulyardiansyah.wordpress.com) ke folder src.

pendekarkerayon

• Ketikkan kode MXML dan actionscript berikut.

pendekarkerayon

• Coba tekan Ctrl + F11 (Run application).

• Dan, klik tombol Log Me In to Facebook.

pendekarkerayon

• Untuk memastikan Anda memang sudah terhubung dengan server Facebook, tutup jendela

FacebookApp, tambahkan conditional statement berikut pada onFacebookConnect() method.

pendekarkerayon

• Coba jalankan kembali (Ctrl + F11). Bila jendela FacebookApp terlihat seperti gambar di bawah,

maka Anda sudah berhasil terhubung dengan server Facebook.

• Sekarang coba ketikkan kode berikut. (Lengkap)

pendekarkerayon

pendekarkerayon

• Perhatikan apakah tombol Log In dan Log Out-nya sudah berfungsi dengan benar atau belum.

(Maksudnya, ketika aplikasi pertama kali dijalankan, tombol Log Out tidak aktif. Setelah

terhubung - setelah Log In - tombol Log In tidak aktif, tapi tombol Log Out aktif.)

Packaging aplikasi Adobe AIR

• Kembali ke Flash Builder. Klik tombol Export Release Build.

pendekarkerayon

pendekarkerayon

• Installer FacebookApp.air dan FacebookApp.exe siap untuk didistribusikan.

Semoga bermanfaat.

- ruly ardiansyah