The Open Web

   @lachlanhardy
what is the open web?



      “?”
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?




What follows is   my definition
seeking definition



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




What makes technology 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.
Open specifications.
Cold hard cash.
Open architecture.
small pieces

Web standards.
Open specifications.
Cold hard cash.
Open architecture.
small pieces

Web standards.
Open specifications.
Cold hard cash.
Open architecture.
small pieces

Web standards.
Open specifications.
Cold hard cash.
Open architecture.
Web standards
web standards

       Atom CSS
       DOM HTML
    JavaScript WCAG
web standards



Those all have a baseline of
useful support across
browsers and tools.
web standards

  Canvas CSS3 HTML5
    SVG WebSockets
    WAI-ARIA XMPP
web standards




Those are still gaining support.
web standards




They’re all web standards.
web standards




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




W3C.   (World Wide Web Consortium)
web standards




IETF.   (Internet Engineering Task Force)
web standards




No single entity has control.
web standards




They’re all open.
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



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



OAuth allows secure API
authentication from desktop,
mobile & web applications.
open specifications




WebFinger attaches public
metadata to email addresses.
open specifications




WebFinger attaches 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




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
Let’s talk about
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




REST   (Representational State Transfer)
Example time
twitter as exemplar




Simplicity.
twitter as exemplar




Ubiquity.
twitter as exemplar




Open API.
twitter as exemplar




Microformats
gnolia as exemplar




Outsourcing identity
gnolia as exemplar




It’s not as crazy as it sounds.
gnolia as exemplar




Microformats.
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 Microformats?
example time




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




The web connects...
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




Things that must be done.
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




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




You can really go to work.
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.
The Open Web
Thank you
find me on the open web



 http://lachstock.com.au/
references


http://dev.aol.com/article/2007/openid_primer_for_php
http://aarronwalter.com/presentations/sxsw08/
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
The Open Web
Upcoming SlideShare
Loading in …5
×

The Open Web

2,084
-1

Published on

