Developing a Facebook App

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

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 &#x27;Hello World&#x27; app that I developed.Date: Nov 12, 2007

Transcript of Developing a Facebook App

Page 1: Developing a Facebook App

<Developing a Facebook App>

One app away from glory

GRSC 7770Kapil Goenka

Nov 12, 2007

Page 2: Developing a Facebook App

Agenda

• Why Facebook?

• Why develop an app ??

• Anatomy of a Facebook app

• Steps involved in creating an App

Page 3: Developing a Facebook App

Why Facebook ?

Page 4: Developing a Facebook App

• 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

Why develop an app ?

Page 6: Developing a Facebook App

• 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

Anatomy of a Facebook App

Page 8: Developing a Facebook App

• Application Directory• About• Left Nav• Canvas Pages– Home

• Profile– Profile Box

• Privacy Settings• News feed• Requests

Page 9: Developing a Facebook App

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

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

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

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

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

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

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

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

Steps involved in creating an App

Page 18: Developing a Facebook 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

Page 19: Developing a Facebook App

Need Hosting Space

Page 20: Developing a Facebook App

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

Sample Hello World App

Page 22: Developing a Facebook App
Page 23: Developing a Facebook 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