CN108446117A - 在语音对话平台的产品中配置ui的方法及系统 - Google Patents

Abstract

本发明实施例提供一种在语音对话平台的产品中配置UI的方法。该方法包括：在开发者点击创建产品时，提供UI配置界面，其中，UI配置界面包括至少一种预设UI配置和自定义UI配置；当开发者选择自定义UI配置时，在UI配置界面生成UI资源上传按钮；其中，UI资源上传按钮供用户上传本地存储的UI资源包。本发明实施例还提供了一种在语音对话平台的产品中配置UI的系统。本发明实施例实现了在语音对话平台的产品中配置UI，提供给了开发者上传自定义UI配置的权限，并且提供了多种模式的自定义UI配置，根据开发者的不同需求让开发者自行选择UI配置类型进行编写。从而提高了开发效率，同时也可以为产品的类型创配置合适的UI。

Description

在语音对话平台的产品中配置UI的方法及系统

技术领域

本发明涉及软件开发技术领域，尤其涉及一种在语音对话平台的产品中配置UI的方法及系统。

背景技术

随着人工智能的发展，各大公司都对人工智能方向进行深入的研究，尤其是语音方面，更是迎来了各大公司的高度关注，从而带来了各种各样的语音对话产品，例如语音助手、导航软件、智能音箱等。

创建这些对话产品通常需要专业的开发团队进行辅助，或完全由专业的开发团队开发，使得创建语音对话产品的成本偏高。而为了帮助一些开发者便于创建语音对话产品，各大公司都提供了语音对话平台，开发者通过使用语音开发平台提供的各种应用，来实现开发者的语音对话产品所需求的语音交互功能。

开发者通过使用语音对话平台提供的语音对话技能、语音内核文件、语音采集模组、语音识别引擎来创建自己的语音对话产品。

在实现本发明过程中，发明人发现相关技术中至少存在如下问题：

开发者通常希望为了区别于其他的语音对话产品，开发一套独有的UI(UserInterface，用户界面)界面。从而让开发者自己开发的语音对话产品更有特点，体现出语音对话产品的个性化。但是，现有的语音对话平台只有平台默认的UI界面，由于各大语音对话平台内部定制的协议不同，开发者直接更改根据语音平台创建的产品UI的开发量较大，难度较高，使得开发成本过高，对于开发者来说十分困难。有的语音对话平台的内部代码不开放，并且也不开放自定义UI配置的权限，使得开发者无法进行自定义UI配置。

发明内容

为了至少解决现有技术中语音对话产品不能使用自定义UI配置，UI的开发量较大，成本较高的问题。

第一方面，本发明实施例提供一种在语音对话平台的产品中配置UI的方法，包括：

在开发者点击创建产品时，提供UI配置界面，其中，所述UI配置界面包括至少一种预设UI配置和自定义UI配置；

当开发者选择自定义UI配置时，在UI配置界面生成UI资源上传按钮；

其中，所述UI资源上传按钮供用户上传本地存储的UI资源包。

第二方面，本发明实施例提供一种在语音对话平台的产品中配置UI的系统，包括：

配置界面提供程序模块，用于在开发者点击创建产品时，提供UI配置界面，其中，所述UI配置界面包括至少一种预设UI配置和自定义UI配置；

上传按钮生成模块，用于当开发者选择自定义UI配置时，在UI配置界面生成UI资源上传按钮；

其中，所述UI资源上传按钮供用户上传本地存储的UI资源包。

第三方面，提供一种电子设备，其包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例的在语音对话平台的产品中配置UI的方法的步骤。

第四方面，本发明实施例提供一种存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现本发明任一实施例的在语音对话平台的产品中配置UI的方法的步骤。

本发明实施例实现了在语音对话平台的产品中配置UI，提供给了开发者上传自定义UI配置的权限，并且提供了多种模式的自定义UI配置，根据开发者的不同需求让开发者自行选择UI配置类型进行编写。从而使得开发者可以根据产品的类型创建最合适的UI配置。同时，由于在语音对话平台直接对UI界面进行修改，减少了开发者代码的开发量，降低了开发成本。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一实施例提供的一种在语音对话平台的产品中配置UI的方法的流程图；

图2是本发明一具体实施例提供的一种在语音对话平台的产品中配置UI的方法的示意图；

图3是本发明另一具体实施例提供的一种在语音对话平台的产品中配置UI的方法的示意图；

图4是本发明又一具体实施例提供的一种在语音对话平台的产品中配置UI的方法的示意图；

