CN102141987A

CN102141987A - 一种针对同网页浏览者的互动方法

Info

Publication number: CN102141987A
Application number: CN2010101029314A
Authority: CN
Inventors: 李玺磊; 曾志兴
Original assignee: Individual
Current assignee: Individual
Priority date: 2010-01-29
Filing date: 2010-01-29
Publication date: 2011-08-03

Abstract

本发明公开了一种针对同网页浏览者的互动方法，该方法通过web技术和IM的融合，让同时浏览同一网页的用户能够看到彼此，而且是通过用户化身这样一种具有良好的用户体验的方式。该方法不仅使用户可以针对网页中的热门话题即时展开讨论，而且用户可以随意在具有该功能的网页中穿梭，如同在生活中逛街一样，还可以和网友一起组队在网络中逛街。该方法的实现主要包括鼠标动作检测模块，化身显示模块，客户端网络通讯模块，以及服务器端几个部分组成。

Description

一种针对同网页浏览者的互动方法

技术领域

本发明涉及互联网网站(web)应用技术，以及即时通讯(IM)技术，特别涉及一种针对同网页浏览者的互动方法。

背景技术

随着互联网的发展，上网浏览网页以及使用即时通讯工具，已经成为了很多人生活的重要组成部分。因此，人们对所浏览网页的交互性，黏着性，以及对即时通讯工具的友好性等方面提出了更高的要求。

但是，现有的web和IM软件没能很好的满足用户的这一需求，特别是现有的web和IM没有很好的融合起来，尽管有些融合的尝试，但是都没能真正让用户享受到一个融为一体的，能让用户融入其中的上网体验。

而另一方面，用户上网是个孤独的过程，尽管有了IM可以和朋友聊天，可是在访问每一个网站时，还是像一个人在逛街一样，面对琳琅满目的商品独自选择，面对五花八门的新闻消息独自品味。

目前，大多数网站解决这个问题的办法，就是增加例如web留言板这样的功能，虽然有了一定的交互，可是却缺少即时性。也有一些网站采用增加例如web版的IM这样的功能，虽然在有交互性的同时也兼顾了即时性，但是其友好性还是很差，而且往往不能更深入的了解到，这些与自己同在一个页面的浏览者们。

发明内容

由于上述问题的存在，本发明的目的是提出一种针对同网页浏览者的互动的方法，让网页增强了互动性，让IM增强了友好性。同时，也让用户能够更友好更便捷的发现和结识与自己同在一个网页的浏览者们。

本发明提出的针对同网页浏览者的互动的方法，采用用户的头像或者用户选择的角色模型作为用户在网络中的化身，这些化身在网页里以图像和动画的形式显示在网页底部。

用户在浏览网页时能够看到与自己同在一个网页的其他用户的化身，这些化身按照一定的优先级或默认的排列方式在用户的屏幕中显示。当用户点击这些化身时，可以发送文字或多媒体消息给该化身所代表的用户。在用户以右键点击这些化身时，显示出菜单，其中包括添加删除好友，举报等选项。

要使用本发明的网页，只需引用本发明的实例所提供的一个脚本即可，用户在这些网页中切换时，通过通信模块与服务器的协作，其化身和用户信息也随之加入到该网页所有浏览者的化身列表和信息列表里，然后按照优先级或者默认方式在自己和其他浏览者的屏幕中显示出来。随着用户浏览不同的网页，用户的化身就在每个网页中穿梭，就如同逛街一般。

本发明提出的针对同网页浏览者的互动方法的实现包括以下几个模块：

鼠标动作检测模块，用于检测鼠标的点击等动作。

化身显示模块，采用图像和动画的形式表示用户的化身，同一个网页浏览者的所有化身通过优先级或者默认的方式显示在用户的屏幕中，并根据鼠标的点击等操作，做出相应的动作响应。

客户端网络通讯模块，负责把用户想要发送的消息传送到服务器，再由服务器转发给目标用户或系统。同时，也负责接受由服务器或特定系统发送来的消息，并做出动作响应。

服务器端网络通信模块，负责转发用户发送的信息，以及记录用户当前处于哪个网页和用户的个人信息。

从上述的技术方案可以看出，本发明的技术方案使得同网页浏览者之间能更好的互动，而且使IM软件具有了更好的用户体验。

附图说明

图1为用户进入到网页后看到与自己同在一个网页的用户的示意图。

图2为用户接收到来自系统或者其他用户发送的文本或多媒体消息示意图。

图3为用户左键点击化身后弹出发送消息输入框的示意图。

图4为用户左键点击化身的流程图。

图5为用户右键点击化身的流程图。

图6位服务器监听和处理信息的流程图。

具体实施方式

本发明的新颖性不只是在于使用用户化身的形式来进行交互，同时也在于用户可以在不同网站的网页中穿梭，如同逛街一样，途中会遇到正在浏览这些网页的其他用户。

要实现这一目的，需要在用户每次打开某个网页或切换到某个网页时，向服务器发送用户的基本信息以及访问的网页地址等信息，这种信息的发送由客户端网络通讯模块完成，该模块可以由浏览器插件，客户端软件，Javascript代码等方式实现，再由服务器端通讯模块接收并维护和处理用户信息列表，以及每个网页地址下的用户信息。每次在服务器收到一个用户打开某个网页的信息时，就把该消息转发给原来就已在浏览该网页的所有用户，这些用户通过网络通讯模块接收到消息，并在屏幕中显示出新加入的用户。当然，也可以通过原定的替换方式，比如优先级等，替换原来就已经显示在网页中的其他用户的化身。这样用户就可以在每次切换或打开一个网页时得到图1所示的效果。

