SlideShare a Scribd company logo
1 of 148
Download to read offline
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.
The Open Web
open specifications




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




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



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



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




WebFinger attaches public
metadata to email addresses.
open specifications




WebFinger attaches public
metadata to email addresses.
The Open Web
The Open Web
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
The Open Web
open specifications



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



Portable Contacts provides a
common access pattern and
contact schema
The Open Web
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.
The Open Web
open architecture



http://omniti.com/is/
The Open Web
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
The Open Web
twitter as exemplar




Simplicity.
twitter as exemplar




Ubiquity.
twitter as exemplar




Open API.
twitter as exemplar




Microformats
The Open Web
gnolia as exemplar




Outsourcing identity
gnolia as exemplar




It’s not as crazy as it sounds.
The Open Web
gnolia as exemplar




Microformats.
The Open Web
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/

More Related Content

Similar to The Open Web

Introduction to (web) APIs - definitions, examples, concepts and trends
Introduction to (web) APIs - definitions, examples, concepts and trendsIntroduction to (web) APIs - definitions, examples, concepts and trends
Introduction to (web) APIs - definitions, examples, concepts and trendsOlaf Janssen
 
Introduction To Open Web Protocols
Introduction To Open Web ProtocolsIntroduction To Open Web Protocols
Introduction To Open Web ProtocolsMohan Krishnan
 
Introducing OpenAthens Cloud for content providers
Introducing OpenAthens Cloud for content providersIntroducing OpenAthens Cloud for content providers
Introducing OpenAthens Cloud for content providersOpenAthens
 
Digital And Technology And Copyright
Digital And Technology And CopyrightDigital And Technology And Copyright
Digital And Technology And CopyrightJennifer Ontiveros
 
Resource Discovery Landscape
Resource Discovery LandscapeResource Discovery Landscape
Resource Discovery LandscapeAndy Powell
 
Goodle Developer Days Munich 2008 - Open Social Update
Goodle Developer Days Munich 2008 - Open Social UpdateGoodle Developer Days Munich 2008 - Open Social Update
Goodle Developer Days Munich 2008 - Open Social UpdatePatrick Chanezon
 
API Introduction - API Management Workshop Munich from Ronnie Mitra
API Introduction - API Management Workshop Munich from Ronnie MitraAPI Introduction - API Management Workshop Munich from Ronnie Mitra
API Introduction - API Management Workshop Munich from Ronnie MitraCA API Management
 
Describe The Following Web Development Tools
Describe The Following Web Development ToolsDescribe The Following Web Development Tools
Describe The Following Web Development ToolsMichelle Davis
 
Flax ovum search-across_the_enterprise
Flax ovum search-across_the_enterpriseFlax ovum search-across_the_enterprise
Flax ovum search-across_the_enterpriseCharlie Hull
 
Top 5 Tips for Building Viral Social Web Applications and Sites
Top 5 Tips for Building Viral Social Web Applications and SitesTop 5 Tips for Building Viral Social Web Applications and Sites
Top 5 Tips for Building Viral Social Web Applications and SitesJonathan LeBlanc
 
Goodle Developer Days London 2008 - Open Social Update
Goodle Developer Days London 2008 - Open Social UpdateGoodle Developer Days London 2008 - Open Social Update
Goodle Developer Days London 2008 - Open Social UpdatePatrick Chanezon
 
Nt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And AnswersNt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And AnswersLisa Williams
 
Linux distribution for the cloud
Linux distribution for the cloudLinux distribution for the cloud
Linux distribution for the cloudPeter Eisentraut
 
Open Source Compliance at Twitter
Open Source Compliance at TwitterOpen Source Compliance at Twitter
Open Source Compliance at TwitterChris Aniszczyk
 
Web Application Vulnerabilities
Web Application VulnerabilitiesWeb Application Vulnerabilities
Web Application VulnerabilitiesPamela Wright
 
GSP East 2008: Open Social: Open For Business
GSP East 2008: Open Social: Open For BusinessGSP East 2008: Open Social: Open For Business
GSP East 2008: Open Social: Open For BusinessPatrick Chanezon
 

