YAP - HackU 2011
•Télécharger en tant que PPTX, PDF•
2 j'aime•1,698 vues
Slides from my talk about YAP which I gave at Hack U in IIT-Kanpur
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
Similaire à YAP - HackU 2011
Similaire à YAP - HackU 2011 (20)
Plus de Sudar Muthu
Plus de Sudar Muthu (20)
Dernier
Dernier (20)
YAP - HackU 2011
- 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
- 8. YML, CSS, HTML, JSRuns 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
- 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
Notes de l'éditeur
- 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.