Desktop Facebook Application

Transkripsi

1 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.

2 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.

3 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.

4 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).

5 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.

6 Ketikkan kode MXML dan actionscript berikut. pendekarkerayon

7 Coba tekan Ctrl + F11 (Run application). Dan, klik tombol Log Me In to Facebook.

8 Untuk memastikan Anda memang sudah terhubung dengan server Facebook, tutup jendela FacebookApp, tambahkan conditional statement berikut pada onfacebookconnect() method.

9 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)

10

11 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.

12

13 Installer FacebookApp.air dan FacebookApp.exe siap untuk didistribusikan. Semoga bermanfaat. - ruly ardiansyah