一种基于HTML5网页的在线同步交流方法技术

本申请涉及一种基于HTML5网页的在线同步交流系统，包括：服务端，包括第一服务模块和第二服务模块；所述第一服务模块用于为第一客户端和第二客户端提供针对相同或相关目标网页的WEB访问服务；所述第二服务模块接收其中一个客户端发送的同步交流请求，在接收到所述另一客户端发送的同意同步交流的应答消息后，为第一客户端和第二客户端建立同步通信连接；所述第二服务模块计算第一客户端和第二客户端的身份信息，第二服务模块接收其中作为控制方的操作数据并处理为同步数据发送至另一客户端实现数据同步。本申请有利于提高在线交流的便利性、质量和效率、有利于节省交流者的时间。有利于节省交流者的时间。有利于节省交流者的时间。

【技术实现步骤摘要】
一种基于HTML5网页的在线同步交流方法
[0001]本申请是2019年12月17日提出的专利技术名称为“基于HTML5网页的在线同步交流系统”的中国专利技术专利申请201911300132.5的分案申请。


[0002]本专利技术涉及互联网通信领域，尤其涉及一种基于HTML5网页的方案服务人员与客户之间针对方案的在线同步交流系统。

技术介绍

[0003]随着移动、互联网技术的发展，人们习惯在移动端、PC端开展业务交流。如在保险业，业务员在展业过程中，为目标客户制作了保险建议书、投保方案等，通过微信或其它工具分享给目标客户，客户在浏览方案过程中，遇到相关问题邀请业务员进行解释，按照例如邮件沟通、电话沟通，聊天工具沟通等交流方法，很难达到同步的交流效果，预约面谈又投入时间、精力较大且带来不便，因此，相关技术存在方案服务人员与客户之间的交流质量差、效率低、以及时间消耗多的问题。

技术实现思路

