CN104484361B - 信息的展现方法及装置 - Google Patents

Abstract

本发明提供了一种信息的展现方法及装置，其中，该方法包括：接收用户输入的查询信息；获得与所述查询信息相关的信息及与所述信息对应的动画参数；以及提供搜索结果页，并根据所述动画参数在所述搜索结果页中显示具有对应动画效果的信息。本发明实施例提供的信息的展现方法及装置，在搜索结果页上显示具有动画效果的信息，展示生动形象，具有视觉冲击力，提高了用户的视觉感受，增加了用户粘度。

Description

信息的展现方法及装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种信息的展现方法及装置。

背景技术

随着移动互联技术的快速发展，移动终端(例如手机、平板电脑等)已日益普及，并且移动终端提供的功能也越来越多。通常情况下，用户可以自由地在移动终端上安装各种应用(App)，例如，用户可以在手机上安装浏览器。

在链接网络的情况下，用户可通过浏览器可以搜索与关键词相关的搜索结果，或者阅读互联网上提供的相关信息。例如，用户在基于安卓(Android)系统的智能手机中安装了百度浏览器，在用户在百度浏览器的搜索框中输入“乌鲁木齐天气”后，搜索引擎获得用户输入的关键词，并根据关键词获得北京对应的天气情况，并在搜索结果页面中显示对应的搜索结果，百度浏览器中显示的乌鲁木齐天气对应的搜索结果如图1所示，图1中为用户显示了当天与未来几天的天气情况及对应天气情况的静态图片。然而，现有的网页中显示的天气的搜索结果中无法为用户与真实天气情况对应的动态效果，显示形式过于单一。

发明内容

本发明旨在至少在一定程度上解决相关技术中的技术问题之一。为此，本发明第一方面实施例在于提出一种信息的展现方法，该方法在搜索结果页上显示具有动画效果的信息，展示生动形象，具有视觉冲击力，提高了用户的视觉感受，增加了用户粘度。

本发明的第二方面实施例在于提出一种信息的展现装置。

为了实现上述目的，本发明第一方面实施例的信息的展现方法，包括：接收用户输入的查询信息；获得与所述查询信息相关的信息及与所述信息对应的动画参数；以及提供搜索结果页，并根据所述动画参数在所述搜索结果页中显示具有对应动画效果的信息。

根据本发明实施例的信息的展现方法，接收用户输入的查询信息，并获得与查询信息相关的信息以及与信息对应的动画参数，并根据动画参数在搜索结果页中显示觉有对应动画效果的信息，该实施例在搜索结果页中显示具有动画效果的信息，展示生动形象，具有视觉冲击力，提高了用户的视觉感受，增加了用户粘度。

为了实现上述目的，本发明第二方面实施例的信息的展现装置，包括：接收模块，用于接收用户输入的查询信息；获得模块，用于获得与所述查询信息相关的信息及与所述信息对应的动画参数；以及处理模块，用于提供搜索结果页，并根据所述动画参数在所述搜索结果页中显示具有对应动画效果的信息。

根据本发明实施例的信息的展现装置,通过接收模块接收用户输入的关键词查询信息，并通过获得模块获得与关键词查询信息相关的信息以及与信息对应的动画参数，以及处理模块根据动画参数在搜索结果页面中显示觉有对应动画效果的信息，该实施例在搜索结果页面中显示具有动画效果的信息，展示生动形象，具有视觉冲击力，提高了用户的视觉感受，增加了用户粘度。

附图说明

图1是传统的天气的搜索结果页面的示意图。

图2是根据本发明一个实施例的信息的展现方法的流程图。

图3是根据本发明一个实施例的搜索结果的示意图。

图4是根据本发明一个实施例的动画效果示意图一。

图5是根据本发明一个实施例的动画效果示意图二。

图6是根据本发明一个实施例的阵雨的效果示意图。

