結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

（暫定）

結合時間軸與 GPS 定位資訊之地景圖像展示系統TIMELINE AND COORDINATE BASED LANDSCAPE DISPLAY SYSTEM

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

2

概念

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

3

Web 2.0 與歷史軌跡

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

背景

• Web 2.0 概念融入現代人生活，使用者的影像、文章或評論，都可能在網際網路上引發波瀾。

• 影像成為現代人生活中重要的一環，無疑將會成為下一波走入生活的科技代表。

• 人們透過這些方式記錄生活軌跡。

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

動機

1. 針對時間因素的呈現方式較少2. 圖像多為歷史資訊之輔助項目3. 時間與空間鮮少結合顯示4. 科技大多僅顯示最新資料

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

目的

1. 針對時間與空間設計一呈現方式2. 呈現大量資料，意味著可容納較多觀點3. 了解此概念是否利於時間相關資料之呈現

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

7

文獻探討Web 2.0 、資訊視覺化、使用者介面、記憶與地景、時間軸

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

Web 2.0

1. 網路為平台2. 引領群體智慧3. 資料是下一個「 Intel Inside 」4. 軟體升級模式走到盡頭5. 輕巧的程式設計模式6. 超越單一裝置的軟體7. 豐富使用者的感受8. 長尾理論（ the Long Tail ）

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

Web 2.0

參與、互動、共享

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

資訊視覺化

• 資料收集歸納後，轉化為圖像• 將大量訊息資源轉換為視覺呈現• 資訊視覺化所產生的結果，可將人類視覺上的

認知轉化為知覺系統• 面對龐大資訊時能夠更效降低人類處理訊息的

壓力，並快速目標資訊的理解與取得

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

資訊視覺化

以圖像方式顯示資訊

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

資訊視覺化 / 多重資訊疊合 / Google Map

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

資訊視覺化 / 多重服務整合 / Google Earth

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

資訊視覺化 / 地圖結合時間因素 / Google Earth

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

時間軸

在藝術表現手法中，時間因子的融入常與作品的生命力及是否能牽動觀者

的情緒息息相關。

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

時間軸

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

時間軸

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

時間軸

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

記憶與地景

城市地景也不會是一成不變，而是隨著時間的推移而持續變化著。顏亮一， 2008

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

記憶與地景

城市中相同地點在不同的時期，總是會呈現不同歷史時代所形成的建築、街道或廣場，居民往往從這些交疊的地景中，讀到城市的歷史，也藉此形成對於地方的認同感。

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

時間軸

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

時間軸

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

24

系統雛形開發

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

25

開發環境

• Flash 10– Google Maps API for Flash

– Papervision3D

– TweenLite

• PHP 5 / MySQL 5

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

26

開發環境

• 開發環境– Flash Professional CS4

– FlashDevelope 3.0

• 測試環境– Google Chrome 4

– Firefox 3.6

– Flash Player 10.0

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統

結 合 時 間 軸 與 定 位 資 訊 的 地 景 圖 像 展 示 系 統