CN110308893B - 一种前端开发需求评估方法及系统 - Google Patents

Abstract

本发明属于计算机应用技术领域且公开了一种前端开发需求评估方法及系统，包括前端开发需求评估方法和前端开发需求评估系统，前端开发需求评估方法包括获取设计稿文件、选择解析配置、解析设计稿文件、计算各页面的容量特征值、计算各页面的复杂度特征值、计算各页面的相似度特征值并对相似页进行分组、计算工作量和返回评估结果，所述前端开发需求评估系统包括多个客户终端、一个分析服务器、一个存储服务器和一个配置服务器。本发明可以有效提高前端开发需求的评估效率，提高评估结果的准确性和稳定性。

Description

一种前端开发需求评估方法及系统

技术领域

本发明具体涉及一种前端开发需求评估方法及系统，属于计算机应用技术领域。

背景技术

在软件前端开发工作中，需要工程师对软件前端部分的需求进行深入分析，从而充分理解前端界面的外观及功能设计，提出开发方案和关键技术，评估技术可行性，并预估开发的工作量、技术难点以及工期，为整体软件开发项目管控提供有效的信息支持。

目前绝大部分的前端开发需求分析和评估工作，都由工程师人工完成，评估结果的准确度依赖于评估者个人的知识水平和工作经验，具有主观性，难以统一标准，评估结果缺乏准确性和稳定性。一些自动化辅助评估工具可以在一定程度上提高评估工作的效率，但是这些工具也存在一些问题，包括（1）评估方法单一，导致针对不同类型的需求评估结果准确度不稳定；（2）评估过程依赖部分人工输入的基本参数，影响评估效率，也存在人为失误导致的准确度偏差。因此，我们提出一种前端开发需求评估方法及系统。

发明内容

本发明要解决的技术问题克服现有的缺陷，提供一种前端开发需求评估方法及系统，通过本发明可以有效提高前端开发需求的评估效率，提高评估结果的准确性和稳定性，可以有效解决背景技术中的问题。

为了解决上述技术问题，本发明提供了如下的技术方案：

本发明一方面提供一种前端开发需求评估方法，包括以下步骤：

步骤1，获取设计稿文件，选择合适的解析配置；

步骤2，逐一解析包内设计稿文件，分析各页面设计稿文件的容量特征、复杂度特征和相似度特征，并将相似页进行分组；

步骤3根据各页面设计稿的特征值，估算总体开发工作量，并估算预计开发时间和费用。

优选的，所述获取设计稿文件包括进入指定项目的设计稿文件目录，读取设计稿文件，如果是压缩文件，需进行解压。

优选的，所述选择解析配置包括根据设计稿文件名称的后缀名，判断设计稿文件格式，根据文件格式选择合适的解析配置。

优选的，所述解析设计稿文件包括解析每一个设计稿文件，读取图像的宽度、高度、图层数、文件大小等参数。

优选的，所述计算各页面的容量特征值包括设读取设计稿图像的宽度为w，高度为h，则该页面容量特征值为 a=A*h/w，其中A为标准屏幕参考比例，通常情况A=16/9，所述计算各页面的复杂度特征值包括设读取设计稿文件大小为f，则该页面复杂度特征值为b=f/(B*w*h)，其中B为标准图像参考密度，通常情况，对于psd格式的设计稿文件B=4.8字节/像素。

优选的，所述计算各页面的相似度特征值并对相似页进行分组包括首先将各页面两两对比获取相似度结果，然后根据相似度是否超过设定阈值判断对比的两个页面是否相似，最后，将判断为相似的页面进行分组，每个分组的第一个页面相似度特征值为c1=0，组内其他页面相似度特征值为ci=pi，其中pi为该页面与组内第一个页面对比的相似度，其中，相似度分组算法如下：

6-1 读取输入页面集合P，创建结果集合R，T=0.8；

6-2 创建新分组集合G，取P中第一个页面p，放入G，同时从P中删除p，将G放入R，如果P为空，返回R，流程结束，否则执行6-3；

6-3 遍历P中各页面pi，依次将p与P中各页面pi进行对比，分别计算相似度Ci，如果Ci>T，则执行6-4；否则继续执行6-3对比下一个页面；

6-4 将pi放入G，同时将pi从P中删除，如果P为空，返回R；否则继续执行6-3对比下一个页面；

6-5 6-3遍历执行完毕后，继续执行6-2。

优选的，所述计算工作量包括基于任务所有页面的特征值，计算预估工作量，首先基于各分组第一个页面的容量特征值和复杂度特征值，计算该页面的预估工作量W1=w*a1*b1，其中w为标准效率参考值，通常情况下w=0.1人日，然后，根据组内其他页面的相似度特征值，计算对应相似页的预估工作量Wi=(1-ci)*W1，最后，求和计算项目总体的预估工作量W，并基于人日单价x计算总体预估费用X=x*W，所述返回评估结果包括将预估的总体工作量W、总体费用X，以及项目各页面的相似度分组、相似度特征值、容量特征值和复杂度特征值等数据结果返回。