图5是本发明一实施例提供的一种在语音对话平台的产品中配置UI的系统的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示为本发明一实施例提供的一种在语音对话平台的产品中配置UI的方法的流程图，包括如下步骤：

S11：在开发者点击创建产品时，提供UI配置界面，其中，所述UI配置界面包括至少一种预设UI配置和自定义UI配置；

S12：当开发者选择自定义UI配置时，在UI配置界面生成UI资源上传按钮；

其中，所述UI资源上传按钮供用户上传本地存储的UI资源包。

在本实施方式中，该方法用于在语音对话平台的产品中配置UI界面，其中，UI界面是在语音对话产品中的界面的样式，美观程度。它体现在语音对话产品的人机交互、操作逻辑、界面美观的整体设计。合适的UI不仅会提升语音对话产品变得个性有品味，还可以让语音对话交互的操作变得舒适、简单，能够充分体现语音对话产品的定位和特点。

对于步骤S11，在开发者创建语音对话产品时，首先会选择相应的语音技能进行添加，然后通过语音对话平台提供的UI配置界面进行UI配置。其中，语音对话平台提供了预设配置，同时，也提供了自定义UI的配置。如图1所示，当开发者在创建技能后，点击基本配置，可以跳转到语音对话平台提供的UI配置界面进行UI配置。其中可以看到UI配置的配置类型。

对于步骤S12，当开发者选择自定义UI配置时，在UI配置界面会生成UI资源上传按钮。如图2所示，当开发者点击自定义H5后，界面生成了UI资源上传按钮，例如，开发者需要对其产品设计一套独特样式的自定义UI配置“template-vue-master-UIconfigure”，当开发者自行开发出了自定义UI配置“template-vue-master-UIconfigure”后，通过点击UI资源上传按钮，会生成选择UI配置路径界面，通过本地存储的路径，找到“template-vue-master-UIconfigure”文件进行上传。

通过该实施方法可以看出，该实施方法提供了一种在语音对话平台的产品中配置UI的方法，在开发者点击创建产品时，会提供UI配置界面，当开发者跳转到UI配置界面时，会看到语音对话平台提供了预设UI配置和自定义UI配置，提醒了开发者，该语音对话平台可以进行自定义UI配置。通过将语音对话平台开放自定义UI配置，可以满足开发者的个性化的需求，从而可以直接修改语音对话产品的UI配置，而不用在语音对话产品完成后期，对整体的文件进行修改。降低了在语音对话产品中配置UI的开发量。

作为一种实施方式，在本实施例中当开发者选择自定义UI配置时，在UI配置界面还生成有自定义UI配置的制作参考资料的链接地址，所述链接地址用于下载自定义UI配置的参考工程文件。

在本实施方式中，在开发者选择自定义UI配置时，语音对话平台会响应于开发者选择的自定义UI配置，生成与自定义UI配置相关的参考资料的链接地址。

为了帮助开发者了解语音对话平台适用什么类型的UI配置文件，在UI配置的界面上同时搭配自定义UI配置的参考工程文件。开发者根据所述参考工程，可以更快的了解语音对话平台的运行环境，以及自定义UI配置文件的结构，同时也可以直接对该参考文件进行修改，从而达到快速编写自定义UI配置文件。

为了帮助开发者，所述语音对话平台还提供了自定义UI配置文件的开发说明。

其中，所述自定义UI配置文件的开发说明详细的说明了关于开发自定义UI配置文件的使用说明、目录结构、开发流程、内置工具。

使用说明概括了本地开发环境，参考工程的项目的入口，以及开发目录。

目录结构中包含了自定义UI配置文件由哪些文件构成：

开发流程可以看到一些可调用代码以及开发的流程步骤；

内置工具介绍了如何引入内置工具的方法，同时介绍了内置工具如何使用。

通过该实施方法可以看出，通过在UI配置的界面上同时搭配自定义UI配置的参考工程文件，可以帮助开发者在语音对话平台的产品中配置UI时，了解了自定义UI的一系列信息，帮助开发者更快的了解在所述语音对话平台的产品中配置UI的编写方式。同时，开发者可以根据所述参考工程快速的编写出一个自定义UI，提高了开发的效率。

作为一种实施方式，在本实施例中，当接收到开发者上传的自定义UI配置后，将所述自定义UI配置在所述语音对话平台的运行环境中试运行；

若运行错误，报出错误类型。

