CN114995814B - 一种应用系统工程化智能视图布局的方法与装置 - Google Patents
一种应用系统工程化智能视图布局的方法与装置 Download PDFInfo
- Publication number
- CN114995814B CN114995814B CN202210639340.3A CN202210639340A CN114995814B CN 114995814 B CN114995814 B CN 114995814B CN 202210639340 A CN202210639340 A CN 202210639340A CN 114995814 B CN114995814 B CN 114995814B
- Authority
- CN
- China
- Prior art keywords
- container
- layout
- user
- frequency value
- intelligent
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及特定应用系统架构工程领域，具体为一种应用系统工程化智能视图布局的方法与装置，本方案通过自定义推荐算法采集用户界面的点击数据集，根据元素使用频度、同角色用户使用功能相似性频度；通过模板智能自动布局算法对选定模板内容器集合定位，提供互换位置，调用自定义推荐算法布局容器内元素的方式，解决了从开发到用户个性化智能界面呈现最后一公里的能力。可以对不同的用户呈现不同的视图，根据一个用户在不同时间的元素使用频度，呈现不同的界面效果，以及提供给用户根据喜好拖动互换容器块的方式。提高了系统的可用度和适应性的同时，也提高用户的满意度和粘合度。
Description
技术领域
本发明涉及特定应用系统架构工程领域，具体为一种应用系统工程化智能视图布局的方法与装置。
背景技术
随着科技的飞速发展，台式机、笔记本、手机、平板等智能设备已然成为人们生活中的必需品，从普通的台式机到现在的移动设备，人们对设备的自主性需求越来越多，而设备的系统界面也随之变得复杂多样起来，人们也逐渐加强了对其系统界面美观性的重视度。
现有的各种设备中，其应用系统界面的元素通常是由开发人员事先确定或者使用一些通用模板，但这类常规方法在编译完成后，无法动态智能地根据用户的使用频度来自动布局元素。为此也有少数技术提供了有限的用户布局模式，但需要用户自身去拖动，其实际使用效果较差，降低了用户的体验感。
发明内容
本发明的技术问题在于现有的应用系统界面的元素通常是由开发人员事先确定或者使用一些通用模板，但这类常规方法在编译完成后，无法动态智能地根据用户的使用频度来自动布局元素。
本发明提供的基础方案：一种应用系统工程化智能视图布局的方法，包括以下步骤：
S1：建立应用系统内的元素集合；
S2：建立元素组合界面的通用抽象模板集合，所述通用抽象模板中包括自动布局区域与自定义布局区域，所述通用抽象模板均设有容器集合；每个容器均设有容器参数以及元素集合，根据容器参数生成列表格，将S1中元素加入到表格中；
S3：通过自定义推荐算法，计算出元素的使用频度；
S4：智能自动布局算法根据容器参数对当前通用抽象模板内的容器进行定位，并提供容器互换位置能力，对各个容器内的元素集合调用S3自定义推荐算法进行智能自动布局；
S5：输出布局样式至前端呈现；
所述S3中的自定义推荐算法包括步骤：
S301：采集目标用户界面的点击数据集；
S302：从点击数据集里提取目标界面的所有可排基本元素，并将提取的可排基本元素根据目标用户进行分组；
S303：记录每个元素的频度值为X；
S304：选取与目标用户角色相同的同类用户，取出各个可排基本元素在同类用户中的最大频度值记录为Y；
S305：根据最大频度值Y更新步骤S303中每个元素的频度值X。
本发明的原理及优点在于：本方案通过自定义推荐算法采集用户界面的点击数据集，根据元素使用频度、同角色用户使用功能相似性频度；通过模板智能自动布局算法对选定模板内容器集合定位，提供互换位置，调用自定义推荐算法布局容器内元素的方式，解决了从开发到用户个性化智能界面呈现最后一公里的能力。可以对不同的用户呈现不同的视图，根据一个用户在不同时间的元素使用频度，呈现不同的界面效果，以及提供给用户根据喜好拖动互换容器块的方式。提高了系统的可用度和适应性的同时，也提高用户的满意度和粘合度。
进一步，所述步骤S1中的元素集合包括元素的标识名、元素类型、元素样式、元素验证模式以及元素的长、宽、高和跨度。
有益效果：对元素的多种特征进行采集，使得元素集合中的元素特征更为全面，对数据的采集更为详实。
进一步，所述步骤S305中的更新规则为：
更新步骤S303中频度值大于0的元素的频度值＝X+Y；
更新步骤S303中频度值等于0的元素的频度值＝Y。
有益效果：优先参考用户自身的点击习惯，保证了用户自身点击过的元素能够进行优先布局，使得布局更为符合用户自身的点击习惯。
进一步，所述容器参数包括编号、排序号、坐标、长与宽、允许自动布局、互换容器编号以及容器内表格行列数；所述步骤S4中的智能自动布局算法包括步骤：
S401：读取通用抽象模板内容器集合，根据容器的参数排序号对各个容器从小到大排序；
S402：循环每个容器，按容器参数坐标和长与宽布局容器，根据容器的参数互换容器编号生成容器可互换目标位置脚本；
S403：根据参数允许自动布局判定是否充许智能自动布局，依据容器参数表格行列数要求，生成表格T；
S404：读取容器内元素集合；
S405：调用S3自定义推荐算法,计算集合内每个元素的频度值；
S406：按每个元素频度值对元素集合从大到小排序；
S407：对跨列为单数的元素，降低其优先级，把频度按正数的相反数给倒序赋负数，正数越高，负数越大；
S408：循环每个元素，读取单个元素的属性，依次插入表格T的行与列中，并根据跨度合并单元格，完成智能自动布局。
有益效果：通过动态排序，将不规则的元素排在最后，使得整体布局更为美观。
一种应用系统工程化智能视图布局的装置，采用了上述任意种应用系统工程化智能视图布局的方法。
本发明的原理及优点在于：本方案通过自定义推荐算法采集用户界面的点击数据集，根据元素使用频度、同角色用户使用功能相似性频度；通过模板智能自动布局算法对选定模板内容器集合定位，提供互换位置，调用自定义推荐算法布局容器内元素的方式，解决了从开发到用户个性化智能界面呈现最后一公里的能力。可以对不同的用户呈现不同的视图，根据一个用户在不同时间的元素使用频度，呈现不同的界面效果，以及提供给用户根据喜好拖动互换容器块的方式。提高了系统的可用度和适应性的同时，也提高用户的满意度和粘合度。
附图说明
图1为本发明一种应用系统工程化智能视图布局的方法实施例一的流程图。
具体实施方式
下面通过具体实施方式进一步详细说明：
具体实施过程如下：
实施例一
实施例已基本如附图1所示，一种应用系统工程化智能视图布局的方法，包括步骤：
S1：建立应用系统内的元素集合；
S2：建立元素组合界面的通用抽象模板集合，所述通用抽象模板中包括自动布局区域与自定义布局区域，所述通用抽象模板均设有容器集合；每个容器均设有容器参数以及元素集合，根据容器参数生成列表格，将S1中元素加入到表格中；
S3：通过自定义推荐算法，计算出元素的使用频度；
S4：智能自动布局算法根据容器参数对当前通用抽象模板内的容器进行定位，并提供容器互换位置能力，对各个容器内的元素集合调用S3自定义推荐算法进行智能自动布局；
S5：输出布局样式至前端呈现。
根据元素的使用频度，通过自定义推荐算法和智能自动布局对界面元素进行自动布局，避免了用户手动布局界面元素的繁琐操作的同时，也使得界面与用户的使用习惯更为相符，便于用户操作。
具体的，所述步骤S1中的元素集合包括元素的标识名、元素类型、元素样式、元素验证模式以及元素的长、宽、高和跨度，所述跨度包括跨单元格列数和跨单元格行数，元素集合在本实施例中由开发人员建立。
所述步骤S2中的通用抽象模板由开发人员建立，每个通用抽象模板中都包括自动布局区域与自动布局区域，每个模板均设有容器集合，每个容器包含参数：编号(BH)，排序号(OrderNumbers)，坐标(XY)，长与宽(LengthAndWidth)，允许自动布局(AutoLayout)，互换容器编号(InterchangeContainerNumbers)，容器内表格行列数(TableRowAndCol)；每个容器均设有容器参数以及元素集合。本方案能够根据模板建立者设定的容器参数TableRandC生成行列表格，把S1定义的元素直接拖入到表格中，并自动存储每个元素初始所在行列。
建立元素集合以及通用抽象模板后，开发人员录入模板明细以及具体的业务实例，本实施例中以“用户基本信息查询”为例。所述模板明细中包括五个参数，分别为title、box1、box2、box3和button1,。其中title为界面标题，其字符长度最大为100；box1为自动布局区域的容器，应用时需先增加列表，元素置于列表内，支持2列、4列和6列的列表布局，支持元素类型为文本、下拉框、单元框和勾选框；而box2和box3为自定义布局区域中的容器；button1则是用于查询占位按钮。而本实施例中的业务实例则是包含用户的姓名、部门和年龄在内的员工基本信息。
在获取模板明细以及业务实例之后，进入到步骤S3中，通过自定义推荐算法计算出元素的使用频度，具体的，包括步骤：
S301：采集目标用户界面的点击数据集；
S302：从点击数据集里提取目标界面的所有可排基本元素，并将提取的可排基本元素根据目标用户进行分组；
S303：记录每个元素的频度值为X；
S304：选取与目标用户角色相同的同类用户，取出各个可排基本元素在同类用户中的最大频度值记录为Y；
S305：根据最大频度值Y更新步骤S303中每个元素的频度值X。
所述S305中的更新规则为更新步骤S303中频度值大于0的元素的频度值＝X+Y；更新步骤S303中频度值等于0的元素的频度值＝Y。本实施例中的数据来源于用户点击界面(模板实例)每个元素的频度(点击次数)，以及和用户同角色的其他用户的关联频度(同角色其他用户对元素的点击次数)，具体实施时根据用户的元素使用频度，以及同角色用户使用功能的相似性频度，通过自定义推荐算法来计算出元素的使用频度，使得布局更为符合用户自身的点击习惯，且更新规则中优先参考用户自身的点击习惯，也保证了用户自身点击过的元素能够进行优先布局。
所述步骤S4中提供了每个模板的智能自动布局的能力，其包括步骤：
S401：读取通用抽象模板内容器集合，根据容器的参数排序号对各个容器从小到大排序；
S402：循环每个容器，按容器参数坐标和长与宽布局容器，根据容器的参数互换容器编号生成容器可互换目标位置脚本；
S403：根据参数允许自动布局判定是否充许智能自动布局，依据容器参数表格行列数要求，生成表格T；
S404：读取容器内元素集合；
S405：调用S3自定义推荐算法,计算集合内每个元素的频度值；
S406：按每个元素频度值对元素集合从大到小排序；
S407：对跨列为单数的元素，降低其优先级，把频度按正数的相反数给倒序赋负数，正数越高，负数越大；
S408：循环每个元素，读取单个元素的属性，依次插入表格T的行与列中，并根据跨度合并单元格，完成智能自动布局。
在本实施例里中，读取通用抽象模板中的容器集合，本实施例中的模板包括三个容器，分别为box1、box2和box3，根据各个容器的序号对容器由小到大进行排序：box1、box2和box3。循环每个容器，按容器参数坐标和长与宽布局容器，根据容器的参数互换容器编号生成容器可互换目标位置脚本；本实施例中的box2和box3为自定义布局区域中的容器，根据其参数互换容器编号，然后各自生成可互换目标位置脚本。
本实施例中的容器box1处于自动布局区域，其布局定义模式为“允许智能自动布局”，依据其容器参数生成表格table，表格table包括4列；之后读取元素列表，根据自定义推荐算法中的元素频度值进行频度排序；对跨列为单数的元素，降低其优先级，把频度按正数的相反数给倒序赋负数，正数越高，负数越大；使不规则的元素排在最后，让整体布局更为美观；再循环每个元素，读取单个元素的属性，插入到表格的行与列中，并根据跨度合并单元格，进行智能自动布局。
在通过自定义推荐算法提供了每个元素排序的优先级后，再通过智能自动布局算法为模板提供了对应的自动可控的布局能力后，最终将所有元素和组件呈现给用户视图，供用户使用。本方案根据元素使用频度、同角色用户使用功能相似性频度，通过自定义推荐算法推荐，模板关联智能自动布局算法能力，解决了从开发到用户智能个性化最后一公里的能力。可以对不同的用户呈现不同的视图，根据一个用户在不同时间的元素使用频度，呈现不同的界面效果。尤其是在基于业务应用管理系统中，本方案具备广泛的可使用价值，在提高了系统的可用度和适应性的同时，也提高用户的满意度和粘合度。
实施例二
实施例二与实施例一的区别仅在于，实施例二为应用了上述实施例一的一种应用系统工程化智能视图布局的装置。
以上的仅是本发明的实施例，方案中公知的具体结构及特性等常识在此未作过多描述，所属领域普通技术人员知晓申请日或者优先权日之前发明所属技术领域所有的普通技术知识，能够获知该领域中所有的现有技术，并且具有应用该日期之前常规实验手段的能力，所属领域普通技术人员可以在本申请给出的启示下，结合自身能力完善并实施本方案，一些典型的公知结构或者公知方法不应当成为所属领域普通技术人员实施本申请的障碍。应当指出，对于本领域的技术人员来说，在不脱离本发明结构的前提下，还可以作出若干变形和改进，这些也应该视为本发明的保护范围，这些都不会影响本发明实施的效果和专利的实用性。本申请要求的保护范围应当以其权利要求的内容为准，说明书中的具体实施方式等记载可以用于解释权利要求的内容。
Claims (4)
1.一种应用系统工程化智能视图布局的方法，其特征在于，包括以下步骤：
S1：建立应用系统内的元素集合；
S2：建立元素组合界面的通用抽象模板集合，所述通用抽象模板中包括自动布局区域与自定义布局区域，所述通用抽象模板均设有容器集合；每个容器均设有容器参数以及元素集合，根据容器参数生成列表格，将S1中元素加入到表格中；
S3：通过自定义推荐算法，计算出元素的使用频度；
S4：智能自动布局算法根据容器参数对当前通用抽象模板内的容器进行定位，并提供容器互换位置能力，对各个容器内的元素集合调用S3自定义推荐算法进行智能自动布局；
S5：输出布局样式至前端呈现；
所述S3中的自定义推荐算法包括步骤：
S301：采集目标用户界面的点击数据集；
S302：从点击数据集里提取目标界面的所有可排基本元素，并将提取的可排基本元素根据目标用户进行分组；
S303：记录每个元素的频度值为X；
S304：选取与目标用户角色相同的同类用户，取出各个可排基本元素在同类用户中的最大频度值记录为Y；
S305：根据最大频度值Y更新步骤S303中每个元素的频度值X；
所述容器参数包括编号、排序号、坐标、长与宽、允许自动布局、互换容器编号以及容器内表格行列数；所述步骤S4中的智能自动布局算法包括步骤：
S401：读取通用抽象模板内容器集合，根据容器的参数排序号对各个容器从小到大排序；
S402：循环每个容器，按容器参数坐标和长与宽布局容器，根据容器的参数互换容器编号生成容器可互换目标位置脚本；
S403：根据参数允许自动布局判定是否允许智能自动布局，依据容器参数表格行列数要求，生成表格T；
S404：读取容器内元素集合；
S405：调用S3自定义推荐算法,计算集合内每个元素的频度值；
S406：按每个元素频度值对元素集合从大到小排序；
S407：对跨列为单数的元素，降低其优先级，把频度按正数的相反数给倒序赋负数，正数越高，负数越大；
S408：循环每个元素，读取单个元素的属性，依次插入表格T的行与列中，并根据跨度合并单元格，完成智能自动布局。
2.根据权利要求1所述的一种应用系统工程化智能视图布局的方法，其特征在于：所述步骤S1中的元素集合包括元素的标识名、元素类型、元素样式、元素验证模式以及元素的长、宽、高和跨度。
3.根据权利要求2所述的一种应用系统工程化智能视图布局的方法，其特征在于，所述步骤S305中的更新规则为：
更新步骤S303中频度值大于0的元素的频度值=X+Y；
更新步骤S303中频度值等于0的元素的频度值=Y。
4.一种应用系统工程化智能视图布局的装置，其特征在于：采用了上述权利要求1-3中任一种应用系统工程化智能视图布局的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210639340.3A CN114995814B (zh) | 2022-06-07 | 2022-06-07 | 一种应用系统工程化智能视图布局的方法与装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210639340.3A CN114995814B (zh) | 2022-06-07 | 2022-06-07 | 一种应用系统工程化智能视图布局的方法与装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114995814A CN114995814A (zh) | 2022-09-02 |
| CN114995814B true CN114995814B (zh) | 2023-03-28 |
Family
ID=83032400
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210639340.3A Active CN114995814B (zh) | 2022-06-07 | 2022-06-07 | 一种应用系统工程化智能视图布局的方法与装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114995814B (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651228A (zh) * | 2020-05-29 | 2020-09-11 | 平安医疗健康管理股份有限公司 | 优化用户界面布局方法、装置以及相关设备 |
| CN112306486A (zh) * | 2019-07-29 | 2021-02-02 | 腾讯科技（深圳）有限公司 | 一种界面生成方法、装置、服务器及存储介质 |
| CN113515281A (zh) * | 2021-03-24 | 2021-10-19 | 杭州新中大科技股份有限公司 | 一种移动应用的自定义界面实现方法 |
| CN114218514A (zh) * | 2021-12-20 | 2022-03-22 | 平安付科技服务有限公司 | 页面生成方法、装置、设备及存储介质 |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2005109189A1 (en) * | 2004-05-07 | 2005-11-17 | Telecom Italia S.P.A. | Method and system for graphical user interface layout generation, computer program product therefor |
| CN104572127B (zh) * | 2015-01-28 | 2019-03-01 | 努比亚技术有限公司 | 终端界面布局的方法及终端 |
| CN108958857A (zh) * | 2018-04-03 | 2018-12-07 | 北京奇艺世纪科技有限公司 | 一种界面生成方法及装置 |
| CN110580636B (zh) * | 2018-06-11 | 2022-10-18 | 佛山市顺德区美的电热电器制造有限公司 | 基于用户行为分析的按键设置方法、智能电器及服务器 |
| CN109144656B (zh) * | 2018-09-17 | 2022-03-08 | 广州视源电子科技股份有限公司 | 多元素布局的方法、装置、计算机设备和存储介质 |
| CN113590244B (zh) * | 2021-07-05 | 2024-03-22 | 青岛海信移动通信技术有限公司 | 应用于终端设备的设置功能的控制方法及终端设备 |
| CN113568540B (zh) * | 2021-07-29 | 2024-04-23 | 北京锐安科技有限公司 | Web应用中的功能菜单显示方法、装置、设备及介质 |
| CN114064168B (zh) * | 2021-09-23 | 2024-08-23 | 武汉联影医疗科技有限公司 | 界面优化方法和医疗设备 |
-
2022
- 2022-06-07 CN CN202210639340.3A patent/CN114995814B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112306486A (zh) * | 2019-07-29 | 2021-02-02 | 腾讯科技（深圳）有限公司 | 一种界面生成方法、装置、服务器及存储介质 |
| CN111651228A (zh) * | 2020-05-29 | 2020-09-11 | 平安医疗健康管理股份有限公司 | 优化用户界面布局方法、装置以及相关设备 |
| CN113515281A (zh) * | 2021-03-24 | 2021-10-19 | 杭州新中大科技股份有限公司 | 一种移动应用的自定义界面实现方法 |
| CN114218514A (zh) * | 2021-12-20 | 2022-03-22 | 平安付科技服务有限公司 | 页面生成方法、装置、设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114995814A (zh) | 2022-09-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Böhmer et al. | A study on icon arrangement by smartphone users | |
| CN109345324A (zh) | 应用功能推荐方法、装置、计算机设备和存储介质 | |
| CN109446570B (zh) | 业务流程展示方法、装置、计算机设备以及存储介质 | |
| CN110602322B (zh) | 一种应用图标布局的方法、装置及移动终端 | |
| CN102421062A (zh) | 应用信息推送方法和系统 | |
| CN103294815A (zh) | 基于关键字分类并有多种呈现方式的搜索引擎装置与方法 | |
| CN107886366A (zh) | 性别分类模型的生成方法、性别填充方法、终端及存储介质 | |
| CN107729492A (zh) | 一种习题的推送方法、系统及终端设备 | |
| CN108307068A (zh) | 副屏显示界面切换方法、移动终端及存储介质 | |
| CN108153719A (zh) | 合并电子表格的方法和装置 | |
| CN110390056A (zh) | 大数据处理方法、装置、设备及可读存储介质 | |
| CN107832109A (zh) | 一种应用图标排序方法和装置 | |
| CN107729552A (zh) | 用户行为追踪方法、装置、用户终端及服务器 | |
| CN108829651A (zh) | 一种公文处理的方法、装置、终端设备及存储介质 | |
| CN106341542A (zh) | 一种手机上应用程序管理推荐方法及系统 | |
| CN113821296A (zh) | 可视化界面生成方法、电子设备及存储介质 | |
| CN115358204A (zh) | 一种报表生成方法、装置、电子设备及存储介质 | |
| CN110196833A (zh) | 应用程序的搜索方法、装置、终端及存储介质 | |
| CN106250110A (zh) | 建立模型的方法及装置 | |
| CN106446289B (zh) | 基于Pinpoint的信息查询方法和装置 | |
| CN117495437A (zh) | 一种企业市场竞争力分析系统及方法 | |
| CN108304115A (zh) | 终端条目选择方法、装置及存储介质和终端 | |
| CN103123651A (zh) | 一种快速查看多个同类文件的方法、装置和移动设备 | |
| CN114995814B (zh) | 一种应用系统工程化智能视图布局的方法与装置 | |
| CN117952426A (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 |