CN112286601B - 一种用户界面展示方法和装置 - Google Patents

一种用户界面展示方法和装置 Download PDF

Info

Publication number
CN112286601B
CN112286601B CN202011038699.2A CN202011038699A CN112286601B CN 112286601 B CN112286601 B CN 112286601B CN 202011038699 A CN202011038699 A CN 202011038699A CN 112286601 B CN112286601 B CN 112286601B
Authority
CN
China
Prior art keywords
configuration file
information
target
end system
user
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
CN202011038699.2A
Other languages
English (en)
Other versions
CN112286601A (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.)
Zhuhai Dahengqin Technology Development Co Ltd
Original Assignee
Zhuhai Dahengqin Technology Development 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 Zhuhai Dahengqin Technology Development Co Ltd filed Critical Zhuhai Dahengqin Technology Development Co Ltd
Priority to CN202011038699.2A priority Critical patent/CN112286601B/zh
Publication of CN112286601A publication Critical patent/CN112286601A/zh
Application granted granted Critical
Publication of CN112286601B publication Critical patent/CN112286601B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing 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

本发明实施例提供了一种用户界面展示方法和装置,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述方法包括:所述前端系统获取用户信息,所述用户信息包括UI喜好信息;获取与所述用户信息匹配的UI配置文件,所述UI配置文件包括基于所述UI元素数据库中与所述UI喜好信息匹配的目标UI元素的布局样式;所述布局样式通过预设深度神经网络模型训练得到;采用UI配置文件,展示UI界面。UI元素数据库中的UI元素基于统一UI设计规范信息生成,可以使得在前端系统展示的UI界面保持统一风格,更加美观,使得用户具有很好的交互体验。

Description

