CN109739592A - 一种便于操作nvr设备的ui界面的布局方法 - Google Patents

一种便于操作nvr设备的ui界面的布局方法 Download PDF

Info

Publication number
CN109739592A
CN109739592A CN201811348516.XA CN201811348516A CN109739592A CN 109739592 A CN109739592 A CN 109739592A CN 201811348516 A CN201811348516 A CN 201811348516A CN 109739592 A CN109739592 A CN 109739592A
Authority
CN
China
Prior art keywords
user
interface
client
equipment
new
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
Application number
CN201811348516.XA
Other languages
English (en)
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.)
JABSCO ELECTRONIC TECHNOLOGY Co Ltd
Original Assignee
JABSCO ELECTRONIC 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 JABSCO ELECTRONIC TECHNOLOGY Co Ltd filed Critical JABSCO ELECTRONIC TECHNOLOGY Co Ltd
Priority to CN201811348516.XA priority Critical patent/CN109739592A/zh
Publication of CN109739592A publication Critical patent/CN109739592A/zh
Pending legal-status Critical Current

Links

Landscapes

  • Storage Device Security (AREA)

Abstract

本发明公开了一种便于操作NVR设备的UI界面的布局方法,包括如下步骤:提供用户登录模块,通过登录界面获取客户端发送访问请求;根据用户登录信息检测用户是否已完成新手引导;根据用户登录信息加载用户自定义界面或默认UI界面;对UI界面功能模块标签进行排序,并对其进行渲染;将UI界面发送到客户端;与现有技术相比,本发明的有益效果是:对NVR设备的功能模块进行有序、规则的排列,规划操作流程,方便新手操作并提高UI界面的外观,并提供新手引导功能,使初次使用的用户也能快速上手,设备管理、功能设置层面力求做到用户使用时功能清晰、操作顺畅、为迎合用户个人习惯,用户可自定义添加功能标签。

Description

