CN115495001B - 框选定位生成广告位信息展示组件方法和系统 - Google Patents

Abstract

本发明公开了框选定位生成广告位信息展示组件方法和系统，包括S1.导入并显示平面图；S2.采用框选工具沿平面图中的任意一个广告位区的占位范围进行框选操作，生成一个选框；S3.从框选工具中获得选框的坐标信息和选框的长宽信息；S4.创建一个按钮控件，按选框的长宽信息等大小的配置按钮控件的界面长宽，按选框的坐标信息相同的配置所述按钮控件的位置信息；S5.将按钮控件按照按钮控件的位置信息叠加锁定在平面图中，形成按钮控件的界面覆盖广告位区的广告位展示组件。可以快速、自动的创建出1个覆盖平面图中广告位区的按钮控件，按钮控件被配置有接口，从而可以实现展示信息的快速创建同时可以实现展示信息的同步更新，无需二次创建。

Description

框选定位生成广告位信息展示组件方法和系统

技术领域

本发明涉及广告信息交互展示领域，具体涉及框选定位生成广告位信息展示组件方法和系统。

背景技术

在广告位销售活动中，一般需要给广告主提供广告位信息，以便广告主对广告位进行选择。传统的广告位展示方式是以列表方式给广告主提供广告位编号、广告位类型、广告位地理位置的方式。这种方式不够直观，缺乏交互友好性。

为了增强交互友好性，以地图方式呈现出广告位信息的应用逐渐被提出。目前这种方式，一般是自定义一个广告位图形元素，并自定义该广告位图形元素在地图中的坐标值。这种方式一般适用于户外广告位，在一个区域内广告位较少时。因此可以以较少的工作量去自定义的创建自定义的地图、根据广告位的实际地理信息换算出在自定义地图中的位置信息，然后配置一个广告位图形元素。同时这种方法所创建的广告位图形元素，只能显示提前配置好的广告样图。广告位是否被销售、当前新的样图、广告位的监播信息等全周期阶段的当前信息是无法引入的。同时，当有新的空闲广告位出现后，需要重新自定义一个广告位图形元素。操作量大，且在室内广告场景下，例如地铁广告场景下，一个地铁站内置的广告位有时多达上百个。因此对这种自定义地图+广告位图形元素的模式的展示方式，无法实现动态快速更新显示、同时在创建时需要非常多的重复配置操作，例如人工换算坐标并配置坐标、人工配置不同广告位的样图等，往往一张展示图需要非常长的周期才能构建。同时，当出现新的样片或广告位销售状态变化时都无法动态的同步更新，还需要人工重新出图。

发明内容

本发明的目的在于提供框选定位生成广告位信息展示组件方法和一种包含广告位展示组件的系统，该方法可以快速、自动的创建出1个覆盖平面图中广告位区的按钮控件，该按钮控件被配置有信息接口，从而可以实现展示信息的快速创建同时可以实现展示信息的同步更新，无需二次创建。

一方面，框选定位生成广告位信息展示组件方法，包括以下步骤：

S1. 导入并显示平面图；

S2. 采用框选工具沿平面图中的任意一个广告位区的占位范围的边缘进行框选操作，生成一个选框；

S3.从框选工具中获得选框的坐标信息和选框的长宽信息；

S4.创建一个按钮控件，按选框的长宽信息等大小的配置按钮控件的界面长宽，按选框的坐标信息相同的配置所述按钮控件的位置信息；

S5.将按钮控件按照按钮控件的位置信息叠加锁定在平面图中，形成按钮控件的界面覆盖广告位区的广告位展示组件。

进一步的，

S3具体为：

从框选工具中获得选框的2个对角点对应于在平面图中的2个像素点的坐标值，记为对角点D1（x1，y1）、对角点D2（x2，y2），对角点D1（x1，y1）、对角点D2（x2，y2）即为选框的坐标信息；其中，x1、x2为像素点的列数、y1、y2为像素点的行数；

根据2个对角点的坐标值计算选框的长和宽，记为a= |x2- x1|，b=|y2-y1|，a、b即为选框的长宽信息；

S4具体为：

按选框的长宽信息等大小的配置按钮控件的界面长宽，即，配置界面长为a’= a，配置界面宽b’=b；

按选框的坐标信息相同的配置所述按钮控件的位置信息，即给按钮控件的界面的2个对角点的坐标值赋值，按钮控件的2个对角点的坐标值与选框的2个对角点的坐标值相同，按钮控件的界面的2个对角点分别为对角点D1’（x1’= x1，y1’=y1）、对角点D2’（x2’=x2，y2’= y2）。

