CN101452383A - 界面原型的设计方法及设计系统 - Google Patents

Abstract

本发明提供了一种界面原型的设计方法，其包括以下步骤：步骤一，保存一种或多种类型的界面元素；步骤二，从所保存的一种或多种类型的界面元素中选出一个或多个界面元素并生成相应的界面原型，其中，一个或多个界面元素包括功能元素和显示元素，一个显示元素包括一个或多个功能元素，一个功能元素对应于一个用例；以及步骤三，确定所生成的界面原型上的一个或多个界面元素和一个或多个界面元素中的显示元素中的功能元素所对应的用例的链接关系。本发明还提供了一种界面原型的设计系统。从而，增加了界面原形的动态性；方便了对需求进行阅读和分析；增加了需求描述的精确性；以及方便了界面原型的设计和维护。

Description

界面原型的设计方法及设计系统

技术领域

本发明涉及一种界面原型的设计方法及设计系统。

背景技术

在大型的软件开发过程中，设计界面原型和生成系统需求文档是必不可少的工作。通常情况下，需求分析人员使用画图工具设计界面原型，使用文档编辑器生成系统需求文档。

使用画图工具和编辑器设计界面原型和生成需求文档存在如下问题：

一、无法体现用户与界面的动态交互，例如右击弹出菜单，单击按钮展现功能操作等；

二、界面原型、用例说明和数据字典是分散的，阅读起来比较困难，维护起来也不方便；

三、对多种操作系统下的界面风格支持不足；

四、无法体现界面原型的整体性和各个界面间的关联性，例如在一个窗口中打开另外一个窗口。

如图1所示，使用画图工具和文档编辑器制作出来的界面原型、用例以及数据字典都是独立的，无法体现界面原型、用例、数据字典之间的关系，也无法体现用户与界面之间得动态交互特征。

因此，需要一种界面原型的设计方法及设计系统来增加界面原形的动态性；方便对需求进行阅读和分析；增加需求描述的精确性；以及方便界面原型的设计和维护。

发明内容

考虑到上述问题而做出本发明，为此，本发明的主要目的在于，提供了一种界面原型的设计方法，其包括以下步骤：

步骤一，保存一种或多种类型的界面元素；

步骤二，从所保存的一种或多种类型的界面元素中选出一个或多个界面元素并生成相应的界面原型，其中，一个或多个界面元素包括功能元素和显示元素，一个显示元素包括一个或多个功能元素，一个功能元素对应于一个用例；以及

步骤三，确定所生成的界面原型上的一个或多个界面元素和一个或多个界面元素中的显示元素中的功能元素所对应的用例的链接关系。

在步骤三之后，存储界面原型、界面原型中的用例、信息数据库和相应的链接的信息。

步骤二可以包括以下处理：为所选出的一个或多个界面元素的显示元素添加功能元素；以及为界面原型上的一个或多个界面元素中的功能元素制作相应的用例。

步骤二还可以包括：将显示元素的定义和描述添加到信息数据库中；以及将用例中的术语和参数添加到信息数据库中。

根据本发明的设计方法还可以包括：增加、修改或删除链接关系。

在增加链接关系时，可以包括以下处理：判断所提供的界面原型上的一个或多个界面元素的链接标识所对应的链接关系是否存在，如果不存在，则为界面元素增加相应的链接，并进行保存。

在修改或删除链接关系时，可以包括以下处理：根据链接的目标链接元素标识，在所存储的链接信息中查找目标链接元素，当目标链接元素存在时，修改或删除相应的界面元素中的链接信息，并进行保存。

界面元素可以具有风格类型属性和元素类型属性。

根据本发明的设计方法还可以包括：修改界面原型上的一个或多个界面元素的显示元素的风格类型属性。

风格类型属性可以包括Windows风格和Unix风格。

所存储的界面原型可以包括界面原型上的界面元素以及界面元素的大小和位置信息。

显示元素可以包括窗口、提示信息、菜单和按钮。

