FOWA Miami: Future of Social Networks

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

3 comments

Comments 1 - 3 of 3 previous next Post a comment

  • + guest3d2227 guest3d2227 4 months ago
    Thanks for the presentation. We at http://www.buuuz.com Find this very helpful. By the way, http://www.buuuz.com is a website for Artist who aims to getting the youth of the world to listen to what they have to offer. Pretty Clever.
  • + flyfuture flyfuture 12 months ago
    good
  • + rubyji Ruby Sinreich 2 years ago
    This is excellent, Brian! Thanks for the clear explanations and the how-to's.

    There's no excuse for web services to not be working toward better interoperability at this point, unless they just don't care about their users.
Post a comment
Embed Video
Edit your comment Cancel

13 Favorites & 3 Groups

FOWA Miami: Future of Social Networks - Presentation Transcript

  1. The Future Social Web
  2. sr bna
  3. The problem with social networks...
  4. They don’t work together.
  5. (unlike the Web)
  6. The future of social networks...
  7. Make them work together.
  8. (like the Web)
  9. Make it so.
  10. Small pieces. Loosely joined.
  11. Axioms of Web Architecture Simplicity Modular Design Decentralization
  12. Why don’t our social apps work this way?
  13. Control Speed Privacy Clean Experience
  14. Missing: the power of remixable data
  15. Social networking fatigue
  16. brian@brianoberkirch.com photo by Lane Hartwell
  17. brianoberkirch.com photo by Lane Hartwell
  18. twitter.com/brianoberkirch photo by Lane Hartwell
  19. flickr.com/people/brianoberkirch photo by Lane Hartwell
  20. http://upcoming.yahoo.com/user/40960/ photo by Lane Hartwell
  21. last.fm/user/brianoberkirch photo by Lane Hartwell
  22. How can we make social networks more hackable? Portable? Efficient?
  23. Don’t make me repeat myself. Profile information Friend networks Preferences
  24. Could these sites work together?
  25. We have the technology:
  26. Building Block: profile information • info: • name • photo • notes • hyperlink to his blog • Building block: hCard
  27. Building Block: profile equivalency users hyperlink to their identities • social network profile(s) • home page • blog • OpenID(s) Building block: XFN rel=\"me\"
  28. Building Block: friends list • friends lists with: • hyperlinks to their profiles • friend icons • name (in img alt text) • Building blocks: • hCards for their link, icon, name • XFN for relationships
  29. Social Network Portability: How-To • Publish microformats building blocks in user profiles • hCard on user profile pages • XFN rel=\"me\" hyperlinks to user blogs/home pages • hCard+XFN friends lists • XFN rel=\"me\" to separate friends list pages • XFN+HTML4 pagination rel=\"me next\", rel=\"me prev\" • Subscribe to microformats for profiles. Let the user: • subscribe to their hCard user profile • subscribe to their hCard+XFN supporting friends lists • more: microformats.org/wiki/social-network-portability
  30. How To: hCard profiles <div class=\"vcard\">  <div class=\"fn\">Chris Messina</div>  <img class=\"photo\" src=\"cm.png\"       alt=\"Photo of Chris\" />  <div class=\"note\">   <p>Chris is originally...</p>   <p>...</p>  </div>  <a class=\"url\" rel=\"me\"     href=\"http://...\">Chris's blog</a> </div>
  31. How To: XFN rel=\"me\" profile equivalency • <a rel=\"me\" href=\"http://flickr.com/people/...\">  Flickr Profile</a> • <a rel=\"me\" href=\"http://technorati.com/...\">  Technorati Profile</a> • <a rel=\"me\" href=\"http://pownce.com/t\">  Pownce Profile</a> • <a rel=\"me\" href=\"http://twitter.com/t\">  Twitter Profile</a> • <a rel=\"me\" href=\"http://upcoming.yahoo.com/...\">  Upcoming Profile</a> • <a rel=\"me\" href=\"http://tantek.com/\">  tantek.com</a> rel=\"me\" link symmetry required for profile equivalency
  32. How To: hCard+XFN friends lists <span class=\"vcard\">  <a class=\"url\" rel=\"contact\"    href=\"http://twitter.com/davemc500hats\">   <img class=\"fn photo\"        alt=\"Dave McClure\" src=\"dmc500.png\" />  </a> </span> <span class=\"vcard\">  <a class=\"url\" rel=\"contact\"    href=\"http://twitter.com/factoryjoe\">   <img class=\"fn photo\"        alt=\"Chris Messina\" src=\"cm.png\" />  </a> </span> ... etc.
  33. How To: separate friends page • <a rel=\"me\" href=\"/t/friends\">View All…</a> be sure to link from friends page back to the profile with rel=\"me\"
  34. How To: paginated friends lists \"Previous\" and \"Next\" links on a paginated friends list • <a rel=\"me prev\" href=\"/t/friends?page=6\">&#171; Previous</a> • <a rel=\"me next\" href=\"/t/friends?page=8\">Next &#187;</a>
  35. Social Network Portability publishing support • What sites and companies support this? Lots! • Check microformats wiki for latest: • hCard supporting user profiles • hCard+XFN supporting friends lists http://microformats.org/wiki/hcard-supporting-user-profiles http://microformats.org/wiki/hcard-xfn-supporting-friends-list
  36. Open for business.
  37. http://josephsmarr.com +
  38. We are on the cusp of the Social Web The pie is about to get a lot bigger

+ brianoberkirchbrianoberkirch, 2 years ago

custom

5148 views, 13 favs, 3 embeds more stats

A talk I gave at FOWA Miami with Tantek Çelik and more

More Info

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Go to text version
  • Total Views 5148
    • 5141 on SlideShare
    • 7 from embeds
  • Comments 3
  • Favorites 13
  • Downloads 131
Most viewed embeds
  • 5 views on http://nicheprof.blogspot.com
  • 1 views on http://www.nicheprof.blogspot.com
  • 1 views on http://cid-40376755f9458797.spaces.live.com

more

All embeds
  • 5 views on http://nicheprof.blogspot.com
  • 1 views on http://www.nicheprof.blogspot.com
  • 1 views on http://cid-40376755f9458797.spaces.live.com

less

Flagged as inappropriate Flag as inappropriate
Flag as innappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel

Categories