狠狠撸

狠狠撸Share a Scribd company logo
應用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社群資訊顯示區間
系统实作(肠辞苍迟.)


       可以進行互動交流




      時間軸播放遊記內容
系统实作(肠辞苍迟.)




   可匯出至贵补肠别产辞辞办网誌作為完整游记内容
結論

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

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

More Related Content

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