本文關(guān)鍵詞：基于HTML5技術(shù)的移動(dòng)Web前端設(shè)計(jì)與開發(fā)

  更多相關(guān)文章： HTML5 移動(dòng)Web前端 jQuery Mobile 移動(dòng)互聯(lián)網(wǎng) 跨平臺(tái)

【摘要】：隨著移動(dòng)終端的快速發(fā)展,移動(dòng)操作系統(tǒng)不斷涌現(xiàn),從市場(chǎng)份額來(lái)看,目前有i0S,Android, WP三大主流移動(dòng)操作系統(tǒng),但是移動(dòng)前端系統(tǒng)依然面臨著用戶更多更新更高的要求。為了降低開發(fā)成本,縮短開發(fā)周期,新環(huán)境下的前端設(shè)計(jì)師和前端開發(fā)工程師應(yīng)在真正理解移動(dòng)Web應(yīng)用需求的基礎(chǔ)上,努力尋求一種跨平臺(tái)的移動(dòng)前端開發(fā)解決方案。該方案需要滿足如下兩個(gè)核心需求：其一是一套開發(fā)程序可在多個(gè)不同的移動(dòng)操作系統(tǒng)之上運(yùn)行,降低對(duì)各個(gè)操作系統(tǒng)分別適配的難題；其二是使用HTML, CSS, JavaScript開發(fā)移動(dòng)應(yīng)用,降低移動(dòng)前端開發(fā)的技術(shù)門檻。本文介紹了移動(dòng)Web前端系統(tǒng)的構(gòu)建流程,并通過(guò)結(jié)合j Query Mobile框架為跨平臺(tái)移動(dòng)前端的快速構(gòu)建提供有力支持。首先,闡述了在Web2.0時(shí)代下,中小微型企業(yè)所面臨的問(wèn)題以及目前主流的解決方案；接著,對(duì)移動(dòng)前端系統(tǒng)構(gòu)建中的關(guān)鍵技術(shù)進(jìn)行介紹,包括由交互設(shè)計(jì)、視覺設(shè)計(jì)和前端開發(fā)構(gòu)成的移動(dòng)前端系統(tǒng)；然后,對(duì)基于HTML5的移動(dòng)Web前端系統(tǒng)的構(gòu)建方法進(jìn)行了研究,在“視用戶為中心,以原型為基本”的思想下,構(gòu)建移動(dòng)Web前端系統(tǒng)開發(fā)流程,詳細(xì)介紹了從需求分析到前端開發(fā)過(guò)程中的各個(gè)實(shí)施細(xì)節(jié),對(duì)j Query Mobile在前端系統(tǒng)構(gòu)建中的應(yīng)用原則和方式進(jìn)行了闡述；最后,以最佳室友平臺(tái)的構(gòu)建為例,綜合運(yùn)用前端設(shè)計(jì)和開發(fā)的理論方法與技術(shù)手段,對(duì)部分典型頁(yè)面進(jìn)行了分析,并通過(guò)實(shí)踐驗(yàn)證了“視用戶為中心,以原型為基本”的思想對(duì)指導(dǎo)前端系統(tǒng)構(gòu)建的可行性。
【關(guān)鍵詞】：HTML5 移動(dòng)Web前端 jQuery Mobile 移動(dòng)互聯(lián)網(wǎng) 跨平臺(tái)
【學(xué)位授予單位】：浙江工業(yè)大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2014
【分類號(hào)】：TP393.09
【目錄】：

• 摘要5-6
• ABSTRACT6-10
• 第1章 緒論10-17
• 1.1 引言10
• 1.2 研究背景10-15
• 1.2.1 移動(dòng)前端開發(fā)的現(xiàn)狀及趨勢(shì)11-12
• 1.2.2 HTML5技術(shù)的現(xiàn)狀及趨勢(shì)12-15
• 1.3 研究目的及意義15-17
• 第2章 Web前端系統(tǒng)和HTML5關(guān)鍵技術(shù)17-29
• 2.1 Web前端系統(tǒng)17-23
• 2.1.1 交互設(shè)計(jì)17-19
• 2.1.2 視覺設(shè)計(jì)19-20
• 2.1.3 Web前端開發(fā)20-23
• 2.2 HTML5的關(guān)鍵技術(shù)23-28
• 2.2.1 HTML5 canvas技術(shù)23-24
• 2.2.2 HTML5 Device API技術(shù)24-27
• 2.2.3 HTML5表單技術(shù)27-28
• 2.3 本章小結(jié)28-29
• 第3章 基于HTML5技術(shù)的移動(dòng)Web前端系統(tǒng)構(gòu)建方法29-41
• 3.1 總體流程29-30
• 3.1.1 視用戶為中心29
• 3.1.2 原型為前端基石29-30
• 3.1.3 構(gòu)建移動(dòng)Web前端流程30
• 3.2 需求分析30-32
• 3.2.1 分析流程30-31
• 3.2.2 分析方法31-32
• 3.3 原型設(shè)計(jì)32-35
• 3.3.1 低保真設(shè)計(jì)32-34
• 3.3.2 高保真設(shè)計(jì)34-35
• 3.4 移動(dòng)Web前端開發(fā)35-40
• 3.4.1 代碼分層36
• 3.4.2 結(jié)構(gòu)層HTML36-37
• 3.4.3 表現(xiàn)層CSS37-39
• 3.4.4 行為層JavaScript39
• 3.4.5 制定文檔規(guī)范39-40
• 3.5 本章小結(jié)40-41
• 第4章 移動(dòng)Web前端系統(tǒng)構(gòu)建方法的應(yīng)用41-59
• 4.1 應(yīng)用原型——最佳室友平臺(tái)41-42
• 4.2 最佳室友平臺(tái)的需求分析42-47
• 4.2.1 用戶需求分析42-45
• 4.2.2 市場(chǎng)需求分析45-46
• 4.2.3 性能需求分析46
• 4.2.4 最佳室友的需求轉(zhuǎn)化46-47
• 4.3 最佳室友平臺(tái)的原型設(shè)計(jì)47-52
• 4.3.1 構(gòu)建典型頁(yè)面47-50
• 4.3.2 低保真原型50-51
• 4.3.3 高保真原型51-52
• 4.4 最佳室友平臺(tái)的前端開發(fā)52-58
• 4.4.1 搜索與匹配功能設(shè)計(jì)53-55
• 4.4.2 資料功能設(shè)計(jì)55-58
• 4.4.3 前端系統(tǒng)開發(fā)文檔58
• 4.5 本章小結(jié)58-59
• 第5章 總結(jié)與展望59-61
• 5.1 總結(jié)59
• 5.2 展望59-61
• 參考文獻(xiàn)61-63
• 致謝63

【參考文獻(xiàn)】

中國(guó)碩士學(xué)位論文全文數(shù)據(jù)庫(kù) 前1條

1 彭森材;一個(gè)試卷生成系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];華中科技大學(xué);2011年

，

本文編號(hào)：896053