移動互聯(lián)網(wǎng)技術(shù)與應(yīng)用第四章移動互聯(lián)網(wǎng)應(yīng)用技術(shù)課件

1、第四章 移動互聯(lián)網(wǎng)應(yīng)用技術(shù)1移動Widget技術(shù)移動Mashup技術(shù)移動Ajax技術(shù)云計(jì)算技術(shù)邊緣計(jì)算技術(shù)21.移動Widget技術(shù)移動Widget概述Widget可以看作運(yùn)行于瀏覽器界面之外的定制Web頁面，每一個(gè)Widge都是面向具體的輕量級任務(wù)。Widget作為一種特殊的“網(wǎng)頁”，正在改變互聯(lián)網(wǎng)的訪問方式。隨著移動網(wǎng)絡(luò)日益寬帶化及移動互聯(lián)網(wǎng)的迅猛發(fā)展，移動增值業(yè)務(wù)呈現(xiàn)出以下趨勢： 業(yè)務(wù)融合方面； 業(yè)務(wù)體驗(yàn)方面； 業(yè)務(wù)運(yùn)營方面； 價(jià)值鏈方面； 運(yùn)營商驅(qū)動力方面。31.移動Widget技術(shù)移動Widget概述移動Widget的特點(diǎn)：開發(fā)難度小架構(gòu)合理可擴(kuò)展性強(qiáng)可移植性強(qiáng)充分占用屏蔽資源41.

2、移動Widget技術(shù)移動Widget概述 移動Widget技術(shù)規(guī)范：一個(gè)典型的移動Widget可分為五個(gè)基本的技術(shù)層面。如圖4.1所示W(wǎng)3C規(guī)定的Widget技術(shù)規(guī)范，包括封裝部署、元數(shù)據(jù)和配置、腳本和網(wǎng)絡(luò)鏈接、用戶界面和權(quán)限、表現(xiàn)和行為邏輯。51.移動Widget技術(shù)移動Widget概述圖4.1 W3C 規(guī)定的Widget技術(shù)規(guī)范61.移動Widget技術(shù)移動Widget概述移動Widget標(biāo)準(zhǔn)：W3C Widget標(biāo)準(zhǔn)BONDI Widget標(biāo)準(zhǔn)JIL Widget標(biāo)準(zhǔn)71.移動Widget技術(shù)移動Widget工作原理 Widge是在互聯(lián)網(wǎng)/移動互聯(lián)網(wǎng)環(huán)境下運(yùn)行于終端設(shè)備上的一種基于Web

3、瀏覽器/Widget引擎的應(yīng)用程序，其框架規(guī)范體系如圖4.2所示，由硬件層、引擎層和核心架構(gòu)層組成。81.移動Widget技術(shù)移動Widget工作原理圖4.2 Widget架構(gòu)規(guī)范體系圖91.移動Widget技術(shù)移動Widget工作原理硬件層：包括目前主流的互聯(lián)網(wǎng)接入設(shè)備，如手機(jī)智能設(shè)備、MID、上網(wǎng)本等。該層的范圍主要取決于上層引擎層的跨平臺能力。引擎層：Widget的運(yùn)行環(huán)境，它負(fù)責(zé)Widget展現(xiàn)以及同操作系統(tǒng)的溝通。核心架構(gòu)層：Widget的架構(gòu)組成101.移動Widget技術(shù)移動Widget工作原理核心架構(gòu)層的架構(gòu)及標(biāo)準(zhǔn)：超文本傳輸協(xié)議（HTTP）統(tǒng)一碼（Unicode）通用資源標(biāo)識

