[发明专利]一种基于状态图的软件界面原型设计方法与工具

权利要求书

1.一种基于状态图的软件界面原型设计方法，其特征在于：具体包括以下步骤：

设计代表状态图的JSON格式的数据结构：将一个软件系统的所有界面交互行为与形态变化，抽象成一个状态图，并设计了一种特定JSON格式的数据结构，用于描述一个软件系统的状态图；

JSON数据生成可视化编辑界面：使用Web技术，将这种代表软件系统状态图JSON数据与生成可视化的、可编辑的原型界面交互绑定，用户在可视化界面上设计软件界面操作的原型，并导出、导入代表软件系统状态图的JSON数据。

2.根据权利要求1所述的一种基于状态图的软件界面原型设计方法，其特征在于：所述设计代表状态图的JSON格式的数据结构具体为：整个软件系统的状态图是由一系列的有限状态机组成的，而一个有限状态机是由一系列的状态组成，且一个状态可以且仅可以通过触发规定的事件才能跳转到另一个状态，界面交互即触发事件，进而变更状态图当前生效的状态，状态的变更引起软件界面重渲染，使得软件系统界面呈现的形态与状态图当前生效的状态一致。

3.根据权利要求2所述的一种基于状态图的软件界面原型设计方法，其特征在于：所述一个软件系统当前所处的形态，是由抽象化的状态所描述的，且严格遵循SingleSourceofTruth的原则。

4.根据权利要求3所述的一种基于状态图的软件界面原型设计方法，其特征在于：在所述一系列的有限状态机中，一个简单有限状态机至少包含一个至多个状态，其中的某一个状态为有限状态机的初始状态，可以指定某个状态的type为final来定义该状态为终止状态，终止状态无可触发的事件，普通状态可以通过规定事件类型以及事件触发成功后有限状态机进入的活动状态。

5.根据权利要求3所述的一种基于状态图的软件界面原型设计方法，其特征在于：在所述一系列的有限状态机中，还包括复杂的有限状态机，对于具备父子层级关系的状态，采用了等级状态机，对于具备兄弟平行关系的状态，采用了平行状态，对于需要保存访问历史信息的状态，采用了历史状态机。

6.根据权利要求5所述的一种基于状态图的软件界面原型设计方法，其特征在于：在所述复杂的有限状态机中，软件系统进入某一个活动状态，可能还需要一定的条件，才能触发事件，进入下一个状态，采用了依赖注入的设计原则，在软件系统内非状态信息的额外背景信息，及状态变更的条件。

7.根据权利要求1所述的一种基于状态图的软件界面原型设计方法，其特征在于：在所述JSON数据生成可视化编辑界面中，Web技术采用React+Redux框架的MVC设计理念，将描述状态图的JSON数据注入到Redux框架的模型中，并将每个状态下的事件注入为Redux的reducer，从而实现可视化界面始终作为JSON数据的UI可视化界面的实现。

8.根据权利要求1-7任一所述的一种基于状态图的软件界面原型设计方法，其特征在于：还包括实现所述该种基于状态图的软件界面原型设计方法的工具，该工具包括JSON编辑器和可视化编辑器。