The Open Web
what is the open web?



      “?”
what is the open web?




Do we know?
what is the open web?




Does anyone?
what is the open web?




Somewhat.
what is the open web?




The Open Web has become a
buzzword.
what is the open web?




A   buzzphrase
what is the open web?




That complicates matters
what is the open web?




Here’s   my definition
seeking definition



The Open Web stems from a
common philosophical
approach.
seeking definition




What makes it open?
seeking definition




Open specification providing
the freedom to implement
seeking definition




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




Is supported by more than one
vendor or provider.
seeking definition




Public involvement in evolution
of the spec.
seeking definition




Some of this is contentious.
seeking definition




Big concepts are hard.
seeking definition




Philosophy is hard.
Let’s break it down
small pieces




Web standards.
small pieces




Open specifications.
small pieces




Open architecture.
small pieces




But those last two already
have open in the title!
small pieces




Am I cheating?
small pieces




A little bit.
small pieces




Let’s backtrack.
small pieces




And I’ll cover cheaper too.
Web standards
web standards




Name some.
web standards




HTML.
web standards




CSS.
web standards




JavaScript.
web standards
web standards




DOM.   (Document Object Model)
web standards
web standards




DOM.   (Document Object Model)
web standards




Atom.
web standards



They all have a baseline of
useful support across
browsers.
web standards




Except...
web standards




XMPP
(eXtensible Messaging and Presence Protocol)
web standards




(It’s not really in a browser.)
web standards




XMPP
(eXtensible Messaging and Presence Protocol)
web standards




It’s not MSN Messenger.
web standards




It’s not AIM.
web standards




It’s not Yahoo! IM.
web standards




But it is GTalk.   (kinda)
web standards




But it is GTalk.   (kinda)
web standards




They’re all web standards.
web standards




Even XMPP.
web standards




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




W3C.   (World Wide Web Consortium)
web standards




W3C.   (World Wide Web Consortium)
web standards




IETF.   (Internet Engineering Task Force)
web standards




IETF.   (Internet Engineering Task Force)
web standards




No single entity has control.
web standards




They’re all open.
web standards




And there are a bunch more...
Open
specifications
open specifications



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



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




Microformats are a set of
simple, open data formats.
open specifications




Microformats are a set of
simple, open data formats.
open specifications




MicroID enables verifiable
ownership claims to content.
open specifications




MicroID enables verifiable
ownership claims to content.
open specifications




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



OAuth allows secure API
authentication from desktop
and web applications.
open specifications



OAuth allows secure API
authentication from desktop
and web applications.
open specifications



WebFinger lets people attach
public metadata to email
addresses.
open specifications



WebFinger lets people attach
public metadata to email
addresses.
open specifications




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




WebFinger can connect an
email address to an OpenID.
open specifications




OpenID gives you a
recognisable public identity.
open specifications




Microformats let you publish
more meaningful content.
open specifications




MicroID lets you tie that
content to your identity.
open specifications




OAuth allows you to securely
grant access to the content.
open specifications




There are many more...
open specifications




Activity Streams extends Atom
to show what people are doing
open specifications




Activity Streams extends Atom
to show what people are doing
open specifications



Portable Contacts provides a
common access pattern and
contact schema
open specifications



Portable Contacts provides a
common access pattern and
contact schema
open specifications




It’s built around OAuth & vCard
open specifications




Do you see why I love this?
open specifications




People built these technologies
as pieces of a puzzle.
open specifications




It’s not some monolithic stack.
open specifications




It’s modular.
open specifications




Each can be used independently.
open specifications




They’re designed to work
together.
open specifications




They’re not standards yet.
open specifications




But they’re guaranteed to be
open.
Enough with the
    open
Cold Hard Cash
cheaper & better




More people have looked at it
cheaper & better




More people have worked on it
cheaper & better




More people have used it
cheaper & better




You didn’t have to   pay them
Open architecture
open architecture




The components are less
defined.
open architecture




Let’s start simply.
open architecture




URLs.
open architecture




They should be readable.
open architecture




They should be hackable.
open architecture



