信息展示系统的制作方法

本发明涉及信息展示领域，具体而言，涉及信息展示系统。

背景技术：

随着智能手机的普及和智能手机APP的功能越来越强大，人们对新闻的获取路径从传统的媒介渠道例如广播、报纸、电视和PC网站转移到手机APP上。

常见的手机APP如网易新闻、搜狐新闻等经常被各类人群所使用，通过使用这些APP能够及时的浏览各种消息。与使用手机进行书籍阅读不同的是，阅读新闻(主要是事件性新闻)不会逐个事件的进行浏览，而是由用户选择自己感性的栏目进行阅读。因此，在设计这种APP的时候，通常会设计标题浏览页。标题浏览页指的是现在首页/顶层页面上显示大量的新闻标题(起到简介作用，用户可以通过滑动页面的方式来刷新/翻出更多的标题)，之后用户通过对新闻标题的识别，来判断自己是否想了解更多的内容，如果想了解的话，则可以通过电机标题的方式来打开该标题的详细介绍页，进而完成整体新闻的阅读。

但，实践中发现，这种设置标题浏览页进行浏览的方式并不理想。

技术实现要素：

本发明的目的在于提供一种信息展示系统，以提高用户阅读的便捷程度。

第一方面，本发明实施例提供了一种信息展示系统，信息展示系统包括：用户端，用户端包括：

前台显示模块，用于在显示区内，显示第一显示页面；第一显示页面包括沿纵向排列的多个信息栏；信息栏包括横向滑动信息栏，横向滑动信息栏所对应的区域中依次沿横向排列有多个信息展示窗；

滑动控制模块，用于当接收到纵向滑动指令时，将每个信息栏均沿纵向移动；

以及，用于当接收到横向滑动指令，且横向滑动指令作用在横向滑动信息栏所对应的区域中时，将横向滑动信息栏所对应的区域中的信息展示窗沿横向移动。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，滑动控制模块，进一步用于当接收到横向滑动指令，且横向滑动指令作用在横向滑动信息栏所对应的区域以外时，将第一显示页面沿横向移动。

结合第一方面，本发明实施例提供了第一方面的第二种可能的实施方式，其中，位于同一个横向滑动信息栏所对应的区域中的多个信息展示窗均分别用于展示同一个总事件的不同子事件信息。

结合第一方面，本发明实施例提供了第一方面的第三种可能的实施方式，其中，位于同一个横向滑动信息栏所对应的区域中的多个信息展示窗按照其展示的子事件信息的排列属性值大小依次排列；排列属性值为子事件的发生时间或子事件的重要程度。

结合第一方面，本发明实施例提供了第一方面的第四种可能的实施方式，其中，子事件信息的展现形式包括：文字、图片，以及文字与图片的结合；图片包括静态图、动态图或短视频。

结合第一方面，本发明实施例提供了第一方面的第五种可能的实施方式，其中，用户端还包括：

点击控制模块，用于当接收到作用在横向滑动信息栏所对应的区域中的目标信息展示窗的点击指令时，获取目标信息显示窗所对应的目标显示页面，并将目标显示页面切换至显示区的顶层。

结合第一方面，本发明实施例提供了第一方面的第六种可能的实施方式，其中，还包括：后台端，后台端包括：

子事件信息生成模块，用于制作信息展示窗所使用的子事件信息；

子事件标记生成模块，用于生成子事件信息的排列属性值和生成子事件信息所归属的总事件的总事件标识；

子事件上传模块，用于将子事件信息、子事件信息的排列属性值和总事件标识上传至数据库。

结合第一方面，本发明实施例提供了第一方面的第七种可能的实施方式，其中，后台端还包括：

子事件信息修改模块，用于修改位于数据库中的信息展示窗所使用的子事件信息；

子事件标记修改模块，用于修改位于数据库中的子事件信息的排列属性值和用于修改总事件标识。

结合第一方面，本发明实施例提供了第一方面的第八种可能的实施方式，其中，后台端还包括：

后台显示模块，用于在子事件信息生成模块、子事件标记生成模块、子事件信息修改模块或子事件标记修改模块工作时，在显示区内显示与子事件信息相关联的其他子事件的相关信息。

