Developing a Facebook App

50 %
50 %
Information about Developing a Facebook App

Published on November 13, 2007

Author: kapilgoenka

Source: slideshare.net

Description

This is a presentation that I gave to a class at the University of Georgia as part of a TA-seminar course. The presentation starts with some statistics on Facebook. I then discuss the anatomy of a Facebook App, followed by the demo of a simple 'Hello World' app that I developed.
Date: Nov 12, 2007

< Developing a Facebook App > One app away from glory GRSC 7770 Kapil Goenka Nov 12, 2007

Agenda Why Facebook? Why develop an app ?? Anatomy of a Facebook app Steps involved in creating an App

Why Facebook?

Why develop an app ??

Anatomy of a Facebook app

Steps involved in creating an App

Why Facebook ?

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

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

Why develop an app ?

The possibility of reaching out to so many users ! More than 50% of active users return daily ! Its simple & pretty cool.

The possibility of reaching out to so many users !

More than 50% of active users return daily !

Its simple & pretty cool.

Anatomy of a Facebook App

Application Directory About Left Nav Canvas Pages Home Profile Profile Box Privacy Settings News feed Requests

Application Directory

About

Left Nav

Canvas Pages

Home

Profile

Profile Box

Privacy Settings

News feed

Requests

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.

Many users may find your application by browsing the Facebook Application Directory.

This is where beautiful imagery and concise, descriptive text pay off.

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.

The ‘about’ page tells users about the application and is accessed from the Facebook application directory.

It should inspire users to install the application.

Left Nav Applications can have their icon and name added to the left hand Facebook navigation. This will link to the application’s homepage.

Applications can have their icon and name added to the left hand Facebook navigation.

This will link to the application’s homepage.

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 .

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 .

Canvas Page Facebook Canvas pages are presented within the Facebook frame and can be FBML or an external html site presented within an iframe.

Facebook Canvas pages are presented within the Facebook frame and can be FBML or an external html site presented within an iframe.

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.

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.

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.

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.

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 .

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 .

Steps involved in creating an App

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

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

Need Hosting Space

The two keys that you got when you set up your application. The URL where your app is hosted

The two keys that you got when you set up your application.

The URL where your app is hosted

Sample Hello World App

 

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

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

Add a comment

Related presentations

Related pages

Facebook Developers - Facebook for Developers

Facebook Platform helps developers build, grow and monetize their business ☰ ... Monetize your mobile app or mobile website with ads. Messenger Platform.
Read more

How to Develop a Hit Facebook App: 29 Essential Tools and ...

How to Develop a Hit Facebook App: 29 Essential Tools and Tutorials Resources to help you build a successful Facebook app that users will love.
Read more

Interactive Developing | Facebook

Interactive Developing, ... See more of Interactive Developing by logging into Facebook. ... har jeg netop lanceret min 1. app på App Store.
Read more

Log into Facebook | Facebook

Log into Facebook to start sharing and connecting with your friends, family, and people you know.
Read more

Developing a Facebook Application for absolute beginners ...

Developing a Facebook Application for ... One of the most effective ways is developing ... Please refer to the following link for latest Facebook app ...
Read more

Developing Facebook Apps on Heroku | Heroku Dev Center

Configure the Facebook app. When you created the Facebook application, you were assigned a Heroku app name and a resulting URL - in this case it ...
Read more

Facebook's new app for developing countries is just 252KB ...

Facebook has always made a point of catering to people with poor internet connections, and now it’s giving these users a dedicated app ...
Read more

Developing Facebook’s Messenger with Visual Studio ...

Facebook’s Messenger app, a leading mobile app running on Windows Phone, was built using Visual Studio. In this interview just published on Channel 9 ...
Read more

Developing Facebook’s Messenger app for Windows Phone with ...

Facebook's Messenger app is an example of a leading mobile app running on Windows Phone. In this interview, Messenger Technical Lead Nick ...
Read more

Facebook Developing App That Allows Anonymity - The New ...

The app, which is expected to be released in the coming weeks, reveals a different, experimental take on Facebook’s long-established approach ...
Read more