CN111209034B - Tv大屏可视化动态页面配置的方法 - Google Patents

Tv大屏可视化动态页面配置的方法 Download PDF

Info

Publication number
CN111209034B
CN111209034B CN202010031941.7A CN202010031941A CN111209034B CN 111209034 B CN111209034 B CN 111209034B CN 202010031941 A CN202010031941 A CN 202010031941A CN 111209034 B CN111209034 B CN 111209034B
Authority
CN
China
Prior art keywords
drawing board
client
basic
basic drawing
parameters
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.)
Active
Application number
CN202010031941.7A
Other languages
English (en)
Other versions
CN111209034A (zh
Inventor
代聪
陈逸骏
颜传亮
岳俊橙
李璞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Chengdu Androidmov Technology Co ltd
Original Assignee
Chengdu Androidmov Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Chengdu Androidmov Technology Co ltd filed Critical Chengdu Androidmov Technology Co ltd
Priority to CN202010031941.7A priority Critical patent/CN111209034B/zh
Publication of CN111209034A publication Critical patent/CN111209034A/zh
Application granted granted Critical
Publication of CN111209034B publication Critical patent/CN111209034B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Security & Cryptography (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明涉及页面配置技术领域，具体涉及TV大屏可视化动态页面配置的方法，包括建立基础画板，将基础画板与客户端实际画板进行适配转换；建立数据库，将基础画板与客户端实际画板的差异进行数字化记录；基础画板适配不同客户端实际画板，生成多个不同的客户端实际画板的变换参数；在基础画板内，构建直角坐标系，为每个元素大小与位置定义坐标参数与矢量参数；对元素与基础画板采用栅格化定位，实现各个元素可视化动态拖拽；当需要将基础画板内的元素，应用于各个不同客户端时，根据转化时客户端内的参数，进行多对应规则调整；本发明使用时能够解决新的客户端设计需要重新开发的问题，仅在平台通过可视化拖拽即可实现配置设计效果。

Description

TV大屏可视化动态页面配置的方法
技术领域
本发明涉及页面配置技术领域，具体涉及TV大屏可视化动态页面配置的方法。
背景技术
在网络环境中，信息以页面信息组织，信息页面由语言来实现，在各个信息页面之间建立超文本链接以便浏览。主页是基本信息页，用户通过主页可以访问有关信息。主页一般包括：文本、图像、表格、超链接等基本元素。大多数的网站会在网站首页显示所提供服务的页面链接，当使用者访问网站时，便可看到提供服务页面链接的网站首页。目前TV大屏的页面主要以C/S和B/S两种模式实现，两种模式目前均为设计完成后进行开发迭代升级。实现周期比较长，并且适配客户端时间也久；同时代码的迭代升级风险较高。需要对页面配置进行改变时，目前大部分做法为配置好客户端页面，替换实现的海报图片。存在需预配置多种尺寸图片，并且在不升级客户端代码的前提下，仅可以改变海报不可改变页面整体布局。这种页面配置方式存在诸多不便。
基于此，本发明设计了TV大屏可视化动态页面配置的方法，以解决上述问题。
发明内容
本发明的目的在于解决上述背景技术中提出的问题，提供了TV大屏可视化动态页面配置的方法。
为实现上述目的，本发明提供如下技术方案：
TV大屏可视化动态页面配置的方法，包括以下步骤：
步骤一：建立基础画板，将基础画板与客户端实际画板进行适配转换，转换成客户端匹配专属画板；
步骤二：建立数据库，将基础画板与客户端实际画板的差异进行数字化记录；
步骤三：基础画板适配不同客户端实际画板，生成多个不同的客户端实际画板的变换参数；
步骤四：在基础画板内，构建直角坐标系，为每个元素大小与位置定义坐标参数与矢量参数；
步骤五：对元素与基础画板采用栅格化定位，根据栅格规则正方形改变元素在基础画板内的位置与大小，实现各个元素可视化动态拖拽；
步骤六：当需要将基础画板内的元素，应用于各个不同客户端时，根据画板转化时客户端内的参数，进行多对应规则调整。
进一步地，所述客户端型号包括但不仅仅包括HWxxx-yy型、ZETxxx-yy型和CWxxx-yy型。
进一步地，所述步骤二中将基础画板与客户端实际画板的差异进行数字化记录，是用于为画板内元素动态变化提供依据。
进一步地，所述步骤三中变换参数用于基础画板适配已经记录的同型号客户端实际画板时能够快速适配转换。
进一步地，所述步骤六中多对应规则包括等比缩小、等比放大、渐隐区域扩大、渐隐区域减小、元素整体间距加大和元素整体间距减小。。
进一步地，所述步骤六中多对应规则调整的目的在于实现实际终端整体效果与在平台可视化编辑效果一致。
与现有技术相比，本发明的有益效果是：本发明通过基础画板一次客户端实际画板进行适配与测试，转换成客户端匹配的专属画板，后续任何客户端的更改，均在平台内配置更改基础画板内元素，则客户端立刻生效，解决了新的客户端设计需要重新开发的问题，仅在平台通过可视化拖拽即可实现配置设计效果。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明的方法流程图；
图2为本发明的基础画板适配转换示意图；
图3为本发明的基础画板适配转换后页面示例图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
请参阅图1-3，本实施例提供一种技术方案：
TV大屏可视化动态页面配置的方法，其特征在于：包括以下步骤：
步骤一：建立基础画板，将基础画板与客户端实际画板进行适配转换，转换成客户端匹配专属画板；
步骤二：建立数据库，将基础画板与客户端实际画板的差异进行数字化记录；
步骤三：基础画板适配不同客户端实际画板，生成多个不同的客户端实际画板的变换参数；
步骤四：在基础画板内，构建直角坐标系，为每个元素大小与位置定义坐标参数与矢量参数；
步骤五：对元素与基础画板采用栅格化定位，根据栅格规则正方形改变元素在基础画板内的位置与大小，实现各个元素可视化动态拖拽；
步骤六：当需要将基础画板内的元素，应用于各个不同客户端时，根据画板转化时客户端内的参数，进行多对应规则调整。
其中，客户端型号包括但不仅仅包括HWxxx-yy型、ZETxxx-yy型和CWxxx-yy型。步骤二中将基础画板与客户端实际画板的差异进行数字化记录，是用于为画板内元素动态变化提供依据。步骤三中变换参数用于基础画板适配已经记录的同型号客户端实际画板时能够快速适配转换。步骤六中多对应规则包括等比缩小、等比放大、渐隐区域扩大、渐隐区域减小、元素整体间距加大和元素整体间距减小。步骤六中多对应规则调整的目的在于实现实际终端整体效果与在平台可视化编辑效果一致。
本发明的一个具体应用为：将基础画板和实际的客户端实际画板进行适配，数据库中发现同型号转换的历史记录数据，根据历史记录数据产生的变换参数，进行快速适配，转换成客户端匹配专属画板，在基础画板内，构建直角坐标系，为每个元素大小与位置定义坐标参数与矢量参数，对元素与基础画板采用栅格化定位，当需要进行页面配置时，根据实际需要，通过栅格规则正方形改变元素在基础画板内的位置与大小，实现各个元素可视化动态拖拽，并将调整的过程结果显示在客户端上，显示结果如图3所示。当需要将基础画板内的元素应用到手机内时，根据手机内的参数，对基础画板进行等比缩小、等比放大、渐隐区域扩大、渐隐区域减小、元素整体间距加大和元素整体间距减小等操作，使手机客户端查看的整体效果和平台可视化编辑效果一致。
在本说明书的描述中，参考术语“一个实施例”、“示例”、“具体示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
以上公开的本发明优选实施例只是用于帮助阐述本发明。优选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本说明书的内容，可作很多的修改和变化。本说明书选取并具体描述这些实施例，是为了更好地解释本发明的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本发明。本发明仅受权利要求书及其全部范围和等效物的限制。

Claims (6)

1.TV大屏可视化动态页面配置的方法，其特征在于：包括以下步骤：
步骤一：建立基础画板，将基础画板与客户端实际画板进行适配转换，转换成客户端匹配专属画板；
步骤二：建立数据库，将基础画板与客户端实际画板的差异进行数字化记录；
步骤三：基础画板适配不同客户端实际画板，生成多个不同的客户端实际画板的变换参数；
步骤四：在基础画板内，构建直角坐标系，为每个元素大小与位置定义坐标参数与矢量参数；
步骤五：对元素与基础画板采用栅格化定位，根据栅格规则正方形改变元素在基础画板内的位置与大小，实现各个元素可视化动态拖拽；
步骤六：当需要将基础画板内的元素，应用于各个不同客户端时，根据画板转化时客户端内的参数，进行多对应规则调整。
2.根据权利要求1所述的TV大屏可视化动态页面配置的方法，其特征在于：所述客户端型号包括但不仅仅包括HWxxx-yy型、ZETxxx-yy型和CWxxx-yy型。
3.根据权利要求1所述的TV大屏可视化动态页面配置的方法，其特征在于：所述步骤二中将基础画板与客户端实际画板的差异进行数字化记录，是用于为画板内元素动态变化提供依据。
4.根据权利要求1所述的TV大屏可视化动态页面配置的方法，其特征在于：所述步骤三中变换参数用于基础画板适配已经记录的同型号客户端实际画板时能够快速适配转换。
5.根据权利要求1所述的TV大屏可视化动态页面配置的方法，其特征在于：所述步骤六中多对应规则包括等比缩小、等比放大、渐隐区域扩大、渐隐区域减小、元素整体间距加大和元素整体间距减小。
6.根据权利要求1所述的TV大屏可视化动态页面配置的方法，其特征在于：所述步骤六中多对应规则调整的目的在于实现实际终端整体效果与在平台可视化编辑效果一致。
CN202010031941.7A 2020-01-13 2020-01-13 Tv大屏可视化动态页面配置的方法 Active CN111209034B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010031941.7A CN111209034B (zh) 2020-01-13 2020-01-13 Tv大屏可视化动态页面配置的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010031941.7A CN111209034B (zh) 2020-01-13 2020-01-13 Tv大屏可视化动态页面配置的方法

Publications (2)

Publication Number Publication Date
CN111209034A CN111209034A (zh) 2020-05-29
CN111209034B true CN111209034B (zh) 2023-03-03

Family

ID=70785216

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010031941.7A Active CN111209034B (zh) 2020-01-13 2020-01-13 Tv大屏可视化动态页面配置的方法

Country Status (1)

Country Link
CN (1) CN111209034B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112000328B (zh) * 2020-09-04 2023-12-01 赞同科技股份有限公司 一种页面可视化编辑方法、装置及设备
CN112486396B (zh) * 2020-12-01 2023-03-28 佳都科技集团股份有限公司 一种用于多个大屏端的内容编辑方法及装置

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004134645A (ja) * 2002-10-11 2004-04-30 Seiko Epson Corp バンプ付き半導体素子の実装方法、バンプ付き半導体素子の実装構造、及び電気光学装置、並びに電子機器
CN1855012A (zh) * 2005-01-12 2006-11-01 跳蛙企业股份有限公司 用于写图形设备的用户接口
CN102016913A (zh) * 2008-04-21 2011-04-13 韩国科亚电子股份有限公司 硬件式矢量图形加速器
CN105138316A (zh) * 2015-07-23 2015-12-09 中山大学深圳研究院 一种基于超级画板的自动化点击方法和装置
CN105447101A (zh) * 2015-11-12 2016-03-30 北京锐安科技有限公司 一种地图引擎实现方法及装置
CN109522508A (zh) * 2018-11-27 2019-03-26 河南思维轨道交通技术研究院有限公司 网页编辑方法、编辑器构建方法、装置及电子设备
CN109840087A (zh) * 2018-12-29 2019-06-04 北京三快在线科技有限公司 界面设计系统及方法、计算机可读存储介质
CN110515613A (zh) * 2019-08-30 2019-11-29 苏州中弘软件技术有限公司 软件开发方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6840777B2 (en) * 2000-11-30 2005-01-11 Intel Corporation Solderless electronics packaging

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004134645A (ja) * 2002-10-11 2004-04-30 Seiko Epson Corp バンプ付き半導体素子の実装方法、バンプ付き半導体素子の実装構造、及び電気光学装置、並びに電子機器
CN1855012A (zh) * 2005-01-12 2006-11-01 跳蛙企业股份有限公司 用于写图形设备的用户接口
CN102016913A (zh) * 2008-04-21 2011-04-13 韩国科亚电子股份有限公司 硬件式矢量图形加速器
CN105138316A (zh) * 2015-07-23 2015-12-09 中山大学深圳研究院 一种基于超级画板的自动化点击方法和装置
CN105447101A (zh) * 2015-11-12 2016-03-30 北京锐安科技有限公司 一种地图引擎实现方法及装置
CN109522508A (zh) * 2018-11-27 2019-03-26 河南思维轨道交通技术研究院有限公司 网页编辑方法、编辑器构建方法、装置及电子设备
CN109840087A (zh) * 2018-12-29 2019-06-04 北京三快在线科技有限公司 界面设计系统及方法、计算机可读存储介质
CN110515613A (zh) * 2019-08-30 2019-11-29 苏州中弘软件技术有限公司 软件开发方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Wlas M 等.The Ethernet POWERLINK Protocol for smart grids elements integration.2011,2070-2075. *
李伙钦.网页电子画板的设计与实现.2011,(第04期),45-46. *

Also Published As

Publication number Publication date
CN111209034A (zh) 2020-05-29

Similar Documents

Publication Publication Date Title
US9329827B2 (en) Cropping of images for display on variably sized display devices
CN108920048B (zh) 大型图纸浏览方法、系统、服务器及计算机可读存储介质
CN111209034B (zh) Tv大屏可视化动态页面配置的方法
CN104380280A (zh) 动态转换网页的系统、方法以及计算机可读记录介质
JP2007521564A (ja) フリー・フォーム・レイアウトを有するアプリケーション・ユーザ・インターフェース・テンプレート
EP2874054B1 (en) Application text adjusting method, device, and terminal
CN111552530A (zh) 用户界面的终端屏幕适配方法、装置及设备
CN102779063A (zh) 提供应用调用的方法和服务器
CN107256259A (zh) 页面显示方法、装置、电子设备以及存储介质
CN113918147A (zh) 页面设计方法、装置和可读存储介质
CN103839479A (zh) 一种高效电子地图注记交互方法
CN117152399A (zh) 基于变电站的模型制作方法、装置、设备和存储介质
CN105045587A (zh) 一种图片展示方法及装置
CN104156251A (zh) 一种图片处理方法及其设备
CN108255450B (zh) 一种拼接墙word文档显示控制的方法和系统
CN112445394B (zh) 一种截图方法和装置
CN112565851A (zh) 一种通过手机端对电视主页进行个性化配置的方法及装置
CN112818277A (zh) 一种网页生成方法、装置、存储介质及电子设备
CN104793837A (zh) 图形生成方法及装置
CN109597541A (zh) 一种字符转化方法与系统
CN108447108A (zh) 码头设备监控画面解析系统及方法
CN114820988A (zh) 三维建模方法、装置、设备和存储介质
CN113312318A (zh) 文件显示方法、装置及计算机设备
CN110825390A (zh) 可视化大屏项目快速部署
CN113032696A (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
GR01 Patent grant
GR01 Patent grant