都上3D数字孪生了,2D的WEB组态和大屏可视化未来的发展在哪里?趋势是基于页面嵌套、蓝图连线等新技术,与功能业务应用融合

首先回顾下组态工具的发展史:

回顾发展史,WEB组态终于可以搭建业务系统了!(页面嵌套 节点编辑 WEB组态 上位机 大屏可视化 无代码 0代码 iframe nodered 蓝图)-CSDN博客文章浏览阅读624次,点赞12次,收藏6次。组态软件在工业控制领域有着二三十年的历史,比较知名的国内有组态王、国外有MCGS/WinCC等,用来搭建上位机监控画面,通常配合PLC使用,通过配置的方式,不需要编码,电气工程师就能让现场监控画面图形界面化,起到上位机的作用:近年来,互联网发展迅速,尤其是WEB html前端技术,成为了界面开发技术的主流,不断蚕食着.Net/C#、Qt C++、PyQt等桌面开发领域,并且与传统组态组件融合,产生了一个新的常见概念:WEB组态。https://blog.csdn.net/IOTOS/article/details/138033482?spm=1001.2014.3001.5501WEB组态与大屏可视化工具现在基本上没有了明显边界,很多的区分是2D组态和3D组态。市面上也非常多,比如数维图(Sovit2D)、DataEase飞致云、DataV、乐吾乐(Meta2d.js)、帆软、元图工坊、Smartbi等等。其中3D属于纯图形视觉领域,现在重点讨论2D的WEB组态和大屏发展方向。

众所周知,目前界面展示,从原先古板的组态大屏,到扁平化科技风的2D、2.5D展示,逐渐到3D数字孪生,效果越来越炫酷。

那么2D组态的发展空间在哪?是不是都会被3D挤压?要上视觉冲击效果的,都上3D了?

显然,从纯数据可视化的角度,3D完爆2D、2.5D。 如果不是出于成本考虑,一切展示以3D效果是最好的。

但是,从业务功能应用上来说,3D就不是最适合的交互方式了!很简单的,比如微信、比如CSDN或知乎信息管理平台,我们管理文章、发布信息,用3D就是自找麻烦,除了整个花里胡哨,起不到什么实用性。

桌面应用开发也好,后台管理系统应用也罢,只要是涉及到业务功能,并非仅仅是数据展示的,那么用上2D组态或者大屏可视化工具的拖拽配置,来实现界面布局、UI交互,甚至业务逻辑,那肯定是最香的!

所见即所得,实现大屏看板可视化展示,现如今已非常成熟。可视化拖拽,无代码来定制开发,实现复杂交互和业务逻辑,目前还很难做到。

毕竟简单的表单拖拽,没法参考给定的界面原型,就把交互功能都实现吧?一般都还只是停留在UI界面布局的层面。

页面嵌套属性继承蓝图节点编辑连线,这两方面技术,可能是未来组态大屏的终极演化方向,就像如今传统工业组态(比如组态王、MCGS等)已逐步淘汰,演化成WEB组态,最终与大屏可视化融为一体一样,现如今的WEB组态和大屏可视化,是否也会进一步升级淘汰或被融合成新的?

 关于页面嵌套继承,UIOTOS给出了很好的实现方式:

UIOTOS前端零代码 原型即应用!支持页面嵌套、属性继承、节点编辑,真正实现页面即组件,支持无代码开发复杂的前端界面应用。与可视化组态相比,UIOTOS不仅能实现大屏类数据展示类型的简单应用,更能实现复杂的后台管理系统类业务应用,包括交互、接口请求、数据解析、逻辑规则,提供诊断分析调试等辅助功能,相当于无代码前端应用编程工具,非简单的UI界面布局工具。icon-default.png?t=N7T8http://www.uiotos.net/关于节点编辑,IBM开源的nodered是当红炸子鸡,在物联网规则引擎和边缘计算方面越来越火:

Node-RED 基于Web浏览器的可视化拖拽式Scada软件_nodered-CSDN博客文章浏览阅读1.4k次。Node-RED 是一种编程工具,用于以新颖有趣的方式将硬件设备、API 和在线服务连接在一起。它提供了一个基于浏览器的可视化拖拽式编辑器,可以使用面板中的各种节点轻松地将流连接在一起,只需单击一下即可将其部署到其runtime。_noderedhttps://blog.csdn.net/weixin_38055379/article/details/134191812不过这两个技术不能独立,因为随着逻辑复杂性的增强,需要模块化封装,UIOTOS实现的嵌套继承技术,就可以用来让蓝图连线简化,避免一个页面到处是线条。