一种便于操作NVR设备的UI界面的布局方法
技术领域
本发明涉及一种UI界面的布局方法,具体是一种便于操作NVR设备的UI界面的布局方法。
背景技术
NVR是目前主流的网络视频监控录像存储和中央控制设备,但纵观市场上的NVR产品,在产品功能同质化的情况下,各个产品的UI界面也是大同小异。并且因为功能规划的不合理、用户体验研究的不到位,大多数NVR产品的操作界面非常杂乱和繁琐,功能模块安排无规则、界面布局无焦点,由此导致用户使用起来不顺手、不方便,新手用户用起来更是一头雾水。
发明内容
本发明的目的在于提供一种便于操作NVR设备的UI界面的布局方法,以解决上述背景技术中提出的问题。
为实现上述目的,本发明提供如下技术方案:
一种便于操作NVR设备的UI界面的布局方法,包括如下步骤:
提供用户登录模块,通过登录界面获取客户端发送访问请求;
根据用户登录信息检测用户是否已完成新手引导;
根据用户登录信息加载用户自定义界面或默认UI界面;
对UI界面功能模块标签进行排序,并对其进行渲染;
将UI界面发送到客户端;
作为本发明进一步的方案:本发明提供一种保障NVR设备内文件安全的方法,提供用户注册界面,用户提交信息后,将用户信息保存到终端磁盘内,用户信息包括用户ID和登录密码,第一次添加的用户为主用户,再次添加用户时需要获取主用户提供的权限,并限制次级用户的访问权限。
作为本发明再进一步的方案:本发明提供一种便于新手操作的NVR设备的UI界面DOM树,其主标签包括录像模块和系统管理模块;录像模块的附属标签包括录像时间设置、录像回放和录像查找;系统管理模块的附属标签包括关闭系统、时间设置、用户信息管理和硬盘管理;
作为本发明再进一步的方案:根据各个附属标签的使用次数对标签进行排序,建立新的主标签命名为常用功能,将使用次数较多的附属标签添加到常用功能内;基于目标DOM树和原始CSSOM树,形成渲染树。
与现有技术相比,本发明的有益效果是:
对NVR设备的功能模块进行有序、规则的排列,规划操作流程,方便新手操作并提高UI界面的外观,并提供新手引导功能,使初次使用的用户也能快速上手,设备管理、功能设置层面力求做到用户使用时功能清晰、操作顺畅、重点明确,其中,为迎合用户个人习惯,用户可自定义添加功能标签。
附图说明
图1为便于操作NVR设备的UI界面的布局方法的一流程图。
图2为便于操作NVR设备的UI界面的布局方法中步骤S10的一具体流程图。
图3为便于操作NVR设备的UI界面的布局方法中录像模块的DOM树图。
图4为便于操作NVR设备的UI界面的布局方法中系统管理模块的DOM树图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
请参阅图1~4,本发明实施例中,一种便于操作NVR设备的UI界面的布局方法,包括如下步骤:
S10:提供用户登录模块,通过登录界面获取客户端发送访问请求;
其中,用户登录模块包括检测设备是否已添加用户11、用户登录12和添加新用户13;
检测设备是否已添加用户11,向客户端发送请求,查询磁盘内是否储存有用户信息,若存在用户信息,则加载用户登录12的UI模块和添加新用户13的UI模块,若不存在用户信息,则只加载添加新用户13的UI模块;
用户登录12,获取用户ID和登录密码,并与磁盘内存储的用户信息进行匹配,获取用户信息;
添加新用户13,获取待添加的新用户ID和登录密码,并发送至客户端,存储到磁盘内;
S20:根据用户登录信息检测用户是否已完成新手引导;
新手引导,即为新用户提供操作指导,帮助用户熟悉UI界面各种常用功能,完成新手引导后,标记用户ID;
获取用户信息后,向客户端发送访问请求,查询该用户ID是否已标记,若已标记则跳过新手指导,若未标记进行新手指导并加载跳过新手指导选项界面。
S30:根据用户登录信息加载用户自定义界面或默认UI界面;
默认UI界面即默认UI界面的DOM树,其主标签包括录像模块31和系统管理模块32;
录像模块31的附属标签包括录像时间设置311、录像回放312和录像查找313;系统管理模块32的附属标签包括关闭系统321、时间设置322、用户信息管理323和硬盘管理324;
用户自定义界面即除系统默认UI界面的DOM树外用户自定义创建的DOM树,用户自定义创建的DOM书储存在系统磁盘内;
S40:对UI界面功能模块标签进行排序,并对其进行渲染;
查询客户端访问记录,确定各个附属标签的使用次数,根据使用次数对标签进行排序,建立新的主标签命名为常用功能,将使用次数较多的附属标签添加到常用功能内;基于目标DOM树和原始CSSOM树,形成渲染树。
S50:将UI界面发送到客户端;
客户端将访问请求发送给服务器,服务器在控制客户端显示与访问请求相对应的目标UI界面时,会基于该访问请求中的属于用户的目标UI界面显示给用户的客户端。
检测设备是否已添加用户11,向客户端发送请求,查询磁盘内是否储存有用户信息,若不存在用户信息,则证明此设备为新设备,因此,为保证设备安全,需要添加新用户,并通过用户ID和登录密码确认用户身份,添加新的用户用户信息后,将用户信息储存在终端磁盘内。
添加新用户13,提供用户注册界面,用户提交信息后,将用户信息保存到终端磁盘内,用户信息包括用户ID和登录密码,第一次添加的用户为主用户,再次添加用户时需要获取主用户提供的权限,并限制次级用户的访问权限。
用户登录12,获取用户ID和登录密码,并与磁盘内存储的用户信息进行匹配,匹配成功后,获取用户信息。
录像模块31的附属标签包括录像时间设置311、录像回放312和录像查找313,录像时间设置311,即对各个录像设备的工作时间进行调整,录像结束后将录像文件和与之对应的录像设备ID储存到终端磁盘内,录像回放312,向客户端发送访问请求,调出磁盘内的录像文件并进行播放,录像查找313,根据录像时间和录像设备对录像文件进行查找。
系统管理模块32的附属标签包括关闭系统321、时间设置322、用户信息管理323和硬盘管理324,由于一般的NVR设备客户端与录像设备通过局域网连接,因此需要对客户端进行时间设置322,用户信息管理323即在完成添加新用户后,主用户对次级用户进行添加或修改详细的用户信息及用户权限的管理,硬盘管理324即对已储存的录像文件进行导出或删除。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。
此外,应当理解,虽然本说明书按照实施方式加以描述,但并非每个实施方式仅包含一个独立的技术方案,说明书的这种叙述方式仅仅是为清楚起见,本领域技术人员应当将说明书作为一个整体,各实施例中的技术方案也可以经适当组合,形成本领域技术人员可以理解的其他实施方式。