Similar to The Open Web (20)

The Open Web
The Open WebThe Open Web
The Open Web
 
The Open Web
The Open WebThe Open Web
The Open Web
 
Introduction to (web) APIs - definitions, examples, concepts and trends
Introduction to (web) APIs - definitions, examples, concepts and trendsIntroduction to (web) APIs - definitions, examples, concepts and trends
Introduction to (web) APIs - definitions, examples, concepts and trends
 
Introduction To Open Web Protocols
Introduction To Open Web ProtocolsIntroduction To Open Web Protocols
Introduction To Open Web Protocols
 
Introducing OpenAthens Cloud for content providers
Introducing OpenAthens Cloud for content providersIntroducing OpenAthens Cloud for content providers
Introducing OpenAthens Cloud for content providers
 
Digital And Technology And Copyright
Digital And Technology And CopyrightDigital And Technology And Copyright
Digital And Technology And Copyright
 
Mozilla & Open Web
Mozilla & Open WebMozilla & Open Web
Mozilla & Open Web
 
Resource Discovery Landscape
Resource Discovery LandscapeResource Discovery Landscape
Resource Discovery Landscape
 
Web2.0 : an introduction
Web2.0 : an introductionWeb2.0 : an introduction
Web2.0 : an introduction
 
Goodle Developer Days Munich 2008 - Open Social Update
Goodle Developer Days Munich 2008 - Open Social UpdateGoodle Developer Days Munich 2008 - Open Social Update
Goodle Developer Days Munich 2008 - Open Social Update
 
API Introduction - API Management Workshop Munich from Ronnie Mitra
API Introduction - API Management Workshop Munich from Ronnie MitraAPI Introduction - API Management Workshop Munich from Ronnie Mitra
API Introduction - API Management Workshop Munich from Ronnie Mitra
 
Describe The Following Web Development Tools
Describe The Following Web Development ToolsDescribe The Following Web Development Tools
Describe The Following Web Development Tools
 
Flax ovum search-across_the_enterprise
Flax ovum search-across_the_enterpriseFlax ovum search-across_the_enterprise
Flax ovum search-across_the_enterprise
 
Top 5 Tips for Building Viral Social Web Applications and Sites
Top 5 Tips for Building Viral Social Web Applications and SitesTop 5 Tips for Building Viral Social Web Applications and Sites
Top 5 Tips for Building Viral Social Web Applications and Sites
 
Goodle Developer Days London 2008 - Open Social Update
Goodle Developer Days London 2008 - Open Social UpdateGoodle Developer Days London 2008 - Open Social Update
Goodle Developer Days London 2008 - Open Social Update
 
Nt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And AnswersNt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And Answers
 
Linux distribution for the cloud
Linux distribution for the cloudLinux distribution for the cloud
Linux distribution for the cloud
 
Open Source Compliance at Twitter
Open Source Compliance at TwitterOpen Source Compliance at Twitter
Open Source Compliance at Twitter
 
Web Application Vulnerabilities
Web Application VulnerabilitiesWeb Application Vulnerabilities
Web Application Vulnerabilities
 
GSP East 2008: Open Social: Open For Business
GSP East 2008: Open Social: Open For BusinessGSP East 2008: Open Social: Open For Business
GSP East 2008: Open Social: Open For Business
 

More from Lachlan Hardy

Give Your JavaScript Apps Some Spine
Give Your JavaScript Apps Some SpineGive Your JavaScript Apps Some Spine
Give Your JavaScript Apps Some SpineLachlan Hardy
 
Give Your JavaScript Apps A Spine
Give Your JavaScript Apps A SpineGive Your JavaScript Apps A Spine
Give Your JavaScript Apps A SpineLachlan Hardy
 
GitHub for JavaScripters
GitHub for JavaScriptersGitHub for JavaScripters
GitHub for JavaScriptersLachlan Hardy
 
Serving Code Samples
Serving Code SamplesServing Code Samples
Serving Code SamplesLachlan Hardy
 
Improving Dashboards with open content sharing
Improving Dashboards with open content sharingImproving Dashboards with open content sharing
Improving Dashboards with open content sharingLachlan Hardy
 
