界面微件助力工作台岗位自助界面实现

李少龙+路辉+邹飞+袁辉

摘要：微件技术有着良好的用户交互和表现力，结合其开发上的特点，可以与行业信息化中的应用形成天然的契合和一致的用户认可度。本文从微件技术层面出发，阐述了微件技术的特点及发展，结合在电网中的应用实践，给出了微件技术的一种实现方案。

【关键词】微件 微件技术 电网企业

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