在上述方法的基础上，本发明另一方面提供一种前端开发需求评估系统，包括多个客户终端、一个分析服务器、一个存储服务器和一个配置服务器，所述客户终端供用户上传设计稿、发起需求评估请求并获取评估结果，所述分析服务器分别与客户终端、存储服务器和配置服务器信号连接，负责获取设计稿和对应配置，进行分析评估，展示评估结果，所述存储服务器用于存储用户上传的设计稿文件，所述配置服务器用于管理维护设计稿解析配置信息，根据实际应用场景和需求，所述系统还可增加其他服务器提供相关关联服务。

优选的，所述前端开发需求评估系统总体工作流程为：

9-1用户在用户终端上传设计稿文件，然后分析服务器将设计稿放入存储服务器保存；

9-2用户在用户终端发送评估请求，分析服务器访问存储服务器，读取设计稿文件，并从配置服务器读取对应的文件解析配置；

9-3分析服务器根据配置对设计稿文件进行解析，基于得到的解析结果，分别计算页面的容量、复杂度、相似度等特征值，并根据页面特征值计算工作量；

9-4最后将计算结果返回到用户终端。

优选的，所述总体工作流程中包括关键流程，所述关键流程如下：

10-1分析服务器读取设计稿文件后，提取文件后缀名，判断文件类型，如果是压缩文件，调用对应解压程序进行解压，然后再提取解压后的文件后缀名；

10-2配置服务器保存了不同格式设计稿的解析配置，包括解析程序、提取信息字段、常量参数等，分析服务器读取设计稿文件后，根据设计稿文件后缀名判断设计稿格式，然后向配置服务器发送请求，获取对应格式的解析程序路径、提取字段名和常量参数值，并按照配置对调用解析程序对设计稿进行解析，提取设计稿页面基本参数；

10-3分析服务器根据提取的设计稿的页面宽度和高度，以及预设的配置参数，标准屏幕参考比例，计算页面的容量特征值；

10-4分析服务器根据提取的设计稿文件大小，页面宽度和高度，以及预设的配置参数，标准图像参考密度，计算页面的复杂度特征值；

10-5分析服务器使用直方图等方式，将设计稿页面进行两两对比，得到相似度比例，当某两个页面的相似度比例大于预设的配置参数，相似度阈值时，将对比的两个页面划分到一个相似组内；

10-6分析服务器完成设计稿各页面的容量、复杂度及相似度特征值计算后，基于这些特征值以及预设的配置参数，标准效率参考值和人日单价，计算总体工作量和总体费用。

本发明的有益效果是：通过本发明可以有效提高前端开发需求的评估效率，提高评估结果的准确性和稳定性。

附图说明

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

在附图中：

图1是本发明实施例所述的一种前端开发需求评估方法流程示意图；

图2是本发明实施例所述的一种前端开发需求评估方法相似度分组算法示意图；

图3是本发明实施例所述的一种前端开发需求评估系统示意图。

具体实施方式

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

如图1所示，一种前端开发需求评估方法，工作流程如下：

1、获取设计稿文件

进入指定项目的设计稿文件目录，读取设计稿文件。如果是压缩文件，需进行解压。

2、选择解析配置

根据设计稿文件名称的后缀名，判断设计稿文件格式。根据文件格式选择合适的解析配置。例如，“.psd”后缀名的文件，采用photoshop文件解析配置。

3、解析设计稿文件

解析每一个设计稿文件，读取图像的宽度、高度、图层数、文件大小等参数。

4、计算各页面的容量特征值

设读取设计稿图像的宽度为w，高度为h，则该页面容量特征值为 a=A*h/w，其中A为标准屏幕参考比例，通常情况A=16/9。

5、计算各页面的复杂度特征值

设读取设计稿文件大小为f，则该页面复杂度特征值为b=f/(B*w*h)，其中B为标准图像参考密度，通常情况，对于psd格式的设计稿文件，B=4.8字节/像素。

6、计算各页面的相似度特征值并对相似页进行分组

首先将各页面两两对比获取相似度结果，然后根据相似度是否超过设定阈值判断对比的两个页面是否相似，最后，将判断为相似的页面进行分组，每个分组的第一个页面相似度特征值为c1=0，组内其他页面相似度特征值为ci=pi，其中pi为该页面与组内第一个页面对比的相似度。

其中，相似度分组算法（见附图2）：

6-1 读取输入页面集合P，创建结果集合R，T=0.8；

6-2 创建新分组集合G，取P中第一个页面p，放入G，同时从P中删除p，将G放入R，如果P为空，返回R，流程结束，否则执行6-3；

