[发明专利]将视觉示图转换成代码

说明书

本文描述的技术和系统提供了用于与计算机程序的开发相关联地使用的工具。例如，计算机程序开发团队(例如，设计架构师、开发者、程序员、编码员等)可以使用工具来使用示出的示图(例如，在干擦白板上绘制的、使用数字绘图程序绘制的等等)高效地生成代码解决方案。在各种示例中，工具接收示出设计架构的示图并执行辨识技术以识别示图中示出的组件的特性。特性可以包括在组件上或与组件相关联书写的关键字、组件的视觉形状以及组件与设计架构中示出的其他组件之间的视觉关系。使用所识别的特性，工具将组件映射到先前生成的代码模板，并且将代码模板提供给用户。

背景技术

通常，当计算机程序开发团队(例如，一个或多个设计架构师、开发者、程序员、编码员等)开始设想诸如应用(“app”)之类的计算机程序的实施方式时，首先创建计算机程序的示图。例如，开发团队的成员经常聚集在协作环境中，例如在会议室中进行会议以示出(例如，绘制)示图，例如，在干擦白板上。从那时起，将白板上的示图转换成代码结构的过程是通常需要次优的时间利用的手动过程。例如，在白板上绘制的示图可能需要被转换(例如，复制)成数字格式，并且然后被传递给开发者(例如，编码员、程序员)。然后，开发者花费相当的时间来审阅示图的设计架构以识别示图的各方面(例如，组件、组件的结构、组件的交互和/或组件的行为)。在审阅设计架构之后，开发者可以开始为计算机程序创建代码结构(例如，从头开始编写代码)。时常地，在创建代码结构的同时，开发者不知道和/或不熟悉经由特定编程平台变得可用的编程特征。例如，开发者可能无法利用与特定功能相关联的最新且最适用的设计模式和最佳实践。

发明内容

本文描述的技术和系统将图解的计算机程序的视觉说明转换成等效的、结构化的代码解决方案。转换可以与任何编程语言相关联地实现，使得示图中的组件随后可以映射到它们等效的、结构化的源代码。映射基于对示图中示出的组件的计算机辨识。映射还可以基于对示图中示出的组件的结构、示图中示出的组件的交互和/或示图中示出的组件的行为的计算机辨识。一旦开发者将代码解决方案最终化，源代码就可以被编译以验证它正确地执行。

在本文讨论的各种示例中，技术和系统实现了接收计算机程序的示图的工具。示图可以包括图像(例如，在由相机捕获的在白板上绘制的示图的照片)，或者示图可以包括最初以电子形式生成的内容(例如，使用计算机实现的数字绘图程序来以数字格式生成示图)。示图表示计算机程序的设计架构，并且因此，示图可以示出个别组件以及个别组件的结构和个别组件之间的交互。工具被配置为(例如，光学地)辨识示图中示出的组件的特性。在一些实施方式中，工具使用特性来确定与设计架构相关联的编程语言。然后，对于示出组件中的个别组件，工具还使用特性来将组件与一个或多个代码模板相关联。代码模板被预先填充有编程语言的源代码。随后，工具使得代码模板能够输出(例如，显示)在与用户相关联的设备上，使得用户可以提供更新和最终化源代码的输入。

在各种实施方式中，用于识别组件和/或将组件映射到代码模板的辨识的特性可以包括关键字、视觉关系(例如，表示交互)和/或视觉形状。例如，关键字可以标记和/或命名组件，使得工具可以使用关键字将组件映射到代码模板。在另一示例中，视觉关系可以可视地连接两个或更多个组件(例如，在其间绘制箭头的组件、彼此相邻示出的组件使得它们在彼此接触、在另一组件的顶部上可视地示出的组件、示图中的一系列组件中的组件的视觉位置、两个组件之间的间隔或距离等)，使得工具可以使用视觉连接将组件映射到代码模板。在又一示例中，可以使用视觉形状(例如，正方形、圆形、菱形、椭圆形、为部件预定义的独特形状等)来将第一类型或分类的第一组件与第二类型或分类的第二组件区分开，使得工具可以使用视觉形状来将组件映射到代码模板。