Semantic Web

Web Architecture [./]
Fall 2011 — INFO 253 (CCN 42598)

Dilan Mahendran, UC Berkeley School of Information
2011-11-17

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 D. Mahendran: Semantic Web

Contents

D. Mahendran: Semantic Web

(2) Abstract

The Semantic Web can either be understood as a prepackaged set of languages and technologies for representing semantics and working with them, or as a more general idea of Web Semantics, which instead of predefining certain languages and technologies just looks at the various options of how more semantics can be represented on the Web. Taking the latter approach, this lecture looks at the various ways in which semantics can be introduced on the Web, and what is required in these scenarios in terms of technology and information sharing.



Adding Meaning to HTML

Outline (Adding Meaning to HTML)

  1. Adding Meaning to HTML [9]
  2. Semantic Web & Linked Data [7]
  3. Practical Applications [4]
  4. Describing Resources with Microformats [2]
  5. Publishing Resources as XML [2]
  6. Transforming Resources into RDF [2]
  7. Transforming Services into RDF [2]
  8. Conclusions [1]
Adding Meaning to HTML D. Mahendran: Semantic Web

(4) Problem of Semantics: Syntax vs. Meaning



Adding Meaning to HTML D. Mahendran: Semantic Web

(5) Adding Meaning to HTML



Adding Meaning to HTML D. Mahendran: Semantic Web

(6) Plain HTML

<div>
  <h1>Spoon, Deerhunter, and Micachu and the Shapes at The Fox Theater</h1>
  <p>Tuesday 13 April 2010 at 7:30pm</p>
  <div>
    <div>The Fox Theater</div>
    <div>
      1807 Telegraph Avenue<br/>
      Oakland, CA 94612
    </div>
    <div>(510) 302-2277</div>
  </div>
</div>


Adding Meaning to HTML D. Mahendran: Semantic Web

(7) Good HTML

<div class="event">
  <h1 class="title">Spoon, Deerhunter, and Micachu and the Shapes at The Fox Theater</h1>
  <p class="when">Tuesday 13 April 2010 at 7:30pm</p>
  <div class="where">
    <div class="venue">The Fox Theater</div>
    <div class="address">
      <div class="street-address">1807 Telegraph Avenue</div>
      <span class="city">Oakland</span>, 
      <span class="state">CA</span>
      <span class="zip">94612</span>
    </div>
    <div class="phone">(510) 302-2277</div>
  </div>
</div>


Adding Meaning to HTML D. Mahendran: Semantic Web

(8) Very Good HTML: Microformats

<div class="vevent">
  <h1 class="summary">Spoon, Deerhunter, and Micachu and the Shapes at The Fox Theater</h1>
  <p class="date">
    <abbr title="20100413T1930Z" class="dtstart">Tuesday 13 April 2010</abbr> 
    at <span>7:30pm</span>
  </p>
  <div class="location vcard">
    <div class="fn org">The Fox Theater</div>
    <div class="adr">
      <div class="street-address">1807 Telegraph Avenue</div>
      <span class="locality">Oakland</span>, 
      <abbr class="region" title="California">CA</abbr> 
      <span class="postal-code">94612</span>
    </div>
    <div class="tel">(510) 302-2277</div>
  </div>
</div>


Adding Meaning to HTML D. Mahendran: Semantic Web

(9) Microformats



Adding Meaning to HTML D. Mahendran: Semantic Web

(10) Very Good HTML: RDFa

<div class="vevent">
  <h1 class="summary">
    <span about="http://dbpedia.org/resource/Spoon_%28band%29"
          typeof="http://purl.org/ontology/mo/MusicGroup">
    <span property="http://xmlns.com/foaf/0.1/name">Spoon</span></span>, 
    <span about="http://dbpedia.org/resource/Deerhunter"
          typeof="http://purl.org/ontology/mo/MusicGroup">
      <span property="http://xmlns.com/foaf/0.1/name">Deerhunter</span></span>, 
    and 
    <span about="http://dbpedia.org/resource/Micachu"
          typeof="http://purl.org/ontology/mo/MusicArtist">
      <span property="http://xmlns.com/foaf/0.1/name">Michachu</span></span>, 
    and the Shapes at The Fox Theater
  </h1>
  <p class="date">
    <abbr title="20100413T1930Z" class="dtstart">Tuesday 13 April 2010</abbr> 
    at <span>7:30pm</span>
  </p>
  <div class="location vcard">
    <div class="fn org">The Fox Theater</div>
    <div class="adr">
      <div class="street-address">1807 Telegraph Avenue</div>
      <span class="locality">Oakland</span>, 
      <abbr class="region" title="California">CA</abbr> 
      <span class="postal-code">94612</span>
    </div>
    <div class="tel">(510) 302-2277</div>
  </div>
</div>


Adding Meaning to HTML D. Mahendran: Semantic Web

(11) RDFa



Adding Meaning to HTML D. Mahendran: Semantic Web

(12) Using Microformats & RDFa with Operator



Semantic Web & Linked Data

Outline (Semantic Web & Linked Data)

  1. Adding Meaning to HTML [9]
  2. Semantic Web & Linked Data [7]
  3. Practical Applications [4]
  4. Describing Resources with Microformats [2]
  5. Publishing Resources as XML [2]
  6. Transforming Resources into RDF [2]
  7. Transforming Services into RDF [2]
  8. Conclusions [1]
