Your SlideShare is downloading. ×
0
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Yap hack u-2010
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Yap hack u-2010

2,791

Published on

Yahoo Application Platform - YAP

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,791
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Yml:name Displays the name of the specified person. Optionally, links to the person's Yahoo! Profile page.
  • Calls to alert() are redirected to console.log(). You can'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.
  • Transcript

    • 1.
    • 2. Yahoo Application Platform Sudar Muthu Research Engineer Twitter: @sudarmuthu
    • 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. Open Applications HOME PAGE MY YAHOO! … more coming soon Y! TOOLBAR PULSE
    • 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. <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. 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. 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. 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. 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. 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. <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. <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. https://developer.apps.yahoo.com/projects/
    • 15.  
    • 16. Gadget XML: http://github.com/sudar/ego-search/blob/master/gadget.xml
    • 17.  
    • 18.  
    • 19.  
    • 20. PHP Code: http://github.com/sudar/ego-search/blob/master/fullview.php
    • 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>
    • 22. <ul><li>Thank You! </li></ul>Sudar Muthu http://sudarmuthu.com http:// github.com/sudar http://slideshare.net/Sudar/ http://twitter.com/sudarmuthu

    ×