Build Facebook Apps

Facebook adalah sebuat networksosial yang memiliki member hingga jutaan, dengan jumlah member yang sedimikian besar telah membuat facebook menjadi sebuah komunitas online besar yang memberikan potensi besar dalam memasarkan sebuah produk.

Keberhasilan facebook yang luar biasa tidak lepas dari inovasi fitur yang luar biasa di masa pertumbuhannya seperti Facebook chat, Facebook Page, Photo Tagging hingga Facebook Apps.

Dari sekian fitur yang terdapat pada Facebook salah satu yang menarik adalah Facebook Apps.

Facebook Apps adalah sebuah fitur yang memungkin member memiliki aplikasi pribadi yang dapat di sisipkan kedalam Facebook, sehingga seolah-olah menyatu dengan facebook.

Pada posting ini akan dijelaskan cara membuat Facebook Apps

A. Menyiapkan Aplikasi

Proses adalah tahap untuk menyiapkan aplikasi pribadi untuk di integrasikan kedalam facebook.

Taruh Aplikasi pribadi disebuah komputer server yang dapat diakses melalui internet, seperti contoh dibawah ini.

Klik Gambar Untuk Lihat Lebih Jelas

Apabila url tersebut di akses melalui browser maka akan tampil seperti dibawah ini.

Klik Gambar Untuk Lihat Lebih Jelas

B. Registrasi dan Setting App Facebook

1. Akses page https://developers.facebook.com/apps untuk memulai menggunakan layanan Facebook Apps.

Klik Gambar Untuk Lihat Lebih Jelas

2. Tekan tombol Create New App untuk mengawali setting Facebook Apss.

Klik Gambar Untuk Lihat Lebih Jelas

3. Setelah menekan tombol Create New App maka akan muncul form untuk memasukan nama aplikasi yang akan dibuat.

Klik Gambar Untuk Lihat Lebih Jelas

4. Apabila muncul Security Box maka masukan kode yang muncul pada Security Box, seperti dibawah ini.

Klik Gambar Untuk Lihat Lebih Jelas

5. Setelah Create New App Facebook berhasil maka akan muncul sebuah page yang berisikan inputan untuk memasuk keterangan (BASIC INFO) mengenai Aplikasi Facebook yang kita buat seperti Contact Email dan Category Aplikasi.

Klik Gambar Untuk Lihat Lebih Jelas

6. Pada page yang sama dengan dengan nomor 5 terdapat bagian bernama SELECT HOW YOUR APP INTEGRATES WITH FACEBOOK.

Bagian tersebut adalah sebuah setting untuk menentukan cara menghubungan aplikasi yang kita miliki agar dapat terintegrasi ke dalam system facebook.

Pada contoh di posting ini memilih dengan cara App On Facebook seperti contoh dibawah ini.

Klik Gambar Untuk Lihat Lebih Jelas

• Pada Inputan Canvas Url masukan alamat URL aplikasi yang akan di intergrasikan pada facebook, sebagai contoh pada posting ini adalah http://xxxxx.e-shopping.co.id/fb/cto/
• Pada Inputan Secure Canvas Inputan masukan alamat Secure URL aplikasi yang akan di intergrasikan pada facebook https://xxxxx.e-shopping.co.id/fb/cto/
• Pada Inputan Canvas Page berisikan alamat aplikasi kita pada Facebook, sebagai contoh pada posting ini adalah http://apps.facebook.com/cinoxtokoonline

7. Setelah keterangan mengenai BASIC INFO dan SELECT HOW YOUR APP INTEGRATES WITH FACEBOOK diisikan dan menekan tombol SAVE CHANGE maka facebook akan menyiapkan aplikasi kita yang memerlukan waktu beberapa menit.

Klik Gambar Untuk Lihat Lebih Jelas

8. Untuk memeriksa apakah Aplikasi kita telah ter-integrasi dengan facebook, dapat di cek dengan mengetikan alamat aplikasi di facebook pada browser seperti contoh dibawah ini.

Klik Gambar Untuk Lihat Lebih Jelas

Apabila integrasi berhasil maka akan muncul seperti dibawah ini.

Klik Gambar Untuk Lihat Lebih Jelas

C. Canvas Setting

Canvas Setting adalah sebuah setting untuk mengatur lebar dari canvas pada facebook. Canvas adalah tempat pada Facebook Apps untuk menampilkan aplikasi yang kita miliki.

1. Pada page developer (https://developers.facebook.com/apps)  yang terletak pada sisi kiri page tersebut klik nama aplikasi yang akan di berikan setting Canvas, sebagai contoh pada posting ini adalah Cinox Toko Online.

Klik Gambar Untuk Lihat Lebih Jelas

2. Kemudian klik link Edit Setting dari page yang muncul untuk masuk ke dalam menu setting.

Klik Gambar Untuk Lihat Lebih Jelas

3. Kemudian pada sisi kiri dari page yang muncul klik menu Setting -> Advance

Klik Gambar Untuk Lihat Lebih Jelas

4. Lalu pada page yang muncul cari bagian bernama Canvas Settings, berikan setting seperti gambar dibawah ini.

Klik Gambar Untuk Lihat Lebih Jelas

Dengan memilih Canvas Width Fluid dan Canvas Heigth  Fluid maka aplikasi kita akan memiliki tampilan secara full/tanpa border didalam sistem Facebook Apps.

Klik Gambar Untuk Lihat Lebih Jelas