slanted W3C logo
Cover page images (keys)

つながる世界へ〜セマンティックWebレシピ

W3C訪問研究員/松下電器産業 福重貴雄 <fuku@w3.org>
http://www.w3.org/2005/Talks/1122-orf-sw/

セマンティックWebとは

つなげる技術!

あなたのWebは

つながって
いますか?

たとえば

六本木のレストランを
探す

結果(1)

63件中1件〜 63件を表示しています。

居酒屋|お好み焼き、もんじゃ、たこ焼き/麻布 GABO(アザブガボ)/tel: 03-XXXX-1171
PR:六本木ヒルズ・西麻布交差点そば!こだわり焼酎のお洒落な鉄板ダイニング。TV&DVD鑑賞個室あり!
住所:東京都港区西麻布1−XX−4西麻布○○○○ビル1F

和食全般|創作料理/かく遊(カクユウ)/tel: 03-XXXX-0032
PR:西麻布交差点より1分に隠れ家あり。総てのお店は掘りごたつの形式です。
住所:東京都港区西麻布4−X−11○○○○ハイムB1F

結果(2)

検索結果 50 件
六本木駅
DINING&LOUNGE Pajamar 六本木
おすすめ クーポン 予約
多国籍料理
六本木で一歩先行く リゾートダイニング
TEL:0120-XXX-880
六本木駅
カラオケ パセリ 六本木店
おすすめ クーポン 予約
カラオケ
癒しと寛ぎの空間を演出 アジアンリゾートカラオケ
TEL:0120-XXX-086

要求

まとめたい
自動的に

ソース(1)

<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="750">
  <TR>
    <TD WIDTH="20">
      <IMG SRC="http://image.example.com/GPT/image/mini_temp01.gif" WIDTH="20" HEIGHT="5" BORDER="0">
    </TD>
    <TD WIDTH="730">
      <IMG SRC="http://image.example.com/GPT/image/mini_temp01.gif" WIDTH="730" HEIGHT="5" BORDER="0">
    </TD>
  </TR>
  <TR>
    <TD VALIGN="BOTTOM" WIDTH="20" BGCOLOR="#FF4C00">
      <IMG SRC="http://image.example.com/GPT/image/mini_temp02.gif" WIDTH="20" HEIGHT="50" BORDER="0">
    </TD>
    <TD WIDTH="730" VALIGN="TOP" BGCOLOR="#FF4C00">
      <TABLE CELLSPACING="1" CELLPADDING="3" BORDER="0" WIDTH="730">
        <TR>
	  <TD VALIGN="TOP" BGCOLOR="#FFFFFF">
	    <FONT SIZE="3" CLASS="font3">
	      <A HREF="http://www.example.com/clients/0002145530/detail" TARGET="_top">
	        居酒屋|お好み焼き、もんじゃ、たこ焼き/麻布 GABO(アザブガボ)/TEL:03-XXXX-1171
              </A>
	    </FONT>
	    <BR>
	    <IMG SRC="http://image.example.com/GPT/image/mini_temp03.gif" WIDTH="720" HEIGHT="6" BORDER="0">
	    <BR>
	    <FONT SIZE="2" CLASS="font2">
	      <FONT COLOR="#E60000">PR:</FONT>
	      六本木ヒルズ・西麻布交差点そば!こだわり焼酎のお洒落な鉄板ダイニング。TV&DVD鑑賞個室あり!
	      <BR>
	      <FONT COLOR="#E60000">住所:</FONT>
	      東京都港区西麻布1−XX−4西麻布○○○○ビル1F
	    </FONT>
	  </TD>
	</TR>
      </TABLE>
    </TD>
  </TR>
</TABLE>

ソース(2)

