Web Semantics in Practice

Web Architecture and Information Management [./]
Spring 2009 — INFO 190-02 (CCN 42509)

Erik Wilde, UC Berkeley School of Information
2009-04-29

Creative Commons License [http://creativecommons.org/licenses/by/3.0/]

This work is licensed under a CC
Attribution 3.0 Unported License
[http://creativecommons.org/licenses/by/3.0/]

Contents E. Wilde: Web Semantics in Practice

Contents

E. Wilde: Web Semantics in Practice

(2) Abstract

Web semantics are interesting to be able to know more about the meaning of Web content, not only its syntactic representation. Microformats and more formal approaches such as the Resource Description Framework (RDF), RDF in Attributes (RDFa), and the Web Ontology Language (OWL) can be used to describe Web content semantically. After looking at Semantic Web concepts such as Microformats and the Resource Description Framework (RDF), we look into some practical issues of how to express semantics on the Web.



E. Wilde: Web Semantics in Practice

(3) Using Semantics

  1. Findability of resources
    • search engines can do a better job if they understand more
    • machine-readable semantics are more reliable than text processing
  2. Usability of resources
    • browsers/devices can pick up information and use it
    • more understanding allows more sophisticated applications
    • in particular, recombining things is easier when you understand them
  3. Utility of resources
    • recombining things is easier when you understand them
    • understanding is much easier in a closed user group


Microformats

Outline (Microformats)

  1. Microformats [7]
  2. Resource Description Framework (RDF) [5]
  3. More Languages [2]
Microformats E. Wilde: Web Semantics in Practice

(5) HTML Microformats

<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Erik Wilde</title>
  <link rel="next" href="cv" title="CV"/>
  <link rel="prev" href="publications" title="Publications"/>
  <link rel="glossary" href="http://dret.net/glossary/"/>
  <link rel="stylesheet" type="text/css" href="http://dret.net/dretnet.css"/>
  <link rel="stylesheet" type="text/css" href="http://dret.net/netdret/netdret.css"/>
  <link rel="meta" type="application/rdf+xml" title="FOAF" href="http://dret.net/netdret/foaf.rdf"/>
  <link rel="icon" href="http://dret.net/favicon.ico" type="image/x-icon"/>
  <link rel="shortcut icon" href="http://dret.net/favicon.ico" type="image/x-icon"/>


Microformats E. Wilde: Web Semantics in Practice

(6) vCard Microformat (hCard)

  <div class="vcard">
       <span class="fn">Erik Wilde</span>
      <i class="email"><a href="mailto:dret@berkeley.edu" title="Send email to dret@berkeley.edu">dret@berkeley.edu</a></i>
      <i class="tel"><a href="tel:+1-510-2061079" title="Call +1-510-2061079" id="mobile">+1-510-2061079</a></i> /
      <i class="tel"><a href="tel:+1-510-6432253" title="Call +1-510-6432253" id="tel">+1-510-6432253</a></i> /


Microformats E. Wilde: Web Semantics in Practice

(7) Location Microformats

  <p><em>Geolocation</em> (GPS coordinates), for example
   <span class="geo">Grizzly Peak:
    <span class="latitude">37.882045</span>,
    <span class="longitude">-122.233698</span>
   </span>
  </p>
  <hr />
  <p><em>Address information</em> (requires geocoding), for example
   <span class="adr">School of Information:
    <span class="extended-address">311 South Hall</span>,
    <span class="street-address">South Hall Road</span>,
    <span class="region">Berkeley</span>
    <span class="region">CA</span>
    <span class="postal-code">94720-4600</span>,
    <span class="country-name">USA</span>
   </span>
  </p>


Microformats E. Wilde: Web Semantics in Practice

(8) Islands of Semantics



Microformats E. Wilde: Web Semantics in Practice

(9) Microformat Syntax



Microformats E. Wilde: Web Semantics in Practice

(10) Magic Names



Microformats E. Wilde: Web Semantics in Practice

(11) Microformats on the Web



Resource Description Framework (RDF)

Outline (Resource Description Framework (RDF))

  1. Microformats [7]
  2. Resource Description Framework (RDF) [5]
  3. More Languages [2]
Resource Description Framework (RDF) E. Wilde: Web Semantics in Practice

(13) Describing Resources

<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:contact="http://www.w3.org/2000/10/swap/pim/contact#">
  <contact:Person rdf:about="http://www.w3.org/People/EM/contact#me">
    <contact:fullName>Eric Miller</contact:fullName>
    <contact:mailbox rdf:resource="mailto:em@w3.org"/>
    <contact:personalTitle>Dr.</contact:personalTitle> 
  </contact:Person>
</rdf:RDF>
[http://www.w3.org/TR/REC-rdf-syntax/#intro]

Resource Description Framework (RDF) E. Wilde: Web Semantics in Practice

(14) RDF Graphs

rdf-graph.png

Resource Description Framework (RDF) E. Wilde: Web Semantics in Practice

(15) RDF is Simple and Complex



Resource Description Framework (RDF) E. Wilde: Web Semantics in Practice

(16) RDF Schema Graph

rdfs-graph.png

Resource Description Framework (RDF) E. Wilde: Web Semantics in Practice

(17) RDF in Attributes (RDFa)

<p>This document is licensed under a <a xmlns:cc="http://creativecommons.org/licenses/" rel="cc:license" href="http://creativecommons.org/licenses/by/nc-nd/3.0/">Creative Commons License</a>.</p>


More Languages

Outline (More Languages)

  1. Microformats [7]
  2. Resource Description Framework (RDF) [5]
  3. More Languages [2]
More Languages E. Wilde: Web Semantics in Practice

(19) SPARQL



More Languages E. Wilde: Web Semantics in Practice

(20) Web Ontology Language (OWL)



E. Wilde: Web Semantics in Practice

(21) Semantics are Important and Hard



2009-04-29 Web Architecture and Information Management [./]
Spring 2009 — INFO 190-02 (CCN 42509)