CN117519701A

CN117519701A - An HMI system based on Web programmable design

Info

Publication number: CN117519701A
Application number: CN202311504702.9A
Authority: CN
Inventors: 邓涣林; 林河泉
Original assignee: Star Chain Guangdong Electronic Technology Co ltd
Current assignee: Star Chain Guangdong Electronic Technology Co ltd
Priority date: 2023-11-13
Filing date: 2023-11-13
Publication date: 2024-02-06

Abstract

The invention discloses an HMI system based on Web programmable design, which comprises a central control cloud server end serving as a key part of whole system communication, wherein the communication between a display touch screen end and a remote control end is connected in a transparent mode, and is packaged and encrypted, related functions are managed by a user, a background management related function is realized, equipment and a module end comprise a programmable control back display Android touch screen end and a programmable control back display singlechip touch screen end, an engineering file issued by editing software is received and back displayed, a control instruction of the remote control end software is received, peripheral equipment is connected and controlled, the remote control end is connected with the central control cloud server end, the Hmi design end is connected with the equipment and the module end, a user does not need to independently program a certain equipment in a certain scene, the interface is designed just like a UI (user interface), and the system is uploaded to the equipment and is not limited to a single field.

Description

HMI system based on Web programmable design

Technical Field

The invention relates to the technical field of programmable HMI systems, in particular to an HMI system based on Web programmable design.

Background

In the field of man-machine interface terminal display and control, conventional design approaches typically require a user with a graphical design and control programming context to create and write the user interface and control logic. This is a challenge for users without such expertise. Furthermore, the conventional method requires separate programming of each device, which results in problems of large workload and inefficiency. Some prior art techniques provide solutions to these problems. For example, some HMI design software provides a ready-to-use template that can meet application scenarios in different fields, but lacks flexibility and customization. In addition, some design tools provide a drag-and-drop user interface design, but lack support for control logic. Still other design tools provide control protocol resources and interactive configuration, but require specialized personnel to write code, and still present some difficulty to non-specialized users.

Therefore, it is needed to provide an HMI system based on Web programmable design, so that a user does not need to program a certain device in a certain scene separately, and only needs to design an interface like a UI design interface and upload the interface to the device. The system is not limited to a single field, and can be widely applied to display and control scenes of human-computer interface terminals in the fields of central control, audio and video, conference, industry and the like.

Disclosure of Invention

This section is intended to outline some aspects of embodiments of the invention and to briefly introduce some preferred embodiments. Some simplifications or omissions may be made in this section as well as in the description summary and in the title of the application, to avoid obscuring the purpose of this section, the description summary and the title of the invention, which should not be used to limit the scope of the invention.

Therefore, the invention aims to provide the HMI system based on the Web programmable design, which can ensure that a user does not need to program a certain device in a certain scene independently, only needs to design an interface like a UI design interface and upload the interface to the device, and can be widely applied to display and control scenes of human-computer interface terminals in the fields of central control, audio and video, conference, industry and the like.

In order to solve the technical problems, according to one aspect of the present invention, the following technical solutions are provided:

an HMI system based on Web programmable design, comprising: the cloud control system comprises a central control cloud server end, equipment and module ends, a remote control end and an Hmi Designer end;

the central control cloud server side is used for executing the key part of the whole system communication and providing three functions;

displaying communication before the touch screen end and the remote control end, and packaging and encrypting;

user management related functions including user login, registration, modification information, etc.;

background management related functions;

the equipment and module end is connected with the central control cloud server end, comprises a programmable control redisplay Android touch screen end and a programmable control redisplay singlechip touch screen end, and is used as a display end for providing functions including;

the project file issued by the editing software can be received and displayed back;

the central control cloud server can be connected, and a control instruction of remote control terminal software is received;

the touch screen can be connected with and control peripheral equipment, namely the function of the touch screen;

the remote control terminal is connected with the central control cloud server terminal and comprises remote control Android terminal software and remote control IOS terminal software, and the remote control terminal is used as a remote control terminal and provides functions including;

the remote display terminal touch screen device can be connected with a central control cloud server to receive, manage and control the remote display terminal touch screen device;

user related functions for the user to bind the corresponding touch screen device;

