CN110908766A - 一种大屏定制化动态配置展示内容的方法 - Google Patents
一种大屏定制化动态配置展示内容的方法 Download PDFInfo
- Publication number
- CN110908766A CN110908766A CN201911227039.6A CN201911227039A CN110908766A CN 110908766 A CN110908766 A CN 110908766A CN 201911227039 A CN201911227039 A CN 201911227039A CN 110908766 A CN110908766 A CN 110908766A
- Authority
- CN
- China
- Prior art keywords
- screen
- content
- large screen
- user
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种大屏定制化动态配置展示内容的方法,包括以下步骤:S1用于自定义大屏的定义步骤;S2用于将控件信息进行筛选的筛选内容步骤;S3用于对大屏进行布局的设计布局步骤;S4用于实现***操作的编辑区域位置步骤;S5用于优先显示用户喜好内容的内容预览步骤。本发明的有益效果是:用户可以根据实际需要展示产品的分辨率大小以及需要展示产品的数量来创建定制化分辨率的大屏,并在可视区域内通过添加自定义大小的容器和图层来对大屏进行区域划分,通过拖拽方式将需要展示的产品从组件列表拖拽到指定的容器或图层中,且每个容器和图层中的展示内容是完全独立。
Description
技术领域
本发明属于屏幕定制技术领域,尤其是一种大屏定制化动态配置展示内容的方法。
背景技术
目前,大屏端展示内容的定制化配置,通常具有业务范畴的限制,同时一整块大屏展示内容高耦合不易分离,大屏区域化展示的内容不能够相互独立。
发明内容
有鉴于此,本发明旨在提出一种大屏定制化动态配置展示内容的方法,用户可以根据实际需要展示产品的分辨率大小以及需要展示产品的数量来创建定制化分辨率的大屏,并在可视区域内通过添加自定义大小的容器和图层来对大屏进行区域划分,通过拖拽方式将需要展示的产品从组件列表拖拽到指定的容器或图层中,且每个容器和图层中的展示内容是完全独立。
为达到上述目的,本发明的技术方案是这样实现的:一种大屏定制化动态配置展示内容的方法,包括以下步骤:
S1用于自定义大屏的定义步骤;
S2用于将控件信息进行筛选的筛选内容步骤;
S3用于对大屏进行布局的设计布局步骤;
S4用于实现***操作的编辑区域位置步骤;
S5用于优先显示用户喜好内容的内容预览步骤。
进一步的,所述步骤S2包括:
根据使用方的大屏设备的硬件条件,根据使用频率分析使用用户的行为偏好和业务主次;
根据大屏设备的总分辨率、划分模块数量、用户行为喜好内容块分辨率,对信息进行过滤和匹配;
快速筛选出用户心中满意度高的大屏内容,并自动进行排序显示。
进一步的,所述步骤S3包括:
设计布局模块,根据业务需求和过滤出需要展示的控件的规格要求,动态地去设计软件大屏,完成大屏数字级的科学规划;
容器模式模块,使用容器模式来划分软件大屏区域,各区域间有明显的界线,且每个区域之间不可叠加;
一键式填充模块,进行简单拖拽,快速***填充完大屏内容;
图层模式模块,图层模式布局大屏,可以实现大屏内容叠加,混合组装自定义展示信息;
鼠标式区域裁剪模块,通过拖拽鼠标,自有灵活地修改各区域的大小。
进一步的,所述设计布局模块包括:
运用JS技术动态抓取大屏硬件配置属性,匹配控件内容录入时的分辨率;
自动分析筛选出来匹配度高的大屏内容规格;
全面考虑到使用方的业务需求,根据动态规划的算法完成大屏的整体规划;
所述控件是指用于填充大屏划分区域内容,为了方便填充大屏中的内容,将过滤之后的内容以列表的方式展示在***中。
进一步的,所述容器模式模块采用化整为多的设计理念以及分治算法的思想,并根据距离的异常检测算法实现大屏区域的无叠加而又紧凑排列效果;
所述化整为多的设计思维即是将整块大屏按照业务需求划分成多个独立的模块,使每个模块的排版达到最佳排列,并给每个模块填充最合适的内容,以达到整体最优的效果。
进一步的,所述一键式填充模块中简单拖拽的操作是在自动筛选出来的控件列表中通过手动自主选择控件进行拖拽。
进一步的,所述图层模式模块采用化整为多的设计理念,并使用贪心策略将每个区域内容进行叠加以达到最优的大屏显示效果。
进一步的,所述鼠标式区域裁剪模块为通过鼠标拖拽的方式快速地对布局的区域进行调整,并使用距离异常检测算法以及贪心测试实时检测调整的容器或者图层区域是否能生效。
进一步的,所述步骤S4包括:拖动区域;定位区域位置;任意拖拽。
进一步的,所述步骤S5包括:
实时记录用户对大屏的操作记录;
根据用户操作频率,快速分析挖掘出用户的行为偏好;
科学地优先展示用户最感兴趣的、使用频率最高的大屏预览内容;
所述大屏预览内容可以任意排列组合,且没有数量限制。
相对于现有技术,本发明所述的一种大屏定制化动态配置展示内容的方法具有以下优势:
(1)可以设置自定义分辨率的内容区域,缩放其分辨率时,实时显示当前显示内容区域的分辨率信息;
(2)单个内容区域可以在大屏任意位置摆放,拖动过程中无需手动拖动滚动条,大屏滚动条随着当前内容区域的移动而自动滚动;
(3)各内容区域的分辨率自动匹配大屏标尺的网格大小,运用匹配算法,超过网格/2,匹配整格,小于网格/2,匹配前一个网格;
(4)大屏预览内容可以任意排列组合,其每个内容可以完全独立无耦合,互相无影响依赖。
附图说明
构成本发明的一部分的附图用来提供对本发明的进一步理解,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1为本发明实施例所述的一种大屏定制化动态配置展示内容的方法的流程图;
图2为本发明实施例所述的设计布局步骤的逻辑结构图。
具体实施方式
需要说明的是,在不冲突的情况下,本发明中的实施例及实施例中的特征可以相互组合。
在本发明的描述中,需要理解的是,术语“中心”、“纵向”、“横向”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。此外,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”等的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明的描述中,除非另有说明,“多个”的含义是两个或两个以上。
在本发明的描述中,需要说明的是,除非另有明确的规定和限定,术语“安装”、“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连,可以是两个元件内部的连通。对于本领域的普通技术人员而言,可以通过具体情况理解上述术语在本发明中的具体含义。
下面将参考附图并结合实施例来详细说明本发明。
如图1和图2所示,本发明为一种大屏定制化动态配置展示内容的方法,包括以下步骤:
S1用于自定义大屏的定义步骤,所述方法能够匹配任何硬件配置和分辨率的大屏;
S2用于将控件信息进行筛选的筛选内容步骤;
S3用于对大屏进行布局的设计布局步骤;
S4用于实现***操作的编辑区域位置步骤;
S5用于优先显示用户喜好内容的内容预览步骤。
所述步骤S2包括:
根据使用方的大屏设备的硬件条件,根据使用频率分析使用用户的行为偏好和业务主次,根据大屏设备的总分辨率、划分模块数量、用户行为喜好内容块分辨率,来动态高效地对信息进行过滤和匹配;
快速筛选出用户心中满意度高的大屏内容,并自动进行排序显示。
所述步骤S3包括:
设计布局模块,根据业务需求和过滤出需要展示的控件的规格要求,动态地去设计软件大屏,完成大屏数字级的科学规划;
容器模式模块,使用容器模式来划分软件大屏区域,各区域间有明显的界线,且每个区域之间不可叠加,使布局更为紧凑清晰;
一键式填充模块,进行简单拖拽,快速***填充完大屏内容;
图层模式模块,图层模式布局大屏,可以实现大屏内容叠加,混合组装自定义展示信息;
鼠标式区域裁剪模块,通过拖拽鼠标,自有灵活地修改各区域的大小,做到随时修改,即时生效的便捷式操作。
所述设计布局模块包括:
运用JS技术动态抓取大屏硬件配置属性,匹配控件内容录入时的分辨率;
自动分析筛选出来匹配度高的大屏内容规格;
全面考虑到使用方的业务需求,根据动态规划的算法灵活高效地完成大屏的整体规划;所述动态规划的方案为:可根据用户的业务需求,以及行为喜好,待用户录入相关需求以后,设计两款默认的大屏布局模式。用户也可以不用之前的布局模式,此时可以即时设计自定义的布局;
所述控件是指用于填充大屏划分区域内容,为了方便填充大屏中的内容,将过滤之后的内容以列表的方式展示在***中。
所述容器模式模块是一种划分大屏的方式,采用化整为多的设计理念以及分治算法的思想,并根据距离的异常检测算法实现大屏区域的无叠加而又紧凑排列效果;
所述化整为多的设计思维即是将整块大屏按照业务需求划分成多个独立的模块,使每个模块的排版达到最佳排列,并给每个模块填充最合适的内容,以达到整体最优的效果;
分治算法运用:分治算法的基本思想是将一个规模为N的问题分解为K个规模较小的子问题,这些子问题相互独立且与原问题性质相同。分治算法在大屏定制中的运用即为:大屏定制将一整块大屏的内容渲染分解成各个模块的内容填充渲染,并且每个模块内容是相互独立的;
距离的异常检测算法:这个算法的运用主要是在容器模式上运用,每个容器之间不能有重合部分,是以每个容器的中心点为基准点,以对角线长度为检测范围,检测该容器覆盖范围内是否有其他容器的存在,如果在操作过程中检测到重叠,操作取消。
所述一键式填充模块中简单拖拽的操作是在自动筛选出来的控件列表中通过手动自主选择控件进行拖拽。摆脱了传统的较为繁琐的页面组装工作,仅仅是通过鼠标简单拖拽控件的操作就可以完成大屏区域化内容的填充和编辑,完全实现了***渲染页面,大大规避了传统的代码改变页面选择方式的弊端和所带来的复杂工作。
所述图层模式模块是一种划分大屏的方式,采用化整为多的设计理念,并使用贪心策略将每个区域内容进行叠加以达到最优的大屏显示效果。
所述鼠标式区域裁剪模块为通过鼠标拖拽的方式快速地对布局的区域进行调整,并使用距离异常检测算法以及贪心测试实时检测调整的容器或者图层区域是否能生效;检测方法为:在鼠标裁剪和调整容器或者图层时,实时获取容器或者图层的分辨率大小,如果是容器时,实时利用“距离的异常检测算法”检测裁剪区域内是否存在容器,若存在,则调整大小操作不能生效。
所述步骤S4包括:拖动区域;定位区域位置;任意拖拽;针对区域位置的修改,非常便捷灵活,随拖随放,立即生效,能够做到快速地调整大屏布局和内容规划。
所述步骤S5包括:
实时记录用户对大屏的操作记录;
根据用户操作频率,由于控件使用较多,因此某页签下大屏预览操作较多即可视为用户的偏好行为,快速分析挖掘出用户的行为偏好;
科学地优先展示用户最感兴趣的、使用频率最高的大屏预览内容;
所述大屏预览内容可以任意排列组合,且没有数量限制。
本发明运用最前沿的技术架构实现了大屏端展示内容的定制化配置,跳脱出业务范畴的限制,并且打破了一整块大屏展示内容高耦合不易分离的壁垒,实现了大屏区域化展示内容的高度独立。“配置灵活高效,操作简捷顺畅,模块独立解耦,内容任意组合,位置随意摆放”五大特点更是保证了用户能够一键定制化地完成一套完整大屏展示内容的打造。本发明运用于某个特定的行业里时,可以根据行业内的运作流程配置相关的内容模块,使用这种扁平化的模块分布可以将原本流程化中层次依赖的逻辑更直观的展示给用户。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种大屏定制化动态配置展示内容的方法,其特征在于,包括以下步骤:
S1用于自定义大屏的定义步骤;
S2用于将控件信息进行筛选的筛选内容步骤;
S3用于对大屏进行布局的设计布局步骤;
S4用于实现***操作的编辑区域位置步骤;
S5用于优先显示用户喜好内容的内容预览步骤。
2.根据权利要求1所述的一种大屏定制化动态配置展示内容的方法,其特征在于,所述步骤S2包括:
根据使用方的大屏设备的硬件条件,根据使用频率分析使用用户的行为偏好和业务主次;
根据大屏设备的总分辨率、划分模块数量、用户行为喜好内容块分辨率,对信息进行过滤和匹配;
快速筛选出用户心中满意度高的大屏内容,并自动进行排序显示。
3.根据权利要求1所述的一种大屏定制化动态配置展示内容的方法,其特征在于,所述步骤S3包括:
设计布局模块,根据业务需求和过滤出需要展示的控件的规格要求,动态地去设计软件大屏,完成大屏数字级的科学规划;
容器模式模块,使用容器模式来划分软件大屏区域,各区域间有明显的界线,且每个区域之间不可叠加;
一键式填充模块,进行简单拖拽,快速***填充完大屏内容;
图层模式模块,图层模式布局大屏,可以实现大屏内容叠加,混合组装自定义展示信息;
鼠标式区域裁剪模块,通过拖拽鼠标,自有灵活地修改各区域的大小。
4.根据权利要求3所述的一种大屏定制化动态配置展示内容的方法,其特征在于,所述设计布局模块包括:
运用JS技术动态抓取大屏硬件配置属性,匹配控件内容录入时的分辨率;
自动分析筛选出来匹配度高的大屏内容规格;
全面考虑到使用方的业务需求,根据动态规划的算法完成大屏的整体规划;
所述控件是指用于填充大屏划分区域内容,为了方便填充大屏中的内容,将过滤之后的内容以列表的方式展示在***中。
5.根据权利要求3所述的一种大屏定制化动态配置展示内容的方法,其特征在于:所述容器模式模块采用化整为多的设计理念以及分治算法的思想,并根据距离的异常检测算法实现大屏区域的无叠加而又紧凑排列效果;
所述化整为多的设计思维即是将整块大屏按照业务需求划分成多个独立的模块,使每个模块的排版达到最佳排列,并给每个模块填充最合适的内容,以达到整体最优的效果。
6.根据权利要求3所述的一种大屏定制化动态配置展示内容的方法,其特征在于:所述一键式填充模块中简单拖拽的操作是在自动筛选出来的控件列表中通过手动自主选择控件进行拖拽。
7.根据权利要求3所述的一种大屏定制化动态配置展示内容的方法,其特征在于:所述图层模式模块采用化整为多的设计理念,并使用贪心策略将每个区域内容进行叠加以达到最优的大屏显示效果。
8.根据权利要求3所述的一种大屏定制化动态配置展示内容的方法,其特征在于:所述鼠标式区域裁剪模块为通过鼠标拖拽的方式快速地对布局的区域进行调整,并使用距离异常检测算法以及贪心测试实时检测调整的容器或者图层区域是否能生效。
9.根据权利要求1所述的一种大屏定制化动态配置展示内容的方法,其特征在于,所述步骤S4包括:拖动区域;定位区域位置;任意拖拽。
10.根据权利要求1所述的一种大屏定制化动态配置展示内容的方法,其特征在于,所述步骤S5包括:
实时记录用户对大屏的操作记录;
根据用户操作频率,快速分析挖掘出用户的行为偏好;
科学地优先展示用户最感兴趣的、使用频率最高的大屏预览内容;
所述大屏预览内容可以任意排列组合,且没有数量限制。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911227039.6A CN110908766A (zh) | 2019-12-04 | 2019-12-04 | 一种大屏定制化动态配置展示内容的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911227039.6A CN110908766A (zh) | 2019-12-04 | 2019-12-04 | 一种大屏定制化动态配置展示内容的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110908766A true CN110908766A (zh) | 2020-03-24 |
Family
ID=69822155
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911227039.6A Pending CN110908766A (zh) | 2019-12-04 | 2019-12-04 | 一种大屏定制化动态配置展示内容的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110908766A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111290809A (zh) * | 2020-01-17 | 2020-06-16 | 西安奥卡云数据科技有限公司 | 一种数据大屏的动态编辑方法 |
CN111372010A (zh) * | 2020-04-01 | 2020-07-03 | 宁波数能科技有限公司 | 一种基于电子显示大屏的任意分切***以及方法 |
CN112015509A (zh) * | 2020-08-31 | 2020-12-01 | 中移(杭州)信息技术有限公司 | 数据可视化大屏的构建方法、电子设备及存储介质 |
CN115914713A (zh) * | 2022-11-01 | 2023-04-04 | 西安羚控电子科技有限公司 | 一种大屏实时显示控制方法及显示控制*** |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103064627A (zh) * | 2013-01-11 | 2013-04-24 | 广东欧珀移动通信有限公司 | 一种应用程序管理方法及装置 |
CN103744595A (zh) * | 2013-12-30 | 2014-04-23 | 广州华多网络科技有限公司 | 自适应显示方法、配置文件生成方法和装置 |
US20190295487A1 (en) * | 2018-03-20 | 2019-09-26 | Shenzhen China Star Optoelectronics Semiconductor Display Technology Co., Ltd. | Large-size liquid crystal display |
CN112015509A (zh) * | 2020-08-31 | 2020-12-01 | 中移(杭州)信息技术有限公司 | 数据可视化大屏的构建方法、电子设备及存储介质 |
-
2019
- 2019-12-04 CN CN201911227039.6A patent/CN110908766A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103064627A (zh) * | 2013-01-11 | 2013-04-24 | 广东欧珀移动通信有限公司 | 一种应用程序管理方法及装置 |
CN103744595A (zh) * | 2013-12-30 | 2014-04-23 | 广州华多网络科技有限公司 | 自适应显示方法、配置文件生成方法和装置 |
US20190295487A1 (en) * | 2018-03-20 | 2019-09-26 | Shenzhen China Star Optoelectronics Semiconductor Display Technology Co., Ltd. | Large-size liquid crystal display |
CN112015509A (zh) * | 2020-08-31 | 2020-12-01 | 中移(杭州)信息技术有限公司 | 数据可视化大屏的构建方法、电子设备及存储介质 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111290809A (zh) * | 2020-01-17 | 2020-06-16 | 西安奥卡云数据科技有限公司 | 一种数据大屏的动态编辑方法 |
CN111372010A (zh) * | 2020-04-01 | 2020-07-03 | 宁波数能科技有限公司 | 一种基于电子显示大屏的任意分切***以及方法 |
CN112015509A (zh) * | 2020-08-31 | 2020-12-01 | 中移(杭州)信息技术有限公司 | 数据可视化大屏的构建方法、电子设备及存储介质 |
CN115914713A (zh) * | 2022-11-01 | 2023-04-04 | 西安羚控电子科技有限公司 | 一种大屏实时显示控制方法及显示控制*** |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110908766A (zh) | 一种大屏定制化动态配置展示内容的方法 | |
CN103793241B (zh) | 通讯装置与方法来启动移动通讯装置的主画面的更新 | |
US8576231B2 (en) | Spectrum analyzer interface | |
US8006195B1 (en) | Spectrum analyzer interface | |
JP6372092B2 (ja) | 印刷システムのためのワークフローを生成するシステム、方法及びコンピュータ可読媒体 | |
US8984433B2 (en) | Graphical representation of tabular data | |
US20120017176A1 (en) | Method and apparatus for displaying a menu | |
KR20120000688A (ko) | 디스플레이 장치 및 그 ui 제공 방법 | |
CN104823194A (zh) | 采矿作业控制和审查 | |
CN106547560A (zh) | 基于安卓***的文本与其它组件混排方法及装置 | |
CN107102863B (zh) | 一种根据轮播图片自动确定轮播区域背景色的方法及*** | |
US20150365548A1 (en) | Display processor, display processing method and ordering apparatus | |
KR101251304B1 (ko) | 영상 제어 장치 | |
WO2012000124A2 (de) | Benutzerschnittstellensystem zum bedienen von maschinen | |
US20120331378A1 (en) | System and method for timeline visualization and interaction | |
CN104679391B (zh) | 智能手表的图标显示方法及装置 | |
US10728625B2 (en) | Graphical user interface for graphically displaying television viewership data | |
EP1602984A1 (en) | Image forming apparatus configured to display job information in a plurality of languages | |
CN104699383A (zh) | 绑定关系更新方法和装置 | |
WO2013019563A1 (en) | Method and system for visualization of semiconductor wafer inspection data | |
JP6068758B2 (ja) | プログラマブル表示器 | |
CN107066482A (zh) | 多源数据监测方法、装置及终端 | |
CN103492977B (zh) | 用于配置相机的位置序列的方法和*** | |
CN103246500B (zh) | 桌面图标展示方法和装置 | |
CN102236647B (zh) | 一种基于时间的属性配置显示方法和设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |