Microformats
Web of Data
              brian@suda.co.uk
  http://suda.co.uk/publications/Web2Expo/
Microformats:
The Nanotechnology of
the Semantic Web
Jeremy Keith
Wednesday, 7th November
9:00am
What are microformats
What is a web of data?
Evolution of the Browser

http://blog.mozilla.com/faaborg/2007/04/19/web-2.0-expo-presentation/
1993: Book
2005: Radio
2008: Switchboard
Operator & FireFox3
hCard
Web 2.0 Expo
Messe Berlin GmbH
<div class=“vcard”>
Messe Berlin GmbH
Messedamm 22
14055 Berlin, Germany
</div>
<div class=“vcard”>
<div class=“fn org”>Messe Berlin GmbH</div>
Messedamm 22
14055 Berlin, Germany
</div>
<div class=“vcard”>
<div class=“fn org”>Messe Berlin GmbH</div>
<div class=“adr”>
Messedamm 22
14055 Berlin, Germany
</div...
<div class=“vcard”>
<div class=“fn org”>Messe Berlin GmbH</div>
<div class=“adr”>
<div class=“street-address”>
Messedamm 2...
<div class=“vcard”>
<a href=“http://www1.messe-berlin.de/”
 class=“url fn org”>Messe Berlin GmbH</a>
<div class=“adr”>
 <d...
<div class=“vcard”>
<abbr title=“52.50475;13.279375” class=“geo”>
<a href=“http://www1.messe-berlin.de/”
class=“url fn org...
hCalendar
Web2.0 Expo
this session
<div class=“vevent”>
Microformats: Web of Data
November 6th, 9:00-9:50
New York 3
</div>
<div class=“vevent”>
<span class=“summary”>
Microformats: Web of Data
</span>
November 6th, 9:00-9:50
New York 3
</div>
<div class=“vevent”>
<a href=“http://berlin.web2expo.com/conference/”
class=“url summary”>Microformats: Web of Data</a>
No...
<div class=“vevent”>
<a href=“http://berlin.web2expo.com/conference/”
class=“url summary”>Microformats: Web of Data</a>
No...
<div class=“vevent”>
<a href=“http://berlin.web2expo.com/conference/”
class=“url summary”>Microformats: Web of Data</a>
<a...
Geo
<abbr title=“52.50475;13.279375” class=“geo”>
Messe Berlin GmbH
</abbr>
UNIX Pipes
for the Web
HTML | WebService
HTML | WebService | app
http://suda.co.uk/projects/
X2V/get-vcal.php?uri=http://
upcoming.yahoo.com/
event/183827/
HTML | Tidy | XSLT | Maps
HTML
Tidy
XSLT
Maps
http://maps.google.com/maps?
q=http:%2F%2Fsuda.co.uk%2Fproje
cts%2Fmicroformats%2Fgeo%2Fget-
geo.php%3Furi%3Dhttp%253A%252...
Four services, loosely
coupled & piped together
But wait....
there’s more!
HTML | Translation | Tidy | XSLT | Maps
http://maps.google.com/maps?
q=http:%2F%2Fsuda.co.uk%2Fprojects%
2Fmicroformats%2Fgeo%2Fget-geo.php
%3Furi%3Dhttp%253A%252...
http://icanhaz.com/berlin-web2expo-map
         http://tinyurl.com/2xck2d
http://qrcode.kaywa.com/img.php?s
=12&d=http%3A%2F%2Ficanhaz.
   com%2Fberlin-web2expo-map
Data Importing
Data Sources
Libraries
PHP: http://allinthehead.com/hkit
XSLT: http://hg.microformats.org
Python: http://www.plaxo.com/info/opensocialg...
screen-shots here
Microformats + GRDDL = RDF
With important applications such as
connecting microformats to the
Semantic Web, GRDDL is a mechanism to
extract RDF state...
Resources
http://suda.co.uk/publications/Web2Expo/
http://suda.co.uk/projects/microformats/cheatsheet/
mailto:brian@suda.c...
Allsopp
                 Also Available

L
                                                 JOHN ALLSOPP
                 ...
(EN) http://www.oreilly.com/catalog/microformats/
(D) http://www.oreilly.de/catalog/pdf_microformatsger/
(FR) http://www.o...
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Microformats a Web of Data
Upcoming SlideShare
Loading in...5
×

Microformats a Web of Data

10,185

Published on

Microformats allow you to extend the limited semantics of HTML, thus allowing for a richer web of data. By embedding microformats into HTML it is possible to use the semantic meaning to extract unambiguous data from the web that can then be used in other applications. Microformats focus on how people are already publishing their data online. This session focuses on the more technical aspects of microformats, how they interact with other Semantic Web technologies such as GRDDL and SPARQL, along with a look at browser plugins to detect microformats and browser integration.

