Membuat Aplikasi Facebook yang Menjual

Awalnya saya mau membuat sebuah situs penjualan ButikAne.com untuk Butik Adik saya, namun saya berpikir bagaimana penjualan tersebut dibuat di Facebook, mengingat begitu besarnya jaringan di Facebook.

Kemudian mulailah saya try and error, searching di internet mencari artikel dan scrip untuk membuat sebuah aplikasi. Awalnya saya membuat aplikasi Gift Love, namun sepertinya kurang menarik karena hanya memberikan hadiah tanpa ada proses penjualan didalamnya. Kemudian saya coba cari-cari lagi akhirnya menemukan scrip Gift yang Komplit dan sudah di modifikasi. Setelah seharian mengotak-atik akhirnya jadi sebuah aplikasi yang saya beri nama Butik Ane.

Saya merasa tatacara pembuatan aplikasi tersebut sangatlah penting untuk dicatat dan publikasikan sehingga semua orang bisa tahu bahwa di facebook kita bisa membuat aplikasi dengan mudah.

Panduan Instalasi ini merupakan sebuah contoh untuk aplikasi memberi hadiah, saya sertakan file scripnya silakan download disini.

Scrip tersebut silakan di modifikasi sesuai dengan kebutuhan.

Untuk menginstal scrip tersebut anda harus mempunyai server yang didukung oleh database.

Mari kita mulai tahap demi tahap: (facebook juga menyediakan tutorial sederhana http://developers.facebook.com/get_started.php)

1. Buat Sebuah aplikasi di Facebook http://www.facebook.com/developers/ anda cukup mengisi nama dari aplikasi yang anda ingin buat kemudian contreng setuju dan klik oke.
2. Aplikasi Baru anda akan mendapatkan API key dan Secret key, silakan dicatat untuk di masukkan di file scip kemudian.

Callback Url: silakan isi sesuai dengan root directory dari server anda kalau saya ini dengan http://www-americansingles.us/butikane/ Karena saya menggunakan server dari http://www-americansingles.us/

Canvas Page URL: Ini merupkan link aplikasi anda di facebook kalau saya menggunakan “butikane” sehingga Canvas Page URL saya adalah http://apps.facebook.com/butikane/ Nama link tersebut haruslah lebih dari 7 karakter dan menggunakan huruf kecil.

Contreng ‘Use iframe’: Ini maksudnya bahwa anda akan menggunakan Canvas pages yang menggunakan iframe.

Application Type: tetapkan sebagai ‘website’.
Can your application be added on Facebook?: Contreng ‘Yes’.
Application Description: Silakan Deskripsikan Aplikasi anda disini

3. Akhirnya Klik “Yes” untuk “Can your application be added to Facebook?” kemudian pilih “Users” for “Who can add it?”.

4. Kemudian kita beralih kepada script yang sudah di download tadi :

• Ganti API KEY dan SECRET di file “appinclude.php”
• Buat sebuah database mysql di hosting anda kemudian import “db.sql”
• Edit “dbinfo.php” sesuai dengan nama, username dan password dari database anda
• Ganti www.YOUR_DOMAIN.com menjadi domain anda pada semua file yang ada. Silakan menggunakan bantuan “Replace” untuk mengganti secara otomatis
• Ganti Canvas page url dari “http://apps.facebook.com/YOUR_APP/” menjadi Canvas page url anda kalau saya menggunakan:
  • www.YOUR_DOMAIN.com ===.> www-americansingles.us
  • YOUR_APP ===============.> butikane
• Masukkan Gambar hadiah di dalam folder “gifts”
• Upload seluruh file tersebut ke hosting anda. Dan jadi deh aplikasinya.

Sebagai tambahan untuk menambah tab seperti http://apps.facebook.com/butikane/ yang mana terdapat halaman “belanja” perlu sedikit modifikasi:

Buat sebuah file tambahan di dalam folder root anda kalau saya menggunakan “butikane”. Buat sebuah file berbasis php dan kopikan file dibawah ini:

===

<?php

require_once ‘dbinfo.php’;

require_once ‘appinclude.php’;

?>

<table>

<tr>

<td><img src=http://www-americansingles.us/butikane/banner.jpg></td>

<td>

</td>

</tr>

</table>

<fb:tabs>

<fb:tab-item href=’http://apps.facebook.com/butikane/’ title=’Home’ />

<fb:tab-item href=’http://apps.facebook.com/butikane/invite.php’ title=’INVITE FRIENDS!’ />

<fb:tab-item href=’http://apps.facebook.com/butikane/received.php’ title=’Received’ />

<fb:tab-item href=’http://apps.facebook.com/butikane/sent.php’ title=’Sent’ />

<fb:tab-item href=’http://apps.facebook.com/butikane/shop.php’ title=’Belanja’ selected=’true’ />

</fb:tabs>

<div style=”padding: 5px; background: #F1F1F1; “>

<BR>

</td>

<fb:iframe src=’http://www.NAMA_DOMAIN_ANDA.com’ width=’750′ height=’800′ frameborder=’0′ border=’0′ scrolling=’yes’></fb:iframe>

<td valign=top>

</td>

</tr></table><BR>

<CENTER>

</CENTER>

<div style=”clear: both;”/>

</div>

===

Beri nama file tersebut “shop.php” atau apa saja sesuai keinginan anda

Ganti “http://www.NAMA_DOMAIN_ANDA.com” menjadi domain penjualan atau apa saja yang anda inginkan kalau saya membuat http://butikane.com.

Tambahkan line :

–

<fb:tab-item href=’http://apps.facebook.com/NAMA_APLIKASI_ANDA/shop.php’ title=’Belanja’ />

–

Pada file Index.php, invite.php, received.php dan send.php sebelum line:

–

</fb:tabs>

–

Demikianlah sekilas cara membuat aplikasi di facebook, saya sangat mengharapkan feedback dari pembaca sekalian untuk kesempurnaan artikel ini.