4、符（URI）資源：Widget用到的資源統(tǒng)稱文檔對象模型（DOM）可擴(kuò)展標(biāo)記語言（XML）ECMAScript：由歐洲計(jì)算機(jī)制造商協(xié)會（ECMA）通過ECMA-262標(biāo)準(zhǔn)化的腳本程序設(shè)計(jì)語言111.移動Widget技術(shù)移動Widget工作原理核心架構(gòu)層的架構(gòu)及標(biāo)準(zhǔn)：級聯(lián)樣式表（CSS）XML HttP Request：Ajax技術(shù)體系中最為核心的技術(shù)Widgets API：Widget引擎提供的API超文本標(biāo)記語言（HTML或Proprietary XML）配置文件：記錄該Widget的信息Media Type：媒體類型Packaging Format：打包格式121.移動Widget技術(shù)移動

5、Widget工作原理Widget引擎自下而上分為4層結(jié)構(gòu)，其模型圖如圖4.3所示。圖4.3 Widget引擎參考模型131.移動Widget技術(shù)移動Widget工作原理Widget引擎分為四層：系統(tǒng)能力封裝層：用于封裝終端或運(yùn)行機(jī)系統(tǒng)能力和運(yùn)行庫。訪問控制層：對Widget引擎訪問終端系統(tǒng)資源提供訪問控制功能。Web運(yùn)行環(huán)境層：提供HTML、XML、CSS的解析渲染功能及執(zhí)行腳本的解釋功能。Widget應(yīng)用管理層：提供Widget在終端上的管理功能。141.移動Widget技術(shù)移動Widget應(yīng)用移動 Widget應(yīng)用模式：移動Widget 業(yè)務(wù)一般分成本地應(yīng)用和網(wǎng)絡(luò)應(yīng)用。圖4.4 網(wǎng)絡(luò)側(cè)的應(yīng)

6、用模式151.移動Widget技術(shù)移動Widget應(yīng)用Widget 形式的移動增值業(yè)務(wù)體系分為網(wǎng)絡(luò)側(cè)、終端側(cè)以及 Widget 應(yīng)用運(yùn)營平臺。運(yùn)營商移動Widget業(yè)務(wù)實(shí)現(xiàn)的關(guān)鍵點(diǎn)：用戶方面開發(fā)者方面電信網(wǎng)絡(luò)方面161.移動Widget技術(shù)移動Widget應(yīng)用移動Widget應(yīng)用分類：本地應(yīng)用聯(lián)網(wǎng)應(yīng)用移動終端特色應(yīng)用運(yùn)營商特色應(yīng)用171.移動Widget技術(shù)移動Widget應(yīng)用移動 Widget 應(yīng)用中的關(guān)鍵技術(shù)：基本框架：移動Widget應(yīng)用架構(gòu)圖如圖4.6所示具體技術(shù)：HTTP、HTML、CSS、JavaScript、Ajax181.移動Widget技術(shù)移動Widget應(yīng)用圖4.5 客戶端

7、移動Widget應(yīng)用架構(gòu)示意圖191.移動Widget技術(shù)移動Widget應(yīng)用圖4.6 端到端的 HTTP 連接過程示意圖 HTTP（超文本傳輸協(xié)議）是一個(gè)應(yīng)用級端到端的網(wǎng)絡(luò)通信協(xié)議，它的基本特征是具備通用性質(zhì)和無狀態(tài)屬性。202.移動Mashup技術(shù) Mashup 是一個(gè)整合不同來源的內(nèi)容以提供統(tǒng)一集成化體驗(yàn)的Web站點(diǎn)或應(yīng)用程序。具體在技術(shù)上來說，Mashup可以是一個(gè)網(wǎng)站或是一個(gè)網(wǎng)絡(luò)應(yīng)用程序，透過混合搭配不同來源間的內(nèi)容或信息而創(chuàng)造出來的一種全新服務(wù)。 Mashup體現(xiàn)了信息的交互與共享，具有鮮明的Web2.0特征。移動Mashup的概述212.移動Mashup技術(shù)移動Mashup特征：

