Yahoo Application Platform Sudar Muthu Research Engineer Twitter: @sudarmuthu
<ul><li>What is YAP </li></ul><ul><li>Why use YAP </li></ul><ul><li>What can you do with YAP </li></ul><ul><li>Anatomy of ...
Open Applications HOME PAGE MY YAHOO! … more coming soon Y! TOOLBAR PULSE
Why hack open apps? MY APP SOCIAL - Access user Profile & Connection data - Interactive, personalized DISTRIBUTABLE - Disc...
<ul><li>Materialize Social Graph data for engaging experiences </li></ul><ul><li>Build apps for Yahoo! network and reach  ...
YAP : Small View <ul><li>Small size </li></ul><ul><li>Cached, needs to be fast </li></ul><ul><li>Supports only: Html, Inli...
YAP: Canvas View <ul><li>Loads external URL from your server </li></ul><ul><li>Support for: </li></ul><ul><ul><li>Open soc...
YAP - Accessing User Data <ul><li>Guid </li></ul><ul><ul><li>Unique identifier for a user </li></ul></ul><ul><ul><li>Publi...
Social Platforms: Available APIs <ul><li>Social Directory: One Social Graph </li></ul><ul><ul><li>Contacts, connections & ...
YML: Yummy Language To Get You Started <ul><li>Enables you to get cool features fast </li></ul><ul><ul><li><yml:a view=”Fu...
<ul><li>Demo app  http://apps.yahoo.com/-xevKmU6s   </li></ul><ul><li>Source code </li></ul><ul><li>http:// github.com/sud...
<ul><li>YAP Demo – Ego Search  </li></ul><ul><li>http://apps.yahoo.com/-Xa1rAM6k   </li></ul><ul><li>Source Code </li></ul...
https://developer.apps.yahoo.com/projects/
 
Gadget XML:  http://github.com/sudar/ego-search/blob/master/gadget.xml
 
 
 
PHP Code:  http://github.com/sudar/ego-search/blob/master/fullview.php
YAP Cautions <ul><li>Your gadget URL needs to be a prod host </li></ul><ul><li>Not all HTML/JS will run for security </li>...
<ul><li>Thank You! </li></ul>Sudar Muthu http://sudarmuthu.com http:// github.com/sudar http://slideshare.net/Sudar/ http:...
Upcoming SlideShare
Loading in...5
×

Yap hack u-2010

2,809

Published on

Yahoo Application Platform - YAP

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

  • Be the first to like this