图7是根据本发明一个实施例的信息的展现装置的结构示意图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本发明，而不能理解为对本发明的限制。

下面参考附图描述本发明实施例的信息的展现方法及装置。

图2是根据本发明一个实施例的信息的展现方法的流程图，如图2所示，该信息的展现方法包括：

S201，接收用户输入的查询信息。

具体地，用户在客户端例如浏览器的搜索框中输入查询信息后，客户端向服务器发送包含查询信息的搜索请求。

S202，获得与查询信息相关的信息及与信息对应的动画参数。

在该实施例中，上述查询信息可以包括但不限于天气信息，当上述查询信息为天气信息时，服务器接收客户端发送的搜索请求，并判断搜索请求中的查询信息中是否包含地理位置信息，若包含地理位置信息，则根据地理位置信息获得对应的天气类型，若未包含地理位置信息，则获得当前终端的地理位置信息，并根据当前终端的地理位置信息获得对应的天气类型，以及针对每个天气类型，从服务器中获取与当前天气类型对应的动画参数，并将获得的天气类型及该天气类型对应的动画参数返回给客户端。其中，上述地理位置信息包括但不限于城市、城市的具体城区、景点等地理位置对应的名称。

例如，用户在百度浏览器中输入“北京天气”，服务器接收用户的搜索请求，并根据关键词中的“北京”获得对应城市的当天以及未来几天的天气类型，并获得当天以及未来几天对应的天气类型对应的动画参数，然后服务器将获得的天气类型以及天气类型对应的动画参数作为搜索请求的响应返回给客户端。

再例如，若用户在百度浏览器中输入“天气”，服务器可通过当前终端的IP(Internet Protocol，互联网协议)地址获得当前终端的地理位置信息，并获得对应地理位置信息的当天以及以未来几天的天气类型，并获得当天以及未来几天对应的天气类型对应的动画参数，然后服务器将获得的天气类型以及天气类型对应的动画参数作为搜索请求的响应返回给客户端。

S203，提供搜索结果页，并根据动画参数在搜索结果页中显示具有对应动画效果的信息。

在该实施例中，对于不同类型的天气类型在搜索结果页上显示的动画效果不同。

对于第一预设类型例如多云，可基于重力感应技术监控当前终端的位置变化信息，并根据位置变化信息调整与第一预设类型对应的第一动画参数的数值，然后基于第一动画参数的数值控制对应动画中动效元素的移动方向。

具体地，可通过监听移动终端中的deviceorientation事件来获得移动终端的位置变化信息，即通过deviceorientation事件来监听移动终端的旋转，若监听到deviceorientation事件的移动终端的位置发生变化，即监控到用户向右或者向左旋转移动终端，则根据移动终端的位置变化信息修改第一动画参数的取值，对应的动画中的动效元素的位置将发送移动。其中，deviceOrientation事件中包含了移动终端方向传感器数据，通过方向传感器数据可以获得移动终端的位置变化信息。

例如，假定用户在北京，北京当天的天气类型为多云，在用户在搜索框中输入“天气”后，搜索结果页面上显示的天气的搜索结果如图3所示，通过图3可以看出，图3中的背景图中显示与真实天空类似的白云，此时，如果用户旋转移动终端，由于图3中的白云是一个动效元素，上述动效元素可随着移动终端的位置变化而变化，也就是说，图3中的白云的位置能够随基于重力感应技术变化。图3中的白云随移动终端的旋转而形成的部分动画效果如图4所示，通过图4可以看出，白云随着移动终端的向右旋转而向右移动。

当天气类型为晴天时，可通过CSS3(Cascading Style Sheets，层叠样式表单)来实现搜索结果页面中显示的晴天的动画效果，具体地，CSS根据晴天对应的动画参数绘制晴天对应的动画效果图，其中，搜索结果页面上显示的动画效果如图5所示，通过图5可以看出，晴天时，搜索结果页面中显示一个模拟的太阳，并且太阳照射的过程中，图中的光圈若隐若现，形成连贯的动画效果。