Semantic Web & Linked Data D. Mahendran: Semantic Web

(14) Tim Berners-Lee Linked Data Vision

Linked Data [http://youtu.be/OM6XIICm_qo]


Semantic Web & Linked Data D. Mahendran: Semantic Web

(15) Linked Data Principles

  1. Use URIs as names for things.
  2. Use HTTP URIs so that people can look up those names.
  3. When someone looks up a URI, provide useful information, using a standard data model.
  4. Include links to other URIs, so that people can discover more things.


Semantic Web & Linked Data D. Mahendran: Semantic Web

(16) URIs as Names



Semantic Web & Linked Data D. Mahendran: Semantic Web

(17) Semantic Web Data Model



Semantic Web & Linked Data D. Mahendran: Semantic Web

(18) Semantic Web Data Model

rdf-triple.png


Semantic Web & Linked Data D. Mahendran: Semantic Web

(19) Semantic Web Data Model

rdf-triple-uris.png


Semantic Web & Linked Data D. Mahendran: Semantic Web

(20) Linking Data Sets

http://linkeddata.org/static/images/lod-datasets_2009-03-05-scaled.png


Practical Applications

Outline (Practical Applications)

  1. Adding Meaning to HTML [9]
  2. Semantic Web & Linked Data [7]
  3. Practical Applications [4]
  4. Describing Resources with Microformats [2]
  5. Publishing Resources as XML [2]
  6. Transforming Resources into RDF [2]
  7. Transforming Services into RDF [2]
  8. Conclusions [1]
Practical Applications D. Mahendran: Semantic Web

(22) Enhanced Search Results



Practical Applications D. Mahendran: Semantic Web

(23) Practical Applications

img/searchmonkey.png [http://search.yahoo.com/search?p=avila+boston]


Practical Applications D. Mahendran: Semantic Web

(24) Practical Applications

img/rich-snippets.png [http://www.google.com/search?q=fillmore+new+york+concerts]


Practical Applications D. Mahendran: Semantic Web

(25) Government Data



D. Mahendran: Semantic Web

(26) Conclusions



D. Mahendran: Semantic Web

(27) Web Resources



D. Mahendran: Semantic Web

(28) Resources on the Web

Linked Resources on the Web

Describing Resources with Microformats

Outline (Describing Resources with Microformats)

  1. Adding Meaning to HTML [9]
  2. Semantic Web & Linked Data [7]
  3. Practical Applications [4]
  4. Describing Resources with Microformats [2]
  5. Publishing Resources as XML [2]
  6. Transforming Resources into RDF [2]
  7. Transforming Services into RDF [2]
  8. Conclusions [1]
Describing Resources with Microformats D. Mahendran: Semantic Web

(30) Metadata as Markup Overlay

Embedding Microformats in Web Resources

Describing Resources with Microformats D. Mahendran: Semantic Web

(31) Surfacing Concepts



Publishing Resources as XML

Outline (Publishing Resources as XML)

  1. Adding Meaning to HTML [9]
  2. Semantic Web & Linked Data [7]
  3. Practical Applications [4]
  4. Describing Resources with Microformats [2]
  5. Publishing Resources as XML [2]
  6. Transforming Resources into RDF [2]
  7. Transforming Services into RDF [2]
  8. Conclusions [1]
Publishing Resources as XML D. Mahendran: Semantic Web

(33) Different Representations

Publishing Resources as XML

Publishing Resources as XML D. Mahendran: Semantic Web

(34) XML as Custom Markup



Transforming Resources into RDF

Outline (Transforming Resources into RDF)

  1. Adding Meaning to HTML [9]
  2. Semantic Web & Linked Data [7]
  3. Practical Applications [4]
  4. Describing Resources with Microformats [2]
  5. Publishing Resources as XML [2]
  6. Transforming Resources into RDF [2]
  7. Transforming Services into RDF [2]
  8. Conclusions [1]
Transforming Resources into RDF D. Mahendran: Semantic Web

(36) Translation into a Universal Metamodel

GRDDL for Transforming Markup into RDF

Transforming Resources into RDF D. Mahendran: Semantic Web

(37) The Semantic Web Vision



Transforming Services into RDF

Outline (Transforming Services into RDF)

  1. Adding Meaning to HTML [9]
  2. Semantic Web & Linked Data [7]
  3. Practical Applications [4]
  4. Describing Resources with Microformats [2]
  5. Publishing Resources as XML [2]
  6. Transforming Resources into RDF [2]
  7. Transforming Services into RDF [2]
  8. Conclusions [1]
Transforming Services into RDF D. Mahendran: Semantic Web

(39) Bypassing Web Publishing

Using Structured Data Sources

Transforming Services into RDF D. Mahendran: Semantic Web

(40) Trillions of Triples



Conclusions

Outline (Conclusions)

  1. Adding Meaning to HTML [9]
  2. Semantic Web & Linked Data [7]
  3. Practical Applications [4]
  4. Describing Resources with Microformats [2]
  5. Publishing Resources as XML [2]
  6. Transforming Resources into RDF [2]
  7. Transforming Services into RDF [2]
  8. Conclusions [1]
Conclusions D. Mahendran: Semantic Web

(42) Exposing Structured Data



2011-11-17 Web Architecture [./]
Fall 2011 — INFO 253 (CCN 42598)