1. 應用ArcGIS JavaScript API設計
互動式電子遊記
楊懷恩、黃昱森
國立臺灣師範大學地理研究所

2. 前言
 地理資訊系統(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亦新增地標打卡服務

3. 研究動機與目的
應用ArcGIS JavaScript API設計互動式電子遊記

4. 研究動機
 打卡的即時特性
 在特定地點從事休閒活動(旅遊、聚餐、唱歌等)附加多媒體
檔案(照片、影片)並上傳到社群平台
 社交平台混雜著遊玩資訊→整合與混搭
 微型網誌(micro-blog)(Kaplan & Haenlein, 2011)
 缺乏時間流動與社交等雙向互動
 電子旅遊地圖的單向靜態資訊
 微型網誌空間化

5. 研究目的
 以混搭技術建置一個互動式電子遊記Web Service
 結合三元素特色的Web-app平台
互動性
典藏價
趣味性
值

6. 系統設計
應用ArcGIS JavaScript API設計互動式電子遊記

7. 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

8. ArcGIS JavaScript API
 WebGIS概念的Client端服務
 僅需引用CSS樣式和JavaScript腳本文件即可編寫
 Dojo
 DOM事件機制
 HTML5
圖片來源: 修改自Esri, 2012

9. 系統架構 瀏覽器
Client
Web
Service 端
s
Mashu
p
平台功能
伺服器端

10. 系統實作
應用ArcGIS JavaScript API設計互動式電子遊記

11. 系統實作
初始化時地圖介面extent是台灣本島，左半邊僅有帳戶資訊
登入後顯示帳戶資訊
可更改Facebook社群資訊顯示區間
匯出
空間化的打卡照片
可更改Facebook社群資訊顯示區間

12. 系統實作(cont.)
可以進行互動交流
時間軸播放遊記內容

13. 系統實作(cont.)
可匯出至Facebook網誌作為完整遊記內容

14. 結論
應用ArcGIS JavaScript API設計互動式電子遊記

15. 結論
 Ad Age(2011) 2012十大數位媒體的發展趨勢
 即期懷舊狂(Short-term nostalgic obsessions)
 地理資訊服務新探索(Location-based discovery)
 Facebook的打卡流行帶動微型網誌形式的資訊
 基於地理位置資訊的新穎想像
 行動旅遊者新的體驗模式
 建置互動性、趣味性和典藏價值的電子遊記平台
 更趨多元化的數位典藏加值應用

16. 感謝聆聽
應用ArcGIS JavaScript API設計互動式電子遊記