功能元素可以包括单击鼠标、双击鼠标、右击鼠标、以及键盘输入。

根据本发明的另一方面，提供了一种界面原型的设计系统，其包括：

界面元素存储模块，用于保存一种或多种类型的界面元素；

界面原型生成模块，用于从界面元素存储模块所保存的一种或多种类型的界面元素中选出一个或多个界面元素并生成相应的界面原型，其中，一个或多个界面元素包括功能元素和显示元素，一个显示元素包括一个或多个功能元素，一个功能元素对应于一个用例；以及

链接管理模块，用于确定界面原型生成模块所生成的界面原型上的一个或多个界面元素和一个或多个界面元素中的显示元素中的功能元素所对应的用例的链接关系。

设计系统还可以包括界面原型数据存储模块，用于存储界面原型、界面原型中的用例、信息数据库和相应的链接的信息。

界面原型生成模块，用于为所选出的一个或多个界面元素的显示元素添加功能元素；以及为界面原型上的一个或多个界面元素中的功能元素制作相应的用例。

链接管理模块还可以用于增加、修改或删除链接关系。

界面原型生成模块还可以包括：添加单元，用于将显示元素的定义和描述添加到信息数据库中；以及将用例中的术语和参数添加到信息数据库中。

界面元素可以具有风格类型属性和元素类型属性。

根据本发明的设计系统还可以包括：风格转换模块，用于修改界面原型上的一个或多个界面元素中的显示元素的风格类型属性。

由界面原型数据存储模块所存储的界面原型可以包括界面原型上的界面元素以及界面元素的大小和位置信息。

风格类型属性可以包括Windows风格和Unix风格。

显示元素可以包括窗口、提示信息、菜单和按钮。

功能元素可以包括单击鼠标、双击鼠标、右击鼠标、以及键盘输入。

通过上述技术方案，可以增加界面原形的动态性；方便对需求进行阅读和分析；增加需求描述的精确性；以及方便界面原型的设计和维护。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1是现有技术中使用画图工具制作界面原型的示意图；

图2是根据本发明的界面原型的设计方法的流程图；

图3是根据本发明的界面原型的设计系统的框图；

图4是根据本发明实施例的界面原型设计工具的框图；

图5是根据本发明实施例的界面原型设计工具的主界面的视图；以及

图6是根据本发明实施例的界面原型数据存储模块中的数据结构的示意图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

图2是根据本发明的界面原型的设计方法的流程图，以及图3是根据本发明的界面原型的设计系统的框图。

参照图2，提供了一种界面原型的设计方法，其包括以下步骤：

步骤S202，保存一种或多种类型的界面元素；

步骤S204，从所保存的一种或多种类型的界面元素中选出一个或多个界面元素并生成相应的界面原型，其中，一个或多个界面元素包括功能元素和显示元素，一个显示元素包括一个或多个功能元素，一个功能元素对应于一个用例；以及

步骤S206，确定所生成的界面原型上的一个或多个界面元素和一个或多个界面元素中的显示元素中的功能元素所对应的用例的链接关系。

在步骤S206之后，存储界面原型、界面原型中的用例、信息数据库和相应的链接的信息。

步骤S204可以包括以下处理：为所选出的一个或多个界面元素的显示元素添加功能元素；以及为界面原型上的一个或多个界面元素中的功能元素制作相应的用例。

步骤S204还可以包括：将显示元素的定义和描述添加到信息数据库中；以及将用例中的术语和参数添加到信息数据库中。

根据本发明的设计方法还可以包括：增加、修改或删除链接关系。

在增加链接关系时，可以包括以下处理：判断所提供的界面原型上的一个或多个界面元素的链接标识所对应的链接关系是否存在，如果不存在，则为界面元素增加相应的链接，并进行保存。

在修改或删除链接关系时，可以包括以下处理：根据链接的目标链接元素标识，在所存储的链接信息中查找目标链接元素，当目标链接元素存在时，修改或删除相应的界面元素中的链接信息，并进行保存。

界面元素可以具有风格类型属性和元素类型属性。

