Hackuzela: Hacking Yahoo! Social

  • 2,208 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,208
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
21
Comments
0
Likes
2

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

Transcript

  • 1. Saurabh Sahni Developer, Hacker, Evangelist
  • 2. Our Audience 7/2/10
  • 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. Open Applications HOME PAGE MY YAHOO! Y! TOOLBAR PULSE …more coming soon 7/2/10
  • 5. 7/2/10
  • 6. 7/2/10
  • 7. 7/2/10
  • 8. 7/2/10
  • 9. 7/2/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. YAP: Programming Model http://www.flickr.com/photos/dimitridf/284180413 7/2/10
  • 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. 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. 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. 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. 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. 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. Production Hosting http://www.joyent.com/developers/yahoo 7/2/10
  • 19. SOCIAL DIRECTORY UPDATES 2. Social APIs CONTACTS STATUS 7/2/10
  • 20. http://developer.yahoo.com/social/ 7/2/10
  • 21. 7/2/10
  • 22. 7/2/10
  • 23. 7/2/10
  • 24. YAHOO! MESSENGER 7/2/10
  • 25. 7/2/10
  • 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. 7/2/10
  • 28. 7/2/10
  • 29. 7/2/10
  • 30. Updates Firehose Access all Yahoo! Updates in real time via YQL 7/2/10 http://www.flickr.com/photos/thomashawk/250792779/
  • 31. Updates Firehose 7/2/10
  • 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. Hacking: Updates in your language http://www.flickr.com/photos/dimitridf/2841804136/
  • 34. 7/2/10
  • 35. 7/2/10
  • 36. Get Yahoo! SDK http://developer.yahoo.com/social/sdk/ PHP SDK: http://github.com/yahoo/yos-social-php 7/2/10
  • 37. https://developer.apps.yahoo.com/projects/ 7/2/10
  • 38. https://developer.apps.yahoo.com/projects/ 7/2/10
  • 39. 7/2/10
  • 40. Gadget XML: http://github.com/saurabhsahni/Hacks 7/2/10
  • 41. 7/2/10
  • 42. 7/2/10
  • 43. 7/2/10
  • 44. Gadget XML: http://github.com/saurabhsahni/Hacks 7/2/10
  • 45. 7/2/10
  • 46. 7/2/10
  • 47. 7/2/10
  • 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