CN114296846A - 一种页面引导的配置方法、系统及装置 - Google Patents
一种页面引导的配置方法、系统及装置 Download PDFInfo
- Publication number
- CN114296846A CN114296846A CN202111508612.8A CN202111508612A CN114296846A CN 114296846 A CN114296846 A CN 114296846A CN 202111508612 A CN202111508612 A CN 202111508612A CN 114296846 A CN114296846 A CN 114296846A
- Authority
- CN
- China
- Prior art keywords
- guide
- page
- event
- guidance
- script
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims description 95
- 230000008569 process Effects 0.000 claims description 28
- 230000000903 blocking effect Effects 0.000 claims description 24
- 238000004590 computer program Methods 0.000 claims description 19
- 238000003860 storage Methods 0.000 claims description 17
- 238000002372 labelling Methods 0.000 claims description 12
- 238000004422 calculation algorithm Methods 0.000 claims description 5
- 238000004458 analytical method Methods 0.000 claims description 2
- 238000011161 development Methods 0.000 abstract description 9
- 238000010586 diagram Methods 0.000 description 25
- 230000006870 function Effects 0.000 description 17
- 230000006872 improvement Effects 0.000 description 9
- 238000005516 engineering process Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 6
- 238000012423 maintenance Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 238000009826 distribution Methods 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 229920001296 polysiloxane Polymers 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本说明书公开了一种页面引导的配置方法、系统及装置，该系统包括第一终端、服务器和第二终端，可先通过第二终端监测第二用户的各业务操作，并基于各业务操作的执行顺序和操作信息生成初始引导脚本。之后，通过服务器对回放的各业务操作添加引导数据，向该初始引导脚本中添加页面引导事件。最后，通过第一终端中的页面引导协议解析并执行各页面引导事件，以引导第一用户执行各业务操作。通过在第一终端中执行页面引导事件，在真实页面中进行页面引导，提高了页面引导的准确性。并且，通过向初始引导脚本中添加页面引导事件，并基于页面引导协议解析以及执行，无需开发人员对每个页面开发页面引导，大大提高了页面引导的开发效率。
Description
技术领域
本申请涉及前端技术领域，尤其涉及一种页面引导的配置方法、系统及装置。
背景技术
随着互联网技术的快速发展，各种各样的应用(application，app)层出不穷，满足了用户的各类使用需求。
为了方便用户的使用，各app通常会为新手用户设计引导功能，使用户熟悉各app的操作流程，并引导用户进行操作。
目前，在客户端中实现新手用户引导功能时，一种实现方式是采用“假页面引导”的方式引导，即在显示真实应用页面之前，通过预先录制的页面操作视频或页面操作截图提示引导。但是，由于不同终端设备的显示差异，同一页面元素在不同终端页面中所处的位置不同，使得页面引导不够准确。并且，采用假页面引导的方式，引导用户学会使用的成功率较低，用户往往需要反复观看页面操作视频或页面操作截图，才能执行页面操作，导致业务执行效率较低，用户体验较差。
另一种实现方式是结合“真实页面”的方式引导，即在用户操作的真实应用页面，通过标记高亮区域、显示弹窗等提示方式，引导用户进行页面操作。而基于真实页面的引导方式需要开发人员对应在每个页面中添加页面引导代码，开发成本较高。并且后续页面更新时，需要重新开发页面引导，维护成本也较高。
发明内容
本说明书实施例提供一种页面引导的配置方法、装置、存储介质及电子设备，用于部分解决现有技术中的问题。
本说明书实施例采用下述技术方案：
本说明书提供的一种页面引导的配置方法，包括：
第一终端，向服务器发送页面引导请求；
接收所述服务器返回的页面引导脚本；其中，所述页面引导脚本基于初始引导脚本以及添加的页面引导事件生成，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定，所述页面引导事件由服务器根据所述第二用户对回放的各业务操作添加的引导数据确定，各业务操作基于所述初始引导脚本进行回放；
根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作；
其中，所述页面引导协议中包含各页面引导事件的实现方法。
可选地，根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，具体包括：
针对所述页面引导脚本中的每个页面引导事件，当该页面引导事件为样式引导事件时，确定所述样式引导事件的引导位置；
根据所述样式引导事件的引导位置，以及预设的页面引导协议中针对样式引导事件的样式引导规则，执行所述样式引导事件，使所述引导位置在页面中突出显示。
可选地，确定所述样式引导事件的引导位置，具体包括：
确定所述样式引导事件中所引导的页面元素的元素图像；
通过图像匹配算法，从当前显示页面中确定与所述元素图像匹配的图像区域，并根据匹配的图像区域，确定所述样式引导事件的引导位置。
可选地，所述样式引导事件为高亮标注事件；
根据所述样式引导事件的引导位置，以及预设的页面引导协议中针对样式引导事件的样式引导规则，执行所述样式引导事件，具体包括：
根据所述高亮标注事件中的引导位置，从当前显示页面中确定高亮范围；
根据预设的页面引导协议中针对高亮标注事件的样式引导规则，对所述当前显示页面中的高亮范围与其它范围设置不同的透明度，所述高亮范围的透明度高于所述其它范围的透明度。
可选地，所述样式引导事件为弹窗提示事件；
根据所述样式引导事件的引导位置，以及预设的页面引导协议中针对样式引导事件的样式引导规则，执行所述样式引导事件，具体包括：
根据预设的页面引导协议中针对弹窗提示事件的样式引导规则，确定弹窗与所述引导位置之间的相对位置关系；
根据所述样式引导事件中的引导位置，以及所述弹窗与所述引导位置之间的相对位置关系，进行弹窗显示。
可选地，根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，具体包括：
针对所述页面引导脚本中的每个页面引导事件，当该页面引导事件为内容引导事件时，确定所述内容引导事件的引导内容；
根据所述引导内容，以及预设的页面引导协议中针对内容引导事件的内容引导规则，执行所述内容引导事件。
可选地，所述内容引导事件为语音播放事件；
根据所述引导内容，以及预设的页面引导协议中针对内容引导事件的内容引导规则，执行所述内容引导事件，具体包括：
根据所述引导内容，以及预设的页面引导协议中针对语音播放事件的内容引导规则，确定所述引导内容对应的音频数据，并根据所述音频数据进行语音播放。
可选地，所述内容引导事件为弹窗提示事件；
根据所述引导内容，以及预设的页面引导协议中针对弹窗提示事件的内容引导规则，执行所述内容引导事件，具体包括：
根据所述引导内容，以及预设的页面引导协议中针对弹窗提示事件的内容引导规则，在弹窗中显示所述引导内容
可选地，执行页面引导事件，具体包括：
当所述页面引导事件为阻塞式任务时，执行所述页面引导事件，直至所述第一用户完成所述页面引导事件引导的业务操作时，确定所述页面引导事件执行完成；
当所述页面引导事件为非阻塞式任务时，执行所述页面引导事件，直至达到预设的阻塞时长时，确定所述页面引导事件执行完成。
本说明书提供的一种页面引导的配置方法，包括：
服务器，获取初始引导脚本；其中，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定；
运行所述初始引导脚本，回放所述第二用户在页面中执行的各业务操作；
针对回放的每个业务操作，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，并将添加后的初始引导脚本作为页面引导脚本；
当接收到第一终端发送的页面引导请求时，将所述页面引导脚本返回至所述第一终端，使所述第一终端根据预设的页面引导协议解析所述页面引导脚本中的各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
可选地，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，具体包括：
根据所述第二用户对该业务操作添加的引导位置，在所述初始引导脚本中该业务操作之前添加样式引导事件。
可选地，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，具体包括：
根据所述第二用户对该业务操作添加的页面元素的元素图像，在所述初始引导脚本中该业务操作之前添加样式引导事件。
可选地，所述样式引导事件至少包括高亮标注事件以及弹窗提示事件中的一种。
可选地，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，具体包括：
根据所述第二用户对该业务操作添加的引导内容，在所述初始引导脚本中该业务操作之前添加内容引导事件。
可选地，所述内容引导事件至少包括语音播放事件以及弹窗提示事件中的一种。
可选地，所述方法还包括：
根据所述第二用户对各页面引导事件的时长编辑，调整所述初始引导脚本中各页面引导事件的阻塞时长。
可选地，所述方法还包括：
根据所述第二用户对各页面引导事件的顺序编辑，调整所述初始引导脚本中各页面引导事件的执行顺序。
本说明书提供的一种页面引导的配置系统，所述系统包括第一终端、服务器以及第二终端，其中：
第二终端，监测第二用户在页面中执行的各业务操作，并确定各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息，根据所述第二用户执行各业务操作的顺序、各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息，生成初始引导脚本；
服务器，接收所述第二终端发送的初始引导脚本，并运行所述初始引导脚本，回放所述第二用户在页面中执行的各业务操作，针对回放的每个业务操作，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，将添加后的初始引导脚本作为页面引导脚本；
第一终端，向所述服务器发送页面引导请求，接收所述服务器返回的页面引导脚本，根据预设的页面引导协议解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
本说明书提供一种页面引导的配置装置，包括：
发送模块，配置为向服务器发送页面引导请求；
接收模块，配置为接收所述服务器返回的页面引导脚本，其中，所述页面引导脚本基于初始引导脚本以及添加的页面引导事件生成，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定，所述页面引导事件由服务器根据所述第二用户对回放的各业务操作添加的引导数据确定，各业务操作基于所述初始引导脚本进行回放；
解析模块，配置为根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作，其中，所述页面引导协议中包含各页面引导事件的实现方法。
本说明书提供一种页面引导的配置装置，包括：
接收模块，配置为获取初始引导脚本，其中，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定；
回放模块，配置为运行所述初始引导脚本，回放所述第二用户在页面中执行的各业务操作；
事件添加模块，配置为针对回放的每个业务操作，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，并将添加后的初始引导脚本作为页面引导脚本；
脚本下发模块，配置为当接收到第一终端发送的页面引导请求时，将所述页面引导脚本返回至所述第一终端，使所述第一终端根据预设的页面引导协议解析所述页面引导脚本中的各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
本说明书提供的一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述页面引导的配置方法。
本说明书提供的一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述页面引导的配置方法。
本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：
在本说明书中，页面引导的配置系统包括第一终端、服务器和第二终端，可先通过第二终端监测第二用户的各业务操作，并基于各业务操作的执行顺序和操作信息生成初始引导脚本。之后，通过服务器对回放的各业务操作添加引导数据，向该初始引导脚本中添加页面引导事件。最后，通过第一终端中的页面引导协议解析并执行各页面引导事件，以引导第一用户执行各业务操作。通过在第一终端中执行页面引导事件，在真实页面中进行页面引导，提高了页面引导的准确性。并且，通过向初始引导脚本中添加页面引导事件，并基于页面引导协议解析以及执行，无需开发人员对每个页面开发页面引导，大大提高了页面引导的开发效率
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1为本说明书实施例提供的一种页面引导的配置方法的流程示意图；
图2为本说明书实施例提供的一种高亮标注引导的示意图；
图3为本说明书实施例提供的一种弹窗提示引导的示意图；
图4为本说明书实施例提供的一种结合高亮标注和弹窗提示引导的示意图；
图5为本说明书实施例提供的一种页面引导的配置方法的流程示意图；
图6为本说明书实施例提供的一种编辑平台的界面示意图；
图7为本说明书实施例提供的一种页面引导的配置系统的结构示意图；
图8为本说明书实施例提供的一种页面引导的配置装置的结构示意图；
图9为本说明书实施例提供的一种页面引导的配置装置的结构示意图；
图10为本说明书实施例提供的实现页面引导的配置方法的电子设备示意图。
具体实施方式
为使本说明书的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
本说明书提供一种页面引导的配置方法，以下结合附图，详细说明本申请各实施例提供的技术方案。
图1为本说明书实施例提供的一种页面引导的配置方法的流程示意图，具体可包括以下步骤：
S100：第一终端，向服务器发送页面引导请求。
S102：接收所述服务器返回的页面引导脚本。
本说明书中所述的页面引导，指的是在app的真实页面上通过样式的突出显示或内容提示等方式，引导用户按照业务流程执行业务操作。
具体的，当用户初次使用app或初次使用app中的某项功能模块时，第一终端可向提供app服务的服务器发送页面引导请求。其中，该第一用户为使用该app的用户，该第一终端为该第一用户的用户终端，其上安装有该app的应用程序，该页面引导请求可以携带在登录请求或功能模块的页面加载请求中发送。
之后，该服务器可根据接收到的页面引导请求中的用户信息，判断该第一用户是否初次使用相应功能。若该第一用户为初次使用，则向该第一终端返回页面引导脚本，用于引导该第一用户执行业务操作。其中，该页面引导脚本可以与页面数据同步下发，即携带在页面数据中返回，也可以与页面数据异步下发，本说明书对此不做限制。
其中，该页面引导脚本可由开发人员的第二终端所生成的初始引导脚本以及服务器侧所添加的页面引导事件共同生成。该初始引导脚本由该第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息所生成。页面引导事件由服务器根据该第二用户对回放的各业务操作添加的引导数据确定，各业务操作基于第二终端发送的初始引导脚本进行回放，页面引导事件至少包括样式引导事件以及内容引导事件中的一种。
S104：根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
在接收到服务器返回的页面引导脚本后，该第一终端可运行该页面引导脚本，在app的真实页面中执行页面引导事件，如，在相应位置标注高亮、播放语音或弹窗提示等，以引导该第一用户执行各业务操作。
具体的，该第一终端可按照预设的页面引导协议，解析该页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导该第一用户按照业务流程执行各业务操作。其中，该页面引导协议中包含各页面引导事件的实现方法，该页面引导协议部署在该第一终端的软件工具安装包(Software Development Kit，SDK)中，该SDK可以携带在该app的安装包中，或者通过版本更新的方式发送至第一终端。
在基于页面引导协议执行各页面引导事件时，针对该页面引导脚本中的每个页面引导事件，当该页面引导事件为样式引导事件时，可确定该样式引导事件的引导位置。之后，根据该样式引导事件的引导位置，以及预设的页面引导协议中针对样式引导事件的样式引导规则，执行该样式引导事件，使该引导位置在页面中突出显示。
进一步的，本说明书中样式引导事件的引导位置，可以是页面中的某个页面元素，如图标、输入框等，也可以是页面中的具体位置信息，包括中心点坐标以及标注区域的宽高值。
其中，当该样式引导事件的引导位置指的是某个页面元素时，若该页面引导脚本中包含待标注的页面元素的元素图像，则该第一终端可通过图像匹配算法，从当前显示页面中确定与该元素图像匹配的图像区域，并根据匹配的图像区域，确定该样式引导事件的引导位置。
若该页面引导脚本中包含待标注的页面元素的元素标识，则该第一终端可基于该元素标识从当前显示页面中显示的各页面元素中，确定待标注的页面元素在页面中的位置，确定该样式引导事件的引导位置。
在本说明书一种实施方式中，该样式引导事件可以为高亮标注事件，即对页面中的引导位置进行高亮标注，使其突出显示。于是在执行高亮标注事件时，该第一终端可根据该高亮标注事件中的引导位置，从当前显示页面中确定高亮范围。之后，根据预设的页面引导协议中针对高亮标注事件的样式引导规则，对当前显示页面中的高亮范围与其它范围设置不同的透明度，以引导用户点击当前显示页面中的高亮区域。其中，高亮范围的透明度高于其它范围的透明度。如，将当前显示页面的高亮范围上添加不透明度为0的图层，在其它范围上添加不透明度为0.7的图层。
图2为本说明书实施例提供的一种高亮标注引导的示意图，基于该高亮标注事件可确定引导位置为页面中的搜索图标，可基于该搜索图标的元素图像，通过图像匹配算法，从当前显示页面中确定相匹配的图像区域，作为需要标注的高亮范围，即图中搜索图标所在的矩形区域。之后，根据高亮标注事件的样式引导规则，对当前显示页面中的高亮范围与其它范围设置不同的透明度，如图中搜索图标所在的矩形区域透明度较高，其它范围透明度较低。
在本说明书一种实施方式中，该样式引导事件可以为弹窗提示事件，即对页面中的引导位置通过弹窗提示，使其突出显示。于是在执行弹窗提示事件时，该第一终端可根据预设的页面引导协议中针对弹窗提示事件的样式引导规则，确定弹窗与所引导位置之间的相对位置关系，如弹窗位于该引导位置的正下方3像素的位置。之后，根据该弹窗提示事件中的引导位置，以及该弹窗与该引导位置之间的相对位置关系，进行弹窗显示，以提示用户在引导位置进行点击或输入。
进一步的，该样式引导规则中基于所引导操作的不同也可设置多种不同的弹窗样式，如引导用户的点击操作，则显示的弹窗中可包含引导点击的文字内容或图案内容。
在本说明书一种实施方式中，弹窗与所引导位置之间的相对位置关系也可设置在页面引导脚本中，以便第二用户进行修改。于是在执行弹窗提示事件时，该第一终端可确定该弹窗提示事件的引导位置以及弹窗与该引导位置之间的相对位置关系，并根据预设的页面引导协议中针对弹窗提示事件的样式引导规则，进行弹窗显示。
另外，本说明书中的样式标注事件还可采用其它方式突出页面中的引导位置，本说明书对样式突出的实现方式不做限制，可根据需要设置。如，通过抖动页面元素的方式，使引导的页面元素区别于页面中其它的页面元素，引导用户进行点击。
在基于页面引导协议执行各页面引导事件时，针对该页面引导脚本中的每个页面引导事件，当该页面引导事件为内容引导事件时，可确定该内容引导事件的引导内容，并根据该引导内容，以及预设的页面引导协议中针对内容引导事件的内容引导规则，执行该内容引导事件。
在本说明书一种实施方式中，该内容引导事件可以是语音播放事件，则该语音播放事件的引导内容为文本内容，该第一终端可根据该文本内容，以及针对语音播放事件的内容引导规则，通过文本语音转换技术(Text To Speech，TTS)，将该文本内容转换为音频数据，并进行语音播放。
其中，该第一终端可调用该app的TTS服务，也可以调用系统自带的TTS服务。如，当用户终端使用苹果操作系统(iPhone operating system，IOS)时，可调用IOS系统自带的TTS服务，当用户终端使用谷歌Google系统时，可调用Google系统自带的TTS服务。
在本说明书一种实施方式中，该内容引导事件可以是弹窗提示事件，则该弹窗提示事件的引导内容可以包含文字内容，也可包含图像内容。该第一终端可根据该弹窗提示事件的引导内容，以及针对弹窗提示事件的内容引导规则，在页面中添加弹窗图层，并在弹窗图层中显示该引导内容。其中，该弹窗图层可默认添加在页面的中央位置。
在本说明书一种或多种实施例中，在执行该弹窗提示事件时，可先确定该弹窗提示事件的引导位置，并根据预设的页面引导协议中针对弹窗提示事件的样式引导规则，确定弹窗与所引导位置之间的相对位置关系。之后，确定该弹窗提示事件的引导内容，并根据该弹窗提示事件中的引导内容、引导位置以及该弹窗与该引导位置之间的相对位置关系，进行弹窗显示，并在弹窗中显示引导内容。
图3为本说明书实施例提供的一种弹窗提示引导的示意图，可确定弹窗提示事件的引导位置为搜索框，并根据样式引导规则，确定弹窗显示在该搜索框的正下方位置。该弹窗提示事件中的引导内容包含“人物图标”以及“在此输入想要搜索的美食的关键词，如“麻辣香锅””。则该第一终端可在当前显示页面中该搜索框的正下方位置显示弹窗图层，并在该弹窗图层上显示有引导内容。其中，该弹窗图层可与真实页面设置为不同的透明度。
在本说明书一种或多种实施例中，对于业务流程中的一个业务操作，也可以采用多种页面引导事件进行引导，如图4所示。针对用户点击搜索图标这一业务操作，可以先通过高亮标注事件，确定需要标注的高亮范围，即搜索图标所在的矩形区域，并在页面中添加高亮图层，使得搜索图标所在的矩形区域在页面中的亮度高于页面中其它范围的亮度。之后，再通过弹窗提示事件，确定引导内容“点击搜索图标”，在页面中添加弹窗图层，通过该弹窗图层中显示引导内容。并调整该弹窗图层的透明度，使该弹窗图层的亮度也高于页面中其它范围的亮度。
进一步的，在执行页面引导事件时，若该页面引导事件为阻塞式任务，则该第一终端执行该页面引导事件，直至该第一用户完成该页面引导事件所引导的业务操作时，才确定该页面引导事件执行完成。若该页面引导事件为非阻塞式任务时，则该第一终端执行该页面引导事件，直至达到预设的阻塞时长时，确定该页面引导事件执行完成。
继续以图2所示的高亮标注事件进行说明，当该高亮标注事件为阻塞式任务时，则持续显示当前的高亮图层，即图中搜索图标所在的矩形区域与其它范围透明度不等的图层，直至用户点击高亮区域的搜索图标后，才恢复真实页面的显示，移除该高亮图层。当该高亮标注事件为非阻塞式任务时，则按照页面引导脚本中针对该高亮标注事件设置的阻塞时长，显示该高亮图层。如在显示3s后即移除该高亮图层。
基于图1所示的页面引导的配置方法，可由第一终端执行，该第一终端向服务器发送页面引导请求，并通过预设的页面引导协议，解析服务器返回的页面引导脚本中各页面引导事件，以及执行各页面引导事件，用于引导第一用户按照业务流程执行各业务操作。其中，页面引导脚本由第二终端与服务器联合生成。通过在第一终端中设置页面引导协议的方式，避免了开发人员对每个页面单独开发页面引导，大大提高了页面引导的开发效率。
并且，在后续页面发生更新后，由于页面引导事件的实现方式并未发生变化，于是该第一终端中的页面引导协议无需改动，也无需对app下发更新版本，只需对页面引导脚本进行适应性修改即可，后续的更新维护成本较低。
在本说明书一种实施例中，页面引导脚本中的页面引导事件还可包括点击、滑动、页面跳转等事件类型，以在第一用户未执行业务操作时，代替第一用户执行业务操作，并向第一用户显示执行业务操作后的页面。
在基于页面引导协议执行各页面引导事件时，针对该页面引导脚本中的每个页面引导事件，当该页面引导事件为点击事件时，可通过该SDK解析该点击事件对应的操作区域以及点击页面的页面信息，并在显示该点击页面时，在点击页面中的该操作区域进行点击。
在基于页面引导协议执行各页面引导事件时，针对该页面引导脚本中的每个页面引导事件，当该页面引导事件为滑动事件时，可通过该SDK解析该滑动事件对应的操作区域，包括滑动的起点和终点，以及滑动页面的页面信息。并在显示该滑动页面时，在滑动页面中从起点滑动至终点位置。
在基于页面引导协议执行各页面引导事件时，针对该页面引导脚本中的每个页面引导事件，当该页面引导事件为页面跳转事件时，可通过该SDK解析页面跳转前后页面的页面信息。并执行页面跳转操作。
基于图1所示的页面引导的配置方法，本说明书还对应提供服务器侧执行的页面引导的配置方法，本说明书提供的另一种页面引导的配置方法的流程示意图，如图5所示，具体可包括以下步骤：
S200：服务器，获取初始引导脚本。
S202：运行所述初始引导脚本，回放所述第二用户在页面中执行的各业务操作。
在本说明书一种或多种实施例中，向用户使用的第一终端所下发的页面引导脚本，可由服务器与开发人员所使用的第二终端共同生成。其中，第二终端可生成初始引导脚本，在服务器侧可对该初始引导脚本进一步修改。
具体的，该服务器可接收第二终端发送的初始引导脚本。之后，通过在编辑平台中运行该初始引导脚本，回放该第二用户在页面中执行的各业务操作。
其中，该第二终端可采用录制生成脚本的方式生成初始引导脚本。该第二终端可监测第二用户在页面中执行的各业务操作，并通过记录代码记录各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息。之后，基于各业务操作的执行顺序、记录的各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息，通过序列化协议，生成初始引导脚本。
S204：针对回放的每个业务操作，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，并将添加后的初始引导脚本作为页面引导脚本。
在引导新手用户按照业务流程执行业务时，可对新手用户依次执行的每个业务操作进行引导，如，进入店铺页面—点击活动中心—点击配送费设置—输入配送金额—确认完成。于是，可对第二用户按照业务流程依次执行的每个业务操作进行引导。
具体的，该服务器可针对在编辑平台中回放的每个业务操作，根据该第二用户对该业务操作添加的引导数据，确定页面引导事件，并添加到初始引导脚本中，将添加页面引导事件的初始引导脚本作为页面引导脚本。其中，添加的页面引导事件用于引导第一用户执行该业务操作。
当引导该业务操作的事件类型为样式引导事件时，可根据第二用户对该业务操作添加的引导位置，在初始引导脚本中该业务操作之前添加样式引导事件。其中，第二用户所添加的引导位置，可以是在录制脚本中所记录的业务操作的操作区域的位置。
另外，该第二用户也可对该业务操作添加的待引导的页面元素的元素图像以在初始引导脚本中该业务操作之前添加样式引导事件。其中，第二用户所添加的页面元素的元素图像，可以是在录制脚本中所记录的业务操作对应的页面元素的元素图像，也可以是第二用户额外添加的元素图像。
当然，该第二用户还可该业务操作添加的待引导的页面元素的元素标识，以在初始引导脚本中该业务操作之前添加样式引导事件。后续在第一终端执行该样式引导事件时，可基于添加的元素标识，定位引导位置。
进一步的，在本说明书中该样式引导事件至少包括高亮标注事件以及弹窗显示事件中的一种，当然还可包括动态标注事件等。当该样式引导事件为高亮标注事件时。
当引导该业务操作的事件类型为内容引导事件时，可根据第二用户对该业务操作添加的引导内容，在初始引导脚本中该业务操作之前添加内容引导事件。其中，该内容引导事件至少包括语音播放事件以及弹窗提示事件中的一种。当采用语音播放事件引导该业务操作时，该第二用户所添加的引导内容可以是文本内容，以在第一终端转换为音频进行播放。当采用弹窗显示事件引导该业务操作时，该第二用户所添加的引导内容可以是文本内容，也可以是图像内容，以通过弹窗进行显示。
进一步的，在该编辑平台中，针对添加的每个页面引导事件，该第二用户还可对该页面引导事件进行时长编辑，以调整该初始引导脚本中该页面引导事件的阻塞时长。其中，该第二用户可对该页面引导事件的任务类型进行调整，当设置该页面引导事件为阻塞式任务时，则该页面引导事件的阻塞时长直至用户触发所引导的业务操作为止。当设置该页面引导事件为非阻塞式任务时，则可为该页面引导事件设置阻塞时长，当到达该阻塞时长后，则该页面引导事件执行完成。
在该编辑平台中，该第二用户还可对各页面引导事件进行顺序编辑，以调整该初始引导脚本中各页面引导事件的执行顺序。
图6为编辑平台的界面示意图，左侧为虚拟的终端显示屏，右侧为控制组件。该第二用户可通过拖拽时间线的方式，控制回放进度。并按照该app的业务流程，依次针对回放的每个业务操作设置引导方式，即，添加页面引导事件。当第二用户通过拖拽时间线，选定待引导的业务操作后，可在执行该业务操作之前的时间节点，添加相应的页面引导事件。如，在弹窗提示内容后的输入框中输入文字内容和图像内容，以在初始引导脚本中该业务操作之前添加弹窗提示事件。在语音播放的文本内容后的输入框中输入待广播的文本内容，以在初始引导脚本中该业务操作之前添加语音播放事件。在高亮区域后的输入框中添加高亮范围的位置坐标，或添加需要高亮的页面元素的元素图像，以在初始引导脚本中该业务操作之前添加高亮标注事件。
当然，该第二用户还可在阻塞时长的输入框中设置对添加的页面引导事件设置显示的持续时长。
S206：当接收到第一终端发送的页面引导请求时，将所述页面引导脚本返回至所述第一终端，使所述第一终端根据预设的页面引导协议解析所述页面引导脚本中的各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
该服务器可通过编辑平台对初始引导脚本添加页面引导事件，并将添加后的页面引导脚本下发至使用者的第一终端中，以对新手用户进行提示引导。
具体的，当接收到第一终端发送的页面引导请求时，该服务器可根据该页面引导请求中携带的第一用户的用户信息，判断该第一用户是否初次使用相应功能。若该第一用户为初次使用，则向该第一终端返回相应功能的页面引导脚本，用于引导该第一用户执行业务操作。其中，该页面引导请求可以携带在登录请求或页面加载请求中发送，该页面引导脚本可以与页面数据同步下发，即携带在页面数据中返回，也可以与页面数据异步下发，本说明书对此不做限制。
该第一终端在接收到服务器返回的页面引导脚本后，可根据预设的页面引导协议解析该页面引导脚本中的各页面引导事件，并执行各页面引导事件，引导第一用户按照业务流程执行各业务操作。其中，该第一终端执行各页面引导事件的详细过程在上述步骤S100～步骤S104中进行了说明，可参见上述内容，本说明书在此不做赘述。
基于图5所示的页面引导的配置方法，可由服务器执行，该服务器可通过运行初始引导脚本，回放第二用户在页面中执行的各业务操作。其中，初始引导脚本基于第二终端监测的各业务操作的执行顺序及操作信息所生成。并根据该第二用户对该业务操作添加的引导数据，向该初始引导脚本中添加页面引导事件。当接收到第一终端发送的页面引导请求时，将添加后的页面引导脚本返回至该第一终端，使该第一终端根据预设的页面引导协议解析该页面引导脚本中的各页面引导事件并执行。通过在第一终端中设置页面引导协议，并通过服务器向录制生成的初始引导脚本中添加页面引导事件的方式，避免了开发人员单独对每个页面开发页面引导，提高了页面引导的开发效率。
并且，在后续页面发生更新后，由于页面引导事件的实现方式并未发生变化，于是该第一终端中的页面引导协议无需改动，也无需对app下发更新版本，只需对页面引导脚本进行适应性修改即可，而通过自动录制生成脚本的方式也更加简单快捷，后续的更新维护成本较低。
基于上述页面引导的配置方法，本说明书还对应提供一种页面引导的配置系统。
图7为本说明书提供的一种页面引导的配置系统的结构示意图，该系统中包括第一终端、服务器以及第二终端。在进行新手用户的页面引导的配置时，首先，第二用户可按照待引导的业务流程，依次执行各业务操作。该第二终端可监测第二用户在页面中执行的各业务操作，并通过记录代码记录各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息。其中，第二用户为开发人员，第二终端为开发人员的终端设备，其上安装有待引导的app的应用程序，并且还配置有用于监测和记录的SDK。第二用户所执行的业务操作包含但不限于点击操作、滑动操作以及输入操作等。
进一步的，针对监测到的每个业务操作，当该业务操作为点击操作时，可通过SDK记录该第二用户点击的页面元素和/或点击的位置信息，并根据记录的点击的页面元素和/或点击的位置信息，确定该点击操作对应的操作区域。还可通过该SDK记录执行点击操作所在的点击页面的页面信息。其中，记录点击的页面元素至少包括该页面元素的元素图像和元素标识中的一种，记录点击的位置信息至少包括点击区域的中心点位置以及宽高值，宽高值可以基于中心点位置对应的组件样式确定的。
针对监测到的每个业务操作，当该业务操作为滑动操作时，可通过SDK记录该第二用户滑动的起点和终点，并根据滑动的起点和终点，确定该滑动操作对应的操作区域。还可通过该SDK记录滑动页面的页面信息。
其次，基于各业务操作的执行顺序、各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息，通过该SDK中的序列化协议生成初始引导脚本。
之后，该第二终端可将生成的初始引导脚本发送至服务器进行二次编辑。该服务器可接收由第二终端发送的初始引导脚本，并通过在编辑平台中运行该初始引导脚本，回放该第二用户在页面中执行的各业务操作。该服务器可针对在编辑平台中回放的每个业务操作，根据该第二用户对该业务操作添加的引导数据，确定页面引导事件，并添加到初始引导脚本中，将添加页面引导事件的初始引导脚本作为页面引导脚本。其中，添加的页面引导事件至少包括样式引导事件和内容引导事件中的一种。
需要说明的是，在本说明书中第二用户在第二终端中执行业务操作，第二用户在服务器侧的编辑平台中添加引导数据。这里的第二用户指代的是页面引导的开发人员，并不限制是同一个人。
最后，当第一用户初次使用app或初次使用app中的某项功能模块时，第一终端可向提供app服务的服务器发送页面引导请求，并接收该服务器返回的页面引导脚本。该第一终端可按照预设的页面引导协议，解析该页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导该第一用户按照业务流程执行各业务操作。
基于图7所示的页面引导的配置系统，该系统由第一终端、服务器以及第二终端组成，可通过第二终端监测第二用户在页面中执行的各业务操作，并根据各业务操作的执行顺序、各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息，生成初始引导脚本。之后，该第二终端将生成的初始引导脚本发送至服务器，在服务器中运行该初始引导脚本，回放该第二用户在页面中执行的各业务操作，并根据该第二用户对各业务操作添加的引导数据，向该初始引导脚本中添加页面引导事件。然后，该服务器可响应于第一终端发送的页面引导请求，向该第一终端返回页面引导脚本，并根据预设的页面引导协议解析该页面引导脚本中各页面引导事件，以及执行各页面引导事件，用于引导该第一用户按照业务流程执行各业务操作。通过在第一终端中执行页面引导事件，可在应用的真实页面中引导用户执行业务操作，使得引导位置更准确。
该配置系统通过第二终端监测用户的各业务操作，自动生成初始引导脚本，通过服务器对初始引导脚本添加页面引导事件，并基于第一终端中的页面引导协议解析并执行各页面引导事件。无需开发人员对每个页面开发页面引导，大大提高了页面引导的开发效率。
其中，针对该配置系统中服务器侧所执行的具体内容在上述步骤S200～步骤S206中已经进行了详细阐述，第一终端侧所执行的具体内容在上述步骤S100～步骤S104中已经进行了详细阐述，可参见上述内容，本说明书在此不做赘述。
基于图1所示的一种页面引导的配置方法，本说明书实施例还对应提供一种页面引导的配置装置的结构示意图，如图8所示。
图8为本说明书实施例提供的一种页面引导的配置装置的结构示意图，包括：
发送模块400，配置为向服务器发送页面引导请求；
接收模块402，配置为接收所述服务器返回的页面引导脚本，其中，所述页面引导脚本基于初始引导脚本以及添加的页面引导事件生成，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定，所述页面引导事件由服务器根据所述第二用户对回放的各业务操作添加的引导数据确定，各业务操作基于所述初始引导脚本进行回放；
解析模块404，配置为根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作，其中，所述页面引导协议中包含各页面引导事件的实现方法。
可选地，所述解析模块404具体用于，针对所述页面引导脚本中的每个页面引导事件，当该页面引导事件为样式引导事件时，确定所述样式引导事件的引导位置，根据所述样式引导事件的引导位置，以及预设的页面引导协议中针对样式引导事件的样式引导规则，执行所述样式引导事件，使所述引导位置在页面中突出显示。
可选地，所述解析模块404具体用于，确定所述样式引导事件中所引导的页面元素的元素图像，通过图像匹配算法，从当前显示页面中确定与所述元素图像匹配的图像区域，并根据匹配的图像区域，确定所述样式引导事件的引导位置。
可选地，所述样式引导事件为高亮标注事件，所述解析模块404具体用于，根据所述高亮标注事件中的引导位置，从当前显示页面中确定高亮范围，根据预设的页面引导协议中针对高亮标注事件的样式引导规则，对所述当前显示页面中的高亮范围与其它范围设置不同的透明度，所述高亮范围的透明度高于所述其它范围的透明度。
可选地，所述样式引导事件为弹窗提示事件，所述解析模块404具体用于，根据预设的页面引导协议中针对弹窗提示事件的样式引导规则，确定弹窗与所述引导位置之间的相对位置关系，根据所述样式引导事件中的引导位置，以及所述弹窗与所述引导位置之间的相对位置关系，进行弹窗显示。
可选地，所述解析模块404具体用于，针对所述页面引导脚本中的每个页面引导事件，当该页面引导事件为内容引导事件时，确定所述内容引导事件的引导内容，根据所述引导内容，以及预设的页面引导协议中针对内容引导事件的内容引导规则，执行所述内容引导事件。
可选地，所述内容引导事件为语音播放事件，所述解析模块404具体用于，根据所述引导内容，以及预设的页面引导协议中针对语音播放事件的内容引导规则，确定所述引导内容对应的音频数据，并根据所述音频数据进行语音播放。
可选地，所述内容引导事件为弹窗提示事件，所述解析模块404具体用于，根据所述引导内容，以及预设的页面引导协议中针对弹窗提示事件的内容引导规则，在弹窗中显示所述引导内容。
可选地，当所述页面引导事件为阻塞式任务时，执行所述页面引导事件，直至所述第一用户完成所述页面引导事件引导的业务操作时，确定所述页面引导事件执行完成，当所述页面引导事件为非阻塞式任务时，执行所述页面引导事件，直至达到预设的阻塞时长时，确定所述页面引导事件执行完成。
基于图5所示的一种页面引导的配置方法，本说明书实施例还对应提供一种页面引导的配置装置的结构示意图，如图9所示。
图9为本说明书实施例提供的一种页面引导的配置装置的结构示意图，包括：
接收模块500，配置为获取初始引导脚本，其中，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定；
回放模块502，配置为运行所述初始引导脚本，回放所述第二用户在页面中执行的各业务操作；
事件添加模块504，配置为针对回放的每个业务操作，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，并将添加后的初始引导脚本作为页面引导脚本；
脚本下发模块506，配置为当接收到第一终端发送的页面引导请求时，将所述页面引导脚本返回至所述第一终端，使所述第一终端根据预设的页面引导协议解析所述页面引导脚本中的各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
可选地，所述事件添加模块504具体用于，根据所述第二用户对该业务操作添加的引导位置，在所述初始引导脚本中该业务操作之前添加样式引导事件。
可选地，所述事件添加模块504具体用于，根据所述第二用户对该业务操作添加的页面元素的元素图像，在所述初始引导脚本中该业务操作之前添加样式引导事件。
可选地，所述样式引导事件至少包括高亮标注事件以及弹窗提示事件中的一种。
可选地，所述事件添加模块504具体用于，根据所述第二用户对该业务操作添加的引导内容，在所述初始引导脚本中该业务操作之前添加内容引导事件。
可选地，所述内容引导事件至少包括语音播放事件以及弹窗提示事件中的一种。
可选地，所述事件添加模块504还用于，根据所述第二用户对各页面引导事件的时长编辑，调整所述初始引导脚本中各页面引导事件的阻塞时长。
可选地，所述事件添加模块504还用于，根据所述第二用户对各页面引导事件的顺序编辑，调整所述初始引导脚本中各页面引导事件的执行顺序。
本说明书实施例还提供了一种计算机可读存储介质，该存储介质存储有计算机程序，计算机程序可用于执行上述图1或图5提供的页面引导的配置方法。
根据图1或图5所示的一种页面引导的配置方法，本说明书实施例还提出了图10所示的电子设备的示意结构图。如图10，在硬件层面，该电子设备包括处理器、内部总线、网络接口、内存以及非易失性存储器，当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，以实现上述图1或图5所示的一种页面引导的配置方法。
当然，除了软件实现方式之外，本说明书并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。
在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和生成专用的集成电路芯片。而且，如今，取代手工地生成集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本说明书的实施例可提供为方法、系统或计算机程序产品。因此，本说明书可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本说明书的实施例而已，并不用于限制本说明书。对于本领域技术人员来说，本说明书可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书的权利要求范围之内。
Claims (22)
1.一种页面引导的配置方法，其特征在于，包括：
第一终端，向服务器发送页面引导请求；
接收所述服务器返回的页面引导脚本；其中，所述页面引导脚本基于初始引导脚本以及添加的页面引导事件生成，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定，所述页面引导事件由服务器根据所述第二用户对回放的各业务操作添加的引导数据确定，各业务操作基于所述初始引导脚本进行回放；
根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作；
其中，所述页面引导协议中包含各页面引导事件的实现方法。
2.如权利要求1所述的方法，其特征在于，根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，具体包括：
针对所述页面引导脚本中的每个页面引导事件，当该页面引导事件为样式引导事件时，确定所述样式引导事件的引导位置；
根据所述样式引导事件的引导位置，以及预设的页面引导协议中针对样式引导事件的样式引导规则，执行所述样式引导事件，使所述引导位置在页面中突出显示。
3.如权利要求2所述的方法，其特征在于，确定所述样式引导事件的引导位置，具体包括：
确定所述样式引导事件中所引导的页面元素的元素图像；
通过图像匹配算法，从当前显示页面中确定与所述元素图像匹配的图像区域，并根据匹配的图像区域，确定所述样式引导事件的引导位置。
4.如权利要求2所述的方法，其特征在于，所述样式引导事件为高亮标注事件；
根据所述样式引导事件的引导位置，以及预设的页面引导协议中针对样式引导事件的样式引导规则，执行所述样式引导事件，具体包括：
根据所述高亮标注事件中的引导位置，从当前显示页面中确定高亮范围；
根据预设的页面引导协议中针对高亮标注事件的样式引导规则，对所述当前显示页面中的高亮范围与其它范围设置不同的透明度，所述高亮范围的透明度高于所述其它范围的透明度。
5.如权利要求2所述的方法，其特征在于，所述样式引导事件为弹窗提示事件；
根据所述样式引导事件的引导位置，以及预设的页面引导协议中针对样式引导事件的样式引导规则，执行所述样式引导事件，具体包括：
根据预设的页面引导协议中针对弹窗提示事件的样式引导规则，确定弹窗与所述引导位置之间的相对位置关系；
根据所述样式引导事件中的引导位置，以及所述弹窗与所述引导位置之间的相对位置关系，进行弹窗显示。
6.如权利要求1所述的方法，其特征在于，根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，具体包括：
针对所述页面引导脚本中的每个页面引导事件，当该页面引导事件为内容引导事件时，确定所述内容引导事件的引导内容；
根据所述引导内容，以及预设的页面引导协议中针对内容引导事件的内容引导规则，执行所述内容引导事件。
7.如权利要求6所述的方法，其特征在于，所述内容引导事件为语音播放事件；
根据所述引导内容，以及预设的页面引导协议中针对内容引导事件的内容引导规则，执行所述内容引导事件，具体包括：
根据所述引导内容，以及预设的页面引导协议中针对语音播放事件的内容引导规则，确定所述引导内容对应的音频数据，并根据所述音频数据进行语音播放。
8.如权利要求6所述的方法，其特征在于，所述内容引导事件为弹窗提示事件；
根据所述引导内容，以及预设的页面引导协议中针对弹窗提示事件的内容引导规则，执行所述内容引导事件，具体包括：
根据所述引导内容，以及预设的页面引导协议中针对弹窗提示事件的内容引导规则，在弹窗中显示所述引导内容。
9.如权利要求1所述的方法，其特征在于，执行页面引导事件，具体包括：
当所述页面引导事件为阻塞式任务时，执行所述页面引导事件，直至所述第一用户完成所述页面引导事件引导的业务操作时，确定所述页面引导事件执行完成；
当所述页面引导事件为非阻塞式任务时，执行所述页面引导事件，直至达到预设的阻塞时长时，确定所述页面引导事件执行完成。
10.一种页面引导的配置方法，其特征在于，包括：
服务器，获取初始引导脚本；其中，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定；
运行所述初始引导脚本，回放所述第二用户在页面中执行的各业务操作；
针对回放的每个业务操作，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，并将添加后的初始引导脚本作为页面引导脚本；
当接收到第一终端发送的页面引导请求时，将所述页面引导脚本返回至所述第一终端，使所述第一终端根据预设的页面引导协议解析所述页面引导脚本中的各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
11.如权利要求10所述的方法，其特征在于，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，具体包括：
根据所述第二用户对该业务操作添加的引导位置，在所述初始引导脚本中该业务操作之前添加样式引导事件。
12.如权利要求10所述的方法，其特征在于，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，具体包括：
根据所述第二用户对该业务操作添加的页面元素的元素图像，在所述初始引导脚本中该业务操作之前添加样式引导事件。
13.如权利要求11所述的方法，其特征在于，所述样式引导事件至少包括高亮标注事件以及弹窗提示事件中的一种。
14.如权利要求10所述的方法，其特征在于，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，具体包括：
根据所述第二用户对该业务操作添加的引导内容，在所述初始引导脚本中该业务操作之前添加内容引导事件。
15.如权利要求14所述的方法，其特征在于，所述内容引导事件至少包括语音播放事件以及弹窗提示事件中的一种。
16.如权利要求10所述的方法，其特征在于，所述方法还包括：
根据所述第二用户对各页面引导事件的时长编辑，调整所述初始引导脚本中各页面引导事件的阻塞时长。
17.如权利要求10所述的方法，其特征在于，所述方法还包括：
根据所述第二用户对各页面引导事件的顺序编辑，调整所述初始引导脚本中各页面引导事件的执行顺序。
18.一种页面引导的配置系统，其特征在于，所述系统包括第一终端、服务器以及第二终端，其中：
第二终端，监测第二用户在页面中执行的各业务操作，并确定各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息，根据所述第二用户执行各业务操作的顺序、各业务操作对应的操作区域以及各业务操作对应的操作页面的页面信息，生成初始引导脚本；
服务器，接收所述第二终端发送的初始引导脚本，并运行所述初始引导脚本，回放所述第二用户在页面中执行的各业务操作，针对回放的每个业务操作，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，将添加后的初始引导脚本作为页面引导脚本；
第一终端，向所述服务器发送页面引导请求，接收所述服务器返回的页面引导脚本，根据预设的页面引导协议解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
19.一种页面引导的配置装置，其特征在于，包括：
发送模块，配置为向服务器发送页面引导请求；
接收模块，配置为接收所述服务器返回的页面引导脚本，其中，所述页面引导脚本基于初始引导脚本以及添加的页面引导事件生成，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定，所述页面引导事件由服务器根据所述第二用户对回放的各业务操作添加的引导数据确定，各业务操作基于所述初始引导脚本进行回放；
解析模块，配置为根据预设的页面引导协议，解析所述页面引导脚本中各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作，其中，所述页面引导协议中包含各页面引导事件的实现方法。
20.一种页面引导的配置装置，其特征在于，包括：
接收模块，配置为获取初始引导脚本，其中，所述初始引导脚本由第二终端根据监测到的第二用户在页面中执行的各业务操作的顺序、各业务操作对应的操作区域以及页面信息确定；
回放模块，配置为运行所述初始引导脚本，回放所述第二用户在页面中执行的各业务操作；
事件添加模块，配置为针对回放的每个业务操作，根据所述第二用户对该业务操作添加的引导数据，向所述初始引导脚本中添加页面引导事件，并将添加后的初始引导脚本作为页面引导脚本；
脚本下发模块，配置为当接收到第一终端发送的页面引导请求时，将所述页面引导脚本返回至所述第一终端，使所述第一终端根据预设的页面引导协议解析所述页面引导脚本中的各页面引导事件，并执行各页面引导事件，以引导第一用户按照业务流程执行各业务操作。
21.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述权利要求1～9或10～17任一所述的方法。
22.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现上述权利要求1～9或10～17任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111508612.8A CN114296846A (zh) | 2021-12-10 | 2021-12-10 | 一种页面引导的配置方法、系统及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111508612.8A CN114296846A (zh) | 2021-12-10 | 2021-12-10 | 一种页面引导的配置方法、系统及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114296846A true CN114296846A (zh) | 2022-04-08 |
Family
ID=80966836
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111508612.8A Pending CN114296846A (zh) | 2021-12-10 | 2021-12-10 | 一种页面引导的配置方法、系统及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114296846A (zh) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106201454A (zh) * | 2015-05-28 | 2016-12-07 | 株式会社岛津制作所 | 引导文件生成系统 |
| US20170269945A1 (en) * | 2016-03-15 | 2017-09-21 | Sundeep Harshadbhai Patel | Systems and methods for guided live help |
| CN108027725A (zh) * | 2015-09-18 | 2018-05-11 | 华为技术有限公司 | 指导终端设备操作的方法、装置和设备 |
| CN109857506A (zh) * | 2019-02-19 | 2019-06-07 | 天津字节跳动科技有限公司 | 引导信息的实现方法、装置、电子设备和存储介质 |
| CN109885365A (zh) * | 2019-01-25 | 2019-06-14 | 平安科技（深圳）有限公司 | 操作引导方法、装置、计算机设备和存储介质 |
| CN111316226A (zh) * | 2017-11-10 | 2020-06-19 | 三星电子株式会社 | 电子设备及其控制方法 |
| CN111443971A (zh) * | 2020-03-24 | 2020-07-24 | 维沃移动通信有限公司 | 操作引导方法、电子设备及介质 |
| CN113204300A (zh) * | 2021-07-02 | 2021-08-03 | 杭州星犀科技有限公司 | 设备自动执行操作的方法和系统 |
| CN113419711A (zh) * | 2021-06-28 | 2021-09-21 | 挂号网（杭州）科技有限公司 | 页面引导方法、装置、电子设备及存储介质 |
| CN113485779A (zh) * | 2021-07-19 | 2021-10-08 | 维沃移动通信有限公司 | 应用程序的操作引导方法和装置 |
-
2021
- 2021-12-10 CN CN202111508612.8A patent/CN114296846A/zh active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106201454A (zh) * | 2015-05-28 | 2016-12-07 | 株式会社岛津制作所 | 引导文件生成系统 |
| CN108027725A (zh) * | 2015-09-18 | 2018-05-11 | 华为技术有限公司 | 指导终端设备操作的方法、装置和设备 |
| US20170269945A1 (en) * | 2016-03-15 | 2017-09-21 | Sundeep Harshadbhai Patel | Systems and methods for guided live help |
| CN111316226A (zh) * | 2017-11-10 | 2020-06-19 | 三星电子株式会社 | 电子设备及其控制方法 |
| CN109885365A (zh) * | 2019-01-25 | 2019-06-14 | 平安科技（深圳）有限公司 | 操作引导方法、装置、计算机设备和存储介质 |
| CN109857506A (zh) * | 2019-02-19 | 2019-06-07 | 天津字节跳动科技有限公司 | 引导信息的实现方法、装置、电子设备和存储介质 |
| CN111443971A (zh) * | 2020-03-24 | 2020-07-24 | 维沃移动通信有限公司 | 操作引导方法、电子设备及介质 |
| CN113419711A (zh) * | 2021-06-28 | 2021-09-21 | 挂号网（杭州）科技有限公司 | 页面引导方法、装置、电子设备及存储介质 |
| CN113204300A (zh) * | 2021-07-02 | 2021-08-03 | 杭州星犀科技有限公司 | 设备自动执行操作的方法和系统 |
| CN113485779A (zh) * | 2021-07-19 | 2021-10-08 | 维沃移动通信有限公司 | 应用程序的操作引导方法和装置 |
Non-Patent Citations (2)
| Title |
|---|
| 白仁飞: "创意设计思维与方法", 30 April 2020, 杭州：中国美术学院出版社, pages: 107 * |
| 蒋加伏: "大学计算机基础 项目化教程", 30 September 2021, 北京：北京邮电大学出版社, pages: 286 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111881019B (zh) | 一种用户界面测试方法及装置 | |
| US9635129B2 (en) | Automatic application discovery, download, integration and launch | |
| CN110134600B (zh) | 测试脚本录制方法、装置及存储介质 | |
| CN104572042A (zh) | 移动终端设备的跨平台中间件装置及其实现方法 | |
| CN106339384B (zh) | 存储过程的转换方法及装置 | |
| JP2007094753A (ja) | ロジック抽出支援装置 | |
| CN110674408A (zh) | 业务平台、训练样本的实时生成方法及装置 | |
| CN110716853A (zh) | 一种测试脚本录制方法、应用程序测试方法和相关装置 | |
| RU2639667C2 (ru) | Контекстное приглашение в пробной версии приложения | |
| CN111796821A (zh) | 一种页面更新的方法及装置 | |
| EP3015997A1 (en) | Method and device for facilitating selection of blocks of information | |
| CN113095056B (zh) | 生成方法、处理方法、装置、电子设备以及介质 | |
| CN108566518A (zh) | 一种视频编辑、播放方法、设备及计算机可读介质 | |
| US20200051563A1 (en) | Method for executing function based on voice and electronic device supporting the same | |
| CN112685030A (zh) | 一种生成业务代码的方法、装置、存储介质及电子设备 | |
| CN113360385A (zh) | 一种测试方法、装置、设备及介质 | |
| CN110162730A (zh) | 信息处理方法、装置、计算机设备及存储介质 | |
| CN115379136A (zh) | 特效道具处理方法、装置、电子设备及存储介质 | |
| CN113010157B (zh) | 一种代码生成方法及装置 | |
| KR20210050410A (ko) | 영상 컨텐츠에 대한 합성음 실시간 생성에 기반한 컨텐츠 편집 지원 방법 및 시스템 | |
| CN109889921A (zh) | 一种具备交互功能的音视频创建、播放方法及装置 | |
| CN110851370B (zh) | 程序测试方法及装置、存储介质 | |
| CN112836156A (zh) | 页面切换方法、装置、电子设备及计算机可读存储介质 | |
| CN114296846A (zh) | 一种页面引导的配置方法、系统及装置 | |
| CN110704742B (zh) | 一种特征提取方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |