Hackuzela: Hacking Yahoo! Social

2,600 views
2,532 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,600
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
21
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Hackuzela: Hacking Yahoo! Social

  1. 1. Saurabh Sahni Developer, Hacker, Evangelist
  2. 2. Our Audience 7/2/10
  3. 3. Two ways to hack Yahoo! Social 1)  Open Applications 2) Social APIs HOME PAGE MY YAHOO! SOCIAL UPDATES Y! TOOLBAR DIRECTORY PULSE …more coming soon CONTACTS STATUS Run your applications across Yahoo! Syndicate UGC Reach large Yahoo! audience Leverage Yahoo!’s 600+ million users in your social applications 7/2/10
  4. 4. Open Applications HOME PAGE MY YAHOO! Y! TOOLBAR PULSE …more coming soon 7/2/10
  5. 5. 7/2/10
  6. 6. 7/2/10
  7. 7. 7/2/10
  8. 8. 7/2/10
  9. 9. 7/2/10
  10. 10. Why hack open apps? EASY TO BUILD - Quickly prototype idea within 24 hours ENGAGING - Permanently parked in high-traffic starting points - Launch directly in production. No blockers! - Viral in nature DISTRIBUTABLE - Discovery - Promotion - Media buy enhanced SOCIAL - Access user Profile & Connection data - Interactive, personalized MY APP 7/2/10
  11. 11. YAP: Programming Model http://www.flickr.com/photos/dimitridf/284180413 7/2/10
  12. 12. YAP : Small View •  Small View: •  Cached, needs to be fast •  Supports only: Html, Inline css, YML •  Can be pushed programmatically •  SetSmallView(guid, newYML) •  Can be updated with fresh content •  yml:include fetches new data from your servers 7/2/10
  13. 13. YAP: Canvas View •  Loads external URL from your server •  Support for: •  Open social 0.8 (JS & REST) •  YML, CSS, HTML, JS •  Runs in an iFrame with Caja •  Yahoo! SDK 7/2/10
  14. 14. 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 7/2/10
  15. 15. 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 - - 7/2/10
  16. 16. 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:include> •  Enables to load fresh content once SmallView is loaded •  <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 - - 7/2/10
  17. 17. 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 7/2/10
  18. 18. Production Hosting http://www.joyent.com/developers/yahoo 7/2/10
  19. 19. SOCIAL DIRECTORY UPDATES 2. Social APIs CONTACTS STATUS 7/2/10
  20. 20. http://developer.yahoo.com/social/ 7/2/10
  21. 21. 7/2/10
  22. 22. 7/2/10
  23. 23. 7/2/10
  24. 24. YAHOO! MESSENGER 7/2/10
  25. 25. 7/2/10
  26. 26. Easiest way to use Social APIs is via YQL http://developer.yahoo.com/yql/console/ http://developer.yahoo.com/yql/console/ 7/2/10
  27. 27. 7/2/10
  28. 28. 7/2/10
  29. 29. 7/2/10
  30. 30. Updates Firehose Access all Yahoo! Updates in real time via YQL 7/2/10 http://www.flickr.com/photos/thomashawk/250792779/
  31. 31. Updates Firehose 7/2/10
  32. 32. More tuning Query search: select * from social.updates.search where query='earthquake'; select * from social.updates.search where link='huffingtonpost.com'; 7/2/10
  33. 33. Hacking: Updates in your language http://www.flickr.com/photos/dimitridf/2841804136/
  34. 34. 7/2/10
  35. 35. 7/2/10
  36. 36. Get Yahoo! SDK http://developer.yahoo.com/social/sdk/ PHP SDK: http://github.com/yahoo/yos-social-php 7/2/10
  37. 37. https://developer.apps.yahoo.com/projects/ 7/2/10
  38. 38. https://developer.apps.yahoo.com/projects/ 7/2/10
  39. 39. 7/2/10
  40. 40. Gadget XML: http://github.com/saurabhsahni/Hacks 7/2/10
  41. 41. 7/2/10
  42. 42. 7/2/10
  43. 43. 7/2/10
  44. 44. Gadget XML: http://github.com/saurabhsahni/Hacks 7/2/10
  45. 45. 7/2/10
  46. 46. 7/2/10
  47. 47. 7/2/10
  48. 48. Links •  Yahoo! Application Platform - http://developer.yahoo.com/yap/ •  Yahoo! Social APIs - http://developer.yahoo.com/social/ •  Yahoo! Query Language - http://developer.yahoo.com/yql/ •  PHP SDK - http://github.com/yahoo/yos-social-php •  Examples - http://github.com/saurabhsahni/Hacks 7/2/10

×