本文關鍵詞：基于HTML5技術的移動Web前端設計與開發(fā)

  更多相關文章： HTML5 移動Web前端 jQuery Mobile 移動互聯(lián)網 跨平臺

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

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

【參考文獻】

中國碩士學位論文全文數(shù)據庫 前1條

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

，

本文編號：896053