结合第一方面，本发明实施例提供了第一方面的第九种可能的实施方式，其中，子事件信息的内容包括以下的一种或多种：子事件的简介、子事件的标签、子事件的发生时间、子事件的重要程度和子事件的评论次数。

本发明实施例提供的信息展示系统，采用符合操控的方式，与现有技术中的在用户期望阅读某个信息栏的详细内容时，只能通过点击查看详情页的方式进行阅读，导致用户浏览不便相比，其通过设置了前台显示模块，用于在显示区内，显示第一显示页面；第一显示页面包括沿纵向排列的多个信息栏；信息栏包括横向滑动信息栏，横向滑动信息栏所对应的区域中依次沿横向排列有多个信息展示窗；进而，当用户向滑动控制模块下达对应的操作指令的时候，滑动控制模块能够将横向滑动信息栏所对应的区域中的信息展示窗沿横向移动，使得用户可以在不转换整体页面的情况下，更自由的阅读到关于该横向滑动信息栏的信息，提高了浏览信息的便捷程度和自由度，并提高了用户端的感受度。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了相关技术中的二级显示模式的第一张实例图；

图2示出了相关技术中的二级显示模式的第二张实例图；

图3示出了本发明实施例所提供的信息展示系统的基本框架图；

图4示出了本发明实施例所提供的信息展示系统中用户端使用时的第一张显示示意图；

图5示出了本发明实施例所提供的信息展示系统中用户端使用时的第二张显示示意图。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

相关技术中，使用手机APP来浏览和阅读信息(如新闻)已经广泛的被大众所接受。手机APP可以呈现文字、图像、动态图(GIF)、音频、视频等几乎所有常用信息格式的内容，并通过这些形式来向大众传达相应的信息。除此之外，考虑到手机目前还是大多数人们随时携带的唯一智能设备，手机APP和传统媒介渠道相比最大的一个特点是“信息传递的及时性”：通过网络通信，手机APP可以以秒级别的延迟，将信息传递到用户处。可以说在资讯供给方面，手机APP极大的满足了这个需求。而且人们也越来越依赖这个路径。

在使用手机APP阅读信息的形式被大众习惯了之后，阅读信息类的手机APP出现了极大规模的增长。

由于手机自身尺寸(主要是显示屏大小)的限制，就出现了这样一个问题：在保证阅读体验的情况下，如何在有限的显示区内更有效的展现资讯内容，来方便用户去筛选，进而提高用户信息阅读信息的效率。为了提高用户的阅读效率，就出现了资讯内容展现和资讯内容筛选的问题。目前手机APP常用的资讯内容展现都采用二级显示模式：列表页和详情页；列表页呈现各条资讯的标题，有些会连同摘要、是否有图、是否有视频、评论数等其它重要信息一起展现给用户，用户通过浏览列表页来确定自己感兴趣的资讯，然后通过点击列表页中指定的信息栏来打开对应的详情页，进而通过阅读详情页来查看更多更具体的内容。

如图1和图2所示，分别示出了传统方案中的列表页和详情页。通过这两个附图可以看出，详情页中所呈现的就是列表页中的一个信息栏的详细内容。操作的时候，用户可以通过点击该信息栏来触发对应详情页的展开。

但发明人在使用的过程中发现，上述这种传统的二级显示模式扔有一定的不足，信息展示的不够合理，对用户不友好。针对该种情况，本申请提供了一种信息展示系统，如图3所示，信息展示系统包括：用户端，用户端包括：

前台显示模块101，用于在显示区内，显示第一显示页面；第一显示页面包括沿纵向排列的多个信息栏；信息栏包括横向滑动信息栏，横向滑动信息栏所对应的区域中依次沿横向排列有多个信息展示窗；

滑动控制模块102，用于当接收到纵向滑动指令时，将每个信息栏均沿纵向移动；

以及，用于当接收到横向滑动指令，且横向滑动指令作用在横向滑动信息栏所对应的区域中时，将横向滑动信息栏所对应的区域中的信息展示窗沿横向移动。

本申请所提供的信息展示系统共有两个部分，分别是供用户使用的用户端和供后台管理人员使用的后台端。用户端通常指手机、平板电脑一类的具有独立运算功能的便携式电子设备，后台端通常指由信息提供人员，或信息编辑人员所使用的电子设备(如PC、手机等)。

