Websemantics

2,815 views
2,860 views

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,815
On SlideShare
0
From Embeds
0
Number of Embeds
235
Actions
Shares
0
Downloads
15
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Websemantics

  1. 1. Websemantics FuCamp 2010 Matthias Pfefferle http://notizblog.org http://twitter.com/pfefferle
  2. 2. was sind Websemantics?
  3. 3. das Problem!
  4. 4. aus User-Sicht
  5. 5. aus User-Sicht
  6. 6. aus Google-Sicht
  7. 7. aus Google-Sicht
  8. 8. Lösung?
  9. 9. Websemantics!
  10. 10. Buzzword-Bingo • POSH (Plain Old Semantic HTML) • Semantic HTML • RDFa • Microformats • Microdata • eRDF
  11. 11. <div> <h1>Max Mustermann</h1> <small>Web-Entwickler</small> <ul> <li>Mustergasse 2</li> <li>12345 Musterstadt</li> <li>Deutschland</li> </ul> </div>
  12. 12. <div class=“vcard“> <h1>Max Mustermann</h1> <small>Web-Entwickler</small> <ul> <li>Mustergasse 2</li> <li>12345 Musterstadt</li> <li>Deutschland</li> </ul> </div>
  13. 13. <div class=“vcard“> <h1 class=“fn“>Max Mustermann</h1> <small class=“note“>Web-Entwickler</small> <ul class=“adr“> <li class=“street-address“>Mustergasse 2</li> <li class=“locality“>12345 Musterstadt</li> <li class=“country-name“>Deutschland</li> </ul> </div>
  14. 14. Formate? • Profildaten • Events • Lizenzinformationen • Audio/Video/Bilder • Blog-Posts • Beziehungen • ...
  15. 15. bisher
  16. 16. buzzword-bingo • RSS • Atom • RDF (FoaF, SKOS, ...) • XRD • WSDL
  17. 17. jetzt neu!
  18. 18. Kein Ersatz für klassische Formate • Feeds: RSS/Atom • Discovery: WSDL/XRD • Wissensrepräsentation: RDF/OWL • Login: OpenID
  19. 19. Anwendungsgebiete • Dienste die sowieso den HTML Code interpretieren • Suchmaschinen • Browser
  20. 20. Vorteil für Suchmaschinen
  21. 21. Live-Beispiele • Yahoo (SearchMonkey) • http://notizblog.org/2008/06/19/searchmonkey-fuer- anwender/ • http://notizblog.org/2010/02/21/neue-identifier-fuer-den- searchmonkey/ • http://developer.yahoo.com/searchmonkey/ • Google (Rich Snippets) • http://www.google.com/support/webmasters/bin/ answer.py?answer=99170 • http://www.google.com/webhp?hl=en-US
  22. 22. Vorteile für Browser
  23. 23. Live-Beispiele • Firefox • Operator: https://addons.mozilla.org/de/firefox/addon/ 4106/ • Tails: https://addons.mozilla.org/de/firefox/addon/153353 • Google Maps for Microformats: https:// addons.mozilla.org/de/firefox/addon/153353/ • Chrome • Michromeformats: http://chrome.google.com/extensions/ detail/oalbifknmclbnmjlljdemhjjlkmppjjl
  24. 24. Some Magic!
  25. 25. Live-Beispiele • Ident-Engine: http://identengine.com • Webfinger: http://webfinger.org
  26. 26. Formate • Microformats • RDFa • Microdata
  27. 27. Microformats • klassische HTML Attribute • class • rel/rev • title • valides HTML 4/5 und XHTML 1/1.1
  28. 28. <div class=“vcard“> <h1 class=“fn“>Max Mustermann</h1> <small class=“note“>Web-Entwickler</small> </div>
  29. 29. RDFa • neue HTML Attribute • about • property • resource • datatype • typeof • Für XHTML 2 entwickelt
  30. 30. <div xmlns:contact= "http://www.w3.org/2001/vcard-rdf/3.0#" about="http://example.com/max"> <h1 property=“contact:fn“> Max Mustermann</h1> <small property=“contact:note“> Web-Entwickler</small> </div>
  31. 31. Microdata • neue HTML Attribute • itemscope • itemtype • itemprop • itemref • itemid • Für (X)HTML 5 entwickelt
  32. 32. <div itemscope itemtype= “http://microformats.org/profile/hcard“> <h1 itemprop=“fn“>Max Mustermann</h1> <small itemprop=“note“> Web-Entwickler</small> </div>
  33. 33. Hier könnte ein Fazit stehen ...
  34. 34. Weitere Infos • http://notizblog.org/tag/microformats/ • http://notizblog.org/tag/rdfa/ • http://notizblog.org/tag/microdata/
  35. 35. Fragen???

×