当用户收到的信息为文本信息时，就在发送者的化身上部显示一个气泡消息框，将接收到的消息展现出来。而如果收到的信息为某种多媒体信息时，则在对话框中显示出该多媒体消息内容，如视频等。这就是图2中所显示的效果。

当用户用左键点击这些化身时，处理流程为图4所示，包括以下步骤：

步骤1：鼠标动作监测模块监测鼠标的动作，当用户拥左键点击化身时则开始执行步骤2，否则继续执行步骤1。

步骤2：当用户点击了化身时，首先化身显示模块确定出用户所点击的化身是哪个，并给出该化身所对应的用户信息，然后显示一个发送消息对话框，等待用户输入并发送消息，或者由用户将其关闭。

图3表明了用户左键点击化身后的显示效果。

当用户用右键点击这些化身时，处理流程如图5所示，包括以下步骤：

步骤1：鼠标动作监测模块监测鼠标的动作，当用户用右键点击化身时则开始执行步骤2，否则继续执行步骤1。

步骤2：在用户所点击的化身旁边显示一个菜单，等待用户的选择或者由用户将其关闭，如果用户选择了某一项，则执行步骤3。菜单的选项例如“加为好友”，“接触好友”，“举报”等。

步骤3：确定用户所选择的选项，在本地进行相应的处理，需要发送信息给服务器的，则由客户端网络通讯模块将信息发送到服务器端进行处理。

图6表示的是服务器端通讯模块的处理流程，主要包括以下步骤：

步骤1：服务器端通讯模块监听客户端是否有消息发出，如果没有继续执行步骤1，如果有则转入执行步骤2。

步骤2：判断用户所发送的消息类型，如果为通知服务器其打开或切换网页的消息，则由服务器将该用户信息加入用户列表，并加入到该网页地址对应的用户列表中，如果原来有记录的用户，则消除原有记录。之后，服务器将最新的用户列表信息通知相关用户，以保证每个用户所能看到的都是当前与自己同时浏览某一网页的用户。如果用户所发送的消息是和别的用户通信的，则由服务器将这条消息迅速转发给目标用户。目标用户接收到信息后，则按照上述的方法显示出来。

本发明的一个实施例是用户利用化身，和其他网友一起组成团队，由一个网友带队，一起在网络中穿梭。该功能由上述的几个功能组合而成，由服务器转发特殊格式的消息负责同步网友浏览的网页地址。

本发明是有针对性的提高同网页浏览者的互动性的一种方法，其实现方式可以为客户端/服务器模式(C/S模式)，浏览器/服务器模式(B/S模式)两种，区别主要是网络通讯模块的差异所致，而该方法的核心内容是一致的，给予用户的更优质的用户体验也是一致的。上述方法中的对话框，气泡消息框，用户化身等，一种实现方式是利用Javascript在网页中动态的插入浮动图层，并在网页中设置监听控制操作来实现。客户端网络通讯模块可以是使用浏览器插件和客户端软件的配合与服务器通信，也可以是使用Ajax与服务器端通信。

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

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应该包含在本发明的保护范围之内。

Claims

1.一种针对同网页浏览者的互动方法，其特征在于，用户可以看到与自己同时浏览同一个网页的其他浏览者，而且所有的用户都以用户化身的形式直观的展现出来，用户之间通过点击用户化身来发送消息进行互动，并包括：

对鼠标动作的检测，根据所检测到的鼠标动作，对用户通过化身的交互做出不同的响应。

对网络通讯信息的监听，根据监听到的消息，在用户的屏幕中得出不用的显示效果。

2.根据权利要求1所述的针对同网页浏览者的互动方法，其特征在于，所述对鼠标动作进行的检测为：检测到鼠标左键点击到了用户的化身，则相应的响应为：

确定所点击的化身对应的用户的信息，弹出一个对话框等待用户输入将要发送的消息，并调用网络通信模块发送并关闭，或者由用户手动关闭。

3.根据权利要求1所述的针对同网页浏览者的互动方法，其特征在于，所述对鼠标动作进行的检测为：检测到鼠标右键点击到了用户的化身，则相应的响应为：

弹出一个菜单等待用户选择菜单中的选项，在本地做出响应后，调用网络通信模块发送相应消息并关闭，或者由用户手动关闭。

4.根据权利要求1所述的针对同网页浏览者的互动方法，其特征在于，所述的网络通讯信息的监听为：监听到信息为有新用户打开或切换到该网页，又或者老用户关闭或退出该网页，则相应的响应为：

在本地的用户列表中增加或者删除监听到的用户的信息，并按照优先级或者默认的方式，将用户的化身显示在屏幕中替换别的用户，或者移出屏幕换为别的用户的化身。

5.根据权利要求1所述的针对同网页浏览者的互动方法，其特征在于，所述的网络通讯信息的监听为：监听到信息为其他用户发送过来的文本或多媒体信息，则相应的响应为：

在本地对应的发送消息的用户的化身旁边，显示一个气泡消息框用于显示消息，或者在屏幕中生成一个对话框显示消息。

6.一种针对同网页浏览者的互动方法，其特征在于，包括：

鼠标动作检测模块，用于检测鼠标的点击等动作。

7.根据权利要求5所述的针对同网页浏览者的互动方法，其特征在于，所述化身显示模块进一步包括：

化身增加/替换单元，用于当有新用户进入该网页的用户列表时，在原有用户的屏幕中替换旧有用户的化身显示出来，或者直接显示出来。

所述客户端网络通讯模块进一步包括：

用户发送信息单元，以及用户接收信息单元，分别用于用户向系统或其他用户发送各类消息，以及接受来自系统和其他用户的各类消息。