根据本发明的设计方法还可以包括：修改界面原型上的一个或多个界面元素的显示元素的风格类型属性。

风格类型属性可以包括Windows风格和Unix风格。

所存储的界面原型可以包括界面原型上的界面元素以及界面元素的大小和位置信息。

显示元素可以包括窗口、提示信息、菜单和按钮。

功能元素可以包括单击鼠标、双击鼠标、右击鼠标、以及键盘输入。

参照图3，提供了一种界面原型的设计系统，其包括：

界面元素存储模块301，用于保存一种或多种类型的界面元素；

界面原型生成模块302，用于从界面元素存储模块301所保存的一种或多种类型的界面元素中选出一个或多个界面元素并生成相应的界面原型，其中，一个或多个界面元素包括功能元素和显示元素，一个显示元素包括一个或多个功能元素，一个功能元素对应于一个用例；以及

链接管理模块303，用于确定界面原型生成模块302所生成的界面原型上的一个或多个界面元素和一个或多个界面元素中的显示元素中的功能元素所对应的用例的链接关系。

设计系统还可以包括界面原型数据存储模块，用于存储界面原型、界面原型中的用例、信息数据库和相应的链接的信息。

界面原型生成模块302，用于为所选出的一个或多个界面元素的显示元素添加功能元素；以及为界面原型上的一个或多个界面元素中的功能元素制作相应的用例。

链接管理模块303还可以用于增加、修改或删除链接关系。

界面原型生成模块302还可以包括：添加单元，用于将显示元素的定义和描述添加到信息数据库中；以及将用例中的术语和参数添加到信息数据库中。

界面元素可以具有风格类型属性和元素类型属性。

根据本发明的设计系统还可以包括：风格转换模块，用于修改界面原型上的一个或多个界面元素中的显示元素的风格类型属性。

由界面原型数据存储模块所存储的界面原型可以包括界面原型上的界面元素以及界面元素的大小和位置信息。

风格类型属性可以包括Windows风格和Unix风格。

显示元素可以包括窗口、提示信息、菜单和按钮。

功能元素可以包括单击鼠标、双击鼠标、右击鼠标、以及键盘输入。

下面将详细描述本发明的示例性实施例。

参照图4，根据本发明的示例性实施例的结构包括：界面元素存储模块、界面原型生成模块、风格转换模块、链接管理模块、界面原型数据存储模块，连线间的箭头表示模块间数据的流动方向。

它们的功能与相互关系说明如下：

1、界面元素存储模块用于保存工具能够提供的各种类型界面元素；

界面元素在本模块中至少要包含两个信息：风格类别、元素类别，其中风格类别标识的是界面所属的风格，例如Windows风格，Unix风格等元素类别标识的是该界面元素的类型，例如功能按钮、菜单、编辑框等。

界面元素为界面原型生成模块提供制作界面原型的基本素材，风格类别转换模块从界面元素存储模块中获取相应风格的界面元素，对已有的界面原型上的界面元素做批量的风格转换。

2、界面原型生成模块的主要功能是完成界面原型的制作和显示；

界面原型生成模块的主要功能有：

从界面元素存储模块获取已有的界面元素，并使用这些界面元素组合相应的界面原型；

针对显示元素的信息增加数据字典；

在特定的显示元素上增加功能元素；

针对功能元素制作用例；

针对用例里面的术语和参数建立数据字典；

使用链接管理模块维护和显示界面元素、用例、数据字典之间的链接；

使用数据存储模块存储和读取界面原型数据。

3、界面原型数据存储模块完成对界面原型、用例、数据字典以及链接等信息的存储；

界面原型信息包含了该界面原型使用的界面元素以及界面元素的大小、位置等信息；

为了支持链接处理，界面原型中的界面元素、用例、数据字典的信息中包含了链接信息，该链接信息标识了它所指向的链接元素；

每个链接元素都有唯一的标识，通过该标识，可以查询到相应的链接元素；

界面原型数据存储模块提供了对界面原型、用例、数据字典的查询功能；

