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

基于HTML移动终端平台推送信息系统设计与实现(完整资料）
(可以直接使用，可编辑 优秀版资料，欢迎下载）
题目:基于ＨＴML5移动终端平台推送信息系统设计与实现

摘要
目前，移动客户终端的开发设计正处于兴盛时期，当前的移动客户终端的操作系统种类较多，但是主要的操作系统主要有IOS和安卓系统两类，应用程序的开发者通常是需要对这些操作系统分别进行应用程序的设计，因此，跨平台移动技术的开发以及应用便成为了今日热门的研究对象，怎样能够有效的提高开发的效率就成为值得研究的课题.传统的开发程序中往往是需要对每一款操作系统分别进行开发，导致经常出现重复性的工作，因此利用Web平台进行跨平台性的中间件诞生,但是在性能上经常是有着一定的局限性。
跟随着目前互联网技术的不断发展，人们在信息获取的途径上也变得愈加丰富，移动客户终端以成为现如今人们生活信息的主要来源。怎么样能够高速有效的进行信心推送在移动客户终端上便成为了重要的研究方向。信息的推送技术早已存在，移动互联网以及智能移动客户终端普及之前，信息推送技术便已经应用在互联网PC个性化制定信息等业务环境中。IOS以及安卓操作系统都各自有着特有的推送机制。可是,如果使用跨平台的开发方式，目前对于移动客户端的信息推送机制怎么在跨平台框架中实现,使用统一的客户端服务器对各类的移动终端的操作系统进行信息的推送还是缺少相应的研究.
为使用户能在移动客户终端上有着较好的体验,本文提出了基于移动客户终端风格展示设计，此设计基于扁平化、相应式、流式布局的风格进行实现的,在技术上主要是是依靠CSS３和HTML5提供了多个的主题风格，服务器端以及移动客户终端相互之间使用了轻量级的数据格式ＪSOＮ.在设计中使用Ｗeb应用经过PhonｅGap和移动平台进行无缝连接。
　 在服务器端使用的是JavaEＥ框架框架技术，基于切面编程的思想进行设计整合，框架的构建中层次分明。内容管理系统中主要实现的功能是基于HTML5实现不同的页面相应，实现内容管理界面之间的全屏访问.信息推送服务主要是针对不同平台使用了不同的推送标方案，推送的策略主要是是基于用户和主题，用户能够制定出比较喜欢的主题，服务器端也能够按照用户的预览内容进行记录得到用户偏爱的主题，主动的向用户进行推送。

关键词:ＨTＭL_5、移动应用 、 推送系统、　 跨平台
Ａｂstraｃｔ
Ａt ｐrｅｓent,　thｅ　dｅvｅlｏpmｅnt and design ｏf thｅ mｏbiｌｅ　cliｅnt tｅrmiｎａｌ is in　a　perｉod　of ｐroｓperitｙ，　tｈe mobiｌe client　tｅｒmｉnaｌ　of the currenｔ ｏperating　ｓｙsｔｅｍ tｙｐｅｓ, bｕｔ the operaｔiｎg sｙstｅm　ｔｈere are　maｉnly two kiｎｄｓ ｏf IＯS ａnｄ Ａndrｏｉd systｅms, ａｐｐlicatｉon dｅvｅlopers ｏften neeｄ design inｔo the　apｐｌｉcａtion of these operatiｎg ｓyｓtem so thaｔ cross　plaｔforｍ mobiｌｅ　teｃｈnology　ｔhe developｍｅnt ａnd application　hａs　beｃome ａ hot researｃｈ oｂｊｅct of ｔoday， ｈow tｏ efｆeｃｔｉvely iｍprovｅ the efficieｎｃy ｏf ｄｅｖｅloｐmeｎt ｈas become ａ　ｔopic worthy ｏf study。 Thｅ traditｉoｎal developmenｔ　proｇram ｉs often rｅquired　for eａch operaｔｉng ｓyｓtem ｗｅre deveｌoｐed， leading to frequent ｒeｐeｔitive ｗoｒｋ，　so ｔｈe ｕse　of Weｂ plａtform　for crosｓ ｐlatｆorｍ middleware ｗas boｒn， ｂut　ｔhe perfｏrmance ｉs ｏftｅｎ lｉｍited。 　 　 　 　 　
With the　ｃontinuous ｄｅvelopment ｏf tｈｅ　Iｎteｒnｅt ｔecｈｎoｌogｙ, pｅople hａvｅ bｅcome moｒｅ and ｍｏre aｂｕndanｔ iｎ the way ｏf informａｔioｎ acquisition, and　ｔhｅ mｏbｉle ｃｌiｅnt tｅrminal　has　becoｍe the main sｏurce of peoｐｌe's life infｏｒmation。 Ｈow　ｔo effeｃｔiｖelｙ ｃaｒｒy　ｏuｔ tｈe coｎfidence in moｂilｅ ｃliｅｎt teｒminal has ｂecoｍｅ ａn ｉmｐortanｔ reｓeａrch diｒeｃｔiｏｎ。　Inｆｏｒｍation　ｐusｈ tecｈnoｌogy alreadｙ eｘists, ｂefoｒｅ ｔｈｅ ｐｏｐularitｙ ｏf mobile Intｅrｎeｔ　and　smart ｍobile cliｅｎt terｍiｎals，　informatｉon push tecｈnolｏgｙ has ｂｅen　ａpplieｄ in tｈｅ　Intｅrnet　ＰC ｐersoｎaliｚed inｆorｍation ａnd othｅr buｓinesｓ eｎvirｏnment. IＯS　ａnd Aｎdrｏiｄ opeｒatiｎg　systeｍs　hａvｅ　their ｏwn ｕniｑue push mｅchaｎisｍ。　However, if ｔhｅ uｓe oｆ cross　platform, ｔhｅ mobile　ｃlieｎｔ ｉｎｆｏrmaｔiｏｎ pusｈ meｃhaｎisｍ hｏｗ　to　ａchieve　cross plaｔfoｒm　ｆramｅwoｒk, the mobile ｔｅｒminal ｏpeｒating sｙstｅm　using　ａ ｕｎifiｅｄ ｃliｅnt servｅr for alｌ ｋinds of ｉnfoｒmatｉｏn puｓｈ or tｈｅ lａck　of　corｒespoｎding rｅｓｅarch。 　
As the ｕser caｎ have a　ｇood ｅxperience ｉｎ the mobilｅ ｃlｉent ｔerｍinal， ｔhｉs papｅr proposeｓ tｈe mobilｅ ｃlｉent tｅｒminａl ｄisplａy　stｙle desigｎ basｅd oｎ thiｓ ｄeｓigｎ, based on tｈe　ｆlat， ａｎd the corresｐonding flow ｌａｙｏｕｔ ｓtyle to　ａｃhiｅve， ｉｎ　ｔechｎologｙ ｉｓ maiｎｌy rely ｏn CSＳ３ ａnd　ＨTMＬ5 prｏvｉdeｓ ａ　number ｏf tｈｅmes, server and　the mｏbile ｃｌieｎt ｔermｉnal uses a ｌiｇhtｗeighｔ JSＯＮ　datａ formaｔ ｂｅtwｅen。　In ｔhｅ ｄeｓigｎ of the ｕse oｆ Wｅb ａppｌｉcaｔiｏns through　PhoneGａp and ｍobile platform fｏr　seaｍless conｎｅction。　　　 　
　Iｎ　ｔhe sｅｒｖｅr ｓide iｓ　the ｕse of ＪavaEE ｆramewoｒk ｔechnoloｇy, bａsed oｎ tｈe ｉdea of prograｍmｉng tｏ　ｃarry　ｏut the iｎtｅgrａtiｏn oｆ　design，　ｔｈｅ fraｍework ｏf ｔｈe conｓtruｃtｉｏｎ ｏf a　ｃｌear。 Content maｎagement systｅm tｏ achieve tｈｅ mａin ｆuｎctｉon is ｂａｓeｄ　ｏn HTＭＬ5 to achieve dｉfｆｅrｅnt　paｇｅｓ coｒresponｄing　to　achieｖｅ　ｆull　ｓｃreeｎ acceｓs bｅｔween the　cｏntent management　interfaｃｅ. Informａｔioｎ pｕsh　serviｃｅ　is mａinly for dｉfferent pｌａtｆoｒms ｕsinｇ　diffｅreｎｔ　standard pｕsｈ，　pusｈ sｔratｅgy is the　main ｔheｍe aｎｄ the　ｕsｅr　ｂａseｄ oｎ the ｕser can deveｌop　a　ｍoｒe love tｈemｅ， ｔｈｅ　seｒver can ｒeｃoｒd　uｓｅr prｅｆerences in　accordance with　the　theme　preｖｉew tｈe　cｏnｔｅntof ｔhｅ ｕser， ｔｈe　initiaｔivｅ to the uｓer puｓh． 　　 　
Keｙｗｏrds: HTMＬ_5, ｍｏｂilｅ apｐｌicaｔion,　ｐｕsｈ system， cross　pｌatform
目录
第一章　绪论7
1.１ 研究背景与研究意义７
1．2 国内外研究现状8
1．２。1 移动终端系统研究现状８
1.2.2 跨平台移动应用发展现状8
１。2.3 HTMＬ5研究现状９
１.3　本文研究内容10
1。4 本文组织架构11
第二章 相关核心技术介绍1１
２．1 HTML5技术介绍１1
2．1．１　HTＭL5　简介11
2。１.2 HTＭL５ 新特性１１
2．1.3　HＴML5　应用前景１2
2。2 ＰhoneＧaｐ介绍１3
2。3 JaｖaEE技术14
2。4　本章总结16
第三章　移动客户端设计及实现１7
3。1　移动端风格设计17
3.2 移动端内容展示设计2１
３。3 数据交互的实现２6
3。3．1 JSＯN数据格式26
3。3．2 客户端跨域请求方案２7
3．4 基于PｈoneＧap跨平台移动端实现2９
3。4。1 ＰhｏneGap平台构建29
３．4。2 PhoｎeGap跨平台应用3１
３.5 本章小结32
第四章 推送系统设计和实现3２
4。1 系统服务端设计实现32
4。1。1 表现层设计与实现32
４．1.２　业务逻辑层设计与实现３4
４.1。3　持久层设计与实现35
４。2　内容管理系统设计与实现36
4.3 管理界面设计41
4。３．1　管理界面设计分析4１
４。３。2 管理界面设计风格42
4．３．3　管理界面响应设计４3
4.４　本章小结45
第五章　推送服务设计45
5.1 推送信息技术分析及设计４６
５.1.1 安卓系统推送４6
5．１.２ IOS系统推送47
5.2 推送信息策略分析47
５．３ 推送信息服务的实现48
５.３．1 推送信息流程48
5。3．２ 推送信息服务核心程序４９
5．4 本章小结50
第六章 总结与愿望51
6。１ 本文总结5１
６.2 研究展望51

第一章 绪论
１。１ 研究背景与研究意义
当今国内的互联网行业的发展呈现出全新状态，传统形式的互联网已成饱和趋势,而正在崛起的正式发展飞速的移动互联网。根据前瞻产业研究院所公布的数据显示，目前在国内使用移动客户端进行互联网访问的用户已经超过五亿。而且随着移动终端设备的迅速增加，产品成本不断降低，wｉfi无线网络的覆盖面积逐渐增加，移动终端设备持有率将会极速上升.在这样互联网格局改变的形势下，人们在获取互联网信息的方式也在跟随着发生该变.在传统的互联网时代,人们上网的形式多数都是通过PC计算机客户端进行对预览信息以及门户网站获取最新的时事新闻信息[1］。但是在当下,人们可以通=通过移动客户端轻松地随时获取互联网的时讯新闻,这与互联网自身具有的特点有着不可分割的关系。移动终端设备的携带方面性、移动性能强的特点,使用户能够通过终端设备轻松方面的随时获取有效信息,时讯新闻等.因此本文目标是开发出一款基于移动客户端的内容管理系统，给用户提供出便捷、灵活的获取信息和新闻的方式.
对于传统的内容管理系统，移动客户终端内容管理系统在开发上有着自身的难点，其原因是由目前移动设备的结构状况决定的。目前互联网移动设备的种类很多,出现多种系统平台共同存在的局面。使用较多的有IOS系统、Ａndroid系统、Wiｎdow Mｏbｉle系统都是基于不同的技术实现的,但是开发一款面向多系统兼容的移动客户端内容管理平台需要对每一个系统平台进行分别开发,因此就会大大的降低了开发工作的效率。针对以上问题，经过翻阅大量的文献资料研究以及分析,决定选用基于HTＭL＿５技术的Web　App方式进行本系统的开发，HＴＭL_5的多种新的特性能够有效的解决面对跨平台开发瓶颈的问题，致使移动客户端内容管理系统能够快速、高效的实现系统开发.相对于当今比较流行的Ｎatｉve的开发方式,此移动终端内容管理系统的实现具有以下方面的优势：
跨平台方面，同一个应用程序，经过一次开发，能够在各个平台兼容运行.传统的系统开发方式的移动内容管理系统，需要针对每一个系统平台进行分别的开发。当下移动终端市场中的多种平台共同存在，除了上文提到的IOS系统、Ａｎdroid系统、Windｏows Ｐhoｎe系统，还有黑莓系统等等。移动终端系统内容管理要想在多个平台兼容运行,需要开发出多个应用程序针对每个系统平台。但是采用基于Wｅb方式开发的移动端内容管理系统便能够在不同的系统平台中兼容的运行［2].
　 系统云端的升级，使用原生的移动系统移动内容管理系统中，有着缺陷，就是在程序发布的时候相对繁琐。程序发布时,不仅是对一个应用程序的修改，还要对更新版本的移动终端内容管理系统上传到这种的应用商店中。比如IＯS系统中的应用程序需要先上传到苹果公司专用的App Store平台中,但是苹果公司会对此移动应用的上传进行审核，这期间造成很多的不便.如果此应用程序存在着漏洞，进行重新修改的话，程序重新的发布会更加的繁琐。相比之下，云端的升级系统减少了这些缺陷，仅需要在服务器端进行更新，所有的使用者就能够查到最新的版本.大大的减少了工作量。

但是目前的ＨTＭＬ_5在移动客户端的开发中的技术并不是很成熟的，在该系统开发过程中，还是存在着以下几方面的挑战。
（１）性能的问题,致使基于Web访问方式开发的移动客户端内容管理系统性能差的原因有多个,如本身开发技术问题、移动终端的硬件设备问题、浏览器的解析问题。现在Web开发的性能上与nａtive技术相比较有一定的差距，随着移动设备产品的更新换代，移动设备的硬件和浏览器的解析问题也在逐渐的消失。同时随着技术的快速升级,轻量级、性能较好的HTML_５框架将会出现，自身的开发技术也在科技快速发展的今天也能顺利的解决。
(2)移动终端设备以及浏览器的差异性，目前移动终端设备的制造生产商，浏览器的开发商已经对HTML＿５的支持还没有完全的形成统一的协议标准,其产品对HTML＿５的支持程度也有着不同.这就对于基于HTML_5开发系统客户端内容管理系统的研发带有着一定的挑战.
(3)缺乏统一的实现标准,除了上文提到的移动设备，浏览器的差异性，其致使基于HTMＬ_5移动客户端开发的主要问题是没有统一的Ｗeｂ App实现标准。现在移动终端设备领域系统的多平台性，针对不同的平台需要设计不同的风格，用户能够更加习惯的当前设备的交互，市场上Ｗeb应用也在迅速的发展增加,使用者也会习惯于Weｂ应用的交互习惯。
　 经过上述的介绍，HTML_5开发的移动客户端的内容管理系统有着较好的跨平台性，能够在很大程度上减少项目开发时为不同的操作系统版本匹配的工作量。然俄日性能较差，使用者体验不能够满足的缺陷，在本文中设计的一个基于ＨTMＬ＿5移动客户端跨平台内容管理系统,在一定的程度上能够改进系统的性能，保证其轻量级、跨平台、高性能的特点。

１．2 国内外研究现状
１．2．１ 移动终端系统研究现状
　　随着移动互联网的普及，网民更趋向于通过移动互联网获取新闻资讯［f６l。现在移动
内容管理系统的主要形式新闻资讯客户端和移动新闻门户网,新闻内容管理仍是通过
Web的方式.现在移动智能领域的移动应用使用排行中,新闻资讯应用仅次于即时通讯
应用。而移动网站的访问排行的,新闻门户网仅次于移动搜索网站.网民现在更习惯通
过移动互联网获取新闻资讯，这与移动互联网对新闻传播方式密不可分.移动互联网对
新闻资讯的传播高效、及时、迅速,新闻内容丰富多样。且对用户针对性强,方便用户
互动交流。现阶段移动新闻资讯客户端以及移动门户主有以下特点:
　　 (1)内容丰富、特色。现阶段互联网新闻信息特点是新闻海量、迭代迅速。不同的
用户对新闻资讯的需求不同，各式各样的移动新闻资讯客户端应运而生。各类门户层出
不穷，知名大型门户网也在不断推出新的产品。
　　（2）内容短小、精致。移动设备的特性,以及现阶段生活节奏的加快,精致、概
括性强的新闻资讯更容易吸引用户的眼球。移动端的新闻资讯往往是通过缩减编辑后展
现给用户的。(3）信息灵活多样。传统、单向的信息己经不能满足现阶段用户的眼球，不同的热点层出不穷。移动新闻必须适应这样变化,保持新闻信息灵活多样。
1.2．2 跨平台移动应用发展现状
国外在移动端跨平台开发领域方面起步较早，同时也有着相对完整的结构体系，在这种具有领先地位的研究以及企业级别应用中都是有所体现的。在2008年HTML_５草案的发布,是HTML_5新特性以及跨平台移动客户端研究开发提供了技术上的可能性。在这个基础之上国内以及国外有关于跨平台开发移动客户端方面做了大量的研究.PhoｎeＧap 1．0产品于2011年7月底发布.其目的是让开发者能够使用传统的Web技术开发；HTＭL_５、Javａscript、ＣSＳ开发支持不同的平台的移动终端应用程序,开发者能够通过Ｗｅb ＡPＩ接口调用手机系统中核心功能，比如,照相机、GPＳ、文件、加速器、联系人等等。其目前已经支持市场中常见的智能手机系统,Andｒoid系统、iｏs系统等［３］。另外,PhｏnｅGａp还提供了丰富的插件功能以供开发者进行调用。随着ＨＴML＿5技术的快速发展，国外出现了大量的基于HTＭＬ_5移动应用框架，例如EXT框架团队所开发的Ｋendo ＵI,Ａｐｐfｒａmework是基于 jＱuery Ｍoｂｉｌｅ所开发的等等。基于HTMＬ_5的跨平台应用开发目前在国外已经被广泛的应用,并且增长速度非常快，并且结构体系也在逐渐的进行完善，在今后多元化的移动客户端应用的发展中,跨平台应用也会占有一席地位的。
最近几点，国内的开发移动客户端应用主要还是以原生的系统开发为主，但是在近两年内出现了大量的互联网公司，都在进行ＨTMＬ_５跨平台上投入大量的研究。２0１４年6月在国内第一个开源的跨平台HTML_５前端的框架Amａze　ＵI 发布。Amaze UI是以移动客户端优先为理念，从小屏幕慢慢的发展到大屏幕之中，最后达到了适应所有屏幕，致使互联移动.2０１３年百度公司也推出了自己开发的Lighｔ Apｐ，此应用是一种不用下载，在浏览器中即搜即用的移动应用。事实上，其实基于HTML_5的APＰ Ｗeb化,功能是用户在其官方网站首页中点击某个连接，就能够进入到HTMＬ_５应用之中,或者进入ＷEＢ站。此外一些是完全基于HTML_5的应用如天气应用sun 、DailyCoｓt等等，在其性能以及体验上表现都比较好。
总而言之,跨平台的移动终端应用，其市场前景相对较好，但是基于HTMＬ＿5的Ｗｅｂ Apｐ　还是不够成熟,在今后两三年中Wｅｂ　App所占的市场份额会逐渐上升。然而Ｎative Ａpp也不会退出市场，将会形成相互共存的时代，随着HTＭL_5的发展,Wｅb Apｐ也会有着进一步的发展空间。

１.2.３ ＨTＭL５研究现状
HＴML_5技术自从诞生至今已有几年的时间了，在这几年的时间之中ＨTML_5的发展并不是非常顺利的,对于HＴML＿5应用需要从两个方面进行考虑，一方面认为今后的Web是HTＭL_５的主要发展市场，另一方面认为HTML_5的缺陷和实际应用中所保持的态度。最近几年HTML5虽然有着一些缺陷，但是长远来看其发展还是有很大空间的。其主要能够体现在以下几个方面：
ＨTML_5标准协议制度。在对HTML_5制定标准规范过程中，Ｗ３C组织的工作流程一般是:草案、最后修订、候选推荐、建议推荐、推荐。到2014年10月，W3C组织宣布这一项推荐标准规范完成，这表明经过几年的HTMＬ_5的标准规范制定完成。自2008年，工作草案的发布以来,很多的互联网公司对ＨTMＬ_5进行研究开发，同时也出现很多的问题,并且能够及时的反馈出问题，致使HTML＿5的规范标准逐步的走向完善.
浏览器的支持情况,移动终端设备的浏览器市场和桌面的浏览器市场有着很大的不同之处,目前移动客户端主流的浏览器主要有Androｉd Browsｅ浏览器，Sａfari浏览器等都融入到HTＭL＿５研究当中,同时他们所占的市场份额也在不断的增多。移动终端设备的浏览器对HTML_５的支持，是移动终端设备和ＨＴML_5相互之间双赢的发展，都能得到有效的推广，同时浏览器也会使更多的用户对其青睐［4]。HTML_5对于移动设备系统开发平台的访问能力还在不断的发展之中,目前与传统的互联网访问系统相比，还是有着很多的性能缺陷.但是由于移动设备硬件的快速更新换代,这个问题也随之被顺利的解决.比如201１年代20１3年本人以及身边的同学就曾经使用过单核的_52８M频率的G8、单核1G的Nexｕs One、双核1.２Ｇ的ＧａlａxySII，现在则是４核１．６Ｇ的NｏteII 等移动设备。
各种各样的基于HTML_5的开源的框架、开发工具快速的出现，并且在其不断的发展之中逐渐的完善.除了较老的Sｅｎcha Touch9, ＰｈoneＧap、ｊQueｒy Mobiｌe、ＬunｇoJS外，同时还出现了各种的Craｆtｙ, Ｃocｏｓ2d—ｈtm１5、limeＪS、ＧａｍeMake、Imｐaｃt　等游戏的开发工具,　Skeｌeｔｏｎ、ＧroundｗorｋCSS、Gumby等应用程式的设计框架，大量的数据开发平台。通常的情况下技术是在不断的发展之中有需求的变化进步的，基于HTMＬ_5的各个技术的发展同时也表示了ＨＴＭL_5的需求也在不断的增多。目前国内的很多大型的互联网公司也都在进行HTＭL＿5的研发当中，并且都推出了自己的移动平台。比如说百度公司的Web Aｐｐ平台C1ｏｕdＡ，Ｆｉrefox的HTＭL＿５平台Fｉｒeｆｏx OS，Inteｌ的应用移植工具Ａpp Porter，任天堂的应用开发框架ＮintenｄｏWeb Fｒameｗork等等.Ｆiash的开发商Ａdobe也在这上看到了HTＭL＿5的发展前景,并放弃了本身Flasｈ的移动客户端产品，快速的投入到了HTＭL_5开发之中,并推出了很多的基于ＨTML＿5的开发工具,动画制作工具，可视化编辑器等。
Ｋenｄo UI公司曾经做过一个关于HＴMＬ_5的调查,根据此公司的调查数据表明,很多的Web开发者对于ＨTML_5的应用前景是持有乐观态度的，几乎所有的Weｂ开发者已经使用或者说正在使用HTML_5技术。Aｐpcelｅrａtor经过调查发现其得到的结果与Kenｄo　UＩ公司调查的结果极度的相似.在国内HTML＿5的技术也在成为研究的热点，开源的HTＭＬ_5也保持着相对较好的人气。很多机遇HＴML_５的应用也在潜移默化的融入到人们的生活之中。目前我们能够经常看到的应用主要有两种形式,一种是传统的互联网站实现移动化。其中百度地图就是推出了ＷAP版本,使用了HTML＿5的新特性进行地图的定位功能。另外一种方式就是移动终端应用中融合HTMＬ_5技术，比较有代表性的应用主要有淘宝、新浪等等.
总而言之，ＨTML＿5技术在不断的发展中进行完善,以后将会得到更进一步的发展以及应用. 　

1。3　本文研究内容
　 在本文中按照现阶段的内容管理方案的现状，提出了基于HTML５技术的移动内容管理系统的解决方案。本文主要从下面几个内容进行阐述的:
（1） 本文基于ＨＴＭL5技术的跨平台移动客户终端内容的实现展示.为了使移动平台特性能够满足用户要求，本文中提出了一种能够适应多种操作平台的移动客户终端风格Fin。并且针对移动客户终端和服务器端的数据交互，对跨平的实现作出了详细的介绍。
（2） 内容系统服务器端的分析和实现，按照内容管理服务器端，使用了较为轻量级的数据服务框架ＳＳH,并且设计出响应式的界面管理程序，管理的人员能够经过不同的屏幕分辨率进行设备管理。
（3） 信息推送服务的分析以及实现.按照移动互联网的内容信息系统的现状,提出的主题用户推送策略，而且对于不用的客户端进行相对应的实现。

1.4 本文组织架构
本文内容组织架构如下：

第1章，绪论,介绍了当前移动内容管理方面的国内以及国外的研究现状研究背景以及意义，同时还介绍了基于HTML5跨平台研究的意义和背景.针对移动内容的管理系统,跨平台移动客户终端互联网和ＨTMＬ5的研究现状逐步的进行分析，最后就是按照本文的研究内容和组织架构作出了阐述。
第2章，对核心技术的分析,在本章中对于本文的核心的技术进行了系统的介绍和详细的分析,其中主要包含有对HＴMＬ_5的简介以及新特性分析,PｈoneGap的原理机制分析,
核心技术分析。
第3章，移动客户端设计及实现，在本章中提出了跨平台移动客户端应用内容的风格展示Ｆｉｎ,其次又提出了服务器端和轻量级的移动客户终端进行数据交互实现方式，最后做出了移动平台和Web App进行无缝连接的解决方案。

第4章，推送系统设计和实现,对于内容关系的服务，做出了一种高扩展以及低祸合等客户服务器端架构。与此同时,对内容管理系统的对象实现模型进行了详细的分析和实现，设计出面对多种屏幕的设备响应式内容管理界面。

第_５章，推送服务设计,在本章中进行了信息推送的分析，并且提出解决方案以及相应的推送政策。
第６章，总结与展望。对全文进行了全面性的总结,并根据现在发现趋势提出了针
对以后发展的设想。
第二章 相关核心技术介绍
2.1　HTMＬ5技术介绍
2。1。１　ＨＴＭL5 简介
HTML是英文HｙpeｒTeｘt Mａrkup Lａnguage的缩写,就是超文本标记语言,是网页所构成的文本标签的组合。HTML_5是ＨTMＬ的下一代的标准，ＨTML_５是从广义上讲的，其实它是包含有CSS3、ｊaｖａＳcript、ＨTＭL_５等在内的一套完整的Web开发技术组合。
2．1．2 HTＭL５　新特性
HＴML＿５基于HTML原有的标准上解决了很多的实际问题,并且做出了很多方面的改进，集成了 SＶG技术内容,而且增加了各种的特色标签以及ＡPI，使HTML_5具备很多比较实用的新鲜的功能特点.
1. 地理位置
HＴML_5技术新增加了Ｇeｏｌｏｃaｔion ＡＰI，可以使程序编程人员能够在取得程序权限的情况下顺利的获取到浏览器使用者的全时的地理方位信息,允许程序开发人员在这个基础之上给使用者提供更多的人性化的服务,例如说LBＳ的相关服务等.
2.　数据存储
在使用HTML_5技术之前,很多的用户客户端数据主要的存储方式是以Flａsh插件或者是coｏkie，但是以Flash插件为存储方式的数据需要基于第三方插件的基础之上，而cookie储存的方式对存储的数据量有着很大的限制，因此以上两者都不是理想的数据存储方式。
HTML_5所推出的新的数据存储方式主要有本地数据存储以及Web ＳQL数据库存储方式,这两种存储方式具有存储空间较大,并且存储空间相对独立，接口丰富便捷等特点。Wｅb SＱL数据库方式是将所要存储的数据已云数据库的形式进行存储的，使用SＱL数据库进行数据的增加修改删除等操作；本地存储的方式主要是数据建值对的方式进行存储的,一般有Session Sｔｏrage和Loｃaｌ Stｏｒage两种，Sesｓｉon Storage仅能用于一次的临时对话存储，Lｏcal Sｔorage则能够用于永久的数据保存。
3.多媒体播放
　 〈ML_5中增加了各种各样的新标签功能。比如：〈ｆooter＞、＜hｅaｄer>等等标签的出现，放弃了基于传统的HＴML标准下的〈div〉标签的通哟欧诺个表现形式,使得网页中的标签在名称上具有更加丰富的语境，更加具体的描述，并且程序代码的可读性较高。新标签的诞生在一定程度上化简了网站的开发，同时方便了程序员在开发中对网站创建的过程。
2。1.３ HＴML5 应用前景
HTMＬ＿5相比于上一代的HTＭＬ标准在其性能以及功能上都有较为明显的提高，新增加了很多的功能特性，虽然现在HTML_5还存在着一些明显的不足和缺陷，但是在应用前景方面仍然还有很多的空间.首先，在移动端的开发研究方面,各个移动应用系统平台下的浏览器对于HTML_5的支持程度明显的较高，而且还在不断的提高中,因此移动端的网络应用现状在很大程度上能够得到有效的改善。其次，基于HＴＭL＿5技术，能够对现在的操作系统内容进行独有的创新,用户可以通过Weｂ Aｐp的形式进行App的获取，并且不用再在本地下载安装，比如:Gｏoｇle的Chromｅ　OＳ等。最后HTＭL_5技术具有的先天性的跨平台优势,随着Ｗeb技术应用的功能以及性能上的不断提高，互联网云计算技术的快速发展以及日益增大，ＨTMＬ_5技术的跨平台应用优势将会有很大程度上的发展空间。
2．2 PｈoneGap介绍
1. ＰｈoneGaｐ移动开发框架介绍
伴随着移动互联网高度信息化的快速发展，市场中出现的移动终端智能化操作系统也随之增多。自从2007年美国的苹果公司发布第一代明星级别的移动终端设备Iｐhone,此设备是基于IOＳ操作系统，之后愈来愈多的基于智能操作系统的移动终端设备如雨后春笋般的出现.然而当时的互联网巨头谷歌公司也在其后于2008年发布了基于Linux内核的开源的智能移动终端设备操作系统，就是现在的安卓系统［５]。因为安卓操作系统具有免费性和开源性的特点，致使很多的手机生产制造商以及移动通信运营商也都在争取加入到以谷歌公司为主要导向的开放式手持设备联盟当中,他们共同出资投入技术性人才进行对安卓操作系统的开发以及改进。随着安卓操作系统的快速崛起，移动智能终端设备领域开始了飞速的发展模式，同时智能手机使用者也在呈阶梯式的增长。之后，美国微软公司也发布了旗下的智能手机，此手机是基于Windｏws　Ｐｈｏnｅ为操作系统，黑莓公司也发布了B１aｃｋBerry OS智能手机,诺基亚发布了MｅｅGｏ操作系统的智能手机,韩国三星公司也发布了基于Ｂ adａ操作系统的智能手机。正在众多公司都在发布具有自己操作系统的智能手机的同时,出现了一个对于手机应用开发的程序员面前的难题，就是他们所开发的一款应用程序需要针对于每种操作系统都要重新开发设计,这样才能实现对所有移动终端设备的全部覆盖，然而面对于基于各种不同操作系统的应用程序在其程序开发过程中的开发环境以及开发语言都是有着很大程度上的不同.比如：要想开发安卓操作系统的应用程序,需要开发程序人员掌握Java语言，而Wｉnｄoｗs Moｂilｅｙinｇ用程序的开发者们需要掌握的是Wｉndｏws系统下所用到的Ｃ#语言,然而要想开发IOS系统下的应用程序，开发人员们需要掌握Mac OS　Ｘ系统下的O句ecｔive-C语言。这就给想开发出一个应用程序的又覆盖所有的智能手机操作系统来说是十分艰难的问题,同一个应用程序需要兼容各种不同操作系统下的版本，这样的开发效率很低，并且费时,费力。
这时软件开发界出现了一个叫做PhoｎeGaｐ框架的应用，此应用是针对程序开发人员提供的一个软件多个操作系统兼容的问题,达到能够一次程序的编写就能够全部兼容的目的,很好的满足了程序开发人员的需求。
PhonｅGap框架是基于ＣSS、JａvaＳcｒipt、HＴML等Web技术所创建的跨平台的应用程序开发框架.2００９年由Ｎｉtｏbi公司最先发布出的可以通过本地应用程序进行开发语言和Web浏览接口之间的关联,实现了采用Weｂ技术进行程序的开发,并且封装成为能够跨平台使用的应用程序，目前已经被Adｏbｅ公司收购。
现在，PhoneGap框架所开发出的应用程序已经可以兼容市场上多数的移动客户端智能操作系统的手机。基于ＰｈoneGap框架所开发编制出的应用程序经过各个操作系统平台上进行编译然后所生成的具有独立性的安装程序之后,能够得到与原生开发的应用之间差距很小的用户体验.程序开发人员也能通过PhoneGap所提供的API进行无差异的调用，运行在不同操作系统中的硬件功能,软件功能包括　：振铃、摄像头、话筒、听筒、地理位置等等。
在使用PhoneGａp框架编写智能手机终端应用程序时，所用到的主要技术有CSＳ、ＨTML和JavａＳｃriｐt等，CSS技术和 HTML技术在最近几年都是有比较明显的发展，特别是CSS 3和HTML _５技术的提出以及不断的发展和完善,并且出现了很多新的特性,比如HTＭL _5中的ｃanvas画布,离线应用、websockeｔ APＩ以及geolocａｔion AＰI,CSS　3　中全新增加的各种各样的选择器，都在一定程度上丰富了程序开发人员基于PhoneGaｐ框架进行开发选择。
2．ＰhoneGap框架开发的有点
PｈoneGａp框架是一款非常优越的跨平台应用，其优点主要有以下几个方面:
（1） 免费、开源：PhoｎeGａｐ是完全开源的系统开发框架，任何人都可以通过互联网进行免费的代码获取。
（2） 协议的标准化：PhoｎeGａｐ框架采用的是W３C标准化技术.
（3） 方便维护：基于PhoneＧaｐ框架开发的应用程序在不同的操作系统平台上都有一套基于Web的程序代码进行实现,以便程序的开发以及系统的升级。
（4） 跨平台能力强：PhonｅＧap框架支持安卓系统、IOＳ系统、Ｗｉnｄoｗs Phoｎe系统、Blａckberry OS系统等移动平台，能做到对其“ruｎ evｅｒywhere，wrｉｔe oｎce”,能够有效的提高应用程序开发效率。

3。PhｏneGａp移动开发框架运行机制

经过使用PhｏneGａp框架对移动客户端的应用程序开发一般有以下三大步骤:
首先,选用JaｖaＳｃｒipt、CＳS　3、HTMＬ _5等Wｅb技术进行移动客户端应用程序编写，然后选用ＰhoneGap框架对已经编写好的代码进行统一封装:最后，将封装好的程序代码进行打包，然后能够生成兼容各个智能操作系统平台的安装文件。