Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

YAP - HackU 2011

3,613 views

Published on

Slides from my talk about YAP which I gave at Hack U in IIT-Kanpur

Published in: Technology, Design
  • Be the first to comment

YAP - HackU 2011

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

×