8、對系統(tǒng)平臺的需求方面對新功能增加、新特性的擴(kuò)展方面底層集成技術(shù)支撐方面展現(xiàn)層支持方面移動Mashup的概述222.移動Mashup技術(shù)移動Mashup分類：表現(xiàn)層Mashup（PresentationMashup）客戶端數(shù)據(jù)Mashup（Client-side Data Mashup）客戶端軟件Mashup（Client-side Software Mashup）服務(wù)器端軟件Mashup（Server-side Software Mashup）服務(wù)器端數(shù)據(jù)Mashup（Server-side Data Mashup）移動Mashup的概述232.移動Mashup技術(shù) 傳統(tǒng)的Mashup系統(tǒng)由三

9、個(gè)部分構(gòu)成：Mashup內(nèi)容提供者、Mashup服務(wù)器和用戶的Mashup瀏覽器，如圖4.7所示。移動Mashup工作原理圖4.7 移動Mashup體系結(jié)構(gòu)242.移動Mashup技術(shù)內(nèi)容提供者：提供用戶所需的數(shù)據(jù)服務(wù)器：聚合各個(gè)Mashup內(nèi)容提供者提供的數(shù)據(jù)用戶瀏覽器：最終聚合完成的數(shù)據(jù)展示給用戶，并承擔(dān)用戶的交互性工作。移動Mashup工作原理252.移動Mashup技術(shù)Mashup數(shù)據(jù)融合模式可以分為兩種：服務(wù)器端Mashup：指數(shù)據(jù)聚合邏輯發(fā)生在服務(wù)器端，客戶端訪問Mashup服務(wù)器來獲取所需數(shù)據(jù)?？蛻舳薓ashup：指客戶端直接調(diào)用Mashup內(nèi)容提供者的API獲取所需數(shù)據(jù)，并在客

10、戶端完成資源的聚合，同時(shí)把最終的數(shù)據(jù)呈現(xiàn)給用戶。移動Mashup工作原理262.移動Mashup技術(shù)移動Mashup工作原理圖4.8 服務(wù)器Mashup機(jī)制272.移動Mashup技術(shù)移動Mashup工作原理圖4.9 客戶端Mashup機(jī)制282.移動Mashup技術(shù)資源獲取方式：Web Feed 方式公共接口API方式REST協(xié)議方式屏幕抓取方式移動Mashup工作原理292.移動Mashup技術(shù)移動Mashup應(yīng)用領(lǐng)域：基于位置的 Mashup應(yīng)用：緊急救援、移動導(dǎo)游業(yè)務(wù)、地域廣告、老人兒童監(jiān)護(hù)。收費(fèi)組件 Mashup應(yīng)用：主要通過移動網(wǎng)絡(luò)的計(jì)費(fèi)功能，對互聯(lián)網(wǎng)上的業(yè)務(wù)進(jìn)行代計(jì)費(fèi)；可以把 M

11、ashup 生成的內(nèi)容、互聯(lián)網(wǎng)的內(nèi)容以及現(xiàn)有移動網(wǎng)絡(luò)的通信能力、業(yè)務(wù)應(yīng)用相結(jié)合，產(chǎn)生更加豐富的 Mashup 應(yīng)用。移動Mashup應(yīng)用302.移動Mashup技術(shù)移動Mashup應(yīng)用中存在的問題：用戶數(shù)據(jù)安全網(wǎng)絡(luò)安全鑒權(quán)體系計(jì)費(fèi)策略移動Mashup應(yīng)用312.移動Mashup技術(shù)移動Mashup應(yīng)用中的關(guān)鍵技術(shù)：Web協(xié)議：REST和SOAP屏幕抓取（Screen Scraping）RSS和Atom移動Mashup應(yīng)用323.移動Ajax技術(shù)移動Ajax技術(shù)：是一種創(chuàng)建交互式應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。主要包括下列內(nèi)容： 使用XHTML+CSS來表示信息。 使用JavaScript操作DOM（文本對

