Top Banner
The Open Web
178

The Open Web

Nov 01, 2014

Download

Technology

Lachlan Hardy

I was honoured to speak at Web Directions South 2009 on the Open Web and why we should all be building it
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: The Open Web

The Open Web

Page 2: The Open Web

what is the open web?

“?”

Page 3: The Open Web

what is the open web?

Do we know?

Page 4: The Open Web

what is the open web?

Does anyone?

Page 5: The Open Web

what is the open web?

Somewhat.

Page 6: The Open Web

what is the open web?

The Open Web has become a buzzword.

Page 7: The Open Web

what is the open web?

A buzzphrase

Page 8: The Open Web

what is the open web?

That complicates matters

Page 9: The Open Web

what is the open web?

Here’s my definition

Page 10: The Open Web

seeking definition

The Open Web stems from a common philosophical approach.

Page 11: The Open Web

seeking definition

What makes it open?

Page 12: The Open Web

seeking definition

Open specification providing the freedom to implement

Page 13: The Open Web

seeking definition

Has one or more open source reference implementation(s).

Page 14: The Open Web

seeking definition

Is supported by more than one vendor or provider.

Page 15: The Open Web

seeking definition

Public involvement in evolution of the spec.

Page 16: The Open Web

seeking definition

Some of this is contentious.

Page 17: The Open Web

seeking definition

Big concepts are hard.

Page 18: The Open Web

seeking definition

Philosophy is hard.

Page 19: The Open Web

Let’s break it down

Page 20: The Open Web

small pieces

Web standards.

Page 21: The Open Web

small pieces

Open specifications.

Page 22: The Open Web

small pieces

Open architecture.

Page 23: The Open Web

small pieces

But those last two already have open in the title!

Page 24: The Open Web

small pieces

Am I cheating?

Page 25: The Open Web

small pieces

A little bit.

Page 26: The Open Web

small pieces

Let’s backtrack.

Page 27: The Open Web

small pieces

And I’ll cover cheaper too.

Page 28: The Open Web

Web standards

Page 29: The Open Web

web standards

Name some.

Page 30: The Open Web

web standards

HTML.

Page 31: The Open Web

web standards

CSS.

Page 32: The Open Web

web standards

JavaScript.

Page 33: The Open Web

web standards

Page 34: The Open Web

web standards

DOM. (Document Object Model)

Page 35: The Open Web

web standards

Page 36: The Open Web

web standards

DOM. (Document Object Model)

Page 37: The Open Web

web standards

Atom.

Page 38: The Open Web

web standards

They all have a baseline of useful support across browsers.

Page 39: The Open Web

web standards

Except...

Page 40: The Open Web

web standards

XMPP (eXtensible Messaging and Presence Protocol)

Page 41: The Open Web

web standards

(It’s not really in a browser.)

Page 42: The Open Web

web standards

XMPP (eXtensible Messaging and Presence Protocol)

Page 43: The Open Web

web standards

It’s not MSN Messenger.

Page 44: The Open Web

web standards

It’s not AIM.

Page 45: The Open Web

web standards

It’s not Yahoo! IM.

Page 46: The Open Web

web standards

But it is GTalk. (kinda)

Page 47: The Open Web

web standards

But it is GTalk. (kinda)

Page 48: The Open Web

web standards

They’re all web standards.

Page 49: The Open Web

web standards

Even XMPP.

Page 50: The Open Web

web standards

That means they’ve been approved by a standards body.

Page 51: The Open Web

web standards

W3C. (World Wide Web Consortium)

Page 52: The Open Web

web standards

W3C. (World Wide Web Consortium)

Page 53: The Open Web

web standards

IETF. (Internet Engineering Task Force)

Page 54: The Open Web

web standards

IETF. (Internet Engineering Task Force)

Page 55: The Open Web

web standards

No single entity has control.

Page 56: The Open Web

web standards

They’re all open.

Page 57: The Open Web

web standards

And there are a bunch more...

Page 58: The Open Web

Open specifications

Page 59: The Open Web

open specifications

OpenID is a decentralized framework for user-centric digital identity.

Page 60: The Open Web

open specifications

OpenID is a decentralized framework for user-centric digital identity.

Page 61: The Open Web

open specifications

Microformats are a set of simple, open data formats.

