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

1、最新基于HTML5移动终端平台推送信息系统设计与实现题目：基于HTML5移动终端平台推送信息系统设计与实现摘 要 目前，移动客户终端的开发设计正处于兴盛时期，当前的移动客户终端的操作系统种类较多，但是主要的操作系统主要有IOS和安卓系统两类，应用程序的开发者通常是需要对这些操作系统分别进行应用程序的设计，因此，跨平台移动技术的开发以及应用便成为了今日热门的研究对象，怎样能够有效的提高开发的效率就成为值得研究的课题。传统的开发程序中往往是需要对每一款操作系统分别进行开发，导致经常出现重复性的工作，因此利用Web平台进行跨平台性的中间件诞生，但是在性能上经常是有着一定的局限性。跟随着目前互联网技术

2、的不断发展，人们在信息获取的途径上也变得愈加丰富，移动客户终端以成为现如今人们生活信息的主要来源。怎么样能够高速有效的进行信心推送在移动客户终端上便成为了重要的研究方向。信息的推送技术早已存在，移动互联网以及智能移动客户终端普及之前，信息推送技术便已经应用在互联网PC个性化制定信息等业务环境中。IOS以及安卓操作系统都各自有着特有的推送机制。可是，如果使用跨平台的开发方式，目前对于移动客户端的信息推送机制怎么在跨平台框架中实现，使用统一的客户端服务器对各类的移动终端的操作系统进行信息的推送还是缺少相应的研究。 为使用户能在移动客户终端上有着较好的体验，本文提出了基于移动客户终端风格展示设计，此

3、设计基于扁平化、相应式、流式布局的风格进行实现的，在技术上主要是是依靠CSS3和HTML5提供了多个的主题风格，服务器端以及移动客户终端相互之间使用了轻量级的数据格式JSON。在设计中使用Web应用经过PhoneGap和移动平台进行无缝连接。 在服务器端使用的是JavaEE框架框架技术，基于切面编程的思想进行设计整合，框架的构建中层次分明。内容管理系统中主要实现的功能是基于HTML5实现不同的页面相应，实现内容管理界面之间的全屏访问。信息推送服务主要是针对不同平台使用了不同的推送标方案，推送的策略主要是是基于用户和主题，用户能够制定出比较喜欢的主题，服务器端也能够按照用户的预览内容进行记录得到

4、用户偏爱的主题，主动的向用户进行推送。 关键词: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,

5、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 object of today, how to effectively improve the efficiency of development has become a topic worthy of study. The

6、 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, peopl

7、e 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 techno

8、logy 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, i

9、f 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. As the user can have a good experience in the

10、 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

11、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

12、 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 standa

13、rd 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 platfor

14、m 第一章 绪论1.1 研究背景与研究意义当今国内的互联网行业的发展呈现出全新状态，传统形式的互联网已成饱和趋势，而正在崛起的正式发展飞速的移动互联网。根据前瞻产业研究院所公布的数据显示，目前在国内使用移动客户端进行互联网访问的用户已经超过五亿。而且随着移动终端设备的迅速增加，产品成本不断降低，wifi无线网络的覆盖面积逐渐增加，移动终端设备持有率将会极速上升。在这样互联网格局改变的形势下，人们在获取互联网信息的方式也在跟随着发生该变。在传统的互联网时代，人们上网的形式多数都是通过PC计算机客户端进行对预览信息以及门户网站获取最新的时事新闻信息1。但是在当下，人们可以通=通过移动客户端轻松地随

15、时获取互联网的时讯新闻，这与互联网自身具有的特点有着不可分割的关系。移动终端设备的携带方面性、移动性能强的特点，使用户能够通过终端设备轻松方面的随时获取有效信息，时讯新闻等。因此本文目标是开发出一款基于移动客户端的内容管理系统，给用户提供出便捷、灵活的获取信息和新闻的方式。对于传统的内容管理系统，移动客户终端内容管理系统在开发上有着自身的难点，其原因是由目前移动设备的结构状况决定的。目前互联网移动设备的种类很多，出现多种系统平台共同存在的局面。使用较多的有IOS系统、Android系统、Window Mobile系统都是基于不同的技术实现的，但是开发一款面向多系统兼容的移动客户端内容管理平台需

