学士学位论文基于html5的跨移动平台的新闻阅读应用.docx
《学士学位论文基于html5的跨移动平台的新闻阅读应用.docx》由会员分享，可在线阅读，更多相关《学士学位论文基于html5的跨移动平台的新闻阅读应用.docx（49页珍藏版）》请在冰豆网上搜索。
学士学位论文基于html5的跨移动平台的新闻阅读应用
广州大学华软软件学院
毕业论文（设计）
课题名称基于HTML5与jQueryMobile的
跨移动平台的新闻阅读应用--页面设计
学院广州大学华软软件学院
系别软件工程系
专业班级软件开发1班
学生姓名邓鸿健
学号0840112142
指导教师钟迅科
日期2012年5月2日
摘要近年移动互联网的高速发展，给人们相互交流与获取资讯提供了便捷的渠道。
同时伴随移动互联网快速发展的是日新月异的终端设备，各种终端设备每几个月就携带更强的硬件并搭载最新版本的移动操作系统，给用户提供更强大的性能与更友好的用户体验，但是这也给开发者带来了选择平台与兼容版本的困难，一种系统对应一种开发环境，系统版本升级带来了新特性和更高的硬件要求，原来的应用可能就要跟着同时升级。
近来HTML5因为其强大的功能而受到业界的重视与支持，热门的移动操作系统都给予了充分的重视，而著名的JavaScript框架jQuery也推出了移动版的框架——jQueryMobile,该框架基于HTML5给不同的移动终端提供了友好界面的支持并对触屏进行了优化。
本应用使用jQueryMobile框架来实现页面设计，实现浏览RSS聚合信息，并提供收藏、推荐、评论功能，实现跨平台新闻阅读。
关键词HTML5，jQueryMobile，新闻阅读，RSS
ABSTRACTThefewyearmobilewebdeveloperfaster,letpeopleeasytocommunicationandgetnews.Takepartwiththemobilewebdeveloperisdifferentmobiledevicewithdifferentoperationsystem,thedifferentletuserhadmustchoose,andtakeaproblemtodeveloper:
aoperationsystemsupportaprogramlanguage，akindusersupportasoftware.
HTML5isattractedandsupportedbyitspowerfunction,allthehostmobileoperationsystemdeclaresupportHTML5.ThepopularJavaScriptframeworkreleasemobileversion:
jQueryMobile,it'sHTML5-basedandsupportfriendUIandoptimizeabouttouchscreen.ThisapplicationusejQueryMobiletodesignwebpage,supportreadRSSnewsandcollect,recommend,commentfunction，achieveCross-Platformwebapplication.
KEYWORDSHTML5；jQueryMobile；NewsReader；RSS
目录
前言1
研究背景和意义1
研究方法与要达到的要求1
与国内研究对比2
研究范围3
1相关技术介绍4
1.1HTML5相关新特性介绍4
1.2CSS3相关新特性介绍6
1.3jQueryMobile框架介绍7
1.3.1综述7
1.3.2组件7
1.3.3事件与方法9
1.4Spring框架9
1.5Hibernate框架9
1.6RSS技术10
2跨移动平台的新闻阅读应用的可行性分析11
2.1.可行性分析11
2.1.1.技术可行性11
2.1.2.操作可行性11
2.1.3.经济可行性11
2.2.可行性分析结论12
3跨移动平台的新闻阅读应用的需求分析13
3.1系统性能需求13
3.2系统功能需求分析13
3.2.1.注册与登录模块13
3.2.2.订阅管理模块13
3.2.3.浏览用户订阅新闻模块14
3.2.4.管理订阅新闻模块14
3.2.5.新闻评论模块14
3.3跨移动平台的新闻阅读应用的DFD图15
3.4跨移动平台的新闻阅读应用的ER图16
3.5用例的实现与说明17
3.5.1.用例图示17
3.5.2.用例规约17
3.6时序图19
3.6.1.注册时序图19
3.6.2.登录时序图20
3.6.3.浏览条目时序图20
3.6.4.管理订阅时序图21
3.6.5.新闻评论时序图22
3.7开发平台22
3.8应用运行环境22
3.8.1.服务器端硬件与软件环境23
3.8.2.客户端硬件与软件环境23
4跨移动平台的新闻阅读应用的概要设计24
4.1应用的系统结构与开发模型24
4.1.1.B/S系统结构24
4.1.2.MVC开发模型24
4.2应用系统结构图25
4.3数据库设计25
4.3.1.数据字典26
5跨移动平台的新闻阅读应用的详细设计29
5.1应用结构图29
5.2功能实现30
5.2.1.注册模块与注册模块30
5.2.2.管理订阅模块31
5.2.3.浏览订阅模块34
5.2.4.管理条目模块38
5.2.5.新闻评论模块40
6项目测试42
6.1单元测试42
6.2集成测试42
6.3系统测试42
6.4响应性能测试43
项目总结45
参考文献46
致谢47
前言
研究背景和意义
本文主要探讨跨平台新闻聚合阅读应用在移动中的重要地位。
随着信息爆炸时代的到来，个人获取信息的渠道异常丰富，各种渠道提供了不同的信息，如果没有统一的管理工具，要查看新闻信息必须查看信息源，同时要从一大堆信息中分辩哪些是旧的，哪些是新的，这会导致产生大量重复性的工作产生，如果要获取多个信息源的新闻，那重复的工作会更加的多。
但是如果使用信息聚合应用，就可以把多个信息源集中起来，统一浏览与管理，只要查看这个应用就能查看到最新的新闻资讯，并且可以查找以前看过的内容，实现个人信息源中心的作用。
现在移动互联网的资费越来越低，很多人都通过移动终端来获取信息，这的确是一个非常便利的手段，因为这可以十分便利地联网与别人交流或者获取资讯。
因为移动平台的激烈竞争，诞生了像iOS、Android、WP7等不同的移动操作系统，这些系统给用户提供的更多的选择与不同的体验，却增加了开发人员的负担，因为想要更多的用户就要兼容更多的系统，这样在开发和升级上的工作就会大大增加。
近几年快速发展的HTML5给更好的跨移动平台应用提供了技术的支持，现在HTML5提供了丰富的功能如：
视频标签、画布、离线支持，加上越来越强大的CSS3，在开发跨移动平台应用时能够使开发人员更加专注于功能的实现，而不用顾虑太多的平台相关兼容，所以使用HTML5相关技术在开发跨移动平台应用时是个不错的选择。
研究方法与要达到的要求
使用jQueryMobile框架开发一个Web应用，通过使用jQueryMobile框架API提供的功能模块和方法事件实现较丰富的跨移动平台新闻阅读应用，另外使用HTML5与CSS3实现增强性的功能，提供更好的用户体验。
同时测试该应用在不同平台上面的表现效果，以此测试应用跨平台性的适应性，探讨跨移动平台应用的开发方向。
该Web应用要完成任务设定的基本要求，和部分考虑实现功能，能够在主流移动平台如：
Android和iOS上运行良好，同时有较好的用户体验，以此证明基于HTML5的jQueryMobile开发的应用能够胜任跨移动平台开发的任务，能够提供较好的平台适应性。
图0-1效果图
与国内研究对比
国外知名的新闻阅读应用《Googlereader》和国内领先的新闻阅读应用《鲜果阅读》都有推出移动版的应用，以下就这些应用与本应用的异同做些简单分析：
1.跨平台性：
《Googlereader》的移动版本有移动网页版和客户端版，移动网页版的功能有所精简，比较简单。
《鲜果阅读》的移动版本也有移动网页版和客户端版，但是移动网页版更加简单，只实现了基本的功能。
本应用基于移动网页提供了一致的功能体验，但是需要较新的浏览器支持。
2.功能：
《Googlereader》的客户端版功能齐全，同时提供了良好的体验。
《鲜果阅读》的客户端版提供了相对简单的功能，但是有很好的用户体验。
本应用通过较新的HTML5与jQueryMobile提供了较完整的功能与比较好的用户体验。
3.其它：
《Googlereader》与《鲜果阅读》作为商业化应用在浏览器兼容上面考虑更多，所以他们在移动网页上的功能会有所精简，而重点维护客户端版本。
本应用因为研究性的需要，只确保在主流移动平台如Android和iOS上能良好运行，其它一些较老的移动平台和较旧版本的浏览器，在兼容方法可能有所欠缺。
研究范围
围绕跨移动平台新闻阅读应用的需求，使用jQueryMobile框架作为核心架构，实现应用基本功能，另外再使用HTML5与CSS3增强用户体验与完成考虑添加的功能。
研究范围集中于实验jQueryMobile的提供的API是否满足跨移动平台应用开发的需要，同时尝试结合HTML5与CSS3进行开发，研究这些最新技术在现有平台上面的适应性。
1相关技术介绍
1.1HTML5相关新特性介绍
HTML5的上一个版本是4.01，发布时间在1999年，这会使人觉得奇怪为什么一个版本间会隔了十多年，其实这是因为W3C在发布4.01版本后就改变研究方向到XHTML，但是因为XHTML发展的过于超前和规范太严格，所以没被业界接受，反而是Opera、Apple的浏览器厂商在HTML基础上面发展的新版本受到欢迎，后来W3C加入到HTML新版本的开发上面，这就是现在的HTML5，这个新版本有如下几点新特性：
1.简单的声明
之前的HTML4.01文件类型声明：
DOCTYPEhtmlPUBLIC"-//W3C/DTDHTML4.01//EN"
"http:
//www.w3.org/TR/html4/strict.dtd">
和XHTML1.0文件类型声明：
DOCTYPEhtmlPUBLIC"-//W3C/DTDXHTML1.0Strict//EN"
"http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
到HTML5声明文件类型只要如下简单即可：
DOCTYPEhtml>
因为HTML5的一个设计原理就是必须要向后兼容，兼容未来的HTML版本，所以再写一个声明版本的doctype已经没有多大意义，对验证器来说也是一样。
同时HTML5的规范还省略了不必要的复杂性，避免不必要的复杂性。
如