Widget技術(shù)介紹及簡單實(shí)現(xiàn)

摘要:Widget(微件)是近幾年新興的互聯(lián)網(wǎng)接入方式和展現(xiàn)技術(shù)，它憑借小巧、靈活、開發(fā)簡單的優(yōu)勢迅速抓住人們的眼球，快速向目前主流終端擴(kuò)散，從PC到手機(jī)，都有微件的影子。該文介紹了微件技術(shù)、相關(guān)標(biāo)準(zhǔn)及其簡單實(shí)現(xiàn)，并對微件進(jìn)行了展望。

關(guān)鍵詞:Widget;微件;標(biāo)準(zhǔn);Widget引擎

中圖分類號:TP393文獻(xiàn)標(biāo)識碼:A文章編號:1009-3044(2009)33-9426-03

Introduction of Widget Technology and Its Simple Implementation

LIAN Cheng， XIE Jian-guo

(Fujian Fujitsu Communication Software Co.， Ltd. Fuzhou 350013 China)

Abstract: Widget is a new developed internet access method and representation technology in recent years. It spreads quickly to the main terminal devices from PC to mobile phones relies on its advantage of small， flexible， easy to programme and grab user's attention. This article introduces widget technology， related standards and its simple implementation， as well as prospect of widget.

Key words: widget; Micro; standard; widget engine

當(dāng)前，互聯(lián)網(wǎng)和移動通信技術(shù)結(jié)合，更逢中國跨入3G時代、終端呈多樣化發(fā)展等態(tài)勢，使人們能隨時隨地以多種方式接入互聯(lián)網(wǎng)。互聯(lián)網(wǎng)以瀏覽器為主導(dǎo)的展現(xiàn)方式也逐漸成為定勢。當(dāng)Widget進(jìn)入公眾視線時，就以其獨(dú)特的展現(xiàn)魅力受到了人們的青睞。

微件憑借界面簡潔、表現(xiàn)力強(qiáng)、占用資源少、開發(fā)難度小等優(yōu)勢，迅速躋身互聯(lián)網(wǎng)(包括移動互聯(lián)網(wǎng)，下文同)最具發(fā)展?jié)摿Φ恼宫F(xiàn)與分發(fā)技術(shù)，同時受到運(yùn)營商、終端廠商和內(nèi)容提供商重視。目前Nokia、Apple、Yahoo、Google、Microsoft、IBM和Netvibes等國外大廠商都積極參與W3C、WAA組織，推動其研究和開發(fā)。國內(nèi)也有中國移動參加JIL組織，Sohu基于Netvibes創(chuàng)建Sohu Open Widget(SOW)等大公司的跟進(jìn)。

1 Widget背景

1.1 產(chǎn)生背景

微件起源于蘋果電腦工程師為蘋果操作系統(tǒng)開發(fā)的小工具Konfabulator，然后有了Windows版本的跨平臺產(chǎn)品瘋狂流行和蔓延。其后被雅虎收購，成為目前比較流行的Desktop Widget之一。由于Widget一詞最早出現(xiàn)在Konfabulator，后雅虎的Yahoo! Widgets把其發(fā)揚(yáng)光大。

1.2 應(yīng)用前景

目前微件主要集中應(yīng)用在PC桌面和網(wǎng)站上，也有部分應(yīng)用在手機(jī)終端和人機(jī)交互終端。

PC桌面微件運(yùn)行在個人電腦桌面上。除了雅虎的Yahoo! Widgets還有蘋果的Dashboard、微軟Windows Vista的sidebar和谷歌的Google Desktop。

Web微件運(yùn)行在客戶端瀏覽器上，通過瀏覽器抽象了桌面操作系統(tǒng)。當(dāng)瀏覽器打開含微件的網(wǎng)頁，微件被激活并運(yùn)行。常見的有IGoogle、Netvibes、Facebook、OpenSocial等。

