Barcamphanoi Opensocial Application Development
1 like4,011 views
This document provides an introduction to OpenSocial, including: 1) OpenSocial allows developers to build social applications that can be used across multiple social networks through a common API. This avoids having to build separate applications for each individual network. 2) OpenSocial applications are built with Gadgets, which define the user interface, and Gadgets JavaScript/OpenSocial JavaScript, which provide APIs for functionality like user profiles, activities, and persistent storage. 3) Upcoming OpenSocial features include Caja for security and templating to simplify converting OpenSocial data to HTML.
Barcamphanoi Opensocial Application Development
- 1. OpenSocial Application Development 4 th year HUT student Hanoi-Aptech student Work for eXo Platform SEA Tech events: OpenSocial Hackathon, PHP Day, BarCamp Hanoi, Tweetup, Meetup, H4, etc., Tags: - OpenSocial - Web Standard - Fun URLs: http://hoatle.net http://twitter.com/hoatle
- 2. Agenda OpenSocial Introduction How to build OpenSocial Applications Upcoming features Challenges
- 3. OpenSocial Introduction “ The web is better when it's social.” So what does “social” mean?
- 4. What does “social” mean? Eliette, what do you do with your friends?
- 5. What does “social” mean?
- 6. What does “social” mean?
- 7. What does “social” mean?
- 8. What does “social” mean?
- 9. What does “social” mean?
- 10. What does “social” mean?
- 11. What does “social” mean?
- 12. What does “social” mean?
- 13. What does “social” mean? “ Talking”
- 14. What does “social” mean?
- 15. What does “social” mean?
- 16. What does “social” mean?
- 17. What does “social” mean?
- 18. Social Networks 3 features of a social network: Discover and Share (Search) Create and Share (Content) Discuss and Share (Communicate) Social networks include: Profiles: Who you are Friends: Your relationships Activities
- 19. A Social Network
- 20. Social Networks Manage large number of users and relationships Is slow to add new features
- 21. Social Networks
- 22. Social Networks A social application: Lets the social network manage users and relationships Adds new features to the social network Let users “install” the application without signing up for new accounts Grows quickly because users are already communicating to each other
- 23. Social Networks
- 24. Need for a social API How do we put applications in social networks???
- 25. Need for a social API
- 26. Need for a social API
- 27. Need for a social API
- 28. Need for a social API
- 29. Need for a social API
- 30. Need for a social API
- 31. Introduction to OpenSocial 19+ implemented containers 40+ committed containers 3000+ applications 400,000,00+ users (From Google Devfest Bangkok - 10/2008)
- 33. Where is OpenSocial live today? Live to users hi5 LinkedIn MySpace orkut Netlog Yahoo! Friendster Ning Google Friend Connect Live to developers IGoogle Gmail imeem Yoja CityIN .... Full list: http://wiki.opensocial.org/index.php?title=Containers
- 34. OpenSocial APIs Versions 0.6 – Client-side APIs introduced 0.7 – Server-side APIs introduced 0.8.1 – Server-side APIs finalized 0.9 – current development Client-side: Gadgets XML Gadgets JavaScript OpenSocial JavaScript Server-side: RESTful protocol, RPC protocol
- 35. How to build OpenSocial app OpenSocial app = Gadgets + Gadgets JavaScript + OpenSocial JavaScript
- 36. Gadgets XML file Meta data definition Highly cacheable + no high performance server requirement HTML for markup, structure CSS for presentation JavaScript for interactivity, behavior
- 37. Gadgets Views? - Gadgets can be rendered in different locations on a container - Certain page might be pubic, some are private - View provide a way for gadgets to provide different functionality depends on where it is rendered
- 38. Gadgets
- 39. Gadgets
- 40. Gadgets JavaScript gadgets.io.makeRequest() - cross-domain ajax call gadgets.json.parse() and gadget.json.stringify() gadgets.util.escapeString() gadgets.util.registerOnloadHandler() ...
- 41. OpenSocial JavaScript It's people: - VIEWER, OWNER? - Persistent data
- 44. OpenSocial JavaScript Persistent data: Give apps key, value storage directly on the container String only, JSON conversion for complex data Storage per app per user – scales well Ideal for settings, customizations
- 45. Upcoming features Caja: Reduces threats with a JavaScript sanitizer as an additional “sandbox” on top of Iframe protection Prevent gadgets from being used for phising, spam, malware, etc.,
- 46. Upcoming features Templating: Developers need a simple way to convert OpenSocial data to HTML DOM manipulation is slow and ugly
- 47. Templating <script type="text/os-template"> ${Viewer.displayName}'s friends:<br/> <div repeat="ViewerFriends"> <img src="${Cur.thumbnailUrl}" width="32" height="32"/> <a href="${Cur.profileUrl}" target="_new">${Cur.displayName}</a> </div> </script> See more: http://ostemplates-demo.appspot.com/
- 48. Challenges
- 49. Challenges Cross-container development is still tricky - Containers may not follow the standard. - Containers may follow the standard but have different policies. - Follow best practices: http://wiki.opensocial.org/index.php?title=Cross-container_Development
- 50. Challenges Scaling is hard: Easy to start and get some users.
- 51. Challenges Scaling is hard: Being popular in one social network can push your server to the limit...
- 52. Challenges Scaling is hard: ... being popular in many networks will push you right over.
- 53. Thank you :)! Discussion