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

Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Nikki Chapple
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Mark Simos
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
Dynamical Context introduction word sensibility orientation
Dynamical Context introduction word sensibility orientationDynamical Context introduction word sensibility orientation
Dynamical Context introduction word sensibility orientationBuild Intuit
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsYoss Cohen
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxAna-Maria Mihalceanu
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Why Agile? - A handbook behind Agile Evolution
Why Agile? - A handbook behind Agile EvolutionWhy Agile? - A handbook behind Agile Evolution
Why Agile? - A handbook behind Agile EvolutionDEEPRAJ PATHAK
 
QMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfQMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfROWELL MARQUINA
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfAarwolf Industries LLC
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...amber724300
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Karmanjay Verma
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 

Kürzlich hochgeladen (20)

Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
Dynamical Context introduction word sensibility orientation
Dynamical Context introduction word sensibility orientationDynamical Context introduction word sensibility orientation
Dynamical Context introduction word sensibility orientation
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platforms
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance Toolbox
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Why Agile? - A handbook behind Agile Evolution
Why Agile? - A handbook behind Agile EvolutionWhy Agile? - A handbook behind Agile Evolution
Why Agile? - A handbook behind Agile Evolution
 
QMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfQMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdf
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdf
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 

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