一种HMI可视化系统的制作方法

文档序号:15312185发布日期:2018-08-31 22:07阅读:284来源:国知局

本发明涉及人机交互技术领域,特别是涉及一种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语言,使用十分方便,同时达到了跨平台效果。



技术特征:

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

技术研发人员:廖赐洲
受保护的技术使用者:宁波帝洲自动化科技有限公司
技术研发日:2018.03.16
技术公布日:2018.08.31
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1