工业互联网平台综合应用课件：工业设备可视化设计.pptx

《工业互联网平台综合应用》/

工业互联网平台数据应用

工业设备可视化设计;

《工业互联网平台综合应用》/;

数据可视化让数据更容易被消化。和纯粹的数据相比，人类更善于处理图像信息，更容易理清数据之间的关

系。;

云视界是服务于工业领域设备后市场的云端可视化工具平台，

可以满足用户个性化配置工业设备展示界面的需求，方便广大的工业企业的管理者进行工业设备运行分析进而开展智能化管控。;;;

项目是对应一种设备类型的可视化文件集，包含页面、内容、数据及相关文件。

单击概览页面导航栏中的“项目”，即可进入项目管理页面，在项目中，使用者可以自定义编辑设

计设备的实时工况页面，实现工程设备可视化页面的设计、编辑、配置、保存、预览和发布。;

①点击“创建项目”按键，弹出“创建新项目”对话框。

②在对话框中为项目命名。

③选择创建类型：网页、大屏。(二选一)

④选择使用模板页面或创建空白页面。

⑤点击对话框的“创建”按钮，完成项目的创建。或点击“取消”放弃创建。;

①选择要编辑的项目卡片，鼠标划上卡片，单击右下方“编辑”按键

②进入可视化编辑器web编辑页面，即可进行可视化设计编辑。;

①选定要复制的项目，点击卡片右上方“…(更多操作)”，选择“复制”。

②在弹出的对话框中为复制项目命名，默认名称为“原项目名称(副本1)”，如有多个副本，命名序号依次递增。

③步骤3：点击“确定”按钮，即可复制项目，回到“项目列表”页。或点击“取消”放弃以上复制项目的操作。;

①选定要删除的项目，点击卡片右上方“…(更多操作)”，选择“删除”

②在弹出的对话框中点击“确定”按钮，即可删除项目。或点击“取消”放弃删除该可视化项目。;

①步骤1：选定要重命名的项目，点击卡片右上方“…(更多操作)”，选择“重命名”。

②步骤2：在弹出的对话框中为项目重新命名。

③步骤3：点击“确定”按钮，即完成项目重命名，回到“项目列表”页。或点击“取消”放弃重命名。;

①每种类型设备具有多种展示页面，如实时工况展示页面、历史数据统计页面、设备控制流程页面等。对应一种设备类型的项目由一个或多个页面组成，多个页面反应了查看设备工况的多种角度

②云视界可视化采用“页面—容器(组件)—组件”的方式实现可视化页面的布局及数据展现

③云视界中内置了页面模板，页面模板与空白页面对应，是系统为用户创建的默认可选页面。在页面模板中已设置一系列的容器及组件，可为用户实现默认的页面展示效果。通过修改页面中的元素属性，用户可以实现符合自己要求的可视化页面效果。;

编辑器按照页面区域可划分为：导航栏-左、项目名称、导航栏-右、组件工具栏、属性/数据源编辑区、画布区域。;

名称;

名称;

名称;

名称;

数据源即为页面所展示各项设备参数的数

据来源，包含设备模型数据或设备实时参

数，通过同步功能自动获得，同时支持云视界用户自定义数据库或导入数据库。

云视界用户可在系统首页的“数据源”模

块进行其他数据源的接入和上传

已上传和接入的数据源，在可视化编辑器

中把组件与数据源关联后，可使组件展示

实时或历史设备数值。;;

属性;

属性;

属性;

属性;

《工业互联网平台综合应用》/;;;

如下图所示，选择“连接Mysql数据库”。;;;;;

新建完成的数据源如下图所示。;;;

如下图所示，根据展示大屏的大小设置可视化项目的页面尺寸，本示例使用的尺寸为1920px*1080px。为使页面在布局时更为美观，设置网格间隙为16px。;

上传素材。如下图所示，在可视化编辑器的左上角导航栏，单击选择“素材库”图标，选择“我的素材库”。在导航栏下方添加文件夹“综合应用素材”，进入文件夹上传本地素材“综合应用-云视界素材”。在完成素材上传后，即可在左侧编辑栏对应的文件夹中进行查看素材。;;;

设备状态容器和设备信息容器的规格均为5*6；

生产信息容器和历史工况容器的规格均为9*6；

产量分析容器和报警消息容器的规格均为8*6；

设备能效的规格为5*10；设备图容器的规格为17*12。;;

为容器进行命名。选择图层，选中标题容器对应的图层，点击②为容器命名为“标题”。重复上述操作，为其他容器逐一进行命名，如图所示。;

如图所示，选择基础组件中的基本组件文本，选择文本组件，将其拉到标题容器中。;;

设置字体宽度如下图所示，宽为500像素，高为50像素。;;;

Thanks