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

1. The Open Web

2. what is the open web?
“?”

3. what is the open web?
Do we know?

4. what is the open web?
Does anyone?

5. what is the open web?
Somewhat.

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

7. what is the open web?
A buzzphrase

8. what is the open web?
That complicates matters

9. what is the open web?
Here’s my definition

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

11. seeking definition
What makes it open?

12. seeking definition
Open specification providing
the freedom to implement

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

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

15. seeking definition
Public involvement in evolution
of the spec.

16. seeking definition
Some of this is contentious.

17. seeking definition
Big concepts are hard.

18. seeking definition
Philosophy is hard.

19. Let’s break it down

20. small pieces
Web standards.

21. small pieces
Open specifications.

22. small pieces
Open architecture.

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

24. small pieces
Am I cheating?

25. small pieces
A little bit.

26. small pieces
Let’s backtrack.

27. small pieces
And I’ll cover cheaper too.

28. Web standards

29. web standards
Name some.

30. web standards
HTML.

31. web standards
CSS.

32. web standards
JavaScript.

33. web standards

34. web standards
DOM. (Document Object Model)

35. web standards

36. web standards
DOM. (Document Object Model)

37. web standards
Atom.

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

39. web standards
Except...

40. web standards
XMPP
(eXtensible Messaging and Presence Protocol)

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

42. web standards
XMPP
(eXtensible Messaging and Presence Protocol)

43. web standards
It’s not MSN Messenger.

44. web standards
It’s not AIM.

45. web standards
It’s not Yahoo! IM.

46. web standards
But it is GTalk. (kinda)

47. web standards
But it is GTalk. (kinda)

48. web standards
They’re all web standards.

49. web standards
Even XMPP.

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

51. web standards
W3C. (World Wide Web Consortium)

52. web standards
W3C. (World Wide Web Consortium)

53. web standards
IETF. (Internet Engineering Task Force)

54. web standards
IETF. (Internet Engineering Task Force)

55. web standards
No single entity has control.

56. web standards
They’re all open.

57. web standards
And there are a bunch more...

58. Open
specifications

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

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

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

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

63. open specifications
MicroID enables verifiable
ownership claims to content.

64. open specifications
MicroID enables verifiable
ownership claims to content.

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

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

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

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

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

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

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

72. open specifications
OpenID gives you a
recognisable public identity.

73. open specifications
Microformats let you publish
more meaningful content.

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

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

76. open specifications
There are many more...

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

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

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

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

81. open specifications
It’s built around OAuth & vCard

82. open specifications
Do you see why I love this?

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

84. open specifications
It’s not some monolithic stack.

85. open specifications
It’s modular.

86. open specifications
Each can be used independently.

87. open specifications
They’re designed to work
together.

88. open specifications
They’re not standards yet.

89. open specifications
But they’re guaranteed to be
open.

90. Enough with the
open

91. Cold Hard Cash

92. cheaper & better
More people have looked at it

93. cheaper & better
More people have worked on it

94. cheaper & better
More people have used it

95. cheaper & better
You didn’t have to pay them

96. Open architecture

97. open architecture
The components are less
defined.

98. open architecture
Let’s start simply.

99. open architecture
URLs.

100. open architecture
They should be readable.

101. open architecture
They should be hackable.

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

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

106. open architecture
What about their jobs
page?
http://omniti.com/is/hiring/

107. open architecture
What about their jobs
page?
http://omniti.com/is/hiring/

108. open architecture
Their legal page?
http://omniti.com/has/legal/

109. open architecture
Their legal page?
http://omniti.com/has/legal/

110. open architecture
Services?
http://omniti.com/does/
design/

111. open architecture
Services?
http://omniti.com/does/
design/

112. open architecture
Case studies?
http://omniti.com/helps/
national-geographic/

113. open architecture
Case studies?
http://omniti.com/helps/
national-geographic/

114. open architecture
How’s that for SEO?

115. open architecture
And readability.

116. open architecture
And usability.

117. open architecture
URLs require planning.

118. open architecture
API (Application Programming Interface)

119. open architecture
API (Application Programming Interface)

120. open architecture
REST (Representational State Transfer)

121. open architecture
REST (Representational State Transfer)

122. Example time

124. twitter as exemplar
Simplicity.

125. twitter as exemplar
Ubiquity.

126. twitter as exemplar
Open API.

127. twitter as exemplar
Microformats

128. twitter as exemplar
Okay, enough Twitter.

130. ma.gnolia as exemplar
Outsourcing identity

131. ma.gnolia as exemplar
What?!

133. ma.gnolia as exemplar
Microformats.

134. <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>

135. example time
These are simple things.

136. example time
Anybody can implement them.

137. example time
Want to run an OpenID server?

138. example time
Want to use MicroID?

139. example time
Want to use Microformats?

140. example time
The code is freely available.

141. Use the Open Web

142. use the open web
The web connects stuff.

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

144. use the open web
You’re the experts.

145. use the open web
You’ll find the solutions.

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

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

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

149. use the open web
There are common threads.

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

151. use the open web
Microformat your content.

152. use the open web
Make your URLs readable.

153. use the open web
Make your URLs hackable.

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

155. use the open web
Then microformat those too.

156. use the open web
That’s pretty straightforward.

157. use the open web
Let’s try something harder.

158. use the open web
Offer relevant web feeds.

159. use the open web
Offer an API.

160. use the open web
Offer web services.

161. use the open web
Offer an API for them too.

162. use the open web
Offer and/or accept OpenIDs.

163. use the open web
Once users have identities...

164. use the open web
Your options
explode!

165. use the open web
Your options
explode!

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

167. use the open web
They’re community members.

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

169. use the open web
The community member
controls their OpenID.

170. use the open web
Offer OAuth access to data.

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

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

173. use the open web
Offer personalised feeds.

174. Make-believe?

175. Make.

176. Believe.

177. Thank you

178. find me on the open web
http://lachstock.com.au/