一种HMI可视化系统技术方案

本发明专利技术涉及一种HMI可视化系统，包括浏览器引擎、Web架构服务器和数据资料库，所述Web架构服务器根据数据资料库中存储的内容形成用户界面，并通过浏览器引擎进行显示。本发明专利技术实现了跨平台效果，摆脱对于不同作业系统需重新撰写代码的限制。

A HMI visualization system

The invention relates to an HMI visualization system, which comprises a browser engine, a Web architecture server and a database. The Web architecture server forms a user interface according to the contents stored in the data database and displays them through a browser engine. The invention realizes the effect of cross platform, and gets rid of the limitation of rewriting code for different operation systems.

【技术实现步骤摘要】
一种HMI可视化系统
本专利技术涉及人机交互
，特别是涉及一种HMI可视化系统。
技术介绍
HMI(用户人机界面)对于工业自动化设备的操作与维护是重要的，用户界面提供使用者在操作期间监视机械状态、生产状况等等。如果用户没有这些用户界面，工业自动化的实现是不方便的。同时工业自动化GUI的便利性是使用者对于机械设备与生产状况相当重要的一环。由于用户界面定义需编写程序语言，对于使用者而言不易达成。现有的用户界面不能达到跨平台相容的关系，对于作业系统有使用上的限制，另外，用户界面对于不同尺寸的显示器，需要重新修改用户界面的排版，无法达到各个尺寸显示器的相容。
技术实现思路
本专利技术所要解决的技术问题是提供一种HMI可视化系统，能够实现跨平台效果。本专利技术解决其技术问题所采用的技术方案是：提供一种HMI可视化系统，包括浏览器引擎、Web架构服务器和数据资料库，所述Web架构服务器根据数据资料库中存储的内容形成用户界面，并通过浏览器引擎进行显示。所述Web架构服务器包括html组件、javascript组件和css组件，所述html组件用于形成用户界面的结构，所述css组件用于形成用户界面的外观，所述javascript组件用于给用户界面添加动态功能。所述javascript组件还用于改变所述css组件的rotate属性，将整个画面旋转90度，并且依等比例对各个元件进行缩小显示使得能够同时放入两个画面。所述浏览器引擎还通过USB与远端的画面编辑器相连，所述画面编辑器能够对浏览器引擎显示的用户界面进行编辑。所述Web架构服务器还包括lighttpd软件，所述lighttpd软件用于将远端装置连入HMI可视化系统中；所述HMI可视化系统的应用程序将远端装置与本地之间进行数据同步。有益效果由于采用了上述的技术方案，本专利技术与现有技术相比，具有以下的优点和积极效果：本专利技术利用Web构架形成用户界面，使得带有浏览器引擎的装置都能进行显示，达到跨平台效果，摆脱对于不同作业系统需重新撰写代码的限制。另外，本专利技术利用javascript组件可实现将界面转为直立状显示，可同时显示横屏状态时两页内容。本专利技术可以联网实现远端监控，通过画面编辑器即可对用户界面进行重新排版，不需要使用者编写程序代码，使用十分方便。附图说明图1是本专利技术的结构示意图；图2是本专利技术通过画面编辑器进行排版的示意图；图3是本专利技术实现远端监控的示意图。具体实施方式下面结合具体实施例，进一步阐述本专利技术。应理解，这些实施例仅用于说明本专利技术而不用于限制本专利技术的范围。此外应理解，在阅读了本专利技术讲授的内容之后，本领域技术人员可以对本专利技术作各种改动或修改，这些等价形式同样落于本申请所附权利要求书所限定的范围。本专利技术的实施方式涉及一种HMI可视化系统，如图1所示，包括浏览器引擎、Web架构服务器和数据资料库，所述Web架构服务器根据数据资料库中存储的内容形成用户界面，并通过浏览器引擎进行显示。所述Web架构服务器包括html组件、javascript组件和css组件，所述html组件用于形成用户界面的结构，所述css组件用于形成用户界面的外观，所述javascript组件用于给用户界面添加动态功能。由于采用Web架构服务器形成用户界面，显示的用户界面能够自适应显示器的大小，对于不同尺寸的显示器不需重新调整用户界面的排版。同时利用Web架构服务器形成用户界面时只要装置上有浏览器引擎即可使用，达到跨平台的效果，摆脱对于不同作业系统需要重新编写代码的限制。所述javascript组件还用于改变所述css组件的rotate属性，将整个画面旋转90度，并且依等比例对各个元件进行缩小显示使得能够同时放入两个画面。此时将显示器直立摆放即可达到横竖屏切换的功能。如图2所示，所述浏览器引擎还通过USB与远端的画面编辑器相连，所述画面编辑器能够对浏览器引擎显示的用户界面进行编辑。利用远端的画面编辑器对Web介面进行创建、编辑出另一个Web介面(html档)，通过USB將html档传输至HMI可视化系统中进行使用。使用画面编辑器以图形化界面的方式编排用户界面，使用者不需要编写程序代码，即可依照个人系统任意对用户界面进行排版和调动。如图3所示，所述Web架构服务器还包括lighttpd软件，所述lighttpd软件用于将远端装置连入HMI可视化系统中；所述HMI可视化系统的应用程序将远端装置与本地之间进行数据同步，从而模拟实现远端操作。不难发现，本专利技术利用Web架构服务器和数据资料库，可以在浏览器上图形编辑html排版，定义各元件内容，通过所见即所得的方式获得一份新的html档，无需输入任何html语言，使用十分方便，同时达到了跨平台效果。本文档来自技高网...

【技术保护点】
1.一种HMI可视化系统，其特征在于，包括浏览器引擎、Web架构服务器和数据资料库，所述Web架构服务器根据数据资料库中存储的内容形成用户界面，并通过浏览器引擎进行显示。

【技术特征摘要】
1.一种HMI可视化系统，其特征在于，包括浏览器引擎、Web架构服务器和数据资料库，所述Web架构服务器根据数据资料库中存储的内容形成用户界面，并通过浏览器引擎进行显示。2.根据权利要求1所述的HMI可视化系统，其特征在于，所述Web架构服务器包括html组件、javascript组件和css组件，所述html组件用于形成用户界面的结构，所述css组件用于形成用户界面的外观，所述javascript组件用于给用户界面添加动态功能。3.根据权利要求2所述的HMI可视化系统，其特征在于，所述javascript组...

【专利技术属性】
技术研发人员：廖赐洲，
申请(专利权)人：宁波帝洲自动化科技有限公司，
类型：发明
国别省市：浙江,33