Redecentralising the web

A presentation at London Web Standards in June 2018 in London, UK by Calum Ryan

Slide 1

#indieweb Re-decentralising the web Reducing our dependence on centralised platforms and services Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 2

Slide 3

#indieweb IndieWeb Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 4

https://www.flickr.com/photos/dullhunk/34390755362

Slide 5

https://en.wikipedia.org/wiki/Presidential_Advisory_Commission_on_Election_Integrity

Slide 6

https://commons.wikimedia.org/wiki/File:Cambridge_Analytica_protest_Parliament_Square4.jpg

Slide 7

#indieweb the centralised/corporate web Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 8

#indieweb What represents the centralised web? Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 9

Niall Kennedy https://flic.kr/p/apNav2 https://www.flickr.com/photos/niallkennedy/6176497431/

Slide 10

#indieweb Silos “A centralised web site typically owned by a for-profit corporation that stakes some claim to content contributed to it” Full definition indieweb.org/silo Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 11

#indieweb Low barrier to entry Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 12

#indieweb Addictive & compelling Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 13

#indieweb user generated content Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 14

#indieweb Enter the Mega silos Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 15

Slide 16

#indieweb single point of failure Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 17

#indieweb limited/no data portability Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 18

A very brief history of… The early centralised web (2000s)

Slide 19

Slide 20

Slide 21

Slide 22

Slide 23

404 ☹

Slide 24

Slide 25

#indieweb Welcome …to the cemetery of acquired and shutdown websites, platforms and tools Often taking down with them dead links, lost content and user data Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 26

#indieweb the decentralised web Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 27

#indieweb “A Decentralized Web is a network of resources in which no one player can control the conversation or spin it to [his or her] exclusive advantage.” Simon St. Laurent Strategic Content Director, O’Reilly Media, Inc. What Is the Decentralized Web? 25 Experts Break it Down https://ischoolonline.syr.edu/blog/what-is-the-decentralized-web Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 28

#indieweb …the decentralised web in decline Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 29

https://chribba.deviantart.com/art/The-old-pipes-320068994

Slide 30

#indieweb focused on plumbing-centric design …rather than user-centric design Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 31

#indieweb Tantek Çelik The once and future IndieWeb @ Web Directions South 2013 “When you get complexity, you end up with things that are too hard, too fragile and too few implementations. …A standard without implementations is not a standard at all.” Video presentation URL youtu.be/FNr0JNwsLy8 Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 32

#indieweb Enter IndieWeb Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 33

#indieweb 2011 Aaaron Parecki Amber Case Crystal Beasley Tantek Çelik Calum Ryan @calum_ryan a people-focused alternative to the “corporate web” indieweb.org London Web Standards / 18 June 2018

Slide 34

#indieweb Principles indieweb.org/principles Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 35

#indieweb Your content is yours When you post something on the web, it should belong to you Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 36

#indieweb You are better connected Your posts, responses and interactions can go to all services, not just one Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 37

#indieweb You are in control Post what you want, in any format you want, share simple readable links Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 38

#indieweb What/who represents the IndieWeb movement? Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 39

#indieweb Community Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 40

Slide 41

#indieweb Social Calum Ryan @calum_ryan • Freenode IRC discussion • Wiki Public domain / Creative Commons License • BarCamp Meeting in-person to stimulate ideas London Web Standards / 18 June 2018

Slide 42

#indieweb Engineering the decentralised web Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 43

#indieweb Simplify the plumbing and give more time to focus on the User Experience Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 44

#indieweb Designing standards focused on users and the front-end Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 45

#indieweb IndieWeb Standards Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 46

#indieweb

<article class=”h-entry”> <h1 class=”p-name”>Microformats are amazing</h1> <p>Published by <a class=”p-author h-card” href=”http://example.com”>W. Developer</a> on <time class=”dt-published” datetime=”2013-06-13 12:00:00”>13<sup>th</sup> June 2013</time></p> Microformats microformats.org Calum Ryan @calum_ryan <p class=”p-summary”>In which I extoll the virtues of using microformats.</p> <div class=”e-content”> <p>Blah blah blah</p> </div> </article> London Web Standards / 18 June 2018

Slide 47

#indieweb Authentication Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 48

#indieweb RelMeAuth (1) Use rel=“me” attribute indieauth.com A way to use your own domain name to sign in to websites Use an existing OAuth provider to log-in to your website e.g. Github, Twitter <a rel=“me” href=“https://twitter.com/calum_ryan”>Me on Twitter</a> Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 49

Slide 50

Slide 51

#indieweb (2) Be your own OAuth provider Enables you to use your domain name directly as your online identity Example of a self-hosted Authorisation Endpoint used to login with a personal URL: github.com/inklings-io/selfauth indieauth.net Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 52

#indieweb IndieAuth W3C Draft w3.org/TR/indieauth

Slide 53

#indieweb Micropub W3C Recommendation w3.org/TR/micropub An open API standard. Create, update, and delete posts on one’s own domain using third-party clients. Post and edit articles, short notes, comments, likes, photos, events, or other kinds of posts to your own site. indieweb.org Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 54

#indieweb Quill quill.p3k.io

Slide 55

#indieweb OwnYourGram ownyourgram.com

Slide 56

#indieweb PESOS Calum Ryan @calum_ryan Publish Elsewhere, Syndicate (to your) Own Site London Web Standards / 18 June 2018

Slide 57

#indieweb POSSE Calum Ryan @calum_ryan Publish (on your) Own Site, Syndicate Elsewhere London Web Standards / 18 June 2018

Slide 58

#indieweb Webmentions W3C Recommendation Notify another URL when you link to it on your site w3.org/TR/webmention Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 59

Slide 60

Slide 61

#indieweb *Brid.gy & Facebook Turning off Facebook for Bridgy snarfed.org/2018-06-07_turning-off-facebook-for-bridgy Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 62

#indieweb ‣ Known Get your site on the IndieWeb ‣ WordPress indieweb.org/projects ‣ Jekyll ‣ Perch Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 63

#indieweb IndieWebify.me Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 64

#indieweb Get involved! Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 65

#indieweb Help make the decentralised web a better place for everyone Calum Ryan @calum_ryan ‣ Be an active part of the community ‣ Build a better experience than the silos ‣ Contribute in-person ‣ Help solve problems that people actually need solving London Web Standards / 18 June 2018

Slide 66

#indieweb Attend an IndieWebCamp indieweb.org/next-iwc Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 67

Slide 68

#indieweb Join discussion on Slack/IRC Freenode #indieweb chat.indieweb.org/slack Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 69

#indieweb My IndieWeb project: Calum Ryan @calum_ryan indiewebguides.org London Web Standards / 18 June 2018

Slide 70

#indieweb Homebrew Website Club London hwclondon.co.uk Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 71

#indieweb More on re-decentralisation… redecentralize.org/about A collection of interesting networks and technology aiming at re-decentralising the Internet: https://github.com/redecentralize/alternative-internet Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 72

#indieweb Learn more and contribute indieweb.org Calum Ryan @calum_ryan London Web Standards / 18 June 2018

Slide 73

#indieweb thank you calumryan.com / @calum_ryan