A brief history of the Web ...and how one architectural choice got - - PowerPoint PPT Presentation

a brief history of the web
SMART_READER_LITE
LIVE PREVIEW

A brief history of the Web ...and how one architectural choice got - - PowerPoint PPT Presentation

A brief history of the Web ...and how one architectural choice got us into a very big mess Tara Vancil @taravancil taravancil.com bluelinklabs.com beakerbrowser.com What is the Web? 1-1 Ted Nelson coins hypertext A


slide-1
SLIDE 1

A brief history of the Web

...and how one architectural choice got us into a very big mess

slide-2
SLIDE 2

Tara Vancil

@taravancil

taravancil.com • bluelinklabs.com • beakerbrowser.com

slide-3
SLIDE 3
slide-4
SLIDE 4
slide-5
SLIDE 5

What is the Web?

slide-6
SLIDE 6
slide-7
SLIDE 7

Ted Nelson coins hypertext

1-1

slide-8
SLIDE 8

References B A Referenced by A B

slide-9
SLIDE 9

DARPA allocates $1 million to create military computer network

1

slide-10
SLIDE 10

First transmission sent from UCLA to SRI “lo”

1

slide-11
SLIDE 11

1

slide-12
SLIDE 12

“ENQUIRE is a method of documenting a system”

10

made was made by includes is part of uses is used by describes is described by

slide-13
SLIDE 13

Apple releases HyperCard

1

slide-14
SLIDE 14

“Vague but exciting …”

1

slide-15
SLIDE 15

10

  • Hypertext Markup Language

○ HTML

  • Uniform Resource Identifiers

○ URI/URL

  • Hypertext Transport Protocol

○ http://

slide-16
SLIDE 16

Hypertext Markup Language (HTML)

<h1>My page</h1> <p>Welcome to my page!</p> <p> <a href=”/portfolio.html”> My portolio </a> </p>

My page

Welcome to my page! My portfolio

slide-17
SLIDE 17

Uniform Resource Identifier (URI)

https://example.com/images/cat.png scheme

slide-18
SLIDE 18

https://example.com/images/cat.png host

Uniform Resource Identifier (URI)

slide-19
SLIDE 19

https://example.com/images/cat.png path

Uniform Resource Identifier (URI)

slide-20
SLIDE 20

Hypertext Transport Protocol (HTTP)

? http://example.com/cat.png

cat.png

slide-21
SLIDE 21

10

WorldWideWeb.app

slide-22
SLIDE 22

1

CERN releases WWW code into public domain

slide-23
SLIDE 23

World Wide Web Consortium

1

slide-24
SLIDE 24

Netscape creates JavaScript

1

slide-25
SLIDE 25

What is the Web?

slide-26
SLIDE 26

A standardized set of tools for transmitting and interacting with documents

slide-27
SLIDE 27

OPEN DECENTRALIZED SHARED

slide-28
SLIDE 28

OPEN DECENTRALIZED SHARED

slide-29
SLIDE 29

OPEN DECENTRALIZED SHARED

slide-30
SLIDE 30

“I’m still an optimist, but an optimist standing at the top of the hill with a nasty storm blowing in my face, hanging on to a fence.”

  • Tim Berners Lee, 2017
slide-31
SLIDE 31

HTTP ruined everything

slide-32
SLIDE 32

HTTP ruined everything Servers

slide-33
SLIDE 33

example.com

slide-34
SLIDE 34

Running a server

  • Difficult
  • Expensive
  • Not fun (for most people)
slide-35
SLIDE 35

Today Original vision

</>

slide-36
SLIDE 36

But … the centralized Web works!

  • Fast
  • Free
  • Reliable
  • Easy to use

</>

slide-37
SLIDE 37
slide-38
SLIDE 38

No privacy

slide-39
SLIDE 39

Walled gardens

✕ ✕

slide-40
SLIDE 40

Rigid, un-customizable apps

slide-41
SLIDE 41

#WomenBoycottTwitter

slide-42
SLIDE 42

What if we didn’t need servers?

slide-43
SLIDE 43

Peer-to-peer protocols

  • Dat
  • BitTorrent
  • IPFS
  • Tahoe-LAFS
slide-44
SLIDE 44

? http://example.com/cat.png

slide-45
SLIDE 45

? example.com/cat.png ? example.com/cat.png

slide-46
SLIDE 46

? example.com/cat.png ? example.com/cat.png

slide-47
SLIDE 47
slide-48
SLIDE 48

</>

slide-49
SLIDE 49

The Web, but peer-to-peer

slide-50
SLIDE 50

Tara Vancil

@taravancil

taravancil.com • bluelinklabs.com • beakerbrowser.com