Successfully reported this slideshow.

Yap hack u-2010



Upcoming SlideShare
YAP - HackU 2011
YAP - HackU 2011
Loading in …3
1 of 22
1 of 22

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

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:
  12. 12. <ul><li>Demo app </li></ul><ul><li>Source code </li></ul><ul><li>http:// -demo </li></ul>YML – Demo
  13. 13. <ul><li>YAP Demo – Ego Search </li></ul><ul><li> </li></ul><ul><li>Source Code </li></ul><ul><li> </li></ul>Demo – Ego Search
  14. 14.
  15. 16. Gadget XML:
  16. 20. PHP Code:
  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://

Editor's Notes

  • 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.
  • ×