界面原型生成模块、风格转换模块、链接管理模块可以对该模块进行查询和存储等操作。

4、链接管理模块提供对链接的增加、删除、修改等功能；

增加、删除、修改链接的操作步骤如下：

步骤一：界面原型生成模块提供界面元素或者用例以及链接元素标识，调用链接管理模块向界面元素或者用例中增加链接

步骤二：链接管理模块根据链接的目标元素的标识，从界面原型数据存储模块中查找相应的链接元素是否存在，如果不存在，进入步骤四，如果存在进入后续步骤；

步骤三：链接管理模块增加、删除或者修改相应的界面元素或者用例数据中的链接信息，并调用界面原型数据存储模块将界面元素或者用例数据重新保存；

步骤四：操作结束。

5、风格转换模块可以实现对界面原型的整体风格转换；

风格转换功能的实现步骤如下：

步骤一：调用界面原型数据存储模块，获取界面原型中所包含的所有显示元素；

步骤二：修改获取的显示元素的风格类别；

步骤三：调用界面原型数据存储模块，重新保存修改后的显示元素；

步骤四：操作结束。

参见图5，在界面原型设计工具的主界面中：

1是主框架区，提供创建界面原型、打开界面原型、删除界面原型、建立链接、删除链接、风格转换等功能；

2是显示元素选择区，4、5是可供选择的一系列的显示元素，用户可以根据界面原型的需要进行选择；

3是界面原型制作区，用户从显示元素选择区中选择显示元素，并使用它们在界面原型制作区中进行界面原型制作；

6、7是界面原型中的显示元素，可以对它们增加数据字典和功能元素，可以对功能元素增加用例说明，可以建立数据字典与界面元素、界面元素与界面元素、用例与界面元素的关联关系。

参见图6，一个界面原型是由多个显示元素组成的，显示元素里面可以包含多个功能元素和链接，一个功能元素对应一个用例，用例里面可以包含多个链接；

由于界面原型、显示元素、用例和数据字典都属于链接元素，所以它们都有一个链接元素Id属性；

对于显示元素，需要有位置信息和大小信息；通过位置和大小信息，各个显示元素组合到一起，形成一个界面原型；

对于链接，由于一个链接可以在用例信息或者显示元素信息中的不同位置，所以具有链接位置属性，链接的目的是关联到一个链接元素，目标链接元素Id就是要关联的链接元素Id，通过这个Id就可以找到对应的链接元素，打开链接就可以显示对应的链接元素；

界面元素包含了风格类型信息和元素类型信息，如果该界面元素是显示元素，还会包含位图信息，对于界面原型中的显示元素来说，只包含了相应的界面元素Id，并不用包含位图信息。

以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (24)

1.一种界面原型的设计方法，其特征在于，所述方法包括以下步骤：

步骤一，保存一种或多种类型的界面元素；

步骤二，从所保存的所述一种或多种类型的界面元素中选出一个或多个界面元素并生成相应的界面原型，其中，所述一个或多个界面元素包括功能元素和显示元素，一个所述显示元素包括一个或多个功能元素，一个所述功能元素对应于一个用例；以及

步骤三，确定所生成的所述界面原型上的所述一个或多个界面元素和所述一个或多个界面元素中的显示元素中的功能元素所对应的用例的链接关系。

2.根据权利要求1所述的设计方法，其特征在于，在所述步骤三之后，存储所述界面原型、所述界面原型中的所述用例、所述信息数据库和相应的所述链接的信息。

3.根据权利要求1所述的设计方法，其特征在于，所述步骤二包括以下处理：

为所选出的所述一个或多个界面元素的显示元素添加功能元素；以及

为所述界面原型上的所述一个或多个界面元素中的所述功能元素制作相应的用例。

4.根据权利要求7所述的设计方法，其特征在于，所述步骤二还包括：

将所述显示元素的定义和描述添加到信息数据库中；以及

将所述用例中的术语和参数添加到信息数据库中。

5.根据权利要求1所述的设计方法，其特征在于，还包括：