Published in: Technology, Education
1 Comment
13 Likes
Statistics
Notes
  • A video of the talk that goes with the slides:
    http://billaut.typepad.com/jm/2007/11/do-you-know-bri.html

    <br /><object type="application/x-shockwave-flash" data="http://vpod.tv/jmbillaut/351224/flash/nVideoPlayer?path=http://vpod.tv/jmbillaut/351224/flash/nVideoPlayer?path=http://vpod.tv/jmbillaut/351224/flash/nVideoPlayer?path=http://vpod.tv/jmbillaut/351224/flash/nVideoPlayer" width="350" height="288"><param name="movie" value="http://vpod.tv/jmbillaut/351224/flash/nVideoPlayer?path=http://vpod.tv/jmbillaut/351224/flash/nVideoPlayer?path=http://vpod.tv/jmbillaut/351224/flash/nVideoPlayer?path=http://vpod.tv/jmbillaut/351224/flash/nVideoPlayer" /></object>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
10,185
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
384
Comments
1
Likes
13
Embeds 0
No embeds

No notes for slide

Transcript of "Microformats a Web of Data"

  1. 1. Microformats Web of Data brian@suda.co.uk http://suda.co.uk/publications/Web2Expo/
  2. 2. Microformats: The Nanotechnology of the Semantic Web Jeremy Keith Wednesday, 7th November 9:00am
  3. 3. What are microformats
  4. 4. What is a web of data?
  5. 5. Evolution of the Browser http://blog.mozilla.com/faaborg/2007/04/19/web-2.0-expo-presentation/
  6. 6. 1993: Book
  7. 7. 2005: Radio
  8. 8. 2008: Switchboard
  9. 9. Operator & FireFox3
  10. 10. hCard
  11. 11. Web 2.0 Expo Messe Berlin GmbH
  12. 12. <div class=“vcard”> Messe Berlin GmbH Messedamm 22 14055 Berlin, Germany </div>
  13. 13. <div class=“vcard”> <div class=“fn org”>Messe Berlin GmbH</div> Messedamm 22 14055 Berlin, Germany </div>
  14. 14. <div class=“vcard”> <div class=“fn org”>Messe Berlin GmbH</div> <div class=“adr”> Messedamm 22 14055 Berlin, Germany </div> </div>
  15. 15. <div class=“vcard”> <div class=“fn org”>Messe Berlin GmbH</div> <div class=“adr”> <div class=“street-address”> Messedamm 22</div> <span class=“postal-code”>14055</span> <span class=“locality”>Berlin</span> <span class=“country-name”>Germany</span> </div> </div>
  16. 16. <div class=“vcard”> <a href=“http://www1.messe-berlin.de/” class=“url fn org”>Messe Berlin GmbH</a> <div class=“adr”> <div class=“street-address”> Messedamm 22</div> <span class=“postal-code”>14055</span> <span class=“locality”>Berlin</span> <span class=“country-name”>Germany</span> </div> </div>
  17. 17. <div class=“vcard”> <abbr title=“52.50475;13.279375” class=“geo”> <a href=“http://www1.messe-berlin.de/” class=“url fn org”>Messe Berlin GmbH</a></abbr> <div class=“adr”> <div class=“street-address”> Messedamm 22</div> <span class=“postal-code”>14055</span> <span class=“locality”>Berlin</span> <span class=“country-name”>Germany</span> </div> </div>
  18. 18. hCalendar
  19. 19. Web2.0 Expo this session
  20. 20. <div class=“vevent”> Microformats: Web of Data November 6th, 9:00-9:50 New York 3 </div>
  21. 21. <div class=“vevent”> <span class=“summary”> Microformats: Web of Data </span> November 6th, 9:00-9:50 New York 3 </div>
  22. 22. <div class=“vevent”> <a href=“http://berlin.web2expo.com/conference/” class=“url summary”>Microformats: Web of Data</a> November 6th, 9:00-9:50 New York 3 </div>
  23. 23. <div class=“vevent”> <a href=“http://berlin.web2expo.com/conference/” class=“url summary”>Microformats: Web of Data</a> November 6th, 9:00-9:50 <span class=“location”>New York 3</span> </div>
  24. 24. <div class=“vevent”> <a href=“http://berlin.web2expo.com/conference/” class=“url summary”>Microformats: Web of Data</a> <abbr class=“dtstart” title=“2007-11-06T08:00:00Z”> November 6th, 9:00</abbr>- <abbr class=“dtend” title=“2007-11-06T08:50:00Z”> 9:50</abbr> <span class=“location”>New York 3</span> </div>
  25. 25. Geo
  26. 26. <abbr title=“52.50475;13.279375” class=“geo”> Messe Berlin GmbH </abbr>
  27. 27. UNIX Pipes
  28. 28. for the Web
  29. 29. HTML | WebService
  30. 30. HTML | WebService | app
  31. 31. http://suda.co.uk/projects/ X2V/get-vcal.php?uri=http:// upcoming.yahoo.com/ event/183827/
  32. 32. HTML | Tidy | XSLT | Maps
  33. 33. HTML
  34. 34. Tidy
  35. 35. XSLT
  36. 36. Maps
  37. 37. http://maps.google.com/maps? q=http:%2F%2Fsuda.co.uk%2Fproje cts%2Fmicroformats%2Fgeo%2Fget- geo.php%3Furi%3Dhttp%253A%252 F%252Fcgi.w3.org%252Fcgi-bin%2 52Ftidy%253FdocAddr%253Dhttp% 25253A%25252F%25252Fsudabot. com%25252Fweb2expo%26type%3 Dkml
  38. 38. Four services, loosely coupled & piped together
  39. 39. But wait....
  40. 40. there’s more!
  41. 41. HTML | Translation | Tidy | XSLT | Maps
  42. 42. http://maps.google.com/maps? q=http:%2F%2Fsuda.co.uk%2Fprojects% 2Fmicroformats%2Fgeo%2Fget-geo.php %3Furi%3Dhttp%253A%252F%252Fcgi. w3.org%252Fcgi-bin%252Ftidy%253FdocAd dr%253Dhttp%25253A%25252F%25252Fba belfish.altavista.com%25252Fbabelfish%252 52Ftrurl_pagecontent%25253Flp%25253Den _de%252526url%25253Dhttp%2525253A% 2525252F%2525252Fsuda.co.uk%2525252F Web2Expo%2525252F%26type%3Dkml
  43. 43. http://icanhaz.com/berlin-web2expo-map http://tinyurl.com/2xck2d
  44. 44. http://qrcode.kaywa.com/img.php?s =12&d=http%3A%2F%2Ficanhaz. com%2Fberlin-web2expo-map
  45. 45. Data Importing
  46. 46. Data Sources
  47. 47. Libraries PHP: http://allinthehead.com/hkit XSLT: http://hg.microformats.org Python: http://www.plaxo.com/info/opensocialgraph Ruby: http://code.google.com/p/identity-matcher/ XSL & JS: http://code.google.com/p/mf-optimus/ Textpattern: http://textpattern.org/plugins/525/pnh_mf http://www.webstandards.org/action/dwtf/microformats/ Django: http://code.google.com/p/django-psn/ http://microformats.org/wiki/implementations
  48. 48. screen-shots here
  49. 49. Microformats + GRDDL = RDF
  50. 50. With important applications such as connecting microformats to the Semantic Web, GRDDL is a mechanism to extract RDF statements from suitable XHTML and XML content using programs such as XSLT transformations. GRDDL allows powerful mash-ups at very low cost.
  51. 51. Resources http://suda.co.uk/publications/Web2Expo/ http://suda.co.uk/projects/microformats/cheatsheet/ mailto:brian@suda.co.uk http://microformats.org/ http://del.icio.us/tags/microformats/ http://www.pingerati.net/ http://kitchen.technorati.com/search/ http://hg.microformats.org http://www.oreilly.com/catalog/microformats/ https://addons.mozilla.org/en-US/firefox/addon/4106
  52. 52. Allsopp Also Available L JOHN ALLSOPP Foreword by Tantek Çelik MICROFORMATS open integrate plications ing right and are fast developers. tact details, and desktop ites except a g commonly today’s Web. technologies b tools, and, s. lores why, in ork; and the very current and uses of urvey of the case studies icroformats hn Allsopp, Empowering Your Markup for Web 2.0 ou painlessly Use rich semantics in your markup to make it machine-readable Y as well as human-readable Make your websites “mashup-ready” for a new generation of web applications Understand this fast-growing technology through this book’s m real-world examples, case studies, tools, and much more que.com/ olor not accurate spine = 0.000quot; 000 page count http://microformatique.com/book/
  53. 53. (EN) http://www.oreilly.com/catalog/microformats/ (D) http://www.oreilly.de/catalog/pdf_microformatsger/ (FR) http://www.oreilly.fr/catalogue/2354020031
  1. A particular slide catching your eye?

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

×