OpenSocial and Mixi platform


Published on

Introduce overview of social networks, OpenSocial and Mixi platform

  • Be the first to comment

OpenSocial and Mixi platform

  1. 1. Social networks OpenSocialPham Quoc ThinhProject ManagerSETA:CINQ Vietnam(thinhpq6034 at
  2. 2. Agenda• Social Networks Overview• OpenSocial Introduction• Mixi Platform
  3. 3. Top 10 famous Social Networks
  4. 4. Agenda• Social Networks Overview• OpenSocial Introduction• Mixi Platform
  5. 5. What is OpenSocial?
  6. 6. History• 5 Corporate Board Members – Google, IBM, Jive Software, MySpace, Yahoo!• First released November 1, 2007, is Google’s response to Facebook Developer Platform• Version 0.8 was released on May 28, 2008• Version 0.9 was released on April 16, 2009• Version 1.0 was released on March 15, 2010
  7. 7. Basic Architecture1. Client requests an application view2. The container sends social data to the remote server3. The remote server combines social and application data, returning HTML and JavaScript4. The container sends the content to the client
  8. 8. OpenSocial Core Services
  9. 9. OpenSocial Client APIs
  10. 10. Building JavaScript Applications
  11. 11. JavaScript App Example• Gadget XML <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="my first app"> <Require feature="opensocial-0.8" /> </ModulePrefs> <Content type="html"> HTML/ <![CDATA[ JavaScript code Hello world, this is my first app. goes here ]]> </Content> </Module>
  12. 12. Example to show the owner’s friends
  13. 13. RESTful API• The base URI for the web service, such as• Data format: JSON, XML, Atom or YAML• The set of operations supported by the web service using HTTP methods (e.g., POST, GET, PUT or DELETE).
  14. 14. Access People information
  15. 15. Access Activities information
  16. 16. Access Persistent data
  17. 17. Additional query parameters
  18. 18. Use RESTful API to access protected resource of other users – How to manage?
  19. 19. OAuth• What is it?• OAuth flow (2-legged & 3-legged)• Consumer Key & Consumer Secret
  20. 20. What is OAuth?• Security protocol that allows to share private data hosted on x web site with y web site
  21. 21. Terminologies• Consumer Application trying to access protected resource• Service Provider Website or web-service hosting protected resource• User Owner of the protected data• Protected Resource Images, Videos or documents hosted on web site or web-service which are protected by the user• Tokens Random string of letters and numbers which is unique. Request Token, Access Token• Scope Set of data hosted on service provider that user wants to share with consumer
  22. 22. OAuth contextJane
  23. 23. OAuth 2-legged & 3-legged
  24. 24. Consumer Key & Consumer SecretKey: Identify consumerSecret: Verify consumer signature
  25. 25. OAuth REST Example URL POST/users/28568917/status?oauth_consumer_key=77f44916a5144c97ad1ddc9ec53338cc&oauth_nonce=8783759987300271273&oauth_signature_method=HMAC-SHA1&oauth_timestamp=1237853013&oauth_token=8QLGnqFugwmCbIz6pcFbNEMPkG%252FCsZrg4fdqIzXpj88FsZaysd7wJ4eBonbvpAG7MOCFhzDjcM1yp6wvO%252BRaeyruy95QdfpFIHQaHvHL7ak%253D&oauth_version=1.0&oauth_signature=TvlXbt%2FNS0U7SrtUvUfu%2BfJ3kyo%3DHTTP/1.1X-HTTP-Method-Override: PUTUser-Agent: Java/1.6.0_12Host:…status=Hello%20World!
  26. 26. Agenda• Social Networks Overview• OpenSocial Introduction• Mixi Platform
  27. 27. What is mixi?1st SNS in Japan 20M registered users5.4M active users/day 275M PV/month (Mobile: 225M, PC: 50M)
  28. 28. Mixi Platform • OpenSocial 0.8 • OAuth 2-legged
  29. 29. Mixi Applications
  30. 30. Process flow
  31. 31. PC App
  32. 32. Mobile App
  33. 33. Mobile App (Cont.)
  34. 34. Both PC and Mobile App
  35. 35. Mixi App API
  36. 36. Mixi custom API• Invite friends invite:friends?callback=[escaped URL] HTML: <a href="invite:friends?">Invite</a>• Get location location:gps?url=[escaped URL] <a href="location:gps?">Get location</a>• Send message send:message?callback=[escaped URL] <form action=“send:message?callback=[URL]&guid=ON" method="POST" > <input type="text" name="recipients" value="[Member ID]" /> <input type="text" name="title" value="[Title]" /> <input type="text" name="body" value=“[Content]" /> <input type="submit" value=“Send" /> </form>
  37. 37. Agenda• Social Networks Overview• OpenSocial Introduction• Mixi Platform
  38. 38. Summarized keywords• OpenSocial• Gadget XML• Javascript API• RESTful API• Object models (People, Activities, Persitent…)• OAuth (2 legged, 3 legged)• Mixi (Mobile app, Custom APIs)
  39. 39. Q&A