January 2009 MySpace Apps OpenSocial 0.9

Introductions Who I am – Chris Cole Architect with MySpace Developer Platform (& fill-in for Max Newbould) Topics Highlight new developments Overview of major features in OpenSocial 0.9 Sneak-peak at coming attractions

Who I am – Chris Cole Architect with MySpace Developer Platform

(& fill-in for Max Newbould)

Topics

Highlight new developments

Overview of major features in OpenSocial 0.9

Sneak-peak at coming attractions

New Features and Goodies External IFrame support library for PostTo (opensocial.requestSendMessage) Multiple Invitees in App Invites Activites Notifications Media Endpoints OSML Lightweight Javascript API (osapi.*)

External IFrame support library for PostTo (opensocial.requestSendMessage)

Multiple Invitees in App Invites

Activites

Notifications

Media Endpoints

OSML

Lightweight Javascript API (osapi.*)

External IFrame Support Library DEMO Iframe postTo Workaround Search App Gallery for “ iframe postTo ” Allows requestSendMessage , functionality from External Iframe apps (PostTo * targets) http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=444347046 Use REST endpoints for other opensocial calls

DEMO Iframe postTo Workaround Search App Gallery for “ iframe postTo ”

Allows requestSendMessage , functionality from External Iframe apps (PostTo * targets)

http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=444347046

Use REST endpoints for other opensocial calls

External IFrame Support Library DEMO

DEMO

Activities Beta introduced with 0.8 Allows App to post to Friend Updates feed Currently requires App to be installed At full release all users will see activity feed messages Info on Templates, Activities on developer site http://developer.myspace.com/community/myspace/activities.aspx

Beta introduced with 0.8

Allows App to post to Friend Updates feed

Currently requires App to be installed

At full release all users will see activity feed messages

Info on Templates, Activities on developer site http://developer.myspace.com/community/myspace/activities.aspx

Notifications App to Person messages requestCreateNotification(recip, msg, callback) Shows in Notifications folder in user’s inbox Will support customizable Templates Can send notification from any surface

App to Person messages requestCreateNotification(recip, msg, callback)

Shows in Notifications folder in user’s inbox

Will support customizable Templates

Can send notification from any surface

Rich Media Support Photo upload Photos and Photo Albums via opensocial newFetchAlbumsRequest newCreateAlbumRequest newCreateMediaItemRequest newUpdateAlbum /MediaItem Request newDeleteAlbum /MediaItem Request

Photo upload

Photos and Photo Albums via opensocial

newFetchAlbumsRequest

newCreateAlbumRequest

newCreateMediaItemRequest

newUpdateAlbum /MediaItem Request

newDeleteAlbum /MediaItem Request

Rich Media Support DEMO

DEMO

OpenSocial Markup Language (OSML) Declarative tag-based language for opensocial apps DataPipeline – Data fetching in one line <os:PeopleRequest … groupId=“@friends” key=“foo” /> Templates and Tags

Declarative tag-based language for opensocial apps

DataPipeline – Data fetching in one line <os:PeopleRequest … groupId=“@friends” key=“foo” />

Templates and Tags

Data Pipeline Declare and use data simply No need for 20+ lines of Javascript & callback functions <os:ViewerRequest key=“Viewer” > ... <h1>Hello, ${Viewer.Name}</h1>

Declare and use data simply

No need for 20+ lines of Javascript & callback functions

<os:ViewerRequest key=“Viewer” >

...

<h1>Hello, ${Viewer.Name}</h1>

Data Pipeline Not old-style data call function requestMe() { var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest( opensocial.DataRequest.PersonId.VIEWER), &quot;viewer&quot;); req.send(handleRequestMe); }; function handleRequestMe(data) { var viewer = data.get(&quot;viewer&quot;); if (viewer.hadError()) { / /Handle error using viewer.getError()... return; } //No error. Do something with viewer.getData()... }

Not old-style data call

function requestMe() { var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest( opensocial.DataRequest.PersonId.VIEWER), &quot;viewer&quot;); req.send(handleRequestMe);

};

function handleRequestMe(data) {

var viewer = data.get(&quot;viewer&quot;);

if (viewer.hadError()) { /

/Handle error using viewer.getError()...

return;

}

//No error. Do something with viewer.getData()... }

OSML Templates Declare and use custom tags <script type=&quot;text/os-template&quot; tag=&quot;my:Hello&quot;> <h1>Hello World</h1> </script> ... <h1>My App Rules!</h1> <my:Hello />

Declare and use custom tags

<script type=&quot;text/os-template&quot; tag=&quot;my:Hello&quot;>

<h1>Hello World</h1>

</script>

...

<h1>My App Rules!</h1>

<my:Hello />

OSML Templates Built-in subview support <Content type=“html” view=“Canvas” > . . . <os:NavigateTo target=“canvas.about” >About</os:NavigateTo> </Content> <Content type=“html” view=“Canvas.about” > About this app </Content>

Built-in subview support

<Content type=“html” view=“Canvas” >

. . .

<os:NavigateTo target=“canvas.about” >About</os:NavigateTo>

</Content>

<Content type=“html” view=“Canvas.about” >

About this app

</Content>

OSML DEMO

DEMO

OpenSocial http://opensocial.org

http://opensocial.org

OpenSocial Questions

Questions