YouTube video of the presentation >> http://www.youtube.com/watch?v=Hnn8kNZazzs

1. Facebook App
Development
– Seh Hui @felixleong

2. So, you want a
Facebook App…

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

4. 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

5. For Context…
Knowledge sharing after developed a full-blown
Facebook app for Mindvalley
Consider this as version 0.5 :p

6. Part 1 – Ze Compulsory
Overview

8. not
cov
erin
(yet g this
)

9. Starting from the
basics…

10. 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/

12. User accounts for web
applications

13. Facebook Applications
Two types:
Page tab app
Canvas app

14. Canvas app

15. << A
pps!
:D
Facebook Pages

16. Page tab app

17. the difference?

18. This is UserVoice

19. The TRUE POWER of
Facebook

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

21. 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…)

22. Part 2 – Under Ze Hood

23. Step 1: Create &
register your app

27. Step 2: Write your app

28. “It’s easy!”

29. it’s just a web app

30. Making It Social™
Once they authorized your app, you’ve access to
their graph :D
Imagine the possibilities

31. Step 3: Test Your App

35. Step 4: Feeling
confident? :)

36. << set to
“ Disable
d”

37. … and launch! :D

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

39. Q&A
– Seh Hui @felixleong