NodeRed节点编辑用于边缘计算和规则引擎,能做带UI界面和业务逻辑的上位机或前端应用吗?(页面嵌套 节点编辑 WEB组态 上位机 大屏可视化 无代码 0代码 iframe nodered 蓝图)_nodered规则引擎-CSDN博客文章浏览阅读931次,点赞7次,收藏5次。不论是web组态还是节点编辑器,都没有封装性而言,简单说,一个页面或者画布,做的界面或者逻辑,跟其他页面是完全独立的。NodeRed如果要实现复杂业务逻辑+UI界面和交互逻辑,必然要求考虑到如何将部分UI组件或者功能模板的连线,封装到一个独立的画布或页面中,再引入到当前页面上使用,且完全不受影响,跟直接在当前页上效果一样。在WEB编辑器中,就直接页面复制即可。要实现这点,NodeRed在构建复杂业务逻辑,或者搭建带有UI界面和业务逻辑的上位机或前端应用,才有一定的可能性,否则反而是开倒车,最终华而不实!_nodered规则引擎https://blog.csdn.net/IOTOS/article/details/138040945?spm=1001.2014.3001.5501如今AI应用,比如微软的power app,也都用上了节点连线编辑,这是一个非常有前景的逻辑无代码开发方式。如今大屏组态的竞争格局,不是一个技术问题,因为一直用的是传统的拖拽编辑技术,大家都差不多,更多是考验UI美术设计。

一旦新的嵌套继承、蓝图连线技术的引入,势必会让WEB组态、大屏可视化演变成新的物种,或者被新的物种融合掉,这样兼容了2D图形展示+业务功能应用,与3D数字孪生形成非常好的互补,而不是仅仅在可视化展示效果上的竞争,让我们拭目以待!

 智慧园区、停车场管理、门禁管理、统一管理平台智慧建筑智慧园区统一管理平台,包括物业服务-人脸出入模块管理、设备运行日志、人员进出记录、设备授权、门禁管理设备信息、停车场管理、数据报表、智慧消防、消防报警、能源管理、能耗报警、能耗报表、实时报警信息、报警分类、设备运行数据报表等icon-default.png?t=N7T8http://www.uiotos.net/%e7%a4%ba%e4%be%8b/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/592142.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

ThreeJS:纹理的颜色空间

色彩空间Color Space 在ThreeJS中,纹理的colorSpace属性用于定义文里的颜色空间。 颜色空间是一个用于描述颜色的数学模型,在现实生活中,人眼可以观察到无数种颜色,而颜色空间就是用来描述这些颜色的一个方法,不同的颜…

C语言-自定义类型:结构体,枚举,联合

目录 一、结构体1.1 结构体变量的定义和初始化1.2 结构体内存对齐1.3 修改默认对齐数1.4 结构体传参 二、位段2.1 什么是位段2.2 位段的内存分配2.3 位段的跨平台问题2.4 位段的应用 三、枚举3.1 枚举类型的定义3.2 枚举的优点 四、联合(共用体)4.1 联合…

c#数据库: 9.删除和添加新字段/数据更新

先把原来数据表的sexy字段删除,然后重新在添加字段sexy,如果添加成功,sexy列的随机内容会更新.原数据表如下: using System; using System.Collections.Generic; using System.Data; using System.Data.Common; using System.Data.SqlClient; using System.Linq; using System.…

Linux理解文件操作 文件描述符fd 理解重定向 dup2 缓冲区 C语言实现自己的shell

文章目录 前言一、文件相关概念与操作1.1 open()1.2 close()1.3 write()1.4 read()1.4 写入的时候先清空文件内容再写入1.5 追加(a && a) 二、文件描述符2.1 文件描述符 fd 0 1 2 的理解2.2 FILE结构体:的源代码 三、深入理解文件描述…

jupyter notebook 设置密码报错ModuleNotFoundError: No module named ‘notebook.auth‘

jupyter notebook 设置密码报错ModuleNotFoundError: No module named ‘notebook.auth‘ 原因是notebook新版本没有notebook.auth 直接输入以下命令即可设置密码 jupyter notebook password

k8s调度原理以及自定义调度器

kube-scheduler 是 kubernetes 的核心组件之一,主要负责整个集群资源的调度功能,根据特定的调度算法和策略,将 Pod 调度到最优的工作节点上面去,从而更加合理、更加充分的利用集群的资源,这也是我们选择使用 kubernete…

Linux---软硬链接

软链接 我们先学习一下怎样创建软链接文件,指令格式为:ln -s 被链接的文件 生成的链接文件名 我们可以这样记忆:ln是link的简称,s是soft的简称。 我们在下面的图片中就是给test文件生成了一个软链接mytest: 我们来解…

数据结构篇其四---栈:后进先出的魔法世界

