brian oberkirch, tantek celik & joseph smarr @ fowa miami
DESCRIPTION
Brian Oberkirch, Tantek Celik and Joseph Smarr speaking at FOWA Miami 2008.TRANSCRIPT
![Page 1: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/1.jpg)
The Future Social Web
![Page 2: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/2.jpg)
BY-NC-SA
![Page 3: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/3.jpg)
The problem with social networks...
![Page 4: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/4.jpg)
They don’t work together.
![Page 5: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/5.jpg)
(unlike the Web)
![Page 6: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/6.jpg)
The future of social networks...
![Page 7: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/7.jpg)
Make them work together.
![Page 8: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/8.jpg)
(like the Web)
![Page 9: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/9.jpg)
Make it so.
![Page 10: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/10.jpg)
Small pieces. Loosely joined.
![Page 11: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/11.jpg)
Axioms of Web Architecture
SimplicityModular DesignDecentralization
![Page 12: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/12.jpg)
Why don’t our social apps work this way?
![Page 13: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/13.jpg)
Control
Speed
Privacy
Clean Experience
![Page 14: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/14.jpg)
Missing: the power of remixable data
![Page 15: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/15.jpg)
Social networking fatigue
![Page 19: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/19.jpg)
flickr.com/people/brianoberkirch
photo by Lane Hartwell
![Page 20: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/20.jpg)
http://upcoming.yahoo.com/user/40960/
photo by Lane Hartwell
![Page 21: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/21.jpg)
photo by Lane Hartwell
last.fm/user/brianoberkirch
![Page 22: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/22.jpg)
How can we make social networks more hackable? Portable? Efficient?
![Page 23: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/23.jpg)
Don’t make me repeat myself.
Profile information
Friend networks
Preferences
![Page 24: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/24.jpg)
Could these sites work together?
![Page 25: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/25.jpg)
We have the technology:
![Page 26: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/26.jpg)
Building Block: profile information
• info: • name • photo • notes • hyperlink to his blog • Building block: hCard
![Page 27: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/27.jpg)
Building Block: profile equivalency
users hyperlink to their identities • social network profile(s) • home page • blog • OpenID(s)
Building block: XFN rel="me"
![Page 28: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/28.jpg)
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
![Page 29: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/29.jpg)
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
![Page 30: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/30.jpg)
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>
![Page 31: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/31.jpg)
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
![Page 32: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/32.jpg)
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.
![Page 33: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/33.jpg)
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"
![Page 34: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/34.jpg)
How To: paginated friends lists
"Previous" and "Next" links on a paginated friends list
• <a rel="me prev" href="/t/friends?page=6">« Previous</a>
• <a rel="me next" href="/t/friends?page=8">Next »</a>
![Page 35: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/35.jpg)
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
![Page 36: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/36.jpg)
Open for business.
![Page 37: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/37.jpg)
![Page 38: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/38.jpg)
![Page 39: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/39.jpg)
![Page 40: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/40.jpg)
![Page 42: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/42.jpg)
![Page 43: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/43.jpg)
![Page 44: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/44.jpg)
![Page 45: Brian Oberkirch, Tantek Celik & Joseph Smarr @ FOWA Miami](https://reader034.vdocuments.mx/reader034/viewer/2022051512/54050ef08d7f729e768b49f6/html5/thumbnails/45.jpg)
We are on the cusp of the Social Web
The pie is about to get a lot bigger