Delivered at the amazing Webstock of February 18, 2010

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,084
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
56
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • if you will
  • Folks like to use it for marketing. Big organisations have differing uses depending on departments and focus.
  • There are techniques, practices and technologies that promote the Open Web, and there are those that discourage it.
  • Folks like Brad Neuberg and Chris Messina have led a lot of discussion around this. I joined the Open Web Group. We use the 4 following guidelines
  • (royalty & patent free)
  • Some of you may not agree.
  • There is a reason philosophers are such respected figures in human history.
  • Okay. If you remember Finger? It’s back. Now with added HTTP.
  • Basically, it’s Personal Data Discovery. Google have had it in alpha for some time and rolled it out to Google Profiles to coincide with the launch of Buzz last week. Many other companies are working on implementations.
  • To throw in the mix depending on what your site or product does
  • It uses a simple grammatical pattern of subjects, verbs and objects. Johnny threw the ball. Spot chased the ball.
  • Harmonised with a schema from OpenSocial and using the same discovery specs as OAuth and WebFinger
  • OpenID Foundation. Microformats is tidying up IP issues but intend to submit to IETF or W3C. Open Web Foundation.
  • Let’s take a break from the openness for a second.
  • I’m not a hippie. I’m not a fanatic. And I’m not a communist. Not that I have anything against hippies or communists. I like making money. I’d *prefer* to make lots of it. Like most people I’m only passionate about certain things. Everything else is boring and should be easy so I can get on with the interesting things that pay well.
  • Or pay for their work. But it makes sense to pay your teams to spend some of their time working on these specs, because they’ll know them better and make them more useful to you.
  • Web standards are easy. They’re made by standards bodies.
    Open specifications are easy. They’re made by open process and guaranteed to be open.
  • While we’re here, did you know that Google reads “national-geographic” as two words?
  • While we’re here, did you know that Google reads “national-geographic” as two words?
  • I’m not suggesting you leave here and put verbs in all your URLs. I am suggesting you think through what your URLs do for your site. AND for your users.
  • Not every site needs one, but you’d be surprised how far you can get with microformats and hackable URLs.
  • We’re not going to go diving into software architecture here, but if you’re building an API, build REST. You may add other types on top, but REST is simple, hackable and everybody understands how to use it.
  • Twitter. Of course. By this stage, you probably either love it or hate it. Or both.
  • 140 characters. That’s it? When you first hear that it sounds so limited. But that limitation provides so much flexibility. All you can do is add 140 characters. There’s very little metadata. Very little cruft. Just content. What if your site was just content?
  • You can use it from everywhere. What if everyone in your council area could access council services from - not anywhere - but *everywhere*?
  • Anybody can write code to access tweets. Anybody can pull tweets into their own site or service. What if anybody could write code to access your service?
  • Twitter uses the XFN microformat to connect your friend’s profiles with your own. And they use them to connect back to your own site and claim it. What if your site automatically associated people’s accounts with their own site?
  • Gnolia - formerly known as...
  • Gnolia does not accept new registrations by itself. All new accounts must come from third parties.
  • When I’ve explained this in the past, I’ve asked for hands. I won’t do that, but I reckon we’d pretty much cover everybody here.
  • This is my hCard on Ma.gnolia. A microformat. They use others on my profile too. Like hAtom, NoFollow, XFolk etc
  • In so many languages. You just have to set it up.
  • We hear this time and again at conferences. The Web of Things. The Web of the Real. I say,
  • The web connects stuff. The web connects increasingly more *stuff* because it’s getting easier to do so.
  • Some of this will have problems. Maybe all of it. Maybe budget constraints or resource limitations. That’s okay.
  • Whatever you’re working on is your problem space. You’re the experts. I’m just trying to show you what I see.
  • You guys offer a *lot* of services!
  • Or Word Docs or whatever. Offer the document file for download if anybody wants it, but make the data available in HTML.
  • Do you have regular updates on certain pages? Offer a feed. It doesn’t have to be a blog page to have Atom. And if you write it with the hAtom microformat, you can just generate the Atom.
  • Or just publicise all your nice accessible data sets.
  • Build your own services and share your data.
  • Everybody you offer services to.
  • They always were, of course.
  • They change their address as necessary.
  • Let third-parties offer services to your customers. Saves you having to do it.
  • Every developer lives somewhere. Every designer uses web sites. Some of them will use yours. Give them incentives to work with your site.
  • You know my name. You know my interests. You may even know where I live or where I am right now. How about explicit notifications? There will be roadworks on my street next week. There’s an amazing sushi restaurant around the corner and it’s lunch time.
  • It’s free
  • The Open Web

    1. The Open Web @lachlanhardy
    2. what is the open web? “?”
    3. what is the open web? The Open Web has become a buzzword.
    4. what is the open web? A buzzphrase
    5. what is the open web? That complicates matters
    6. what is the open web? What follows is my definition
    7. seeking definition The Open Web stems from a common philosophical approach.
    8. seeking definition What makes technology open?
    9. seeking definition Open specification providing the freedom to implement
    10. seeking definition Has one or more open source reference implementation(s).
    11. seeking definition Is supported by more than one vendor or provider.
    12. seeking definition Public involvement in evolution of the spec.
    13. seeking definition Some of this is contentious.
    14. seeking definition Big concepts are hard.
    15. seeking definition Philosophy is hard.
    16. Let’s break it down
    17. small pieces Web standards. Open specifications. Cold hard cash. Open architecture.
    18. small pieces Web standards. Open specifications. Cold hard cash. Open architecture.
    19. small pieces Web standards. Open specifications. Cold hard cash. Open architecture.
    20. small pieces Web standards. Open specifications. Cold hard cash. Open architecture.
    21. Web standards
    22. web standards Atom CSS DOM HTML JavaScript WCAG
    23. web standards Those all have a baseline of useful support across browsers and tools.
    24. web standards Canvas CSS3 HTML5 SVG WebSockets WAI-ARIA XMPP
    25. web standards Those are still gaining support.
    26. web standards They’re all web standards.
    27. web standards That means they’ve been approved by a standards body.
    28. web standards W3C. (World Wide Web Consortium)
    29. web standards IETF. (Internet Engineering Task Force)
    30. web standards No single entity has control.
    31. web standards They’re all open.
    32. Open specifications
    33. open specifications OpenID is a decentralized framework for user-centric digital identity.
    34. open specifications OpenID is a decentralized framework for user-centric digital identity.
    35. open specifications Microformats are a set of simple, open data formats.
    36. open specifications Microformats are a set of simple, open data formats.
    37. open specifications OAuth allows secure API authentication from desktop and web applications.
    38. open specifications OAuth allows secure API authentication from desktop, mobile & web applications.
    39. open specifications WebFinger attaches public metadata to email addresses.
    40. open specifications WebFinger attaches public metadata to email addresses.
    41. open specifications I think you can see where we’re going here...
    42. open specifications WebFinger can connect an email address to an OpenID.
    43. open specifications OpenID gives you a recognisable public identity.
    44. open specifications Microformats let you publish more meaningful content.
    45. open specifications OAuth allows you to securely grant access to the content.
    46. open specifications There are many more...
    47. open specifications Activity Streams extends Atom to show what people are doing
    48. open specifications Activity Streams extends Atom to show what people are doing
    49. open specifications Portable Contacts provides a common access pattern and contact schema
    50. open specifications Portable Contacts provides a common access pattern and contact schema
    51. open specifications It’s built around OAuth & vCard
    52. open specifications Do you see why I love this?
    53. open specifications People built these technologies as pieces of a puzzle.
    54. open specifications It’s not some monolithic stack.
    55. open specifications It’s modular.
    56. open specifications Each can be used independently.
    57. open specifications They’re designed to work together.
    58. open specifications They’re not standards yet.
    59. open specifications But they’re guaranteed to be open.
    60. Enough with the open
    61. Let’s talk about cold hard cash
    62. cheaper & better More people have looked at it
    63. cheaper & better More people have worked on it
    64. cheaper & better More people have used it
    65. cheaper & better You didn’t have to pay them
    66. Open architecture
    67. open architecture The components are less defined.
    68. open architecture Let’s start simply.
    69. open architecture URLs.
    70. open architecture They should be readable.
    71. open architecture They should be hackable.
    72. open architecture http://omniti.com/is/
    73. open architecture http://omniti.com/is/here/
    74. open architecture What about their jobs page? http://omniti.com/is/hiring/
    75. open architecture What about their jobs page? http://omniti.com/is/hiring/
    76. open architecture Their legal page? http://omniti.com/has/legal/
    77. open architecture Their legal page? http://omniti.com/has/legal/
    78. open architecture Services? http://omniti.com/does/ design/
    79. open architecture Services? http://omniti.com/does/ design/
    80. open architecture Case studies? http://omniti.com/helps/ national-geographic/
    81. open architecture Case studies? http://omniti.com/helps/ national-geographic/
    82. open architecture How’s that for SEO?
    83. open architecture And readability.
    84. open architecture And usability.
    85. open architecture URLs require planning.
    86. open architecture API (Application Programming Interface)
    87. open architecture REST (Representational State Transfer)
    88. Example time
    89. twitter as exemplar Simplicity.
    90. twitter as exemplar Ubiquity.
    91. twitter as exemplar Open API.
    92. twitter as exemplar Microformats
    93. gnolia as exemplar Outsourcing identity
    94. gnolia as exemplar It’s not as crazy as it sounds.
    95. gnolia as exemplar Microformats.
    96. example time These are simple things.
    97. example time Anybody can implement them.
    98. example time Want to run an OpenID server?
    99. example time Want to use Microformats?
    100. example time The code is freely available.
    101. Use the Open Web
    102. use the open web The web connects...
    103. use the open web The web connects stuff.
    104. use the open web I’m going make stuff up now.
    105. use the open web You’re the experts.
    106. use the open web You’ll find the solutions.
    107. use the open web I’m just going to offer you the pieces.
    108. use the open web I spend a lot of time on the web.
    109. use the open web I spend a lot of time on the web. A whole lot of time.
    110. use the open web There are common threads.
    111. use the open web Things that must be done.
    112. use the open web Microformat your content.
    113. use the open web Make your URLs readable.
    114. use the open web Make your URLs hackable.
    115. use the open web Take all the data in your 40,00 PDFs and put it on a web page.
    116. use the open web Then microformat those too.
    117. use the open web Offer relevant web feeds.
    118. use the open web Offer an API.
    119. use the open web Offer web services.
    120. use the open web Offer an API for them too.
    121. use the open web Offer and/or accept OpenIDs.
    122. use the open web Once users have identities...
    123. use the open web You can really go to work.
    124. use the open web They’re not just users anymore.
    125. use the open web They’re community members.
    126. use the open web You can offer so many more services when you know who people are.
    127. use the open web The community member controls their OpenID.
    128. use the open web Offer OAuth access to data.
    129. use the open web Who are third-parties, anyway?
    130. use the open web Some of them will be in your community.
    131. use the open web Offer personalised feeds.
    132. The Open Web
    133. Thank you
    134. find me on the open web http://lachstock.com.au/
    135. references http://dev.aol.com/article/2007/openid_primer_for_php http://aarronwalter.com/presentations/sxsw08/
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×