在本实施方式中，语音对话平台在接收到开发者上传的自定义UI配置的数据包进行解压，解压后，对所述自定义UI配置进行验证，验证其在语音对话平台中是否能正确运行。继续以上述步骤中上传的所述UI配置“template-vue-master-UIconfigure”为例，当语音对话平台接收到开发者上传的“template-vue-master-UIconfigure”这一文件时，首先语音对话平台会对其文件进行解压，在解压后，会对其内部代码进行编译试运行。如果运行正确，那么即可在语音对话平台中使用该自定义UI配置。如果失败，那么报出错误类型提示，以供开发者了解到错误在哪，便于修改。其中错误类型的提示包括：产品控件格式错误，无法正常读取、解压失败、网络异常、无法连接至服务器等。如图4所示，上传的自定义UI配置中产品控件格式错误，无法正常读取。

通过该实施方法可以看出，在开发者上传了语音对话平台无法运行的自定义UI配置时，语音对话平台提示开发者自定义UI配置是由于哪种类型的错误导致平台无法运行。通过对开发者给予错误的提示，从而帮助开发者定位自定义UI配置中存在的问题部分。从而提高开发者的开发效率。

作为一种实施方式，在本实施例中，当待创建的产品采用语音对话平台的预设UI配置时，若对所述产品引入技能，则利用技能中各控件的资源包加载所述各控件的皮肤；

当待创建的产品采用语音对话平台的自定义UI配置时，若对所述产品引入技能，则利用所述自定义UI配置加载所述技能的各控件的皮肤。

在本实施方式中，如果待创建的语音对话产品采用了语音对话平台预设的UI配置时，根据开发者引入的语音技能(例如，开发者引入了带有控件的查询天气的语音技能)，当待开发的语音产品在使用时，接收到使用者的说法，从而进入查询天气的语音技能时，由于所述语音对话产品采用了预设的UI配置，在对话输出时，就会按照引入的查询天气的语音技能的控件资源包来加载该控件的皮肤。

又如，待创建的产品采用了上述步骤中的所上传的UI配置“template-vue-master-UIconfigure”时，这时，无论该产品的技能中引入了何种控件，在语音对话时，都会以产品的自定义UI配置加载所中技能中的各控件的皮肤。

通过该实施方法可以看出，当待开发的产品中采用了语音对话平台的预设UI配置时，会根据命中技能的控件进行输出，突出每种技能的不同风格。而当待开发的产品采用语音对话平台的自定义UI配置时，由于已经对待开发的产品采用了统一的产品风格的UI配置，不能因为单独技能中的独特风格打破产品的统一风格，保证了产品的UI风格的一致性。

作为一种实施方式，在本实施例中，所述自定义UI配置至少包括自定义Html5和自定义Native。

在本实施方式中，自定义UI配置至少包括自定义H5和自定义Native，其中自定义H5是基于VUE技术栈提供的UI显示方案，而自定义Native，开发者需要了解搭载产品的设备的运行环境，自行定义技术栈，并且涉及到UI显示的部分全部都由开发者自行本地开发，是一种高度自由的UI配置。

通过该实施方法可以看出，语音对话平台提供了多种自定义UI配置的方法，自定义部分UI显示方案的自定义Html5，以及高度自由的自定义Native，为需要自定义UI配置的开发者提供了根据自身需求的多种选择。使用自定义Html5可以仅针对于语音对话产品的UI的显示进行开发，可以高效率的完成语音对话产品的UI配置。而使用自定义Native，需要开发者从运行环境到UI配置全部自行完成，可以满足需求个性化的开发者。从而通过多种自定义UI配置满足了各种类型的开发者。

如图5所示为本发明一实施例提供的一种在语音对话平台的产品中配置UI的系统的结构示意图，本实施例的技术方案可适用于对设备的在语音对话平台的产品中配置UI的方法，该系统可执行上述任意实施例所述的在语音对话平台的产品中配置UI的方法，并配置在终端中。

本实施例提供的一种在语音对话平台的产品中配置UI的系统包括：配置界面提供程序模块11，和上传按钮生成模块12。

其中，配置界面提供程序模块11用于在开发者点击创建产品时，提供UI配置界面，其中，所述UI配置界面包括至少一种预设UI配置和自定义UI配置；上传按钮生成模块12用于当开发者选择自定义UI配置时，在UI配置界面生成UI资源上传按钮；

其中，所述UI资源上传按钮供用户上传本地存储的UI资源包。

进一步地，当开发者选择自定义UI配置时，在UI配置界面还生成有自定义UI配置的制作参考资料的链接地址，所述链接地址用于下载自定义UI配置的参考工程文件。

进一步地，当接收到开发者上传的自定义UI配置后，将所述自定义UI配置在所述语音对话平台的运行环境中试运行；

若运行错误，报出错误类型。