一种用户界面展示方法和装置
技术领域
本发明涉及网络技术领域,特别是涉及一种用户界面展示方法和一种用户界面展示装置。
背景技术
随着计算机、网络和通信等技术的发展,以人工智能深度应用为途径,建设符合跨域多维理念的城市建设,推进技术融合、业务融合、数据融合、应用融合,实现跨层级、跨地域、跨系统、跨部门、跨业务的协同管理和服务,与各行业、企业、团队合作,加速城市建设工作,是智慧城市的发展方向。
目前,多数的城市发展都没有多维度融合的规划方案,各行业、企业、团队的信息平台之间在功能上不关联互助、信息不共享互换以及信息与业务流程和应用相互脱节的问题,导致信息平台中的信息无法得到充分利用。
实现针对城市进行多维度融合的城市门户系统,以及如何使城市门户系统更利于用户使用是目前急需解决的方案。
发明内容
鉴于上述问题,提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种用户界面展示方法和相应的一种用户界面展示装置。
为了解决上述问题,本发明实施例公开了一种用户界面展示方法,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述方法包括:
所述前端系统获取用户信息,所述用户信息包括UI喜好信息;
获取与所述用户信息匹配的UI配置文件,所述UI配置文件包括基于所述UI元素数据库中与所述UI喜好信息匹配的目标UI元素的布局样式;所述布局样式通过预设深度神经网络模型训练得到;
采用UI配置文件,展示UI界面。
可选地,所述获取与所述用户信息匹配的UI配置文件,包括:
从所述UI元素数据库中,选取目标UI元素;
针对所述目标UI元素生成与所述UI喜好信息匹配的布局样式;采用目标UI元素、所述布局样式,生成UI配置文件。
可选地,所述从所述UI元素数据库中,选取目标UI元素,包括:
从所述UI元素数据库中选取与所述UI喜好信息匹配的目标UI元素。
可选地,所述针对所述目标UI元素生成与所述UI喜好信息匹配的布局样式,包括:
获取预先训练得到的深度神经网络模型,所述深度神经网络模型为采用训练样本训练得到,所述训练样本包括多个UI喜好信息、布局样式和所述UI元素数据库中的UI元素;
采用所述目标UI元素、所述UI喜好信息和所述深度神经网络模型,生成布局样式。
可选地,所述城市门户系统还包括后端系统;所述获取与所述用户信息匹配的UI配置文件,包括:
向所述后端系统发送所述用户信息;
接收所述后端系统发送的UI配置文件,所述UI配置文件由所述后端系统采用从所述UI元素数据库中选取的目标UI元素,和针对所述目标UI元素生成的、与所述UI喜好信息匹配的布局样式生成。
可选地,所述UI配置文件包括针对应用的UI配置信息,所述采用UI配置文件,展示UI界面,包括:
采用所述针对应用的UI配置信息,展示应用。
可选地,所述UI配置文件包括针对页面的UI配置信息,所述采用UI配置文件,展示UI界面,包括:
采用所述针对页面的UI配置信息,展示页面。
本发明实施例公开了一种用户界面展示装置,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述装置包括:
用户信息获取模块,用于获取用户信息,所述用户信息包括UI喜好信息;
配置文件获取模块,用于获取与所述用户信息匹配的UI配置文件,所述UI配置文件包括基于所述UI元素数据库中与所述UI喜好信息匹配的目标UI元素的布局样式;所述布局样式通过预设深度神经网络模型训练得到;
展示模块,用于采用UI配置文件,展示UI界面。
可选地,配置文件获取模块包括:
UI元素选取子模块,用于从所述UI元素数据库中,选取目标UI元素;
布局样式生成子模块,用于针对所述目标UI元素生成与所述UI喜好信息匹配的布局样式;
配置文件生成子模块,用于采用目标UI元素、所述布局样式,生成UI配置文件。
可选地,所述UI元素选取子模块包括:
UI元素选取单元,用于从所述UI元素数据库中选取与所述UI喜好信息匹配的目标UI元素。
可选地,所述布局样式生成子模块包括:
模型获取单元,用于获取预先训练得到的深度神经网络模型,所述深度神经网络模型为采用训练样本训练得到,所述训练样本包括多个UI喜好信息、布局样式和所述UI元素数据库中的UI元素;
布局样式生成单元,用于采用所述目标UI元素、所述UI喜好信息和所述深度神经网络模型,生成布局样式。
可选地,所述城市门户系统还包括后端系统;所述配置文件获取模块包括:
用户信息发送子模块,用于向所述后端系统发送所述用户信息;
配置文件接收子模块,用于接收所述后端系统发送的UI配置文件,所述UI配置文件由所述后端系统采用从所述UI元素数据库中选取的目标UI元素,和针对所述目标UI元素生成的、与所述UI喜好信息匹配的布局样式生成。
可选地,所述UI配置文件包括针对应用的UI配置信息,所述展示模块包括:
应用展示子模块,用于采用所述针对应用的UI配置信息,展示应用。
可选地,所述UI配置文件包括针对页面的UI配置信息,所述展示模块包括:
页面展示子模块,用于采用所述针对页面的UI配置信息,展示页面。
本发明实施例公开了一种电子设备,包括:处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如权上所述的用户界面展示方法的步骤。
本发明实施例公开了一种计算机可读存储介质,所述计算机可读存储介质上存储计算机程序,所述计算机程序被处理器执行时实现如上所述的用户界面展示方法的步骤。
本发明实施例包括以下优点:
在本发明实施例中,前端系统可以获取用户信息,用户信息包括UI喜好信息;获取与用户信息匹配的UI配置文件,所述UI配置文件包括基于所述UI元素数据库中与所述UI喜好信息匹配的目标UI元素的布局样式;所述布局样式通过预设深度神经网络模型训练得到;前端系统可以采用UI配置文件,展示UI界面。UI元素数据库中的UI元素基于统一UI设计规范信息生成,UI设计规范信息规定了UI元素的视觉规范和交互规范,可以使得在前端系统展示的UI界面保持统一风格,更加美观,使得用户具有很好的交互体验。
附图说明
图1是本发明实施例的一种城市门户系统的框图;
图2是本发明实施例的一种用户界面展示方法的流程图;
图3是本发明实施例的另一种用户界面展示方法的流程图;
图4是本发明实施例的另一种用户界面展示方法的流程图;
图5是本发明实施例的一种用户界面展示装置的框图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
城市门户系统是指集合了针对城市规划的综合性互联网信息,提供综合性应用服务的公共平台门户。城市门户系统的服务对象包括:政府、个人、企业、开发者,可以提供政务服务、个人服务、企业服务等多种综合性服务。
参照图1,示出了本发明实施例的一种城市门户系统的框图,具体可以包括:前端系统10、后端系统11、API开放平台12、开发者门户系统13、运营中心14等多个平台。
前端系统10,实现多个功能并提供多个页面;所述多个页面包括与所述多个功能对应的多个UI元素;所述多个功能包括由后端系统提供服务支持的功能。
前端系统是面向用户的客户端,作为用户使用城市门户系统中各种内容的工具,用户可以通过前端系统使用城市门户系统中的资讯、应用、API服务以及系统功能等。前端系统展现以Vue,React等通用前端开发框架实现多业务系统单页面统一呈现。
前端系统支持多维用户使用,包括游客、自然人、企业法人、企业员工、政府人员。前端系统支持多维业态城市服务,包括政务服务、公共服务、特色服务等。用户可以通过前端系统使用多种城市服务。
前端系统可以包括APP客户端、Web客户端和Web管理端,Web客户端面向游客、自然人、企业和政府用户,用于城市门户系统官网、API开放平台、开发者门户。APP客户端面向游客、自然人、企业和政府用户,用于移动APP;Web管理端面向运营人员和系统管理员,用于运营中心和其它后端管理系统。
后端系统11,用于为所述前端系统提供业务支持,响应所述前端系统的业务请求,执行相应业务操作。
后端系统以通用化业务组件或技术业务为桥梁,打通底层数据。前端系统与后端系统解耦,后端系统为前端系统提供业务支撑。前端系统与后端系统分离部署,后端系统服务动态扩容,实现系统最大性能。
API开放平台12,用于提供针对API的管理服务,包括API发布服务、购买服务、使用服务。
API开放平台提供统一标准的数据与系统开发环境,可应用于各行业、系统内,是具有统一解决能力服务且开放的综合服务平台,旨在实现包括服务能力接入、开放管理、能力申请、能力应用等在内的统一能力开放的全流程生命周期管理管控。开发者通过将API服务发布到API开放平台,其它人员可以在平台上申请或购买使用。
开发者门户系统13,用于提供API、应用、数据开发和部署的环境,以及通用的程序构件。
开发者门户系统可以为开发者提供应用、算法和数据开发和部署的环境,以及通用的AI构件、技术构件和业务构件。包含应用开发、算法开发、应用发布和服务发布等功能。开发者可以基于开发者门户系统提供的环境、组件、模板等快速开发和发布应用及API。开发者门户系统可以包括算法开发平台、应用开发平台和数据开发平台三个平台。
运营中心14,用于对所述城市门户系统的内容、用户、应用、API进行管理。
运营中心是为管理人员和运营人员对城市门户系统提供统一日常运营管理的业务中台。管理人员可以通过运营中心对城市门户系统的内容、用户、应用、API等进行统一管理。
在本发明实施例提供了一种城市门户系统,可以集成前端系统、后端系统、API开放平台、开发者门户系统、运营中心等多个平台。前端系统作为客户端面向各种用户,用户可以通过在前端系统执行操作,从而获得集成于城市门户系统中的各个平台提供的内容。后端系统为前端系统提供业务支持,响应所述前端系统的业务请求,执行相应业务操作。API开放平台提供针对API的管理服务,包括API发布服务、购买服务、使用服务;可以供开发者统一调用API,建立规范统一的信息化平台。开发者门户系统可以提供API、应用、数据开发和部署的环境,以及通用的程序构件;可以供开发者实现各种业务发开。运营中心可以对城市门户系统的内容、用户、应用、API进行管理。本发明实施例提供了针对城市的综合性的城市门户系统,面向城市中的各种用户,用户可以通过城市门户系统快捷、便利的实现各种数字化服务;通过城市门户系统实现规范化的业务开发。
由于集成于城市门户系统的平台众多,城市门户系统提供的内容众多,为提升用户使用城市门户系统时的使用体验,本发明实施例提出了针对用户界面(User Interface)的统一管理标准,城市门户系统的UI元素都需要按照统一UI设计规范生成。
UI设计规范建立在用户角度,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同需求。
友好礼貌:为了避免用户在使用服务时,注意力被周围复杂环境干扰,设计时应该注意减少无关的设计元素对用户目标的干扰,礼貌地向用户展示程序提供的服务,友好地引导用户进行操作。
重点突出:每个页面都应有明确的重点,以便于用户每进入一个新页面的时候都能快速地理解页面内容。在确定了重点的前提下,应尽量避免页面上出现其它与用户的决策和操作无关的干扰因素。
流程明确:为了让用户顺畅地使用页面,在用户进行某一个操作流程时,应避免出现用户目标流程之外的内容而打断用户。
清晰明确:一旦用户进入我们的使用页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去,确保用户在页面中游刃有余地穿梭而不迷路,这样才能为用户提供安全且愉悦的使用体验。
导航明确,来去自如:导航是确保用户在网页中浏览跳转时不迷路的最关键因素。导航需要告诉用户,当前在哪,可以去哪,如何回去等问题。开发者可根据需要自行设计首页和次级页面界面导航。建议所有的次级页面左上角提供返回上一级页面操作。
统一UI设计规范信息包含设计的基本原则和使用案例规范。通过对表单、按钮、应用图标等UI元素规范的设定,以保持UI设计的统一。
参照图2,示出了本发明实施例的一种用户界面展示方法的流程图,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述方法具体可以包括如下步骤:
步骤201,所述前端系统获取用户信息,所述用户信息包括UI喜好信息。
在本发明实施例中,前端系统可以在启动时,展示用户信息收集页面,通过用户信息收集页面获取用户的UI喜好信息。
在一种示例中,用户信息收集页面中可以展示多种不同的UI元素作为样板给用户选择,根据用户选择的UI元素,确定用户的UI喜好信息。
在另一种示例中,用户信息收集页面可以显示针对UI喜好的调查问卷,通过收集调查问卷的选项,确定用户的UI喜好信息。
UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,UI设计规范信息规定了UI元素的视觉规范和交互规范。UI元素可以是设计师基于统一UI设计规范设计的;也可以是基于统一UI设计规范,通过机器学习的方式生成的。
步骤202,获取与所述用户信息匹配的UI配置文件,所述UI配置文件包括基于所述UI元素数据库中与所述UI喜好信息匹配的目标UI元素的布局样式;所述布局样式通过预设深度神经网络模型训练得到。
UI配置文件记录了需要配置哪些UI元素和UI元素的样式。配置哪些UI元素和UI元素的样式,都是从UI元素数据库中查找的与UI喜好信息匹配的。
步骤203,采用UI配置文件,展示UI界面。
在本发明实施例中,UI配置文可以件包括针对应用的UI配置信息,所述采用UI配置文件,展示UI界面的步骤可以包括:采用所述针对应用的UI配置信息,展示应用。
在本发明实施例中,UI配置文件还可以包括针对页面的UI配置信息,所述采用UI配置文件,展示UI界面的步骤可以包括:采用所述针对页面的UI配置信息,展示页面。
在本发明实施例中,前端系统可以获取用户信息,用户信息包括UI喜好信息;获取与用户信息匹配的UI配置文件,UI配置文件包括针对UI元素数据库中与UI喜好信息匹配的UI元素的配置信息;前端系统可以采用UI配置文件,展示UI界面。UI元素数据库中的UI元素基于统一UI设计规范信息生成,UI设计规范信息规定了UI元素的视觉规范和交互规范,可以使得在前端系统展示的UI界面保持统一风格,更加美观,使得用户具有很好的交互体验。
参照图3,示出了本发明实施例的一种用户界面展示方法的流程图,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述方法具体可以包括如下步骤:
步骤301,所述前端系统获取用户信息;所述用户信息包括UI喜好信息。
步骤302,从所述UI元素数据库中,选取目标UI元素。
在本发明实施例中,从所述UI元素数据库中,选取目标UI元素的步骤包括:从所述UI元素数据库中选取与所述UI喜好信息匹配的目标UI元素。
前端系统需要展示的UI元素,可以具有多个候选。例如,前端系统需要展示某个页面,页面可以从多个候选的UI元素中选择某个来进行展示。
步骤303,针对所述目标UI元素生成与所述UI喜好信息匹配的布局样式。
布局样式Layout规定了UI元素的尺寸、UI元素的位置、UI元素中显示内容的大小和位置等布局信息。
在本发明实施例中,可以利用深度学习算法来设计UI界面。所述针对所述目标UI元素生成与所述UI喜好信息匹配的布局样式的步骤可以包括如下子步骤:
子步骤S11,获取预先训练得到的深度神经网络模型,所述深度神经网络模型为采用训练样本训练得到,所述训练样本包括多个UI喜好信息、布局样式和所述UI元素数据库中的UI元素;
子步骤S12,采用所述目标UI元素、所述UI喜好信息和所述深度神经网络模型,生成布局样式。
可以将目标UI元素和UI喜好信息输入深度神经网络模型,得到深度神经网络模型输出的布局样式
步骤304,采用目标UI元素、所述布局样式,生成UI配置文件。
UI配置文件记录了需要展示的目标UI元素,以及针对目标UI元素的布局样式。
步骤305,采用UI配置文件,展示UI界面。
前端系统可以按照UI配置文件中记录的目标UI元素和布局样式,展示UI界面。
在本发明实施例中,前端系统可以获取包括UI喜好信息的用户信息;从UI元素数据库中选取目标UI元素;针对目标UI元素生成与UI喜好信息匹配的布局样式;以及采用目标UI元素、所述布局样式,生成UI配置文件;前端系统可以采用UI配置文件,展示UI界面。UI元素数据库中的UI元素基于统一UI设计规范信息生成,UI设计规范信息规定了UI元素的视觉规范和交互规范,可以使得在前端系统展示的UI界面保持统一风格,更加美观,使得用户具有很好的交互体验。
参照图4,示出了本发明实施例的一种用户界面展示方法的流程图,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述方法具体可以包括如下步骤:
步骤401,所述前端系统获取用户信息;所述用户信息包括UI喜好信息。
步骤402,向所述后端系统发送所述用户信息。
后端系统可以为前端系统提供多种功能支持,后端系统可以为前端系统提供与用户信息匹配的UI配置文件。
步骤403,接收所述后端系统发送的UI配置文件,所述UI配置文件由所述后端系统采用从所述UI元素数据库中选取的目标UI元素,和针对所述目标UI元素生成的、与所述UI喜好信息匹配的布局样式生成。
在本发明实施例中,后端系统可以从UI元素数据库中,选取目标UI元素;针对目标UI元素生成与UI喜好信息匹配的布局样式;采用目标UI元素、所述布局样式,生成UI配置文件。
在一种示例中,后端系统可以获取预先训练得到的深度神经网络模型,深度神经网络模型为采用训练样本训练得到,训练样本包括多个UI喜好信息、布局样式和所述UI元素数据库中的UI元素;采用目标UI元素、UI喜好信息和深度神经网络模型,生成布局样式。
步骤404,采用UI配置文件,展示UI界面。
前端系统可以按照UI配置文件中记录的目标UI元素和布局样式,展示UI界面。
在本发明实施例中,前端系统可以获取包括UI喜好信息的用户信息;向后端系统发送用户信息,并接收后端系统发送的UI配置文件,UI配置文件由后端系统采用从UI元素数据库中选取的目标UI元素,和针对目标UI元素生成的、与UI喜好信息匹配的布局样式生成;前端系统可以采用UI配置文件,展示UI界面。UI元素数据库中的UI元素基于统一UI设计规范信息生成,UI设计规范信息规定了UI元素的视觉规范和交互规范,可以使得在前端系统展示的UI界面保持统一风格,更加美观,使得用户具有很好的交互体验。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图5,示出了本发明实施例的一种用户界面展示装置的框图,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述装置具体可以包括如下模块:
用户信息获取模块501,用于获取用户信息,所述用户信息包括UI喜好信息;
配置文件获取模块502,用于获取与所述用户信息匹配的UI配置文件,所述UI配置文件包括基于所述UI元素数据库中与所述UI喜好信息匹配的目标UI元素的布局样式;所述布局样式通过预设深度神经网络模型训练得到;
展示模块503,用于采用UI配置文件,展示UI界面。
在本发明实施例中,配置文件获取模块502可以包括:
UI元素选取子模块,用于从所述UI元素数据库中,选取目标UI元素;
布局样式生成子模块,用于针对所述目标UI元素生成与所述UI喜好信息匹配的布局样式;
配置文件生成子模块,用于采用目标UI元素、所述布局样式,生成UI配置文件。
在本发明实施例中,所述UI元素选取子模块可以包括:
UI元素选取单元,用于从所述UI元素数据库中选取与所述UI喜好信息匹配的目标UI元素。
在本发明实施例中,所述布局样式生成子模块可以包括:
模型获取单元,用于获取预先训练得到的深度神经网络模型,所述深度神经网络模型为采用训练样本训练得到,所述训练样本包括多个UI喜好信息、布局样式和所述UI元素数据库中的UI元素;
布局样式生成单元,用于采用所述目标UI元素、所述UI喜好信息和所述深度神经网络模型,生成布局样式。
在本发明实施例中,所述城市门户系统还可以包括后端系统;所述配置文件获取模块502可以包括:
用户信息发送子模块,用于向所述后端系统发送所述用户信息;
配置文件接收子模块,用于接收所述后端系统发送的UI配置文件,所述UI配置文件由所述后端系统采用从所述UI元素数据库中选取的目标UI元素,和针对所述目标UI元素生成的、与所述UI喜好信息匹配的布局样式生成。
在本发明实施例中,所述UI配置文件包括针对应用的UI配置信息,所述展示模块503可以包括:
应用展示子模块,用于采用所述针对应用的UI配置信息,展示应用。
在本发明实施例中,所述UI配置文件包括针对页面的UI配置信息,所述展示模块503可以包括:
页面展示子模块,用于采用所述针对页面的UI配置信息,展示页面。
在本发明实施例中,前端系统可以获取用户信息,用户信息包括UI喜好信息;获取与用户信息匹配的UI配置文件,UI配置文件包括针对UI元素数据库中与UI喜好信息匹配的UI元素的配置信息;前端系统可以采用UI配置文件,展示UI界面。UI元素数据库中的UI元素基于统一UI设计规范信息生成,UI设计规范信息规定了UI元素的视觉规范和交互规范,可以使得在前端系统展示的UI界面保持统一风格,更加美观,使得用户具有很好的交互体验。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本发明实施例还提供了一种电子设备,包括:
包括处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序,该计算机程序被处理器执行时实现上述用户界面展示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
本发明实施例还提供了一种计算机可读存储介质,计算机可读存储介质上存储计算机程序,计算机程序被处理器执行时实现上述用户界面展示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白,本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此,本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上,使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明实施例的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本发明所提供的一种用户界面展示方法和一种用户界面展示装置,进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