Claims (11)

1.本发明公开了一种便于操作NVR设备的UI界面的布局方法,其特征在于,包括如下步骤:
提供用户登录模块,通过登录界面获取客户端发送访问请求;
根据用户登录信息检测用户是否已完成新手引导;
根据用户登录信息加载用户自定义界面或默认UI界面;
对UI界面功能模块标签进行排序,并对其进行渲染;
将UI界面发送到客户端。
2.根据权利要求1所述的便于操作NVR设备的UI界面的布局方法,其特征在于,提供用户登录模块,通过登录界面获取客户端发送访问请求,包括:
用户登录模块包括检测设备是否已添加用户、用户登录和添加新用户;检测设备是否已添加用户,向客户端发送请求,查询磁盘内是否储存有用户信息,若存在用户信息,则加载用户登录的UI模块和添加新用户的UI模块,若不存在用户信息,则只加载添加新用户的UI模块;用户登录,获取用户ID和登录密码,并与磁盘内存储的用户信息进行匹配,获取用户信息;添加新用户,获取待添加的新用户ID和登录密码,并发送至客户端,存储到磁盘内。
3.根据权利要求1所述的便于操作NVR设备的UI界面的布局方法,其特征在于,根据用户登录信息检测用户是否已完成新手引导,包括:
新手引导,即为新用户提供操作指导,帮助用户熟悉UI界面各种常用功能,完成新手引导后,标记用户ID;获取用户信息后,向客户端发送访问请求,查询该用户ID是否已标记,若已标记则跳过新手指导,若未标记进行新手指导并加载跳过新手指导选项界面。
4.根据权利要求1所述的便于操作NVR设备的UI界面的布局方法,其特征在于,根据用户登录信息加载用户自定义界面或默认UI界面,包括:
默认UI界面即默认UI界面的DOM树,其主标签包括录像模块和系统管理模块;录像模块的附属标签包括录像时间设置、录像回放和录像查找;系统管理模块的附属标签包括关闭系统、时间设置、用户信息管理和硬盘管理;用户自定义界面即除系统默认UI界面的DOM树外用户自定义创建的DOM树,用户自定义创建的DOM书储存在系统磁盘内。
5.根据权利要求1所述的便于操作NVR设备的UI界面的布局方法,其特征在于,对UI界面功能模块标签进行排序,并对其进行渲染,包括:
查询客户端访问记录,确定各个附属标签的使用次数,根据使用次数对标签进行排序,建立新的主标签命名为常用功能,将使用次数较多的附属标签添加到常用功能内;基于目标DOM树和原始CSSOM树,形成渲染树。
6.根据权利要求1所述的便于操作NVR设备的UI界面的布局方法,其特征在于,将UI界面发送到客户端,包括:
客户端将访问请求发送给服务器,服务器在控制客户端显示与访问请求相对应的目标UI界面时,会基于该访问请求中的属于用户的目标UI界面显示给用户的客户端。
7.根据权利要求2所述的便于操作NVR设备的UI界面的布局方法,其特征在于,检测设备是否已添加用户,向客户端发送请求,查询磁盘内是否储存有用户信息,若不存在用户信息,则证明此设备为新设备,因此,为保证设备安全,需要添加新用户,并通过用户ID和登录密码确认用户身份,添加新的用户用户信息后,将用户信息储存在终端磁盘内。
8.根据权利要求2所述的便于操作NVR设备的UI界面的布局方法,其特征在于,添加新用户,提供用户注册界面,用户提交信息后,将用户信息保存到终端磁盘内,用户信息包括用户ID和登录密码,第一次添加的用户为主用户,再次添加用户时需要获取主用户提供的权限,并限制次级用户的访问权限。
9.根据权利要求2所述的便于操作NVR设备的UI界面的布局方法,其特征在于,用户登录,获取用户ID和登录密码,并与磁盘内存储的用户信息进行匹配,匹配成功后,获取用户信息。
10.根据权利要求4所述的便于操作NVR设备的UI界面的布局方法,其特征在于,录像模块的附属标签包括录像时间设置、录像回放和录像查找,录像时间设置,即对各个录像设备的工作时间进行调整,录像结束后将录像文件和与之对应的录像设备ID储存到终端磁盘内,录像回放,向客户端发送访问请求,调出磁盘内的录像文件并进行播放,录像查找,根据录像时间和录像设备对录像文件进行查找。
11.根据权利要求4所述的便于操作NVR设备的UI界面的布局方法,其特征在于,系统管理模块的附属标签包括关闭系统、时间设置、用户信息管理和硬盘管理,由于一般的NVR设备客户端与录像设备通过局域网连接,因此需要对客户端进行时间设置,用户信息管理即在完成添加新用户后,主用户对次级用户进行添加或修改详细的用户信息及用户权限的管理,硬盘管理即对已储存的录像文件进行导出或删除。
CN201811348516.XA 2018-11-13 2018-11-13 一种便于操作nvr设备的ui界面的布局方法 Pending CN109739592A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811348516.XA CN109739592A (zh) 2018-11-13 2018-11-13 一种便于操作nvr设备的ui界面的布局方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811348516.XA CN109739592A (zh) 2018-11-13 2018-11-13 一种便于操作nvr设备的ui界面的布局方法