在该实施例中，当天气类型为第二预设类型例如雨或者雪时，按照预设时间间隔调用对应的第二动画参数，并基于第二动画参数绘制对应的动画，以及在搜索结果页面上显示绘制后的动画效果。

当天气类型为雨或者雪时，在获得对应天气类型对应动画参数后，可通过CSS3和画布(canvas)来绘制雨滴或者雪花，然后通过Javascript(简称JS)设置时间间隔例如20ms，并按照设置的时间间隔来调用canvas来绘制雨滴或者雪花，以模拟雨滴或者雪花降落的过程，其中，搜索结果中展示的阵雨的效果图如图6。

另外，当天气类型为小雨、中雨、大雨、小雪、中雪、大雪等时，JS还可以根据具体的天气类型来控制雨滴或者雪花的大小和降落的速度，动态展示天气，生动形象，具有视觉冲击力，提高了用户的视觉感受，增加了用户粘度。

本发明实施的信息的展现方法，接收用户输入的查询信息，并获得与查询信息相关的信息以及与信息对应的动画参数，并根据动画参数在搜索结果页中显示觉有对应动画效果的信息，该实施例在搜索结果页中显示具有动画效果的信息，展示生动形象，具有视觉冲击力，提高了用户的视觉感受，增加了用户粘度。

为了实现上述实施例，本发明还提出一种信息的展现装置。

图7是根据本发明一个实施例的信息的展现装置的结构示意图。如图7所示，该信息的展现装置包括：接收模块110、获得模块120和处理模块130，其中：

接收模块110用于接收用户输入的查询信息；获得模块120用于获得与查询信息相关的信息及与信息对应的动画参数；以及处理模块130用于提供搜索结果页，并根据动画参数在搜索结果页中显示具有对应动画效果的信息。其中，上述查询信息可以包括但不限于天气信息。

获得模块120具体用于：从服务器获得与查询信息对应的天气类型及为天气类型设置的动画参数，其中，天气类型为服务器获得地理位置信息后，根据地理位置信息获得的。

具体地，接收模块110接收用户输入的查询信息后，向服务器发送包含查询信息的搜索请求，服务器接收用户的搜索请求，并判断查询信息中是否包含地理位置信息，若包含地理位置信息，则根据地理位置信息获得对应的天气类型，若未包含地理位置信息，则获得当前终端的地理位置信息，并根据当前终端的地理位置信息获得对应的天气类型，以及针对每个天气类型，从服务器中获取与当前天气类型对应的动画参数，并将获得的天气类型及该天气类型对应的动画参数返回给客户端，获得模块120接收服务器返回的天气类型以及该天气类型对应的动画参数。

处理模块130具体用于：当天气类型为第一预设类型时，基于重力感应技术监控当前终端的位置变化信息，并根据位置变化信息调整与第一预设类型对应的第一动画参数的数值；以及基于第一动画参数的数值控制对应动画中动效元素的移动方向。

具体地，在搜索结果页面上显示的天气的搜索结果如图3所示事，即当天天气类型为多云时，处理模块130可通过监听deviceorientation事件来获得移动终端的位置变化信息，即通过deviceorientation事件来监听移动终端的旋转，若监听到移动终端的位置发生变化，即监控到用户向右或者向左旋转移动终端，则根据移动终端的位置变化信息修改第一动画参数的取值，以使对应动画中的动效元素随着移动终端的位置变化而移动。由于图3中的白云是一种动效元素，随着移动终端的向右旋转，图3中的白云随移动终端的旋转而形成的部分动画效果如图4所示，通过图4可以看出，白云随着移动终端的向右旋转而向右移动。需要说明的是，deviceOrientation事件中包含了移动终端方向传感器数据，通过方向传感器数据可以获得移动终端的位置变化信息。