手機(jī)桌面微件運(yùn)行在手機(jī)(通常為智能手機(jī)，運(yùn)行Symbian、Windows Mobile、Android等操作系統(tǒng))桌面上。隨著大屏幕智能手機(jī)的發(fā)展和普及，手機(jī)桌面微件將會成為移動互聯(lián)網(wǎng)的新生力量。例如中國移動的BAE手機(jī)桌面微件(移動微件)平臺，Opera Widgets的移動版本、諾基亞widsets、谷歌Android Widget、微軟Windows Mobile 6.5 Widget引擎等。

人機(jī)交互微件運(yùn)行在人機(jī)交互終端上，例如電視機(jī)頂盒，多媒體電話，電子相框等。例如韓國廠商emTrace的WidgetSatation、桌上電子產(chǎn)品，Opera Widgets的電視機(jī)頂盒版本等。

可以預(yù)見，隨著終端多樣化和人們隨時隨地接入互聯(lián)網(wǎng)的需求，微件將得到更廣泛的應(yīng)用，前景廣闊。目前上網(wǎng)本、MID和其他數(shù)碼產(chǎn)品，像Wii和PSP等都有引入微件的呼聲。

2 Widget介紹

2.1 概念定義

Widget(微件)是運(yùn)行在客戶終端上的一種基于Widget引擎的應(yīng)用程序，它可以從本地或者互聯(lián)網(wǎng)更新并顯示數(shù)據(jù)，目的是借助用戶享用各種應(yīng)用程序和網(wǎng)絡(luò)服務(wù)。由于微件的發(fā)展帶有明顯的互聯(lián)網(wǎng)特征，W3C把微件稱為客戶側(cè)網(wǎng)頁應(yīng)用(Client-Side Web Applications)并對Web Widget給出了定義:微件是一類能夠顯示和更新本地數(shù)據(jù)或Web數(shù)據(jù)的客戶側(cè)應(yīng)用程序，并能夠打包成單一的下載包安裝到客戶端設(shè)備上。

2.2 標(biāo)準(zhǔn)草案

目前微件標(biāo)準(zhǔn)主要有W3C組織制定的Widget1.0標(biāo)準(zhǔn)和Netvibes發(fā)起的標(biāo)準(zhǔn)UWA。

W3C組織在WAF-WG組制定了有關(guān)Web Widget業(yè)務(wù)的一些標(biāo)準(zhǔn)和文件，Widgets 1.0主要包括:Widgets 1.0: The Widget Landscape(市場調(diào)查)、Requirements(設(shè)計目標(biāo)、需求)、Packaging and Configuration(打包封裝和配置文件格式)、Digital Signatures(數(shù)字簽名)、APIs and Events(API和事件)、URI Scheme(URI體制)、Updates(版本和升級)。

所有基于UWA規(guī)范的widget，都能順暢用于iGoogle、Live.com、Apple Mac Dashboard、Windows Vista側(cè)欄、Opera、Yahoo!Widgets等widget平臺，也能用于個人網(wǎng)站或博客應(yīng)用。

2.3 架構(gòu)組成

Widget架構(gòu)規(guī)范體系圖(圖1)的最底層是硬件層，包括了目前主流的互聯(lián)網(wǎng)接入設(shè)備，如手機(jī)智能設(shè)備、MID、上網(wǎng)本、PC等。該層的范圍主要取決于上層引擎層的跨平臺能力。

引擎層主要是Widget的運(yùn)行環(huán)境，它負(fù)責(zé)微件展現(xiàn)以及同操作系統(tǒng)的溝通。微件引擎抽象了操作系統(tǒng)，而操作系統(tǒng)抽象了不同的硬件平臺，使微件有了跨平臺的能力。微件能夠使用的API與操作系統(tǒng)的接口的多少都取決于引擎的實(shí)現(xiàn)。

核心架構(gòu)層是微件的架構(gòu)組成，也是標(biāo)準(zhǔn)討論的重點(diǎn)，其中:

HTTP:超文本傳輸協(xié)議(Hypertext Transfer Protocol)，從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié)議。它減少網(wǎng)絡(luò)傳輸，使瀏覽器更加高效，既保證正確、快速地傳輸超文本文檔，還能確定文檔哪部分和哪部分內(nèi)容先顯示。