16、要对每一个系统平台进行分别开发，因此就会大大的降低了开发工作的效率。针对以上问题，经过翻阅大量的文献资料研究以及分析，决定选用基于HTML_5技术的Web App方式进行本系统的开发，HTML_5的多种新的特性能够有效的解决面对跨平台开发瓶颈的问题，致使移动客户端内容管理系统能够快速、高效的实现系统开发。相对于当今比较流行的Native的开发方式，此移动终端内容管理系统的实现具有以下方面的优势：跨平台方面，同一个应用程序，经过一次开发，能够在各个平台兼容运行。传统的系统开发方式的移动内容管理系统，需要针对每一个系统平台进行分别的开发。当下移动终端市场中的多种平台共同存在，除了上文提到的IOS系

17、统、Android系统、Windoows Phone系统，还有黑莓系统等等。移动终端系统内容管理要想在多个平台兼容运行，需要开发出多个应用程序针对每个系统平台。但是采用基于Web方式开发的移动端内容管理系统便能够在不同的系统平台中兼容的运行2。 系统云端的升级，使用原生的移动系统移动内容管理系统中，有着缺陷，就是在程序发布的时候相对繁琐。程序发布时，不仅是对一个应用程序的修改，还要对更新版本的移动终端内容管理系统上传到这种的应用商店中。比如：IOS系统中的应用程序需要先上传到苹果公司专用的App Store平台中，但是苹果公司会对此移动应用的上传进行审核，这期间造成很多的不便。如果此应用程序存

18、在着漏洞，进行重新修改的话，程序重新的发布会更加的繁琐。相比之下，云端的升级系统减少了这些缺陷，仅需要在服务器端进行更新，所有的使用者就能够查到最新的版本。大大的减少了工作量。但是目前的HTML_5在移动客户端的开发中的技术并不是很成熟的，在该系统开发过程中，还是存在着以下几方面的挑战。（1）性能的问题，致使基于Web访问方式开发的移动客户端内容管理系统性能差的原因有多个，如本身开发技术问题、移动终端的硬件设备问题、浏览器的解析问题。现在Web开发的性能上与native技术相比较有一定的差距，随着移动设备产品的更新换代，移动设备的硬件和浏览器的解析问题也在逐渐的消失。同时随着技术的快速升级，轻

19、量级、性能较好的HTML_5框架将会出现，自身的开发技术也在科技快速发展的今天也能顺利的解决。（2）移动终端设备以及浏览器的差异性，目前移动终端设备的制造生产商，浏览器的开发商已经对HTML_5的支持还没有完全的形成统一的协议标准，其产品对HTML_5的支持程度也有着不同。这就对于基于HTML_5开发系统客户端内容管理系统的研发带有着一定的挑战。 （3）缺乏统一的实现标准，除了上文提到的移动设备，浏览器的差异性，其致使基于HTML_5移动客户端开发的主要问题是没有统一的Web App实现标准。现在移动终端设备领域系统的多平台性，针对不同的平台需要设计不同的风格，用户能够更加习惯的当前设备的交互

20、，市场上Web应用也在迅速的发展增加，使用者也会习惯于Web应用的交互习惯。 经过上述的介绍，HTML_5开发的移动客户端的内容管理系统有着较好的跨平台性，能够在很大程度上减少项目开发时为不同的操作系统版本匹配的工作量。然俄日性能较差，使用者体验不能够满足的缺陷，在本文中设计的一个基于HTML_5移动客户端跨平台内容管理系统，在一定的程度上能够改进系统的性能，保证其轻量级、跨平台、高性能的特点。 1.2 国内外研究现状1.2.1 移动终端系统研究现状 随着移动互联网的普及，网民更趋向于通过移动互联网获取新闻资讯f6l。现在移动内容管理系统的主要形式新闻资讯客户端和移动新闻门户网，新闻内容管理仍