No Downloads
Views
Total Views
2,809
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Yml:name Displays the name of the specified person. Optionally, links to the person&apos;s Yahoo! Profile page.
  • Calls to alert() are redirected to console.log(). You can&apos;t use external scripts or external stylesheets yet. Inline them instead. Complex libraries such as YUI, jQuery, and Prototype might partially work if you inline them, but they are not seamless yet. The document.write method is subject to restrictions described in DOM Limitations . However, innerHTML and many commonly-used DOM interfaces are supported.
  • Yap hack u-2010

    1. 1.
    2. 2. Yahoo Application Platform Sudar Muthu Research Engineer Twitter: @sudarmuthu
    3. 3. <ul><li>What is YAP </li></ul><ul><li>Why use YAP </li></ul><ul><li>What can you do with YAP </li></ul><ul><li>Anatomy of YAP app </li></ul><ul><ul><li>Small View </li></ul></ul><ul><ul><li>Full View </li></ul></ul><ul><li>YML </li></ul><ul><li>YAP Cautions </li></ul><ul><li>Demo </li></ul><ul><li>Thank you </li></ul><ul><ul><li>B </li></ul></ul><ul><ul><ul><li>C </li></ul></ul></ul><ul><ul><ul><ul><li>D </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>E </li></ul></ul></ul></ul></ul>Overview
    4. 4. Open Applications HOME PAGE MY YAHOO! … more coming soon Y! TOOLBAR PULSE
    5. 5. Why hack open apps? MY APP SOCIAL - Access user Profile & Connection data - Interactive, personalized DISTRIBUTABLE - Discovery - Promotion - Media buy enhanced ENGAGING - Permanently parked in high-traffic starting points - Viral in nature EASY TO BUILD - Quickly prototype idea within 24 hours - Launch directly in production. No blockers!
    6. 6. <ul><li>Materialize Social Graph data for engaging experiences </li></ul><ul><li>Build apps for Yahoo! network and reach 600M+ audience </li></ul><ul><li>Use updates API to make your hacks viral </li></ul><ul><li>Improve social search experience </li></ul><ul><li>Think social games! </li></ul><ul><li>Personalize your hacks with Yahoo! Profile data. Use Yahoo! Login. </li></ul>What can you do?
    7. 7. YAP : Small View <ul><li>Small size </li></ul><ul><li>Cached, needs to be fast </li></ul><ul><li>Supports only: Html, Inline css, YML </li></ul>
    8. 8. YAP: Canvas View <ul><li>Loads external URL from your server </li></ul><ul><li>Support for: </li></ul><ul><ul><li>Open social </li></ul></ul><ul><ul><li>YML, CSS, HTML, JS </li></ul></ul><ul><li>Runs in an iFrame with Caja </li></ul><ul><li>Yahoo! SDK </li></ul>
    9. 9. YAP - Accessing User Data <ul><li>Guid </li></ul><ul><ul><li>Unique identifier for a user </li></ul></ul><ul><ul><li>Public info, can be stored on your servers </li></ul></ul><ul><li>Consumer Key / Secret </li></ul><ul><ul><li>Specifies “API Scopes” </li></ul></ul><ul><ul><li>Enables to query Yahoo! WS </li></ul></ul><ul><ul><li>Necessary for OAuth 1.1 authentication </li></ul></ul><ul><ul><li>Automatically created for you in devTool </li></ul></ul>
    10. 10. Social Platforms: Available APIs <ul><li>Social Directory: One Social Graph </li></ul><ul><ul><li>Contacts, connections & profile data </li></ul></ul><ul><li>Updates </li></ul><ul><ul><li>Syndicate user content & activity </li></ul></ul><ul><li>Presence </li></ul><ul><ul><li>Read, write presence </li></ul></ul><ul><li>SDK simplifies access </li></ul><ul><li>Make it easy: YQL </li></ul>- -
    11. 11. YML: Yummy Language To Get You Started <ul><li>Enables you to get cool features fast </li></ul><ul><ul><li><yml:a view=”Full” params=”prefs.php”/> </li></ul></ul><ul><ul><ul><li>Enables ajaxy behaviors in SmallView </li></ul></ul></ul><ul><ul><li><yml:profile-pic uid=”XXX”> </li></ul></ul><ul><ul><li><yml:name uid=”viewer” linked=&quot;true&quot;/> </li></ul></ul><ul><ul><li>  <yml:friend-selector uid=&quot;viewer&quot;/>   </li></ul></ul><ul><ul><li><yml:user-badge uid=&quot;viewer&quot; linked=&quot;true” />    </li></ul></ul>- - More: http://developer.yahoo.com/yap/guide/yapdev-yml.html
    12. 12. <ul><li>Demo app http://apps.yahoo.com/-xevKmU6s </li></ul><ul><li>Source code </li></ul><ul><li>http:// github.com/sudar/yml -demo </li></ul>YML – Demo
    13. 13. <ul><li>YAP Demo – Ego Search </li></ul><ul><li>http://apps.yahoo.com/-Xa1rAM6k </li></ul><ul><li>Source Code </li></ul><ul><li>http://github.com/sudar/ego-search </li></ul>Demo – Ego Search
    14. 14. https://developer.apps.yahoo.com/projects/
    15. 16. Gadget XML: http://github.com/sudar/ego-search/blob/master/gadget.xml
    16. 20. PHP Code: http://github.com/sudar/ego-search/blob/master/fullview.php
    17. 21. YAP Cautions <ul><li>Your gadget URL needs to be a prod host </li></ul><ul><li>Not all HTML/JS will run for security </li></ul><ul><ul><ul><li>JS/HTML will be cajoled </li></ul></ul></ul><ul><ul><ul><li>YML and OpenSocial are whitelisted </li></ul></ul></ul><ul><li>Small view: </li></ul><ul><ul><ul><li>No Javascript </li></ul></ul></ul><ul><ul><ul><li>NO CSS </li></ul></ul></ul><ul><ul><ul><li>No <a> Links except </li></ul></ul></ul><ul><ul><ul><li>via YML </li></ul></ul></ul>
    18. 22. <ul><li>Thank You! </li></ul>Sudar Muthu http://sudarmuthu.com http:// github.com/sudar http://slideshare.net/Sudar/ http://twitter.com/sudarmuthu
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×