基于HTML5技术的移动Web前端设计与开发
发布时间:2017-09-21 18:05
本文关键词:基于HTML5技术的移动Web前端设计与开发
更多相关文章: HTML5 移动Web前端 jQuery Mobile 移动互联网 跨平台
【摘要】:随着移动终端的快速发展,移动操作系统不断涌现,从市场份额来看,目前有i0S,Android, WP三大主流移动操作系统,但是移动前端系统依然面临着用户更多更新更高的要求。为了降低开发成本,缩短开发周期,新环境下的前端设计师和前端开发工程师应在真正理解移动Web应用需求的基础上,努力寻求一种跨平台的移动前端开发解决方案。该方案需要满足如下两个核心需求:其一是一套开发程序可在多个不同的移动操作系统之上运行,降低对各个操作系统分别适配的难题;其二是使用HTML, CSS, JavaScript开发移动应用,降低移动前端开发的技术门槛。本文介绍了移动Web前端系统的构建流程,并通过结合j Query Mobile框架为跨平台移动前端的快速构建提供有力支持。首先,阐述了在Web2.0时代下,中小微型企业所面临的问题以及目前主流的解决方案;接着,对移动前端系统构建中的关键技术进行介绍,包括由交互设计、视觉设计和前端开发构成的移动前端系统;然后,对基于HTML5的移动Web前端系统的构建方法进行了研究,在“视用户为中心,以原型为基本”的思想下,构建移动Web前端系统开发流程,详细介绍了从需求分析到前端开发过程中的各个实施细节,对j Query Mobile在前端系统构建中的应用原则和方式进行了阐述;最后,以最佳室友平台的构建为例,综合运用前端设计和开发的理论方法与技术手段,对部分典型页面进行了分析,并通过实践验证了“视用户为中心,以原型为基本”的思想对指导前端系统构建的可行性。
【关键词】:HTML5 移动Web前端 jQuery Mobile 移动互联网 跨平台
【学位授予单位】:浙江工业大学
【学位级别】:硕士
【学位授予年份】:2014
【分类号】:TP393.09
【目录】:
- 摘要5-6
- ABSTRACT6-10
- 第1章 绪论10-17
- 1.1 引言10
- 1.2 研究背景10-15
- 1.2.1 移动前端开发的现状及趋势11-12
- 1.2.2 HTML5技术的现状及趋势12-15
- 1.3 研究目的及意义15-17
- 第2章 Web前端系统和HTML5关键技术17-29
- 2.1 Web前端系统17-23
- 2.1.1 交互设计17-19
- 2.1.2 视觉设计19-20
- 2.1.3 Web前端开发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前端系统构建方法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前端开发35-40
- 3.4.1 代码分层36
- 3.4.2 结构层HTML36-37
- 3.4.3 表现层CSS37-39
- 3.4.4 行为层JavaScript39
- 3.4.5 制定文档规范39-40
- 3.5 本章小结40-41
- 第4章 移动Web前端系统构建方法的应用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 最佳室友平台的前端开发52-58
- 4.4.1 搜索与匹配功能设计53-55
- 4.4.2 资料功能设计55-58
- 4.4.3 前端系统开发文档58
- 4.5 本章小结58-59
- 第5章 总结与展望59-61
- 5.1 总结59
- 5.2 展望59-61
- 参考文献61-63
- 致谢63
【参考文献】
中国硕士学位论文全文数据库 前1条
1 彭森材;一个试卷生成系统的设计与实现[D];华中科技大学;2011年
,本文编号:896053
本文链接:https://www.wllwen.com/guanlilunwen/ydhl/896053.html