移动互联网技术与应用第四章移动互联网应用技术课件.pptx

1、第四章第四章 移动互联网应用技术移动互联网应用技术1 移动移动Widget技术技术 移动移动Mashup技术技术 移动移动Ajax技术技术 云云计算技术计算技术 边缘计算技术边缘计算技术21.移动移动Widget技术技术u 移动Widget概述Widget可以看作运行于浏览器界面之外的定制Web页面，每一个Widge都是面向具体的轻量级任务。Widget作为一种特殊的“网页”，正在改变互联网的访问方式。随着移动网络日益宽带化及移动互联网的迅猛发展，移动增值业务呈现出以下趋势：业务融合方面；业务体验方面；业务运营方面；价值链方面；运营商驱动力方面。31.移动移动Widget技术技术u 移动Wid

2、get概述移动Widget的特点：开发难度小架构合理可扩展性强可移植性强充分占用屏蔽资源41.移动移动Widget技术技术u 移动Widget概述 移动Widget技术规范：一个典型的移动Widget可分为五个基本的技术层面。如图4.1所示W3C规定的Widget技术规范，包括封装部署、元数据和配置、脚本和网络链接、用户界面和权限、表现和行为逻辑。51.移动移动Widget技术技术u 移动Widget概述图4.1 W3C 规定的Widget技术规范61.移动移动Widget技术技术u 移动Widget概述移动Widget标准：W3C Widget标准BONDI Widget标准JIL Widg

3、et标准71.移动移动Widget技术技术u 移动Widget工作原理 Widge是在互联网/移动互联网环境下运行于终端设备上的一种基于Web浏览器/Widget引擎的应用程序，其框架规范体系如图4.2所示，由硬件层、引擎层和核心架构层组成。81.移动移动Widget技术技术u 移动Widget工作原理图4.2 Widget架构规范体系图91.移动移动Widget技术技术u 移动Widget工作原理硬件层：包括目前主流的互联网接入设备，如手机智能设备、MID、上网本等。该层的范围主要取决于上层引擎层的跨平台能力。引擎层：Widget的运行环境，它负责Widget展现以及同操作系统的沟通。核心架

4、构层：Widget的架构组成101.移动移动Widget技术技术u 移动Widget工作原理核心架构层的架构及标准：超文本传输协议（HTTP）统一码（Unicode）通用资源标识符（URI）资源：Widget用到的资源统称文档对象模型（DOM）可扩展标记语言（XML）ECMAScript：由欧洲计算机制造商协会（ECMA）通过ECMA-262标准化的脚本程序设计语言111.移动移动Widget技术技术u 移动Widget工作原理核心架构层的架构及标准：级联样式表（CSS）XML HttP Request：Ajax技术体系中最为核心的技术Widgets API：Widget引擎提供的API超文本

5、标记语言（HTML或Proprietary XML）配置文件：记录该Widget的信息Media Type：媒体类型Packaging Format：打包格式121.移动移动Widget技术技术u 移动Widget工作原理Widget引擎自下而上分为4层结构，其模型图如图4.3所示。图4.3 Widget引擎参考模型131.移动移动Widget技术技术u 移动Widget工作原理Widget引擎分为四层：系统能力封装层：用于封装终端或运行机系统能力和运行库。访问控制层：对Widget引擎访问终端系统资源提供访问控制功能。Web运行环境层：提供HTML、XML、CSS的解析渲染功能及执行脚本的解

6、释功能。Widget应用管理层：提供Widget在终端上的管理功能。141.移动移动Widget技术技术u 移动Widget应用移动 Widget应用模式：移动Widget 业务一般分成本地应用和网络应用。图4.4 网络侧的应用模式151.移动移动Widget技术技术u 移动Widget应用Widget 形式的移动增值业务体系分为网络侧、终端侧以及 Widget 应用运营平台。运营商移动Widget业务实现的关键点：用户方面开发者方面电信网络方面161.移动移动Widget技术技术u 移动Widget应用移动Widget应用分类：本地应用联网应用移动终端特色应用运营商特色应用171.移动移动W

7、idget技术技术u 移动Widget应用移动 Widget 应用中的关键技术：基本框架：移动Widget应用架构图如图4.6所示具体技术：HTTP、HTML、CSS、JavaScript、Ajax181.移动移动Widget技术技术u 移动Widget应用图4.5 客户端移动Widget应用架构示意图191.移动移动Widget技术技术u 移动Widget应用图4.6 端到端的 HTTP 连接过程示意图 HTTP（超文本传输协议）是一个应用级端到端的网络通信协议，它的基本特征是具备通用性质和无状态属性。202.移动移动Mashup技术技术 Mashup 是一个整合不同来源的内容以提供统一集成