进一步地，当待创建的产品采用语音对话平台的预设UI配置时，若对所述产品引入技能，则利用技能中各控件的资源包加载所述各控件的皮肤；

当待创建的产品采用语音对话平台的自定义UI配置时，若对所述产品引入技能，则利用所述自定义UI配置加载所述技能的各控件的皮肤。

进一步地，所述自定义UI配置至少包括自定义Html5和自定义Native。

本发明实施例还提供了一种非易失性计算机存储介质，计算机存储介质存储有计算机可执行指令，该计算机可执行指令可执行上述任意方法实施例中的在语音对话平台的产品中配置UI的方法；

作为一种实施方式，本发明的非易失性计算机存储介质存储有计算机可执行指令，计算机可执行指令设置为：

在开发者点击创建产品时，提供UI配置界面，其中，所述UI配置界面包括至少一种预设UI配置和自定义UI配置；

当开发者选择自定义UI配置时，在UI配置界面生成UI资源上传按钮；

其中，所述UI资源上传按钮供用户上传本地存储的UI资源包。

作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的测试软件的方法对应的程序指令/模块。一个或者多个程序指令存储在非易失性计算机可读存储介质中，当被处理器执行时，执行上述任意方法实施例中的在语音对话平台的产品中配置UI的方法。

非易失性计算机可读存储介质可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据测试软件的装置的使用所创建的数据等。此外，非易失性计算机可读存储介质可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，非易失性计算机可读存储介质可选包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至测试软件的装置。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

本发明实施例还提供一种电子设备，其包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例的在语音对话平台的产品中配置UI的方法的步骤。

本申请实施例的客户端以多种形式存在，包括但不限于:

(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)其他具有数据交互功能的电子装置。

在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”，不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (12)

1.一种在语音对话平台的产品中配置UI的方法，包括：

在开发者点击创建产品时，提供UI配置界面，其中，所述UI配置界面包括至少一种预设UI配置和自定义UI配置；

当开发者选择自定义UI配置时，在UI配置界面生成UI资源上传按钮；

其中，所述UI资源上传按钮供用户上传本地存储的UI资源包。

2.根据权利要求1所述的方法，其中，所述方法还包括：

当开发者选择自定义UI配置时，在UI配置界面还生成有自定义UI配置的制作参考资料的链接地址，所述链接地址用于下载自定义UI配置的参考工程文件。

3.根据权利要求1所述的方法，其中，所述方法还包括：

当接收到开发者上传的自定义UI配置后，将所述自定义UI配置在所述语音对话平台的运行环境中试运行；

若运行错误，报出错误类型。

4.根据权利要求1所述的方法，其中，所述方法还包括：

当待创建的产品采用语音对话平台的预设UI配置时，若对所述产品引入技能，则利用技能中各控件的资源包加载所述各控件的皮肤；

当待创建的产品采用语音对话平台的自定义UI配置时，若对所述产品引入技能，则利用所述自定义UI配置加载所述技能的各控件的皮肤。

5.根据权利要求1所述的方法，其中，所述自定义UI配置至少包括自定义Html5和自定义Native。

6.一种在语音对话平台的产品中配置UI的系统，包括：

配置界面提供程序模块，用于在开发者点击创建产品时，提供UI配置界面，其中，所述UI配置界面包括至少一种预设UI配置和自定义UI配置；

上传按钮生成模块，用于当开发者选择自定义UI配置时，在UI配置界面生成UI资源上传按钮；

其中，所述UI资源上传按钮供用户上传本地存储的UI资源包。

7.根据权利要求6所述的系统，其中，所述系统还包括：

当开发者选择自定义UI配置时，在UI配置界面还生成有自定义UI配置的制作参考资料的链接地址，所述链接地址用于下载自定义UI配置的参考工程文件。

8.根据权利要求6所述的系统，其中，所述系统还包括：

当接收到开发者上传的自定义UI配置后，将所述自定义UI配置在所述语音对话平台的运行环境中试运行；

若运行错误，报出错误类型。

9.根据权利要求6所述的系统，其中，所述系统还包括：

当待创建的产品采用语音对话平台的预设UI配置时，若对所述产品引入技能，则利用技能中各控件的资源包加载所述各控件的皮肤；

当待创建的产品采用语音对话平台的自定义UI配置时，若对所述产品引入技能，则利用所述自定义UI配置加载所述技能的各控件的皮肤。

10.根据权利要求6所述的系统，其中，所述自定义UI配置至少包括自定义Html5和自定义Native。

11.一种电子设备，其包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-5中任一项所述方法的步骤。

12.一种存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-5中任一项所述方法的步骤。