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

Loading…

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!

Facebook

on

  • 614 views

 

Statistics

Views

Total Views
614
Views on SlideShare
614
Embed Views
0

Actions

Likes
2
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

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.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
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!