界面微件助力工作臺崗位自助界面實現(xiàn)

李少龍+路輝+鄒飛+袁輝

摘要：微件技術(shù)有著良好的用戶交互和表現(xiàn)力，結(jié)合其開發(fā)上的特點，可以與行業(yè)信息化中的應(yīng)用形成天然的契合和一致的用戶認(rèn)可度。本文從微件技術(shù)層面出發(fā)，闡述了微件技術(shù)的特點及發(fā)展，結(jié)合在電網(wǎng)中的應(yīng)用實踐，給出了微件技術(shù)的一種實現(xiàn)方案。

【關(guān)鍵詞】微件 微件技術(shù) 電網(wǎng)企業(yè)

1 前言

隨著用戶界面設(shè)計思想和技術(shù)的不斷發(fā)展，用戶對軟件界面的要求越來越高。目前的用戶界面按照預(yù)先設(shè)計的形式呈現(xiàn)給用戶，界面風(fēng)格和布局較為固定單一，然后在實際使用環(huán)境中，由于不同用戶的需求存在差異，對界面的要求和關(guān)注也不一致，傳統(tǒng)的用戶界面已不能滿足用戶的個一性化要求。另外用戶的需求也會隨著時間推移等外部因素的影響而變化，傳統(tǒng)的用戶界面不能隨著用戶需求的變化而及時的作出改變，這就需要設(shè)計人員重新設(shè)計界面，從人力的角度也不能做到節(jié)約成本。

為了電網(wǎng)企業(yè)不同層級、不同崗位、不同用戶，個性化需求，實現(xiàn)與其他業(yè)務(wù)系統(tǒng)的無縫集成和界面適配互聯(lián)網(wǎng)化的用戶體驗，為全網(wǎng)各個部門、各個供電所、各級用戶提供基于崗位的一站式工作臺，給所有用戶提供統(tǒng)一標(biāo)準(zhǔn)又帶有崗位特色的操作體驗，以個人的個性化需求為核心，通過封裝其他業(yè)務(wù)系統(tǒng)已有的常用功能，提供給各個部門各級用戶配置使用，滿足用戶的個性化需求。用戶登錄系統(tǒng)之后，根據(jù)用戶崗位信息進行匹配用戶界面及界面內(nèi)容展現(xiàn)。

為了使工作臺成為所有員工開展工作的統(tǒng)一工作界面，形成動態(tài)、靈活、可配置的平臺，滿足用戶的個性化需要，利用微件技術(shù)，以微件為界面基本實現(xiàn)單元的實現(xiàn)方案得以應(yīng)用。

2 微件技術(shù)概述

微件是指一小塊可以在任意一個基于HTML的Web頁面上執(zhí)行的代碼，它的根本思想來源于代碼復(fù)用，微件的代碼形式包含但不限于DHTML、JavaScript以及AdobeFlash。微件通常情況下可以分為桌面微件、Web微件和移動微件。桌面微件可以在操作系統(tǒng)桌面上獨立運行，可以單獨連接到網(wǎng)絡(luò)，無須通過瀏覽進行訪問。Web微件是一類可以嵌入到網(wǎng)頁中的模塊或代碼塊，用戶不需要進行修改即可將各種Web微件組裝到其他HTML網(wǎng)頁中，本文中所提及的微件即是特指Web微件。移動微件即是運行在移動設(shè)備上的桌面微件。

微件技術(shù)作為一種用戶界面展現(xiàn)技術(shù)，可以提供各類應(yīng)用的入口。任何客戶端都可以以微件形式組裝出豐富的用戶界面。微件技術(shù)具有如下特點：

2.1 個性化

微件可以以多種形式呈現(xiàn)，像是一個屬于每個用戶的魔方，任由用戶重組聚合。用戶可以根據(jù)自己的喜好，將多個微件組裝出自己獨特的、最符合用戶白身需求的個件化的界面。

2.2 交互性

微件能夠使用戶獲得實時準(zhǔn)確的反饋、良好的引導(dǎo)與參與，用戶在使用微件的過程中，不是僅僅被動的瀏覽獲得信息，而是需要與之產(chǎn)生信息交互。微件開發(fā)相對于而向用戶的應(yīng)用模式提高了用戶的參與度和交互度。

2.3 一致性

同一微件在不同模塊或頁而中的視覺外觀、結(jié)構(gòu)形式、交互方式等方而保持一致。微件界而的一致性能夠增強易用性和認(rèn)知感，提高用戶的使用效率。另外微件的一致性也能夠幫助設(shè)計師很好的把握視覺風(fēng)格和操作方式的系統(tǒng)性。

2.4 低成本

微件應(yīng)用小巧輕便，功能單一，實用性強，執(zhí)行效率高，小號流量少，占用系統(tǒng)資源少，可利用開放API開發(fā)應(yīng)用，易于高效快速的整合到已有的應(yīng)用來開發(fā)新應(yīng)用。另外微件引擎屏蔽了終端平臺的差異性，能夠?qū)崿F(xiàn)“一次開發(fā)，到處運行”，有效的降低了終端系統(tǒng)適配的難度，加快了終端應(yīng)用的部署。

3 實踐方案

