Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Facebook Mobile

50,303 views

Published on

Facebook Mobile Slideshow
From Kark Bunyan

Published in: Technology, Business

Facebook Mobile

  1. Facebook Mobile Facebook Developer’s Garage January 23 rd 2008
  2. Facebook Mobile <ul><li>Introduction to Facebook Mobile </li></ul><ul><li>A demo application </li></ul><ul><li>What can and can’t be done </li></ul><ul><li>Mobile browsing and SMS messaging </li></ul><ul><li>A few technical details </li></ul>
  3. Demo app – Secret Status <ul><li>The Secret Status application </li></ul><ul><li>Allows the user to enter two status messages </li></ul><ul><li>Allow some friends to view your secret status </li></ul><ul><li>Receive updates from the secret status changes of others </li></ul>
  4.  
  5. Demo app – Secret Status <ul><li>Secret Status Mobile </li></ul><ul><li>Cut down functionality: </li></ul><ul><li>Update your status messages </li></ul><ul><li>View status messages of your friends </li></ul><ul><li>A basic profile view </li></ul>
  6. Mobile Capabilities <ul><li>Elements of Facebook Mobile </li></ul><ul><li>Mobile homepage </li></ul><ul><li>Mobile-specific profile </li></ul><ul><li>Mobile-specific application canvas pages </li></ul><ul><li>Receive SMS messages from users (on O2) </li></ul><ul><li>Send SMS messages to a user </li></ul>
  7. Mobile Capabilities <ul><li>Mobile homepage </li></ul><ul><ul><li>status updates </li></ul></ul><ul><ul><li>events </li></ul></ul><ul><ul><li>cut down newsfeed </li></ul></ul><ul><ul><li>links to Facebook tasks </li></ul></ul><ul><ul><li>links to your profile </li></ul></ul><ul><li>Little an app can add here </li></ul>
  8. Mobile Capabilities <ul><li>Mobile-specific profile </li></ul><ul><ul><li>XHTML content </li></ul></ul><ul><ul><li>a subset of FBML </li></ul></ul><ul><ul><li>Can contain links to the application canvas page </li></ul></ul><ul><ul><li>Automatically served as part of the m.facebook.com domain </li></ul></ul><ul><ul><li>Set profile markup with the updated parameter of the setFBML API call </li></ul></ul>
  9. Mobile Capabilities <ul><li>Mobile-specific canvas pages </li></ul><ul><ul><li>XHTML content </li></ul></ul><ul><ul><li>a subset of FBML </li></ul></ul><ul><ul><li>Can be interactive e.g. form posts </li></ul></ul><ul><ul><li>Served inside the fb:mobile tag </li></ul></ul><ul><ul><li>Rendering will depend on the mobile device’s capabilities </li></ul></ul>
  10. Technicalities <ul><li>Canvas page issues </li></ul><ul><li>Canvas pages have identical URLs e.g. http://apps.facebook.com/secretstatus </li></ul><ul><li>Canvas pages try to detect mobile device </li></ul><ul><ul><li>receive fb_sig_mobile=1 in POST </li></ul></ul><ul><li>But mobile devices pretend to be normal browsers </li></ul><ul><li>As a result users may be served the “regular” site ( = x00kb download) </li></ul>
  11. Technicalities <ul><li>Canvas page issues </li></ul><ul><li>To force Facebook Mobile display </li></ul><ul><ul><li>add e.g. is_mobile=1 to all links, especially from the profile </li></ul></ul><ul><ul><li>switch output at the top of the page </li></ul></ul><ul><ul><li>output code within an fb:mobile tag </li></ul></ul>
  12. Technicalities
  13. Technicalities <ul><li>Receive SMS messages </li></ul><ul><li>Tick “ My application uses the mobile platform” in the app settings </li></ul><ul><li>On O2, send a text to 32665 </li></ul><ul><li>Send message as: app_canvas_name <query> </li></ul><ul><li>The message is posted to the app’s index page </li></ul><ul><li>fb_sig_sms is set to 1 in the POST </li></ul>
  14. Technicalities <ul><li>Send SMS messages </li></ul><ul><li>User needs to have activated Facebook mobile </li></ul><ul><ul><li>Enter phone number (and pretend to be on O2) </li></ul></ul><ul><ul><li>Receive an SMS confirmation code </li></ul></ul><ul><ul><li>Enter the code on Facebook </li></ul></ul>
  15. Technicalities <ul><li>Send SMS messages </li></ul><ul><li>Needs to have given your application permission to send SMS by visiting: </li></ul><ul><ul><li>http://www.facebook.com/authorize.php?api_key=YOUR_API_KEY&v=1.0&ext_perm=sms </li></ul></ul><ul><li>Possible to query for whether permission has been given via the API </li></ul><ul><li>(Signup is a poor user journey) </li></ul>
  16.  
  17. Technicalities <ul><li>Send SMS messages </li></ul>if($facebook->api_client->call_method('facebook.sms.canSend',array('uid' => $userID))) { try { $facebook->api_client->call_method('facebook.sms.send',array( 'uid' => $user ID , 'message' => &quot;Test SMS“)); } catch(FacebookRestClientException $ex) { $error[] = $ex->getMessage(); } }
  18. Conclusions <ul><li>My conclusions </li></ul><ul><li>Mobile profile and canvas pages are easy to implement, if the application warrants it </li></ul><ul><li>The SMS API is limited by being tied to O2 </li></ul><ul><li>Users have to work hard to enable SMS </li></ul><ul><li>Mobile browser versions of applications are viable now, but SMS enabled apps may be better off with 3 rd party gateways </li></ul>
  19. Facebook Mobile Thanks Facebook Developer’s Garage January 23 rd 2008

×