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,349

Published on

Published in: Technology, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,349
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
35
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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>
  1. A particular slide catching your eye?

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

×