Transcript MS PowerPoint

// Web application of earthquake 3D mapping using SVG //
ＳＶＧを用いた地震データ検索・３Ｄ表示アプリケーションの開発
//長島研究室//
野村 剛生
2008年度 機械創成工学科 卒業研究発表会
2009年2月5日
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 1
// Web application of earthquake 3D mapping using SVG//
はじめに
気象庁公開地震データの問題点
• テキスト 形式 →
• ラスタ画像 →
データ検索困難
2次利用困難
連携困難
Fig.1
気象庁公開地震データ（引用元：気象庁）
前年度研究概要
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 2
// Web application of earthquake 3D mapping using SVG//
前年度研究概要
前年度研究概要
Fig.2
地震検索システム
Fig.3
日本2D地震表示システム
開発プログラム概要
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 3
// Web application of earthquake 3D mapping using SVG//
開発プログラム概要
開発プログラム概要
Fig.4
EarthQuake3D JP
Fig.5
EarthQuake3D
スペック概要
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 4
// Web application of earthquake 3D mapping using SVG//
スペック概要
開発プログラムスペック概要
(a) 複合的検索機能の実装
(b) 3Dマッピングの実現
(c) アニメーションの実現
(d)
(e)
(f)
(g)
(h)
(i)
インタラクティブな動作を実現
様々なグラフィック表示条件を指定可能
スタンドアロン型動作の実現
オンライン・オフラインともに動作可能
Webブラウザ上で動作可能
XMLデータ読み込み機能の実装
(j) 再現SVGコードの出力機能の実装
(k) ソースコードを入手可能
スペック詳細解説
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 5
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(a) 複合的検索機能の実装
1. 地震データ検索が可能
2. 検索条件を複数指定可能
3. 該当データをカウント可能
Fig.6
震源検索機能
(b) 3Dマッピングの実現
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 6
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(b) 3Dマッピングの実現
1. EarthQuake3D
利点
•
広域を分析可能
Fig.7
EarthQuake3D 利点
マッピング性能対比
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 7
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(b) 3Dマッピングの実現
2. EarthQuake3D JP
利点
•
震源深さ分析に最適
海面に目線を合わせた場合
Fig.8
EarthQuake3D JPの利点
(c) アニメーションの実現
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 8
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(c) アニメーションの実現
1. 3Dアニメーション可能
•
緯度・経度増分指定可能
•
遠近表現の強化
Fig.9
アニメーション
(d) インタラクティブな動作を実現
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 9
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(d) インタラクティブな動作を実現
1. 画像クリックで詳細表示可能
Fig.2
Fig.10
EarthQuake3D JP
詳細表示機能
(e) 様々なグラフィック表示条件
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 10
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(e) 様々なグラフィック表示条件を指定可能
1. 検索条件と連動可能
2. 表示中心を指定可能
3. 地図表示精度変更可能
(a) 1%プロット(精度低)
Fig.12
マグニチュードで色分け
Fig.11
(b)
100%プロット（精度高）
地図表示精度の対比
(f) スタンドアロン型動作の実現
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 11
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(f) スタンドアロン型動作の実現
クリック
1. インストール不要
長島研究室 野村研究員のページ
http://www.mech.tohokugakuin.ac.jp/nken/labo2008/nomura/index.html
Zip書庫解凍するだけで準備OK
Fig.13
実行ファイル一式
(g) オンライン・オフラインともに動作可能
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 12
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(g) オンライン・オフラインともに動作可能
1. オンライン実行可能
クリック
長島研究室野村研究員のページ
http://www.mech.tohokugakuin.ac.jp/nken/labo2008/nomura/index.html
Fig.14
オンライン実行可能
オンライン動作の仕組み
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 13
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
オンライン
(g) オンライン・オフラインともに動作可能
オフライン
2. オンライン動作模式図
データサーバ
データサーバ
プログラム
（ページ表示）
URLに
アクセス
データ
リクエ
スト
XML
データ
プログラム
地震データ
読込指示
クライアント
プログラ
ムの配列
上にデー
タを格納
クライアント
(a)URLアクセス
(b)地震XMLデータ取得の仕組み
Fig.15
オンライン動作模式図
(h) Webブラウザ上で動作可能
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 14
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(h) Webブラウザ上で動作可能
Adobe SVG Viewerプラ
グインをインストールす
れば誰でも利用可能
に！
Fig.16
Webブラウザ上で利用可能
(i) XMLデータ読み込み機能の実装
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 15
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(i) XMLデータ読み込み機能の実装
•XMLデータだからこそ、
ブラウザで読み込むこ
とができる。
•プログラムとデータが
分離している。
プログラムを直さず
データ追加可能
Fig.17
読み込み可能なXMLデータ形式
(j) 再現SVGコードの出力機能の実装
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 16
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(j) 再現SVGコードの出力機能の実装
1. 再現可能な静的なSVG
コードの出力が可能
ベクタ画像対応ソフトウェア
で編集可能
実行結果をファイルに保存可能！
Fig.18
SVGコード出力の様子
(k) ソースコードを入手可能
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 17
// Web application of earthquake 3D mapping using SVG//
スペックの詳細解説
(k) ソースコードを入手可能
1. オープンソース
2. 転用可能
3. テキスト形式
Fig.19
ソースコードの一部
デモンストレーション
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 18
// Web application of earthquake 3D mapping using SVG//
デモンストレーション
デモンストレーション
デモンストレーションを行います。
スクリーンにご注目ください。
まとめ
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 19
// Web application of earthquake 3D mapping using SVG//
まとめ
まとめ
1. SVGを用いて地震データの3D表現が可能になった
2. 地震の3Dアニメーションが可能となった
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 20
// Web application of earthquake 3D mapping using SVG//
END
END
END
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 21
// Web application of earthquake 3D mapping using SVG//
前年度研究拡張
前年度2D研究拡張
Fig.20
日本（機能・精度向上）
Fig.21
世界対応
開発プログラム概要
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 22
// Web application of earthquake 3D mapping using SVG//
ソースコード転用例
ソースコード転用例
Fig.22
日本汎用プロットシステム
（日本の大学・短大・高専）
Fig.23
Takeo NOMURA (Nagashima Labo. Thesis 2008)
全世界汎用プロットシステム
（世界の首都）
PAGE 23
// Web application of earthquake 3D mapping using SVG//
用語解説
SVG
Scalable Vector Graphics
概要
2001年にW3Cにより勧告された画像規格
特徴
テキストデータで画像データを記述
利点
拡大縮小時に劣化なし
アフィン変換可能
Fig.27
Takeo NOMURA (Nagashima Labo. Thesis 2008)
SVG記述例
PAGE 24
// Web application of earthquake 3D mapping using SVG//
用語解説
MSXML
概要
Microsoft社が提供するXML解釈用ライブラリ
Takeo NOMURA (Nagashima Labo. Thesis 2008)
PAGE 25