《基于html5的跨移动平台的新闻阅读应用本科论文》由会员分享，可在线阅读，更多相关《基于html5的跨移动平台的新闻阅读应用本科论文（52页珍藏版）》请在金锄头文库上搜索。
1、广州大学华软软件学院 软件工程系 邓鸿健 基于HTML5与jQuery Mobile的跨移动平台的新闻阅读应用 广州大学华软软件学院 毕业论文（设计） 课题名称 基于HTML5与jQuery Mobile的跨移动平台的新闻阅读应用-页面设计学 院 广州大学华软软件学院 系 别 软件工程系 专业班级 软件开发1班 学生姓名 邓鸿健 学 号 0840112142 指导教师 钟迅科 日 期 2012年5月2日 iv摘要 近年移动互联网的高速发展，给人们相互交流与获取资讯提供了便捷的渠道。同时伴随移动互联网快速发展的是日新月异的终端设备，各种终端设备每几个月就携带更强的硬件并搭载最新版本的移动操作系统
2、，给用户提供更强大的性能与更友好的用户体验，但是这也给开发者带来了选择平台与兼容版本的困难，一种系统对应一种开发环境，系统版本升级带来了新特性和更高的硬件要求，原来的应用可能就要跟着同时升级。近来HTML5因为其强大的功能而受到业界的重视与支持，热门的移动操作系统都给予了充分的重视，而著名的JavaScript框架jQuery也推出了移动版的框架jQuery Mobile,该框架基于HTML5给不同的移动终端提供了友好界面的支持并对触屏进行了优化。本应用使用jQuery Mobile框架来实现页面设计，实现浏览RSS聚合信息，并提供收藏、推荐、评论功能，实现跨平台新闻阅读。关键词 HTML5，
3、jQuery Mobile，新闻阅读，RSSABSTRACT The few year mobile web developer faster, let people easy to communication and get news. Take part with the mobile web developer is different mobile device with different operation system, the different let user had must choose, and take a problem to developer: a opera
4、tion system support a program language，a kind user support a software .HTML5 is attracted and supported by its power function, all the host mobile operation system declare support HTML5.The popular JavaScript framework release mobile version: jQuery Mobile ,its HTML5-based and support friend UI and
5、optimize about touch screen. This application use jQuery Mobile to design web page, support read RSS news and collect, recommend, comment function，achieve Cross-Platform web application.KEY WORDS HTML5；jQuery Mobile；News Reader；RSS目录前 言1研究背景和意义1研究方法与要达到的要求1与国内研究对比2研究范围31 相关技术介绍41.1HTML5相关新特性介绍41.2CS
6、S3相关新特性介绍61.3jQuery Mobile框架介绍71.3.1综述71.3.2组件71.3.3事件与方法91.4Spring框架91.5Hibernate框架91.6RSS技术102 跨移动平台的新闻阅读应用的可行性分析112.1.可行性分析112.1.1.技术可行性112.1.2.操作可行性112.1.3.经济可行性112.2.可行性分析结论123 跨移动平台的新闻阅读应用的需求分析133.1系统性能需求133.2系统功能需求分析133.2.1.注册与登录模块133.2.2.订阅管理模块133.2.3.浏览用户订阅新闻模块143.2.4.管理订阅新闻模块143.2.5.新闻评论模块
7、143.3跨移动平台的新闻阅读应用的DFD图153.4跨移动平台的新闻阅读应用的ER图163.5用例的实现与说明173.5.1.用例图示173.5.2.用例规约173.6时序图193.6.1.注册时序图193.6.2.登录时序图203.6.3.浏览条目时序图203.6.4.管理订阅时序图213.6.5.新闻评论时序图223.7开发平台223.8应用运行环境223.8.1.服务器端硬件与软件环境233.8.2.客户端硬件与软件环境234 跨移动平台的新闻阅读应用的概要设计244.1应用的系统结构与开发模型244.1.1.B/S系统结构244.1.2.MVC开发模型244.2应用系统结构图254.
8、3数据库设计254.3.1.数据字典265 跨移动平台的新闻阅读应用的详细设计295.1应用结构图295.2功能实现305.2.1.注册模块与注册模块305.2.2.管理订阅模块315.2.3.浏览订阅模块345.2.4.管理条目模块385.2.5.新闻评论模块406 项目测试426.1单元测试426.2集成测试426.3系统测试426.4响应性能测试43项目总结45参考文献46致谢47前 言研究背景和意义本文主要探讨跨平台新闻聚合阅读应用在移动中的重要地位。随着信息爆炸时代的到来，个人获取信息的渠道异常丰富，各种渠道提供了不同的信息，如果没有统一的管理工具，要查看新闻信息必须查看信息源，同时
9、要从一大堆信息中分辩哪些是旧的，哪些是新的，这会导致产生大量重复性的工作产生，如果要获取多个信息源的新闻，那重复的工作会更加的多。但是如果使用信息聚合应用，就可以把多个信息源集中起来，统一浏览与管理，只要查看这个应用就能查看到最新的新闻资讯，并且可以查找以前看过的内容，实现个人信息源中心的作用。现在移动互联网的资费越来越低，很多人都通过移动终端来获取信息，这的确是一个非常便利的手段，因为这可以十分便利地联网与别人交流或者获取资讯。因为移动平台的激烈竞争，诞生了像iOS、Android、WP7等不同的移动操作系统，这些系统给用户提供的更多的选择与不同的体验，却增加了开发人员的负担，因为想要更多的
10、用户就要兼容更多的系统，这样在开发和升级上的工作就会大大增加。近几年快速发展的HTML5给更好的跨移动平台应用提供了技术的支持，现在HTML5提供了丰富的功能如：视频标签、画布、离线支持，加上越来越强大的CSS3，在开发跨移动平台应用时能够使开发人员更加专注于功能的实现，而不用顾虑太多的平台相关兼容，所以使用HTML5相关技术在开发跨移动平台应用时是个不错的选择。研究方法与要达到的要求使用jQuery Mobile框架开发一个Web应用，通过使用jQuery Mobile框架 API提供的功能模块和方法事件实现较丰富的跨移动平台新闻阅读应用，另外使用HTML5与CSS3实现增强性的功能，提供更
11、好的用户体验。同时测试该应用在不同平台上面的表现效果，以此测试应用跨平台性的适应性，探讨跨移动平台应用的开发方向。该Web应用要完成任务设定的基本要求，和部分考虑实现功能，能够在主流移动平台如：Android和iOS上运行良好，同时有较好的用户体验，以此证明基于HTML5的jQuery Mobile开发的应用能够胜任跨移动平台开发的任务，能够提供较好的平台适应性。图0-1 效果图与国内研究对比国外知名的新闻阅读应用Google reader和国内领先的新闻阅读应用鲜果阅读都有推出移动版的应用，以下就这些应用与本应用的异同做些简单分析：1.跨平台性：Google reader的移动版本有移动网页
12、版和客户端版，移动网页版的功能有所精简，比较简单。鲜果阅读的移动版本也有移动网页版和客户端版，但是移动网页版更加简单，只实现了基本的功能。本应用基于移动网页提供了一致的功能体验，但是需要较新的浏览器支持。2.功能：Google reader的客户端版功能齐全，同时提供了良好的体验。鲜果阅读的客户端版提供了相对简单的功能，但是有很好的用户体验。本应用通过较新的HTML5与jQuery Mobile提供了较完整的功能与比较好的用户体验。3.其它：Google reader与鲜果阅读作为商业化应用在浏览器兼容上面考虑更多，所以他们在移动网页上的功能会有所精简，而重点维护客户端版本。本应用因为研究性的
13、需要，只确保在主流移动平台如Android和iOS上能良好运行，其它一些较老的移动平台和较旧版本的浏览器，在兼容方法可能有所欠缺。研究范围围绕跨移动平台新闻阅读应用的需求，使用jQuery Mobile框架作为核心架构，实现应用基本功能，另外再使用HTML5与CSS3增强用户体验与完成考虑添加的功能。研究范围集中于实验jQuery Mobile的提供的API是否满足跨移动平台应用开发的需要，同时尝试结合HTML5与CSS3进行开发，研究这些最新技术在现有平台上面的适应性。1 相关技术介绍1.1 HTML5相关新特性介绍HTML5的上一个版本是4.01，发布时间在1999年，这会使人觉得奇怪为什
14、么一个版本间会隔了十多年， 其实这是因为W3C在发布4.01版本后就改变研究方向到XHTML，但是因为XHTML发展的过于超前和规范太严格，所以没被业界接受，反而是Opera、Apple的浏览器厂商在HTML基础上面发展的新版本受到欢迎，后来W3C加入到HTML新版本的开发上面，这就是现在的HTML5，这个新版本有如下几点新特性：1. 简单的声明之前的HTML4.01文件类型声明：和XHTML1.0文件类型声明：到HTML5声明文件类型只要如下简单即可：因为HTML5的一个设计原理就是必须要向后兼容，兼容未来的HTML版本，所以再写一个声明版本的doctype已经没有多大意义，对验证器来说也是一样。同时HTML5的规范还省略了不必要的