12、象模型）進(jìn)行動態(tài)顯示及交互。 使用XML和XSLT進(jìn)行數(shù)據(jù)交換及相關(guān)操作。 使用XMLHttpRequest對象與Web服務(wù)器進(jìn)行異步數(shù)據(jù)交換。 使用JavaScript將Web的各種技術(shù)綁定在一起。 以XML的格式來傳送方法名和方法參數(shù)。移動Ajax概述333.移動Ajax技術(shù) Ajax與傳統(tǒng)Web方式相比，相當(dāng)于在用戶和服務(wù)器之間加了一個(gè)中間層，使用戶操作與服務(wù)器響應(yīng)異步化，如圖4.10所示。移動Ajax概述343.移動Ajax技術(shù)移動Ajax概述圖4.10 傳統(tǒng)模式（左）和Ajax（右）模式工作流程的比較353.移動Ajax技術(shù)移動Ajax技術(shù)的特點(diǎn)：Ajax的核心理念在于使用XMLHt

13、tpRequest對象發(fā)送異步請求。Ajax包含：可擴(kuò)展超文本標(biāo)記語言（HTML/XHTML） 層疊樣式表（ CSS ） 文檔對象模型（ DOM ） 可擴(kuò)展標(biāo)記語言（ XML ） 可擴(kuò)展樣式表語言轉(zhuǎn)換（ XSLT ） XMLHttpRequest JavaScript移動Ajax概述363.移動Ajax技術(shù)移動Ajax技術(shù)的優(yōu)點(diǎn) 減輕服務(wù)器的負(fù)擔(dān) 無刷新更新頁面，減少用戶心理和實(shí)際的等待時(shí)間。 帶來更好的用戶體驗(yàn)。 可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務(wù)器和帶寬的負(fù)擔(dān)，節(jié)約空間和寬帶租用成本。 可以調(diào)用外部數(shù)據(jù)。 基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù)，不需要

14、下載插件或者小程序。 進(jìn)一步促進(jìn)頁面呈現(xiàn)和數(shù)據(jù)的分離。移動Ajax概述373.移動Ajax技術(shù)移動Ajax技術(shù)存在的問題：一些手持設(shè)備（如手機(jī)、PDA等）現(xiàn)在還不能很好地支持Ajax。對流媒體的支持沒有Flash、Java Applet好。 Ajax技術(shù)的使用要適可而止，不可泛濫使用。移動Ajax概述383.移動Ajax技術(shù)移動Ajax體系結(jié)構(gòu) （1）傳統(tǒng)Web應(yīng)用 （2）Ajax應(yīng)用移動Ajax開發(fā)模式Ajax工作流程移動Ajax工作原理393.移動Ajax技術(shù)移動Ajax工作原理圖4.11 基于Ajax的Web開發(fā)模式403.移動Ajax技術(shù)移動Ajax工作原理圖4.12 基于Ajax W

15、eb程序的工作流程圖413.移動Ajax技術(shù)移動Ajax應(yīng)用場景：數(shù)據(jù)驗(yàn)證：通過XMLHttpRequest 對象發(fā)送異步的驗(yàn)證請求，根據(jù)服務(wù)器的響應(yīng)信息及時(shí)地為用戶反饋信息。按需讀取數(shù)據(jù)：當(dāng)用戶單擊某級節(jié)點(diǎn)時(shí)，只把對應(yīng)分類的下一級數(shù)據(jù)讀取并顯示，每次按用戶需要讀取數(shù)據(jù)，不出現(xiàn)冗余。自動實(shí)時(shí)更新頁面：在頁面加載后，通過后臺Ajax 引擎異步地和服務(wù)器交互。移動Ajax應(yīng)用423.移動Ajax技術(shù)移動Ajax應(yīng)用典型設(shè)計(jì)模式：動態(tài)加載模式預(yù)見式緩存模式內(nèi)容分塊模式移動Ajax應(yīng)用433.移動Ajax技術(shù) 動態(tài)加載模式：在Web程序中利用Ajax技術(shù)，采取異步通信的方式，根據(jù)需要請求獲取或提交所必

