CN117519701A - HMI system based on Web programmable design - Google Patents
HMI system based on Web programmable design Download PDFInfo
- Publication number
- CN117519701A CN117519701A CN202311504702.9A CN202311504702A CN117519701A CN 117519701 A CN117519701 A CN 117519701A CN 202311504702 A CN202311504702 A CN 202311504702A CN 117519701 A CN117519701 A CN 117519701A
- Authority
- CN
- China
- Prior art keywords
- user
- touch screen
- control
- equipment
- interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000013461 design Methods 0.000 title claims abstract description 43
- 230000006854 communication Effects 0.000 claims abstract description 10
- 238000004891 communication Methods 0.000 claims abstract description 8
- 230000002093 peripheral effect Effects 0.000 claims abstract description 4
- 230000003993 interaction Effects 0.000 claims description 18
- 238000005516 engineering process Methods 0.000 claims description 17
- 230000002452 interceptive effect Effects 0.000 claims description 7
- 238000004806 packaging method and process Methods 0.000 claims description 5
- 230000009471 action Effects 0.000 claims description 4
- 230000005540 biological transmission Effects 0.000 claims description 4
- 230000001934 delay Effects 0.000 claims description 4
- 230000004048 modification Effects 0.000 claims description 4
- 238000012986 modification Methods 0.000 claims description 4
- 230000000007 visual effect Effects 0.000 claims description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000004519 manufacturing process Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000010420 art technique Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000000034 method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Input From Keyboards Or The Like (AREA)
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
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 project file issued by the editing software can be received and displayed back;
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;
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 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 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 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 project file issued by the editing software can be received and displayed back;
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 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 (10)
1. The HMI system based on the Web programmable design is characterized by comprising 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 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 (200) is connected with the central control cloud server end (100) and comprises a programmable control back display Android touch screen end (210) and a programmable control back display singlechip touch screen end (220), and the functions of the equipment and module end are provided as display ends;
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 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 project file issued by the editing software can be received and displayed back;
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 HmiDesigner end (400) is connected with the equipment and module end (200) 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.
2. The HMI system according to claim 1, wherein, for enabling a user to access and use through a common Web browser or install and use through each platform, the system is developed based on Web technology, and uses front-end technologies such as HTML, CSS, javaScript, and the like, due to the nature of the Web technology across platforms.
3. The HMI system according to claim 1, wherein, in order to enable the user to select and arrange various controls by dragging and dropping, the system employs an intuitive visual design interface, and the controls may be buttons, text boxes, sliders, charts, etc., and the user may freely adjust their size, position and style according to actual needs.
4. A HMI system according to claim 1, wherein to facilitate a user in selecting controls from a library that are suitable for the user's own needs, the system includes a modular control library containing various commonly used input controls, output controls and display controls, the controls having configurable properties such as list of options, default values, ranges, etc.
5. A Web programmable design-based HMI system according to claim 1 wherein for convenience a user can define event handlers for each control, the system employs an event driven programming model.
6. The HMI system according to claim 1, wherein the system introduces a simplified interaction setup mode by reducing user dependence on programming technology, and wherein the user selects trigger events and execution actions by simply popup selection.
7. A HMI system based on Web programmable design according to claim 1, wherein to implement demand logic under specific demands of users, the system is based on globally high-level programmed functions to create variables, delays, timers, etc. to relate the status of interface elements to them.
8. The HMI system according to claim 1, wherein, to facilitate a user selecting a corresponding adapter according to an actual device, the system incorporates an adapter protocol supporting multiple devices, the adapter being responsible for converting the designed interface and interaction logic into device recognizable command and data formats.
9. The HMI system according to claim 1, wherein interfaces and interactive logic designed for user convenience are stored in a server side and can be transmitted to a target device through a network, and the system implements data transmission and storage through Web technology, and the target device receives the interfaces and interactive logic to respond to user operations in real time and transmit the data back to the server side.
10. The HMI system according to claim 1, wherein the system flow includes the steps of:
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.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311504702.9A CN117519701A (en) | 2023-11-13 | 2023-11-13 | HMI system based on Web programmable design |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311504702.9A CN117519701A (en) | 2023-11-13 | 2023-11-13 | HMI system based on Web programmable design |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117519701A true CN117519701A (en) | 2024-02-06 |
Family
ID=89765804
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311504702.9A Pending CN117519701A (en) | 2023-11-13 | 2023-11-13 | HMI system based on Web programmable design |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117519701A (en) |
-
2023
- 2023-11-13 CN CN202311504702.9A patent/CN117519701A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP0921463B1 (en) | A method and apparatus for controlling non-computer system devices by manipulating a graphical representation | |
| CN109460232B (en) | Method for manufacturing and monitoring configuration page | |
| CN101872280B (en) | Configuring animations and events for operator interface displays in a process control system | |
| CN109117138B (en) | Configuration method and device and computer readable storage medium | |
| CN109597665B (en) | System and method for facilitating graphic display configuration design in a process control plant | |
| WO2010120579A2 (en) | Utilizing spreadsheet user interfaces with flowsheets of a cpi simulation system | |
| US20120117548A1 (en) | System and method for free form comments for a programmable logic controller | |
| US10558184B2 (en) | Weakly-typed dataflow infrastructure with standalone, configurable connections | |
| CN113721901A (en) | Low-code financial data analysis visualization engine | |
| US9423787B2 (en) | Integrated drive management and configuration using instantiated objects | |
| CN102150133A (en) | Systems and methods for providing a common time manipulation service to desktop applications | |
| EP2833256A1 (en) | Image creation system for a network comprising a programmable logic controller | |
| CN114035860B (en) | Flow parameter configuration system based on RPA global variable module | |
| CN115495069A (en) | Model-driven coal industry software flow implementation method, device and equipment | |
| CN113515275A (en) | WYSIWYG cloud industrial configuration software system and development method thereof | |
| US8010939B2 (en) | Method for the graphic planning of the control of a technical installation with integrated planning of operating devices including a planning system and a computer program product | |
| CN102194402A (en) | Programmable device for graph control of light-emitting diode (LED) display screen | |
| CN117519701A (en) | HMI system based on Web programmable design | |
| CN114571443A (en) | System and method for teaching robot motion through mobile terminal wireless control low code | |
| CN107561950B (en) | Programming method of controller in building and server for providing programming tool of controller | |
| Fayzilloevich et al. | Development of softplc module testing methodology | |
| JP2003223204A (en) | Programming method of programmable controller, system thereof and recording medium thereof | |
| KR20090038708A (en) | Apparatus for creating tool for developing of control system | |
| Karhumaa | TwinCAT 3 HMI suitability for automation solutions | |
| Alisherovich et al. | Development of Softplc Module Testing Methodology |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |