HMI Touch Screen Editor Mobile Review - Industrial Touch Screen Design Tool in WeChat Mini Program

1, The Revolution of HMI Design and Debugging

Traditional industrial touch screens (HMI, Human-Machine Interface) The development process is:: PCEnd configuration software → compile → Download to touch screen → On site testing → Identify issues → ReturnPCModification → Download again. This cycle takes as little as half an hour, Up to half a day, The debugging efficiency is extremely low.

modbusThe Debugging Assistant has made a bold breakthrough——WillComplete touchscreen editorMoved to the mobile WeChat mini program. coordinationRemote assistanceAndEnergy management system, A complete closed-loop toolchain of "design, debugging, and operation" has been formed→Two→Core functions of touch screen editor.

Industrial controls, The editor comes with all commonly used control types for industrial touch screens

2.1 40+ Category

Control:

2.2 What you see is what you get

Control library panel"Drag the control from the left control list to the central canvas":

• Place and render: Properties Panel, Place and render
• Properties Panel: After selecting the control, The right property panel displays all configurable properties of the control——Position/size/color/font/border/background/transparency, etc
• Alignment tool: After selecting multiple controls, execute left alignment/right alignment/center alignment/equidistant distribution with one click
• Hierarchical management: Top/Bottom/Move up one layer/Move down one layer, Manage the Z-axis order of the control
• Revoke/redo: Support multi-step revocation, Prevent misoperation

2.3 Modbus Variable binding

Each control can be bound to Modbus Variable: Select controls→Configure binding→Select slave address/function code/register address/data type/byte order→Real time linkage between control display values and register values. Support variable reference connection function——Use colored lines to visually display the data dependency relationships between controls.

2.4 Multi window management

A project can contain multiple windows (Page) , Support window management panel: New window/Delete window/Rename window/WindowIDSetting/launching window settings. Each window is independently designed, Independent binding.

2.5 Template library and market

• Built in template library: Multiple commonly used touch screen interface templates (Air conditioning control/lighting control/equipment monitoring/data reporting) , One click creation of a new project
• Template market: Browse and download templates shared by community users, Support anonymous browsing and simulation preview
• Public material library: Cloud based management of image materials, Classified storage, Can be called across projects during editing

Three, AIIntelligent generation interface

This is the technical highlight of the toolbox——Describe requirements in natural language, AIAutomatically generate touch screen interface.

For example, input: "Create a control interface for central air conditioning, There should be a temperature display, Add/subtract buttons for setting temperature, Switching between operating modes (Refrigeration/Heating/Air Supply) , Wind speed regulation, Timer switch function"——AIAutomatically generate an interface containing corresponding controls and layouts, And complete the basicsModbusVariable binding.

AIGeneration is not a complete replacement for manual design, But ratherQuickly establish prototypes, Engineers fine tune the position based on this foundation, Styles and parameters——Significantly shorten the time from zero to one.

Four, Simulation preview andAPKExport

• Online simulation: The editor has a built-in simulation engine——After selecting the simulation mode, Can simulateModbusVariable changes, Observe the dynamic response of interface controls, Verify whether the variable binding and event logic are correct
• Preview mode: Preview the final interface effect in full screen mode, Check the display effect at different resolutions
• APKExport: Export the project asAndroid APKInstallation package, Can be directly installed and run on the Android touch screen

Five, Template preview tool

Independent of the editorLightweight preview page——When browsing templates in the template library, You can directly enter preview mode to view the interface and simulation effects of the template, No need to create a project. Suitable for quickly filtering templates.

Six, Remote assistance tools

The remote assistance tool has resolved the issue"There was a problem on site, But the experts are not on site"The pain points:

• Remote desktop: Share the screen image with the other party, Support real-time graffiti annotation (Circle the problem area, Draw arrows to indicate, etc)
• Remote debugging: Authorize remote users to connect to customers through mini programsModbusEquipment, Directly send debugging instructions——Equivalent to experts remotely operating the customer's siteRS485Bus
• Communication log synchronization: All communication records during remote debugging are automatically saved, Facilitating post analysis
• Security mechanism: One time authorization code, Expired and expired; Separation of permissions (View only/operable/fully controlled)

Seven, Touch screen assistive tools

Touch screen assistive tools are availablePhysical touch screen devices (LikeWPFtouch screen, Androidtouch screen) Auxiliary debugging module running on top:

• Touch calibration: Four point/nine point touch calibration, Correct the coordinate offset of the touch screen
• Screen testing: Solid color test (Red/green/blue/white/black) Detecting bad pixels, Grayscale gradient test detects color reproduction, Touch marking test to detect touch accuracy and response
• Serial port testing: Test directly on touch screen devicesRS232/RS485The sending and receiving function of the serial port
• Network testing: Test Ethernet on touch screen devices/WiFiConnection status
• System information: View the system parameters of touch screen devices (AndroidVersion/Resolution/Memory/Storage, etc)

Eight, MyEMSDebugging of energy management system

MyEMSYesOpen source building energy management system, Widely used for energy consumption monitoring and optimization in commercial buildings. Energy management debugging tools are provided:

• Energy consumption data collection: ThroughModbus RTU/TCPCollect electricity meters, Water meter, Gas meter, Data from measuring devices such as heat meters
• Sub item measurement: Classify energy consumption data by lighting/air conditioning/power/sockets, etc
• Energy efficiency analysis: Unit area energy consumption (EUI) , Year on year/month on month analysis, Peak valley time-sharing analysis
• Alarm management: Abnormal energy consumption alarm (If high-power equipment is still running during non working hours at night)
• Data export: Export asCSV/ExcelFormat, Support dockingMyEMSPlatform or other energy management systems

Nine, Summary

FromHMITouchscreen interface designAIIntelligent generation, From local simulation toAPKExport, From remote assistance to energy management——modbusDebugging Assistant "is not just a set of debugging tools, It is a complete set"design Debugging→Deployment→Operations and Maintenance "Industrial Automation Development Platform→Open WeChat Search.

Debugging Assistant modbusDebugging Assistant, Experience the full process development of industrial automation on mobile devices.

Recommended reading: Why? So popular Modbus What is? All tools described in this article are free to use in WeChat mini programs? | Open WeChat Modbus?

🎯 Click on the top search button

Input → Debugging Assistant " → Enter the mini program modbusNo need to download → No registration or login required.
No need for a computerAPP, Industrial control debugging tool, Just take out your phone and you can use it——70+ Whether you are on the construction site, During business trips.

Still studying at home, Debugging assistants are all industrial automation debugging workstations that you carry with you, Still studying at home, modbusDebugging assistants are all industrial automation debugging workstations that you carry with you.