Claims (8)

1.一种用户界面展示方法,其特征在于,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述方法包括:
所述前端系统获取用户信息,所述用户信息包括UI喜好信息;
获取与所述用户信息匹配的UI配置文件,所述UI配置文件包括基于所述UI元素数据库中与所述UI喜好信息匹配的目标UI元素的布局样式;所述布局样式通过预设深度神经网络模型训练得到;
采用UI配置文件,展示UI界面;
其中,所述获取与所述用户信息匹配的UI配置文件,包括:
从所述UI元素数据库中,选取目标UI元素;
获取预先训练得到的深度神经网络模型,所述深度神经网络模型为采用训练样本训练得到,所述训练样本包括多个UI喜好信息、布局样式和所述UI元素数据库中的UI元素;
采用所述目标UI元素、所述UI喜好信息和所述深度神经网络模型,生成布局样式;
采用目标UI元素、所述布局样式,生成UI配置文件。
2.根据权利要求1所述的方法,其特征在于,所述从所述UI元素数据库中,选取目标UI元素,包括:
从所述UI元素数据库中选取与所述UI喜好信息匹配的目标UI元素。
3.根据权利要求1所述的方法,其特征在于,所述城市门户系统还包括后端系统;所述获取与所述用户信息匹配的UI配置文件,包括:
向所述后端系统发送所述用户信息;
接收所述后端系统发送的UI配置文件,所述UI配置文件由所述后端系统采用从所述UI元素数据库中选取的目标UI元素,和针对所述目标UI元素生成的、与所述UI喜好信息匹配的布局样式生成。
4.根据权利要求1所述的方法,其特征在于,所述UI配置文件包括针对应用的UI配置信息,所述采用UI配置文件,展示UI界面,包括:
采用所述针对应用的UI配置信息,展示应用。
5.根据权利要求1所述的方法,其特征在于,所述UI配置文件包括针对页面的UI配置信息,所述采用UI配置文件,展示UI界面,包括:
采用所述针对页面的UI配置信息,展示页面。
6.一种用户界面展示装置,其特征在于,应用于前端系统,所述前端系统部署于城市门户系统,所述城市门户系统具有UI元素数据库,所述UI元素数据库存储有基于统一UI设计规范信息生成的UI元素,所述装置包括:
用户信息获取模块,用于获取用户信息,所述用户信息包括UI喜好信息;
配置文件获取模块,用于获取与所述用户信息匹配的UI配置文件,所述UI配置文件包括基于所述UI元素数据库中与所述UI喜好信息匹配的目标UI元素的布局样式;所述布局样式通过预设深度神经网络模型训练得到;
展示模块,用于采用UI配置文件,展示UI界面;
其中,所述配置文件获取模块,包括:
UI元素选取子模块,用于从所述UI元素数据库中,选取目标UI元素;
布局样式生成子模块,用于获取预先训练得到的深度神经网络模型,所述深度神经网络模型为采用训练样本训练得到,所述训练样本包括多个UI喜好信息、布局样式和所述UI元素数据库中的UI元素;以及用于采用所述目标UI元素、所述UI喜好信息和所述深度神经网络模型,生成布局样式;
配置文件生成子模块,用于采用目标UI元素、所述布局样式,生成UI配置文件。
7.一种电子设备,其特征在于,包括:处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如权利要求1-5中任一项所述的用户界面展示方法的步骤。
8.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储计算机程序,所述计算机程序被处理器执行时实现如权利要求1至5中任一项所述的用户界面展示方法的步骤。
CN202011038699.2A 2020-09-28 2020-09-28 一种用户界面展示方法和装置 Active CN112286601B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011038699.2A CN112286601B (zh) 2020-09-28 2020-09-28 一种用户界面展示方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011038699.2A CN112286601B (zh) 2020-09-28 2020-09-28 一种用户界面展示方法和装置

