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

Like this? Share it with your network

Share

Microformats a Web of Data

  • 12,158 views
Uploaded 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......

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.

More in: Technology , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • 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
No Downloads

Views

Total Views
12,158
On Slideshare
11,634
From Embeds
524
Number of Embeds
18

Actions

Shares
Downloads
381
Comments
1
Likes
13

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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