Microformats a Web of Data
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Microformats a Web of Data

on

  • 12,140 views

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

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.

Statistics

Views

Total Views
12,140
Views on SlideShare
11,616
Embed Views
524

Actions

Likes
13
Downloads
380
Comments
1

18 Embeds 524

http://blog.sharkui.com 318
http://szklanowski.blogspot.com 142
http://www.sharkui.com 34
http://www.zhuaxia.com 4
http://agoodb.cn 4
http://szklanowski.blogspot.ch 3
http://www.elanso.com 3
http://www.slideshare.net 3
http://www.szklanowski.blogspot.com 2
http://szklanowski.blogspot.de 2
http://cache.baidu.com 2
http://jacksonmedeiros.wordpress.com 1
http://read.elanso.com 1
http://szklanowski.blogspot.co.uk 1
http://szklanowski.blogspot.ca 1
http://www.techgig.com 1
http://reader.yodao.com 1
http://192.168.10.100 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 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>
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Microformats a Web of Data Presentation Transcript

  • 1. Microformats Web of Data brian@suda.co.uk http://suda.co.uk/publications/Web2Expo/
  • 2. Microformats: The Nanotechnology of the Semantic Web Jeremy Keith Wednesday, 7th November 9:00am
  • 3. What are microformats
  • 4. What is a web of data?
  • 5. Evolution of the Browser http://blog.mozilla.com/faaborg/2007/04/19/web-2.0-expo-presentation/
  • 6. 1993: Book
  • 7. 2005: Radio
  • 8. 2008: Switchboard
  • 9. Operator & FireFox3
  • 10. hCard
  • 11. Web 2.0 Expo Messe Berlin GmbH
  • 12. <div class=“vcard”> Messe Berlin GmbH Messedamm 22 14055 Berlin, Germany </div>
  • 13. <div class=“vcard”> <div class=“fn org”>Messe Berlin GmbH</div> Messedamm 22 14055 Berlin, Germany </div>
  • 14. <div class=“vcard”> <div class=“fn org”>Messe Berlin GmbH</div> <div class=“adr”> Messedamm 22 14055 Berlin, Germany </div> </div>
  • 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. <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. <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. hCalendar
  • 19. Web2.0 Expo this session
  • 20. <div class=“vevent”> Microformats: Web of Data November 6th, 9:00-9:50 New York 3 </div>
  • 21. <div class=“vevent”> <span class=“summary”> Microformats: Web of Data </span> November 6th, 9:00-9:50 New York 3 </div>
  • 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. <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. <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. Geo
  • 26. <abbr title=“52.50475;13.279375” class=“geo”> Messe Berlin GmbH </abbr>
  • 27. UNIX Pipes
  • 28. for the Web
  • 29. HTML | WebService
  • 30. HTML | WebService | app
  • 31. http://suda.co.uk/projects/ X2V/get-vcal.php?uri=http:// upcoming.yahoo.com/ event/183827/
  • 32. HTML | Tidy | XSLT | Maps
  • 33. HTML
  • 34. Tidy
  • 35. XSLT
  • 36. Maps
  • 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. Four services, loosely coupled & piped together
  • 39. But wait....
  • 40. there’s more!
  • 41. HTML | Translation | Tidy | XSLT | Maps
  • 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. http://icanhaz.com/berlin-web2expo-map http://tinyurl.com/2xck2d
  • 44. http://qrcode.kaywa.com/img.php?s =12&d=http%3A%2F%2Ficanhaz. com%2Fberlin-web2expo-map
  • 45. Data Importing
  • 46. Data Sources
  • 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. screen-shots here
  • 49. Microformats + GRDDL = RDF
  • 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. 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. 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. (EN) http://www.oreilly.com/catalog/microformats/ (D) http://www.oreilly.de/catalog/pdf_microformatsger/ (FR) http://www.oreilly.fr/catalogue/2354020031