8、化体验的Web站点或应用程序。具体在技术上来说，Mashup可以是一个网站或是一个网络应用程序，透过混合搭配不同来源间的内容或信息而创造出来的一种全新服务。Mashup体现了信息的交互与共享，具有鲜明的Web2.0特征。u 移动Mashup的概述212.移动移动Mashup技术技术移动Mashup特征：对系统平台的需求方面对新功能增加、新特性的扩展方面底层集成技术支撑方面展现层支持方面u 移动Mashup的概述222.移动移动Mashup技术技术移动Mashup分类：表现层Mashup（PresentationMashup）客户端数据Mashup（Client-side Data Mashup

9、）客户端软件Mashup（Client-side Software Mashup）服务器端软件Mashup（Server-side Software Mashup）服务器端数据Mashup（Server-side Data Mashup）u 移动Mashup的概述232.移动移动Mashup技术技术 传统的Mashup系统由三个部分构成：Mashup内容提供者、Mashup服务器和用户的Mashup浏览器，如图4.7所示。u 移动Mashup工作原理图4.7 移动Mashup体系结构242.移动移动Mashup技术技术内容提供者：提供用户所需的数据服务器：聚合各个Mashup内容提供者提供的数

10、据用户浏览器：最终聚合完成的数据展示给用户，并承担用户的交互性工作。u 移动Mashup工作原理252.移动移动Mashup技术技术Mashup数据融合模式可以分为两种：服务器端Mashup：指数据聚合逻辑发生在服务器端，客户端访问Mashup服务器来获取所需数据。客户端Mashup：指客户端直接调用Mashup内容提供者的API获取所需数据，并在客户端完成资源的聚合，同时把最终的数据呈现给用户。u 移动Mashup工作原理262.移动移动Mashup技术技术u 移动Mashup工作原理图4.8 服务器Mashup机制272.移动移动Mashup技术技术u 移动Mashup工作原理图4.9 客

11、户端Mashup机制282.移动移动Mashup技术技术资源获取方式：Web Feed 方式公共接口API方式REST协议方式屏幕抓取方式u 移动Mashup工作原理292.移动移动Mashup技术技术移动Mashup应用领域：基于位置的 Mashup应用：紧急救援、移动导游业务、地域广告、老人儿童监护。收费组件 Mashup应用：主要通过移动网络的计费功能，对互联网上的业务进行代计费；可以把 Mashup 生成的内容、互联网的内容以及现有移动网络的通信能力、业务应用相结合，产生更加丰富的 Mashup 应用。u 移动Mashup应用302.移动移动Mashup技术技术移动Mashup应用中存

12、在的问题：用户数据安全网络安全鉴权体系计费策略u 移动Mashup应用312.移动移动Mashup技术技术移动Mashup应用中的关键技术：Web协议：REST和SOAP屏幕抓取（Screen Scraping）RSS和Atomu 移动Mashup应用323.移动移动Ajax技术技术移动Ajax技术：是一种创建交互式应用的网页开发技术。主要包括下列内容：使用XHTML+CSS来表示信息。使用JavaScript操作DOM（文本对象模型）进行动态显示及交互。使用XML和XSLT进行数据交换及相关操作。使用XMLHttpRequest对象与Web服务器进行异步数据交换。使用JavaScript将W

13、eb的各种技术绑定在一起。以XML的格式来传送方法名和方法参数。u 移动Ajax概述333.移动移动Ajax技术技术 Ajax与传统Web方式相比，相当于在用户和服务器之间加了一个中间层，使用户操作与服务器响应异步化，如图4.10所示。u 移动Ajax概述343.移动移动Ajax技术技术u 移动Ajax概述图4.10 传统模式（左）和Ajax（右）模式工作流程的比较353.移动移动Ajax技术技术移动Ajax技术的特点：Ajax的核心理念在于使用XMLHttpRequest对象发送异步请求。Ajax包含：可扩展超文本标记语言（HTML/XHTML）层叠样式表（CSS）文档对象模型（DOM）可扩

14、展标记语言（XML）可扩展样式表语言转换（XSLT）XMLHttpRequest JavaScriptu 移动Ajax概述363.移动移动Ajax技术技术移动Ajax技术的优点 减轻服务器的负担 无刷新更新页面，减少用户心理和实际的等待时间。带来更好的用户体验。可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。可以调用外部数据。基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。进一步促进页面呈现和数据的分离。u 移动Ajax概述373.移动移动Ajax技术技术移动Ajax技术存在的问题：一些手持设备（如手机、PDA等

15、）现在还不能很好地支持Ajax。对流媒体的支持没有Flash、Java Applet好。Ajax技术的使用要适可而止，不可泛滥使用。u 移动Ajax概述383.移动移动Ajax技术技术移动Ajax体系结构 （1）传统Web应用 （2）Ajax应用移动Ajax开发模式Ajax工作流程u 移动Ajax工作原理393.移动移动Ajax技术技术u 移动Ajax工作原理图4.11 基于Ajax的Web开发模式403.移动移动Ajax技术技术u 移动Ajax工作原理图4.12 基于Ajax Web程序的工作流程图413.移动移动Ajax技术技术移动Ajax应用场景：数据验证：通过XMLHttpReques