进一步的，

还包括S0，

S0.配置按钮控件的广告位编号、配置按钮控件的数据请求链接接口、配置按钮控件的触发事件，触发事件为：触发按钮控件后，通过数据请求链接接口链接到目标数据库，并向目标数据库发送广告位编号及其数据请求，接收响应于广告位编号的广告位信息数据，在广告位展示组件中创建显示区并显示广告位信息数据。

进一步的，

所述S0于S4时执行或所述S0于S5之后执行。

进一步的，

所述数据请求链接接口包括与广告位历史订单信息数据库链接的第一链接接口、与广告位上下刊信息数据库链接的第二链接接口、与广告位监播信息数据库链接的第三链接接口、与广告位样画信息数据库链接的第四链接接口中的至少一种；

所述数据请求包括广告位历史订单信息请求、广告位上下刊信息请求、广告位监播信息请求、广告位样画信息中的至少1种。

进一步的，

所述平面图包括标注有至少1个广告位区，广告位区为平面图中的图形元素区。

进一步的，

平面图为建筑平面图，1个广告位区表示1个灯箱广告面板建筑物或/和1个电视广告面板建筑物在建筑平面图中的平面占位区。

另一方面，一种包含广告位展示组件的系统，所述组件包括：

作为底版的平面图；

作为触发广告位信息的按钮控件；

1个按钮控件的界面的大小被配置为与平面图中一个广告位区的在平面图中的占位范围相同；

1个按钮控件的界面的坐标信息被配置为与平面图中一个广告位区在平面图中的位置信息相同；

按钮控件的界面叠加平面图上。

进一步的，

按钮控件配置有广告位编号、按钮控件配置有数据请求链接接口、按钮控件配置有触发事件，触发事件为：触发按钮控件后，通过数据请求链接接口链接到目标数据库，并向目标数据库发送广告位编号及其数据请求，接收响应于广告位编号的广告位信息数据，在广告位展示组件中创建显示区并显示广告位信息数据

进一步的，

所述数据请求链接接口包括与广告位历史订单信息数据库链接的第一链接接口、与广告位上下刊信息数据库链接的第二链接接口、与广告位监播信息数据库链接的第三链接接口、与广告位样画信息数据库链接的第四链接接口中的至少一种；

所述数据请求包括广告位历史订单信息请求、广告位上下刊信息请求、广告位监播信息请求、广告位样画信息中的至少1种。

本发明的有益效果为：

本发明中的控件为按钮控件，按钮控件可以配置接口和配置事件，我们只需提前配置好一个公共按钮控件，该公共按钮控件所配置的接口可以链接到广告信息数据库，当广告信息数据库更新后，该按钮控件被触发，则可以提供接口链接获得最新的广告信息。其中，为了区别不同的广告位，每个按钮控件还配置有广告位编号，广告信息数据库可以广告按钮控件上传的广告位编号进行适配出对应的广告信息即可区别出不同的广告位。其广告信息以链接响应结果的方式出现，因此这样设计出的按钮控件无需二次配置广告信息。

在设置了公共按钮控件后，为了增强广告主在选择广告位的地理直观性，本发明也采用了一个底版，在底版上叠加该按钮控件，但是与背景技术相比，不同的是：本发明采用的是建筑平面图作为底版，而不是自定义的地图作为底版。由于本发明采用的是建筑平面图，例如在地铁站场景下，其地铁站的建筑平面图中，一般标注有广告位区，一把是一个矩形框的色彩区。若我们需要配置对应的按钮控件，需要单次根据该建筑平面图中的广告位区的大小创建一个按钮控件界面，并手动的将按钮控件界面拖拽到该广告位区，然后叠加锁定。这种方式会需要手工配置界面大小，拖拽界面。非常耗费制造人员的制造时间。为了解决该问题，实现快速生成方法，达到提高生产效率的目的，本发明基于图片像素点信息基础，实现快速自动化创建按钮控件。