另外，当天气类型为第二预设类型例如雨或者雪时，处理模块130具体用于：按照预设时间间隔调用对应的第二动画参数，并基于第二动画参数绘制对应的动画。

具体地，当天气类型为雨或者雪时，在获得模块120获得对应天气类型对应动画参数后，处理模块130可通过CSS3和画布(canvas)来绘制雨滴或者雪花，然后通过Javascript(简称JS)设置时间间隔例如20ms，并按照设置的时间间隔来调用canvas来绘制雨滴或者雪花，以模拟雨滴或者雪花降落的过程，其中，搜索结果中展示的阵雨的效果图如图6。图6中的阵雨的降落过程生动形象，具有视觉冲击力，提高了用户的视觉感受，增加了用户粘度。

包含接收模块110、获得模块120和处理模块130的信息的展现装置展现信息的过程可参见图2及其对应的文字描述，此处不赘述。

本发明实施的信息的展现装置，通过接收模块接收用户输入的关键词查询信息，并通过获得模块获得与关键词查询信息相关的信息以及与信息对应的动画参数，以及处理模块根据动画参数在搜索结果页面中显示觉有对应动画效果的信息，该实施例在搜索结果页面中显示具有动画效果的信息，展示生动形象，具有视觉冲击力，提高了用户的视觉感受，增加了用户粘度。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (6)

1.一种信息的展现方法，其特征在于，包括：

接收用户输入的查询信息；

获得与所述查询信息相关的信息及与所述信息对应的动画参数；以及

提供搜索结果页，并根据所述动画参数在所述搜索结果页中显示具有对应动画效果的信息；

其中，所述查询信息包括天气信息；

所述根据所述动画参数在所述搜索结果页中显示具有对应动画效果的信息，包括：

当天气类型为多云时，基于重力感应技术监控当前终端的位置变化信息，并根据所述位置变化信息调整与所述多云的天气类型对应的第一动画参数的数值；以及基于所述第一动画参数的数值控制对应动画中动效元素的移动方向；

当天气类型为雨或雪时，按照预设时间间隔调用画布，基于雨或雪的天气类型对应的第二动画参数绘制对应的动画。

2.根据权利要求1所述的方法，其特征在于，所述获得与所述查询信息相关的信息及与所述信息对应的动画参数，包括：

从服务器获得与所述查询信息对应的天气类型及为所述天气类型设置的动画参数，其中，所述天气类型为所述服务器获得地理位置信息后，根据所述地理位置信息获得的。

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

当天气类型为晴天时，通过层叠样式表单根据晴天对应的动画参数绘制所述晴天对应的动画效果。

4.一种信息的展现装置，其特征在于，包括：

接收模块，用于接收用户输入的查询信息；

获得模块，用于获得与所述查询信息相关的信息及与所述信息对应的动画参数；以及处理模块，用于提供搜索结果页，并根据所述动画参数在所述搜索结果页中显示具有对应动画效果的信息；

其中，所述查询信息包括天气信息；

所述处理模块，具体用于：当所述天气类型为多云时，基于重力感应技术监控当前终端的位置变化信息，并根据所述位置变化信息调整与所述多云的天气类型对应的第一动画参数的数值；以及基于所述第一动画参数的数值控制对应动画中动效元素的移动方向；当天气类型为雨或雪时，按照预设时间间隔调用画布，基于雨或雪的天气类型对应的第二动画参数绘制对应的动画。

5.根据权利要求4所述的装置，其特征在于，所述获得模块，具体用于：

从服务器获得与所述查询信息对应的天气类型及为所述天气类型设置的动画参数，其中，所述天气类型为所述服务器获得地理位置信息后，根据所述地理位置信息获得的。

6.根据权利要求4所述的装置，其特征在于，

所述处理模块，还用于当天气类型为晴天时，通过层叠样式表单根据晴天对应的动画参数绘制所述晴天对应的动画效果。