the Hmi Designer end is connected with the equipment and the module end and comprises PC end editing software which is used as a main part to provide interface design and generation of interaction logic, and can manage all projects and engineering interfaces and provide a mode of downloading to each touch screen equipment.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: in order to enable a user to access and use through a common Web browser or to install and use through various platforms, the system is developed based on Web technology, and front-end technologies such as HTML, CSS, javaScript and the like are adopted, due to the natural cross-platform characteristic of the Web technology.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: in order to enable a user to select and arrange various controls in a dragging and placing mode, the system adopts an visual design interface, the controls can be buttons, text boxes, sliding blocks, charts and the like, and the user can freely adjust the size, the position and the style of the controls according to actual requirements.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: to facilitate a user in selecting controls from a library that are suitable for their own needs, the system includes a modular control library that contains various commonly used input controls, output controls, and display controls that have configurable properties such as lists of options, defaults, ranges, and the like.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: to facilitate the user in defining event handlers for each control, the system employs an event-driven programming model.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: the system introduces a simplified interaction setting mode by reducing the dependence of the user on programming technology, and the user only needs to select triggering events and executing actions by a simple popup window selection mode.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: to implement demand logic under the specific demands of the user, the system is based on the functions of global high-level programming to create variables, delays, timers, etc. to correlate the states of the interface elements with them.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: in order to facilitate the user to select the corresponding adapter according to the actual equipment, the system is internally provided with an adapter protocol supporting various equipment, and the adapter is responsible for converting the designed interface and interaction logic into the recognizable instruction and data format of the equipment.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: the interface and the interactive logic designed for the user are stored in the server end and can be transmitted to the target equipment through the network, the system realizes the transmission of data through the Web technology, and the storage target equipment receives the interface and the interactive logic so as to respond to the operation of the user in real time and transmit the data back to the server end.

As a preferred embodiment of the HMI system according to the invention, which is based on a Web programmable design, the HMI system comprises: the system flow comprises the following steps:

s1, editing a new project by software at a PC end, selecting equipment with a corresponding model, editing a UI interface and interaction logic, and storing a project file;

s2, downloading the information to corresponding display touch screen equipment in a network mode;

s3, after receiving the engineering file, the display touch screen device analyzes and displays the corresponding UI interface back, and automatically generates interaction logic, and at the moment, the display touch screen device can control according to the edited interface and interaction;

s4, the display touch screen equipment is connected with the central control cloud, and at the moment, remote management and control can be performed through a remote control end;

s5, packaging and encrypting in the series of communication processes.

Compared with the prior art:

1. no programming is required: the user does not need to have professional programming and design background, and only needs to design the interface like the UI design interface and upload the interface to the equipment.

2. The coverage rate is wide: the system provides HMI programmable modules with different sizes, resolutions, shapes and interfaces, the modules can be used for equipment in various industry fields, the corresponding modules are only needed to be selected when the interfaces are edited, the corresponding interfaces and interactions are designed and edited, the modules can be used after being downloaded, independent programming is not needed, the system supports the function of downloading a plurality of modules at the same time, and the system is more in line-type production flow.

3. And (3) modular design: the system provides rich design options and modularized control component resources, a user can freely select and customize interface elements according to actual requirements to meet the requirements of specific application scenes, and as shown in fig. 3, the system integrates interface component libraries of various industries, the component libraries are generated through controls provided inside the system, and the interface component libraries represent that the user can customize on the basis of the components.

4. Resource support: the system provides various resource supports, such as selection of various shapes, graphics and fonts, and command sending and feedback configuration of the control, so as to meet the requirements of different application environments.

5. Simplifying the interaction setting: through a simple popup window selection mode, a user selects a trigger event and executes an action, complex codes are not required to be written, and quick setting and adjustment of interaction logic are realized.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the following detailed description of the embodiments of the present invention will be given with reference to the accompanying drawings, which are to be understood as merely some embodiments of the present invention, and from which other drawings can be obtained by those skilled in the art without inventive faculty. Wherein:

FIG. 1 is a schematic diagram of a system of the present invention;

FIG. 2 is a HMI flow chart of the present invention;

FIG. 3 is a diagram of the components of the system of the present invention;

FIG. 4 is a diagram of an HMI control of the present invention;

FIG. 5 is a block diagram of an HMI module of the present invention;

FIG. 6 is a flow chart of the downloading method of the present invention.

Detailed Description

In order that the above objects, features and advantages of the invention will be readily understood, a more particular description of the invention will be rendered by reference to the appended drawings.