在本系統(tǒng)中，以用戶需求差異特性為出發(fā)點，分析用戶需求及崗位特性，以微件為界而基本實現(xiàn)單元，以模板為微件組合模型，對不同崗位的用戶界而需求和崗位業(yè)務(wù)特性進行抽象，組合不同的微件形成多個標(biāo)準(zhǔn)化模板，以基于瀏覽器研發(fā)的渲染引擎為環(huán)境，渲染出每個用戶的定制化的最符合其需求的軟件界而。

在實現(xiàn)過程中，以微件管理、模板配置、解析引擎和用戶界而定制化四個模塊組成。結(jié)構(gòu)圖如圖1所示。

微件管理的主要任務(wù)是對功能界而范圍進行劃分，從而從龐大的系統(tǒng)中解耦出來，形成功能、界而獨立的微件，并對微件的大小、背景、內(nèi)容等信息進行管理。模板配置負責(zé)組合不同的微件并定制每個微件在模型中的坐標(biāo)等，作為渲染引擎的輸入信息。解析引擎實際上是在瀏覽器上的模板解析器，對不同的模板中包含的微件的所有信息進行解析，并通過瀏覽器渲染出個行化的用戶界而。用戶自定義模塊是指在經(jīng)過前三個模塊渲染出的界而的基礎(chǔ)上，允許用戶進行自定義的微件重組。

微件技術(shù)在本系統(tǒng)中實踐的具體實現(xiàn)步驟為如圖2所示。

功能模塊微件化。對每個功能模塊的界而進行明確業(yè)務(wù)劃分，對內(nèi)部實現(xiàn)以及界而設(shè)計進行解耦，進而形成一個個獨立的微件，并形成微件的基本量化信息，包括寬、高、訪問地址、背景、參數(shù)、圖標(biāo)、預(yù)覽圖等，利用微件管理模塊對這些信息進行維護。

模板配置。模板是一個模擬的抽象的用戶界而，根據(jù)用戶的需求和其崗位的業(yè)務(wù)特性，建立不同的模板，將量化的微件配置于模板中，定制微件在模板中的坐標(biāo)，形成不同的界而模板。模板配置的界而實現(xiàn)如圖3所示。

解析引擎。當(dāng)用戶基于瀏覽器訪問其用戶界而時，獲取該用戶的崗位，獲取特有的符合其崗位特性的模板數(shù)據(jù)，將模板數(shù)據(jù)輸入解析引擎，根據(jù)模板中微件的配置信息，結(jié)合引擎對瀏覽器抽象出來的坐標(biāo)系，先解析出微件的位置，然后根據(jù)微件的基礎(chǔ)信息解析出微件自身的特征化的模塊，多個微件在坐標(biāo)系中的不斷渲染，即可形成符合用戶崗位特性的界而。

用戶自定義。不同崗位的用戶可以在其崗位模板中賦予的微件范圍上，進行界而微件的重新組合，改變微件的展示位置，安裝或卸載某些微件，從而形成該用戶的個性化的用戶界而，并將該自定義出來的界而進行記錄，用戶下次進入系統(tǒng)，首先按照其自定義出來的信息對界而進行重新實例化。

微件技術(shù)作為一種切實可行且己在本系統(tǒng)中實踐的技術(shù)手段，通過上述的步驟已經(jīng)基本滿足了用戶的個性化需求和崗位特性。用戶進入系統(tǒng)的整個系統(tǒng)流程如圖4所示。

4 結(jié)束語

微件技術(shù)的發(fā)展為電網(wǎng)企業(yè)信息化的建設(shè)提供了一種新的手段。利用微件技術(shù)，既可以把自己的資源和服務(wù)分門別類地封裝起來工用戶組建符合自己的工作臺之用，也可以把其他的資源或服務(wù)聚合在一起作為本系統(tǒng)的微件。基于微件的工作臺系統(tǒng)不僅便于用戶定制各種微件組合，而且支持動態(tài)調(diào)整組建的構(gòu)成和布局。

微件技術(shù)電網(wǎng)企業(yè)進～步改善服務(wù)模式、整合優(yōu)勢資源，實現(xiàn)服務(wù)增值提供了一個很好的機遇，利用微件技術(shù)為用戶提供更好的個性化服務(wù)，推動用戶主動創(chuàng)造信息、共享信息。微件技術(shù)給電網(wǎng)企業(yè)信息化中的建設(shè)帶來了新的生機。

參考文獻

[1]張曉林，劉小兵，王防著，開放個性化定制機制 基本理念與邏輯框架，圖書情報工作，2004.

[2]魯曉波，詹炳宏著.數(shù)字圖形界面藝術(shù)設(shè)計.清華大學(xué)出版社，2006.

[3]A lanCooper著，劉松濤譯.About Face3交互設(shè)計精髓（美）.電子工業(yè)出版社.2008.

[4]劉東明著.網(wǎng)絡(luò)整合營銷兵器譜.遼寧科學(xué)技術(shù)出版社，2009.

[5]張凌，陸剛等，基于微件技術(shù)的中小企業(yè)門戶和應(yīng)用實現(xiàn)，電信科學(xué)，2009 （10）.

[6]郭文麗，嚴(yán)潮斌等，基于微件的個人圖書館系統(tǒng)框架，圖書館雜志，2011（01）.endprint