yahoo! app. platform : university of michigan hack u '09
DESCRIPTION
What is the Yahoo Application Platform? How do I use it? YAP provides you with a base from which you can quickly and securely launch apps on My Yahoo!. The Yahoo! activity stream presents unparalleled opportunities for app virality by transmitting updates from your application to a diversity of Yahoo! products including Mail, Messenger, and your profile, and even off-network through the new social APIs. Build on YAP and your next idea could have an audience of millions overnight. In this brief talk, Erik introduces the platform, explains some of the technologies it uses, and walks through a couple code examples demonstrating some of the platform features.TRANSCRIPT
Building Applications on Yahoo!
Photo credit: jurvetson (http://ow.ly/1046)
University of Michigan Hack U ’09
Erik Eldridge
Yahoo! Developer Network
2
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
3
Before I continue…
• These slides are online here:slideshare.net/erikeldridge
4
Yahoo!’s Open Stack
5
What is the Yahoo! Application Platform?
• It’s a way to run apps on Yahoo!
6
3 views of YAP: My Y! screenshot
7
3 views of YAP: canvas screenshot
8
3 views of YAP: y! metro
9
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
10
How do I use it?
YDN Open App
+
Your server
+
Your code
=
Your app on Yahoo!
11
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>
12
Example: Screenshot of results
13
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>
14
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
15
What does YAP do for me?
• Hundreds of millions of Yahoo! users
• Instant publication
• Secure, Standard JavaScript, HTML, CSS
• OpenSocial JS API
16
Resources
• developer.yahoo.com– /dashboard– /yap– /yap/yml– /social– /forums
• Caja project• iframe security
17
Thank you!
• If you have questions later:– Twitter/IRC: erikeldridge