[0004]本申请有鉴于上述现有的状况，其目的在于提供一种基于HTML5网页的服务人员与客户之间的在线同步交流系统，有利于提高方案服务人员与客户之间在线交流的便利性、质量和效率、有利于节省交流者的时间。
[0005]为此，本申请提供了一种基于HTML5网页的服务人员与客户之间的针对方案的在线同步交流系统，所述系统包括：
[0006]服务端，包括第一服务模块和第二服务模块；所述第一服务模块用于为第一客户端和第二客户端提供针对相同或相关目标网页的WEB访问服务；所述目标网页为方案服务人员向客户提供的服务方案，所述目标网页包括预置入的JS库，所述JS库通过其同步函数与第二服务模块建立通讯连接；所述第二服务模块接收第一客户端和第二客户端中的其中一个客户端发送的同步交流请求并发送给另一客户端，在接收到所述另一客户端发送的同意同步交流的应答消息后，为第一客户端和第二客户端建立同步通信连接；所述第二服务模块基于任一客户端发送的身份请求或者身份移交请求计算第一客户端和第二客户端分别对应的身份信息，或者，所述第二服务模块根据每一客户端的操作数据计算每一客户端对应的身份信息，所述身份信息包括针对目标网页的操作权限以及操作数据发送的控制方身份和目标网页操作数据被同步的受控方身份的一种；所述第二服务模块接收第一客户端和第二客户端中作为控制方的客户端发送的对目标网页的操作数据，并将所述操作数据处理为同步数据发送至第一客户端和第二客户端中作为受控方的另一客户端实现数据同步；
[0007]第一客户端，所述第一客户端用于对接方案服务人员，所述第一客户端通过第一URL链接访问所述第一服务模块；所述第一客户端通过所述目标网页预置入的JS库与所述第二服务模块建立通信连接；所述第一客户端还用于在作为控制方时向第二服务模块发送
所述操作数据，以及在作为受控方时接收并解析所述第二服务模块发送的所述同步数据；
[0008]第二客户端，所述第二客户端用于对接客户，所述第二客户端通过第二URL链接访问所述第一服务模块，所述第二URL链接为与所述第一URL链接相同或者相关联的URL链接，所述第二客户端通过所述目标网页的JS库与所述第二服务模块建立通信连接；所述第二客户端还用于在作为控制方时向第二服务模块发送所述操作数据，以及在作为受控方时接收所述第二服务模块发送的所述同步数据；
[0009]其中，所述第一客户端和所述第二客户端中的一个客户端发送同步交流请求给第二服务模块，所述第一客户端和所述第二客户端中的另一客户端接收并向第二服务模块发送针对该同步交流请求是否同意的应答消息。
[0010]本申请中所述JS库为由JavaScript语言编写的Web页面程序集合，还包括由其他Web页面脚本语言编写的程序集合。所述HTML为文本标记语言，本申请以目前使用最为广泛的版本HTML5为例，包括但不限于HTML4以及其他符合浏览器规范的HTML版本。
[0011]本申请提供的基于HTML5网页的服务人员与客户之间针对方案的在线同步交流系统，通过在HTML5网页中预先嵌入JS库，JS库通过其同步函数可实现客户端与服务端的通信连接；服务端通过给方案服务人员与客户分别对应的客户端配置身份信息从而确定控制方和受控方，有利于将需要同步交流的双方所有针对网页的相关操作通过服务端进行同步，提高方案服务人员与客户在线交流的便利性、质量和效率、有利于节省交流者的时间。
附图说明
[0012]图1是示出了本申请的实施方式所涉及的基于HTML5网页的服务人员与客户之间针对方案的在线同步交流系统的示意框图；
[0013]图2是示出了本申请的实施方式所涉及的第二服务模块与第一客户端和第二客户端之间状态信息交互示意图；
[0014]图3是示出了本申请的实施方式所涉及的第二服务模块的一种功能模块示意框图；
[0015]图4是示出了本申请的实施方式所涉及的第二服务模块的第二种功能模块示意框图；
[0016]图5是示出了本申请的实施方式所涉及的第二服务模块的第三种功能模块示意框图；
[0017]图6是示出了本申请的实施方式所涉及的手机客户端界面示意图。
具体实施方式
[0018]以下，参考附图，详细地说明本专利技术的优选实施方式。在下面的说明中，对于相同的部件赋予相同的符号，省略重复的说明。另外，附图只是示意性的图，部件相互之间的尺寸的比例或者部件的形状等可以与实际的不同。
[0019]另外，在本专利技术的下面描述中涉及的小标题等并不是为了限制本专利技术的内容或范围，其仅仅是作为阅读的提示作用。这样的小标题既不能理解为用于分割文章的内容，也不应将小标题下的内容仅仅限制在小标题的范围内。
[0020]随着互联网的发展，越来越多的方案服务人员利用互联网发送方案至客户，目前
大多以微信、QQ形式发送，其实质是一个URL链接，客户收到方案后便捷阅读，传播快，极为便利。但当前仅限于被动的阅读，缺少阅读过程中的实时交流，特别是一些方案本身具有专业性，客户在阅读过程中经常会遇到问题，由于不具备专业知识，电话沟通讲解困难，通常需要进行面谈才能充分了解方案内容。特别是金融保险业，如保险建议书方案、投保方案的在线交流，有以下特点：方案服务人员(保险代理人)具有一定的保险专业知识，方案具有一定的专业性，如“保险责任”、“保障条款”、“等待期”、“犹豫期”等均属专业名词；阅读者(客户)对保险知识匮乏，难于独立阅读方案；根据保险销售要求，保险销售需要全过程留痕，防止出现诱导行为；客户不喜欢代理人登门拜访的交流方式，不接受大量的时间、精力投入；保险代理人、客户对软件操作水平参差不齐，安装、使用特定软件均有难度。
[0021]有鉴于此，如图1所示，本申请提供了一种基于HTML5网页的服务人员与客户之间针对方案的在线同步交流系统1，系统1包括：
[0022]服务端，包括第一服务模块101和第二服务模块102。
[0023]第一服务模块101用于为第一客户端11和第二客户端22提供针对相同或者相关目标网页的WEB访问本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于HTML5网页的在线同步交流方法，其特征在于，所述方法应用于参与在线同步交流的客户端，所述客户端包括第一客户端、第二客户端，所述方法包括：访问第一URL链接或第二URL链接加载目标网页；加载所述目标网页中预置的JS库，通过所述JS库建立与第二服务模块的通信连接；采集操作数据并向所述第二服务模块发送，和/或，接收所述第二服务模块发送的同步数据并执行数据同步处理；其中，所述第一客户端访问所述第一URL链接，所述第二客户端访问所述第二URL连接，所述第二URL链接为与所述第一URL链接相同或者相关联的URL链接；所述第二服务模块用于为所述第一客户端、所述第二客户端提供在线同步交流服务，接收作为控制方的客户端发送的对所述目标网页的操作数据，并将所述操作数据处理为同步数据向作为受控方的客户端发送；所述操作数据包括页面操作动作数据、音频数据、视频数据、涂鸦工具操作数据中的一种或多种；所述数据同步包括页面同步、音频数据同步、视频数据同步以及涂鸦数据同步的一种或多种。2.根据权利要求1所述的方法，其特征在于，采集操作数据并向所述第二服务模块发送，还包括：在所述客户端监听网页操作、浏览事件，并基于所述网页操作、所述浏览事件采集操作数据向所述第二服务模块发送。3.根据权利要求1所述的方法，其特征在于，接收所述第二服务模块发送的同步数据并执行数据同步处理，还包括：接收所述第二服务模块发送的同步数据，解析所述同步数据并将其转化为相应的JS指令，并执行所述JS指令，其中，执行所述JS指令以还原在另一客户端中发生的网页操作、浏览事件效果。4.根据权利要求1所述的方法，其特征在于，还包括：在所述第一客户端生成所述第二URL链接，将所述第二URL链接向所述第二客户端发送；所述第二客户端接收所述第二URL链接并访问，从第一服务模块获取所述目标网页数据并执行加载。5.根据权利要求1所述的方法，其特征在于，所述第一客户端、所述第二客户端中的一个客户终端加载所述目标网页之后，还包括：基于所述JS库向所述第二服务模块发送客户端状态信息，所述客户端状态信息至少包括所述客户端的在线状态信息、阅读者识别信息；接收所述第二服务模块发送的其他客户端的阅读通知信息。其中，所述第二服务模块还用于接收所述客户端发送的所述客户端状态信息，并基于所述客户端状态信息，生成所述阅读通知信息向其他客户端发送。6.根据权利要求1所述的方法，其特征在于，所述第一客户端、所述第二客户端加载所述目标网页之后，还包括：在其中的一个客户端生成同步交流请求并向所述第二服务模块发送，或者，在其中一个客户端生成同步交流请求，同时携带语音交流请求、视频交流请求中的一种或多种，向所述第二服务模块发送；
在另一客户端...

【专利技术属性】
技术研发人员：路九阳，
申请(专利权)人：青岛希望鸟科技有限公司，
类型：发明
国别省市：