Facebook Platform 101 <ul><ul><li>Sandro Turriate </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul>
Facebook > 46 million active users > half return daily 200,000 sign up daily
Facebook Platform Relationships established Immediate install Viral Funding
Facebook Platform facebook app server 1 3 2 1.  Facebook contacts app server 2.  App server uses facebook api 3.  App serv...
Haikus... Haikus are easy But sometimes they don’t make sense Rerigerator From Threadless
Browse
New Haiku
Contribute
Profile Updates Mini-Feed Profile
How do people find it?
Getting Started developer.facebook.com API Key Secret key Callback URL
URL mapping apps.facebook.com/globalhaiku globalhaiku.com/fb/ apps.facebook.com/globalhaiku/browse globalhaiku.com/fb/brow...
Where does it live? Facebook and your server callback url - globalhaiku.com/fb/
A Canvas page response goes here
FBML or iframe
and Everything Else... Canvas
Everything else... <fb:wide> <fb:narrow> 1  profile_box  = '<fb:narrow>  <img src= &quot;logo_narrow.gif&quot;  alt=&quot;...
What about css? <style> #gh_content { margin: 10px 20px' } #gh_content h1 { margin: 0 0 0 10px; } </style> <div id=“gh_con...
Gotchas <fb:error> <fb:message> Error </fb:message> <ul><li>Error1</li></ul> </fb:error> Won't render correctly <fb:editor...
Attribution haikus... - http://www.threadless.com/product/623/Haikus_are_easy_but#zoom f8 Facebook Platform Launch – http:...
Thanks Sandro Turriate [email_address] thoughtandtheory.com/blog
Upcoming SlideShare
Loading in...5
×

Facebook Platform Atl

2,422

Published on

Sandro's Facebook Platform presentation from Barcamp Atlanta.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,422
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
195
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Facebook Platform Atl

  1. 1. Facebook Platform 101 <ul><ul><li>Sandro Turriate </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul>
  2. 2. Facebook > 46 million active users > half return daily 200,000 sign up daily
  3. 3. Facebook Platform Relationships established Immediate install Viral Funding
  4. 4. Facebook Platform facebook app server 1 3 2 1. Facebook contacts app server 2. App server uses facebook api 3. App server sends response
  5. 5. Haikus... Haikus are easy But sometimes they don’t make sense Rerigerator From Threadless
  6. 6. Browse
  7. 7. New Haiku
  8. 8. Contribute
  9. 9. Profile Updates Mini-Feed Profile
  10. 10. How do people find it?
  11. 11. Getting Started developer.facebook.com API Key Secret key Callback URL
  12. 12. URL mapping apps.facebook.com/globalhaiku globalhaiku.com/fb/ apps.facebook.com/globalhaiku/browse globalhaiku.com/fb/browse apps.facebook.com/globalhaiku/new globalhaiku.com/fb/new
  13. 13. Where does it live? Facebook and your server callback url - globalhaiku.com/fb/
  14. 14. A Canvas page response goes here
  15. 15. FBML or iframe
  16. 16. and Everything Else... Canvas
  17. 17. Everything else... <fb:wide> <fb:narrow> 1 profile_box = '<fb:narrow> <img src= &quot;logo_narrow.gif&quot; alt=&quot;&quot;/> I am a poet</fb:narrow> <fb:wide> <img src= &quot;logo_wide.gif&quot; alt=&quot;&quot;/> I am a poet </fb:wide>' 2 facebook.setFBML(profile_box)‏
  18. 18. What about css? <style> #gh_content { margin: 10px 20px' } #gh_content h1 { margin: 0 0 0 10px; } </style> <div id=“gh_content”> <h1>Hi</h1> </div>
  19. 19. Gotchas <fb:error> <fb:message> Error </fb:message> <ul><li>Error1</li></ul> </fb:error> Won't render correctly <fb:editor> Don't bother <fb:redirect> POST should redirect 500 errors View source
  20. 20. Attribution haikus... - http://www.threadless.com/product/623/Haikus_are_easy_but#zoom f8 Facebook Platform Launch – http://flickr.com/photos/kohtz/535491752/ facebook canvas - http://developer.facebook.com/images/anatomy_frame.jpg
  21. 21. Thanks Sandro Turriate [email_address] thoughtandtheory.com/blog
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×