Yahoo Application PlatformSudar MuthuResearch EngineerTwitter: @sudarmuthu
Overview What is YAPWhy use YAPWhat can you do with YAPAnatomy of YAP appSmall ViewFull ViewYMLYAP CautionsDemoThank you2
 Open ApplicationsHOME PAGEMY YAHOO!Y! TOOLBARPULSE…more coming soon
Why hack open apps?ENGAGING- Permanently parked in high-traffic starting points- Viral in natureEASY TO BUILD- Quickly prototype idea within 24 hours- Launch directly in production. No blockers!DISTRIBUTABLE- Discovery- Promotion- Media buy enhancedSOCIAL- Access user Profile & Connection data- Interactive, personalizedMY APP
What can you do?Materialize Social Graph data for engaging experiencesBuild apps for Yahoo! network and reach  600M+ audienceUse updates API to make your hacks viralImprove social search experienceThink social games!Personalize your hacks with Yahoo! Profile data. Use Yahoo! Login.
YAP : Small ViewSmall sizeCached, needs to be fastSupports only: Html, Inline css, YML
YAP: Canvas ViewLoads external URL from your serverSupport for:Open social
YML, CSS, HTML, JSRuns in an iFrame with CajaYahoo! SDK
YAP - Accessing User DataGuidUnique identifier for a userPublic info, can be stored on your serversConsumer Key / SecretSpecifies “API Scopes”Enables to query Yahoo! WSNecessary for OAuth 1.1 authenticationAutomatically created for you in devTool
Social Platforms: Available APIsSocial Directory: One Social GraphContacts, connections & profile dataUpdatesSyndicate user content & activity PresenceRead, write presenceSDK simplifies access Make it easy: YQL-  -
YML: Yummy Language To Get You StartedEnables you to get cool features fast<yml:a view=”Full” params=”prefs.php”/>Enables ajaxy behaviors in SmallView<yml:profile-pic uid=”XXX”><yml:name uid=”viewer” linked="true"/> <yml:friend-selector uid="viewer"/>   <yml:user-badge uid="viewer" linked="true” />   More: http://developer.yahoo.com/yap/guide/yapdev-yml.html-  -
YML – Demo   Demo app   http://pulse.yahoo.com/y/apps/xevKmU6s/	Source codehttp://github.com/sudar/yml-demo11
Demo – Ego SearchYAP Demo – Ego Search  http://pulse.yahoo.com/y/apps/Xa1rAM6k/Source Codehttp://github.com/sudar/ego-search12
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 CautionsYour gadget URL needs to be a prod hostNot all HTML/JS will run for securityJS/HTML will be cajoledYML and OpenSocial are whitelistedSmall view: No JavascriptNO CSSNo <a> Links except    via YML

YAP - HackU 2011

  • 1.
    Yahoo Application PlatformSudarMuthuResearch EngineerTwitter: @sudarmuthu
  • 2.
    Overview What isYAPWhy use YAPWhat can you do with YAPAnatomy of YAP appSmall ViewFull ViewYMLYAP CautionsDemoThank you2
  • 3.
    Open ApplicationsHOMEPAGEMY YAHOO!Y! TOOLBARPULSE…more coming soon
  • 4.
    Why hack openapps?ENGAGING- Permanently parked in high-traffic starting points- Viral in natureEASY TO BUILD- Quickly prototype idea within 24 hours- Launch directly in production. No blockers!DISTRIBUTABLE- Discovery- Promotion- Media buy enhancedSOCIAL- Access user Profile & Connection data- Interactive, personalizedMY APP
  • 5.
    What can youdo?Materialize Social Graph data for engaging experiencesBuild apps for Yahoo! network and reach 600M+ audienceUse updates API to make your hacks viralImprove social search experienceThink social games!Personalize your hacks with Yahoo! Profile data. Use Yahoo! Login.
  • 6.
    YAP : SmallViewSmall sizeCached, needs to be fastSupports only: Html, Inline css, YML
  • 7.
    YAP: Canvas ViewLoadsexternal URL from your serverSupport for:Open social
  • 8.
    YML, CSS, HTML,JSRuns in an iFrame with CajaYahoo! SDK
  • 9.
    YAP - AccessingUser DataGuidUnique identifier for a userPublic info, can be stored on your serversConsumer Key / SecretSpecifies “API Scopes”Enables to query Yahoo! WSNecessary for OAuth 1.1 authenticationAutomatically created for you in devTool
  • 10.
    Social Platforms: AvailableAPIsSocial Directory: One Social GraphContacts, connections & profile dataUpdatesSyndicate user content & activity PresenceRead, write presenceSDK simplifies access Make it easy: YQL- -
  • 11.
    YML: Yummy LanguageTo Get You StartedEnables you to get cool features fast<yml:a view=”Full” params=”prefs.php”/>Enables ajaxy behaviors in SmallView<yml:profile-pic uid=”XXX”><yml:name uid=”viewer” linked="true"/> <yml:friend-selector uid="viewer"/>   <yml:user-badge uid="viewer" linked="true” />   More: http://developer.yahoo.com/yap/guide/yapdev-yml.html- -
  • 12.
    YML – Demo Demo app http://pulse.yahoo.com/y/apps/xevKmU6s/ Source codehttp://github.com/sudar/yml-demo11
  • 13.
    Demo – EgoSearchYAP Demo – Ego Search http://pulse.yahoo.com/y/apps/Xa1rAM6k/Source Codehttp://github.com/sudar/ego-search12
  • 14.
  • 16.
  • 20.
  • 21.
    YAP CautionsYour gadgetURL needs to be a prod hostNot all HTML/JS will run for securityJS/HTML will be cajoledYML and OpenSocial are whitelistedSmall view: No JavascriptNO CSSNo <a> Links except via YML

Editor's Notes

  • #11 Yml:name Displays the name of the specified person. Optionally, links to the person&apos;s Yahoo! Profile page.
  • #21 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.