Building Applications on Yahoo! University of Michigan Hack U ’09 Erik Eldridge Yahoo! Developer Network Photo credit: jurvetson (http://ow.ly/1046)

Why is Yahoo! opening up? A history of supporting open technology Apache, MySQL, PHP, JavaScript, BSD/Linux, to name a few A history of hacking Yahoo! wants to share its audience

A history of supporting open technology

Apache, MySQL, PHP, JavaScript, BSD/Linux, to name a few

A history of hacking

Yahoo! wants to share its audience

Before I continue… These slides are online here: slideshare.net/erikeldridge

These slides are online here: slideshare.net/erikeldridge

Yahoo!’s Open Stack

What is the Yahoo! Application Platform? It’s a way to run apps on Yahoo!

It’s a way to run apps on Yahoo!

3 views of YAP: My Y! screenshot

3 views of YAP: canvas screenshot

3 views of YAP: y! metro

Yahoo! Application Platform (YAP) Optimized for speed and security (YML, Caja) Uses raw Javascript, CSS, and HTML, and Yahoo! Markup Language (YML) Supports OpenSocial JavaScript API

Optimized for speed and security (YML, Caja)

Uses raw Javascript, CSS, and HTML, and Yahoo! Markup Language (YML)

Supports OpenSocial JavaScript API

How do I use it? YDN Open App + Your server + Your code = Your app on Yahoo!

YDN Open App

+

Your server

+

Your code

=

Your app on Yahoo!

Example: OpenSocial Activities <script> var params = {}; params[opensocial.Activity.Field.TITLE] = 'title'; params[opensocial.Activity.Field.BODY] = 'body'; var activity = opensocial.newActivity(params); opensocial.requestCreateActivity( activity, opensocial.CreateActivityPriority.LOW, function(){}); </script>

<script>

var params = {};

params[opensocial.Activity.Field.TITLE] = 'title';

params[opensocial.Activity.Field.BODY] = 'body';

var activity = opensocial.newActivity(params);

opensocial.requestCreateActivity(

activity,

opensocial.CreateActivityPriority.LOW,

function(){});

</script>

Example: Screenshot of results

What did we do? <script> var params = {}; params[opensocial.Activity.Field.TITLE] = 'title'; params[opensocial.Activity.Field.BODY] = 'body'; var activity = opensocial.newActivity(params); opensocial.requestCreateActivity( activity, opensocial.CreateActivityPriority.LOW, function(){}); </script>

<script>

var params = {};

params[opensocial.Activity.Field.TITLE] = 'title';

params[opensocial.Activity.Field.BODY] = 'body';

var activity = opensocial.newActivity(params);

opensocial.requestCreateActivity(

activity,

opensocial.CreateActivityPriority.LOW,

function(){});

</script>

App Updates Updates from YAP are distributed across Yahoo! Properties, e.g., Mail, Profiles, Buzz, etc. Clients, e.g., Messenger, Toolbar Externally through Updates API

Updates from YAP are distributed across Yahoo!

Properties, e.g., Mail, Profiles, Buzz, etc.

Clients, e.g., Messenger, Toolbar

Externally through Updates API

What does YAP do for me? Hundreds of millions of Yahoo! users Instant publication Secure, Standard JavaScript, HTML, CSS OpenSocial JS API

Hundreds of millions of Yahoo! users

Instant publication

Secure, Standard JavaScript, HTML, CSS

OpenSocial JS API

Resources developer.yahoo.com /dashboard /yap /yap/yml /social /forums Caja project iframe security

developer.yahoo.com

/dashboard

/yap

/yap/yml

/social

/forums

Caja project

iframe security

Thank you! If you have questions later: Twitter/IRC: erikeldridge

If you have questions later:

Twitter/IRC: erikeldridge