Facebook Mobile

49,779 views
49,428 views

Published on

Facebook Mobile Slideshow
From Kark Bunyan

Published in: Technology, Business
1 Comment
30 Likes
Statistics
Notes
No Downloads
Views
Total views
49,779
On SlideShare
0
From Embeds
0
Number of Embeds
2,032
Actions
Shares
0
Downloads
1,142
Comments
1
Likes
30
Embeds 0
No embeds

No notes for slide

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

×