Top Banner
The Open Web @lachlanhardy
178
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

@lachlanhardy

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

Let’s backtrack.

Page 25: The Open Web

small pieces

And I’ll cover cheaper too.

Page 26: The Open Web

Web standards

Page 27: The Open Web

web standards

Name some.

Page 28: The Open Web

web standards

HTML.

Page 29: The Open Web

web standards

CSS.

Page 30: The Open Web

web standards

JavaScript.

Page 31: The Open Web

web standards

Page 32: The Open Web

web standards

DOM. (Document Object Model)

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

Atom.

Page 36: The Open Web

web standards

They all have a baseline of useful support across browsers.

Page 37: The Open Web

web standards

Except...

Page 38: The Open Web

web standards

XMPP (eXtensible Messaging and Presence Protocol)

Page 39: The Open Web

web standards

(It’s not really in a browser.)

Page 40: The Open Web

web standards

XMPP (eXtensible Messaging and Presence Protocol)

Page 41: The Open Web

web standards

It’s not MSN Messenger.

Page 42: The Open Web

web standards

It’s not AIM.

Page 43: The Open Web

web standards

It’s not Yahoo! IM.

Page 44: The Open Web

web standards

But it is GTalk. (kinda)

Page 45: The Open Web

web standards

But it is GTalk. (kinda)

Page 46: The Open Web

web standards

They’re all web standards.

Page 47: The Open Web

web standards

Even XMPP.

Page 48: The Open Web

web standards

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

Page 49: The Open Web

web standards

W3C. (World Wide Web Consortium)

Page 50: The Open Web

web standards

W3C. (World Wide Web Consortium)

Page 51: The Open Web

web standards

IETF. (Internet Engineering Task Force)

Page 52: The Open Web

web standards

IETF. (Internet Engineering Task Force)

Page 53: The Open Web

web standards

No single entity has control.

Page 54: The Open Web

web standards

They’re all open.

Page 55: The Open Web

web standards

And there are a bunch more...

Page 56: The Open Web

Open specifications

Page 57: The Open Web

open specifications

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

Page 58: The Open Web

open specifications

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

Page 59: The Open Web
Page 60: The Open Web

open specifications

Microformats are a set of simple, open data formats.

Page 61: The Open Web

open specifications

Microformats are a set of simple, open data formats.

Page 62: The Open Web
Page 63: The Open Web

open specifications

OAuth allows secure API authentication from desktop and web applications.

Page 64: The Open Web

open specifications

OAuth allows secure API authentication from desktop and web applications.

Page 65: The Open Web
Page 66: The Open Web

open specifications

WebFinger attaches public metadata to email addresses.

Page 67: The Open Web

open specifications

WebFinger attaches public metadata to email addresses.

Page 68: The Open Web
Page 69: The Open Web
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

OAuth allows you to securely grant access to the content.

Page 75: The Open Web

open specifications

There are many more...

Page 76: The Open Web

open specifications

Activity Streams extends Atom to show what people are doing

Page 77: The Open Web

open specifications

Activity Streams extends Atom to show what people are doing

Page 78: The Open Web
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
Page 82: The Open Web

open specifications

It’s built around OAuth & vCard

Page 83: The Open Web

open specifications

Do you see why I love this?

Page 84: The Open Web

open specifications

People built these technologies as pieces of a puzzle.

Page 85: The Open Web

open specifications

It’s not some monolithic stack.

Page 86: The Open Web

open specifications

It’s modular.

Page 87: The Open Web

open specifications

Each can be used independently.

Page 88: The Open Web

open specifications

They’re designed to work together.

Page 89: The Open Web

open specifications

They’re not standards yet.

Page 90: The Open Web

open specifications

But they’re guaranteed to be open.

Page 91: The Open Web

Enough with the

open

Page 92: The Open Web

Cold Hard Cash

Page 93: The Open Web

cheaper & better

More people have looked at it

Page 94: The Open Web

cheaper & better

More people have worked on it

Page 95: The Open Web

cheaper & better

More people have used it

Page 96: The Open Web

cheaper & better

You didn’t have to pay them

Page 97: The Open Web

Open architecture

Page 98: The Open Web

open architecture

The components are less defined.

Page 99: The Open Web

open architecture

Let’s start simply.

Page 100: The Open Web

open architecture

URLs.

Page 101: The Open Web

open architecture

They should be readable.

Page 102: The Open Web

open architecture

They should be hackable.

Page 103: The Open Web
Page 104: The Open Web