需要特殊说明的是：在本发明中，广告位区在建筑平面图中表示的是一个特殊的色彩区域，比如一个矩形的红色区域，对于该矩形的红色区域，在像素点级别下，该区域包含若干个像素点，每个像素点都有1个在该建筑平面图坐标系下的坐标，以及其RGB值。为了创建按钮控件界面，本发明采用框选工具对红色区域范围进行框选，其可以获得1个选框的2个对角点的坐标，这个坐标值是与红色区域的对角点在该建筑平面图坐标系下对应的，由于框选动作可以是人工执行也可以是颜色识别执行，但无论是人工执行还是颜色区域识别执行均会出现些许误差，该误差并不影响最终的显示效果。最终的按钮控件的界面几乎覆盖矩形的红色区域，同时，自动识别出选框的对角点的坐标后，计算选框的长宽、从而机构选框的长宽创建控件的界面，因此对于公共按钮而言，自动配置了长宽、位置信息，这样就可以直接在建筑平面图的广告位区上自动的创建了一个覆盖该区域的按钮控件界面，即本发明借助选框技术，标定出按钮控件所需的大小数据和位置数据，从而自动在平面图中创建出控件，无需或只需人工进行一次框选动作即可，本发明无需人工填入大小数据和坐标数据、无需拖拽按钮控件。在本发明中，一个组件可以自动直接生成或人工框选每个广告位区后生成。

按钮控件具有与平面图中目标区域（广告位区）等大小的特点和随平面图放大缩小的特性，控件封装有与其他系统关联的接口，可以获得其他系统更新后的相关属性状态，按钮控件的操作具体可以为：点击-窗口显示，窗口显示的内容有：数据类别、各个数据类别下的数据值，这些各个数据类别下的数据值来自于其他数据库-对接响应的结果。

附图说明

图1为本发明的流程示意图。

图2为某地铁站点的建筑平面图。

图3为图2中A区放大的示意图。

图4为在某广告位区上进行框选操作生成选框的示意图。

图5为在某广告位区上生成按钮控件的示意图 。

图6为建筑平面图与按钮控件界面的关系图。

图7为按钮控件的链接接口与外部的广告信息数据库交互的示意图。

图中的附图标记分别为：

1、地铁站建筑平面图，2、选框，3、按钮控件，11、灯箱广告位区，12、楼梯区，13、通道区，14、立柱区，15、闸机区，16、隔离栏区。

具体实施方式

下面结合实施例及附图，对本发明作进一步的详细说明，但本发明的实施方式不限于此。

实施例1

参见附图1-图7，框选定位生成广告位信息展示组件方法，包括以下步骤：

S1. 导入并显示平面图；

S2. 采用框选工具沿平面图中的任意一个广告位区的占位范围的边缘进行框选操作，生成一个选框；

S3.从框选工具中获得选框的坐标信息和选框的长宽信息；

S4.创建一个按钮控件，按选框的长宽信息等大小的配置按钮控件的界面长宽，按选框的坐标信息相同的配置所述按钮控件的位置信息；

S5.将按钮控件按照按钮控件的位置信息叠加锁定在平面图中，形成按钮控件的界面覆盖广告位区的广告位展示组件。

进一步的，

S3具体为：

从框选工具中获得选框的2个对角点对应于在平面图中的2个像素点的坐标值，记为对角点D1（x1，y1）、对角点D2（x2，y2），对角点D1（x1，y1）、对角点D2（x2，y2）即为选框的坐标信息；其中，x1、x2为像素点的列数、y1、y2为像素点的行数；

根据2个对角点的坐标值计算选框的长和宽，记为a= |x2- x1|，b=|y2-y1|，a、b即为选框的长宽信息；

S4具体为：

按选框的长宽信息等大小的配置按钮控件的界面长宽，即，配置界面长为a’= a，配置界面宽b’=b；

按选框的坐标信息相同的配置所述按钮控件的位置信息，即给按钮控件的界面的2个对角点的坐标值赋值，按钮控件的2个对角点的坐标值与选框的2个对角点的坐标值相同，按钮控件的界面的2个对角点分别为对角点D1’（x1’= x1，y1’=y1）、对角点D2’（x2’=x2，y2’= y2）。

为了方便理解，本实施例将上述平面图限定为地铁站建筑平面图1，地铁站建筑平面图1是一种JPG格式的图片，设其大小为1200像素*600像素。参见其附图，地铁站建筑平面图1中标示有：灯箱广告位区11、楼梯区12、通道区13、立柱区14、闸机区15、隔离栏区16，这些区都是以图形方式在图片中表示。