16、t 对象发送异步的验证请求，根据服务器的响应信息及时地为用户反馈信息。按需读取数据：当用户单击某级节点时，只把对应分类的下一级数据读取并显示，每次按用户需要读取数据，不出现冗余。自动实时更新页面：在页面加载后，通过后台Ajax 引擎异步地和服务器交互。u 移动Ajax应用423.移动移动Ajax技术技术移动Ajax应用典型设计模式：动态加载模式预见式缓存模式内容分块模式u 移动Ajax应用433.移动移动Ajax技术技术 动态加载模式：在Web程序中利用Ajax技术，采取异步通信的方式，根据需要请求获取或提交所必需的数据，并将服务端响应数据或消息以动态方式加载到当前页面中的一种Ajax Web

17、应用设计方案。u 移动Ajax应用443.移动移动Ajax技术技术 预见式缓存模式：在涉及庞大数据访问的Web程序中，利用Ajax来实现一种机制，这种机制通过监视用户的客户端行为，按照预先制定的判断逻辑，对用户下一步可能发出的数据请求进行预载，并将预载请求所得数据进行本地缓存或直接以动态增量的方式呈现到客户端视图界面中。u 移动Ajax应用453.移动移动Ajax技术技术 内容分块模式：在Web应用中利用Ajax对页面进行分块设计，每个页面由多个内容分块组成，各分块的动态加载及数据的引用均保持相对独立的运行逻辑的一种Ajax Web应用设计方案。u 移动Ajax应用463.移动移动Ajax技术

18、技术移动Ajax应用案例：Google微软亚马逊u 移动Ajax应用474.云计算技术云计算技术 概念：云计算是一种商业计算模型和信息服务模式，它将计算任务分布在大量计算机服务器或虚拟服务器构成的不同数据中心，使各种应用能够根据需要获取计算能力、存储空间和信息服务。u 云计算的概述484.云计算技术云计算技术云计算的特点：规模和计算能力巨大安全可靠虚拟化方便快捷动态灵活经济可持续u 云计算的概述494.云计算技术云计算技术云计算按照服务类型大致可以分为 IaaS（基础设施即服务）、PaaS（平台即服务）和SaaS（软件即服务）三类。u 云计算的概述图4.13 云计算分类504.云计算技术云计算

19、技术云计算的基本架构：用户/代理SLA资源分配器虚拟机（VM）物理设备u 云计算的工作原理514.云计算技术云计算技术图4.14 面向市场的云计算体系结构u 云计算的工作原理524.云计算技术云计算技术云计算的核心技术：编程模型分布式存储技术海量数据管理技术虚拟化技术云计算平台管理技术u 云计算的工作原理534.云计算技术云计算技术云计算与互联网融合的必然性云计算应用于移动互联网的优势 突破终端硬件限制 便捷的数据存取 智能均衡负载 智能均衡负载 降低管理成本 按需服务降低成本 云计算应用于移动互联网的前景u 云计算支撑移动互联网545.边缘计算技术边缘计算技术 定义：在靠近物或数据源头的网络

20、边缘侧，融合网络、计算、存储、应用核心能力的分布式开放平台，就近提供边缘智能服务。边缘计算的核心是在靠近数据源或物的一侧提供计算、存储和应用服务。u 边缘计算的概述555.边缘计算技术边缘计算技术边缘计算的基本特点：联接性数据第一入口约束性分布性融合性u 边缘计算的概述565.边缘计算技术边缘计算技术 边缘计算与云计算协同：边缘计算与云计算之间并非替代关系，而是互补协同的关系。边缘计算与云计算需要通过紧密协同才能更好的满足各种需求场景的匹配，从而放大边缘计算和云计算的应用价值。u 边缘计算的概述575.边缘计算技术边缘计算技术图4.15 边云协同的总体能力与内涵u 边缘计算的概述585.边缘计

21、算技术边缘计算技术参考架构基于模型驱动的工程方法进行设计，边缘计算参考架构3.0如图4.16所示.u 边缘计算的工作原理图4.16 边缘计算参考架构3.0595.边缘计算技术边缘计算技术边缘计算参考架构3.0的主要内容包括：整个系统分为云、边缘和现场三层。边缘层包括边缘节点和边缘管理器两个主要部分。边缘计算节点一般具有计算、网络和存储资源。u 边缘计算的工作原理605.边缘计算技术边缘计算技术边缘计算的关键技术：网络：服务发现、快速配置、负载均衡隔离技术：计算资源的隔离、数据的隔离体系结构边缘操作系统算法执行框架数据处理平台安全和隐私u 边缘计算的工作原理615.边缘计算技术边缘计算技术边缘计算与移动互联网融合边缘计算应用于移动互联网的优势 低时延 改善链路容量 提高能量效率，实现绿色通信 感知链路状况，改善用户服务质量体验（QoS）边缘计算应用于移动互联网的前景u 边缘计算支撑移动互联网