http://omniti.com/is/
open architecture


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

  What about their jobs
        page?

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

  What about their jobs
        page?

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

     Their legal page?

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

     Their legal page?

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

       Services?

 http://omniti.com/does/
         design/
open architecture

       Services?

 http://omniti.com/does/
         design/
open architecture

     Case studies?

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

     Case studies?

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




How’s that for SEO?
open architecture




And readability.
open architecture




And usability.
open architecture




URLs require planning.
open architecture




API   (Application Programming Interface)
open architecture




API   (Application Programming Interface)
open architecture




REST   (Representational State Transfer)
open architecture




REST   (Representational State Transfer)
Example time
twitter as exemplar




Simplicity.
twitter as exemplar




Ubiquity.
twitter as exemplar




Open API.
twitter as exemplar




Microformats
twitter as exemplar




Okay, enough Twitter.
ma.gnolia as exemplar




Outsourcing identity
ma.gnolia as exemplar




What?!
ma.gnolia as exemplar




Microformats.
<div class="vcard microid-mailto+http:sha1:7420623d3c0f2a07e591c12c27d1b429fb92b77d">
  <h1>
    <a href="http://ma.gnolia...
example time




These are simple things.
example time




Anybody can implement them.
example time




Want to run an OpenID server?
example time




Want to use MicroID?
example time




Want to use Microformats?
example time




The code is freely available.
Use the Open Web
use the open web




The web connects stuff.
use the open web




I’m going make stuff up now.
use the open web




You’re the experts.
use the open web




You’ll find the solutions.
use the open web




I’m just going to offer you the
pieces.
use the open web




I spend a lot of time on the
web.
use the open web




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




There are common threads.
use the open web




Let’s start with the obvious.
use the open web




Microformat your content.
use the open web




Make your URLs readable.
use the open web




Make your URLs hackable.
use the open web


  Take all the data in your
     40,00 PDFs
 and put it on a web page.
use the open web




Then microformat those too.
use the open web




That’s pretty straightforward.
use the open web




Let’s try something harder.
use the open web




Offer relevant web feeds.
use the open web




Offer an API.
use the open web




Offer web services.
use the open web




Offer an API for them too.
use the open web




Offer and/or accept OpenIDs.
use the open web




Once users have identities...
use the open web



Your options

explode!
use the open web



Your options

explode!
use the open web




They’re not just users
anymore.
use the open web




They’re community members.
use the open web



You can offer so many more
services when you know who
people are.
use the open web




The community member
controls their OpenID.
use the open web




Offer OAuth access to data.
use the open web




Who are third-parties, anyway?
use the open web




Some of them will be in your
community.
use the open web




Offer personalised feeds.
Make-believe?
Make.
Believe.
Thank you
find me on the open web



 http://lachstock.com.au/
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
Upcoming SlideShare
Loading in...5
×

The Open Web

1,555

Published on

I was honoured to speak at Web Directions South 2009 on the Open Web and why we should all be building it

Published in: Technology, Education
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,555
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
29
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

