Transcript
Page 1: Facebook Application Development

Facebook App Development

– Seh Hui @felixleong

Page 2: Facebook Application Development

So, you want a Facebook App…

Page 3: Facebook Application Development

cc-licensed image by Benoit Crouzet, on Flickr – http://www.flickr.com/photos/66906512@N02/6988163785/

Page 4: Facebook Application Development

428 million daily active users!

cc-licensed image by Stuart Richards, on Flickr – http://www.flickr.com/photos/7149027@N07/1545584483/On average in December 2011, full stats available from Facebook’s Fact Sheet – http://newsroom.fb.com/content/default.aspx?NewsAreaId=22

Page 5: Facebook Application Development

For Context…

Knowledge sharing after developed a full-blown Facebook app for Mindvalley

Consider this as version 0.5 :p

Page 6: Facebook Application Development

Part 1 – Ze Compulsory Overview

Page 7: Facebook Application Development
Page 8: Facebook Application Development

not covering this(yet)

Page 9: Facebook Application Development

Starting from the basics…

Page 10: Facebook Application Development

FB Plugins for Websites

“Me wantz Facebook Juice!”

Plugins

Like, Share, Subscribe, Send buttons

Facebook Comments

Activity Feed, Like Box, Recommendations…

http://developers.facebook.com/docs/plugins/

Page 11: Facebook Application Development
Page 12: Facebook Application Development

User accounts for web applications

Page 13: Facebook Application Development

Facebook Applications

Two types:

Page tab app

Canvas app

Page 14: Facebook Application Development

Canvas app

Page 15: Facebook Application Development

Facebook Pages

<< Apps! :D

Page 16: Facebook Application Development

Page tab app

Page 17: Facebook Application Development

the difference?

Page 18: Facebook Application Development

This is UserVoice

Page 19: Facebook Application Development

The TRUE POWER of Facebook

Page 20: Facebook Application Development

Graph API

cc-licensed image by Pepe Barbe, on Flickr – http://www.flickr.com/photos/50681402@N00/2905140732/

Page 21: Facebook Application Development

Graph API

Basic stuff you can retrieve

Name, gender, locale, profile picture

Friends, subscribed to and subscribers

“Ask, and ye shall receive”

You can request permission to access to more details (likes, photo albums, videos…)

Page 22: Facebook Application Development

Part 2 – Under Ze Hood

Page 23: Facebook Application Development

Step 1: Create & register your app

Page 24: Facebook Application Development
Page 25: Facebook Application Development
Page 26: Facebook Application Development
Page 27: Facebook Application Development

Step 2: Write your app

Page 28: Facebook Application Development

“It’s easy!”

Page 29: Facebook Application Development

it’s just a web app

Page 30: Facebook Application Development

Making It Social™

Once they authorized your app, you’ve access to their graph :D

Imagine the possibilities

Page 31: Facebook Application Development

Step 3: Test Your App

Page 32: Facebook Application Development
Page 33: Facebook Application Development
Page 34: Facebook Application Development
Page 35: Facebook Application Development

Step 4: Feeling confident? :)

Page 36: Facebook Application Development

<< set to “Disabled”

Page 37: Facebook Application Development

… and launch! :D

Page 38: Facebook Application Development

Resources

http://developers.facebook.com/

http://developers.facebook.com/blog/ (look for Developer Spotlight posts)

Page 39: Facebook Application Development

Q&A– Seh Hui @felixleong


Top Related