MySpace Open Platform enhancements with OpenSocial 0.9

3,221 views

Published on

A summary and view into new features and enhancements being rolled out to the MySpace Developer Platform with the 0.9 OpenSocial spec.

Published in: Technology
0 Comments
15 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,221
On SlideShare
0
From Embeds
0
Number of Embeds
76
Actions
Shares
0
Downloads
0
Comments
0
Likes
15
Embeds 0
No embeds

No notes for slide

MySpace Open Platform enhancements with OpenSocial 0.9

  1. January 2009 MySpace Apps OpenSocial 0.9
  2. Introductions <ul><li>Who I am – Chris Cole Architect with MySpace Developer Platform </li></ul><ul><li>(& fill-in for Max Newbould) </li></ul><ul><li>Topics </li></ul><ul><ul><li>Highlight new developments </li></ul></ul><ul><ul><li>Overview of major features in OpenSocial 0.9 </li></ul></ul><ul><ul><li>Sneak-peak at coming attractions </li></ul></ul>
  3. New Features and Goodies <ul><li>External IFrame support library for PostTo (opensocial.requestSendMessage) </li></ul><ul><li>Multiple Invitees in App Invites </li></ul><ul><li>Activites </li></ul><ul><li>Notifications </li></ul><ul><li>Media Endpoints </li></ul><ul><li>OSML </li></ul><ul><li>Lightweight Javascript API (osapi.*) </li></ul>
  4. External IFrame Support Library <ul><li>DEMO Iframe postTo Workaround Search App Gallery for “ iframe postTo ” </li></ul><ul><li>Allows requestSendMessage , functionality from External Iframe apps (PostTo * targets) </li></ul><ul><li>http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=444347046 </li></ul><ul><li>Use REST endpoints for other opensocial calls </li></ul>
  5. External IFrame Support Library <ul><li>DEMO </li></ul>
  6. Activities <ul><li>Beta introduced with 0.8 </li></ul><ul><li>Allows App to post to Friend Updates feed </li></ul><ul><ul><li>Currently requires App to be installed </li></ul></ul><ul><ul><li>At full release all users will see activity feed messages </li></ul></ul><ul><li>Info on Templates, Activities on developer site http://developer.myspace.com/community/myspace/activities.aspx </li></ul>
  7. Notifications <ul><li>App to Person messages requestCreateNotification(recip, msg, callback) </li></ul><ul><li>Shows in Notifications folder in user’s inbox </li></ul><ul><li>Will support customizable Templates </li></ul><ul><li>Can send notification from any surface </li></ul>
  8. Rich Media Support <ul><li>Photo upload </li></ul><ul><li>Photos and Photo Albums via opensocial </li></ul><ul><ul><li>newFetchAlbumsRequest </li></ul></ul><ul><ul><li>newCreateAlbumRequest </li></ul></ul><ul><ul><li>newCreateMediaItemRequest </li></ul></ul><ul><ul><li>newUpdateAlbum /MediaItem Request </li></ul></ul><ul><ul><li>newDeleteAlbum /MediaItem Request </li></ul></ul>
  9. Rich Media Support <ul><li>DEMO </li></ul>
  10. OpenSocial Markup Language (OSML) <ul><li>Declarative tag-based language for opensocial apps </li></ul><ul><li>DataPipeline – Data fetching in one line <os:PeopleRequest … groupId=“@friends” key=“foo” /> </li></ul><ul><li>Templates and Tags </li></ul>
  11. Data Pipeline <ul><li>Declare and use data simply </li></ul><ul><ul><li>No need for 20+ lines of Javascript & callback functions </li></ul></ul><ul><li><os:ViewerRequest key=“Viewer” > </li></ul><ul><li>... </li></ul><ul><li><h1>Hello, ${Viewer.Name}</h1> </li></ul>
  12. Data Pipeline <ul><li>Not old-style data call </li></ul><ul><li>function requestMe() { var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest( opensocial.DataRequest.PersonId.VIEWER), &quot;viewer&quot;); req.send(handleRequestMe); </li></ul><ul><li>}; </li></ul><ul><li>function handleRequestMe(data) { </li></ul><ul><li>var viewer = data.get(&quot;viewer&quot;); </li></ul><ul><li>if (viewer.hadError()) { / </li></ul><ul><li>/Handle error using viewer.getError()... </li></ul><ul><li>return; </li></ul><ul><li>} </li></ul><ul><li>//No error. Do something with viewer.getData()... } </li></ul>
  13. OSML Templates <ul><li>Declare and use custom tags </li></ul><ul><li><script type=&quot;text/os-template&quot; tag=&quot;my:Hello&quot;> </li></ul><ul><li><h1>Hello World</h1> </li></ul><ul><li></script> </li></ul><ul><li>... </li></ul><ul><li><h1>My App Rules!</h1> </li></ul><ul><li><my:Hello /> </li></ul>
  14. OSML Templates <ul><li>Built-in subview support </li></ul><ul><li><Content type=“html” view=“Canvas” > </li></ul><ul><li>. . . </li></ul><ul><li><os:NavigateTo target=“canvas.about” >About</os:NavigateTo> </li></ul><ul><li></Content> </li></ul><ul><li><Content type=“html” view=“Canvas.about” > </li></ul><ul><li>About this app </li></ul><ul><li></Content> </li></ul>
  15. OSML <ul><li>DEMO </li></ul>
  16. OpenSocial <ul><li>http://opensocial.org </li></ul>
  17. OpenSocial <ul><li>Questions </li></ul>

×