Intro To Facebook Development For Widget Guys and Gals WidgetDevCon January 25-26th Washington, DC By Zvi Band, skeevisArt...
What is a Facebook Application? <ul><li>Third Party Code </li></ul><ul><li>Used by Facebook Users </li></ul><ul><li>Intera...
How Does It Work? f A logged-in Facebook user clicks on your application http://apps.facebook.com/crazycaptions/ You set u...
Elements To Work With Canvas Page (full-size page) Wide Profile Box Narrow Profile Box News Feeds Requests
So Where Do The Widgets Go?? 0 Canvas Page (full-size page) Wide Profile Box Narrow Profile Box News Feeds Requests
Recommended Setup Your application puts a profile box with your widget on their profile User adds your widget application,...
What can you put in a widget? <ul><li>HTML/CSS </li></ul><ul><li>FBML – Special Facebook Tags </li></ul><ul><li>Images, Fl...
Facebook Data in External Widgets? <ul><li>Very tricky. </li></ul><ul><li>API can be limiting. </li></ul><ul><li>Facebook ...
The work is already done for you! <ul><li>http://www.clearspring.com/facebook </li></ul><ul><li>http://facebook.blogfuse.c...
Be My Friend. <ul><li>Thanks! </li></ul><ul><li>[email_address] </li></ul><ul><li>http://zviband.com </li></ul><ul><li>htt...
Upcoming SlideShare
Loading in …5
×

Facebook for Widget Developers

1,614 views

Published on

Published in: Technology, Design
  • Be the first to comment

Facebook for Widget Developers

  1. 1. Intro To Facebook Development For Widget Guys and Gals WidgetDevCon January 25-26th Washington, DC By Zvi Band, skeevisArts LLC http://skeevisarts.com http://zviband.com [email_address]
  2. 2. What is a Facebook Application? <ul><li>Third Party Code </li></ul><ul><li>Used by Facebook Users </li></ul><ul><li>Interacts with Facebook (Platform) </li></ul><ul><li>Facebook takes care of authentication, user profiles, etc. </li></ul>
  3. 3. How Does It Work? f A logged-in Facebook user clicks on your application http://apps.facebook.com/crazycaptions/ You set up your application, and told Facebook your code is at http://skeevisarts.com/crazycaptions/ Your server also works with whatever other things it normally uses Your code on your server does it’s magic. Facebook sends the user’s information, and their request, to you. Your server receives this, and can interact more with Facebook using libraries You return FBML (modified HTML), images, etc….
  4. 4. Elements To Work With Canvas Page (full-size page) Wide Profile Box Narrow Profile Box News Feeds Requests
  5. 5. So Where Do The Widgets Go?? 0 Canvas Page (full-size page) Wide Profile Box Narrow Profile Box News Feeds Requests
  6. 6. Recommended Setup Your application puts a profile box with your widget on their profile User adds your widget application, configures it on canvas page. Other users can click on profile box and see more information, send to friends, add it themselves.
  7. 7. What can you put in a widget? <ul><li>HTML/CSS </li></ul><ul><li>FBML – Special Facebook Tags </li></ul><ul><li>Images, Flash, MP3s, Silverlight (for real!) </li></ul><ul><li>Javascript (modified form, FBJS) </li></ul><ul><li>Profile Boxes are Cached! </li></ul><ul><ul><li>You have to push content to profile boxes </li></ul></ul><ul><ul><li>Look up <fb:ref> and session handling form more info. </li></ul></ul>
  8. 8. Facebook Data in External Widgets? <ul><li>Very tricky. </li></ul><ul><li>API can be limiting. </li></ul><ul><li>Facebook carefully guards user info. </li></ul><ul><li>Anything spammy isn’t gonna fly. </li></ul>
  9. 9. The work is already done for you! <ul><li>http://www.clearspring.com/facebook </li></ul><ul><li>http://facebook.blogfuse.com/ </li></ul><ul><li>http://www.widgetbox.com/ </li></ul><ul><li>http://blog.ning.com/2007/06/spread_the_love.html </li></ul><ul><li>Any others I’m missing? </li></ul>
  10. 10. Be My Friend. <ul><li>Thanks! </li></ul><ul><li>[email_address] </li></ul><ul><li>http://zviband.com </li></ul><ul><li>http://fbook.us/zvi </li></ul><ul><li>http://skeevisArts.com </li></ul>

×