<table width="760" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td>
     <img src="/gourmet/imgcommon/hasen.gif" width="760" height="1" border="0" alt="">
   </td>
 </tr>
 <tr>
   <td>
     <table width="760" border="0" cellspacing="5" cellpadding="0" class="bg_g03">
       <tr>
         <td width="124">
	   <div align="center" class="t14n">六本木駅</div>
	 </td>
	 <td width="1" rowspan="2" background="/gourmet/imgcommon/search_tatehasen.gif">
	   <img src="/gourmet/imgcommon/shim.gif" width="1" height="32" border="0" alt="">
	 </td>
	 <td width="438" class="t14n">
	   <a href="http://www.pajamar-roppongi.tokyo.example.com/" class="redtxt" target="_blank">
	     <strong>DINING&LOUNGE Pajamar 六本木</strong>
	   </a>
	   <span class="t10n"><font color="#ff4500"><b>更新</b></font></span>
	 </td>
	 <td width="183">
	   <table width="183" border="0" cellspacing="0" cellpadding="0">
	     <tr>
	       <td width="36">
	         <a href="http://www.pajamar-roppongi.tokyo.example.com/konshu.html" target="_blank">
		   <img src="/gourmet/imgcommon/search_board2.gif" width="37" height="16" border="0" alt="オンライン黒板">
		 </a>
	       </td>
	       <td width="37">
	         <a href="http://www.pajamar-roppongi.tokyo.example.com/osusume.html" target="_blank">
		   <img src="/gourmet/imgcommon/search_recommend.gif" width="37" height="16" border="0" alt="おすすめ情報">
		 </a>
	       </td>
	       <td width="37">
	         <a href="http://www.pajamar-roppongi.tokyo.example.com/circle.html" target="_blank">
		   <img src="/gourmet/imgcommon/search_360.gif" width="37" height="16" border="0" alt="360°サークルビュー">
		 </a>
	       </td>
	       <td width="37">
	         <a href="http://www.pajamar-roppongi.tokyo.example.com/coupon.html" target="_blank">
		   <img src="/gourmet/imgcommon/search_coupon.gif" width="37" height="16" border="0" alt="クーポンあり">
		 </a>
	       </td>
	       <td width="36">
	         <a href="https://wwws.example.com/gourmet/partner/contents/yoyaku.cgi?entity_id=V-TOKYO-4BBEP018" target="_blank">
		   <img src="/gourmet/imgcommon/search_reserve.gif" width="37" height="16" border="0" alt="予約可能">
		 </a>
	       </td>
	     </tr>
	   </table>
	 </td>
       </tr>
       <tr>
         <td width="124">
	   <div align="center" class="t12n">多国籍料理</div>
	 </td>
	 <td class="t12n">六本木で一歩先行く リゾートダイニング</td>
	 <td>
	   <div align="left" class="t10n">
	     <span class="t10nred">TEL:</span>0120-XXX-880
	   </div>
	 </td>
       </tr>
     </table>
   </td>
 </tr>
</table>

書かれていたのは

レイアウト情報だけ

意味は

書かれていない

だから

つなげられない

だったら

意味を書いてやろう

その前に

ここで意味とは

対象の性質

対象間の関係

たとえば

店の名前が何で
最寄の駅はどこか

表すための

抽象モデル
=
グラフ

グラフ

グラフ例

基本要素

三つ組み
主語、述語、目的語

記述言語

RDF
Resource Description Framework

書き方

いろいろあります

RDF/XML

XMLでの表現
W3C 勧告
機械向き?

   <rdf:Description
                    xmlns:my="http://case1.example.org/"
                    xmlns="http://case1.example.org/">
       <my:genre  rdf:resource="http://case1.example.org/居酒屋"/>
       <my:genre  rdf:resource="http://case1.example.org/お好み焼き、もんじゃ、たこ焼き"/>
       <my:name >麻布 GABO</my:name>
       <my:yomi >アザブガボ</my:yomi>
       <my:tel >03-XXXX-1171</my:tel>
       <my:PR >六本木ヒルズ・西麻布交差点そば!こだわり焼酎のお洒落な鉄板ダイニング。TV&DVD鑑賞個室あり!</my:PR>
       <my:Address >東京都港区西麻布1−XX−4西麻布○○○○ビル1F</my:Address>
    </rdf:Description>

N3