16、需的數(shù)據(jù)，并將服務(wù)端響應(yīng)數(shù)據(jù)或消息以動態(tài)方式加載到當(dāng)前頁面中的一種Ajax Web應(yīng)用設(shè)計(jì)方案。移動Ajax應(yīng)用443.移動Ajax技術(shù) 預(yù)見式緩存模式：在涉及龐大數(shù)據(jù)訪問的Web程序中，利用Ajax來實(shí)現(xiàn)一種機(jī)制，這種機(jī)制通過監(jiān)視用戶的客戶端行為，按照預(yù)先制定的判斷邏輯，對用戶下一步可能發(fā)出的數(shù)據(jù)請求進(jìn)行預(yù)載，并將預(yù)載請求所得數(shù)據(jù)進(jìn)行本地緩存或直接以動態(tài)增量的方式呈現(xiàn)到客戶端視圖界面中。移動Ajax應(yīng)用453.移動Ajax技術(shù) 內(nèi)容分塊模式：在Web應(yīng)用中利用Ajax對頁面進(jìn)行分塊設(shè)計(jì)，每個(gè)頁面由多個(gè)內(nèi)容分塊組成，各分塊的動態(tài)加載及數(shù)據(jù)的引用均保持相對獨(dú)立的運(yùn)行邏輯的一種Ajax Web應(yīng)用

17、設(shè)計(jì)方案。移動Ajax應(yīng)用463.移動Ajax技術(shù)移動Ajax應(yīng)用案例：Google微軟亞馬遜移動Ajax應(yīng)用474.云計(jì)算技術(shù) 概念：云計(jì)算是一種商業(yè)計(jì)算模型和信息服務(wù)模式，它將計(jì)算任務(wù)分布在大量計(jì)算機(jī)服務(wù)器或虛擬服務(wù)器構(gòu)成的不同數(shù)據(jù)中心，使各種應(yīng)用能夠根據(jù)需要獲取計(jì)算能力、存儲空間和信息服務(wù)。云計(jì)算的概述484.云計(jì)算技術(shù)云計(jì)算的特點(diǎn)：規(guī)模和計(jì)算能力巨大安全可靠虛擬化方便快捷動態(tài)靈活經(jīng)濟(jì)可持續(xù)云計(jì)算的概述494.云計(jì)算技術(shù)云計(jì)算按照服務(wù)類型大致可以分為 IaaS（基礎(chǔ)設(shè)施即服務(wù)）、PaaS（平臺即服務(wù)）和SaaS（軟件即服務(wù)）三類。云計(jì)算的概述圖4.13 云計(jì)算分類504.云計(jì)算技術(shù)云計(jì)算

18、的基本架構(gòu)：用戶/代理SLA資源分配器虛擬機(jī)（VM）物理設(shè)備云計(jì)算的工作原理514.云計(jì)算技術(shù)圖4.14 面向市場的云計(jì)算體系結(jié)構(gòu)云計(jì)算的工作原理524.云計(jì)算技術(shù)云計(jì)算的核心技術(shù)：編程模型分布式存儲技術(shù)海量數(shù)據(jù)管理技術(shù)虛擬化技術(shù)云計(jì)算平臺管理技術(shù)云計(jì)算的工作原理534.云計(jì)算技術(shù)云計(jì)算與互聯(lián)網(wǎng)融合的必然性云計(jì)算應(yīng)用于移動互聯(lián)網(wǎng)的優(yōu)勢 突破終端硬件限制 便捷的數(shù)據(jù)存取 智能均衡負(fù)載 智能均衡負(fù)載 降低管理成本 按需服務(wù)降低成本云計(jì)算應(yīng)用于移動互聯(lián)網(wǎng)的前景云計(jì)算支撐移動互聯(lián)網(wǎng)545.邊緣計(jì)算技術(shù) 定義：在靠近物或數(shù)據(jù)源頭的網(wǎng)絡(luò)邊緣側(cè)，融合網(wǎng)絡(luò)、計(jì)算、存儲、應(yīng)用核心能力的分布式開放平臺，就近提供邊緣智能服務(wù)。 邊