Local Government on the Open Web
Local Government on the Open WebLocal Government on the Open Web
Local Government on the Open WebLachlan Hardy
 
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Lachlan Hardy
 

More from Lachlan Hardy (9)

Give Your JavaScript Apps Some Spine
Give Your JavaScript Apps Some SpineGive Your JavaScript Apps Some Spine
Give Your JavaScript Apps Some Spine
 
Give Your JavaScript Apps A Spine
Give Your JavaScript Apps A SpineGive Your JavaScript Apps A Spine
Give Your JavaScript Apps A Spine
 
SydJS.com
SydJS.comSydJS.com
SydJS.com
 
Yql && Raphaël
Yql && RaphaëlYql && Raphaël
Yql && Raphaël
 
GitHub for JavaScripters
GitHub for JavaScriptersGitHub for JavaScripters
GitHub for JavaScripters
 
Serving Code Samples
Serving Code SamplesServing Code Samples
Serving Code Samples
 
Improving Dashboards with open content sharing
Improving Dashboards with open content sharingImproving Dashboards with open content sharing
Improving Dashboards with open content sharing
 
Local Government on the Open Web
Local Government on the Open WebLocal Government on the Open Web
Local Government on the Open Web
 
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
 

The Open Web

Editor's Notes

  1. if you will
  2. Folks like to use it for marketing. Big organisations have differing uses depending on departments and focus.
  3. There are techniques, practices and technologies that promote the Open Web, and there are those that discourage it.
  4. 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
  5. (royalty & patent free)
  6. Some of you may not agree.
  7. There is a reason philosophers are such respected figures in human history.
  8. Okay. If you remember Finger? It’s back. Now with added HTTP.
  9. 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.
  10. To throw in the mix depending on what your site or product does
  11. It uses a simple grammatical pattern of subjects, verbs and objects. Johnny threw the ball. Spot chased the ball.
  12. Harmonised with a schema from OpenSocial and using the same discovery specs as OAuth and WebFinger
  13. OpenID Foundation. Microformats is tidying up IP issues but intend to submit to IETF or W3C. Open Web Foundation.
  14. Let’s take a break from the openness for a second.
  15. 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.
  16. 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.
  17. 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.
  18. While we’re here, did you know that Google reads “national-geographic” as two words?
  19. While we’re here, did you know that Google reads “national-geographic” as two words?
  20. 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.
  21. Not every site needs one, but you’d be surprised how far you can get with microformats and hackable URLs.
  22. 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.
  23. Twitter. Of course. By this stage, you probably either love it or hate it. Or both.
  24. 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?
  25. You can use it from everywhere. What if everyone in your council area could access council services from - not anywhere - but *everywhere*?
  26. 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?
  27. 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?
  28. Gnolia - formerly known as...
  29. Gnolia does not accept new registrations by itself. All new accounts must come from third parties.
  30. 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.
  31. This is my hCard on Ma.gnolia. A microformat. They use others on my profile too. Like hAtom, NoFollow, XFolk etc
  32. In so many languages. You just have to set it up.
  33. We hear this time and again at conferences. The Web of Things. The Web of the Real. I say,
  34. The web connects stuff. The web connects increasingly more *stuff* because it’s getting easier to do so.
  35. Some of this will have problems. Maybe all of it. Maybe budget constraints or resource limitations. That’s okay.
  36. Whatever you’re working on is your problem space. You’re the experts. I’m just trying to show you what I see.
  37. You guys offer a *lot* of services!
  38. Or Word Docs or whatever. Offer the document file for download if anybody wants it, but make the data available in HTML.
  39. 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.
  40. Or just publicise all your nice accessible data sets.
  41. Build your own services and share your data.
  42. Everybody you offer services to.
  43. They always were, of course.
  44. They change their address as necessary.
  45. Let third-parties offer services to your customers. Saves you having to do it.
  46. Every developer lives somewhere. Every designer uses web sites. Some of them will use yours. Give them incentives to work with your site.
  47. 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.
  48. It’s free