Publications (2)

Publication Number Publication Date
CN112286601A CN112286601A (zh) 2021-01-29
CN112286601B true CN112286601B (zh) 2023-06-06

Family

ID=74422635

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011038699.2A Active CN112286601B (zh) 2020-09-28 2020-09-28 一种用户界面展示方法和装置

Country Status (1)

Country Link
CN (1) CN112286601B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20210406673A1 (en) * 2020-06-26 2021-12-30 Nvidia Corporation Interface translation using one or more neural networks
CN113052262A (zh) * 2021-04-23 2021-06-29 深圳壹账通智能科技有限公司 表单生成方法、装置、计算机设备及存储介质
CN114051174A (zh) * 2021-12-07 2022-02-15 深圳市致尚信息技术有限公司 大屏ui可配置系统
CN116881997B (zh) * 2023-09-08 2023-12-08 中关村科学城城市大脑股份有限公司 城市规划界面展示方法、装置、电子设备和介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7827494B1 (en) * 2005-04-08 2010-11-02 Adobe Systems Incorporated Layout management using data-descriptive meta language documents
CN104731589A (zh) * 2015-03-12 2015-06-24 用友网络科技股份有限公司 用户界面的自动生成方法及自动生成装置
CN110134464A (zh) * 2018-02-02 2019-08-16 富士通株式会社 信息处理方法和装置

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2008040585A1 (en) * 2006-10-02 2008-04-10 International Business Machines Corporation Method and system of automatically adapting a user interface
US8977969B2 (en) * 2009-11-02 2015-03-10 International Business Machines Corporation Dynamic web portal page
CN103019769B (zh) * 2012-11-20 2015-09-30 广东欧珀移动通信有限公司 一种软件启动界面控制方法及移动终端
CN103019730B (zh) * 2012-12-24 2016-08-10 华为技术有限公司 一种界面元素展示的方法及电子设备
CN106066756B (zh) * 2013-11-27 2019-09-20 青岛海信电器股份有限公司 终端的界面生成方法和装置
CN107436774A (zh) * 2016-05-25 2017-12-05 中兴通讯股份有限公司 一种锁屏界面的配置、显示方法和装置
CN108958857A (zh) * 2018-04-03 2018-12-07 北京奇艺世纪科技有限公司 一种界面生成方法及装置
CN109144656B (zh) * 2018-09-17 2022-03-08 广州视源电子科技股份有限公司 多元素布局的方法、装置、计算机设备和存储介质
CN109992269A (zh) * 2019-04-04 2019-07-09 睿驰达新能源汽车科技(北京)有限公司 一种运维平台的开发方法及装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7827494B1 (en) * 2005-04-08 2010-11-02 Adobe Systems Incorporated Layout management using data-descriptive meta language documents
CN104731589A (zh) * 2015-03-12 2015-06-24 用友网络科技股份有限公司 用户界面的自动生成方法及自动生成装置
CN110134464A (zh) * 2018-02-02 2019-08-16 富士通株式会社 信息处理方法和装置

