HaaS UI在智能门禁产品上落地

简介: HaaS UI解决方案在人脸识别门禁一体机中得到了落地,该人脸识别一体机是一款5寸红外双目室外人脸识别设备。

HaaS UI门禁产品简介


HaaS UI解决方案在人脸识别门禁一体机中得到了落地,该人脸识别一体机是一款5寸红外双目室外人脸识别设备。该设备具备5寸显示屏,支持5万人脸底库的端上存储离线精准识别,支持刷卡功能,搭载业界顶级人脸识别算法,可实现快速人脸识别与通行。

图片 1.png


产品特性

该产品支持人脸识别、逆光识别、刷卡IC卡、自动解锁、访客管理、活体防伪等功能。

图片 2.png


应用场景

该产品支持人脸识别管控门禁、办公人脸考勤、语音播报等场景,主要应用于平安社区、企事业单位、政府大楼、商业写字楼、工业园区、学校、金融网点、监狱等室内外场所。

图片 3.png


HaaS UI简介

产生背景

IoT低端带屏场景,需要开发偏复杂的UI界面是比较困难的,业界常用的UI方案如LittleVGL,适合开发一些偏简单偏静态的控制面板类界面,较难满足偏复杂的运营需求,并且应用开发都以C&C++为主,后续的升级迭代或者UI改版会有很大的成本和困难。为解决这一问题,阿里云智能IoT着手打造了IoT低端带屏场景的HaaS UI解决方案,让IoT设备能够运行JS编写的小程序同时也支持Native C++开发),并支持部署在AliOS ThingsRTOSLinux等操作系统上。

图片 4.png


框架介绍

HaaS UI框架是一套用在HaaS平台上的轻量级应用开发框架,AliOS Things系统上推荐的应用&显示框架,目前是以JS开发为主、C/C++开发为辅HaaS UI的整体框架由图形渲染引擎、小程序内核和Vue应用框架三部分组成。

图片 5.png

组件支持

HaaS UI支持五类组件,分别为:内置组件、基础组件、表单组件、反馈组件和展示组件,开发者可以直接方便地使用这些组件。

内置组件

基础组件

表单组件

反馈组件

展示组件

div

layout

checkbox

popup

progress

scroller

icon

radio

dialog

qrcode

text

button

seekbar

-

-

image

toast

switch

-

-

slider

-

-

-

-

canvas

-

-

-

-


样式支持

HaaS UI的页面布局的盒模型基于 CSS 盒模型,每个组件元素都可视作一个盒子,并支持Flexbox布局模型。HaaS UI支持CSS的一些通用样式,涵盖了文本样式、CSS单位、CSS动画和Less扩展。

图片 6.png


通用样式

文本样式

CSS单位

CSS动画

width

color

RGBRGBAred

animation-name

height

font-size

#f00#ff0000

animation-duration

padding

font-style

px

animation-timing-function

border

font-weight

%

animation-delay

margin

text-decoration

rpx

animation-iteration-count

flexbox

text-align

vw

animation-direction

transition

font-family

vh

animation-fill-mode

-

text-overflow

opacity

-

-

lines

lines

-

-

line-height

flex

-


远程调试

HaaS UI支持在远程设备上通过WebSocket进行真机调试,可以像浏览器一样查修改页面上的元素,包括DOM标签以及css样式的查看,还有相关盒模型的图形信息。也可以在页面选择一个元素来审查和查看它的相关信息,当我们在浏览器页面下点击某个DOM元素时,设备上相应的DOM节点也会变为高亮状态,方便调试。

图片 7.gif


方案特性

  • HaaS UI推荐JS/CSS开发应用,JS的前端框架为Vue(v2.6.12),实现了W3C标准的标签和样式子集.

    图片 8.png


  • 支持纯C/C++应用开发,方便传统嵌入式开发者进行开发.
  • 支持应用在线热更新,可以通过HaaS云服务对开发的应用进行升级.

图片 9.png

后续,阿里云智能IoT HaaS团队将继续在更多场景进行探索,争取在更多场景中将HaaS UI方案落地。

 

相关文章
|
5月前
|
机器学习/深度学习 移动开发 文字识别
视觉智能开放平台产品使用合集之h5页面使用人脸活体检测,是否需要自己开发UI
视觉智能开放平台是指提供一系列基于视觉识别技术的API和服务的平台,这些服务通常包括图像识别、人脸识别、物体检测、文字识别、场景理解等。企业或开发者可以通过调用这些API,快速将视觉智能功能集成到自己的应用或服务中,而无需从零开始研发相关算法和技术。以下是一些常见的视觉智能开放平台产品及其应用场景的概览。
|
5月前
|
机器学习/深度学习 运维 Serverless
函数计算产品使用问题之打开SD web UI域名时显示resource throttled,是什么原因
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
6月前
|
Kubernetes Oracle 关系型数据库
实时计算 Flink版产品使用合集之web ui能否在线管理数据source和处理数据
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
|
开发框架 移动开发 数据可视化
HaaS UI 使用 树莓派 打造自己的第一个案例
HaaS UI 使用 树莓派 打造自己的第一个案例
255 0
|
开发框架 API C++
ESP32 + HaaS Python UI Lite 组件 打造倒计时面板
ESP32 + HaaS Python UI Lite 组件 打造倒计时面板
169 0
|
机器学习/深度学习 监控 算法
智能生活垃圾检测与分类系统(UI界面+YOLOv5+训练数据集)
智能生活垃圾检测与分类系统(UI界面+YOLOv5+训练数据集)
1048 0
|
编解码 监控 前端开发
UI 智能化的原理和未来
本文将从 GUI 中用户体验的构建开始,用高质量、可调控、交互体验创新三个部分,分别介绍如何从传统 UI 一步步迈向 UI 智能化。最后,用如何实现 UI 智能化的一些思考收尾。 本文仅代表作者个人观点。
279 0
UI 智能化的原理和未来
|
人工智能 算法 数据可视化
国内首发可视化智能调优平台,小龙带你玩转KeenTune UI
KeenTune 再次带来开源重磅特性——新增第五大组件:keentune-ui。
国内首发可视化智能调优平台,小龙带你玩转KeenTune UI
|
存储 开发框架 达摩院
HaaS UI小程序解决方案基础教学|阿里云产品内容精选(三十五)
本文内容取自HaaS技术圈。HaaS(Hardware as a Service)物联网设备云端一体开发框架,整合阿里云、达摩院、平头哥技术,基于数亿物联网设备接入经验,提供积木式硬件开发能力,实现低代码快速开发,帮助中小开发者聚焦业务,实现设备安全上云,加速设备创新迭代。
|
运维 小程序 前端开发