In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present invention, but the present invention may be practiced in other ways other than those described herein, and persons skilled in the art will readily appreciate that the present invention is not limited to the specific embodiments disclosed below.

Next, the present invention will be described in detail with reference to the drawings, wherein the sectional view of the device structure is not partially enlarged to general scale for the convenience of description, and the drawings are only examples, which should not limit the scope of the present invention. In addition, the three-dimensional dimensions of length, width and depth should be included in actual fabrication.

For the purpose of making the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in further detail below with reference to the accompanying drawings.

The invention provides an HMI system based on Web programmable design, please refer to FIG. 1, which comprises a central control cloud server end 100, a device and module end 200, a remote control end 300 and an Hmi Designer end 400;

the central control cloud server 100 is configured to perform three functions as a key part of the overall system communication;

background management related functions;

the equipment and module end 200 is connected with the central control cloud server end 100, comprises a programmable control redisplay Android touch screen end 210 and a programmable control redisplay singlechip touch screen end 220, and is used as a display end for providing functions including;

the remote control end 300 is connected with the central control cloud server end 100, comprises remote control Android end software 310 and remote control IOS end software 320, and is used as a remote control end for providing functions including;

the Hmi Designer terminal 400 is connected with the equipment and module terminal 200, and comprises PC terminal editing software, wherein the PC terminal editing software is used as a main part for providing interface design and generation of interaction logic, and can manage all projects and engineering interfaces and provide a mode of downloading to each touch screen equipment;

in order to enable a user to access and use through a common Web browser, install and use through each platform, develop based on Web technology by adopting front-end technologies such as HTML, CSS and JavaScript, and the like, due to the natural cross-platform characteristics of the Web technology (the system is developed based on the Web technology by adopting the front-end technologies such as HTML, CSS and JavaScript, and the like, and enable the user to access and use through the common Web browser, install and use through each platform, and install and use through each platform, the system supports Windows and MacOS platforms at present, which means that the user can use the software on any system and platform).

