基于HTML5移动终端平台推送信息系统设计与实现

1题目：基于 HTML5移动终端平台推送信息系统设计与实现摘 要目前，移动客户终端的开发设计正处于兴盛时期，当前的移动客户终端的操作系统种类较多，但是主要的操作系统主要有 IOS 和安卓系统两类，应用程序的开发者通常是需要对这些操作系统分别进行应用程序的设计，因此，跨平台移动技术的开发以及应用便成为了今日热门的研究对象，怎样能够有效的提高开发的效率就成为值得研究的课题。传统的开发程序中往往是需要对每一款操作系统分别进行开发，导致经常出现重复性的工作，因此利用 Web 平台进行跨平台性的中间件诞生，但是在性能上经常是有着一定的局限性。跟随着目前互联网技术的不断发展，人们在信息获取的途径上也变得愈加丰富，移动客户终端以成为现如今人们生活信息的主要来源。怎么样能够高速有效的进行信心推送在移动客户终端上便成为了重要的研究方向。信息的推送技术早已存在，移动互联网以及智能移动客户终端普及之前，信息推送技术便已经应用在互联网 PC 个性化制定信息等业务环境中。IOS 以及安卓操作系统都各自有着特有的推送机制。可是，如果使用跨平台的开发方式，目前对于移动客户端的信息推送机制怎么在跨平台框架中实现，使用统一的客户端服务器对各类的移动终端的操作系统进行信息的推送还是缺少相应的研究。为使用户能在移动客户终端上有着较好的体验，本文提出了2基于移动客户终端风格展示设计，此设计基于扁平化、相应式、流式布局的风格进行实现的，在技术上主要是是依靠 CSS3 和 HTML5 提供了多个的主题风格，服务器端以及移动客户终端相互之间使用了轻量级的数据格式 JSON。在设计中使用 Web 应用经过 PhoneGap 和移动平台进行无缝连接。在服务器端使用的是 JavaEE 框架框架技术，基于切面编程的思想进行设计整合，框架的构建中层次分明。内容管理系统中主要实现的功能是基于 HTML5 实现不同的页面相应，实现内容管理界面之间的全屏访问。信息推送服务主要是针对不同平台使用了不同的推送标方案，推送的策略主要是是基于用户和主题，用户能够制定出比较喜欢的主题，服务器端也能够按照用户的预览内容进行记录得到用户偏爱的主题，主动的向用户进行推送。关键词:HTML_5、移动应用 、 推送系统、 跨平台AbstractAt present, the development and design of the mobile client terminal is in a period of prosperity, the mobile client terminal of the current operating system types, but the operating system there are mainly two kinds of IOS and Android systems, application developers often need design into the application of these operating system so that cross platform mobile technology the development and application has become a hot research 3object of today, how to effectively improve the efficiency of development has become a topic worthy of study. The traditional development program is often required for each operating system were developed, leading to frequent repetitive work, so the use of Web platform for cross platform middleware was born, but the performance is often limited. With the continuous development of the Internet technology, people have become more and more abundant in the way of information acquisition, and the mobile client terminal has become the main source of peoples life information. How to effectively carry out the confidence in mobile client terminal has become an important research direction. Information push technology already exists, before the popularity of mobile Internet and smart mobile client terminals, information push technology has been applied in the Internet PC personalized information and other business environment. IOS and Android operating systems have their own unique push mechanism. However, if the use of cross platform, the mobile client information push mechanism how to achieve cross platform framework, the mobile terminal operating system using a unified client server for all kinds of information push or the lack of corresponding research. 4As the user can have a good experience in the mobile client terminal, this paper proposes the mobile client terminal display style design based on this design, based on the flat, and the corresponding flow layout style to achieve, in technology is mainly rely on CSS3 and HTML5 provides a number of themes, server and the mobile client terminal uses a lightweight JSON data format between. In the design of the use of Web applications through PhoneGap and mobile platform for seamless connection. In the server side is the use of JavaEE framework technology, based on the idea of programming to carry out the integration of design, the framework of the construction of a clear. Content management system to achieve the main function is based on HTML5 to achieve different pages corresponding to achieve full screen access between the content management interface. Information push service is mainly for different platforms using different standard push, push strategy is the main theme and the user based on the user can develop a more love theme, the server can record user preferences in accordance with the theme preview the contentof the user, the initiative to the user push. Keywords: HTML_5, mobile application, push system, cross 5platform 目 录第一章 绪论 .71.1 研究背景与研究意义 .71.2 国内外研究现状 .81.2.1 移动终端系统研究现状 .81.2.2 跨平台移动应用发展现状 .81.2.3 HTML5 研究现状 .91.3 本文研究内容 .101.4 本文组织架构 .11第二章 相关核心技术介绍 .112.1 HTML5 技术介绍 .112.1.1 HTML5 简介 .112.1.2 HTML5 新特性 .112.1.3 HTML5 应用前景 .122.2 PhoneGap 介绍 .132.3 JavaEE 技术 .142.4 本章总结 .16第三章 移动客户端设计及实现 .173.1 移动端风格设计 .173.2 移动端内容展示设计 .213.3 数据交互的实现 .263.3.1 JSON 数据格式 .263.3.2 客户端跨域请求方案 .273.4 基于 PhoneGap 跨平台移动端实现 .293.4.1 PhoneGap 平台构建 .293.4.2 PhoneGap 跨平台应用 .313.5 本章小结 .32第四章 推送系统设计和实现 .324.1 系统服务端设计实现 .324.1.1 表现层设计与实现 .324.1.2 业务逻辑层设计与实现 .344.1.3 持久层设计与实现 .354.2 内容管理系统设计与实现 .364.3 管理界面设计 .414.3.1 管理界面设计分析 .414.3.2 管理界面设计风格 .424.3.3 管理界面响应设计 .434.4 本章小结 .45第五章 推送服务设计 .455.1 推送信息技术分析及设计 .465.1.1 安卓系统推送 .4665.1.2 IOS 系统推送 .475.2 推送信息策略分析 .475.3 推送信息服务的实现 .485.3.1 推送信息流程 .485.3.2 推送信息服务核心程序 .495.4 本章小结 .50第六章 总结与愿望 .516.1 本文总结 .516.2 研究展望 .517第一章 绪论1.1 研究背景与研究意义当今国内的互联网行业的发展呈现出全新状态，传统形式的互联网已成饱和趋势，而正在崛起的正式发展飞速的移动互联网。根据前瞻产业研究院所公布的数据显示，目前在国内使用移动客户端进行互联网访问的用户已经超过五亿。而且随着移动终端设备的迅速增加，产品成本不断降低，wifi 无线网络的覆盖面积逐渐增加，移动终端设备持有率将会极速上升。在这样互联网格局改变的形势下，人们在获取互联网信息的方式也在跟随着发生该变。在传统的互联网时代，人们上网的形式多数都是通过 PC 计算机客户端进行对预览信息以及门户网站获取最新的时事新闻信息 1。但是在当下，人们可以通 =通过移动客户端轻松地随时获取互联网的时讯新闻，这与互联网自身具有的特点有着不可分割的关系。移动终端设备的携带方面性、移动性能强的特点，使用户能够通过终端设备轻松方面的随时获取有效信息，时讯新闻等。因此本文目标是开发出一款基于移动客户端的内容管理系统，给用户提供出便捷、灵活的获取信息和新闻的方式。对于传统的内容管理系统，移动客户终端内容管理系统在开发上有着自身的难点，其原因是由目前移动设备的结构状况决定的。目前互联网移动设备的种类很多，出现多种系统平台共同存在的局面。使用较多的有 IOS 系统、Android 系统、 Window Mobile 系统都是基于不同的技术实现的，但是开发一款面向多系统兼容的移动客户端内容管理平台需要对每一个系统平台进行分别开发，因此就会大大的降低了开发工作的效率。针对以上问题，经过翻阅大量的文献资料研究以及分析，决定选用基于 HTML_5 技术的 Web App 方式进行本系统的开发，HTML_5 的多种新的特性能够有效的解决面对跨平台开发瓶颈的问题，致使移动客户端内容管理系统能够快速、高效的实现系统开发。相对于当今比较流行的Native 的开发方式，此移动终端内容管理系统的实现具有以下方面的优势：跨平台方面，同一个应用程序，经过一次开发，能够在各个平台兼容运行。传统的系统开发方式的移动内容管理系统，需要针对每一个系统平台进行分别的开发。当下移动终端市场中的多种平台共同存在，除了上文提到的 IOS 系统、Android 系统、Windoows Phone 系统，还有黑莓系统等等。移动终端系统内容管理要想在多个平台兼容运行，需要开发出多个应用程序针对每个系统平台。但是采用基于 Web 方式开发的移动端内容管理系统便能够在不同的系统平台中兼容的运行 2。系统云端的升级，使用原生的移动系统移动内容管理系统中，有着缺陷，就是在程序发布的时候相对繁琐。程序发布时，不仅是对一个应用程序的修改，还要对更新版本的移动终端内容管理系统上传到这种的应用商店中。比如：IOS 系统中的应用程序需要先上传到苹果公司专用的 App Store 平台中，但是苹果公司会对此移动应用的上传进行审核，这期间造成很多的不便。如果此应用程序存在着漏洞，进行重新修改的话，程序重新的发布会更加的繁琐。相比之下，云端的升级系统减少了这些缺陷，仅需要在服务器端进行更新，所有的使用者就能够查到最新的版本。大大的减少了工作量。但是目前的 HTML_5 在移动客户端的开发中的技术并不是很成熟的，在该系统开发过程中，还是存在着以下几方面的挑战。（1）性能的问题，致使基于 Web 访问方式开发的移动客户端内容管理系统性能差的原因有多个，如本身开发技术问题、移动终端的硬件设备问题、浏览器的解析问题。现在8Web 开发的性能上与 native 技术相比较有一定的差距，随着移动设备产品的更新换代，移动设备的硬件和浏览器的解析问题也在逐渐的消失。同时随着技术的快速升级，轻量级、性能较好的 HTML_5 框架将会出现，自身的开发技术也在科技快速发展的今天也能顺利的解决。（2）移动终端设备以及浏览器的差异性，目前移动终端设备的制造生产商，浏览器的开发商已经对 HTML_5 的支持还没有完全的形成统一的协议标准，其产品对 HTML_5 的支持程度也有着不同。这就对于基于 HTML_5 开发系统客户端内容管理系统的研发带有着一定的挑战。（3）缺乏统一的实现标准，除了上文提到的移动设备，浏览器的差异性，其致使基于HTML_5 移动客户端开发的主要问题是没有统一的 Web App 实现标准。现在移动终端设备领域系统的多平台性，针对不同的平台需要设计不同的风格，用户能够更加习惯的当前设备的交互，市场上 Web 应用也在迅速的发展增加，使用者也会习惯于 Web 应用的交互习惯。经过上述的介绍，HTML_5 开发的移动客户端的内容管理系统有着较好的跨平台性，能够在很大程度上减少项目开发时为不同的操作系统版本匹配的工作量。然俄日性能较差，使用者体验不能够满足的缺陷，在本文中设计的一个基于 HTML_5 移动客户端跨平台内容管理系统，在一定的程度上能够改进系统的性能，保证其轻量级、跨平台、高性能的特点。1.2 国内外研究现状1.2.1 移动终端系统研究现状随着移动互联网的普及，网民更趋向于通过移动互联网获取新闻资讯f6l。现在移动内容管理系统的主要形式新闻资讯客户端和移动新闻门户网，新闻内容管理仍是通过Web 的方式。现在移动智能领域的移动应用使用排行中，新闻资讯应用仅次于即时通讯应用。而移动网站的访问排行的，新闻门户网仅次于移动搜索网站。网民现在更习惯通过移动互联网获取新闻资讯，这与移动互联网对新闻传播方式密不可分。移动互联网对新闻资讯的传播高效、及时、迅速，新闻内容丰富多样。且对用户针对性强，方便用户互动交流。现阶段移动新闻资讯客户端以及移动门户主有以下特点:(1)内容丰富、特色。现阶段互联网新闻信息特点是新闻海量、迭代迅速。不同的用户对新闻资讯的需求不同，各式各样的移动新闻资讯客户端应运而生。各类门户层出不穷，知名大型门户网也在不断推出新的产品。(2)内容短小、精致。移动设备的特性，以及现阶段生活节奏的加快，精致、概括性强的新闻资讯更容易吸引用户的眼球。移动端的新闻资讯往往是通过缩减编辑后展现给用户的。(3)信息灵活多样。传统、单向的信息己经不能满足现阶段用户的眼球，不同的热点层出不穷。移动新闻必须适应这样变化，保持新闻信息灵活多样。1.2.2 跨平台移动应用发展现状国外在移动端跨平台开发领域方面起步较早，同时也有着相对完整的结构体系，在这9种具有领先地位的研究以及企业级别应用中都是有所体现的。在 2008 年 HTML_5 草案的发布，是 HTML_5 新特性以及跨平台移动客户端研究开发提供了技术上的可能性。在这个基础之上国内以及国外有关于跨平台开发移动客户端方面做了大量的研究。PhoneGap 1.0产品于 2011 年 7 月底发布。其目的是让开发者能够使用传统的 Web 技术开发；HTML_5、Javascript、CSS 开发支持不同的平台的移动终端应用程序，开发者能够通过Web API 接口调用手机系统中核心功能，比如，照相机、GPS、文件、加速器、联系人等等。其目前已经支持市场中常见的智能手机系统，Android 系统、ios 系统等 3。另外，PhoneGap 还提供了丰富的插件功能以供开发者进行调用。随着 HTML_5 技术的快速发展，国外出现了大量的基于 HTML_5 移动应用框架，例如 EXT 框架团队所开发的 Kendo UI，Appframework 是基于 jQuery Mobile 所开发的等等。基于 HTML_5 的跨平台应用开发目前在国外已经被广泛的应用，并且增长速度非常快，并且结构体系也在逐渐的进行完善，在今后多元化的移动客户端应用的发展中，跨平台应用也会占有一席地位的。最近几点，国内的开发移动客户端应用主要还是以原生的系统开发为主，但是在近两年内出现了大量的互联网公司，都在进行 HTML_5 跨平台上投入大量的研究。2014 年 6月在国内第一个开源的跨平台 HTML_5 前端的框架 Amaze UI 发布。Amaze UI 是以移动客户端优先为理念，从小屏幕慢慢的发展到大屏幕之中，最后达到了适应所有屏幕，致使互联移动。2013 年百度公司也推出了自己开发的 Light App，此应用是一种不用下载，在浏览器中即搜即用的移动应用。事实上，其实基于 HTML_5 的 APP Web 化，功能是用户在其官方网站首页中点击某个连接，就能够进入到 HTML_5 应用之中，或者进入 WEB 站。此外一些是完全基于 HTML_5 的应用如天气应用 sun 、 DailyCost 等等，在其性能以及体验上表现都比较好。总而言之，跨平台的移动终端应用，其市场前景相对较好，但是基于 HTML_5 的 Web App 还是不够成熟，在今后两三年中 Web App 所占的市场份额会逐渐上升。然而 Native App 也不会退出市场，将会形成相互共存的时代，随着 HTML_5 的发展，Web App 也会有着进一步的发展空间。1.2.3 HTML5 研究现状HTML_5 技术自从诞生至今已有几年的时间了，在这几年的时间之中 HTML_5 的发展并不是非常顺利的，对于 HTML_5 应用需要从两个方面进行考虑，一方面认为今后的 Web是 HTML_5 的主要发展市场，另一方面认为 HTML_5 的缺陷和实际应用中所保持的态度。最近几年 HTML_5 虽然有着一些缺陷，但是长远来看其发展还是有很大空间的。其主要能够体现在以下几个方面：HTML_5 标准协议制度。在对 HTML_5 制定标准规范过程中， W3C 组织的工作流程一般是：草案、最后修订、候选推荐、建议推荐、推荐。到 2014 年 10 月，W3C 组织宣布这一项推荐标准规范完成，这表明经过几年的 HTML_5 的标准规范制定完成。自 2008 年，工作草案的发布以来，很多的互联网公司对 HTML_5 进行研究开发，同时也出现很多的问题，并且能够及时的反馈出问题，致使 HTML_5 的规范标准逐步的走向完善。浏览器的支持情况，移动终端设备的浏览器市场和桌面的浏览器市场有着很大的不同之处，目前移动客户端主流的浏览器主要有 Android Browse 浏览器，Safari 浏览器等都融入到HTML_5 研究当中，同时他们所占的市场份额也在不断的增多。移动终端设备的浏览器对HTML_5 的支持，是移动终端设备和 HTML_5 相互之间双赢的发展，都能得到有效的推广，10同时浏览器也会使更多的用户对其青睐 4。HTML_5 对于移动设备系统开发平台的访问能力还在不断的发展之中，目前与传统的互联网访问系统相比，还是有着很多的性能缺陷。但是由于移动设备硬件的快速更新换代，这个问题也随之被顺利的解决。比如 2011 年代2013 年本人以及身边的同学就曾经使用过单核的_528M 频率的 G8、单核 1G 的 Nexus One、双核 1.2G 的 GalaxySII，现在则是 4 核 1.6G 的 NoteII 等移动设备。各种各样的基于 HTML_5 的开源的框架、开发工具快速的出现，并且在其不断的发展之中逐渐的完善。除了较老的 Sencha Touch9， PhoneGap、jQuery Mobile、LungoJS 外，同时还出现了各种的 Crafty, Cocos2d-htm15、limeJS 、GameMake、Impact 等游戏的开发工具， Skeleton、GroundworkCSS、Gumby 等应用程式的设