Developing a Facebook App
-
Upload
kapilgoenka -
Category
Technology
-
view
1.931 -
download
1
description
Transcript of Developing a Facebook App
![Page 1: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/1.jpg)
<Developing a Facebook App>
One app away from glory
GRSC 7770Kapil Goenka
Nov 12, 2007
![Page 2: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/2.jpg)
Agenda
• Why Facebook?
• Why develop an app ??
• Anatomy of a Facebook app
• Steps involved in creating an App
![Page 3: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/3.jpg)
Why Facebook ?
![Page 4: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/4.jpg)
• More than 53 million “active” users
• Active users doubling every 6 months
• Average of 250000 new registrations per day since Jan 2007
• More than 65 billion page views per month
![Page 5: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/5.jpg)
Why develop an app ?
![Page 6: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/6.jpg)
• The possibility of reaching out to so many users !
• More than 50% of active users return daily !
• Its simple & pretty cool.
![Page 7: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/7.jpg)
Anatomy of a Facebook App
![Page 8: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/8.jpg)
• Application Directory• About• Left Nav• Canvas Pages– Home
• Profile– Profile Box
• Privacy Settings• News feed• Requests
![Page 9: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/9.jpg)
Application Directory
Many users may find your application by browsing the Facebook Application Directory.
This is where beautiful imagery and concise, descriptive text pay off.
![Page 10: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/10.jpg)
About
The ‘about’ page tells users about the application and is accessed from the Facebook application directory.
It should inspire users to install the application.
![Page 11: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/11.jpg)
Left Nav
Applications can have their icon and name added to the left hand Facebook navigation.
This will link to the application’s homepage.
![Page 12: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/12.jpg)
App Home
An application's homepage is accessed from the Facebook Left Nav.
Ideally this homepage would aggregate friend data to create a page worth coming back to quite often.
For example, the photo homepage shows your friends' recently created albums.
![Page 13: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/13.jpg)
Canvas Page
Facebook Canvas pages are presented within the Facebook frame and can be FBML or an external html site presented within an iframe.
![Page 14: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/14.jpg)
Profile Box
The profile box is usually the place to show the most recently updated information or the most recent actions of the user.
This information should reflect how the user would want to represent their identity through your application on their profile.
![Page 15: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/15.jpg)
News feed
Applications can access News Feed and post stories to it.
For example, the Twitter application publishes News Feed stories about the latest twitter updates from your friends.
![Page 16: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/16.jpg)
Requests
Applications can create requests that show up at the top right of a user's homepage.
These requests are usually initiated by a user's friend and often require the user to take some form of action.
An example of this in the Photos application is a photo tag request confirmation.
![Page 17: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/17.jpg)
Steps involved in creating an App
![Page 18: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/18.jpg)
• Add the Facebook Developer Application
• Setup a new Application
• Fill out the details. • You will be given two keys once you’ve filled out the form
![Page 19: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/19.jpg)
Need Hosting Space
![Page 20: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/20.jpg)
The two keys that you got when you set up your application.
The URL where your app is hosted
![Page 21: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/21.jpg)
Sample Hello World App
![Page 22: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/22.jpg)
![Page 23: Developing a Facebook App](https://reader036.fdocuments.net/reader036/viewer/2022062405/5558566ad8b42a943b8b4c87/html5/thumbnails/23.jpg)
Resources• http://www.developer.facebook.com• F8 Keynote address by Mark Zuckerberg• Getting started with Facebook Application
development
• This presentation can be found online at http://kapilgoenka.com/facebookApps.pdf