關(guān)鍵詞：RIA 互聯(lián)網(wǎng)　多媒體　用戶體驗(yàn)

1　RIA平臺(tái)的主流技術(shù)框架

RIA，即富互聯(lián)網(wǎng)應(yīng)用（Rich Internet Application）的簡稱，是近十年來發(fā)展速度最快的互聯(lián)網(wǎng)前端應(yīng)用技術(shù)。RIA本身不是一種具體的技術(shù)，而是一種目標(biāo)：通過優(yōu)化顯示效果和交互模式，使互聯(lián)網(wǎng)在線應(yīng)用能夠獲得與本地桌面應(yīng)用相同的用戶體驗(yàn)。傳統(tǒng)的網(wǎng)頁無論是否采用了動(dòng)態(tài)技術(shù)，在交互模式上來看始終是“牽一發(fā)而動(dòng)全身”的：假如頁面中僅有一個(gè)字符需要更改或者加載，那么整個(gè)頁面都會(huì)在瀏覽器從服務(wù)器獲得返回?cái)?shù)據(jù)之后刷新。

Ajax技術(shù)（Asynchronous Javascript + XML）是第一個(gè)將傳統(tǒng)技術(shù)整合之后得以廣泛使用的RIA框架，它是HTML、JAVASCRIPT、CSS幾種技術(shù)的合體，其技術(shù)核心是JAVASCRIPT腳本的XMLHTTPRequest對(duì)象。由于其仍是基于HTML來進(jìn)行交互展示的技術(shù)，對(duì)用戶瀏覽的環(huán)境要求很低，只需要IE 6.0以上的瀏覽器即可完美呈現(xiàn)。它的最大優(yōu)點(diǎn)是在不刷新整個(gè)頁面的基礎(chǔ)上維護(hù)頁面數(shù)據(jù)，降低了網(wǎng)絡(luò)流量和無效訪問。Ajax是RIA技術(shù)的第一個(gè)成熟方案，也是至今仍被廣泛采用的技術(shù)框架之一。

自Flash技術(shù)以極快的速度普及網(wǎng)絡(luò)以來，以ActionScript語言（簡稱AS）為基礎(chǔ)，Adobe發(fā)展出了一整套網(wǎng)絡(luò)開發(fā)工具。AS腳本語言從1.0逐步發(fā)展到如今的3.0，由原先簡單的動(dòng)畫控制腳本演變?yōu)槌墒斓拿嫦驅(qū)ο蟮拈_發(fā)語言，開發(fā)工具也從入門級(jí)的Flash變成了Flex。由于基于AS腳本的開發(fā)均通過Flash Player播放器以動(dòng)畫的形式展現(xiàn)，這就使得Adobe的RIA技術(shù)擁有HTML不可比擬的交互性和視覺沖擊力，目前大部分基于瀏覽器的網(wǎng)絡(luò)游戲使用的都是Adobe RIA技術(shù)。

Flash Player為Adobe帶來成功的同時(shí)， Microsoft推出了銀光（Silverlight）技術(shù)。銀光技術(shù)在設(shè)計(jì)理念上與Adobe相似，無論開發(fā)、模式、架構(gòu)都與Flash Player如出一轍，也是采用在瀏覽器中嵌入播放插件的方法來實(shí)現(xiàn)高互動(dòng)性和跨平臺(tái)操作。Microsoft比Adobe更重視程序員在RIA中的關(guān)鍵作用，不僅為設(shè)計(jì)師開發(fā)了Expression Studio工具包，還將程序員習(xí)慣使用的Visual Studio無縫集合在銀光技術(shù)中，這樣程序員不需要任何學(xué)習(xí)成本就可以將開發(fā)移植到銀光生態(tài)圈中。

除了Adobe和Microsoft兩巨頭之外，很多小團(tuán)隊(duì)也推了各自的開發(fā)平臺(tái)，如Laszlo、JavaFX等，前端瀏覽器也出現(xiàn)了Jquery、YUI等優(yōu)秀的JavaScript類庫。但綜合來看，Adobe的RIA平臺(tái)相比其它解決方案來說仍表現(xiàn)出明顯的優(yōu)勢(shì)。

ADOBE 產(chǎn)品線的技術(shù)特點(diǎn)

Adobe作為一家涉足印刷、設(shè)計(jì)、桌面出版等創(chuàng)作軟件的知名公司，在2005年收購了Macromedia之后，幾乎將Flash技術(shù)發(fā)展到了極致。在RIA風(fēng)靡互聯(lián)網(wǎng)之前，Adobe充分認(rèn)識(shí)到自己的產(chǎn)品線在交互多媒體領(lǐng)域的不足，將Flash技術(shù)收購之后，通過CS3、CS4兩代產(chǎn)品的發(fā)展，已經(jīng)做到了全產(chǎn)品線無縫銜接。2013年，Adobe推出了Adobe Creative Cloud創(chuàng)意套件，增加了多款新工具和在線服務(wù)并能將整個(gè)項(xiàng)目通過其云存儲(chǔ)在線同步。