open architecture

http://omniti.com/is/

Page 105: The Open Web
Page 106: The Open Web

open architecture

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

Page 107: The Open Web

open architecture

What about their jobs page?

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

Page 108: The Open Web

open architecture

What about their jobs page?

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

Page 109: The Open Web

open architecture

Their legal page?

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

Page 110: The Open Web

open architecture

Their legal page?

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

Page 114: The Open Web

open architecture

Case studies?

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

Page 115: The Open Web

open architecture

How’s that for SEO?

Page 116: The Open Web

open architecture

And readability.

Page 117: The Open Web

open architecture

And usability.

Page 118: The Open Web

open architecture

URLs require planning.

Page 119: The Open Web

open architecture

API (Application Programming Interface)

Page 120: The Open Web

open architecture

API (Application Programming Interface)

Page 121: The Open Web

open architecture

REST (Representational State Transfer)

Page 122: The Open Web

open architecture

REST (Representational State Transfer)

Page 123: The Open Web

Example time

Page 124: The Open Web
Page 125: The Open Web

twitter as exemplar

Simplicity.

Page 126: The Open Web

twitter as exemplar

Ubiquity.

Page 127: The Open Web

twitter as exemplar

Open API.

Page 128: The Open Web

twitter as exemplar

Microformats

Page 129: The Open Web

twitter as exemplar

Okay, enough Twitter.

Page 130: The Open Web
Page 131: The Open Web

gnolia as exemplar

Outsourcing identity

Page 132: The Open Web

gnolia as exemplar

What?!

Page 133: The Open Web
Page 134: The Open Web

gnolia as exemplar

Microformats.

Page 135: The Open Web
Page 136: The Open Web

example time

These are simple things.

Page 137: The Open Web

example time

Anybody can implement them.

Page 138: The Open Web

example time

Want to run an OpenID server?

Page 139: The Open Web

example time

Want to use MicroID?

Page 140: The Open Web

example time

Want to use Microformats?

Page 141: The Open Web

example time

The code is freely available.

Page 142: The Open Web

Use the Open Web

Page 143: The Open Web

use the open web

The web connects stuff.

Page 144: The Open Web

use the open web

I’m going make stuff up now.

Page 145: The Open Web

use the open web

You’re the experts.

Page 146: The Open Web

use the open web

You’ll find the solutions.

Page 147: The Open Web

use the open web

I’m just going to offer you the pieces.

Page 148: The Open Web

use the open web

I spend a lot of time on the web.

Page 149: The Open Web

use the open web

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

Page 150: The Open Web

use the open web

There are common threads.

Page 151: The Open Web

use the open web

Let’s start with the obvious.

Page 152: The Open Web

use the open web

Microformat your content.

Page 153: The Open Web

use the open web

Make your URLs readable.

Page 154: The Open Web

use the open web

Make your URLs hackable.

Page 155: The Open Web

use the open web

Take all the data in your

40,00 PDFsand put it on a web page.

Page 156: The Open Web

use the open web

Then microformat those too.

Page 157: The Open Web

use the open web

That’s pretty straightforward.

Page 158: The Open Web

use the open web

Let’s try something harder.

Page 159: The Open Web

use the open web

Offer relevant web feeds.

Page 160: The Open Web

use the open web

Offer an API.

Page 161: The Open Web

use the open web

Offer web services.

Page 162: The Open Web

use the open web

Offer an API for them too.

Page 163: The Open Web

use the open web

Offer and/or accept OpenIDs.

Page 164: The Open Web

use the open web

Once users have identities...

Page 165: The Open Web

use the open web

Your options

explode!

Page 166: The Open Web

use the open web

Your options

explode!

Page 167: The Open Web

use the open web

They’re not just users anymore.

Page 168: The Open Web

use the open web

They’re community members.

Page 169: The Open Web

use the open web

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

Page 170: The Open Web

use the open web

The community member controls their OpenID.

Page 171: The Open Web

use the open web

Offer OAuth access to data.

Page 172: The Open Web

use the open web

Who are third-parties, anyway?

Page 173: The Open Web

use the open web

Some of them will be in your community.

Page 174: The Open Web

use the open web

Offer personalised feeds.

Page 175: The Open Web

The Open Web

Page 176: The Open Web

Thank you

Page 177: The Open Web

find me on the open web

http://lachstock.com.au/

Page 178: The Open Web

references

http://dev.aol.com/article/2007/openid_primer_for_php

http://aarronwalter.com/presentations/sxsw08/