SlideShare a Scribd company logo
ソースコード公開しました!
HTML5 x LOD WEBアプリ
“SPARQL Timeliner”
@uedayou
http://uedayou.net/
第1回 Firefox OS × HTML5 × LOD WEB イノベーションハッカソン
2014/6/28
自己紹介:仕事
• ATR Creative エンジニア
• 主にスマートフォン向け(iOS/Android)アプリの開発を
担当
古地図・絵地図アプリ
ちずぶらりシリーズ
ライフログカメラアプリ
ふぉとぶらり
英語教育アプリ
英語カルタ
自己紹介:趣味
いろんなWebアプリ作ってます
• SPARQL Timeliner
• 今回紹介します
• 近畿2府1県!?
• 近畿2府4県内で合併するとしたらどうなるかをオープンデータを用いて
シミュレーションできるWebアプリ
• ミュージアムへ行こう!
• オープンデータを利用したミュージアム検索サイト
• Researcher’s Web Page Navigator
• 学者・研究者のWebページを自動分類
• おしえて!れはっち
• 人工無能搭載の本や役立つ情報を自動推薦してくれるTwitter BOT
など
詳しくは、http://uedayou.net/ をご覧ください
今日は個人的に関わる
プロジェクトで作成されたものを
ご紹介します
SPARQL Timeliner
SPARQL Timeliner
ってどんなアプリ?
特徴
• Linked Open Data(LOD)を簡単に可視化できるWeb
アプリケーション
• 時間情報をタイムライン(時系列)で表示
• 位置(緯度経度)を地図上に表示
• 作成した可視化ページをWebアプリとして手軽に
公開できます
• Webアプリにiframeで埋め込むことができます
• プログラミングは必要ありません
タイムライン
地図
必要なもの
• SPARQLエンドポイントで公開されたLOD
• LOD用のWeb APIのようなもの
• JSONやXMLでデータを取得できる
• 位置(緯度経度)と時間を含むLOD
• SPARQLクエリ文
• SPARQLエンドポイントからデータを抽出するクエリ言語
PREFIX geo: <http://www.w3.org/2003/01/geo/wgs84_pos#>
PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
select * where {
?uri rdfs:label ?title.
?uri geo:lat ?lat.
?uri geo:long ?long.
}
使い方 1.SPARQLエンドポイント
のURL
2.SPARQL
クエリ文
3.アプリ作成
完成!
詳しい使い方は
“SPARQL Timelinerの使い方”
http://www.slideshare.net/uedayou/
sparql-timeliner-28905905
をご覧ください
SPARQL Timeliner
でどんなアプリが作れる?
Wikipedia x SPARQL Timeliner
• DBpedia
日本の大学
アニメ・ゲーム・漫画
x SPARQL Timeliner
• 残念な日本地図(Location Site of Japanimation)
残念な日本地図’90-’99
本 x 地元 x SPARQL Timeliner
• 「京都が出てくる本のデータ」
京都が出てくる本
イベント情報 x SPARQL Timeliner
• ヨコハマ・アート・LOD
ヨコハマ・アート・ナビNOW!
祝!オープンソース化
SPARQL Timeliner
GitHubでソースコード公開しました
• https://github.com/uedayou/SPARQLTimeliner
• ライセンス:MITライセンス
使い方
• SPARQLエンドポイントURLとSPARQLクエリは
index.html内に記述
2.SPARQL
クエリ文
1.SPARQL
エンドポイント
のURL
オープンソース化でできること
• 地図を変更できる!
• コンテンツの見せ方を変更できる!
• 画面レイアウトを変更できる!
• その他なんでも変更できる!
地図の変更
• 現在のOpen Street Map から国土地理院の地図や
衛星地図などへ変更可能
コンテンツの見せ方を変更できる
• 例:佐賀県橋梁メンテナンスビューア
レイアウトを変更
SPARQL Timelinerへの
ご意見・ご要望について
• FacebookのSPARQL Timelinerグループを開設
• 気軽にご参加ください
• https://www.facebook.com/groups/1425291001020491/
ご清聴ありがとうございました
• SPARQL Timeliner
• http://uedayou.net/SPARQLTimeliner/
• SPARQL Timelinerの使い方
• http://www.slideshare.net/uedayou/sparql-timeliner-
28905905
• Facebook:SPARQL Timelinerグループ
• https://www.facebook.com/groups/1425291001020491/
• GitHub:SPARQL Timeliner
• https://github.com/uedayou/SPARQLTimeliner
• SPARQL Timelinerで作られたアプリ一覧
• http://uedayou.net/SPARQLTimeliner/apps/
• DBpedia 日本語版
• http://ja.dbpedia.org/
• 日本の大学
• http://lod.sfc.keio.ac.jp/challenge2013/show_status.php?id=a
005
• LSJ: Location Site of Japanimation
• http://cheese-factory.info/
• 残念な日本地図’90-’99
• http://uedayou.net/zannen9x/
• ししょまろはんラボ:京都が出てくる本のデータ
• http://libmaro.kyoto.jp/?p=72
• 京都が出てくる本 - SPARQL Timeliner
• http://uedayou.net/kyotobooks/
• ヨコハマ・アート・LOD
• http://fp.yafjp.org/yokohama_art_lod
• ヨコハマ・アートナビNOW!
• http://uedayou.net/yannow/
• 佐賀県橋梁メンテナンスビューア
• http://uedayou.net/sagabridge/

More Related Content