RIA的開發(fā)層級(jí)通常分為表現(xiàn)層、交互層、數(shù)據(jù)層三個(gè)層次，用于表現(xiàn)層的工具有Adobe Photoshop、Adobe Illustrator等圖形圖像領(lǐng)域的老牌軟件。以往設(shè)計(jì)師只能通過這些軟件創(chuàng)建單獨(dú)的網(wǎng)頁設(shè)計(jì)圖，然后根據(jù)設(shè)計(jì)圖在其它軟件中進(jìn)行HTML、CSS代碼的編寫工作。在最新的版本中，Adobe CC融入了全新的CSS Property功能，該功能賦予傳統(tǒng)圖形設(shè)計(jì)軟件導(dǎo)出CSS代碼的能力。設(shè)計(jì)師只要執(zhí)行相應(yīng)的操作，軟件就可以同步生成相應(yīng)的CSS代碼，以便將代碼復(fù)制到其它地方進(jìn)行下一步的編輯，大大提高了網(wǎng)頁的創(chuàng)建效率。

用于交互層的主要為Dreamweaver、Flash等傳統(tǒng)網(wǎng)頁制作工具，在Adobe CC中新引入了Edge Code、Edge Reflow、Muse等跨平臺(tái)原型設(shè)計(jì)工具，讓RIA的開發(fā)更有效率。由于RIA強(qiáng)調(diào)的是不同環(huán)境下相同的用戶體驗(yàn)，Adobe特意將平板設(shè)備融入創(chuàng)意工作流程，甚至還為此推出了Adobe Color Lava、Adobe Eazel以及Adobe Nav這種專門用于平板設(shè)備的開發(fā)工具，將創(chuàng)意流程擴(kuò)展到桌面以外，讓設(shè)計(jì)師能創(chuàng)造和交付適用于幾乎任何屏幕的豐富內(nèi)容和應(yīng)用。

Flash Builder是程序員用于構(gòu)建數(shù)據(jù)層組件的主要工具，它是Adobe CC產(chǎn)品線對(duì)Flex的升級(jí)更新。在很多項(xiàng)目中，開發(fā)人員將大量時(shí)間花費(fèi)在了重復(fù)編碼上，在Flash Builder中能盡量降低這類重復(fù)性工作花費(fèi)的時(shí)間，引入了快速完成這些工作的解決辦法。如果開發(fā)者不熟悉AS和事件驅(qū)動(dòng)編程，事件代碼自動(dòng)生成特性幫助程序員理解組件事件與對(duì)應(yīng)處理代碼的關(guān)聯(lián)方法，節(jié)省時(shí)間。另外，優(yōu)秀的代碼折疊和顯示方式，調(diào)試器的改進(jìn)都為RIA和移動(dòng)應(yīng)用開發(fā)提供了良好的開發(fā)環(huán)境。

在項(xiàng)目管理方面，Version Cue實(shí)現(xiàn)了在各個(gè)軟件中易用的文件存儲(chǔ)和共享，比如作品的改動(dòng)不必每次都單獨(dú)存儲(chǔ)一個(gè)文件，使用Version Cue可以記錄一個(gè)文件的多種狀態(tài)。這個(gè)功能的開發(fā)極大地方便了中后期項(xiàng)目的測(cè)試和故障排除工作。可以說，Adobe RIA平臺(tái)不論是針對(duì)Web端，還是桌面應(yīng)用，甚至是移動(dòng)應(yīng)用都有自己完整的開發(fā)平臺(tái)。

 

2　RIA技術(shù)展望

今后的RIA應(yīng)用也許將全面取代傳統(tǒng)互聯(lián)網(wǎng)應(yīng)用，當(dāng)然這種持續(xù)發(fā)展的狀態(tài)還要延續(xù)很多年，但內(nèi)容更豐富，交互性更強(qiáng)，用戶體驗(yàn)更好的Web App將越來越多地代替桌面軟件安裝包。目前，Adobe和Microsoft都在統(tǒng)一不同平臺(tái)間的開發(fā)流程和用戶體驗(yàn)，瀏覽器市場(chǎng)對(duì)于W3C的標(biāo)準(zhǔn)支持度也越來越高，HTML5的出現(xiàn)也給廣大開發(fā)群體帶去希望。RIA的發(fā)展不再是對(duì)桌面和Web應(yīng)用的補(bǔ)充而是顛覆，最終的變革一定來自整個(gè)互聯(lián)網(wǎng)需求與服務(wù)模式的改變，桌面應(yīng)用和網(wǎng)絡(luò)應(yīng)用的融合是一種必然。越來越先進(jìn)的硬件伴隨著越來越多的新技術(shù)將會(huì)為多態(tài)混合的運(yùn)行模式提供直接的環(huán)境支持，RIA與桌面應(yīng)用一體化會(huì)徹底改變?nèi)藗儗?duì)互聯(lián)網(wǎng)及電子設(shè)備的概念，

 

參考文獻(xiàn)：

[1]孫穎.Flash ActionScript3殿堂之路[M].北京:電子工業(yè)出版社, 2007.

[2]Joshua Eichorn,徐鋒,陳宗恒.深入理解Ajax:基于JavaScript的RIA開發(fā)[M].北京:人民郵電出版社,2007.

[3]孫晗波.Adobe Flex 3程序設(shè)計(jì)指南[M].北京:電子工業(yè)出版社,2009.

[4]吳磊,李瑋.企業(yè)級(jí)RIA項(xiàng)目全流程實(shí)踐[M].北京:電子工業(yè)出版社,2012.