Yahoo Application Platform<br />Sudar Muthu<br />Research Engineer<br />Twitter: @sudarmuthu<br />
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 />Ful...
 Open Applications<br />HOME PAGE<br />MY YAHOO!<br />Y! TOOLBAR<br />PULSE<br />…more coming soon<br />
Why hack open apps?<br />ENGAGING- Permanently parked in high-traffic starting points- Viral in nature<br />EASY TO BUILD<...
What can you do?<br />Materialize Social Graph data for engaging experiences<br />Build apps for Yahoo! network and reach ...
YAP : Small View<br />Small size<br />Cached, needs to be fast<br />Supports only: Html, Inline css, YML<br />
YAP: Canvas View<br />Loads external URL from your server<br />Support for:<br /><ul><li>Open social
YML, CSS, HTML, JS</li></ul>Runs in an iFrame with Caja<br />Yahoo! SDK<br />
YAP - Accessing User Data<br />Guid<br />Unique identifier for a user<br />Public info, can be stored on your servers<br /...
Social Platforms: Available APIs<br />Social Directory: One Social Graph<br />Contacts, connections & profile data<br />Up...
YML: Yummy Language To Get You Started<br />Enables you to get cool features fast<br /><yml:a view=”Full” params=”prefs.ph...
YML – Demo<br />   Demo app   http://pulse.yahoo.com/y/apps/xevKmU6s/<br />	Source code<br />http://github.com/sudar/yml-d...
Demo – Ego Search<br />YAP Demo – Ego Search  <br />http://pulse.yahoo.com/y/apps/Xa1rAM6k/<br />Source Code<br />http://g...
https://developer.apps.yahoo.com/projects/<br />
Gadget XML: http://github.com/sudar/ego-search/blob/master/gadget.xml <br />
PHP Code: http://github.com/sudar/ego-search/blob/master/fullview.php<br />
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 ...
Upcoming SlideShare
Loading in...5
×

YAP - HackU 2011

3,082

Published on

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

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,082
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
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 - 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 />
    1. A particular slide catching your eye?

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

    ×