Also Published As

Publication number Publication date
CN112286601A (zh) 2021-01-29

Similar Documents

Publication Publication Date Title
CN112286601B (zh) 一种用户界面展示方法和装置
Rodriguez-Sanchez et al. GAT: Platform for automatic context-aware mobile services for m-tourism
CN1527222B (zh) 基于计算机的系统、方法和终端设备
EP2369480A2 (en) Mashup infrastructure with learning mechanism
KR20080017414A (ko) 의미 풍부 개체를 갖는 동적 사용자 경험을 제공하는컴퓨터화된 방법, 시스템 및 컴퓨터 판독가능 매체
CN112639827A (zh) 从计算应用自动地生成对话式服务
Hofer Uses of online geoprocessing technology in analyses and case studies: a systematic analysis of literature
Wilson et al. Personalizing map content to improve task completion efficiency
US20140279823A1 (en) Lifecycle product analysis
Bergaus Design issues for service delivery platforms: Incorporate user experience: A grounded theory study of individual user needs
CN106326486A (zh) 基于人工智能的推送信息的方法和装置
US20200073925A1 (en) Method and system for generating a website from collected content
El-Sofany et al. Mobile tourist guide–An intelligent wireless system to improve tourism, using semantic web
Chasapis et al. A prototype mobile application for the Athens Numismatic Museum
Granell et al. A scoping review on the use, processing and fusion of geographic data in virtual assistants
CN115617973B (zh) 一种基于智能数据处理的信息获取方法
CN116467433A (zh) 面向多源数据的知识图谱可视化方法、装置、设备及介质
Duval et al. Towards an open learning infrastructure for open educational resources: Abundance as a platform for innovation
CN111800451B (zh) 辅助服务提供
CN103917944B (zh) 动态更新设备中文件夹内容的系统及其方法
Denzer et al. TEMSIS—a transnational system for public information and environmental decision support
Paterno Multimodality and Multi-device interfaces
CN112287202A (zh) 一种搜索方法和装置
EP2435960A2 (en) System for dynamically configuring task-based collaborative environment and method of operation thereof
US20220237390A1 (en) Masking personal traits in anonymous feedback

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