增加、修改或删除所述链接关系。

6.根据权利要求5所述的设计方法，其特征在于，在增加所述链接关系时，包括以下处理：

判断所提供的所述界面原型上的所述一个或多个界面元素的链接标识所对应的链接关系是否存在，如果不存在，则为所述界面元素增加相应的链接，并进行保存。

7.根据权利要求5所述的设计方法，其特征在于，在修改或删除所述链接关系时，包括以下处理：

根据所述链接的目标链接元素标识，在所存储的所述链接信息中查找所述目标链接元素，当所述目标链接元素存在时，修改或删除相应的所述界面元素中的链接信息，并进行保存。

8.根据权利要求1所述的设计方法，其特征在于，所述界面元素具有风格类型属性和元素类型属性。

9.根据权利要求8所述的设计方法，其特征在于，所述方法还包括：

修改所述界面原型上的所述一个或多个界面元素的所述显示元素的风格类型属性。

10.根据权利要求8所述的设计方法，其特征在于，所述风格类型属性包括Windows风格和Unix风格。

11.根据权利要求2所述的设计方法，其特征在于，所存储的所述界面原型包括所述界面原型上的所述界面元素以及所述界面元素的大小和位置信息。

12.根据权利要求1至11任一项所述的设计方法，其特征在于，所述显示元素包括窗口、提示信息、菜单和按钮。

13.根据权利要求1至11任一项所述的设计方法，其特征在于，所述功能元素包括单击鼠标、双击鼠标、右击鼠标、以及键盘输入。

14.一种界面原型的设计系统，其特征在于，所述系统包括：

界面元素存储模块，用于保存一种或多种类型的界面元素；

界面原型生成模块，用于从所述界面元素存储模块所保存的所述一种或多种类型的界面元素中选出一个或多个界面元素并生成相应的界面原型，其中，所述一个或多个界面元素包括功能元素和显示元素，一个所述显示元素包括一个或多个功能元素，一个所述功能元素对应于一个用例；以及

链接管理模块，用于确定所述界面原型生成模块所生成的所述界面原型上的所述一个或多个界面元素和所述一个或多个界面元素中的显示元素中的功能元素所对应的用例的链接关系。

15.根据权利要求14所述的设计系统，其特征在于，所述设计系统还包括界面原型数据存储模块，用于存储所述界面原型、所述界面原型中的所述用例、所述信息数据库和相应的所述链接的信息。

16.根据权利要求14所述的设计系统，其特征在于，所述界面原型生成模块，用于为所选出的所述一个或多个界面元素的显示元素添加功能元素；以及为所述界面原型上的所述一个或多个界面元素中的所述功能元素制作相应的用例。

17.根据权利要求14所述的设计系统，其特征在于，所述链接管理模块还用于增加、修改或删除所述链接关系。

18.根据权利要求14所述的设计系统，其特征在于，所述界面原型生成模块还包括：

添加单元，用于将所述显示元素的定义和描述添加到信息数据库中；以及将所述用例中的术语和参数添加到信息数据库中。

19.根据权利要求14所述的设计系统，其特征在于，所述界面元素具有风格类型属性和元素类型属性。

20.根据权利要求19所述的设计系统，其特征在于，所述设计系统还包括：

风格转换模块，用于修改所述界面原型上的所述一个或多个界面元素中的所述显示元素的风格类型属性。

21.根据权利要求17所述的设计系统，其特征在于，由所述界面原型数据存储模块所存储的所述界面原型包括所述界面原型上的所述界面元素以及所述界面元素的大小和位置信息。

22.根据权利要求19所述的设计系统，其特征在于，所述风格类型属性包括Windows风格和Unix风格。

23.根据权利要求14至22中任一项所述的设计系统，其特征在于，所述显示元素包括窗口、提示信息、菜单和按钮。

24.根据权利要求14至22中任一项所述的设计系统，其特征在于，所述功能元素包括单击鼠标、双击鼠标、右击鼠标、以及键盘输入。

Images