Publications (1)

Publication Number Publication Date
CN109739592A true CN109739592A (zh) 2019-05-10

Family

ID=66355671

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811348516.XA Pending CN109739592A (zh) 2018-11-13 2018-11-13 一种便于操作nvr设备的ui界面的布局方法

Country Status (1)

Country Link
CN (1) CN109739592A (zh)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104063187A (zh) * 2014-07-08 2014-09-24 珠海安联锐视科技股份有限公司 适用于安防应用的硬盘文件系统及其运行方法
CN108363602A (zh) * 2018-01-23 2018-08-03 平安普惠企业管理有限公司 智能ui界面布局方法、装置、终端设备及存储介质

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104063187A (zh) * 2014-07-08 2014-09-24 珠海安联锐视科技股份有限公司 适用于安防应用的硬盘文件系统及其运行方法
CN108363602A (zh) * 2018-01-23 2018-08-03 平安普惠企业管理有限公司 智能ui界面布局方法、装置、终端设备及存储介质

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
杨硕;: "学校资源管理系统中用户信息管理模块的设计与实现", 职大学报, no. 02, pages 83 - 86 *
王尚波;杜灿龙;: "基于Hi3531和Qt的NVR人机交互系统的设计与实现", 数字技术与应用, no. 10, pages 1 - 2 *

Similar Documents

Publication Publication Date Title
US9942295B2 (en) Live crowdsourced media streaming
US10721085B2 (en) Terminal device, conference management system, storage medium and conference management method
US9047506B2 (en) Computer-readable recording medium storing authentication program, authentication device, and authentication method
US9602656B2 (en) Method, apparatus and system for providing caller identification
JP6294222B2 (ja) 映像管理方法および映像管理システム
CN105760778B (zh) 一种提升隐私图片安全性的方法、装置及电子设备
CN106919989B (zh) 基于物联开放平台的房间在线预订方法和装置
CN102929987B (zh) 一种基于标识组合的搜索方法及装置
JP2010282596A (ja) 情報処理装置、およびその制御方法、情報処理システム、プログラム、記録媒体。
JP2010028584A (ja) 情報処理装置、端末装置、およびプログラム
US9692608B2 (en) Communication management apparatus, program, communication management method, and communication management system
CN105898585A (zh) 数据输入方法、装置和服务器
EP3272127B1 (en) Video-based social interaction system
CN104363163A (zh) 一种创建自动生成树状通讯目录的即时通信app的方法
JP2017050687A (ja) 制御装置、通信制御システム、及びプログラム
US11163827B2 (en) Video processing method, device, terminal and storage medium
CN104410866A (zh) 同一房间多终端操作的多媒体点播系统
CN106851423B (zh) 在线视频播放方法及相关装置
US20080313275A1 (en) Method and System For Implementing Ring Service of Instant Messaging
CN109739592A (zh) 一种便于操作nvr设备的ui界面的布局方法
CN107426082A (zh) 一种公共区域信息共享系统及方法
KR20130122836A (ko) 증강현실 컨텐츠 공유시스템 및 방법
CN105488095A (zh) 搜索结果访问方法、装置及系统
JP4653618B2 (ja) アクセス管理装置、方法及びプログラム
CA3031233A1 (en) A multimedia system and a method for remote administration and management of a terminal in the system

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