按照本发明的技术方案，在导入和显示上述地铁站建筑平面图1后，需要获得公共按钮控件界面所需的大小信息和位置信息，以便在地铁站建筑平面图1中的灯箱广告位区11上创建等大小、相同位置的按钮控件3。本发明采用框选工具作为媒介，实现数据读取并写入到按钮控件中。如图3、图4所示，采用框选工具，沿灯箱广告位区11的边缘区域进行框选操作，生成一个选框2，该选框的四边沿灯箱广告位区11的外轮廓设置。此时，该选框与灯箱广告位区11视为等大小的状态。此时自动读取选框的参数，可以获得其2个对角点的坐标，对角点D1（320，580）、对角点D2（340，590），因此，选框的a、b参数分别是：20、10，如图5所述，本发明调用公共按钮控件，配置公共按钮控件的界面参数分别是：对角点D1’（320，580）、对角点D2’（340，590），界面长为a’20、 b’=10。因此，由于界面参数与地铁站建筑平面图1的坐标系一致，因此可以直接将界面锚点在地铁站建筑平面图1的坐标系中，如图6所示，可以得到按钮控件3与地铁站建筑平面图1叠加的效果图。将地铁站建筑平面图1与该按钮控件组装为一个组件。

该按钮控件作为交互响应控件，被触发后，可以响应对应的事件，例如显示该按钮控件位置对应的灯箱广告位区11的广告信息。

进一步的，

还包括S0，

S0.配置按钮控件的广告位编号、配置按钮控件的数据请求链接接口、配置按钮控件的触发事件，触发事件为：触发按钮控件后，通过数据请求链接接口链接到目标数据库，并向目标数据库发送广告位编号及其数据请求，接收响应于广告位编号的广告位信息数据，在广告位展示组件中创建显示区并显示广告位信息数据。

进一步的，

所述S0于S4时执行或所述S0于S5之后执行。

进一步的，

所述数据请求链接接口包括与广告位历史订单信息数据库链接的第一链接接口、与广告位上下刊信息数据库链接的第二链接接口、与广告位监播信息数据库链接的第三链接接口、与广告位样画信息数据库链接的第四链接接口中的至少一种；

所述数据请求包括广告位历史订单信息请求、广告位上下刊信息请求、广告位监播信息请求、广告位样画信息中的至少1种。

进一步的，

所述平面图包括标注有至少1个广告位区，广告位区为平面图中的图形元素区。

进一步的，

平面图为建筑平面图，1个广告位区表示1个灯箱广告面板建筑物或/和1个电视广告面板建筑物在建筑平面图中的平面占位区。

实施例2

如图1-图7所示，一种包含广告位展示组件的系统，

如图6所示，所述组件包括：

作为底版的平面图（例如地铁站建筑平面图1）；

作为触发广告位信息的按钮控件（例如灯箱广告位区11），灯箱广告位区11在建筑物实物中，表示地铁站走廊两侧的广告灯箱；

如图5所示，

1个按钮控件的界面的大小被配置为与平面图中一个广告位区的在平面图中的占位范围相同；

1个按钮控件的界面的坐标信息被配置为与平面图中一个广告位区在平面图中的位置信息相同；

灯箱广告位区11原本为红色，为方便区分，还可以配置按钮控件的界面的颜色属性为绿色。

按钮控件的界面叠加平面图上。

进一步的，

按钮控件配置有广告位编号、按钮控件配置有数据请求链接接口、按钮控件配置有触发事件，触发事件为：触发按钮控件后，通过数据请求链接接口链接到目标数据库，并向目标数据库发送广告位编号及其数据请求，接收响应于广告位编号的广告位信息数据，在广告位展示组件中创建显示区并显示广告位信息数据；

进一步的，

参见附图7，所述数据请求链接接口包括与广告位历史订单信息数据库链接的第一链接接口、与广告位上下刊信息数据库链接的第二链接接口、与广告位监播信息数据库链接的第三链接接口、与广告位样画信息数据库链接的第四链接接口中的至少一种；

所述数据请求包括广告位历史订单信息请求、广告位上下刊信息请求、广告位监播信息请求、广告位样画信息中的至少1种。

在本发明中，所述事件可以为一级也可以为多级，例如，一级事件为：触发按钮控件后，通过数据请求链接接口链接到目标数据库，并向目标数据库发送广告位编号及其数据请求，接收响应于广告位编号的广告位信息数据，在广告位展示组件中创建显示区并显示广告位信息数据；二级事件为：进一步触发广告位历史订单信息、广告位上下刊信息、广告位监播信息、广告位样画信息的详细内容的显示。甚至还可以配置三级事件为：修改，即通过该界面作为接口对其它数据库的对应信息进行修改。为数据库数据修改提供新的修改通道，例如可以修改上传更新广告位样画信息或对过期的广告位样画信息进行修改删除。

可以理解的是，以上实施方式仅仅是为了说明本发明/发明的原理而采用的示例性实施方式，然而本发明/发明并不局限于此。对于本领域内的普通技术人员而言，在不脱离本发明/发明的精神和实质的情况下，可以做出各种变型和改进，这些变型和改进也视为本发明/发明的保护范围。