6-3 遍历P中各页面pi，依次将p与P中各页面pi进行对比，分别计算相似度Ci，如果Ci>T，则执行6-4；否则继续执行6-3对比下一个页面；

6-4 将pi放入G，同时将pi从P中删除，如果P为空，返回R；否则继续执行6-3对比下一个页面；

6-5 6-3遍历执行完毕后，继续执行6-2 。

7、计算工作量

基于任务所有页面的特征值，计算预估工作量。首先基于各分组第一个页面的容量特征值和复杂度特征值，计算该页面的预估工作量W1=w*a1*b1，其中w为标准效率参考值，通常情况下w=0.1人日。然后，根据组内其他页面的相似度特征值，计算对应相似页的预估工作量Wi=(1-ci)*W1。最后，求和计算项目总体的预估工作量W，并基于人日单价x计算总体预估费用X=x*W。

8、返回评估结果

将预估的总体工作量W、总体费用X，以及项目各页面的相似度分组、相似度特征值、容量特征值和复杂度特征值等数据结果返回。

本发明实施例还提供一种前端开发需求评估系统，如图3所示，包括多个客户终端、一个分析服务器、一个存储服务器和一个配置服务器，所述客户终端供用户上传设计稿、发起需求评估请求并获取评估结果，所述分析服务器分别与客户终端、存储服务器和配置服务器信号连接，负责获取设计稿和对应配置，进行分析评估，展示评估结果，所述存储服务器用于存储用户上传的设计稿文件，所述配置服务器用于管理维护设计稿解析配置信息，根据实际应用场景和需求，所述系统还可增加其他服务器提供相关关联服务。

具体的，前端开发需求评估系统总体工作流程为：

9-1用户在用户终端上传设计稿文件，然后分析服务器将设计稿放入存储服务器保存；

9-2用户在用户终端发送评估请求，分析服务器访问存储服务器，读取设计稿文件，并从配置服务器读取对应的文件解析配置；

9-3分析服务器根据配置对设计稿文件进行解析，基于得到的解析结果，分别计算页面的容量、复杂度、相似度等特征值，并根据页面特征值计算工作量；

9-4最后将计算结果返回到用户终端。

在以上技术方案的基础上，优选的，总体工作流程中包括关键流程，关键流程如下：

10-1分析服务器读取设计稿文件后，提取文件后缀名，判断文件类型，如果是压缩文件，调用对应解压程序进行解压，然后再提取解压后的文件后缀名；

10-2配置服务器保存了不同格式设计稿的解析配置，包括解析程序、提取信息字段、常量参数等，分析服务器读取设计稿文件后，根据设计稿文件后缀名判断设计稿格式，然后向配置服务器发送请求，获取对应格式的解析程序路径、提取字段名和常量参数值，并按照配置对调用解析程序对设计稿进行解析，提取设计稿页面基本参数；

10-3分析服务器根据提取的设计稿的页面宽度和高度，以及预设的配置参数，标准屏幕参考比例，计算页面的容量特征值；

10-4分析服务器根据提取的设计稿文件大小，页面宽度和高度，以及预设的配置参数，标准图像参考密度，计算页面的复杂度特征值；

10-5分析服务器使用直方图等方式，将设计稿页面进行两两对比，得到相似度比例，当某两个页面的相似度比例大于预设的配置参数，相似度阈值时，将对比的两个页面划分到一个相似组内；

10-6分析服务器完成设计稿各页面的容量、复杂度及相似度特征值计算后，基于这些特征值以及预设的配置参数，标准效率参考值和人日单价，计算总体工作量和总体费用。

本发明可以有效提高前端开发需求的评估效率，提高评估结果的准确性和稳定性，适宜推广使用。

最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (7)

1.一种前端开发需求评估方法,其特征在于：包括以下步骤:

步骤1，获取设计稿文件，选择合适的解析配置；

所述选择解析配置包括根据设计稿文件名称的后缀名，判断设计稿文件格式，根据文件格式选择合适的解析配置；

步骤2，逐一解析包内设计稿文件，分析各页面设计稿文件的容量特征、复杂度特征和相似度特征，并将相似页进行分组；

计算各页面的容量特征值，设读取设计稿图像的宽度为w，高度为h，则该页面容量特征值为 a=A*h/w，其中A为标准屏幕参考比例，A=16/9；

计算各页面的复杂度特征值，设读取设计稿文件大小为f，则该页面复杂度特征值为b=f/(B*w*h)，其中B为标准图像参考密度，对于psd格式的设计稿文件，B=4.8字节/像素；

计算各页面的相似度特征值,首先将各页面两两对比获取相似度结果，然后根据相似度是否超过设定阈值判断对比的两个页面是否相似，最后，将判断为相似的页面进行分组，每个分组的第一个页面相似度特征值为c1=0，组内其他页面相似度特征值为ci，相似度分组算法：

