Websemantics
-
Upload
matthias-pfefferle -
Category
Technology
-
view
2.027 -
download
0
description
Transcript of Websemantics
![Page 1: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/1.jpg)
WebsemanticsFuCamp 2010
Matthias Pfefferlehttp://notizblog.org
http://twitter.com/pfefferle
![Page 2: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/2.jpg)
was sind Websemantics?
![Page 3: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/3.jpg)
das Problem!
![Page 4: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/4.jpg)
aus User-Sicht
![Page 5: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/5.jpg)
aus User-Sicht
![Page 6: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/6.jpg)
aus Google-Sicht
![Page 7: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/7.jpg)
aus Google-Sicht
![Page 8: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/8.jpg)
Lösung?
![Page 9: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/9.jpg)
Websemantics!
![Page 10: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/10.jpg)
Buzzword-Bingo
• POSH (Plain Old Semantic HTML)
• Semantic HTML
• RDFa
• Microformats
• Microdata
• eRDF
![Page 11: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/11.jpg)
<div> <h1>Max Mustermann</h1> <small>Web-Entwickler</small> <ul> <li>Mustergasse 2</li> <li>12345 Musterstadt</li> <li>Deutschland</li> </ul> </div>
![Page 12: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/12.jpg)
<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>
![Page 13: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/13.jpg)
<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>
![Page 14: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/14.jpg)
Formate? • Profildaten
• Events
• Lizenzinformationen
• Audio/Video/Bilder
• Blog-Posts
• Beziehungen
• ...
![Page 15: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/15.jpg)
bisher
![Page 16: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/16.jpg)
![Page 17: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/17.jpg)
buzzword-bingo
• RSS
• Atom
• RDF (FoaF, SKOS, ...)
• XRD
• WSDL
![Page 18: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/18.jpg)
jetzt neu!
![Page 19: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/19.jpg)
![Page 20: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/20.jpg)
Kein Ersatz für klassische Formate
• Feeds: RSS/Atom
• Discovery: WSDL/XRD
• Wissensrepräsentation: RDF/OWL
• Login: OpenID
![Page 21: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/21.jpg)
Anwendungsgebiete
• Dienste die sowieso den HTML Code interpretieren
• Suchmaschinen
• Browser
![Page 22: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/22.jpg)
Vorteil für Suchmaschinen
![Page 23: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/23.jpg)
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
![Page 24: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/24.jpg)
Vorteile für Browser
![Page 25: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/25.jpg)
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
![Page 26: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/26.jpg)
Some Magic!
![Page 27: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/27.jpg)
Live-Beispiele
• Ident-Engine: http://identengine.com
• Webfinger: http://webfinger.org
![Page 28: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/28.jpg)
Formate
• Microformats
• RDFa
• Microdata
![Page 29: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/29.jpg)
Microformats
• klassische HTML Attribute
• class
• rel/rev
• title
• valides HTML 4/5 und XHTML 1/1.1
![Page 30: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/30.jpg)
<div class=“vcard“> <h1 class=“fn“>Max Mustermann</h1> <small class=“note“>Web-Entwickler</small> </div>
![Page 31: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/31.jpg)
RDFa• neue HTML Attribute
• about
• property
• resource
• datatype
• typeof
• Für XHTML 2 entwickelt
![Page 32: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/32.jpg)
<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>
![Page 33: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/33.jpg)
Microdata• neue HTML Attribute
• itemscope
• itemtype
• itemprop
• itemref
• itemid
• Für (X)HTML 5 entwickelt
![Page 34: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/34.jpg)
<div itemscope itemtype=
“http://microformats.org/profile/hcard“> <h1 itemprop=“fn“>Max Mustermann</h1> <small itemprop=“note“>
Web-Entwickler</small> </div>
![Page 35: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/35.jpg)
Hier könnte ein Fazit stehen ...
![Page 36: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/36.jpg)
Weitere Infos
• http://notizblog.org/tag/microformats/
• http://notizblog.org/tag/rdfa/
• http://notizblog.org/tag/microdata/
![Page 37: Websemantics](https://reader034.fdocuments.us/reader034/viewer/2022051817/548dc815b479591e1d8b4694/html5/thumbnails/37.jpg)
Fragen???