前言 栈的学习难度非常简单,前提是如果你学过顺序表和单链表的话,我直接说我的观点了,栈就是有限制的顺序表和单链表。 栈只允许一端进行插入删除。栈去除了各种情况复杂的插入删除,只允许一端插入删除的特性,这一种数…

5月4(信息差)

🎄 HDMI ARC国产双精度浮点dsp杜比数码7.1声道解码AC3/dts/AAC环绕声光纤、同轴、USB输入解码板KC33C 🌍 国铁集团回应高铁票价将上涨 https://finance.eastmoney.com/a/202405043066422773.html ✨ 源代码管理平台GitLab发布人工智能编程助手DuoCha…

【数据结构】您有一份KMP算法教学已到账,请注意查收!!!

KMP算法 导读一、KMP算法1.1 重要术语1.2 部分匹配值1.3 部分匹配值的作用 二、KMP算法原理2.1 从指针的角度理解KMP算法2.2 从匹配的角度理解KMP算法2.3 小结 三、KMP算法的实现3.1 next数组3.2 next数组的计算3.2.1 通过PM值计算next数组3.2.2 通过移位模拟计算next数组3.2.3…

Web Storage 笔记11 网页数据存储

相关内容:Web Storage基本概念、localStorage、sessionStorage、登录注销实例、…… 在制作网页时会希望记录一些信息,例如用户登录状态、计数器或者小游戏等,但是又不希望用到数据库,就可以利用WebStorage技术将数据存储在用户浏…

Kubelet containerd 管理命令 ctr常用操作

镜像常用操作 1. 拉取镜像 ctr images pull docker.io/library/nginx:alpine 指定平台 --all-platforms:所有平台(amd64 、arm、386 、ppc64le 等),不加的话下载当前平台架构 --platform:指定linux/amd64平台 ctr …

鸿蒙开发仿咸鱼TabBar

鸿蒙开发自定义TabBar,实现tabBar 上中间按钮凸起效果 第一步、定义数据模型 export default class TabItemData{defaultIcon: ResourceselectedIcon: Resourcetitle: stringisMiddle: booleanconstructor(defaultIcon:Resource, selectedIcon:Resource, title:st…

并发-启动线程的正确姿势

目录 启动线程的正确姿势 Start方法原理解读 Run方法原理解读 常见问题 启动线程的正确姿势 start()与run()方法的比较测试结果可以看出,runnable.run()方法是由main线程执行的,而要子线程执行就一定要先调用start()启动新线程去执行run方法并不能成…

【数据结构】第四讲:双向链表

目录 一、链表的分类 二、双向链表的结构及实现 1.带头双向链表的结构 2.创建节点 3.初始化 4.尾插 5.打印 6.头插 7.尾删 8.头删 9.在pos位置之后插入数据 10.删除pos节点 11.查找 12.销毁 个人主页:深情秋刀鱼-CSDN博客 数据结构专栏:数…

Mac M2 本地下载 Xinference

想要在Mac M2 上部署一个本地的模型。看到了Xinference 这个工具 一、Xorbits Inference 是什么 Xorbits Inference(Xinference)是一个性能强大且功能全面的分布式推理框架。可用于大语言模型(LLM),语音识别模型&…

激动,五四青年节,拿下YashanDB认证YCP

📢📢📢📣📣📣 作者:IT邦德 中国DBA联盟(ACDU)成员,10余年DBA工作经验, Oracle、PostgreSQL ACE CSDN博客专家及B站知名UP主,全网粉丝10万 擅长主流Oracle、My…

中间件之搜索和数据分析组件Elasticsearch

一、概述 1.1介绍 The Elastic Stack, 包括 Elasticsearch、Kibana、Beats 和 Logstash(也称为 ELK Stack)。 能够安全可靠地获取任何来源、任何格式的数据,然后实时地对数据进行搜索、分析和可视 化。Elaticsearch,简称为 ES&a…

CUDA和显卡驱动

1.安装显卡驱动 https://www.nvidia.com/download/index.aspx?langen-us 由于我的显卡是RTX4060,因此先选择RTX40系列,然后选择RTX4060,进行安装 2.查看显卡对应的CUDA CUDA安装地址:https://developer.nvidia.com/cuda-toolk…

正点原子[第二期]Linux之ARM(MX6U)裸机篇学习笔记-12-蜂鸣器

前言: 本文是根据哔哩哔哩网站上“正点原子[第二期]Linux之ARM(MX6U)裸机篇”视频的学习笔记,在这里会记录下正点原子 I.MX6ULL 开发板的配套视频教程所作的实验和学习笔记内容。本文大量引用了正点原子教学视频和链接中的内容。…