6-1 读取输入页面集合P，创建结果集合R，T=0.8；

6-2 创建新分组集合G，取P中第一个页面p，放入G，同时从P中删除p，将G放入R，如果P为空，返回R，流程结束，否则执行6-3；

6-3 遍历P中各页面pi，依次将p与P中各页面pi进行对比，分别计算相似度Ci，如果Ci>T，则执行6-4；否则继续执行6-3对比下一个页面；

6-4 将pi放入G，同时将pi从P中删除，如果P为空，返回R；否则继续执行6-3对比下一个页面；

6-5 6-3遍历执行完毕后，继续执行6-2 ；

步骤3根据各页面设计稿的特征值，估算总体开发工作量，并估算预计开发时间和费用；

首先基于各分组第一个页面的容量特征值和复杂度特征值，计算该页面的预估工作量W1=w*a1*b1，其中a1为第一个页面的容量特征值，b1为第一个页面的复杂度特征值，w为标准效率参考值，w=0.1人日，然后，根据组内其他页面的相似度特征值，计算对应相似页的预估工作量Wi=(1-ci)*W1，最后，求和计算项目总体的预估工作量W，并基于人日单价x计算总体预估费用X=x*W。

2.根据权利要求1所述的一种前端开发需求评估方法，其特征在于：所述获取设计稿文件包括进入指定项目的设计稿文件目录，读取设计稿文件，如果是压缩文件，需进行解压。

3.根据权利要求1所述的一种前端开发需求评估方法，其特征在于：所述解析设计稿文件包括解析每一个设计稿文件，读取图像的宽度、高度、图层数、文件大小参数。

4.根据权利要求1所述的一种前端开发需求评估方法，其特征在于：所述估算总体开发工作量包括基于所有页面的特征值，计算预估工作量，返回评估结果包括将预估的总体工作量W、总体费用X，以及项目各页面的相似度分组、相似度特征值、容量特征值和复杂度特征值的数据结果返回。

5.一种实现如权利要求1-4中任意一项所述前端开发需求评估方法的前端开发需求评估系统，其特征在于：前端开发需求评估系统包括多个客户终端、一个分析服务器、一个存储服务器和一个配置服务器，所述客户终端供用户上传设计稿、发起需求评估请求并获取评估结果，所述分析服务器分别与客户终端、存储服务器和配置服务器信号连接，负责获取设计稿和对应配置，进行分析评估，展示评估结果，所述存储服务器用于存储用户上传的设计稿文件，所述配置服务器用于管理维护设计稿解析配置信息，根据实际应用场景和需求，所述系统还可增加其他服务器提供相关关联服务。

6.根据权利要求5所述的一种前端开发需求评估系统，其特征在于：所述前端开发需求评估系统总体工作流程为：

9-1用户在用户终端上传设计稿文件，然后分析服务器将设计稿放入存储服务器保存；

9-2用户在用户终端发送评估请求，分析服务器访问存储服务器，读取设计稿文件，并从配置服务器读取对应的文件解析配置；

9-3分析服务器根据配置对设计稿文件进行解析，基于得到的解析结果，分别计算页面的容量特征值、复杂度特征值、相似度特征值，并根据页面特征值计算工作量；

9-4最后将计算结果返回到用户终端。

7.根据权利要求6所述的一种前端开发需求评估系统，其特征在于：所述总体工作流程中包括关键流程，所述关键流程如下：

10-1分析服务器读取设计稿文件后，提取文件后缀名，判断文件类型，如果是压缩文件，调用对应解压程序进行解压，然后再提取解压后的文件后缀名；

10-2配置服务器保存了不同格式设计稿的解析配置，包括解析程序、提取信息字段、常量参数，分析服务器读取设计稿文件后，根据设计稿文件后缀名判断设计稿格式，然后向配置服务器发送请求，获取对应格式的解析程序路径、提取字段名和常量参数值，并按照配置对调用解析程序对设计稿进行解析，提取设计稿页面基本参数；

10-3分析服务器根据提取的设计稿的页面宽度和高度，以及预设的配置参数，标准屏幕参考比例，计算页面的容量特征值；

10-4分析服务器根据提取的设计稿文件大小，页面宽度和高度，以及预设的配置参数，标准图像参考密度，计算页面的复杂度特征值；

10-5分析服务器使用直方图方式，将设计稿页面进行两两对比，得到相似度比例，当某两个页面的相似度比例大于预设的配置参数、相似度阈值时，将对比的两个页面划分到一个相似组内；

10-6分析服务器完成设计稿各页面的容量、复杂度及相似度特征值计算后，基于这些特征值以及预设的配置参数，标准效率参考值和人日单价，计算总体工作量和总体费用。

Images