表单智能辅助填写前端工具插件----需求分析与概念原型

项目综述

需求：在一个填表页面，比如调查问卷或任意一个网页页面上，需要将某张图片中的文字自动填入网页页面的输入框中。

用例建模

该系统的参与者基本上就是使用这个插件的用户，用户可以进行图片上传，填写表单和提交表单等操作。
其中填写表单用例可以由用户触发：即用户手动填写表单。也可以由系统触发，实现表单自动填写。

下图为用例图：

那么什么时候插件可以自动填写表单呢？如果用户提交图片后，插件识别图片类型发现存在mapping.json数据，它就会自动进行表单填写。

业务类图

用例图是用于描述系统功能的视图，而类图主要用于描述软件系统的结构化设计，帮助人们简化对软件系统的理解。

本系统业务类图如下：

数据模型

一张图片有自己独一无二的ORC数据，那么插件是怎么实现表单自动填写的呢？
自然是依据mapping.json数据，插件识别出图片类型，返回对应的mapping.json数据，然后根据数据进行表单自动填写。

概念原型

概念原型=用例+数据模型。基于本插件就是用户上传图片，系统返回文字识别结果，而后进行文字坐标域与表单输入框id的绑定。若下次再上传相同类型的图片，系统即可自动填写表单。