In order to enable a user to select and arrange various controls through a dragging and placing mode, the system adopts an visual design interface, the controls can be buttons, text boxes, sliding blocks, charts and the like, the user can freely adjust the sizes, the positions and the styles of the controls according to actual demands (the system provides an visual design interface, the user can select and arrange various controls through the dragging and placing mode, the controls can be buttons, text boxes, sliding blocks, charts and the like, the user can freely adjust the sizes, the positions and the styles of the controls according to actual demands, the design interface supports real-time previewing, and the user can view the effects of the interface at any time.

To facilitate a user in selecting controls from a library that are suitable for their own needs, the system includes a library of modular controls that include various commonly used input controls, output controls, and display controls that have configurable properties such as lists of options, defaults, ranges, etc. (the system provides a library of modular controls that include various commonly used input controls, output controls, and display controls.

For example, the user may define a click event handling function for a button, a numerical change event handling function for a slider.

The system can automatically generate corresponding codes to complete the association setting of the event and the action.

The system is based on the function of global high-level programming to create variables, delays, timers, etc. to correlate the states of interface elements with them (the system supports the function of global high-level programming, i.e. creates variables, delays, timers, etc. to correlate the states of interface elements with them).

In order to facilitate the user to select the corresponding adapter according to the actual device, the system is internally provided with an adapter protocol supporting multiple devices, the adapter is responsible for converting the designed interface and interaction logic into the command and data format which can be recognized by the devices (the system supports the adaptation of multiple devices, the user can select the corresponding adapter according to the actual device, the adapter is responsible for converting the designed interface and interaction logic into the command and data format which can be recognized by the devices, and the user can apply the designed interface to the target device by simply selecting the adapter and simply configuring the adapter.

The interface and the interactive logic designed by the user are stored in the server end and can be transmitted to the target equipment through a network, the system can realize the data transmission and storage of the target equipment through the Web technology, receive the interface and the interactive logic, respond to the operation of the user in real time, and transmit the data back to the server end (the system can realize the data transmission and storage through the Web technology).

Although the invention has been described hereinabove with reference to embodiments, various modifications thereof may be made and equivalents may be substituted for elements thereof without departing from the scope of the invention. In particular, the features of the disclosed embodiments may be combined with each other in any manner as long as there is no structural conflict, and the exhaustive description of these combinations is not given in this specification merely for the sake of omitting the descriptions and saving resources. Therefore, it is intended that the invention not be limited to the particular embodiment disclosed, but that the invention will include all embodiments falling within the scope of the appended claims.

Claims

1. An HMI system based on Web programmable design, characterized by including a central control cloud server end (100), a device and module end (200), a remote management and control end (300) and an Hmi Designer end (400);

The central control cloud server (100) is used to perform communication as a key part of the entire system and provides three functions;

Display the previous communication between the touch screen terminal and the remote control terminal, and package and encrypt it;

User management related functions, including user login, registration, information modification, etc.;

Backend management related functions;

The device and module end (200) is connected to the ZKong cloud server end (100), including a programmable control echo Android touch screen end (210) and a programmable control echo microcontroller touch screen end (220), as the display end, Features provided include;

Can receive and echo project files issued by editing software;

Can connect to the central control cloud server and receive control instructions from the remote control terminal software;

Can connect and control peripheral devices, which is the function that comes with the touch screen;

The remote management and control terminal (300) is connected to the Zhongkong cloud server (100) and includes remote management and control Android software (310) and remote management and control IOS software (320). As a remote management and control terminal, it provides functions including;

Can receive and echo project files issued by editing software;

Can connect to the central control cloud server to accept and manage remote display touch screen devices;

User-related functions allow users to bind corresponding touch screen devices;

The HmiDesigner end (400) is connected to the equipment and module end (200), and includes PC-end editing software. As the main part, the PC-end editing software provides interface design and interaction logic generation. Secondly, it can also manage all projects and engineering interfaces. , and provide ways to download to various touch screen devices.

2. An HMI system based on Web programmable design according to claim 1, characterized in that, in order to enable users to access and use it through common Web browsers, and also install and use it through various platforms, the system is based on Web technology development uses front-end technologies such as HTML, CSS and JavaScript, due to the inherent cross-platform nature of Web technology.

3. An HMI system based on Web programmable design according to claim 1, characterized in that, in order to enable users to select and arrange various controls by dragging and placing, the system adopts an intuitive visual design interface, and the controls It can be buttons, text boxes, sliders, charts, etc. Users can freely adjust their size, position and style according to actual needs.

4. An HMI system based on Web programmable design according to claim 1, characterized in that, in order to facilitate users to select controls suitable for their own needs from the library, the system includes a modular control library, which contains various commonly used controls. Input controls, output controls, and display controls have configurable properties, such as option lists, default values, ranges, etc.

5. An HMI system based on Web programmable design according to claim 1, characterized in that, for the convenience of users, event handlers can be defined for each control, and the system adopts an event-driven programming model.

6. An HMI system based on Web programmable design according to claim 1, characterized in that, in order to reduce the user's dependence on programming technology, the system introduces a simplified interactive setting method, and the user only needs to select through a simple pop-up window. method, select trigger events and perform actions.

7. An HMI system based on Web programmable design according to claim 1, characterized in that, in order to realize the demand logic under the special needs of users, the system is based on the function of global advanced programming to create variables, delays, Timers, etc., associate the status of interface elements with them.

8. An HMI system based on Web programmable design according to claim 1, characterized in that, in order to facilitate the user to select the corresponding adapter according to the actual device, the system has built-in adaptation protocols that support multiple devices, and the adapter is responsible for The designed interface and interaction logic are converted into instructions and data formats that the device can recognize.

9. An HMI system based on Web programmable design according to claim 1, characterized in that the interface and interaction logic designed for user convenience are saved on the server side and can be transmitted to the target device through the network. The system uses the Web The technology realizes the transmission and storage of data. The target device receives the interface and interaction logic to respond to the user's operations in real time, and transmits the data back to the server.

10. An HMI system based on Web programmable design according to claim 1, characterized in that the system process includes the following steps:

S1. Create a new project with the PC editing software, select the corresponding model of equipment, edit the UI interface and interaction logic, and save the project file;

S2. Download to the corresponding display touch screen device through the network;

S3. After receiving the project file, the display touch screen device parses and echoes the corresponding UI interface, and automatically generates interaction logic. At this time, the display touch screen device can be controlled according to the edited interface and interaction;

S4. The display touch screen device is connected to the Zhongkong Cloud, and then remote management and control can be carried out through the remote management terminal;

S5. During the above series of communication processes, encapsulation and encryption are performed.