界面微件助力工作臺崗位自助界面實現

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

摘要：微件技術有著良好的用戶交互和表現力，結合其開發上的特點，可以與行業信息化中的應用形成天然的契合和一致的用戶認可度。本文從微件技術層面出發，闡述了微件技術的特點及發展，結合在電網中的應用實踐，給出了微件技術的一種實現方案。

【關鍵詞】微件 微件技術 電網企業

1 前言

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

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

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

2 微件技術概述

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

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

2.1 個性化

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

2.2 交互性

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

2.3 一致性

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

2.4 低成本

微件應用小巧輕便，功能單一，實用性強，執行效率高，小號流量少，占用系統資源少，可利用開放API開發應用，易于高效快速的整合到已有的應用來開發新應用。另外微件引擎屏蔽了終端平臺的差異性，能夠實現“一次開發，到處運行”，有效的降低了終端系統適配的難度，加快了終端應用的部署。

3 實踐方案

在本系統中，以用戶需求差異特性為出發點，分析用戶需求及崗位特性，以微件為界而基本實現單元，以模板為微件組合模型，對不同崗位的用戶界而需求和崗位業務特性進行抽象，組合不同的微件形成多個標準化模板，以基于瀏覽器研發的渲染引擎為環境，渲染出每個用戶的定制化的最符合其需求的軟件界而。

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

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

微件技術在本系統中實踐的具體實現步驟為如圖2所示。

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

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

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

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

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

4 結束語

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

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

參考文獻

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

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

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

[4]劉東明著.網絡整合營銷兵器譜.遼寧科學技術出版社，2009.

[5]張凌，陸剛等，基于微件技術的中小企業門戶和應用實現，電信科學，2009 （10）.

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