快速搭建智能停车场管理应用——IoT Studio移动可视化开发实战

简介: 阿里云IoT推出了智能停车解决方案,结合了边缘计算能力,能实现大范围的传感器联动。接下来将演示如何利用阿里云IoT Studio全新推出的移动可视化开发工具,快速的搭建停车场管理应用,实现停车统计、车位显示、费用预计等功能。

阿里云IoT事业部推出了智能停车方案,结合了边缘计算能力,能实现大范围的传感器联动。接下来将演示如何利用阿里云IoT Studio全新推出的移动可视化开发工具,快速的搭建停车场管理应用,实现停车统计,车位显示,费用预计等功能。
教程开屏图.jpg

技术架构

首先要对整个停车场进行数字空间的数据建模。
DEMO架构.jpg
由于这是一个非常简单的模型(阿里云物联网有标准解决方案,请查看链接https://help.aliyun.com/document_detail/169250 ),我们只需要处理停车位是否占用,占用时间,以及基本的温湿度数据即可。

设备接入

首先打开我们的公共实例,创建一个产品叫“停车场网关”的产品,协议选择“边缘网关”。
创建边缘网关.jpg
在边缘网关下创建“地磁传感器”和“温湿度传感器”产品。
创建地磁.jpg
创建温湿度.jpg
可以看到具体参数如下。
地磁属性.jpg
温湿度属性.jpg
然后创建4个停车场网关设备,分别对应4个停车区域。以及对应车位数量的各传感器。
停车4网关.jpg
各设备.jpg
这里用一个网关,一个温湿度传感器加20个地磁为例子。为Gateway001添加1个DHT子设备和20个地磁子设备。
添加子设备.jpg
边缘设备接入部分可以参考说明文档。https://help.aliyun.com/document_detail/103247

在物联网平台完成边缘设备的接入之后,我们可以在IoT Studio新建一个“停车场”项目用来管理所有资源。为了方便说明,这里创建一个空白项目。
空白项目.jpg
将产品与相关设备从物联网平台进行关联,注意要在同一个实例里。
导入设备.jpg
已导入设备列表.jpg
这样就结束数据建模与设备接入的部分,接下来就是移动应用的开发了!

移动可视化开发

在11月,万众瞩目的IoT Studio新版移动工作台正式对外开放。与之前的移动工作台相比,新版加强了对数据源与组件交互的支持,使用体验与Web工作台进行了拉齐,并且支持移动端不同分辨率的容器式布局。
移动demo搭建效果图.jpg
为了更好的演示整个搭建过程,我们从一个空白应用的模板开始。这个停车场案例已经作为页面模板上架,各位用户在实际使用时点击添加页面即可直接使用。
移动页面模板.jpg
首先通过IoT Studio首页进入移动工作台入口。
移动工作台入口.jpg
点击创建移动应用,与web应用的过程一样。
新建空白移动应用.jpg
进入移动工作台,整体的布局与Web工作台类似,但有几个区别。
移动工作台概览.jpg
第一、移动工作台使用的是容器式布局,需要先拖入容器组件(横向分栏/纵向分栏)才能放置功能组件。这是为了适配各种移动端。
布局组件示意.gif
容器有分横向和纵向,横向最小颗粒度是页面的1/12,纵向可以无限延伸。彼此之间可以嵌套。
嵌套布局组件.gif
第二、这种容器布局有“组件树”进行统一管理,可以点击顶部导航栏icon进行查看。
组件树.gif
好了,接下来开始布局。
首先我们定义好整体的主题色为橙色,因此顶部导航先配成橙色。
配置导航.gif
然后将背景调整为一个停车场的图片。
配置背景图.jpg
接下来先布局组件,我们需要完成首行两个卡片和下部的五个卡片列表。
横向卡片布局.gif
横向卡片布局2.gif
将布局样式调节到合适的比例。
横向卡片布局3.gif
关联数据源部分与Web工作台类似。由于数据源种类多样,这里不统一演示。
关联数据源.gif
另一个卡片嫌弃重新布局复杂?直接右键“复制”“粘贴”就可以啦!
复制.gif
接下来我们做各楼层停车场的演示卡片。先大概划分布局。
停车卡片.gif
然后往容器组件里填写内容。
填充停车卡片.gif
然后复制3个卡片。对文案稍作修改。
停车场概览页详情.jpg
设置一个点击图片跳转停车片区详情页的路由。
停车卡片路由.gif
然后编辑下一个页面。也是同样的做法,不过列表处使用了“重复卡片”。
停车片区详情.jpg
最后再配置一下登录页的样式。注意需要先在项目内开通账号系统。
账号体系.jpg
停车demo账号配置.gif
移动应用规定发布之前需要先绑定域名。
绑定域名.gif
然后回到编辑器里,点击发布。
发布.jpg
发布应用成功!这样就可以远程完成停车场的管理了!
走查车场.JPG

欢迎使用IoT Studio!

这里介绍的是一个简单版的停车解决方案实现过程。IoT Studio新上线了移动可视化开发工具,补充了大量的组件与模板,也支持更复杂的云端数据联动。
点击链接前往IoT Studio体验>>
欢迎感兴趣的朋友使用钉钉扫码进群与我们交流哦~!
二维码裁剪.png

相关文章
|
10月前
|
关系型数据库 物联网 PostgreSQL
沉浸式学习PostgreSQL|PolarDB 11: 物联网(IoT)、监控系统、应用日志、用户行为记录等场景 - 时序数据高吞吐存取分析
物联网场景, 通常有大量的传感器(例如水质监控、气象监测、新能源汽车上的大量传感器)不断探测最新数据并上报到数据库. 监控系统, 通常也会有采集程序不断的读取被监控指标(例如CPU、网络数据包转发、磁盘的IOPS和BW占用情况、内存的使用率等等), 同时将监控数据上报到数据库. 应用日志、用户行为日志, 也就有同样的特征, 不断产生并上报到数据库. 以上数据具有时序特征, 对数据库的关键能力要求如下: 数据高速写入 高速按时间区间读取和分析, 目的是发现异常, 分析规律. 尽量节省存储空间
666 1
|
2月前
|
传感器 存储 机器学习/深度学习
物联网(IoT)简介:定义、技术与应用
【5月更文挑战第30天】物联网(IoT)是将物品通过嵌入式系统、传感器及通信技术连接至互联网,实现物物、物人交互和数据共享的技术。其关键包括传感器、通信、嵌入式系统、云计算和人工智能技术。物联网应用于智能家居、智慧城市、工业自动化、农业和健康医疗等领域,通过Arduino等平台可实现简单数据传输。随着技术发展,物联网将深远影响人们生活和工作方式。
210 3
|
10月前
|
消息中间件 传感器 监控
IoT企业物联网平台,数据服务开发实战
IoT企业物联网平台开发实战
368 0
|
2月前
|
存储 NoSQL 物联网
【MongoDB 专栏】MongoDB 在物联网(IoT)领域的应用
【5月更文挑战第11天】MongoDB,一种灵活可扩展的非关系型数据库,在物联网(IoT)领域中大放异彩。应对海量设备产生的多样化数据,MongoDB的文档型数据结构适应性强,适合存储设备信息及传感器读数。其实时更新、强大查询语言、索引机制和扩展性(通过分片技术)满足物联网的高实时性、复杂查询和数据增长需求。尽管面临数据安全和管理挑战,MongoDB已广泛应用于智能家居、工业 IoT 和智能交通等领域,并有望随着物联网技术进步和与其他领域的融合,如人工智能、大数据,持续发展。未来,优化数据质量、提升并发处理能力将是关键,MongoDB将在物联网的智能未来中扮演重要角色。
【MongoDB 专栏】MongoDB 在物联网(IoT)领域的应用
|
2月前
|
存储 关系型数据库 物联网
【PolarDB开源】PolarDB在物联网(IoT)数据存储中的应用探索
【5月更文挑战第27天】PolarDB,阿里云的高性能云数据库,针对物联网(IoT)数据存储的挑战,如大规模数据、实时性及多样性,展现出高扩展性、高性能和高可靠性。它采用分布式架构,支持动态扩展,保证99.95%的高可用性,并能处理结构化、半结构化和非结构化数据。通过SDK实现数据实时写入,支持SQL查询和冷热数据分层,有效降低成本。随着IoT发展,PolarDB在该领域的应用将更加广泛。
147 1
|
2月前
|
传感器 物联网 大数据
物联网(IoT)技术与应用:塑造未来的智能化生活
【5月更文挑战第1天】物联网(IoT)技术整合传感器、嵌入式系统、云计算与大数据,连接智能设备,重塑生活与工作方式。应用涵盖智能家居、工业自动化、农业、智能城市及医疗健康,提升效率与便利性。然而,数据安全、设备兼容性及网络基础设施仍是挑战。随着5G和AI进步,IoT将在更多领域发挥潜力,驱动社会智能化转型,需关注技术挑战并加强创新。
|
2月前
|
消息中间件 弹性计算 物联网
【阿里云弹性计算】阿里云ECS在IoT领域的应用:支撑大规模设备连接与数据处理
【5月更文挑战第26天】阿里云ECS是弹性计算服务,支持IoT设备的连接与数据处理。通过MQTT协议实现设备快速接入,配合消息队列处理异构实时数据。ECS可用于部署数据处理工具、应用服务,如智能家居控制系统,通过弹性伸缩适应负载变化。结合阿里云其他服务,ECS为IoT提供完整解决方案,助力企业数字化转型。
54 0
|
10月前
|
小程序 JavaScript 物联网
搭建IoT小程序开发环境,创建一个应用
通过实验,了解阿里云IoT小程序应用的开发调试环境,以及如何创建新的应用并在PC模拟器上进行预览调试。
336 2
|
9月前
|
边缘计算 安全 物联网
开源在物联网(IoT)中的应用
开源在物联网(IoT)中的应用
152 0
|
11月前
|
传感器 监控 物联网
阿里云IoT HaaS 510:快速实现物联网数据传输的利器
众所周知,物联网(IoT)是近年来日益热门的技术领域之一,它的广泛应用为人们的生活和工作带来了无限可能。在物联网应用中,数据的采集和传输是至关重要的一环。DTU是一种应用于物联网数据传输的终端设备,它可以将各类传感器、数据采集单元等通过串口RS232/485传输到DTU,再由DTU转发到4G网络上传至云端。阿里云IoT HaaS 510是一款开板式DTU产品,能够帮助企业快速搭建物联网平台,并实现数据的采集和传输,那么本文就来简单分享一下。
439 1
阿里云IoT HaaS 510:快速实现物联网数据传输的利器