SlideShare ist ein Scribd-Unternehmen logo
1 von 45
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

Building Genuine Relationships
Building Genuine RelationshipsBuilding Genuine Relationships
Building Genuine RelationshipsNeville Hobson
 
Networking for Work: benefits of an online profile
Networking for Work: benefits of an online profileNetworking for Work: benefits of an online profile
Networking for Work: benefits of an online profileNicky Getgood
 
Collaborative Technology for Churches
Collaborative Technology for ChurchesCollaborative Technology for Churches
Collaborative Technology for ChurchesCarmen Williams
 
Networking for Work: the benefits of an online profile
Networking for Work: the benefits of an online profileNetworking for Work: the benefits of an online profile
Networking for Work: the benefits of an online profileNicky Getgood
 
Tech Resources for Artist Seminar
Tech Resources for Artist SeminarTech Resources for Artist Seminar
Tech Resources for Artist SeminarKate Bladow
 
Link Building - Giving Google What It Wants
Link Building - Giving Google What It WantsLink Building - Giving Google What It Wants
Link Building - Giving Google What It WantsGareth Hoyle
 
Extending the Blog Beyond the Blog
Extending the Blog Beyond the BlogExtending the Blog Beyond the Blog
Extending the Blog Beyond the BlogDan Zarrella
 
Social Networking For Educators
Social Networking For EducatorsSocial Networking For Educators
Social Networking For EducatorsSamantha Morra
 
How To Get More Website Traffic
How To Get More Website Traffic How To Get More Website Traffic
How To Get More Website Traffic Rodney Brooks Jr
 

Was ist angesagt? (13)

E-campaigner training
E-campaigner trainingE-campaigner training
E-campaigner training
 
Building Genuine Relationships
Building Genuine RelationshipsBuilding Genuine Relationships
Building Genuine Relationships
 
Networking for Work: benefits of an online profile
Networking for Work: benefits of an online profileNetworking for Work: benefits of an online profile
Networking for Work: benefits of an online profile
 
Collaborative Technology for Churches
Collaborative Technology for ChurchesCollaborative Technology for Churches
Collaborative Technology for Churches
 
BuddyPress v4
BuddyPress v4BuddyPress v4
BuddyPress v4
 
20081123-web2.0class
20081123-web2.0class20081123-web2.0class
20081123-web2.0class
 
Networking for Work: the benefits of an online profile
Networking for Work: the benefits of an online profileNetworking for Work: the benefits of an online profile
Networking for Work: the benefits of an online profile
 
Tech Resources for Artist Seminar
Tech Resources for Artist SeminarTech Resources for Artist Seminar
Tech Resources for Artist Seminar
 
Link Building - Giving Google What It Wants
Link Building - Giving Google What It WantsLink Building - Giving Google What It Wants
Link Building - Giving Google What It Wants
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Extending the Blog Beyond the Blog
Extending the Blog Beyond the BlogExtending the Blog Beyond the Blog
Extending the Blog Beyond the Blog
 
Social Networking For Educators
Social Networking For EducatorsSocial Networking For Educators
Social Networking For Educators
 
How To Get More Website Traffic
How To Get More Website Traffic How To Get More Website Traffic
How To Get More Website Traffic
 

Andere mochten auch

Social media changes in 2014
Social media changes in 2014Social media changes in 2014
Social media changes in 2014Korkishko Iren
 
Test Driven Design - GDG DevFest Istanbul 2016
Test Driven Design - GDG DevFest Istanbul 2016Test Driven Design - GDG DevFest Istanbul 2016
Test Driven Design - GDG DevFest Istanbul 2016Lemi Orhan Ergin
 
social networks and twitter in ukraine
social networks and twitter in ukrainesocial networks and twitter in ukraine
social networks and twitter in ukraineWatcher
 
SXSW09: The Future Of Social Networks
SXSW09: The Future Of Social NetworksSXSW09: The Future Of Social Networks
SXSW09: The Future Of Social NetworksCharlene Li
 
Social Networks On Cell Phones Mobile Devices
Social Networks On Cell Phones Mobile DevicesSocial Networks On Cell Phones Mobile Devices
Social Networks On Cell Phones Mobile DevicesLaurel Papworth
 
The social networks
The social networksThe social networks
The social networksPaco Carmona
 
The Future Of Social Networks
The Future Of Social NetworksThe Future Of Social Networks
The Future Of Social NetworksCharlene Li
 
Social Media for Career and Business Development #FISConference
Social Media for Career and Business Development #FISConferenceSocial Media for Career and Business Development #FISConference
Social Media for Career and Business Development #FISConferenceSu Butcher
 
Scale-free social networks in Ukrainian democratic movement since 1976
Scale-free social networks in Ukrainian democratic movement since 1976Scale-free social networks in Ukrainian democratic movement since 1976
Scale-free social networks in Ukrainian democratic movement since 1976Maidan Monitoring Information Center
 