下面先针对用户端的功能进行说明。与传统技术相似的，前台显示模块101在一般状态下，能够在显示区中沿纵向显示出并行排列的多个信息栏，用户可以通过控制滑动控制模块102将信息栏沿纵向进行移动，进而调节在显示区中显示的内容。具体而言，如用户向滑动控制模块102下达的是向上滑动指令(纵向滑动指令的一种)，则滑动控制模块102会驱动显示区内的信息栏整体向上移动，并且，如果信息栏刷新的数量没有超过最大值，则会沿显示区的下边框刷新出新的信息栏(可以理解为翻页)；如果信息栏刷新的数量超过最大值，则原本显示在显示区中的信息栏也可以向上移动，但不会刷新出新的信息栏。类似的，如果用户向滑动控制模块102下达向下滑动指令(纵向滑动指令的另一种)，则滑动控制模块102会驱动显示区内的信息栏整体向下移动，如果有未进入到显示区中的信息栏，则会沿显示区的上边框刷新出新的信息栏；如果没有未进入到显示区中的信息栏，则原本显示在显示区中的信息栏也可以向下移动，并且触发页面刷新。

与传统技术不同的是，本申请所提供的系统中，不仅设置了可以纵向翻页的各个信息栏，还将信息栏的使用方式进行了调整。具体而言，某个信息栏为横向滑动信息栏时，该横向滑动信息栏所对应的区域(可以称为横向滑动区)中依次沿横向排列有多个信息展示窗，每个信息展示窗用来展示内容上具有一定关联性的内容。当用户向滑动控制模块102下达横向滑动指令，并且该横向滑动指令作用在该横向滑动区中时，则驱动横向滑动区中的信息展示窗沿横向移动。

具体而言，如用户向滑动控制模块102下达的是向左滑动指令(横向滑动指令的一种)，并且该横向滑动指令作用在横向滑动区中，则滑动控制模块102会驱动横向滑动区内的信息展示窗整体向左移动，并且，如果信息栏刷新的数量没有超过最大值，则会沿显示区的右边框刷新出新的信息展示窗(可以理解为指定的一个信息栏的横向翻页)；如果信息栏刷新的数量超过最大值，则原本显示在显示区中的信息展示窗也可以向左移动，但不会刷新出新的信息展示窗。类似的，如果用户向滑动控制模块102下达向右滑动指令(横向滑动指令的另一种)，并且该横向滑动指令作用在横向滑动区中，则滑动控制模块102会驱动横向滑动区内的信息展示窗整体向右移动，如果有未进入到显示区中的信息栏，则会沿显示区的上边框刷新出新的信息栏；如果没有未进入到显示区中的信息栏，则原本显示在显示区中的信息栏也可以向右移动，并且触发页面刷新。需要说明的是，当滑动控制模块102接收到横向滑动指令，且横向滑动指令作用在横向滑动信息栏所对应的区域时，只有横向滑动区中的信息展示窗会发生移动，其他的信息栏是不会进行横向移动或纵向移动的，也就是此时的横向翻页只针对横向滑动信息栏，而对其他信息栏(如不具有横向滑动功能的信息栏，或者是横向滑动指令没有作用到的横向滑动信息栏，是没有变化的)。

进而，本申请所提供的系统中，滑动控制模块102，进一步用于当接收到横向滑动指令，且横向滑动指令作用在横向滑动信息栏所对应的区域以外时，将第一显示页面沿横向移动。也就是，横向滑动指令没有作用在横向滑动区中时，可以将第一显示页面整体进行翻页、刷新等一般操作。

由此可见，本申请所提供的信息展示系统，不仅可以进行纵向和横向的翻页，还可以在当前页面整体不进行过大调整的情况下(不进行页面的整体翻页/刷新的情况下)，可以对横向滑动信息栏进行单独的翻页/刷新，并且横向滑动区中的信息展示窗是沿横向依次排列的便于用户阅读，提高了使用的灵活性，提高了用户的感受度。

为了进一步提高使用的便捷程度，本申请所提供的信息展示系统中，位于同一个横向滑动信息栏所对应的区域中的多个信息展示窗均分别用于展示同一个总事件的不同子事件信息。

