• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content


Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!







Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Facebook Facebook Presentation Transcript

    • FacebookGonna say some techie stuff about APIs and that
    • Anatomy1. Widgets2. Pages3. FB Connect4. Applicationsx. The Facebook vision
    • 1. Widgets● Very easy, very powerful, copy and paste● The “like” button, Facepile, comments box, etc● “Like” button + Open Graph = a Facebook Page!● Advantages: viralness, Facebook brand● Analytics facebook.com/insights● Like or recommend
    • 2. Pages● For when you want to be on Facebook but not as a friendable person● Ready made hub, could even replace a website. Easy viralness and kudos of FB brand.● Default tabs: wall, info, photos, etc ● Can change home tab● Custom tabs: Big deal. ● FBML being deprecated for iFrames. ● Loads of applications can run in tabs ● Most notable are apps that integrate with the wall, eg; cross-posting Twitter feeds, blog posts, Flickr photos etc ● NB. That Joe Public can make these Page-integrating apps● You can get the 5000 most recent fan IDs of a social object
    • 3. Facebook Connect● Bonafide application territory; but, basic user-management is enough of a feature in itself● Basic information = Full name, profile pic, gender, friends, everyone data● Permissions. Dont ask for too many. ● publish_stream, offline_access, email, read_stream (Activity Streams standard), read_inbox, xmpp_login (XMPP is another open standard) ● photos, videos, etc and you can ask to access these for the app users friends! ● Can ask for permissions when user first connects to app or can extend at any point afterward too.
    • 4. Applications● Internal Vs. External ● Extra JS SDK methods for iFrames; dynamic resizing of iFrame and messing with the URL ● Mafia Wars, Farmville. Dont know anything about them because I blocked them from my stream :(● Graph API ● Replaces old API. The new open vision, more structured, everything is a social object. ● True RESTful API interface – Means lots of SDKs; PHP, Ruby, Python – https://graph.facebook.com/me/friends?access_token=[foo] – http://graph.facebook.com/tbuckleyhouston/picture – JSON
    • STEP 1. Registering● developers.facebook.com/setup ● Receive App ID and secret● Lots of settings ● Icon, logo & FB Connect logo. Named developers. Email contact.● All apps get their own bonafide FB Page● Important links; ● developers.facebook.com/blog/feed ● developers.facebook.com/live_status ● facebook.com/insights ● Bug tracker ● Forums ● Documentation
    • STEP 2. Hello WorldSurprisingly easy :)<div id="fb-root"></div><!--<script src="http://connect.facebook.net/en_US/all.js"></script>--><script src="http://static.ak.fbcdn.net/connect/en_US/core.debug.js"></script><script> FB.init({ appId : YOUR APP ID, // [REQUIRED] status : true, // check login status [OPTIONAL] cookie : true, // allows server to access the session [OPTIONAL] xfbml : true // parse XFBML [OPTIONAL] });</script>
    • STEP 3. Add a login button● Either XFBML or JSs FB.login() ● OAuth 2.0 (NB. Facebook is an OpenID relying party) ● Cookie is registered which can be used by server-side SDKs.● XFBML: X stands for XHTML, JS SDK parses it. ● Canvas legacy. Relatively useless. FBML only used by Page Tabs now and not for much longer either. – Simple <fb:name> – Complex <fb:multi-friend-selector>, <fb:comments> cannot be provided in any other way.
    • STEP 4. Do stuff● JS SDK has 1 other class of methods unique to it; FB.ui ● Dialogs, exteneded permissions, posting to users wall, sharing, etc.● The API: ● JS has it (FB.api) just like all the others (PHP, Ruby, etc). ● You can read and write to and from users (and Pages) accounts. ● Subscribe to individual real-time updates! ● Progromatically access analytics. ● You are rate limited, but its a secret :s ● You are now allowed to cache data indefinitely (may be 1 or 2 exceptions)● FQL: ● Very powerful, worthy of a page in itself. Sub queries, multiple queries per API call. ● Read-only. ● AFAIK everything can be accessed through FQL!