21、是通过Web的方式。现在移动智能领域的移动应用使用排行中，新闻资讯应用仅次于即时通讯应用。而移动网站的访问排行的，新闻门户网仅次于移动搜索网站。网民现在更习惯通过移动互联网获取新闻资讯，这与移动互联网对新闻传播方式密不可分。移动互联网对新闻资讯的传播高效、及时、迅速，新闻内容丰富多样。且对用户针对性强，方便用户互动交流。现阶段移动新闻资讯客户端以及移动门户主有以下特点: (1)内容丰富、特色。现阶段互联网新闻信息特点是新闻海量、迭代迅速。不同的用户对新闻资讯的需求不同，各式各样的移动新闻资讯客户端应运而生。各类门户层出不穷，知名大型门户网也在不断推出新的产品。 (2)内容短小、精致。移动设备的

22、特性，以及现阶段生活节奏的加快，精致、概括性强的新闻资讯更容易吸引用户的眼球。移动端的新闻资讯往往是通过缩减编辑后展现给用户的。(3)信息灵活多样。传统、单向的信息己经不能满足现阶段用户的眼球，不同的热点层出不穷。移动新闻必须适应这样变化，保持新闻信息灵活多样。1.2.2 跨平台移动应用发展现状国外在移动端跨平台开发领域方面起步较早，同时也有着相对完整的结构体系，在这种具有领先地位的研究以及企业级别应用中都是有所体现的。在2008年HTML_5草案的发布，是HTML_5新特性以及跨平台移动客户端研究开发提供了技术上的可能性。在这个基础之上国内以及国外有关于跨平台开发移动客户端方面做了大量的研究

23、。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 Mobi

24、le所开发的等等。基于HTML_5的跨平台应用开发目前在国外已经被广泛的应用，并且增长速度非常快，并且结构体系也在逐渐的进行完善，在今后多元化的移动客户端应用的发展中，跨平台应用也会占有一席地位的。最近几点，国内的开发移动客户端应用主要还是以原生的系统开发为主，但是在近两年内出现了大量的互联网公司，都在进行HTML_5跨平台上投入大量的研究。2014年6月在国内第一个开源的跨平台HTML_5前端的框架Amaze UI 发布。Amaze UI是以移动客户端优先为理念，从小屏幕慢慢的发展到大屏幕之中，最后达到了适应所有屏幕，致使互联移动。2013年XX公司也推出了自己开发的Light App，此应

25、用是一种不用下载，在浏览器中即搜即用的移动应用。事实上，其实基于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

26、 HTML5研究现状HTML_5技术自从诞生至今已有几年的时间了，在这几年的时间之中HTML_5的发展并不是非常顺利的，对于HTML_5应用需要从两个方面进行考虑，一方面认为今后的Web是HTML_5的主要发展市场，另一方面认为HTML_5的缺陷和实际应用中所保持的态度。最近几年HTML_5虽然有着一些缺陷，但是长远来看其发展还是有很大空间的。其主要能够体现在以下几个方面：HTML_5标准协议制度。在对HTML_5制定标准规范过程中，W3C组织的工作流程一般是：草案、最后修订、候选推荐、建议推荐、推荐。到2014年10月，W3C组织宣布这一项推荐标准规范完成，这表明经过几年的HTML_5的标准

27、规范制定完成。自2008年，工作草案的发布以来，很多的互联网公司对HTML_5进行研究开发，同时也出现很多的问题，并且能够及时的反馈出问题，致使HTML_5的规范标准逐步的走向完善。浏览器的支持情况，移动终端设备的浏览器市场和桌面的浏览器市场有着很大的不同之处，目前移动客户端主流的浏览器主要有Android Browse浏览器，Safari浏览器等都融入到HTML_5研究当中，同时他们所占的市场份额也在不断的增多。移动终端设备的浏览器对HTML_5的支持，是移动终端设备和HTML_5相互之间双赢的发展，都能得到有效的推广，同时浏览器也会使更多的用户对其青睐4。HTML_5对于移动设备系统开发平