Unicode:也叫統(tǒng)一碼，它為每種語言中的每個字符設(shè)定了統(tǒng)一并且唯一的二進(jìn)制編碼，以滿足跨語言、跨平臺進(jìn)行文本轉(zhuǎn)換、處理的要求。微件使用統(tǒng)一碼作為文本的編碼。

URI:通用資源標(biāo)志符(Universal Resource Identifier) 用于對資源(HTML文檔、圖像、視頻片段、程序等)進(jìn)行定位。微件使用其對自身的資源進(jìn)行定位。

Resources:資源，微件用到的資源統(tǒng)稱，包括圖片，聲音等。

DOM:文檔對象模型(Document Object Model)，是一種與瀏覽器、平臺、語言無關(guān)的接口，使得你可以訪問頁面其他的標(biāo)準(zhǔn)組件。簡單來說就是把網(wǎng)頁文檔抽象為一個基于樹或基于對象的模型，并提供對其操作的方法。微件中可以使用DOM。

XML:可擴(kuò)展標(biāo)記語言(Extensible Markup Language)擴(kuò)展標(biāo)記語言XML是一種簡單的數(shù)據(jù)存儲語言，使用一系列簡單的標(biāo)記描述數(shù)據(jù)，而這些標(biāo)記可以用方便的方式建立。Xml是Internet環(huán)境中跨平臺的，依賴于內(nèi)容的技術(shù)，是當(dāng)前處理結(jié)構(gòu)化文檔信息的有力工具。微件中文本文件絕大多數(shù)使用XML。

ECMAScript:ECMAScript是一種由歐洲計算機(jī)制造商協(xié)會(ECMA)通過ECMA-262標(biāo)準(zhǔn)化的腳本程序設(shè)計語言。這種語言在萬維網(wǎng)上應(yīng)用廣泛，它往往被稱為JavaScript，但實(shí)際上后者是ECMA-262標(biāo)準(zhǔn)的擴(kuò)展。微件中可以使用JavaScript處理交互和事件。

CSS:級聯(lián)樣式表(Cascading Style Sheets)是一種樣式表語言，用于為HTML文檔定義和布局。微件中可以使用CSS。

XMLHttpRequest:它是Ajax技術(shù)體系中最為核心的技術(shù)。是與服務(wù)器通信的方式，有同步方式和異步方式兩種。微件使用其從web服務(wù)器取回數(shù)據(jù)。

Widgets API:微件引擎提供的API，比如該微件的寬度和高度等。

HTML or Proprietary XML:超文本標(biāo)記語言(HyperText Mark-up Language) 目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。作為文檔呈現(xiàn)語言有HTML，XHTML等。微件使用其組織所要展現(xiàn)的內(nèi)容。

Configuration Document:配置文件，記錄該微件的信息，包括名稱、作者、圖標(biāo)、屬性等。標(biāo)準(zhǔn)就是規(guī)范其在不同廠商引擎對其的解析，提高移植性。

Media Type:媒體類型，表示微件可以支持的媒體類型。比如文字支持UTF-8等;圖片支持JPEG、GIF、PNG等;音頻視頻支持MIDI、MPEG等;動畫支持SVG、SWF等。

Packaging Format:打包格式，微件打包分發(fā)的格式。規(guī)定使用ZIP格式。

3 Widget簡單實(shí)現(xiàn)

現(xiàn)有微件引擎很多，且對標(biāo)準(zhǔn)遵從程度不一。如Yahoo! Widgets和Opera Widget引擎。

Yahoo!Widget后綴為widget，Windows環(huán)境默認(rèn)存放在C:\\Documents and Settings\\[當(dāng)前用戶名]\\My Documents\\My Widgets下。默認(rèn)格式為Flat File(Yahoo!Widgets的特有格式，只能用Yahoo!Widgets的SDK轉(zhuǎn)換編輯)，用SDK轉(zhuǎn)換為Folder格式可看到目錄結(jié)構(gòu):頂級是以微件名稱命名的文件夾，二級是Contents文件夾，第三級是主要文件和文件夾:Resources存放圖片和聲音文件;Source存放JavaScript和XML;*.kon文件是微件的展示組織文件，是一個XML;License.txt是協(xié)議說明文件;widget.xml是配置文件，對標(biāo)準(zhǔn)規(guī)范有對應(yīng)的部分。打包后以widget為后綴的，SDK同樣支持規(guī)范規(guī)定的ZIP格式。