Page 62: The Open Web

open specifications

Microformats are a set of simple, open data formats.

Page 63: The Open Web

open specifications

MicroID enables verifiable ownership claims to content.

Page 64: The Open Web

open specifications

MicroID enables verifiable ownership claims to content.

Page 65: The Open Web

open specifications

It can encode your URL with the URL of the content site.

Page 66: The Open Web

open specifications

OAuth allows secure API authentication from desktop and web applications.

Page 67: The Open Web

open specifications

OAuth allows secure API authentication from desktop and web applications.

Page 68: The Open Web

open specifications

WebFinger lets people attach public metadata to email addresses.

Page 69: The Open Web

open specifications

WebFinger lets people attach public metadata to email addresses.

Page 70: The Open Web

open specifications

I think you can see where we’re going here...

Page 71: The Open Web

open specifications

WebFinger can connect an email address to an OpenID.

Page 72: The Open Web

open specifications

OpenID gives you a recognisable public identity.

Page 73: The Open Web

open specifications

Microformats let you publish more meaningful content.

Page 74: The Open Web

open specifications

MicroID lets you tie that content to your identity.

Page 75: The Open Web

open specifications

OAuth allows you to securely grant access to the content.

Page 76: The Open Web

open specifications

There are many more...

Page 77: The Open Web

open specifications

Activity Streams extends Atom to show what people are doing

Page 78: The Open Web

open specifications

Activity Streams extends Atom to show what people are doing

Page 79: The Open Web

open specifications

Portable Contacts provides a common access pattern and contact schema

Page 80: The Open Web

open specifications

Portable Contacts provides a common access pattern and contact schema

Page 81: The Open Web

open specifications

It’s built around OAuth & vCard

Page 82: The Open Web

open specifications

Do you see why I love this?

Page 83: The Open Web

open specifications

People built these technologies as pieces of a puzzle.

Page 84: The Open Web

open specifications

It’s not some monolithic stack.

Page 85: The Open Web

open specifications

It’s modular.

Page 86: The Open Web

open specifications

Each can be used independently.

Page 87: The Open Web

open specifications

They’re designed to work together.

Page 88: The Open Web

open specifications

They’re not standards yet.

Page 89: The Open Web

open specifications

But they’re guaranteed to be open.

Page 90: The Open Web

Enough with the

open

Page 91: The Open Web

Cold Hard Cash

Page 92: The Open Web

cheaper & better

More people have looked at it

Page 93: The Open Web

cheaper & better

More people have worked on it

Page 94: The Open Web

cheaper & better

More people have used it

Page 95: The Open Web

cheaper & better

You didn’t have to pay them

Page 96: The Open Web

Open architecture

Page 97: The Open Web

open architecture

The components are less defined.

Page 98: The Open Web

open architecture

Let’s start simply.

Page 99: The Open Web

open architecture

URLs.

Page 100: The Open Web

open architecture

They should be readable.

Page 101: The Open Web

open architecture

They should be hackable.

Page 102: The Open Web
Page 103: The Open Web

open architecture

http://omniti.com/is/

Page 104: The Open Web
Page 105: The Open Web

open architecture

http://omniti.com/is/here/

Page 106: The Open Web

open architecture

What about their jobs page?

http://omniti.com/is/hiring/

Page 107: The Open Web

open architecture

What about their jobs page?

http://omniti.com/is/hiring/

Page 108: The Open Web

open architecture

Their legal page?

http://omniti.com/has/legal/

Page 109: The Open Web

open architecture

Their legal page?

http://omniti.com/has/legal/

Page 113: The Open Web

open architecture

Case studies?

http://omniti.com/helps/national-geographic/

Page 114: The Open Web

open architecture

How’s that for SEO?

Page 115: The Open Web

open architecture

And readability.

Page 116: The Open Web

open architecture

And usability.

Page 117: The Open Web

open architecture

URLs require planning.

Page 118: The Open Web

open architecture

API (Application Programming Interface)

Page 119: The Open Web

open architecture

API (Application Programming Interface)

Page 120: The Open Web

open architecture

REST (Representational State Transfer)

Page 121: The Open Web

open architecture

REST (Representational State Transfer)

Page 122: The Open Web

Example time

Page 123: The Open Web
Page 124: The Open Web

twitter as exemplar

