Your SlideShare is downloading. ×
OpenSocial and Mixi platform
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

OpenSocial and Mixi platform

1,596
views

Published on

Introduce overview of social networks, OpenSocial and Mixi platform

Introduce overview of social networks, OpenSocial and Mixi platform


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,596
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Social networks OpenSocialPham Quoc ThinhProject ManagerSETA:CINQ Vietnam(thinhpq6034 at setacinq.vn)
  • 2. Agenda• Social Networks Overview• OpenSocial Introduction• Mixi Platform
  • 3. Top 10 famous Social Networks
  • 4. Agenda• Social Networks Overview• OpenSocial Introduction• Mixi Platform
  • 5. What is OpenSocial?
  • 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. 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. OpenSocial Core Services
  • 9. OpenSocial Client APIs
  • 10. Building JavaScript Applications
  • 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. Example to show the owner’s friends
  • 13. RESTful API• The base URI for the web service, such as http://example.com/resources/• 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. Access People information
  • 15. Access Activities information
  • 16. Access Persistent data
  • 17. Additional query parameters
  • 18. Use RESTful API to access protected resource of other users – How to manage?
  • 19. OAuth• What is it?• OAuth flow (2-legged & 3-legged)• Consumer Key & Consumer Secret
  • 20. What is OAuth?• Security protocol that allows to share private data hosted on x web site with y web site
  • 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. OAuth contextJane
  • 23. OAuth 2-legged & 3-legged
  • 24. Consumer Key & Consumer SecretKey: Identify consumerSecret: Verify consumer signature
  • 25. OAuth REST Example URLhttp://sandbox.orkut.com/social/rest/people/08354253340777199997/@self?oauth_consumer_key=orkut.com%3A623061448914&oauth_timestamp=1231537930&oauth_signature=0h%2FU49KtBplnmnc%2BhDKsDxFPR9%3D&oauth_signature_method=HMAC-SHA1&oauth_token=&xoauth_requestor_id=03067092798963641994&oauth_version=2.0 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: api.myspace.com…status=Hello%20World!
  • 26. Agenda• Social Networks Overview• OpenSocial Introduction• Mixi Platform
  • 27. What is mixi?1st SNS in Japan 20M registered users5.4M active users/day 275M PV/month (Mobile: 225M, PC: 50M)
  • 28. Mixi Platform • OpenSocial 0.8 • OAuth 2-legged
  • 29. Mixi Applications
  • 30. Process flow
  • 31. PC App
  • 32. Mobile App
  • 33. Mobile App (Cont.)
  • 34. Both PC and Mobile App
  • 35. Mixi App API
  • 36. Mixi custom API• Invite friends invite:friends?callback=[escaped URL] HTML: <a href="invite:friends?callback=http%3A%2F%2Fexample.com%2Ffoo%2F">Invite</a>• Get location location:gps?url=[escaped URL] <a href="location:gps?url=http%3A%2F%2Fexample.com%2Ffoo%2F">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. Agenda• Social Networks Overview• OpenSocial Introduction• Mixi Platform
  • 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. Q&A