Yahoo! Widgets引擎的Windows版本，主要包括Microsoft.VC80.CRT(Windows下的C運(yùn)行時)、WebKit.dll(開源的瀏覽器內(nèi)核)、YahooWidgets.exe(微件的運(yùn)行主程序)等文件和文件夾?？梢娫撘嬉哉{(diào)用瀏覽器內(nèi)核的方式實(shí)現(xiàn)微件展現(xiàn)。其運(yùn)行主程序的進(jìn)程數(shù)同微件激活運(yùn)行的個數(shù)。即運(yùn)行了幾個微件，任務(wù)管理器里就有幾個YahooWidgets.exe進(jìn)程。

Opera是一款支持多頁面標(biāo)簽式瀏覽的網(wǎng)絡(luò)瀏覽器，由于增加了大量網(wǎng)絡(luò)功能被定義為網(wǎng)絡(luò)套件。它支持多種操作系統(tǒng)、多語言，有手機(jī)版本，還提供微件支持功能，是微件引擎。一個Opera的微件是以wgt為后綴的ZIP格式打包。解壓后的目錄結(jié)構(gòu):頂級是以微件名稱命名的文件夾，二級是主要文件和文件夾:images存放圖片;script存放JavaScript;style存放css;index.html文件就是該微件的展示組織文件，是一個html;config.xml是配置文件，對標(biāo)準(zhǔn)規(guī)范有對應(yīng)的部分。

Opera是瀏覽器，做微件引擎時也不能脫離瀏覽器狀態(tài)。即微件激活運(yùn)行時瀏覽器必須開著。其微件以線程形式存在，不管運(yùn)行幾個微件，任務(wù)管理器里只有Opera.exe一個進(jìn)程。

4 展望

Widget目前的標(biāo)準(zhǔn)以W3C來說是1.0。其2.0的版本正在起草。而Netvibes的UWA是相對成熟的標(biāo)準(zhǔn)，但是其對網(wǎng)頁和桌面支持較好，對手機(jī)方面比較欠缺。在手機(jī)移動設(shè)備領(lǐng)域，Google、Microsoft、Apple等各自的標(biāo)準(zhǔn)，這些標(biāo)準(zhǔn)互不兼容，開發(fā)者不得不單獨(dú)為這些不同的平臺進(jìn)行不同的開發(fā)?？梢韵胂箅S著標(biāo)準(zhǔn)的完善，主流廠商對標(biāo)準(zhǔn)的兼容性不斷提高，加上其天生的易開發(fā)性帶來的商業(yè)模式上關(guān)注，微件將有更大的發(fā)展。

微件技術(shù)作為一種新穎的互聯(lián)網(wǎng)接入和展現(xiàn)技術(shù)，必將發(fā)揮其重要的作用。然而它不能代替現(xiàn)有的互聯(lián)網(wǎng)接入和展現(xiàn)技術(shù)，如B/S模式和Portal等。但可以與其相輔相成、相得益彰。微件技術(shù)，將是您不二的選擇!

參考文獻(xiàn):

[1] http://en.wikipedia.org/wiki/Yahoo!_Widgets，Yahoo! Widgets History.

[2] http://www.w3.org/TR/widgets-land/，Widgets 1.0: The Widget Landscape.

[3] http://www.w3.org/TR/widgets-reqs/，Widgets 1.0: Requirements.

[4] http://www.w3.org/TR/widgets/，Widgets 1.0: Packaging and Configuration.

[5] http://www.w3.org/TR/widgets-digsig/，Widgets 1.0: Digital Signatures.

[6] http://www.w3.org/TR/widgets-apis/，Widgets 1.0: APIs and Events.

[7] http://www.w3.org/TR/widgets-uri/，Widgets 1.0: URI Scheme.

[8] http://www.w3.org/TR/widgets-updates/，Widgets 1.0: Updates.