Simplicity.

Page 125: The Open Web

twitter as exemplar

Ubiquity.

Page 126: The Open Web

twitter as exemplar

Open API.

Page 127: The Open Web

twitter as exemplar

Microformats

Page 128: The Open Web

twitter as exemplar

Okay, enough Twitter.

Page 129: The Open Web
Page 130: The Open Web

ma.gnolia as exemplar

Outsourcing identity

Page 131: The Open Web

ma.gnolia as exemplar

What?!

Page 132: The Open Web
Page 133: The Open Web

ma.gnolia as exemplar

Microformats.

Page 134: The Open Web

<div class="vcard microid-mailto+http:sha1:7420623d3c0f2a07e591c12c27d1b429fb92b77d"> <h1> <a href="http://ma.gnolia.com/people/lachlanhardy" title="Visit Lachlan Hardy on Ma.gnolia"> <img alt="14028_75" class="photo" src="http://ma.gnolia.com/avatars/14028_75.gif" /> </a> <span class="fn">Lachlan Hardy</span> (<span class="nickname">lachlanhardy</span>) </h1> <p class="description"> Lachlan is using Ma.gnolia from <span class="adr">Sydney, Australia</span>. </p> <p class="description"> <a href="http://lachstock.com.au" class="url" rel="me" title="Visit my home page">http://lachstock.com.au</a> </p> <p class="description note"> I'm for building a beautiful, free, and open web. </p></div>

Page 135: The Open Web

example time

These are simple things.

Page 136: The Open Web

example time

Anybody can implement them.

Page 137: The Open Web

example time

Want to run an OpenID server?

Page 138: The Open Web

example time

Want to use MicroID?

Page 139: The Open Web

example time

Want to use Microformats?

Page 140: The Open Web

example time

The code is freely available.

Page 141: The Open Web

Use the Open Web

Page 142: The Open Web

use the open web

The web connects stuff.

Page 143: The Open Web

use the open web

I’m going make stuff up now.

Page 144: The Open Web

use the open web

You’re the experts.

Page 145: The Open Web

use the open web

You’ll find the solutions.

Page 146: The Open Web

use the open web

I’m just going to offer you the pieces.

Page 147: The Open Web

use the open web

I spend a lot of time on the web.

Page 148: The Open Web

use the open web

I spend a lot of time on the web. A whole lot of time.

Page 149: The Open Web

use the open web

There are common threads.

Page 150: The Open Web

use the open web

Let’s start with the obvious.

Page 151: The Open Web

use the open web

Microformat your content.

Page 152: The Open Web

use the open web

Make your URLs readable.

Page 153: The Open Web

use the open web

Make your URLs hackable.

Page 154: The Open Web

use the open web

Take all the data in your

40,00 PDFsand put it on a web page.

Page 155: The Open Web

use the open web

Then microformat those too.

Page 156: The Open Web

use the open web

That’s pretty straightforward.

Page 157: The Open Web

use the open web

Let’s try something harder.

Page 158: The Open Web

use the open web

Offer relevant web feeds.

Page 159: The Open Web

use the open web

Offer an API.

Page 160: The Open Web

use the open web

Offer web services.

Page 161: The Open Web

use the open web

Offer an API for them too.

Page 162: The Open Web

use the open web

Offer and/or accept OpenIDs.

Page 163: The Open Web

use the open web

Once users have identities...

Page 164: The Open Web

use the open web

Your options

explode!

Page 165: The Open Web

use the open web

Your options

explode!

Page 166: The Open Web

use the open web

They’re not just users anymore.

Page 167: The Open Web

use the open web

They’re community members.

Page 168: The Open Web

use the open web

You can offer so many more services when you know who people are.

Page 169: The Open Web

use the open web

The community member controls their OpenID.

Page 170: The Open Web

use the open web

Offer OAuth access to data.

Page 171: The Open Web

use the open web

Who are third-parties, anyway?

Page 172: The Open Web

use the open web

Some of them will be in your community.

Page 173: The Open Web

use the open web

Offer personalised feeds.

Page 174: The Open Web

Make-believe?

Page 175: The Open Web

Make.

Page 176: The Open Web

Believe.

Page 177: The Open Web

Thank you

Page 178: The Open Web

find me on the open web

http://lachstock.com.au/