Más contenido relacionado
Similar a melonDesignerの説明 (20)
melonDesignerの説明
- 3. 3
資料・データの所在
2017.1.15
株式会社インテリジェントメロン
資料・データ 所在 備考
本資料 http://www.intmel.co.jp/lod/lodChallenge2016/document/melonDesignerの説明.pdf
melonDesigner http://www.intmel.co.jp/lod/melonDesigner/index.html
既存の
LODを基に
した公開
図面サン
プル
鯖江市オープンデータ http://www.intmel.co.jp/lod/lodChallenge2016/data/sample/sabaePubIndex.html
統計LOD http://www.intmel.co.jp/lod/lodChallenge2016/data/sample/estatPubIndex.html
デモデータ インポート用CSVファイル http://www.intmel.co.jp/lod/lodChallenge2016/data/demo/importCsv/サンプルデータ浮世絵師.csv 文字コード:UTF-8
http://www.intmel.co.jp/lod/lodChallenge2016/data/demo/importCsv/サンプルデータ浮世絵作品.csv 文字コード:UTF-8
RDF文書 http://www.intmel.co.jp/lod/lodChallenge2016/data/demo/rdf/浮世絵師情報.rdf
http://www.intmel.co.jp/lod/lodChallenge2016/data/demo/rdf/浮世絵作品情報.rdf
公開用HTML,CSS HT
ML
http://www.intmel.co.jp/lod/lodChallenge2016/data/demo/publicationHtml/demoPubIndex.html
CSS http://www.intmel.co.jp/lod/lodChallenge2016/data/demo/publicationHtml/css/demoPubMain.css
設計データ http://www.intmel.co.jp/lod/lodChallenge2016/data/demo/diagram/demoDiagram.txt 左記のテキストファイルをダウンロードし
melonDesignerから開いてください。
- 4. 1. 課題認識・動機
2. 作品の構成
3. 作品の位置づけ
4. 表記法(Model to enhance LOD notation)の説明その1
5. RDFの設計から利用までのイメージ
6. 表記法(Model to enhance LOD notation)の説明その2
7. 表記法とツールの期待効果
8. melonDesignerについて
9. 今後
10. 謝辞
4
2017.1.15
株式会社インテリジェントメロン
目次
- 5. セマンティックWebとLODでRDFの使い方・捉え方は異なるのではないだろうか。
5
セマンティックWeb LOD
RDFが表す対象 1種類:Webドキュメントのみ 多様
データの利用方法 或るWebドキュメントを出発点に
リンクを介して他のWebドキュメ
ントからデータを取得する。
セマンティックWebの使い方 + データ
ベース的使い方
RDFの設計の仕方 ひとつのWebドキュメントに着目
してトリプルを設計すればよい。
インスタンスの集合に対して統一的な設計
をおこなう。
例:一貫したプロパティを設ける。
設計者・利用者の見方 インスタンス的。虫の目。 メタ的。鳥瞰的。
図表現 トリプルの図(楕円と長方形)が
有効。
トリプルの図は効果的?
2017.1.15
株式会社インテリジェントメロン
1.課題認識・動機
インスタンスの集合を明示してRDFを
設計・利用する道具立てがほしい。
広い範囲のRDF構造を視覚的に表現
したい。
- 7. 3.作品の位置づけ
7
RDF設計 RDF実装 RDF公開 RDF利用
データの供給 データの需要
対象サポート範囲
表記法:Model to enhance LOD notation
ツール:melonDesigner
表記法およびツールはRDFの設計から公開・利用までをサポートすることを目的に作製しています。
2017.1.15
株式会社インテリジェントメロン
アプリ構築
データ分析
- 24. 7.表記法とツールの期待効果
表記法とツールに期待される効果についてまとめておきます。
実装 公開 利用設計
表記法
Model to
Enhance LOD
Notation
ツール
melonDesigner
疑似クラス(melonClass)の概
念を導入
⇒ 思考のプロセスに沿って
データ構造を設計できる。
⇒ 図面表現により視覚的に
設計できる。
⇒ 図面上で複数設計者がRDF
構造を共有・検討・設計できる。
広範囲のRDF構造をひとつの
図面に表記
⇒ 広範囲でデータ構造の整合
性確保した設計ができる。
構造データの再利用
⇒ 他組織(例えば他の地方自
治体)の設計データをモデファ
イしRDFデータ構造を設計する
ことができる。
データ入力・CSVからの
データインポートにより
RDFの作成が可能
⇒ 実装効率アップ。
公開図面の参照
⇒ 視覚的にRDFデータ構
造を把握することができる。
⇒ どのデータにアクセスす
ればよいかわかりやすい。
⇒ SPARQLの作成効率アッ
プ。
図面公開用HTML、
CSS生成
⇒ 簡単に図面を公開
で きる。
2017.1.15
株式会社インテリジェントメロン
24
- 27. <?xml version='1.0' encoding='UTF-8'?>
<rdf:RDF
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:ic="http://imi.go.jp/ns/core/rdf#"
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
xmlns:schema="http://schema.org/">
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵作品情報.rdf/01">
<dc:title xml:lang="ja">寛政三美人</dc:title>
<dc:creator rdf:resource="喜多川歌麿"/>
<schema:image rdf:resource="http://image.search.yahoo.co.jp/search?rkf=2&ei=UTF-
8&gdr=1&p=%E5%96%9C%E5%A4%9A%E5%B7%9D%E6%AD%8C%E9%BA%BF%E4%BB%A3%E8%A1%A8%E4%BD%9C#mo
de%3Ddetail%26index%3D0%26st%3D204"/>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵作品情報.rdf/02">
<dc:title xml:lang="ja">婦人相学十躰</dc:title>
<dc:creator rdf:resource="喜多川歌麿"/>
<schema:image rdf:resource="http://image.search.yahoo.co.jp/search?rkf=2&ei=UTF-
8&gdr=1&p=%E5%96%9C%E5%A4%9A%E5%B7%9D%E6%AD%8C%E9%BA%BF%E4%BB%A3%E8%A1%A8%E4%BD%9C#mo
de%3Ddetail%26index%3D7%26st%3D272"/>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵作品情報.rdf/03">
<dc:title xml:lang="ja">富嶽三十六景・神奈川沖浪裏</dc:title>
<dc:creator rdf:resource="葛飾北斎"/>
<schema:image rdf:resource="http://image.rakuten.co.jp/miyage/cabinet/kakejiku01/g2-092-i.jpg"/>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵作品情報.rdf/04">
<dc:title xml:lang="ja">凱風快晴</dc:title>
<dc:creator rdf:resource="葛飾北斎"/>
<schema:image rdf:resource="https://upload.wikimedia.org/wikipedia/commons/7/7f/Hokusai-fuji7.png"/>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵作品情報.rdf/05">
<dc:title xml:lang="ja">名所江戸百景 亀戸梅屋敷</dc:title>
<dc:creator rdf:resource="歌川広重"/>
<schema:image rdf:resource="http://www.aojc.co.jp/img/artists/profile/hiroshige.jpg"/>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵作品情報.rdf/06">
<dc:title xml:lang="ja">名所江戸百景 大はしあたけの夕立</dc:title>
<dc:creator rdf:resource="歌川広重"/>
<schema:image
rdf:resource="https://upload.wikimedia.org/wikipedia/commons/c/cc/Hiroshige_Atake_sous_une_averse_soudaine.jpg"
/>
</rdf:Description>
</rdf:RDF>
8.melonDesignerについて
【デモサンプル】
デモでは次の図面とRDFを作ります。
2017.1.15
株式会社インテリジェントメロン
dc:title
浮世絵作品情報
作品
ic:氏名
浮世絵師情報
浮世絵師
rdfs:label
浮世絵師情報
性別
dc:creator
・設計データ格納場所
http://www.intmel.co.jp/lod/lodChallenge2016/data/demo/diagram/demoDiagram.txt
Ic:性別
Ic:出生地
schema:image
浮世絵作品情報.rdf
<?xml version='1.0' encoding='UTF-8'?>
<rdf:RDF
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:ic="http://imi.go.jp/ns/core/rdf#"
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
xmlns:schema="http://schema.org/">
<rdf:Description rdf:nodeID="1">
<rdfs:label>男性</rdfs:label>
</rdf:Description>
<rdf:Description rdf:nodeID="2">
<rdfs:label>女性</rdfs:label>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵師情報.rdf/01">
<ic:氏名 xml:lang="ja">喜多川歌麿</ic:氏名>
<ic:性別 rdf:nodeID="1"/>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵師情報.rdf/02">
<ic:氏名 xml:lang="ja">葛飾北斎</ic:氏名>
<ic:出生地 xml:lang="ja">江戸本所割下水</ic:出生地>
<ic:性別 rdf:nodeID="1"/>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵師情報.rdf/03">
<ic:氏名 xml:lang="ja">歌川広重</ic:氏名>
<ic:出生地 xml:lang="ja">江戸八代洲河岸</ic:出生地>
<ic:性別 rdf:nodeID="1"/>
</rdf:Description>
<rdf:Description rdf:about="http://www.intmel.co.jp/lod/lodChallenge2017/data/demo/rdf/浮世絵師情報.rdf/04">
<ic:氏名 xml:lang="ja">東洲斎写楽</ic:氏名>
<ic:性別 rdf:nodeID="1"/>
</rdf:Description>
</rdf:RDF>
浮世絵師情報.rdf
27
- 48. 11.その他 その2 図面上の操作
8.melonDesignerについて
2017.1.15
株式会社インテリジェントメロン
リサイズ
ドラッグ 縦 横 削除
ツールボタンエリア 可 可 可 不可
ヘッダーエリア 不可 不可 不可 不可
データセットエリア 可 不可 不可 不可
データセット 不可 不可 不可 ×ボタン
プレフィックスエリア 可 不可 不可 不可
プレフィックス 不可 不可 不可 ×ボタン
クラス 標準クラス 可 不可 不可 ×ボタン
ブランクノードクラス可 不可 不可 ×ボタン
非実体クラス 可 可 不可 ×ボタン
サブクラス束 可 不可 不可 ダブルクリック
排他サブクラス束 可 不可 不可 ダブルクリック
同一濃度サブクラス束 可 不可 不可 ダブルクリック
同一濃度排他サブクラス束 可 不可 不可 ダブルクリック
From結合子 可 不可 不可 ダブルクリック
To結合子 可 不可 不可 ダブルクリック
テキストボックス 可 可 可 ×ボタン
線 不可 不可 不可 ダブルクリック
48
- 51. 13.その他 公開版HTMLのDOMツリー
8.melonDesignerについて
2017.1.15
株式会社インテリジェントメロン
51
<html> <head> <meta>
<title>
<link>
<body> <div id=‘headerArea’>
<div>
<div> <a id='rdfTitle'>
<a id='versionLabel'>
<a id='rdfVersion'>
<a id='organizationId'>
<a id='organizationName'>
<a id='createdDateLabel'>
<a id='createdDate'>
<a id='modifiedDateLabel'>
<a id='modifiedDate'>
<div id='dataSetArea'> <a clss='dataSetName‘>
:
<div id='diagramArea'> <div class='standardClass' id=[省略]> <div class='classHeader1'> <a class='classDataSetName'>
<div class='classHeader2'> <a class='className'>
<a class='classInformationButtom'>
<div class='property resourceNode'> <a class='propertyName'>
:
:
<div class='property lblankNode'>
:
<div class='property literalNode'>
<a class='propertyName'>
:
:
<a class='propertyName'>
- 52. 13.その他 公開版HTMLのDOMツリー(つづき)
8.melonDesignerについて
2017.1.15
株式会社インテリジェントメロン
52
(<div id='diagramArea'>) <div class=‘blankNodeClass' id=[省略]> <div class='classHeader1'> <a class='classDataSetName'>
<div class='classHeader2'> <a class='className'>
<a class='classInformationButtom'>
<div class='property resourceNode'> <a class='propertyName'>
:
:
<div class='property lblankNode'> <a class='propertyName'>
:
<div class='property literalNode'> <a class='propertyName'>
:
:
<div class=‘unsubstantialClass' id=[省略]> <div class='unsubstantialClassHeader'> <a class='unsubstantialClassName'>
: <textarea class='unsubstantialClassTextArea‘>
<div class=‘bunch' id=[省略]>
:
<div class=‘exclusiveBunch' id=[省略]>
:
<div class=‘equalBunch' id=[省略]>
:
<div class=‘equalExclusiveBunch' id=[省略]>
:
<div class=‘connectorFrom' id=[省略]>
:
<div class='connectorTextBox'> <a class='connectiorMark'>
<a class='connectorText'>
<div class=‘connectorTo' id=[省略]>
:
<div class='connectorTextBox'> <a class='connectiorMark'>
<a class='connectorText'>
<div class=‘textBox' id=[省略]>
:
<div class='textBoxHeader‘> <a class='textBoxTitle'>
<textarea class='textBoxTextArea‘>
<svg class=‘jsplumb-connector’>
:
<path>
:
<div class=‘jsplumb-overlay’ id=[省略]>
: