簡易檢索 / 詳目顯示

研究生: 林垂頤
Chui-Yi Lin
論文名稱: 使用台北市政府公開資料平台 建構HTML5標準行動裝置網頁服務
Building a HTML5-standard mobile Web Application using OpenData@Taipei
指導教授: 葉耀明
Yeh, Yao-Ming
學位類別: 碩士
Master
系所名稱: 資訊工程學系
Department of Computer Science and Information Engineering
論文出版年: 2012
畢業學年度: 100
語文別: 中文
論文頁數: 69
中文關鍵詞: HTML5node.js地理資訊服務公開資料情境感知
英文關鍵詞: HTML5, node.js, Location-based Service, Open Data, Context-Aware
論文種類: 學術論文
相關次數: 點閱:82下載:9
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 在資訊爆發的現在,智慧型手機發展速度遠超過數年前的情況,而平板裝置的戰場也隨之展開廝殺,行動裝置的軟體開發成為業界當中最火紅的趨勢之一,不論是遊戲、資訊提供、產品推銷或是應用加值方面,無不利用軟體作為延伸的方式,提供使用者另一種體驗。
    開發行動應用服務,以目前的環境而言,就有如Android、iOS、Windows Phone等數家作業系統可以選擇,但由於環境原生語言的支援各異,使得開發者必須在同一套軟體上,針對不同的系統同時維護多個版本的開發,除了徒增開發及維護成本以外,也必須因應各系統自身的改版,隨時修正軟體內的功能。
    本研究利用目前正逐漸成形的HTML5標準,撰寫適用於行動裝置平台上的網路應用程式,由於遵循同一套標準,能大幅減少開發上的成本;而除了善用手持裝置的行動定位優勢外,也整合了Google Maps的地圖平台,實作使用者多人定位等功能,呈現出多彩的地理資訊應用,並利用目前能見度逐漸增加的node.js技術,以JavaScript語言統整伺服器端與使用者端的開發環境,提升開發應用服務的效率。
    而台北市政府於2011年開放了公開資料平台的服務,這是政府便民的一種趨勢,本研究也利用此資料平台,強化地理資訊服務的附加功能,透過即時資訊服務的更新,再配合使用者角色的情境變化,獲得適用於各種使用者的生活資訊。

    In the era of information explosion, the development of Smartphone has far more than past few years. Software develop of smartphone become the most popular trend now. In order to provide another user experiment, software is normally developed at Game, Information provide, Business sales and Add-In Application.
    Now, if you try to develop a mobile application service, there are so many operation systems to choice, such as Android, iOS, Windows Phone, and etc. However, because develop languages of each environment are different, developers must maintain various versions for single software. This causes the cost increment of develop and maintain. With the system patch, developers must test and debug functions of software immediately.
    This search uses HTML5 standard to design a web application for mobile devices. Because the HTML5 standard is unique, so it can decrease the cost of develop for multiple devices. In addition to use the advantage of location detection for mobile devices, it integrates Google Maps platform to implement multi-user geolocation and so on. It also uses the new javascript technology – node.js – to integrate the development environment of server side and client side.
    Taipei government releases the OpenData@Taipei at 2011. This kind of services will be the trend for the future. The search also uses OpenData@Taipei to enhance the information and functions of Location-base service. We use the real-time information updates, and context-aware of user roles to get kinds of life information for each user.

    摘要 i ABSTRACT ii 誌謝 iii 目錄 iv 圖目錄 vi 表目錄 vii 程式碼目錄 viii 第一章 緒論 1 第一節 研究背景 1 第二節 研究動機與目的 2 第三節 論文架構 4 第二章 文獻探討 6 第一節 HTML5技術應用 6 第二節 電子地圖應用服務 9 2.2.1 地圖應用環境簡述 9 2.2.2 Google Maps JavaScript API 9 第三節 JavaScript Framework 12 2.3.1 jQuery 16 2.3.2 jQuery mobile 17 2.3.3 JSON 18 第四節 node.js 20 2.4.1 socket.io 21 第三章 系統架構與設計 23 第一節 系統架構 23 第二節 Web Socket架構 24 3.2.1 node.js實作多方談話 25 3.2.2 node.js實作多人同時定位 29 第三節 地理資訊系統架構 31 3.3.1 Geolocation定位功能 31 3.3.2 新增地標圖層 34 第四節 Web Storage應用 36 3.4.1 使用者資訊暫存 36 第五節 Open Data服務介接 39 第四章 系統實現 44 第一節 系統建置環境與使用情境 44 第二節 介面呈現 46 第五章 效能分析 58 第六章 結論與未來展望 62 第一節 研究成果探討 62 第二節 未來展望 64 參考文獻 65 附錄一 台北市政府公開資料平台現有服務 67

    [1] HTML5 Working Group,http://www.w3.org/html/wg/
    [2] HTML5 differences from HTML4,http://www.w3.org/TR/2011/WD-html5-diff-20110525/
    [3] Google Maps JavaScript API 第 3 版,http://code.google.com/intl/zh-TW/apis/maps/documentation/JavaScript/
    [4] Ajax: A New Approach to Web Applications,http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications
    [5] JSON,http://www.json.org/
    [6] jQuery: The Write Less, Do More, JavaScript Library,http://jquery.com/
    [7] jQuery Mobile,http://jquerymobile.com/
    [8] 台北市政府公開資料平台,http://taipeiogdi.cloudapp.net/
    [9] JavaScript 技術 -- JSON 與 JSONP,http://ccckmit.wikidot.com/js:jsonp
    [10] 球面三角學 - 维基百科,自由的百科全書,http://zh.wikipedia.org/wiki/%E7%90%83%E9%9D%A2%E4%B8%89%E8%A7%92%E5%AD%B8
    [11] Globally unique identifier - Wikipedia, the free encyclopedia,http://en.wikipedia.org/wiki/Globally_unique_identifier
    [12] Nielsen: first time Smartphone and Feature Phone usage equal,http://www.slashgear.com/nielsen-first-time-smartphone-and-feature-phone-usage-equal-30220760/,2012 Feb
    [13] Geolocation API Specification,http://dev.w3.org/geo/api/spec-source.html,2012 Apr
    [14] The Web Sockets API,http://www.w3.org/TR/2009/WD-websockets-20091222/,2009 Dec
    [15] Web Storage,http://www.w3.org/TR/webstorage/,2011
    [16] Standard ECMA-262 ECMAScript Language Specification,ECMA International,2011 Jun
    [17] MarkerClusterer: A Solution to the Too Many Markers Problem,http://googlegeodevelopers.blogspot.tw/2009/04/markerclusterer-solution-to-too-many.html
    [18] 林彥辰,多維度情境感知資訊擷取與交換之研究,國立台灣師範大學碩士論文,2009
    [19] 許儷玶,整合Google Map 與Location-Based Workflow Service之平台建置與探討,國立台灣師範大學碩士論文,2009
    [20] 姜智尹,多維度情境感知資訊擷取在手持裝置上的應用:以iPhone為例,國立台灣師範大學碩士論文,2010
    [21] 楊名鈺,手持裝置Android平台上的情境感知應用,國立台灣師範大學碩士論文,2011
    [22] 董冠廷,行動裝置上個人化地圖資訊平台,國立台灣師範大學碩士論文,2011
    [23] Ogunlolu O. Isaac,HTML5, the future of mobile applications: A comparison between HTML5 application development platforms and native platforms, KEMI-TORNIO UNIVERSITY OF APPLIED SCIENCES TECHNOLOGY,2012
    [24] Peter Lubbers & Frank Greco,HTML5 Web Sockets: A Quantum Leap in Scalability for the Web,Kaazing Corporation,2011
    [25] Stefan Tilkov & Steve Vinoski,Node.js: Using JavaScript to Build High-Performance Network Programs, 2010 Dec
    [26] Mattias Rost, Henriette Cramer, Nicolas Belloni, Lars Erik Holmquist,Geolocation in the mobile web browser,Mobile Life Centre Kista, Sweden,2010
    [27] Maged N Kamel Boulos, Jeffrey Warren, Jianya Gong, Peng Yue,Web GIS in practice VIII: HTML5 and the canvas element for interactive online mapping,International Journal of Health Geographics,2010
    [28] Hello! HTML5,Bruce Lawson/Remy Sharp著,松崗資訊發行,2011
    [29] Node入門 » 一本全面的Node.js教學課程,Manuel Kiessling著,2011
    [30] Node.js 台灣社群協作電子書,Caesar Chi (clonn) & Fillano Feng (fillano) & lyhcode與其他協作群著,2011

    下載圖示
    QR CODE