PDF
SPARQL Timelinerの使い方
PDF
LODを使ってみよう!
PDF
PDF
地理空間情報におけるLinked Open Dataの活用例
PDF
ガバメント分野におけるLODの活用例
PDF
LODを閲覧する/作成する
PDF
LODとメディア ニューヨークタイムズ最新事情
SPARQL Timelinerの使い方
LODを使ってみよう!
地理空間情報におけるLinked Open Dataの活用例
ガバメント分野におけるLODの活用例
LODを閲覧する/作成する
LODとメディア ニューヨークタイムズ最新事情

Similar to ソースコード公開しました! HTML5 x LOD WEBアプリ “SPARQL Timeliner” (20)

PDF
お手軽Linked Open Data可視化ツールSPARQL Timeliner
PPTX
LODの紹介@第1回 Firefox OS x HTML5 x LOD WEBイノベーションハッカソン
PPTX
HTML5とWeb開発に関する最新動向
PDF
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
PDF
できる!スマホアプリ:Webからはじまるアプリ for CMU16
PDF
横浜でのオープンデータ実践
KEY
20120413 nestakabaneworkshop
PDF
20120316 designerworkshoppublished
PDF
Code4Lib 2010報告会・発表ダイジェスト
PDF
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
PDF
SPARQLでマッシュアップ -LOD活用のための技術紹介-
PDF
SPARQLでオープンデータ活用!
PPTX
20170510 タウンwi fixlifull_スマホアプリ開発の実例 (1)
PDF
SwiftによるiOS開発再入門
PPTX
Drupalを活用した Linked Open Dataの 実践的試行環境の構築
KEY
HexRinger と FOSS4G の紆余曲折
PPTX
ブラウザから飛び出すWeb技術とHTML5
PDF
Nervesが開拓する「ElixirでIoT」の新世界
PDF
SwiftでAndroidアプリ書けるってよ
PPTX
Foss4g Hokkaido 2019
お手軽Linked Open Data可視化ツールSPARQL Timeliner
LODの紹介@第1回 Firefox OS x HTML5 x LOD WEBイノベーションハッカソン
HTML5とWeb開発に関する最新動向
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
できる!スマホアプリ:Webからはじまるアプリ for CMU16
横浜でのオープンデータ実践
20120413 nestakabaneworkshop
20120316 designerworkshoppublished
Code4Lib 2010報告会・発表ダイジェスト
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
SPARQLでマッシュアップ -LOD活用のための技術紹介-
SPARQLでオープンデータ活用!
20170510 タウンwi fixlifull_スマホアプリ開発の実例 (1)
SwiftによるiOS開発再入門
Drupalを活用した Linked Open Dataの 実践的試行環境の構築
HexRinger と FOSS4G の紆余曲折
ブラウザから飛び出すWeb技術とHTML5
Nervesが開拓する「ElixirでIoT」の新世界
SwiftでAndroidアプリ書けるってよ
Foss4g Hokkaido 2019
Ad

More from uedayou (17)

PDF
Linked Data API Navi(アーバンデータチャレンジ2022)
PDF
Linked Data API Navi(LODチャレンジ2022)
PDF
小倉百人一首クイズ/路線王 ~駅名だけで鉄道路線を当てるクイズゲーム~
PDF
鉄道駅LOD
PDF
LODを誰でも簡単に「Simple LODI」
PDF
関西におけるボトムアップによるLinked Open Data普及の取り組み~LODハッカソン関西の活動事例を中心に~
PDF
オープンデータとSPARQLでビジュアライズ
PDF
大阪市の警察署・交番と犯罪発生地点の重ね合わせ ~大阪市 警察署 x 犯罪発生~
PDF
オープンデータ/Linked Open Data お手軽可視化ツールの紹介~SPARQLでマッシュアップ~
PDF
汎用Web API“SPARQL”でオープンデータ検索
PDF
AllegroGraphでsgvizler 0.5を使うときの注意点
PDF
SPARQLを利用した逆マッシュアップ-プログラミングを必要としないアプリ作成方法-
PDF
Linked Open Data 作成支援ツールの紹介
PDF
LODx簡単アプリ作成 SPARQL Timeliner
PDF
TimeMapper2RDFとSPARQL Timelinerで簡単アプリ作成
PDF
ミュージアムへ行こう!
PDF
ふぉとぶらり+LODAC -iPhoneアプリでのSPARQLでの活用事例-
Linked Data API Navi(アーバンデータチャレンジ2022)
Linked Data API Navi(LODチャレンジ2022)
小倉百人一首クイズ/路線王 ~駅名だけで鉄道路線を当てるクイズゲーム~
鉄道駅LOD
LODを誰でも簡単に「Simple LODI」
関西におけるボトムアップによるLinked Open Data普及の取り組み~LODハッカソン関西の活動事例を中心に~
オープンデータとSPARQLでビジュアライズ
大阪市の警察署・交番と犯罪発生地点の重ね合わせ ~大阪市 警察署 x 犯罪発生~
オープンデータ/Linked Open Data お手軽可視化ツールの紹介~SPARQLでマッシュアップ~
汎用Web API“SPARQL”でオープンデータ検索
AllegroGraphでsgvizler 0.5を使うときの注意点
SPARQLを利用した逆マッシュアップ-プログラミングを必要としないアプリ作成方法-
Linked Open Data 作成支援ツールの紹介
LODx簡単アプリ作成 SPARQL Timeliner
TimeMapper2RDFとSPARQL Timelinerで簡単アプリ作成
ミュージアムへ行こう!
ふぉとぶらり+LODAC -iPhoneアプリでのSPARQLでの活用事例-
Ad

ソースコード公開しました! HTML5 x LOD WEBアプリ “SPARQL Timeliner”