應用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設計互動式電子遊記
系統實作
  初始化時地圖介面extent是台灣本島,左半邊僅有帳戶資訊
  登入後顯示帳戶資訊

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




                               空間化的打卡照片




              可更改Facebook社群資訊顯示區間
系統實作(cont.)


       可以進行互動交流




      時間軸播放遊記內容
系統實作(cont.)




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

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

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

27 應用arc gis javascript api設計互動式電子遊記