此处，需要对本文中所指的总事件和子事件进行说明，本申请所提及的总事件指的是在某一个场地中进行的，在连续的一段时间内完成的活动。具体如一场比赛(如一场篮球赛、一场足球赛、一场庆祝活动等等)。具体的，本申请所提供的系统，特别适用于足球新闻，也就是，本申请所提供的信息展示系统更具体指的是足球新闻展示系统。

相关技术中，在进行信息展示的时候，通常会在指定的一个区域中滚动播放各种比赛信息，如在指定的图像显示区域中不停的刷新播放最新的信息，但相关技术中，进行信息展示时，会将不同场次、不同地点、不同类型的比赛均在该区域中进行滚动播出。当比赛相似的时候(如不同场次的比赛，但运动人员的名字相似，或内容相似)，极容易造成用户的误读，为了避免误读，用户就必须要进行极为细致的辨别，才能够有效的了解到播放的信息内容，这很明显对用户造成了不便，对用户不友好。

进而，本申请所提供的方案中，在同一个横向滑动信息栏所对应的区域中的信息展示窗均只用来显示同一个总事件的不同子事件信息，以保证用户阅读的便捷性。此处，子事件指的是总事件发展过程中的某一个局部时间所形成的一个小事件，如总事件为一场篮球比赛，或者一场足球比赛，则子事件可以指某个犯规的镜头、某个进球的镜头、某次球迷欢呼的镜头等等。可见，本申请所提供的技术方案中，指定的一个横向滑动信息栏所对应的区域中，仅仅是显示了总事件的多个子事件，这些子事件仅仅是总事件的一部分内容，即每个子事件均是内容集锦。

具体的，子事件信息的内容包括以下的一种或多种：子事件的简介、子事件的标签、子事件的发生时间、子事件的重要程度和子事件的评论次数。

优选的，还可以根据子事件信息的类型不同，来进行分类显示，如某个横向滑动信息栏所对应的区域中仅显示某个总事件的指定类别的信息，即位于同一个横向滑动信息栏所对应的区域中的多个信息展示窗均分别用于展示同一个总事件的指定类型的不同子事件信息。如指定的一个横向滑动信息栏所对应的区域中的每个信息展示窗均用来显示和犯规相关的子事件信息，此处的犯规就是一种类别。

进一步，为了让用户浏览的更为便捷，位于同一个横向滑动信息栏所对应的区域中的多个信息展示窗按照其展示的子事件信息的排列属性值大小依次排列；排列属性值为子事件的发生时间或子事件的重要程度。

也就是信息展示窗并不是杂乱的排列的，而是按照一定的次序进行的排列，排列的顺序可以按照子事件的发生时间或子事件的重要程度进行。如有如下5个子事件A-E，发生的时间分别是1分15秒、2分17秒、12分6秒、7分2秒和5分1秒，则如果按照由前至后进行排序的话，顺序为ABEDC。那么这五个时间就可以按照ABEDC的顺序由左至右进行排列，以显示在横向滑动区中。类似，如果按照重要程度进行排序的话，也可以按照此种方式进行，由左至右(或者由右至左)按照重要程度由高到低的顺序进行排列，以使用户能够优先阅读到较为重要的信息。具体的，重要程度的确定可以是人为标识的(如由用户标识的，或者是由后台的系统操作人员标识的)，也可以是系统根据预定的计算方法生成的。

如果是用户标识的，那么用户可以在系统中预存个性化的计算方法，如进球类子事件的重要性最高，界外球的重要性次高，开球的重要性最低，那么当前台显示模块101进行显示之前，就可以将进球类的子事件排在最前面(如靠左排列)，界外球子事件和开球子事件则依次排在靠后的位置上。

更进一步，为了便于用户了解子事件的信息，应当采用正确的形式来显示子事件信息具体而言，子事件信息的展现形式包括：文字、图片，以及文字与图片的结合；图片包括静态图、动态图或短视频。

优选的，应当采用动态图的方式对子事件信息进行显示，这样有利于用户直接看到精彩画面，避免了用户需要通过人工查找的方式来看到精彩画面的问题。

