Your SlideShare is downloading. ×

YAP - HackU 2011

3,034

Published on

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

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,034
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
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. Yahoo Application Platform
      Sudar Muthu
      Research Engineer
      Twitter: @sudarmuthu
    • 2. Overview
      What is YAP
      Why use YAP
      What can you do with YAP
      Anatomy of YAP app
      Small View
      Full View
      YML
      YAP Cautions
      Demo
      Thank you
      2
    • 3. Open Applications
      HOME PAGE
      MY YAHOO!
      Y! TOOLBAR
      PULSE
      …more coming soon
    • 4. Why hack open apps?
      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!
      DISTRIBUTABLE- Discovery- Promotion
      - Media buy enhanced
      SOCIAL- Access user Profile & Connection data- Interactive, personalized
      MY APP
    • 5. What can you do?
      Materialize Social Graph data for engaging experiences
      Build apps for Yahoo! network and reach 600M+ audience
      Use updates API to make your hacks viral
      Improve social search experience
      Think social games!
      Personalize your hacks with Yahoo! Profile data. Use Yahoo! Login.
    • 6. YAP : Small View
      Small size
      Cached, needs to be fast
      Supports only: Html, Inline css, YML
    • 7. YAP: Canvas View
      Loads external URL from your server
      Support for:
      • Open social
      • 8. YML, CSS, HTML, JS
      Runs in an iFrame with Caja
      Yahoo! SDK
    • 9. YAP - Accessing User Data
      Guid
      Unique identifier for a user
      Public info, can be stored on your servers
      Consumer Key / Secret
      Specifies “API Scopes”
      Enables to query Yahoo! WS
      Necessary for OAuth 1.1 authentication
      Automatically created for you in devTool
    • 10. Social Platforms: Available APIs
      Social Directory: One Social Graph
      Contacts, connections & profile data
      Updates
      Syndicate user content & activity
      Presence
      Read, write presence
      SDK simplifies access
      Make it easy: YQL
      - -
    • 11. YML: Yummy Language To Get You Started
      Enables 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 code
      http://github.com/sudar/yml-demo
      11
    • 13. Demo – Ego Search
      YAP Demo – Ego Search
      http://pulse.yahoo.com/y/apps/Xa1rAM6k/
      Source Code
      http://github.com/sudar/ego-search
      12
    • 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
      Your gadget URL needs to be a prod host
      Not all HTML/JS will run for security
      JS/HTML will be cajoled
      YML and OpenSocial are whitelisted
      Small view:
      No Javascript
      NO CSS
      No <a> Links except
      via YML
    • 22. Thank You!
      Sudar Muthuhttp://sudarmuthu.com
      http://github.com/sudarhttp://slideshare.net/Sudar/
      http://twitter.com/sudarmuthu
      21

    ×