(44.192.66.171) 您好!臺灣時間:2021/05/18 23:19
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果

詳目顯示:::

我願授權國圖
: 
twitterline
研究生:吳哲安
研究生(外文):Che-An Wu
論文名稱:響應式網頁技術嵌入於行動應用之設計研究
論文名稱(外文):A Study of Embedded Responsive Web Design in Mobile Application Development
指導教授:陳英一陳英一引用關係
指導教授(外文):Ing-Yi Chen
口試委員:陳英一陳俊良郭斯彥
口試日期:2016-06-17
學位類別:碩士
校院名稱:國立臺北科技大學
系所名稱:資訊工程系研究所
學門:工程學門
學類:電資工程學類
論文種類:學術論文
畢業學年度:104
語文別:中文
中文關鍵詞:網頁元件行動應用程式響應式網頁設計軟體再利用
外文關鍵詞:WebViewMobile applicationResponsive web designSoftware reuse
相關次數:
  • 被引用被引用:0
  • 點閱點閱:198
  • 評分評分:
  • 下載下載:0
  • 收藏至我的研究室書目清單書目收藏:1
本論文以軟體工程中的軟體再利用(software reuse)為研究方法,探討行動應用程式在開發的過程中,若欲開發的服務已經存在於網頁平台上,開發人員應該如何克服異質平台的困難,整合這個已開發的服務,並使其能夠達到軟體再利用。藉此,降低在行動應用程式中重覆開發相同服務的成本。
為了達到上述所提之目標,本研究使用的核心技術包含,以響應式網頁設計(Responsive web design)技術,使網頁能夠隨著各種不同解析度的螢幕,自動調整頁面的排版及呈現方式,以便頁面能夠跨平台的再利用。除此之外,藉由行動裝置系統所提供的網頁容器(WebView Container)將網頁嵌入至行動應用程式,以達到網頁資源的再利用。最後,透過網頁容器(WebView Container)所提供的介面(JavaScript Interface),讓載入的網頁,能夠以JavaScript的語法,直接調用行動裝置的功能及原生APIs,以達到網頁與行動應用程式的整合。
利用本研究所提出之方案,以降低開發成本、提高開發效率為目標,並且遵循軟體工程中的軟體再利用。藉由上述所提及之技術,讓網頁服務能夠整合至行動應用程式,使行動應用程式在開發的過程中,不需要根據特定平台,而重覆開發相同服務或是相同畫面,因而有效降低開發成本,同時提高行動應用程式的開發效率。
With the growing trend of smartphone penetration, more and more companies and engineers have invested in mobile application development. However, cost of mobile application development varies widely and depends largely on user requirements. It is thus the emphasis of this paper to study how to reduce the development cost and increase the development efficiency.
The core technologies used in this research to achieve the goals mentioned include Responsive Web Design (RWD) and webview component. RWD enables webpages to change layout automatically according to device screen sizes. Webview component, on the other hand, facilitates the loading of existing service on web pages. With webview component, webpages can be easily embedded into mobile application and make these webpages services highly reusable. Through the use of javascript interface APIs supplied by webview component, mobile native functions or mobile native APIs such as camera, contacts, storage, and network can be easily integrated using javascript language instead of using native language. Using javascript interface would be of great help by removing the need to coding in different programming languages when integrating applications from two different platform.
The results of the research clearly demonstrate that using the proposed methodology not only greatly reduces the cost but also increases the development efficiency tremendously. It is foreseeable that, with the combination of web technique and mobile technique, hybrid mobile application will be widely used in the future because of its cross-platform advantage and lower cost incurred.
摘 要 i
ABSTRACT ii
誌 謝 iv
目 錄 v
表目錄 vii
圖目錄 viii
第一章 緒論 1
1.1 研究背景 1
1.2 研究動機與目的 2
1.2.1 研究動機 2
1.2.2 研究目的 3
1.3 國內與國外相關研究 3
1.3.1 響應式網頁設計之相關研究 3
1.3.2 WebView之相關研究 4
1.3.3 軟體再利用之相關研究 5
1.4 論文架構 5
第二章 相關技術與研究 7
2.1 響應式網頁設計 7
2.1.1 響應式網頁設計介紹 7
2.1.2 響應式網頁設計技術原理 9
2.2 行動應用程式介紹 12
2.2.1 Native APP 13
2.2.2 Web APP 16
2.2.3 Hybrid APP 17
2.2.4 行動應用程式比較 19
2.3 WebView元件介紹 20
2.3.1 Android WebView介紹 21
2.3.2 iOS UIWebView介紹 24
2.4 JavaScript Interface 27
2.4.1 Cordova Framework 30
2.4.2 Android JavaScript Interface 34
2.4.3 iOS JavaScript Interface 35
第三章 股市服務平台分析與設計 37
3.1 系統分析 37
3.1.1 需求分析 37
3.1.2 功能分析 39
3.1.3 流程分析 41
3.2 系統設計 42
3.2.1 模組設計 42
3.2.2 流程設計 47
3.2.3 架構設計 50
第四章 系統建置 53
4.1 環境部署 53
4.1.1 硬體環境建置 53
4.1.2 軟體環境建置 54
4.2 開發環境建置 54
4.2.1 MobileFirst開發環境建置 54
4.2.2 Android開發環境建置 57
4.2.2 iOS開發環境建置 59
4.3 系統建置與成果 61
4.3.1 股市服務APP開發 61
4.3.2 RWD之網頁嵌入APP 66
4.3.3 JS Interface 69
4.3.4 功能展示 71
第五章 結論與未來展望 73
5.1 結論 73
5.2 未來展望 74
參考文獻 75
連結至畢業學校之論文網頁點我開啟連結
註: 此連結為研究生畢業學校所提供,不一定有電子全文可供下載,若連結有誤,請點選上方之〝勘誤回報〞功能,我們會盡快修正,謝謝!
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top
無相關論文
 
無相關期刊
 
無相關點閱論文