應用ArcGIS JavaScript API設計互動式電子遊記

楊懷恩、黃昱森

國立臺灣師範大學地理研究所

地理資訊系統(GIS) 從科學、技術，轉變為一種大眾化服務(Sui, 2005)

2005年Google地圖的出現

Web2.0帶動Web Service的廣大應用趨勢

Web Service的混搭(mashup)（Benslimane et al., 2008;

榮峻德等，2011）

社群網站服務

行動生活與社群網站結合→LBSN(Location-based social

networks)服務(Zheng, 2009)

2009年Foursuqare始推出打卡(check-in)服務

2011年2月Facebook亦新增地標打卡服務

前言

研究動機與目的

應用ArcGIS JavaScript API設計互動式電子遊記

研究動機

打卡的即時特性

在特定地點從事休閒活動(旅遊、聚餐、唱歌等)附加多媒體檔案(照片、影片)並上傳到社群平台

社交平台混雜著遊玩資訊→整合與混搭

微型網誌(micro-blog)(Kaplan & Haenlein, 2011)

缺乏時間流動與社交等雙向互動

電子旅遊地圖的單向靜態資訊

微型網誌空間化

研究目的

以混搭技術建置一個互動式電子遊記Web Service

結合三元素特色的Web-app平台

互動性

典藏價

值趣味性

系統設計

應用ArcGIS JavaScript API設計互動式電子遊記

Facebook Graph API

RESTful Web Service: GET and POST 以端點API的HTTP請求方法擷取使用者的帳戶資訊

OAuth2.0第三方授權 access token

圖片來源: 9Lessons, 2011

http://www.9lessons.info/2011/01/facebook-graph-api-connect-with-php-and.html

ArcGIS JavaScript API

WebGIS概念的Client端服務

僅需引用CSS樣式和JavaScript腳本文件即可編寫

Dojo

DOM事件機制

HTML5

圖片來源: 修改自Esri, 2012

系統架構 瀏覽器Client

端Web

Service

s

Mashu

p

平台功能

伺服器端

系統實作

應用ArcGIS JavaScript API設計互動式電子遊記

系統實作

匯出

可更改Facebook社群資訊顯示區間

初始化時地圖介面extent是台灣本島，左半邊僅有帳戶資訊

登入後顯示帳戶資訊

可更改Facebook社群資訊顯示區間

空間化的打卡照片

系統實作(cont.)

可以進行互動交流

時間軸播放遊記內容

系統實作(cont.)

可匯出至Facebook網誌作為完整遊記內容

結論

應用ArcGIS JavaScript API設計互動式電子遊記

結論

Ad Age(2011) 2012十大數位媒體的發展趨勢

即期懷舊狂(Short-term nostalgic obsessions)

地理資訊服務新探索(Location-based discovery)

Facebook的打卡流行帶動微型網誌形式的資訊

基於地理位置資訊的新穎想像

行動旅遊者新的體驗模式

建置互動性、趣味性和典藏價值的電子遊記平台

更趨多元化的數位典藏加值應用

感謝聆聽

應用ArcGIS JavaScript API設計互動式電子遊記