向导式操作指引编辑方法、装置、计算机设备和存储介质与流程

1.本技术涉及计算机领域，特别是涉及一种向导式操作指引编辑的方法、装置、计算机设备和存储介质。


背景技术：

2.随着计算机技术的飞速发展，应用软件被运用在各行各业，应用软件使用方法的掌握速度成为限制应用软件推广和普及的关卡。
3.在现有技术中，采用帮助文档指导使用人员学习应用软件的使用方法，帮助文档描述抽象且复杂，制作效率低。


技术实现要素：

4.基于此，有必要针对上述技术问题，提供一种提高向导式操作指引的制作效率的向导式操作指引编辑的方法、系统、计算机设备、计算机可读存储介质。
5.第一方面，本技术提供了一种向导式操作指引编辑方法。所述方法包括：
6.显示当前编辑节点对应的当前编辑界面，所述当前编辑界面包括图片编辑区域和图片编辑控件；
7.获取在目标应用界面截取的目标操作步骤对应的目标界面图片，在所述图片编辑区域显示所述目标界面图片；
8.响应于针对图片编辑控件的触发操作，编辑所述目标界面图片对应的操作提示；
9.获取下一个编辑节点作为当前编辑节点，返回所述显示当前编辑节点对应的当前编辑界面步骤，直至目标应用对应的向导式操作指引编辑完毕；
10.设置各个编辑节点的播放顺序关系；
11.响应于针对保存控件的触发操作，打包封装所述播放顺序关系、各个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示，得到所述目标应用的向导式操作指引数据包，所述向导式操作指引数据包用于播放所述目标应用的向导式操作指引课件。
12.第二方面，本技术还提供了一种向导式操作指引编辑装置。所述装置包括：
13.显示当前编辑界面模块，用于显示当前编辑节点对应的当前编辑界面，所述当前编辑界面包括图片编辑区域和图片编辑控件；
14.显示目标界面图片模块，用于获取在目标应用界面截取的目标操作步骤对应的目标界面图片，在所述图片编辑区域显示所述目标界面图片；
15.编辑目标界面图片模块，用于响应于针对图片编辑控件的触发操作，编辑所述目标界面图片对应的操作提示；
16.循环模块，用于获取下一个编辑节点作为当前编辑节点，返回所述显示当前编辑节点对应的当前编辑界面步骤；
17.排序模块，用于设置各个编辑节点的播放顺序关系；
18.封装模块，用于响应于针对保存控件的触发操作，打包封装所述播放顺序关系、各
个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示，得到所述目标应用的向导式操作指引数据包，所述向导式操作指引数据包用于播放所述目标应用的向导式操作指引课件。
19.第三方面，本技术还提供了一种计算机设备。所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
20.显示当前编辑节点对应的当前编辑界面，所述当前编辑界面包括图片编辑区域和图片编辑控件；
21.获取在目标应用界面截取的目标操作步骤对应的目标界面图片，在所述图片编辑区域显示所述目标界面图片；
22.响应于针对图片编辑控件的触发操作，编辑所述目标界面图片对应的操作提示；
23.获取下一个编辑节点作为当前编辑节点，返回所述显示当前编辑节点对应的当前编辑界面步骤，直至目标应用对应的向导式操作指引编辑完毕；
24.设置各个编辑节点的播放顺序关系；
25.响应于针对保存控件的触发操作，打包封装所述播放顺序关系、各个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示，得到所述目标应用的向导式操作指引数据包，所述向导式操作指引数据包用于播放所述目标应用的向导式操作指引课件。
26.第四方面，本技术还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
27.显示当前编辑节点对应的当前编辑界面，所述当前编辑界面包括图片编辑区域和图片编辑控件；
28.获取在目标应用界面截取的目标操作步骤对应的目标界面图片，在所述图片编辑区域显示所述目标界面图片；
29.响应于针对图片编辑控件的触发操作，编辑所述目标界面图片对应的操作提示；
30.获取下一个编辑节点作为当前编辑节点，返回所述显示当前编辑节点对应的当前编辑界面步骤，直至目标应用对应的向导式操作指引编辑完毕；
31.设置各个编辑节点的播放顺序关系；
32.响应于针对保存控件的触发操作，打包封装所述播放顺序关系、各个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示，得到所述目标应用的向导式操作指引数据包，所述向导式操作指引数据包用于播放所述目标应用的向导式操作指引课件。
33.第五方面，本技术还提供了一种计算机程序产品。所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：
34.显示当前编辑节点对应的当前编辑界面，所述当前编辑界面包括图片编辑区域和图片编辑控件；
35.获取在目标应用界面截取的目标操作步骤对应的目标界面图片，在所述图片编辑区域显示所述目标界面图片；
36.响应于针对图片编辑控件的触发操作，编辑所述目标界面图片对应的操作提示；
37.获取下一个编辑节点作为当前编辑节点，返回所述显示当前编辑节点对应的当前编辑界面步骤，直至目标应用对应的向导式操作指引编辑完毕；
38.设置各个编辑节点的播放顺序关系；
39.响应于针对保存控件的触发操作，打包封装所述播放顺序关系、各个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示，得到所述目标应用的向导式操作指引数据包，所述向导式操作指引数据包用于播放所述目标应用的向导式操作指引课件。
40.上述向导式操作指引编辑的方法、装置、计算机设备、存储介质，通过显示当前编辑节点对应的当前编辑界面，当前编辑界面包括图片编辑区域和图片编辑控件，将获取的目标应用界面截取的目标操作步骤对应的目标界面图片显示在图片编辑区域，基于图片编辑控件编辑目标界面的操作提示，完成当前编辑节点的编辑工作；获取下一个编辑节点，重复上述步骤，直至目标应用的向导式操作指引编辑完毕；设置各个编辑节点的播放顺序关系；将播放顺序关系、各个目标界面图片、各个目标界面图片对应的操作提示打包成向导式操作指引数据包。将目标应用界面截取的目标操作步骤的截图自动调整成预设格式的目标界面图片，通过编辑控件快速的完成操作提示的编辑，将播放顺序关系、各个目标界面图片、各个目标界面图片对应的操作提示一键打包成向导式操作指引数据包，提高了向导式操作指引的制作效率。
附图说明
41.图1为一个实施例中向导式操作指引编辑方法的应用环境图；
42.图2为一个实施例中向导式操作指引编辑方法的流程示意图；
43.图3a为一个实施例中编辑界面的示意图；
44.图3b为一个实施例中编辑界面显示目标界面图片的示意图；
45.图4为一个实施例中编辑跳转操作提示的流程示意图；
46.图5a为一个实施例中编辑跳转操作提示的示意图；
47.图5b为另一个实施例中编辑跳转操作提示的示意图；
48.图6为一个实施例中向导式操作指引播放方法的流程示意图；
49.图7为一个实施例中播放界面的示意图；
50.图8为一个实施中向导式操作指引制作至播放的流程示意图；
51.图9为一个实施例中向导式操作指引打包封装的示意图；
52.图10为一个实施例中向导式操作指引编辑装置的结构框图；
53.图11为一个实施例中向导式操作指引播放装置的结构框图；
54.图12为一个实施例中计算机设备的内部结构图。
具体实施方式
55.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本技术，并不用于限定本技术。
56.本技术实施例提供的向导式操作指引编辑的方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。数据存储系统可以存储服务器104需要处理的数据。数据存储系统可以集成在服务器104上，也可以放在云上或其他网络服务器上。终端102显示当前编辑节点对应的当前编辑界面，当前编辑界面包括图片编辑区域和图片编辑控件，将获取的目标应用界面截取的目标操作步骤对应的目标界面图片显示在图
片编辑区域，基于图片编辑控件编辑目标界面的操作提示，完成当前编辑节点的编辑工作；获取下一个编辑节点，重复上述步骤，直至目标应用的向导式操作指引编辑完毕；设置各个编辑节点的播放顺序关系。终端102向服务器104发送打包封装的请求，服务器104接收打包封装的请求，将播放顺序关系、各个目标界面图片、各个目标界面图片对应的操作提示打包成向导式操作指引数据包。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备，物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
57.在一个实施例中，如图2所示，提供了一种向导式操作指引编辑的方法，本实施例以该方法应用于终端进行举例说明，可以理解的是，该方法也可以应用于服务器，还可以应用于包括终端和服务器的系统，并通过终端和服务器的交互实现。本实施例中，该方法包括以下步骤：
58.步骤202，显示当前编辑节点对应的当前编辑界面，当前编辑界面包括图片编辑区域和图片编辑控件。
59.其中，编辑节点是指编辑过程中的连接点，编辑节点可以具有对应的编辑节点标识，通过编辑节点标识与对应的信息建立关联关系。编辑节点标识是指识别编辑节点的记号，可以理解为编辑节点的名称，可以由字母、数字、符号等组成。编辑界面是指用于编辑的界面，可以理解为显示编辑对象及编辑控件的界面。编辑界面的呈现形式可以根据需求进行设置或者调整，呈现形式包括尺寸、编辑控件的位置等。图片编辑区域是指用于显示编辑对象的区域。图片编辑控件是指用于制作操作提示的控件。图片编辑控件包括但不限于跳转控件、圈图框控件、文本框控件、说明控件、马赛克控件、情景故事控件等。控件是指可供用户操作的可视化页面元素，控件的表现形式多种多样，例如，可以是按钮、填空框、单选框、选项组等。
60.具体的，制作人员在终端102打开向导式操作指引编辑工具，终端102显示当前编辑节点对应的当前编辑界面，当前编辑界面中包括图片编辑区域和图片编辑控件。
61.在一个实施例中，图片编辑区域和图片编辑控件的大小和显示位置可以是固定的，例如，进入当前编辑界面，图片编辑区域以固定大小显示在图片编辑控件的左边。图片编辑区域的区域大小和显示位置中的至少一者也可以是可调整的。例如，进入当前编辑界面，图片编辑区域先以固定大小显示当前编辑界面中相应位置，用户可以根据实际需要调整图片编辑区域的位置与大小。
62.步骤204，获取在目标应用界面截取的目标操作步骤对应的目标界面图片，在图片编辑区域显示目标界面图片。
63.其中，目标应用是指制作向导式操作指引的对象应用程序。可以理解，本技术涉及的应用程序可以是指安装在终端中的客户端，客户端是指安装并运行在终端中的程序；应用程序也可以是指免安装的应用程序，即无需下载安装即可使用的应用程序，这类应用程序又可以称为小程序，它通常作为子程序运行于客户端中；应用程序还可以是指通过浏览器打开的web应用程序；等等。操作步骤是指操作目标应用的步骤。
64.具体的，终端102获取目标应用界面截取的目标操作步骤对应的目标界面图片，将目标界面图片显示在图片编辑区域。
65.在一个实施例中，制作人员在终端102打开目标应用，使用目标应用到目标操作步骤，通过向导式操作指引编辑工具中的截取控件截取目标操作步骤的界面图片。截取的过程可以为响应于截取控件的触发操作，向导式操作指引编辑工具最小化，识别终端102上显示的目标应用界面，自动截取目标应用的界面图片。截取的过程也可以为响应于截取控件的触发操作，通过鼠标选择截取的目标应用界面的区域，截取目标应用选择区域的界面图片。
66.在一个实施例中，当前编辑界面上可以展示图片导入控件，制作人员可以通过图片导入控件来将本地图片导入到向导式操作指引编辑工具。终端102响应于针对图片导入控件的触发操作，展示至少一本地图片对应的图片标识和导入确认控件，制作人员可以从展示的图片标识中选择目标图片标识并触发导入确认控件来确定导入目标图片标识对应的本地图片。终端102响应于针对导入确认控件的触发操作，将目标界面图片展现在图片编辑区域。
67.步骤206，响应于针对图片编辑控件的触发操作，编辑目标界面图片对应的操作提示。
68.其中，触发操作是指响应于编辑控件的操作，触发操作具体可以是触摸操作、光标操作、按键操作、语音操作和动作操作等。其中，触摸操作可以是触摸点击操作、触摸按压操作或者触摸滑动操作，触摸操作可以是单点触摸操作或者多点触摸操作；光标操作可以是控制光标进行点击的操作或者控制光标进行按压的操作；按键操作可以是虚拟按键操作或者实体按键操作等；语音操作可以是通过语音进行控制的操作；动作操作可以是通过用户动作进行控制的操作，例如，用户的手部动作，头部动作等。操作提示是指设置的提醒和解释，可以为提醒和解释的文字信息、图案等。操作提示包含但不限于跳转操作提示、圈图框操作提示、文本框操作提示、说明操作提示、马赛克操作提示、情景故事操作提示等。操作提示可以为一个或者多个，可以为静态或者动态的。
69.具体的，制作人员触发编辑控件，编辑目标界面对应的操作提示。
70.步骤208，获取下一个编辑节点作为当前编辑节点，返回显示当前编辑节点对应的当前编辑界面步骤，直至目标应用对应的向导式操作指引编辑完毕。
71.其中，向导式操作指引是指就是能带领或指引学员达到学习目的操作指引。可以理解为，这种交互方式像一个向导一样，一步一步地引领学员向前，一步对应一个节点，在某些节点中，会询问用户一些简单的问题，根据用户的输入信息，它将呈现对应节点的内容。
72.具体的，制作人员新增一个个编辑节点，按照上述步获取节点对应的目标界面图片以及制作目标界面图片对应的操作提示，直至目标应用的向导式操作指引各个节点的内容制作完毕。
73.在一个实施例中，终端102响应针对新增控件的触发操作，显示节点设置界面，制作人员通过节点设置界面设置节点的个数。
74.在一个实施例中，终端102响应于针对新增控件的触发操作，显示当前编辑节点对应的当前编辑区域，当前编辑节点编辑完后，终端102响应于针对插入节点控件的触发操作，新增下一个编辑节点，显示下一个编辑节点对应的当前编辑区域。
75.步骤210，设置各个编辑节点的播放顺序关系。
76.其中，播放顺序关系是指各个编辑节点在向导式操作指引播放过程中播放的顺序。
77.具体的，制作人员设置各个编辑节点的播放顺序。
78.步骤212，响应于针对保存控件的触发操作，打包封装播放顺序关系、各个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示，得到目标应用的向导式操作指引数据包，向导式操作指引数据包用于播放所述目标应用的向导式操作指引课件。
79.其中，数据包是指包含目标文件的文件夹。
80.具体的，制作人员触发保存控件，将播放顺序关系、各个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示打包到一个文件夹中，得到目标应用的向导式操作指引数据包。
81.在一个实施例中，播放顺序关系、各个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示采用json(javascript object notation，js对象简谱)格式的数据文件进行保存和打包封装。json是一种轻量级的数据交换格式，是基于ecmascript(欧洲计算机协会制定的javascript规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。服务器存储向导式操作指引数据包可以采用对象存储方式(cloud object storage，cos)。对象存储方式是无目录层次结构、无数据格式限制，可容纳海量数据且支持http/https协议访问的分布式存储服务。
82.上述向导式操作指引编辑方法中，通过显示当前编辑节点对应的当前编辑界面，当前编辑界面包括图片编辑区域和图片编辑控件，将获取的目标应用界面截取的目标操作步骤对应的目标界面图片显示在图片编辑区域，基于图片编辑控件编辑目标界面的操作提示，完成当前编辑节点的编辑工作；获取下一个编辑节点，重复上述步骤，直至目标应用的向导式操作指引编辑完毕；设置各个编辑节点的播放顺序关系；将播放顺序关系、各个目标界面图片、各个目标界面图片对应的操作提示打包成向导式操作指引数据包。将目标应用界面截取的目标操作步骤的截图自动调整成预设格式的目标界面图片，通过编辑控件快速的完成操作提示的编辑，将播放顺序关系、各个目标界面图片、各个目标界面图片对应的操作提示一键打包成向导式操作指引数据包，提高了向导式操作指引的制作效率。
83.在一个实施例中，获取在目标应用界面截取的目标操作步骤对应的目标界面图片，在图片编辑区域显示目标界面图片包括：
84.响应于针对截图控件的触发操作，截取目标应用界面的目标操作步骤对应的界面图片；对界面图片进行调整，得到目标界面图片；将目标界面图片显示于图片编辑区域。
85.其中，截取是指从整体中切取一部分。截取的区域可以为识别到的目标应用界面，也可以为鼠标选取的区域。调整是指重新调配整顿，使适应新的情况和要求。调整可以包括但不限于尺寸、分辨率、调色等。
86.具体的，制作人员触发截图控件，截取目标应用界面选择区域的界面图片，根据设置的图片显示规则对截取的界面图片进行调整，调整得到目标界面图片，将目标界面图片显示在图片编辑区域。
87.参考图3a，为当前编辑节点对应当前编辑界面的示意图。其中，302所指示的区域为图片显示区域，304所指示的区域为图片编辑区域。306所指示的控件为截图控件。终端可以响应于针对截图控件的点击操作，截取目标应用界面的界面图片，对界面图片的尺寸和
分辨率等属性进行调整，得到的目标界面图片的尺寸与图片显示区域尺寸相同，将目标界面图片显示在图片显示区域，如图3b所示。
88.在本实施例中，制作人员通过触发截取控件截取目标应用界面的界面图片，终端102对界面图片进行调整，将调整得到的目标界面图片显示于图片编辑区域，整个过程操作操作简单，提高向导式操作指引的制作速率。
89.在一个实施例中，图片编辑控件包括跳转控件，响应于针对图片编辑控件的触发操作，编辑目标界面图片对应的操作提示包括：
90.步骤402，响应于针对跳转控件的触发操作，显示跳转提示框和跳转属性设置控件。
91.其中，跳转提示框是指用于输入跳转信息的实体框。可以理解为，跳转提示按键。跳转提示框的形状、尺寸等可以根据需求进行设定。跳转属性设置控件是指用于设置跳转提示框的控件。跳转属性设置控件具有对应的跳转属性设置界面，包括但不限于字体、字号、颜色等等。
92.具体的，制作人员触发跳转控件，目标界面图片上显示一个跳转提示框和跳转属性设置控件。
93.在一个实施例中，制作人员可以通过鼠标调整跳转提示框的尺寸和位置。
94.步骤404，获取跳转提示信息，将跳转提示信息显示于跳转提示框，得到初始跳转操作提示。
95.其中，跳转提示信息是指表明跳转提示操作意义的信息。可以理解为，跳转提示按键上显示的文字。
96.具体的，制作人员在跳转提示框输入跳转提示信息，得到初始跳转操作提示。
97.在一个实施例中，跳转提示框中显示的字符具有数量限制，如果获取的跳转提示信息的字符数量超过限制数量，则跳转提示框中显示跳转提示信息中限制数量的字符。比如，跳转提示框中显示的字符数量为8个，输入的跳转提示信息的字符数量为8个，则跳转提示框中显示的字符为跳转提示信息中的前8个字符。
98.步骤406，基于跳转属性设置控件，对初始跳转操作提示的显示属性、动画属性和跳转目标节点进行设置，得到目标界面图片对应的跳转操作提示；跳转目标节点为向导式操作指引课件播放过程中，响应于针对跳转操作提示的触发操作，获取的目标界面图片对应的播放节点的下一个播放节点。
99.其中，显示属性是指用于描述跳转操作提示显示的相关信息或基础信息。显示属性包括但不限于字体、字号、颜色等。动画属性是指用于描述跳转操作提示的动画信息，可以理解为跳转操作提示出现的时间、方式等。动画属性包括但不限于动画排序、动画开始、动画等待时间、动画持续时间、动画方式等。跳转目标节点是指响应于针对跳转操作提示的触发操作，获取的目标界面图片对应的播放节点的下一个播放节点。可以理解为，学员观看向导式操作指引课件过程中触发跳转操作提示后，跳转到的播放节点。
100.具体的，制作人员触跳转属性设置控件，通过显示的对应的控件界面对初始跳转操作提示的显示属性、动画属性和跳转目标节点进行设置，得到目标界面图片对应的跳转操作提示。
101.参考图5a，为编辑跳转操作提示的示意图。其中，502所指示的区域为跳转控件，
504所指示的区域为触发跳转控件呈现的跳转提示框和跳转属性设置控件。
102.在本实施例中，制作人员触发跳转控件，在目标界面图片上显示跳转提示框和跳转属性设置控件，制作人员将跳转提示信息输入跳转提示框，触发跳转属性设置控件，通过显示的对应的控件界面对初始跳转操作提示的显示属性、动画属性和跳转目标节点进行设置，得到目标界面图片对应的跳转操作提示，跳转操作提示用于学员与向导式操作指引进行交互，提高向导式操作指引的实用性。
103.在一个实施例中，基于跳转属性设置控件，对所述初始跳转操作提示的显示属性、动画属性和跳转目标节点进行设置，得到目标界面图片对应的跳转操作提示包括：
104.响应于针对跳转属性设置控件的触发操作，显示动画属性控件和显示属性控件；动画属性控件具有对应的动画属性设置界面，显示属性控件具有对应的显示属性设置界面；响应于针对显示属性设置界面的触发操作，对初始跳转操作提示的显示属性进行设置，得到参考跳转操作提示；响应于针对动画属性设置界面的触发操作，对参考跳转操作提示的动画属性和跳转目标节点进行设置，得到跳转操作提示。
105.具体的，制作人员触发跳转属性设置控件，显示动画属性控件和显示属性控件，通过显示属性控件对应的显示属性设置界面和动画属性控件对应的动画属性设置界面，对初始跳转操作提示的显示属性、动画属性和跳转目标节点进行设置，得到目标界面图片对应的跳转操作提示。
106.参考图5b，为编辑跳转操作提示的示意图。其中，506所指示的区域为动画属性控件和显示属性控件，508所指示的区域为动画属性设置界面。
107.在本实施例中，触发跳转属性设置控件，显示动画属性控件和显示属性控件，通过显示属性控件对应的显示属性设置界面和动画属性控件对应的动画属性设置界面，对初始跳转操作提示的显示属性、动画属性和跳转目标节点进行设置，得到目标界面图片对应的跳转操作提示。初始跳转操作提示的属性设置简单便捷，提高了编辑操作提示的速率。
108.在一个实施例中，向导式操作指引编辑的方法还包括：
109.响应于针对当前节点预览控件的触发操作，获取当前编辑节点对应的目标界面图片和目标界面图片对应的多个操作提示；将目标界面图片呈现于当前编辑界面；基于各个操作提示的动画属性中设置的呈现顺序和呈现方式，依次呈现各个操作提示。
110.其中，呈现顺序是指操作提示出现的顺序。例如，有3个操作提示，分别为跳转操作提示、说明操作提示、框图操作提示，跳转操作提示的出现顺序为3、说明操作提示的出现顺序为2、框图操作提示的出现顺序为1，则操作提示的呈现顺序为现框图操作提示、说明操作提示、跳转操作提示。呈现方式是指操作提示出现的方式。呈现方式包括但不限于淡入、淡出、旋转、放大、移入。
111.具体的，制作人员触发当前节点预览控件，终端102获取当前编辑节点对应的目标界面图片和目标界面图片对应的操作提示，将目标界面图片呈现于编辑界面，基于各个操作提示的动画属性中设置的呈现顺序和呈现方式，依次呈现各个操作提示，丰富操作提示的呈现形式。
112.在一个实施例中，如图6所述，向导式操作指引播放的方法包括：
113.步骤602，获取目标应用的向导式操作指引数据包。
114.具体的，终端102从服务器104获取目标应用的向导式操作指引数据包。
115.在一个实施例中，终端102通过socket连接从服务器104获取向导式操作指引数据包。socket连接是进程间通信的一种方式，它能实现不同主机间的进程间通信，本质是对底层网络协议tcp/ip的封装，并且提供了一套应用程序接口(api)，网络上各种各样的服务都可以基于socket连接来完成通信。服务器可以基于socket连接传输数据至终端。
116.步骤604，从向导式操作指引数据包中获取播放顺序关系。
117.具体的，终端102从向导式操作指引数据包中获取各个播放节点的播放顺序关系。
118.步骤606，基于播放顺序关系，获取当前播放节点。
119.具体的，基于播放顺序关系，终端102获取第一个播放节点作为当前播放节点。
120.步骤608，获取当前播放节点对应的目标界面图片以及目标界面图片对应的操作提示。
121.具体的，终端102从向导式操作指引数据包中获取与当前播放节点关联存放的目标界面图片和操作提示。
122.步骤610，显示目标界面图片和操作提示。
123.具体的，终端102呈现目标界面图片，依次以对应的出现方式呈现各个操作提示。
124.步骤612，获取下一个播放节点，将下一个播放节点作为当前播放节点，返回获取当前播放节点对应的目标界面图片以及目标界面图片对应的操作提示步骤，直至目标应用对应的向导式操作指引课件播放完毕。
125.具体的，获取下一个播放节点，重复步骤608和步骤610，直至最后一个播放节点的目标界面图片和操作提示呈现完毕。
126.在一个实施例中，设置各个播放节点之间的间隔时长，比如第一个播放节点的各个操作提示展现完毕之后，等待预先设置的间隔时长，获取下一个播放节点。
127.在一个实施例中，各个目标界面图片设置的操作提示中包括下一个播放节点跳转操作提示，下一个播放节点跳转操作提示出现在其余各个操作提示之后，学员通过点击下一个播放节点跳转操作提示，获取下一个播放节点。
128.在本实施例中，终端102从服务器104获取目标应用的向导式操作指引数据包，从向导式操作指引数据包中获取各个播放节点的播放顺序关系，从播放顺序关系中获取第一个播放节点作为当前播放节点，从向导式操作指引数据包中获取与当前播放节点关联存放的目标界面图片和操作提示，呈现目标界面图片后依次以对应的出现方式呈现各个操作提示，获取下一个播放节点，将下一个播放节点作为当前播放节点重复上述步骤，直至最后一个播放节点的目标界面图片和操作提示呈现完毕。向导式操作指引直观的呈现目标应用的各个步骤，提高学员学习的效率。
129.在一个实施例中，获取下一个播放节点包括：
130.响应于针对操作提示中跳转操作提示的触发操作，基于跳转操作提示获取对应的目标跳转节点；将目标跳转节点作为下一个播放节点。
131.具体的，学员触发跳转操作提示，终端102获取跳转操作提示中设置的目标跳转节点，终端102获取目标跳转节点对应的目标界面图片以及目标界面图片对应的操作提示，依次呈现目标界面图片和操作提示。
132.参考图7，为当播放界面的示意图。其中，702所指示的区域为各个播放节点，学员可以通过点击目标播放节点跳转到下一个播放节点。704所指示的区域为登录成功跳转操
作提示和登录失败跳转操作提示，学员可以通过点击登录成功跳转操作提示和登录失败跳转操作提示，获取对应的下一个播放节点。可以根据对应的目标节点图片和操作提示呈现每个播放节点的标识，方便学员点击查看目标播放节点。
133.在本实施例中，播放节点便于学员根据学习的进度选择下一个播放节点，不仅如此，操作提示中的跳转操作提示可以实现与学员之间的交互，根据交互的结果从当前播放节点跳转到跳转目标节点，直观的呈现相关操作步骤的结果，提高学员的学习效率。
134.在一个具体的实施例中，如图8所示，向导式操作指引从编辑到播放的过程包括：
135.步骤802，制作人员打开向导式操作指引编辑器。
136.步骤804，制作人员打开目标软件。
137.步骤806，触发新建控件，向导式操作指引编辑界面呈现第一个编辑节点对应编辑界面，编辑界面中包括图片编辑区域和图片编辑控件，图片编辑控件包括跳转控件、圈图框控件、文本框控件、说明控件、马赛克控件、情景故事控件，制作人员触发情景故事控件，在第一个编辑节点对应的图片编辑区域显示情景故事文本框，制作人员将制作该向导式操作指引的目的输入至情景故事文本框，通过触发主题控件，选择情景故事文本框的背景图片和背景音乐。
138.步骤808，制作人员操作目标软件至目标步骤界面；
139.步骤810，制作人员触发向导式操作指引编辑器中的插入节点控件，新增当前编辑节点，编辑界面呈现空白的图片编辑区域和图片编辑控件；制作人员触发截图控件，截取目标软件目标步骤界面的当前界面图片；制作人员触发保存控件，向导式操作指引编辑器对当前界面图片的尺寸和分辨率进行调整，得到与图片编辑区域匹配的目标界面图片，将目标界面图片显示在图片编辑区域。
140.步骤812，制作人员触发图片编辑控件中的跳转控件、圈图框控件、文本框控件、说明控件、马赛克控件分别编辑目标界面图片对应的操作指引，操作指引包括跳转操作指引、圈图框操作指引、文本框操作指引、说明操作指引、马赛克操作指引，制作人员根据实际需求编辑目标界面图片对应的一个或者多个操作指引。例如，制作人员触发跳转控件，在目标界面图片上显示一个跳转提示框，跳转提示框的右上角显示跳转属性设置控件；制作人员在跳转提示框内输入跳转提示信息；触发跳转属性设置控件，在跳转提示框的右边显示属性设置界面，通过属性设置界面对跳转提示信息的字体、字号、文字颜色等进行设置；触发动画属性控件，通过动画属性设置界面对跳转提示框出现的顺序、时间、方式等动画属性和目标跳转节点进行设置。
141.步骤814，制作人员判断向导式及操作指引是否编辑结束，如果编辑未结束，则重复步骤808、步骤810和步骤812。
142.步骤816，如果编辑结束，则打包封装向导式操作指引对应的各类资源。建立资源清单文件manifest.json，用于描述课件的版本，资源文件等说明；将各个目标界面图片保存为二进制文件，文件名采用hash code编码(hash code是一种编码方式，在java中，每个对象都会有一个hash code值，java可以通过这个hash code值来识别一个对象)方式进行命名，存放至resources目录；建立资源清单文件resource.json，记录所述二进制图片文件清单；建立操作指引清单文件uistream.json，用于描述跳转操作指引、圈图框操作指引、文本框操作指引、情景故事操作指引等操作指引的播放位置、内容及播放方式；使用winrar
(winrar是一款功能强大的压缩包管理器，它是档案工具rar在windows环境下的图形界面。该软件可用于备份数据，缩减电子邮件附件的大小，解压缩从internet上下载的rar、zip及其它类型文件，并且可以新建rar及zip格式等的压缩类文件)技术将resources目录、manifest.json、resource.json、uistream.json打包压缩为后缀名为.kdcourse的文件包。如图9所示。
143.对于情景故事框中的文字内容、跳转操作指引中的文字内容等文字内容，使用语音技术将文字内容转换为对应的语音，将语音保存为音频格式的文件，比如wav(wav是最常见的声音文件格式之一，是微软公司专门开发的一种标准数字音频文件，该格式的文件能记录各种单声道或立体声的声音信息，并能保证声音不失真)格式的文件、mp3(moving picture experts group audio layer iii，全称为动态影像专家压缩标准音频层面3)格式的文件等等。文件的名称可以使用相对应的播放节点的名称进行命名。
144.步骤818，操作人员触发发布控件，采用socket技术将文件包发送至教学系统。可以通过触发分享形式选择控件形成对应的分享形式。分享形式选择控件用于确定目标应用的向导式操作指引的分享形式。不同的分享形式选择控件对应不同的向导式操作指引分享形式。向导式操作指引分享形式具体包括链接形式、图片形式、图形码形式、指定格式文件形式等分享形式。链接形式是指生成待分享的向导式操作指引对应的访问链接，将访问链接进行分享，学员可以基于访问链接来快速访问向导式操作指引。图片形式是指将待分享的向导式操作指引转换为图片，将转换得到的图片进行分享，用户可以通过查看图片来快速查看分享向导式操作指引的内容。图形码形式是指生成待分享的向导式操作指引对应的图形码，将图形码进行分享，学员可以通过扫描图形码来快速访问分享向导式操作指引。图形码可以是二维码、条形码、三维码等。指定格式文件形式是指将待分享的向导式操作指引的文件格式转换为指定格式，将指定格式的向导式操作指引进行分享。例如，可以将向导式操作指引转换为pdf文件，将pdf格式的向导式操作指引进行分享。
145.步骤820，学员在选观看目标应用的向导式操作指引。
146.通过显示当前编辑节点对应的当前编辑界面，当前编辑界面包括图片编辑区域和图片编辑控件，将获取的目标应用界面截取的目标操作步骤对应的目标界面图片显示在图片编辑区域，基于图片编辑控件编辑目标界面的操作提示，完成当前编辑节点的编辑工作；获取下一个编辑节点，重复上述步骤，直至目标应用的向导式操作指引编辑完毕；设置各个编辑节点的播放顺序关系；将播放顺序关系、各个目标界面图片、各个目标界面图片对应的操作提示打包成向导式操作指引数据包。将目标应用界面截取的目标操作步骤的截图自动调整成预设格式的目标界面图片，通过编辑控件快速的完成操作提示的编辑，将播放顺序关系、各个目标界面图片、各个目标界面图片对应的操作提示一键打包成向导式操作指引数据包，提高了向导式操作指引的制作效率。
147.应该理解的是，虽然图1-9的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-9中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
148.基于同样的发明构思，本技术实施例还提供了一种用于实现上述所涉及的向导式操作指引编辑装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个向导式操作指引编辑装置，实施例中的具体限定可以参见上文中对于向导式操作指引编辑方法的限定，在此不再赘述。
149.在一个实施例中，如图10所示，提供了一种向导式操作指引编辑装置，包括显示当前编辑界面模块、显示目标界面图片模块、编辑目标界面图片模块、循环模块、排序模块、封装模块，其中：
150.显示当前编辑界面模块1002，用于显示当前编辑节点对应的当前编辑界面，所述当前编辑界面包括图片编辑区域和图片编辑控件；
151.显示目标界面图片模块1004，用于获取在目标应用界面截取的目标操作步骤对应的目标界面图片，在所述图片编辑区域显示所述目标界面图片；
152.编辑目标界面图片模块1006，用于响应于针对图片编辑控件的触发操作，编辑所述目标界面图片对应的操作提示；
153.循环模块1008，用于获取下一个编辑节点作为当前编辑节点，返回所述显示当前编辑节点对应的当前编辑界面步骤；
154.排序模块1010，用于设置各个编辑节点的播放顺序关系；
155.封装模块1012，用于响应于针对保存控件的触发操作，打包封装所述播放顺序关系、各个编辑节点对应的目标界面图片、各个目标界面图片对应的操作提示，得到所述目标应用的向导式操作指引数据包，所述向导式操作指引数据包用于播放所述目标应用的向导式操作指引课件。
156.在一个实施例中，所述显示目标界面图片模块1004，还用于：响应于针对截图控件的触发操作，截取目标应用界面的目标操作步骤对应的界面图片；对所述界面图片进行调整，得到目标界面图片；将所述目标界面图片显示于所述图片编辑区域。
157.在一个实施例中，所述编辑目标界面图片模块1006，还用于：响应于针对所述跳转控件的触发操作，显示跳转提示框和跳转属性设置控件；获取跳转提示信息，将所述跳转提示信息显示于所述跳转提示框，得到初始跳转操作提示；基于所述跳转属性设置控件，对所述初始跳转操作提示的显示属性、动画属性和跳转目标节点进行设置，得到所述目标界面图片对应的跳转操作提示；所述跳转目标节点为向导式操作指引课件播放过程中，响应于针对所述跳转操作提示的触发操作，获取的所述目标界面图片对应的播放节点的下一个播放节点。
158.在一个实施例中，所述编辑目标界面图片模块1006，还用于：响应于针对所述跳转属性设置控件的触发操作，显示动画属性控件和显示属性控件；所述动画属性控件具有对应的动画属性设置界面，所述显示属性控件具有对应的显示属性设置界面；响应于针对所述显示属性设置界面的触发操作，对所述初始跳转操作提示的显示属性进行设置，得到参考跳转操作提示；响应于针对所述动画属性设置界面的触发操作，对所述参考跳转操作提示的动画属性和跳转目标节点进行设置，得到所述目标界面图片对应的跳转操作提示。
159.在一个实施例中，所述向导式操作指引编辑装置还包括当前节点预览模块：
160.所述当前节点预览模块，用于响应于针对当前节点预览控件的触发操作，获取所述当前编辑节点对应的目标界面图片和所述目标界面图片对应的多个操作提示；将所述目
标界面图片呈现于所述当前编辑界面；基于各个所述操作提示的动画属性中设置的呈现顺序和呈现方式，依次呈现各个所述操作提示。
161.在一个实施例中，如图11所示，提供了一种向导式操作指引播放装置，包括数据包获取模块、播放顺序获取模块、播放节点获取模块、显示信息获取模块、显示模块、播放循环模块，其中：
162.数据包获取模块1102，用于获取目标应用的向导式操作指引数据包；
163.播放顺序获取模块1104，用于从所述向导式操作指引数据包中获取播放顺序关系；
164.播放节点获取模块1106，用于基于所述播放顺序关系，获取当前播放节点；
165.显示信息获取模块1108，用于获取当前播放节点对应的目标界面图片以及所述目标界面图片对应的操作提示；
166.显示模块1110，用于显示所述目标界面图片和所述操作提示；
167.播放循环模块1112，用于获取下一个播放节点，将所述下一个播放节点作为当前播放节点，返回所述获取当前播放节点对应的目标界面图片以及所述目标界面图片对应的操作提示步骤，直至所述目标应用对应的向导式操作指引课件播放完毕。
168.在一个实施例中，所述播放节点获取模块1106，还用于：响应于针对所述操作提示中跳转操作提示的触发操作，基于所述跳转操作提示获取对应的目标跳转节点；将所述目标跳转节点作为下一个播放节点。
169.上述向导式操作指引编辑装置和向导式操作指引播放装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
170.图12示出了一个实施例中计算机设备的内部结构图。该计算机设备既可以是终端，也可以是服务器。如图12所示，该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现课件合成方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行业务单据转换方法。
171.本领域技术人员可以理解，图12中示出的结构，仅仅是与本技术方案相关的部分结构的框图，并不构成对本技术方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
172.在一个实施例中，还提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。
173.在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
174.在一个实施例中，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
175.需要说明的是，本技术所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户
授权或者经过各方充分授权的信息和数据。
176.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本技术所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(read-only memory，rom)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(reram)、磁变存储器(magnetoresistive random access memory，mram)、铁电存储器(ferroelectric random access memory，fram)、相变存储器(phase change memory，pcm)、石墨烯存储器等。易失性存储器可包括随机存取存储器(random access memory，ram)或外部高速缓冲存储器等。作为说明而非局限，ram可以是多种形式，比如静态随机存取存储器(static random access memory，sram)或动态随机存取存储器(dynamic random access memory，dram)等。本技术所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本技术所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。
177.以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
178.以上所述实施例仅表达了本技术的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本技术专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本技术构思的前提下，还可以做出若干变形和改进，这些都属于本技术的保护范围。因此，本技术的保护范围应以所附权利要求为准。