コンパクト
人間向き
(規則も書ける)

 [      <http://case1.example.org/Address> "東京都港区西麻布1−XX−4西麻布○○○○ビル1F";
        <http://case1.example.org/PR> "六本木ヒルズ・西麻布交差点そば!こだわり焼酎のお洒落な鉄板ダイニング。TV&DVD鑑賞個室あり!";
        <http://case1.example.org/genre> <http://case1.example.org/お好み焼き、もんじゃ、たこ焼き>,
               <http://case1.example.org/居酒屋>;
        <http://case1.example.org/name> "麻布 GABO";
        <http://case1.example.org/tel> "03-XXXX-1171";
        <http://case1.example.org/yomi> "アザブガボ" ].

RDF記述は

別の文書に記述
してもよいが

ここでは

XHTMLファイルに
埋め込むことを
考える

その方が

保守が楽

が、じつは

まだ、標準は無い

microformats
RDF/A

RDF/A

meta, link 要素や
属性を利用

XHTML 2.0で採用予定

埋め込み

<table about="[_:item1]" cellspacing="1" cellpadding="3">
  <tr>
    <td>
      <a href="http://www.example.com/clients/0002145530/detail">
        <link rel="my:genre" href="http://case1.example.org/居酒屋"/>
	  居酒屋|
	<link rel="my:genre" href="http://case1.example.org/お好み焼き、もんじゃ、たこ焼き"/>
	  お好み焼き、もんじゃ、たこ焼き/
	<span property="my:name">麻布 GABO</span>
	(<span property="my:yomi">アザブガボ</span>)/
	tel: <span property="my:tel">03-XXXX-1171</span>
      </a>
    </td>
  </tr>
  <tr>
    <td>
      <span>PR:</span>
      <span property="my:PR">六本木ヒルズ・西麻布交差点そば!こだわり焼酎のお洒落な鉄板ダイニング。TV&DVD鑑賞個室あり!</span>
      <br/>
      <span>住所:</span>
      <span property="my:Address">東京都港区西麻布1−XX−4西麻布○○○○ビル1F</span>
    </td>
  </tr>
</table>

取り出し

XSLT

XML変換
diagram: HTML to RDF via dc-extract.xsl

GRDDL

取り出し方を
データ内で指定
diagram: link to transformation

結果の利用

検索

抽出したRDFを検索する

RDF検索言語

SPARQL
W3C で策定中

PREFIX my1: <http://case1.example.org/>
PREFIX my2: <http://case2.example.org/>

SELECT DISTINCT ?name
WHERE {
	{?a my1:name ?name}
	UNION
	{?a my2:name ?name}
}

結果

<?xml version="1.0"?>
<sparql xmlns="http://www.w3.org/2001/sw/DataAccess/rf1/result2">
<head>
  <variable name="name"/>
</head>
<results>
  <result>
    <binding name="name"><literal>alive</literal></binding>
  </result>
  <result>
    <binding name="name"><literal>DINING&LOUNGE Pajamar 六本木</literal></binding>
  </result>

処理系

ARQ (←Jena)
Rasqal
Algae
...

例2:
イタリア料理の店?

「カジュアルイタリアン」
「イタリアン創作料理」
...

つながらない?

オントロジの
記述が必要

記述内容

クラス, 上位下位, 同値, 述語, 定義域, 値域…

記述言語

RDF Schema
OWL

<rdf:Description rdf:about="http://case1.example.org/name">
  <owl:sameAs rdf:resource="http://case2.example.org/name"/>
</rdf:Description>

<rdf:Description rdf:about="http://case2.example.org/カジュアルイタリアン">
  <rdfs:subClassOf rdf:resource="http://case1.example.org/イタリア料理"/>
</rdf:Description>

エディタ

Protégé
Protege screen shot

重要

語彙(オントロジ)の
共有

URI/IRIの使用

Uniform Resource Identifier
Internationalized Resource Identifier

レポジトリ

SchemaWeb
Dublin Core
DAML

検索エンジン

Swoogle
Swoogle screen shot

(http://swoogle.umbc.edu/tour/より)

異種データがつながると

もっともっと
面白い

blog, Multi Medeia,
位置情報, Web Services

あらたな方向

レイヤーケーキ

Semantic Webのレイヤーケーキ
(Tim Berners-Lee: Semantic Web for Industryより)

RIF

Rule Interchange Format
Rule Interchange Format
http://www.w3.org/2005/rules/

HCLS

Health Care and Life Sciences

SWS

Semantic Web Services
Web Serviceを
Semantic Webで記述

発見、合成へ

W3Cでの標準化

RDF Data Access (SPARQL)
SWBPD (RDF/A)
Rule Interchange Format
Health Care and Life Sciences
Semantic Web Services

Valid XHTML 1.0 Strict