The Future of the Social Networks. Scientific Research.
The Future of the Social Networks. Scientific Research.The Future of the Social Networks. Scientific Research.
The Future of the Social Networks. Scientific Research.Mitka Yanakieva
 
The Social Networks and the Future of Construction
The Social Networks and the Future of ConstructionThe Social Networks and the Future of Construction
The Social Networks and the Future of ConstructionSu Butcher
 
futurethink: Future of Social Networks
futurethink: Future of Social Networksfuturethink: Future of Social Networks
futurethink: Future of Social Networksfuturethink
 
Craft the Perfect Posts for the "Big 3" Social Networks
Craft the Perfect Posts for the "Big 3" Social NetworksCraft the Perfect Posts for the "Big 3" Social Networks
Craft the Perfect Posts for the "Big 3" Social NetworksHubSpot
 
The Future of Social Networks on the Internet: The Need for Semantics
The Future of Social Networks on the Internet: The Need for SemanticsThe Future of Social Networks on the Internet: The Need for Semantics
The Future of Social Networks on the Internet: The Need for SemanticsJohn Breslin
 

Andere mochten auch (15)

Social media changes in 2014
Social media changes in 2014Social media changes in 2014
Social media changes in 2014
 
Social media for You
Social media for YouSocial media for You
Social media for You
 
Test Driven Design - GDG DevFest Istanbul 2016
Test Driven Design - GDG DevFest Istanbul 2016Test Driven Design - GDG DevFest Istanbul 2016
Test Driven Design - GDG DevFest Istanbul 2016
 
social networks and twitter in ukraine
social networks and twitter in ukrainesocial networks and twitter in ukraine
social networks and twitter in ukraine
 
SXSW09: The Future Of Social Networks
SXSW09: The Future Of Social NetworksSXSW09: The Future Of Social Networks
SXSW09: The Future Of Social Networks
 
Social Networks On Cell Phones Mobile Devices
Social Networks On Cell Phones Mobile DevicesSocial Networks On Cell Phones Mobile Devices
Social Networks On Cell Phones Mobile Devices
 
The social networks
The social networksThe social networks
The social networks
 
The Future Of Social Networks
The Future Of Social NetworksThe Future Of Social Networks
The Future Of Social Networks
 
Social Media for Career and Business Development #FISConference
Social Media for Career and Business Development #FISConferenceSocial Media for Career and Business Development #FISConference
Social Media for Career and Business Development #FISConference
 
Scale-free social networks in Ukrainian democratic movement since 1976
Scale-free social networks in Ukrainian democratic movement since 1976Scale-free social networks in Ukrainian democratic movement since 1976
Scale-free social networks in Ukrainian democratic movement since 1976
 
The Future of the Social Networks. Scientific Research.
The Future of the Social Networks. Scientific Research.The Future of the Social Networks. Scientific Research.
The Future of the Social Networks. Scientific Research.
 
The Social Networks and the Future of Construction
The Social Networks and the Future of ConstructionThe Social Networks and the Future of Construction
The Social Networks and the Future of Construction
 
futurethink: Future of Social Networks
futurethink: Future of Social Networksfuturethink: Future of Social Networks
futurethink: Future of Social Networks
 
Craft the Perfect Posts for the "Big 3" Social Networks
Craft the Perfect Posts for the "Big 3" Social NetworksCraft the Perfect Posts for the "Big 3" Social Networks
Craft the Perfect Posts for the "Big 3" Social Networks
 
The Future of Social Networks on the Internet: The Need for Semantics
The Future of Social Networks on the Internet: The Need for SemanticsThe Future of Social Networks on the Internet: The Need for Semantics
The Future of Social Networks on the Internet: The Need for Semantics
 

Ähnlich wie The Future of Social Networks: Making Them Work Together Like the Web

Can your website be your API and real life
Can your website be your API and real lifeCan your website be your API and real life
Can your website be your API and real lifeGlenn Jones
 
Plays Well With Others
Plays Well With OthersPlays Well With Others
Plays Well With Othersbrianoberkirch
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Nicholas Zakas
 
The DiSo Project and the Open Web
The DiSo Project and the Open WebThe DiSo Project and the Open Web
The DiSo Project and the Open WebChris Messina
 
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas
 
Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive DesignJason Grigsby
 
creating portable social networks with microformats
creating portable social networks with microformatscreating portable social networks with microformats
creating portable social networks with microformatselliando dias
 
CC tech-projects: overview (TELDAP 2009)
CC tech-projects: overview (TELDAP 2009)CC tech-projects: overview (TELDAP 2009)
CC tech-projects: overview (TELDAP 2009)Bob Chao
 
Speed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceSpeed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceAndy Davies
 
Scraping with Python for Fun and Profit - PyCon India 2010
Scraping with Python for Fun and Profit - PyCon India 2010Scraping with Python for Fun and Profit - PyCon India 2010
Scraping with Python for Fun and Profit - PyCon India 2010Abhishek Mishra
 