28、台的访问能力还在不断的发展之中，目前与传统的互联网访问系统相比，还是有着很多的性能缺陷。但是由于移动设备硬件的快速更新换代，这个问题也随之被顺利的解决。比如2011年代2013年本人以及身边的同学就曾经使用过单核的_528M频率的G8、单核1G的Nexus One、双核1.2G的GalaxySII，现在则是4核1.6G的NoteII 等移动设备。各种各样的基于HTML_5的开源的框架、开发工具快速的出现，并且在其不断的发展之中逐渐的完善。除了较老的Sencha Touch9， PhoneGap、jQuery Mobile、LungoJS外，同时还出现了各种的Crafty, Cocos2d-ht

29、m15、limeJS、GameMake、Impact 等游戏的开发工具， Skeleton、GroundworkCSS、Gumby等应用程式的设计框架，大量的数据开发平台。通常的情况下技术是在不断的发展之中有需求的变化进步的，基于HTML_5的各个技术的发展同时也表示了HTML_5的需求也在不断的增多。目前国内的很多大型的互联网公司也都在进行HTML_5的研发当中，并且都推出了自己的移动平台。比如说XX公司的Web App平台C1oudA，Firefox的HTML_5平台Firefox OS，Intel的应用移植工具App Porter，任天堂的应用开发框架NintendoWeb Framew

30、ork等等。Fiash的开发商Adobe也在这上看到了HTML_5的发展前景，并放弃了本身Flash的移动客户端产品，快速的投入到了HTML_5开发之中，并推出了很多的基于HTML_5的开发工具，动画制作工具，可视化编辑器等。 Kendo UI公司曾经做过一个关于HTML_5的调查，根据此公司的调查数据表明，很多的Web开发者对于HTML_5的应用前景是持有乐观态度的，几乎所有的Web开发者已经使用或者说正在使用HTML_5技术。Appcelerator经过调查发现其得到的结果与Kendo UI公司调查的结果极度的相似。在国内HTML_5的技术也在成为研究的热点，开源的HTML_5也保持着相对

31、较好的人气。很多机遇HTML_5的应用也在潜移默化的融入到人们的生活之中。目前我们能够经常看到的应用主要有两种形式，一种是传统的互联网站实现移动化。其中XX地图就是推出了WAP版本，使用了HTML_5的新特性进行地图的定位功能。另外一种方式就是移动终端应用中融合HTML_5技术，比较有代表性的应用主要有淘宝、新浪等等。总而言之，HTML_5技术在不断的发展中进行完善，以后将会得到更进一步的发展以及应用。 1.3 本文研究内容 在本文中按照现阶段的内容管理方案的现状，提出了基于HTML5技术的移动内容管理系统的解决方案。本文主要从下面几个内容进行阐述的：（1）本文基于HTML5技术的跨平台移动客

32、户终端内容的实现展示。为了使移动平台特性能够满足用户要求，本文中提出了一种能够适应多种操作平台的移动客户终端风格Fin。并且针对移动客户终端和服务器端的数据交互，对跨平的实现作出了详细的介绍。（2）内容系统服务器端的分析和实现，按照内容管理服务器端，使用了较为轻量级的数据服务框架SSH，并且设计出响应式的界面管理程序，管理的人员能够经过不同的屏幕分辨率进行设备管理。（3）信息推送服务的分析以及实现。按照移动互联网的内容信息系统的现状，提出的主题用户推送策略，而且对于不用的客户端进行相对应的实现。 1.4 本文组织架构本文内容组织架构如下:第1章，绪论，介绍了当前移动内容管理方面的国内以及国外的研究现状研究背景以及意义，同时还介绍了基于HTML5跨平台研究的意义和背景。针对移动内容的管理系统，跨平台移动客户终端互联网和HTML5的研究现状逐步的进行分析，最后就是按照本文的研究内容和组织架构作出了阐述。第2章，对核心技术的分析，在本章中对于本文的核心的技术进行了系统的介绍和详细的分析，其中主要包含有对HTML_5的简介以及新特性分析，PhoneGap的原理机制分析，核心技术分析。第3章，移动客户端设计及实现，在本章中提出了跨平台移动客户端应用内容的风格展示Fin，其次又提出了