Semantic Web in the browser. From a blind Web to

Semantic Webin the browser

Sabin Buraga

what you see is what you (maybe) understand...









How about the browser?

How about the browser?

Look, ma, there’s somethingin this Web page...

unreliable HTML scrappingto process the data

A better solution?

Look, ma, there’s something in this RSS feed...

XML as lingua francafor data serialization

XML scrappingto assure data reuse

the syntactic Web

the syntactic Web

from data to information,from information to knowledge


Can we explain this content?


Understanding data: persons, events, presentations, photos,...

SummerWeb isA Workshop .



simply denoted by URIs


RDF – Resource Description Frameworkwww.w3.org/RDF/

SummerWeb dc:title "Summer Web"@en .

SummerWeb dc:title "Summer Web"@en .

DCMI (Dublin Core Metadata Initiative)www.dublincore.org

busaco dc:creator SummerWeb .

busaco rdf:type foaf:Person .

busaco rdf:type foaf:Person .

FOAF (Friend Of A Friend) vocabularywww.foaf-project.org

There are plenty of otheruseful vocabularies...


vocab.org/


DOAC, DOAP, GoodRelations, SIOC, XMP etc.

RDF as a solution for...

storing distributed Web resourcesdenoted by URIs


describing “things” of intereste.g., documents, persons, software, concepts,...


modeling knowledge:taxonomies, thesauri, ontologies


linking and (re)usingother existing data in a coherent manner

...see Linked Data initiative


Can I “explain” this contentusing RDF within HTML?

RDF constructs can be used directly into Web pages

RDFa

RDFa

another way to serialize the RDF model

RDFa

using (X)HTML to specify RDF triples:subject predicate object

rdfa.info


<imgsrc="http://somewhere.info/sweb2002.jpg"rel="license"href="http://creativecommons.org/licenses/by-sa/3.0/"property="dc:creator" content="Sabin Buraga"

/>

The picture was created by Sabin Buraga, and it’s available under the terms of Creative Commons license


<div about="#me" typeof="foaf:Person"><h1 property="foaf:name">Sabin Buraga</h1><address>

<a rel="foaf:mbox" href="mailto:[email protected]">[email protected]</a>

</address><div rel="doac:education"><div typeof="doac:Education">

<span property="doac:title"><span property="doac:level">

Dr</span><span property="doac:subject">

Computer Science</span></span>

</div></div>

</div>

Sabin Buraga is a person and,among other things, he has a PhD degree


<p about="[_:Iasi]"><span property="dc:name">Iasi</span> is located at latitude <span property="geo:lat"

content="47.170151">47°N</span> and longitude <span property="geo:long"

content="27.583549">27°E</span></p>

Using geo vocabulary to define locations...


an innocent review...

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review">

<span rel="v:itemreviewed"><span about="…">

<span property="v:name">A blog post</span>

</span></span><span property="v:rating"

content="5">*****</span> <span property="v:summary">…</span>

</div>

Semantic annotationvia the review vocabulary provided by Google

RDFa mark-ups to denote book information

RDFa Highlight bookmarklet in action

RDFa support in Drupal

www.youtube.com/watch?v=r4WgTRIRoa0

RDFa support in Drupal

visualizing RDF data with Semantic Radar extension

RDFa documentsindexed by search engines

RDFa documentsindexed by search engines

Google Rich SnippetsYahoo! Search Monkey

RDFa transforms any Web page into an API

You still preferyour software to be blind?

SPARQLto query RDF(a) data

RDF Schema, SKOS, OWLspecifying conceptual models

http://tinyurl.com/sweet-tools

Semantic Webin the browser

Dr. Sabin Buragawww.purl.org/net/busaco

twitter.com/busaco

Technology

Semantic Web in the browser. From a blind Web to