Web 2.0 = Accessibility 2.0?
Web 2.0 = Accessibility 2.0?Web 2.0 = Accessibility 2.0?
Web 2.0 = Accessibility 2.0?Jared Smith
 
BarCamp Sd Microformats
BarCamp Sd MicroformatsBarCamp Sd Microformats
BarCamp Sd MicroformatsJoshua Brewer
 
Dataportability & Digital Identity
Dataportability & Digital IdentityDataportability & Digital Identity
Dataportability & Digital IdentityCédric Hüsler
 
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)Paolo Massa
 
Open Data, Visualization & Usability for Online News Delivery
Open Data,  Visualization &  Usability for  Online News DeliveryOpen Data,  Visualization &  Usability for  Online News Delivery
Open Data, Visualization & Usability for Online News DeliveryMohan Krishnan
 
Tim Hill 4.4 PPP Presentation
Tim Hill 4.4 PPP PresentationTim Hill 4.4 PPP Presentation
Tim Hill 4.4 PPP Presentationtimothyghill
 
Responsive Images and Video
Responsive Images and VideoResponsive Images and Video
Responsive Images and VideoJason Grigsby
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Fwdays
 

Ähnlich wie The Future of Social Networks: Making Them Work Together Like the Web (20)

Can your website be your API and real life
Can your website be your API and real lifeCan your website be your API and real life
Can your website be your API and real life
 
Plays Well With Others
Plays Well With OthersPlays Well With Others
Plays Well With Others
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
 
The DiSo Project and the Open Web
The DiSo Project and the Open WebThe DiSo Project and the Open Web
The DiSo Project and the Open Web
 
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
 
Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive Design
 
creating portable social networks with microformats
creating portable social networks with microformatscreating portable social networks with microformats
creating portable social networks with microformats
 
CC tech-projects: overview (TELDAP 2009)
CC tech-projects: overview (TELDAP 2009)CC tech-projects: overview (TELDAP 2009)
CC tech-projects: overview (TELDAP 2009)
 
Speed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceSpeed is Essential for a Great Web Experience
Speed is Essential for a Great Web Experience
 
Scraping with Python for Fun and Profit - PyCon India 2010
Scraping with Python for Fun and Profit - PyCon India 2010Scraping with Python for Fun and Profit - PyCon India 2010
Scraping with Python for Fun and Profit - PyCon India 2010
 
Web 2.0 = Accessibility 2.0?
Web 2.0 = Accessibility 2.0?Web 2.0 = Accessibility 2.0?
Web 2.0 = Accessibility 2.0?
 
BarCamp Sd Microformats
BarCamp Sd MicroformatsBarCamp Sd Microformats
BarCamp Sd Microformats
 
Dataportability & Digital Identity
Dataportability & Digital IdentityDataportability & Digital Identity
Dataportability & Digital Identity
 
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
 
Juggling
JugglingJuggling
Juggling
 
Open Data, Visualization & Usability for Online News Delivery
Open Data,  Visualization &  Usability for  Online News DeliveryOpen Data,  Visualization &  Usability for  Online News Delivery
Open Data, Visualization & Usability for Online News Delivery
 
Tim Hill 4.4 PPP Presentation
Tim Hill 4.4 PPP PresentationTim Hill 4.4 PPP Presentation
Tim Hill 4.4 PPP Presentation
 
Responsive Images and Video
Responsive Images and VideoResponsive Images and Video
Responsive Images and Video
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
 
Juggling
JugglingJuggling
Juggling
 

Kürzlich hochgeladen

A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demoHarshalMandlekar2
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????blackmambaettijean
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Ryan Mahoney - Will Artificial Intelligence Replace Real Estate Agents
Ryan Mahoney - Will Artificial Intelligence Replace Real Estate AgentsRyan Mahoney - Will Artificial Intelligence Replace Real Estate Agents
Ryan Mahoney - Will Artificial Intelligence Replace Real Estate AgentsRyan Mahoney
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 

Kürzlich hochgeladen (20)

A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Ryan Mahoney - Will Artificial Intelligence Replace Real Estate Agents
Ryan Mahoney - Will Artificial Intelligence Replace Real Estate AgentsRyan Mahoney - Will Artificial Intelligence Replace Real Estate Agents
Ryan Mahoney - Will Artificial Intelligence Replace Real Estate Agents
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 

The Future of Social Networks: Making Them Work Together Like the Web

  • 2. sr bna
  • 6. The future of social networks...
  • 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
  • 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=quot;mequot;
  • 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=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
  • 30. 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>
  • 31. 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
  • 32. 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.
  • 33. 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;
  • 34. 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>
  • 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
  • 37.
  • 38.
  • 39.
  • 40.
  • 42.
  • 43.
  • 44.
  • 45. We are on the cusp of the Social Web The pie is about to get a lot bigger