The Open Web

  1. 1. The Open Web
  2. 2. what is the open web? “?”
  3. 3. what is the open web? Do we know?
  4. 4. what is the open web? Does anyone?
  5. 5. what is the open web? Somewhat.
  6. 6. what is the open web? The Open Web has become a buzzword.
  7. 7. what is the open web? A buzzphrase
  8. 8. what is the open web? That complicates matters
  9. 9. what is the open web? Here’s my definition
  10. 10. seeking definition The Open Web stems from a common philosophical approach.
  11. 11. seeking definition What makes it open?
  12. 12. seeking definition Open specification providing the freedom to implement
  13. 13. seeking definition Has one or more open source reference implementation(s).
  14. 14. seeking definition Is supported by more than one vendor or provider.
  15. 15. seeking definition Public involvement in evolution of the spec.
  16. 16. seeking definition Some of this is contentious.
  17. 17. seeking definition Big concepts are hard.
  18. 18. seeking definition Philosophy is hard.
  19. 19. Let’s break it down
  20. 20. small pieces Web standards.
  21. 21. small pieces Open specifications.
  22. 22. small pieces Open architecture.
  23. 23. small pieces But those last two already have open in the title!
  24. 24. small pieces Am I cheating?
  25. 25. small pieces A little bit.
  26. 26. small pieces Let’s backtrack.
  27. 27. small pieces And I’ll cover cheaper too.
  28. 28. Web standards
  29. 29. web standards Name some.
  30. 30. web standards HTML.
  31. 31. web standards CSS.
  32. 32. web standards JavaScript.
  33. 33. web standards
  34. 34. web standards DOM. (Document Object Model)
  35. 35. web standards
  36. 36. web standards DOM. (Document Object Model)
  37. 37. web standards Atom.
  38. 38. web standards They all have a baseline of useful support across browsers.
  39. 39. web standards Except...
  40. 40. web standards XMPP (eXtensible Messaging and Presence Protocol)
  41. 41. web standards (It’s not really in a browser.)
  42. 42. web standards XMPP (eXtensible Messaging and Presence Protocol)
  43. 43. web standards It’s not MSN Messenger.
  44. 44. web standards It’s not AIM.
  45. 45. web standards It’s not Yahoo! IM.
  46. 46. web standards But it is GTalk. (kinda)
  47. 47. web standards But it is GTalk. (kinda)
  48. 48. web standards They’re all web standards.
  49. 49. web standards Even XMPP.
  50. 50. web standards That means they’ve been approved by a standards body.
  51. 51. web standards W3C. (World Wide Web Consortium)
  52. 52. web standards W3C. (World Wide Web Consortium)
  53. 53. web standards IETF. (Internet Engineering Task Force)
  54. 54. web standards IETF. (Internet Engineering Task Force)
  55. 55. web standards No single entity has control.
  56. 56. web standards They’re all open.
  57. 57. web standards And there are a bunch more...
  58. 58. Open specifications
  59. 59. open specifications OpenID is a decentralized framework for user-centric digital identity.
  60. 60. open specifications OpenID is a decentralized framework for user-centric digital identity.
  61. 61. open specifications Microformats are a set of simple, open data formats.
  62. 62. open specifications Microformats are a set of simple, open data formats.
  63. 63. open specifications MicroID enables verifiable ownership claims to content.
  64. 64. open specifications MicroID enables verifiable ownership claims to content.
  65. 65. open specifications It can encode your URL with the URL of the content site.
  66. 66. open specifications OAuth allows secure API authentication from desktop and web applications.
  67. 67. open specifications OAuth allows secure API authentication from desktop and web applications.
  68. 68. open specifications WebFinger lets people attach public metadata to email addresses.
  69. 69. open specifications WebFinger lets people attach public metadata to email addresses.
  70. 70. open specifications I think you can see where we’re going here...
  71. 71. open specifications WebFinger can connect an email address to an OpenID.
  72. 72. open specifications OpenID gives you a recognisable public identity.
  73. 73. open specifications Microformats let you publish more meaningful content.
  74. 74. open specifications MicroID lets you tie that content to your identity.
  75. 75. open specifications OAuth allows you to securely grant access to the content.
  76. 76. open specifications There are many more...
  77. 77. open specifications Activity Streams extends Atom to show what people are doing
  78. 78. open specifications Activity Streams extends Atom to show what people are doing
  79. 79. open specifications Portable Contacts provides a common access pattern and contact schema
  80. 80. open specifications Portable Contacts provides a common access pattern and contact schema
  81. 81. open specifications It’s built around OAuth & vCard
  82. 82. open specifications Do you see why I love this?
  83. 83. open specifications People built these technologies as pieces of a puzzle.
  84. 84. open specifications It’s not some monolithic stack.
  85. 85. open specifications It’s modular.
  86. 86. open specifications Each can be used independently.
  87. 87. open specifications They’re designed to work together.
  88. 88. open specifications They’re not standards yet.
  89. 89. open specifications But they’re guaranteed to be open.
  90. 90. Enough with the open
  91. 91. Cold Hard Cash
  92. 92. cheaper & better More people have looked at it
  93. 93. cheaper & better More people have worked on it
  94. 94. cheaper & better More people have used it
  95. 95. cheaper & better You didn’t have to pay them
  96. 96. Open architecture
  97. 97. open architecture The components are less defined.
  98. 98. open architecture Let’s start simply.
  99. 99. open architecture URLs.
  100. 100. open architecture They should be readable.
  101. 101. open architecture They should be hackable.
  102. 102. open architecture http://omniti.com/is/
  103. 103. open architecture http://omniti.com/is/here/
  104. 104. open architecture What about their jobs page? http://omniti.com/is/hiring/
  105. 105. open architecture What about their jobs page? http://omniti.com/is/hiring/
  106. 106. open architecture Their legal page? http://omniti.com/has/legal/
  107. 107. open architecture Their legal page? http://omniti.com/has/legal/
  108. 108. open architecture Services? http://omniti.com/does/ design/
  109. 109. open architecture Services? http://omniti.com/does/ design/
  110. 110. open architecture Case studies? http://omniti.com/helps/ national-geographic/
  111. 111. open architecture Case studies? http://omniti.com/helps/ national-geographic/
  112. 112. open architecture How’s that for SEO?
  113. 113. open architecture And readability.
  114. 114. open architecture And usability.
  115. 115. open architecture URLs require planning.
  116. 116. open architecture API (Application Programming Interface)
  117. 117. open architecture API (Application Programming Interface)
  118. 118. open architecture REST (Representational State Transfer)
  119. 119. open architecture REST (Representational State Transfer)
  120. 120. Example time
  121. 121. twitter as exemplar Simplicity.
  122. 122. twitter as exemplar Ubiquity.
  123. 123. twitter as exemplar Open API.
  124. 124. twitter as exemplar Microformats
  125. 125. twitter as exemplar Okay, enough Twitter.
  126. 126. ma.gnolia as exemplar Outsourcing identity
  127. 127. ma.gnolia as exemplar What?!
  128. 128. ma.gnolia as exemplar Microformats.
  129. 129. <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>
  130. 130. example time These are simple things.
  131. 131. example time Anybody can implement them.
  132. 132. example time Want to run an OpenID server?
  133. 133. example time Want to use MicroID?
  134. 134. example time Want to use Microformats?
  135. 135. example time The code is freely available.
  136. 136. Use the Open Web
  137. 137. use the open web The web connects stuff.
  138. 138. use the open web I’m going make stuff up now.
  139. 139. use the open web You’re the experts.
  140. 140. use the open web You’ll find the solutions.
  141. 141. use the open web I’m just going to offer you the pieces.
  142. 142. use the open web I spend a lot of time on the web.
  143. 143. use the open web I spend a lot of time on the web. A whole lot of time.
  144. 144. use the open web There are common threads.
  145. 145. use the open web Let’s start with the obvious.
  146. 146. use the open web Microformat your content.
  147. 147. use the open web Make your URLs readable.
  148. 148. use the open web Make your URLs hackable.
  149. 149. use the open web Take all the data in your 40,00 PDFs and put it on a web page.
  150. 150. use the open web Then microformat those too.
  151. 151. use the open web That’s pretty straightforward.
  152. 152. use the open web Let’s try something harder.
  153. 153. use the open web Offer relevant web feeds.
  154. 154. use the open web Offer an API.
  155. 155. use the open web Offer web services.
  156. 156. use the open web Offer an API for them too.
  157. 157. use the open web Offer and/or accept OpenIDs.
  158. 158. use the open web Once users have identities...
  159. 159. use the open web Your options explode!
  160. 160. use the open web Your options explode!
  161. 161. use the open web They’re not just users anymore.
  162. 162. use the open web They’re community members.
  163. 163. use the open web You can offer so many more services when you know who people are.
  164. 164. use the open web The community member controls their OpenID.
  165. 165. use the open web Offer OAuth access to data.
  166. 166. use the open web Who are third-parties, anyway?
  167. 167. use the open web Some of them will be in your community.
  168. 168. use the open web Offer personalised feeds.
  169. 169. Make-believe?
  170. 170. Make.
  171. 171. Believe.
  172. 172. Thank you
  173. 173. find me on the open web http://lachstock.com.au/
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×