Programming Social Applications
•Download as PPTX, PDF•
20 likes•6,458 views
Programming Social Applications talk at ConvergeSE 2011 (Columbia, SC)
![What We’re Going to Cover ,[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
Recommended
More Related Content
What's hot
What's hot (7)
Viewers also liked
Viewers also liked (20)
Similar to Programming Social Applications
Similar to Programming Social Applications (20)
More from Jonathan LeBlanc
More from Jonathan LeBlanc (20)
Recently uploaded
Recently uploaded (20)
Programming Social Applications
- 1. Programming Social Applications Jonathan LeBlanc Principal Software Engineer Yahoo! Developer Network Twitter: @jcleblanc Web: http://www.jcleblanc.com
- 3. Finger to Webfinger: Find User Social Data
- 4. Return of the Semantic Web: The Open Graph Protocol
- 5. Defining User Actions: Activity Streams
- 7. Finger to Webfinger: Find User Social Data
- 8. Return of the Semantic Web: The Open Graph Protocol
- 9. Defining User Actions: Activity Streams
- 11. Core Concepts: What Makes up a Social Application? The Social Graph Sharing Model Relationship Model
- 12. Core Concepts: The Social Graph
- 13. Core Concepts: Applying the Real Life Social Graph Online
- 14. Core Concepts: The Different Sharing Models The Opt-in Model The Opt-out Model
- 15. Core Concepts: Relationship Models Follower Model Connection Model Group Model
- 17. Finger to Webfinger: Find User Social Data
- 18. Return of the Semantic Web: The Open Graph Protocol
- 19. Defining User Actions: Activity Streams
- 21. WebFinger: Origin Through the Finger Protocol finger jleblanc@yahoo-inc.com Login name: jleblanc In real life: Jonathan LeBlanc Home phone: 123-4567 Office: Sunnyvale, CA Last Login: Tue Jun 21 15:41 on ttys000 jleblanc@yahoo-inc.com http://www.jcleblanc.com
- 22. WebFinger: How it Works
- 23. WebFinger: How it Works
- 24. WebFinger: How it Works
- 25. WebFinger: PerformingWebFinger Discovery curl http://gmail.com/.well-known/host-meta <XRD xmlns='http://docs.oasis-open.org/ns/xri/xrd-1.0' xmlns:hm='http://host-meta.net/xrd/1.0'> <hm:Hostxmlns='http://host-meta.net/xrd/1.0'> gmail.com</hm:Host> <Link rel='lrdd' template= 'http://www.google.com/s2/webfinger/?q={uri}'> <Title>Resource Descriptor</Title> </Link> </XRD>
- 26. WebFinger: PerformingWebFinger Discovery curl http://www.google.com/s2/webfinger/?q=nakedtechnologist@gmail.com The User Profile: http://www.google.com/profiles/nakedtechnologist The portable contacts link: http://www-opensocial.googleusercontent.com/api/people/118167121283215553793/ The public Google Buzz feed: https://www.googleapis.com/buzz/v1/activities/118167121283215553793/@public
- 27. WebFinger: Homework Using the well-known host-meta file, attempt to obtain your public profile from www.yahoo.com
- 29. Finger to Webfinger: Find User Social Data
- 30. Return of the Semantic Web: The Open Graph Protocol
- 31. Defining User Actions: Activity Streams
- 33. Open Graph Protocol: How Web Semantics Work
- 34. Open Graph Protocol: How Web Semantics Work Geo <span class="geo"> <span class="latitude">52.48</span>, <span class="longitude">-1.89</span> </span> vCard <div class="vcard"> <div class="fn">Joe Doe</div> <div class="org">The Example Company</div> <div class="tel">604-555-1234</div> <a class="url" href="http://site.com/">http://site.com/</a> </div>
- 35. Open Graph Protocol: Vision of the Semantic Web
- 36. Open Graph Protocol: Reality of the Semantic Web
- 37. Open Graph Protocol: What Changed?
- 38. Open Graph Protocol: How it Works
- 39. Open Graph Protocol: How it Works
- 40. Open Graph Protocol: How it Works
- 41. Open Graph Protocol: The Meta Data Format <html xmlns:og="http://ogp.me/ns#"> <head> <title>Restaurant at Wente Vineyards – Livermore</title> <meta property="og:url" content="http://www.yelp.com/biz/gATFcG9HTaXJpg"> <meta property="og:type" content="restaurant"> <meta property="og:title" content="The Restaurant at Wente Vineyards"> <meta property="og:image" content="http://media2.px.yelpcdn.com/iVSnIs"> ... </head> ... </html>
- 43. Location
- 45. Video Data
- 46. Audio Data
- 47. Objects
- 48. Activities
- 49. Businesses
- 50. Groups
- 51. Organizations
- 52. People
- 53. Places
- 54. Products and Entertainment
- 56. Open Graph Protocol: Homework Construct an Open Graph meta-data parser, then extract Open Graph meta-data from a restaurant page on www.yelp.com Hint: The www.ogp.me page has parser helpers.
- 58. Finger to Webfinger: Find User Social Data
- 59. Return of the Semantic Web: The Open Graph Protocol
- 60. Defining User Actions: Activity Streams
- 62. Activity Streams: What is an Activity?
- 64. Photo: The Object
- 66. Activity Streams: The Actor Mary added to a new photo into her collection. "actor": { "url": "http://providersite.com/mary", "objectType": "person", "id": "tag:provider.com,20110218,162643:mary", "image": { "url": "http://providersite.com/mary/image", "width": 125, "height": 125 }, "displayName": "Mary Smith" },
- 67. Activity Streams: The Object Mary added to a new photo into her collection. "object" : { "url": "http://site.com/mary/album/place.jpg", "objectType": "http://activitystrea.ms/schema/1.0/photo", "id": "tag:provider.com,20110218,162643:place", "image": { "url": "http://site.com/mary/album/thumb.jpg", "width": 100, "height": 100 } },
- 68. Activity Streams: The Target Mary added to a new photo into her collection. "target": { "url": "http://targetsite.com/mary/album/", "objectType": "http://activitystrea.ms/schema/1.0/ photo-album", "id": "tag:example.org,20110218,162643:album4323", "displayName": "Mary's Photo Album", "image": { "url": "http://site.com/mary/album/thumbnail.jpg", "width": 100, "height": 100 } }
- 69. Activity Streams: Object Properties Object Properties attachments author content display name downstreamDuplicates id image object type published summary updated upstreamDuplicates url url width Media Object Properties duration height
- 70. Activity Streams: Homework Take one of your activities (with a photo) from Facebook and convert it to an activity stream object.
- 72. Finger to Webfinger: Find User Social Data
- 73. Return of the Semantic Web: The Open Graph Protocol
- 74. Defining User Actions: Activity Streams
- 76. PubSubHubbub: How it Works
- 77. PubSubHubbub: How it Works
- 78. PubSubHubbub: How it Works
- 79. PubSubHubbub: How it Works
- 80. PubSubHubbub: How it Works
- 81. The Salmon Protocol www.salmon-protocol.org
- 82. The Salmon Protocol: How it Works
- 83. The Salmon Protocol: How it Works
- 84. The Salmon Protocol: How it Works
- 86. How does the publisher prevent spam or abuse?
- 88. LRDD (Link-based Resource Descriptor)Provider verifies signature via public keys obtained during discovery.
- 89. Pubsubhubbub and Salmon: Homework Construct a subscriber to subscribe to a hub, then create a publisher to push a feed to a hub. Hint: www.superfeedr.com has a hosted hub solution at http://superfeedr.com/hubbub
- 91. Finger to Webfinger: Find User Social Data
- 92. Return of the Semantic Web: The Open Graph Protocol
- 93. Defining User Actions: Activity Streams
- 95. Questions? http://www.slideshare.net/jcleblanc/slideshare.net/jcleblanc/programming-social Jonathan LeBlanc Twitter: @jcleblanc E-Mail: jleblanc@yahoo-inc.com
Editor's Notes
- Not just living on a platform like Facebook- Can consist of a profile, activities, connections, contacts, etc.- Any application that uses social data from users- LivingSocial share to 3 friends for a free purchase- Using Facebook social data
- Graph = our connections to people and things- Sharing = how we share our content and activities- relationships = how we follow and interact with people
- - Person to person relationships- Entity relationships- Direct relationship = greatest benefit for companies
- - Cluster in groups (no connect)- Easy part: clustering- Bad part: manual grouping- Hard part: privacy (Google Buzz story)
- Opt-in = user has to enable sharing before activities are pushedOpt-in example = location based app that has to request your permission to use your locOpt-out = activity push enabled by default and user has to disable to stopMost companies use a blend, where activities are promoted to a “trusted” group like friends
- Follower (Twitter) – user has a one to many relationshipConnection (Facebook) – user has a one to one relationshipGroup (Y! / Google Groups - simple) – user has a one to few relationshipPrivacyFollower – content is mostly public (unless you take extensive steps like protecting tweets)Connection – Complex & confusing security (not sure what sharing) especially with hosted application environmentsGroup – simple version is quite secure, complex version is almost impossible since it’s about understanding human relationships
- Activity = Jon added a photo to his albumComment Activity = Heather / Kimberly posted a comment on a photo