Claims (6)

1.框选定位生成广告位信息展示组件方法，其特征在于，包括以下步骤：

S1. 导入并显示平面图，平面图为建筑平面图，1个广告位区表示1个灯箱广告面板建筑物或/和1个电视广告面板建筑物在建筑平面图中的平面占位区；

S2. 采用框选工具沿平面图中的任意一个广告位区的占位范围的边缘进行框选操作，生成一个选框；

S3.从框选工具中获得选框的坐标信息和选框的长宽信息；

S4.创建一个按钮控件，按选框的长宽信息等大小的配置按钮控件的界面长宽，按选框的坐标信息相同的配置所述按钮控件的位置信息；

S5.将按钮控件按照按钮控件的位置信息叠加锁定在平面图中，形成按钮控件的界面覆盖广告位区的广告位展示组件；

还包括S0，

S0.配置按钮控件的广告位编号、配置按钮控件的数据请求链接接口、配置按钮控件的触发事件，触发事件为：触发按钮控件后，通过数据请求链接接口链接到目标数据库，并向目标数据库发送广告位编号及其数据请求，接收响应于广告位编号的广告位信息数据，在广告位展示组件中创建显示区并显示广告位信息数据；

所述S0于S4时执行或所述S0于S5之后执行。

2.根据权利要求1所述的框选定位生成广告位信息展示组件方法，其特征在于，

S3具体为：

从框选工具中获得选框的2个对角点对应于在平面图中的2个像素点的坐标值，记为对角点D1（x1，y1）、对角点D2（x2，y2），对角点D1（x1，y1）、对角点D2（x2，y2）即为选框的坐标信息；其中，x1、x2为像素点的列数、y1、y2为像素点的行数；

根据2个对角点的坐标值计算选框的长和宽，记为a= |x2- x1|，b=|y2-y1|，a、b即为选框的长宽信息；

S4具体为：

按选框的长宽信息等大小的配置按钮控件的界面长宽，即，配置界面长为a’= a，配置界面宽b’=b；

按选框的坐标信息相同的配置所述按钮控件的位置信息，即给按钮控件的界面的2个对角点的坐标值赋值，按钮控件的2个对角点的坐标值与选框的2个对角点的坐标值相同，按钮控件的界面的2个对角点分别为对角点D1’（x1’= x1，y1’=y1）、对角点D2’（x2’= x2，y2’= y2）。

3.根据权利要求1所述的框选定位生成广告位信息展示组件方法，其特征在于，

所述数据请求链接接口包括与广告位历史订单信息数据库链接的第一链接接口、与广告位上下刊信息数据库链接的第二链接接口、与广告位监播信息数据库链接的第三链接接口、与广告位样画信息数据库链接的第四链接接口中的至少一种；

所述数据请求包括广告位历史订单信息请求、广告位上下刊信息请求、广告位监播信息请求、广告位样画信息中的至少1种。

4.根据权利要求1所述的框选定位生成广告位信息展示组件方法，其特征在于，

所述平面图包括标注有至少1个广告位区，广告位区为平面图中的图形元素区。

5.包含广告位展示组件的系统，其特征在于，所述组件包括：

作为底版的平面图，平面图为建筑平面图，1个广告位区表示1个灯箱广告面板建筑物或/和1个电视广告面板建筑物在建筑平面图中的平面占位区；

作为触发广告位信息的按钮控件；

1个按钮控件的界面的大小被配置为与平面图中一个广告位区的在平面图中的占位范围相同；

1个按钮控件的界面的坐标信息被配置为与平面图中一个广告位区在平面图中的位置信息相同；

按钮控件的界面叠加平面图上；

按钮控件配置有广告位编号、按钮控件配置有数据请求链接接口、按钮控件配置有触发事件，触发事件为：触发按钮控件后，通过数据请求链接接口链接到目标数据库，并向目标数据库发送广告位编号及其数据请求，接收响应于广告位编号的广告位信息数据，在广告位展示组件中创建显示区并显示广告位信息数据。

6.根据权利要求5所述的包含广告位展示组件的系统，其特征在于，

所述数据请求链接接口包括与广告位历史订单信息数据库链接的第一链接接口、与广告位上下刊信息数据库链接的第二链接接口、与广告位监播信息数据库链接的第三链接接口、与广告位样画信息数据库链接的第四链接接口中的至少一种；

所述数据请求包括广告位历史订单信息请求、广告位上下刊信息请求、广告位监播信息请求、广告位样画信息中的至少1种。

Images