• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
FOWA Miami: Future of Social Networks

FOWA Miami: Future of Social Networks



A talk I gave at FOWA Miami with Tantek Çelik and Joseph Smarr.

A talk I gave at FOWA Miami with Tantek Çelik and Joseph Smarr.



Total Views
Views on SlideShare
Embed Views



4 Embeds 8

http://nicheprof.blogspot.com 5
http://www.nicheprof.blogspot.com 1
http://cid-40376755f9458797.spaces.live.com 1
http://www.mefeedia.com 1


Upload Details

Uploaded via as Adobe PDF

Usage Rights

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.


12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • good
    Are you sure you want to
    Your message goes here
  • 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.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    FOWA Miami: Future of Social Networks FOWA Miami: Future of Social Networks Presentation Transcript

    • The Future Social Web
    • sr bna
    • The problem with social networks...
    • They don’t work together.
    • (unlike the Web)
    • The future of social networks...
    • Make them work together.
    • (like the Web)
    • Make it so.
    • Small pieces. Loosely joined.
    • Axioms of Web Architecture Simplicity Modular Design Decentralization
    • Why don’t our social apps work this way?
    • Control Speed Privacy Clean Experience
    • Missing: the power of remixable data
    • Social networking fatigue
    • brian@brianoberkirch.com photo by Lane Hartwell
    • brianoberkirch.com photo by Lane Hartwell
    • twitter.com/brianoberkirch photo by Lane Hartwell
    • flickr.com/people/brianoberkirch photo by Lane Hartwell
    • http://upcoming.yahoo.com/user/40960/ photo by Lane Hartwell
    • last.fm/user/brianoberkirch photo by Lane Hartwell
    • How can we make social networks more hackable? Portable? Efficient?
    • Don’t make me repeat myself. Profile information Friend networks Preferences
    • Could these sites work together?
    • We have the technology:
    • Building Block: profile information • info: • name • photo • notes • hyperlink to his blog • Building block: hCard
    • Building Block: profile equivalency users hyperlink to their identities • social network profile(s) • home page • blog • OpenID(s) Building block: XFN rel=quot;mequot;
    • 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
    • Social Network Portability: How-To • Publish microformats building blocks in user profiles • hCard on user profile pages • XFN rel=quot;mequot; hyperlinks to user blogs/home pages • hCard+XFN friends lists • XFN rel=quot;mequot; to separate friends list pages • XFN+HTML4 pagination rel=quot;me nextquot;, rel=quot;me prevquot; • 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
    • How To: hCard profiles <div class=quot;vcardquot;>  <div class=quot;fnquot;>Chris Messina</div>  <img class=quot;photoquot; src=quot;cm.pngquot;       alt=quot;Photo of Chrisquot; />  <div class=quot;notequot;>   <p>Chris is originally...</p>   <p>...</p>  </div>  <a class=quot;urlquot; rel=quot;mequot;     href=quot;http://...quot;>Chris's blog</a> </div>
    • How To: XFN rel=quot;mequot; profile equivalency • <a rel=quot;mequot; href=quot;http://flickr.com/people/...quot;>  Flickr Profile</a> • <a rel=quot;mequot; href=quot;http://technorati.com/...quot;>  Technorati Profile</a> • <a rel=quot;mequot; href=quot;http://pownce.com/tquot;>  Pownce Profile</a> • <a rel=quot;mequot; href=quot;http://twitter.com/tquot;>  Twitter Profile</a> • <a rel=quot;mequot; href=quot;http://upcoming.yahoo.com/...quot;>  Upcoming Profile</a> • <a rel=quot;mequot; href=quot;http://tantek.com/quot;>  tantek.com</a> rel=quot;mequot; link symmetry required for profile equivalency
    • How To: hCard+XFN friends lists <span class=quot;vcardquot;>  <a class=quot;urlquot; rel=quot;contactquot;    href=quot;http://twitter.com/davemc500hatsquot;>   <img class=quot;fn photoquot;        alt=quot;Dave McClurequot; src=quot;dmc500.pngquot; />  </a> </span> <span class=quot;vcardquot;>  <a class=quot;urlquot; rel=quot;contactquot;    href=quot;http://twitter.com/factoryjoequot;>   <img class=quot;fn photoquot;        alt=quot;Chris Messinaquot; src=quot;cm.pngquot; />  </a> </span> ... etc.
    • How To: separate friends page • <a rel=quot;mequot; href=quot;/t/friendsquot;>View All…</a> be sure to link from friends page back to the profile with rel=quot;mequot;
    • How To: paginated friends lists quot;Previousquot; and quot;Nextquot; links on a paginated friends list • <a rel=quot;me prevquot; href=quot;/t/friends?page=6quot;>&#171; Previous</a> • <a rel=quot;me nextquot; href=quot;/t/friends?page=8quot;>Next &#187;</a>
    • 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
    • Open for business.
    • http://josephsmarr.com +
    • We are on the cusp of the Social Web The pie is about to get a lot bigger