米尔电子HMI试用报告#5——MEasy HMI应用开发

idiy

MEasy HMI是什么

MEasy HMI是深圳市米尔科技有限公司开发的一套人机界面框架，它包含基于QT5的本地HMI和远程的Web HMI。
本地HMI需要硬件平台具备显示单元、输入单元、通讯接口、数据存贮单元等；软件部分需要包含dbus、
connman和QT5运行时环境等。Web HMI是B/S架构的应用，需要网络接口支持，软件部分包含Python2.x以及tornado,
javascript, css,HTML, websocket等运行环境。本地HMI和Web HMI的结构框图如下所示：




本地HMI在本地LCD上显示内容，输入数据，交互操作等；而Web HMI则可通过远程通过浏览器输入地址，
从而达到对开发板进行查看状态、远程操控的目的。

MEasy HMI在目标板上目录结构如下



我们来看看下图，开发板上预安装了8个本地应用了。它们分别是

• 串口
• RS485
• 以太网
• 任务管理器
• 米尔支持
• 系统信息
• 数据库
• 摄像头
  

再来看看Web HMI，首先输入如下地址(因为IP是动态分配的，所以要根据开发板的实际IP地址来输入)

1. http://192.168.1.77:8090/login
   

复制代码

用户名和密码均为 admin，登录之后如下，我们可以看到下图所示，开发板上预安装了4个Web HMI应用：

• RS232测试
• RS485测试
• 网口测试
• 联系我们
  

本地 HMI 应用开发

在前面的介绍中，对环境搭建、编译本地HMI应用、运行本地HMI应用都有过描述，这里就不再展开来讲了，
下面着重介绍怎样将应用添加到本地HMI。

解压 04-Sources/HMI-QT5-DEMO.tar.bz2

打开QT Creator，在菜单栏中依次点击 File-> Open  File or Project 然后弹出如图选择框，
进HMI-QT5-DEMO工程目录，点击 mxde.pro  并点击 Open 按钮即可打开mxde这个工程。



就如之前描述的提示那样，点击“yes”



配置工程，点击“Configure Project”



照旧的，缺少文件，手动创建一个

1. touch /home/xinling/MYD-Y6ULX-HMI-devel/04-Sources/HMI-QT5-DEMO/qtsingleapplication/config.pri
   

复制代码

点击菜单栏 Build-> Build Project"mxde", 进行编译整个工程。对于编译报错，我是有心里准备的。



查看代码目录，代码中没有mxbacken



打开mxde.pro，删除下面一行

1.     mxbackend \
   

复制代码

再次重新编译，再次报错你信不信？



将对应目录下的qopengl.h文件的内容替换成如下，即可解决
qopengl.h.txt (9.1 KB, 下载次数: 12)

2019-4-30 16:12 上传

点击文件名下载附件

之后再编译，顺利完成！
以上2个编译报错的问题解决，得到了米尔刘工的帮助，在此感谢刘工！

现在就可以像前面介绍过的，把编译之后生成的可执行文件复制到开发板目录下。

前面有介绍，开发板上预装有8个本地应用，现在我们给它装上第九个应用。作为例子，我们把mxled复制到开发板上

找一个 192×192 的png图片，复制到/usr/share/pixmaps

1. scp led000.png root@192.168.1.77:/usr/share/pixmaps
   

复制代码

在开发板/usr/share/applications目录下创建一个属于用户的桌面配置文件，命名以数字开头例如11_led.desktop，
配置文件里面内容如下：

1. [Desktop Entry]
   
2. Name=LED TEST
   
3. Name[zh_TW]=LED 测试
   
4. Name[zh_CN]=LED 测试
   
5. 
   
6. Type=Application
   
7. Icon=/usr/share/pixmaps/led000.png
   
8. Exec=/home/myir/mxled --platform linuxfb
   
9. Terminal=false
   
10. MimeType=application/x-directory;inode/directory;
    
11. Categories=System;FileTools;Utility;Qt;FileManager;
    

复制代码

到这一步的时候，我发现MEasy HMI是可以支持多语言的。对做多语言产品的朋友来说，是一个好消息吧。



是时候重新给开发板上电验证一下工作成果了。



点击进去看看



我们给本地HMI增加了一个应用，再深入下去，就可以做出自己的需求界面了，看起来写了很多，
实际上只要把开发环境部署好，安装和配置QtCteator，就可以进行应用开发了。这也印证了我前面说过的话，
让应用开发者将更多的时间和精力放在应用上。

Web HMI应用开发

由于时间关系，加上本人对python开发不甚熟悉，暂时跳过这一步，不再对Web HMI应用开发进一步的展开。
有兴趣的朋友可自行探索！

HXM9531

mxde.pro 编译一直有错，搞不定了，楼主能否分享一下这个工程，能编译通过稿，谢谢~

idiy

HXM9531 发表于 2019-5-10 23:29
mxde.pro 编译一直有错，搞不定了，楼主能否分享一下这个工程，能编译通过稿，谢谢~ ...

编译过程都写在上面了呢！
至少你得把报错信息给贴出来吧！

HXM9531

idiy 发表于 2019-5-11 11:00
编译过程都写在上面了呢！
至少你得把报错信息给贴出来吧！

你好，再编译一次截个图，下午上班发吧。刚才吧改动的结果刷屏，显示全没了，上电也是化了，正在想法恢复原来的显示，谢谢你回复

HXM9531

现在是编译没有错误，运行是这个故障图片

idiy

HXM9531 发表于 2019-5-11 11:17
你好，再编译一次截个图，下午上班发吧。刚才吧改动的结果刷屏，显示全没了，上电也是化了，正在想法恢复 ...

这个现象我遇到过。是因为复制了desktop文件出错，文件字节数为0，至于为什么会出错就搞不清楚了。解决办法就是删除desktop文件，再复制一份就好了。

idiy

HXM9531 发表于 2019-5-11 11:20
现在是编译没有错误，运行是这个故障图片

这个问题我也遇到过，问过米尔的刘工，说不支持在QT Creator上运行调试，没有机制支持。估计在开发板上还要做些设置才可以在QT Creator上调试。因为时间关系，我跳过远程调试这一步的，直接复制文件到开发板上运行。

HXM9531

idiy 发表于 2019-5-11 14:11
这个问题我也遇到过，问过米尔的刘工，说不支持在QT Creator上运行调试，没有机制支持。估计在开发板上还 ...

多谢，我再试试