用户端除了设置了滑动控制模块102，还设置了点击控制模块，具体的，点击控制模块，用于当接收到作用在横向滑动信息栏所对应的区域中的目标信息展示窗的点击指令时，获取目标信息显示窗所对应的目标显示页面，并将目标显示页面切换至显示区的顶层。

也就是当用户点击了信息展示窗的话，可以进入该信息展示窗所对应的详情页面(即目标显示页面)，此时该目标显示页面会直接切入到显示区的顶层。

如果用户点击了其他一般信息栏的话(非横向滑动信息栏)，则可以进入到该一般信息栏所对应的详情页。

上述内容，描述了本申请所提供的信息展示系统的用户端的基本架构和相应功能，下面对本系统的后台端进行说明。具体的，后台端包括：

子事件信息生成模块105，用于制作信息展示窗所使用的子事件信息；

子事件标记生成模块103，用于生成子事件信息的排列属性值和生成子事件信息所归属的总事件的总事件标识；

子事件上传模块104，用于将子事件信息、子事件信息的排列属性值和总事件标识上传至数据库。

具体的，后台端主要是面向编辑人员、信息上传人员所使用的，后台端可以接收相应人员所提供的数据，这些数据包括子事件信息、子事件信息的排列属性值，子事件信息所归属的总事件的总事件标识。其中，子事件信息所归属的总事件的总事件标识是前台显示模块101进行显示时所使用的，目的是将归属于同一个总事件的子事件信息均在同一个横向滑动信息栏所对应的区域中进行显示(可以是一个子事件信息只通过一个信息展示窗进行显示)。

子事件信息生成模块105和子事件标记生成模块103可以是直接接收用户所提供的数据(包括子事件信息、子事件信息的排列属性值，和总事件标识)，也可以是相应后台人员直接使用系统中的相应模块进行生成。后台人员可以在线下完成静态图、动态图或短视频的制作，然后将静态图、动态图或短视频上传给子事件信息生成模块105。之后子事件上传模块104再将这些数据上传至数据库，以备显示的时候使用。

除了简单的上传，后台人员还可以对已经上传的内容进行修改和调整。具体的后台端还包括：

子事件信息修改模块，用于修改位于数据库中的信息展示窗所使用的子事件信息；

子事件标记修改模块，用于修改位于数据库中的子事件信息的排列属性值和用于修改总事件标识。

为了便于后台人员你使用，本申请所提供的信息展示系统中，后台端还包括：

后台显示模块，用于在子事件信息生成模块、子事件标记生成模块、子事件信息修改模块或子事件标记修改模块工作时，在显示区内显示与子事件信息相关联的其他子事件的相关信息。

也就是后台人员在通过子事件信息生成模块、子事件标记生成模块进行编辑或者上传数据的时候，会在显示区内显示显示相关的子事件内容，以辅助后台人员进行判断。

下面以一个具体的实例来说明本申请所提供的系统的操作过程。首先对后台端进行说明：

步骤1，后台人员在线下制作一场足球比赛的3个动态图，这三个动态图均是进球镜头的动态图；

步骤2，后台人员将制作好的3个动态图通过子事件信息生成模块上传给系统，并且通过子事件标记生成模块分别标记这3个动态图的发生时间和所归属的该场比赛的代码；同时，系统在后台端的显示屏上显示与该场比赛相关的比赛的动态图和简介；

步骤3，系统将接收到的3个动态图和相应动态图的发生时间，及所归属的该场比赛的代码存储至数据库。

步骤4，后台人员对已经存储至数据库中的进行修改，修改后存储在数据库中。

下面对用户端进行说明：

步骤5，用户打开手机APP；

步骤6，手机APP在显示区内显示第一显示页面，如图4所示；

步骤7，用户向左滑动第一显示页面中的横向滑动信息栏；

步骤8，手机APP控制显示区内的横向滑动信息栏整体向左滑动，以形成如图5所示的状态，也就是只有横向滑动信息栏向左滑动，其余的信息栏均不动。

通过步骤5-8可以看出，图4中的卡利亚里vs尤文图斯精彩GIF合集(一个信息栏)中，各个信息展示窗向左平移了一段距离，而其他的信息栏则没有位置变化。并且，这个信息栏中以动态图的形式显示出了主要内容，除了动态图，还显示出了事件发生时间、评论数量和简介等信息。

所述功能如果以软件功能单元、模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。