CN116860217A - Human-computer visualization realization method based on WebAssembly - Google Patents
Human-computer visualization realization method based on WebAssembly Download PDFInfo
- Publication number
- CN116860217A CN116860217A CN202310836591.5A CN202310836591A CN116860217A CN 116860217 A CN116860217 A CN 116860217A CN 202310836591 A CN202310836591 A CN 202310836591A CN 116860217 A CN116860217 A CN 116860217A
- Authority
- CN
- China
- Prior art keywords
- webassembly
- man
- browser
- visualization
- machine
- 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
- 238000012800 visualization Methods 0.000 title claims abstract description 40
- 238000000034 method Methods 0.000 title claims abstract description 27
- 238000005516 engineering process Methods 0.000 claims abstract description 21
- 238000004891 communication Methods 0.000 claims description 4
- 238000012545 processing Methods 0.000 claims description 3
- 238000013480 data collection Methods 0.000 claims description 2
- 238000012544 monitoring process Methods 0.000 abstract description 4
- 230000000007 visual effect Effects 0.000 abstract description 4
- 230000003993 interaction Effects 0.000 description 9
- 230000008569 process Effects 0.000 description 6
- 230000008901 benefit Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000004044 response Effects 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/31—Programming languages or programming paradigms
-
- 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/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]
Abstract
The application relates to the technical field of computer programming, and discloses a human-computer visualization realization method based on WebAssembly, which comprises the following steps: step one: developing a server by combining the C++ language with the Qt framework; step two: based on Qt for WebAssembly technology, man-machine visualization applications running on a browser are cross compiled; step three: a complete data link is cast and provided to different platforms as desired by the user. According to the human-computer visualization realization method based on WebAssemble, provided by the application, the visualized execution program is moved to the Web browser from CNC controller equipment by combining Qt for WebAssembly technology, so that the situation that the traditional visual design software in the automation industry cannot consider the Web end is broken, and a new choice is provided for automatic remote monitoring.
Description
Technical Field
The application relates to the technical field of computer programming, in particular to a human-computer visualization realization method based on WebAssembly.
Background
The Web is an architecture based on a browser/server (B/S) where a client makes a request to a Web server using a browser on a computer, the server returns the requested Web page to the client in response to the client request, and the client displays the content of the Web page on a browser window. Each exchange of information in a Web application involves a client, which is software running on a client device, and a server, which is typically various types of browsers for accessing Web material. The server needs to provide the Web pages and other materials accessed by the user.
The visual design software of the traditional automation industry can only develop picture engineering aiming at specific CNC control equipment and PC platforms, so that man-machine interaction is limited by the condition factors such as equipment, platforms, time, geographic positions and the like, and different hardware equipment and operating systems cannot be considered. With the rapid development of network technology and the advent of the 4.0 era of industry, web network technology is becoming more important in the field of industrial control. More and more users tend to monitor production sites in real time through web, and conventional visualization software cannot provide a convenient and efficient solution. There is therefore a need for a Web server providing the user with corresponding functionality to enable a combination of Web technology and man-machine visualization.
Disclosure of Invention
The application aims to provide a human-computer visualization realization method based on WebAssembly, which aims to solve the technical problems in the background technology.
In order to achieve the above purpose, the present application discloses the following technical solutions:
the application discloses a human-computer visualization realization method based on WebAssembly, which comprises the following steps:
step one: developing a server by combining the C++ language with the Qt framework;
step two: based on the QtforWebAssemble technology, cross-compiling a man-machine visualization application program running on a browser;
step three: a complete data link is cast and provided to different platforms as desired by the user.
In one embodiment, the server establishes communication with the configured CNC controller device through the opc-ua protocol to achieve data collection and processing, and communicates with the man-machine visualization application running on the browser through the http/https protocol.
In one embodiment, the step two specifically includes:
when a user accesses the webServer through the browser, the browser starts a man-machine visualization application program, and the man-machine visualization application program is cross-compiled based on Qt for WebAssemb ly technology, and the man-machine visualization application program loads a picture project.
In one embodiment, the platform includes windows, ubuntu, centos and cnc devices.
In one embodiment, the browser's visualization is developed by FINGER CNC Hmi Des igner.
The beneficial effects are that: the human-computer visualization realization method based on WebAssembly breaks through the situation that the traditional visual design software in the automation industry cannot consider the Web end, and provides a new choice for automatic remote monitoring. Meanwhile, the method integrates the visualization of the Web technology, can be combined with the industrial Internet of things technology, is different from the traditional one-to-one man-machine interaction, can monitor a plurality of control devices at the same time, and has strong device expansion capability and real-time monitoring capability. And the man-machine interaction is realized by the WebAsssemly technology, the limiting conditions of equipment, a platform, time, geographic positions and the like in the traditional man-machine interaction process are broken, and compared with the traditional Html and JavaScript technology, the man-machine interaction method has the advantages of being quick, efficient and portable.
Drawings
In order to more clearly illustrate the embodiments of the application or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described, it being obvious that the drawings in the following description are only some embodiments of the application, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of a man-machine visualization implementation method based on WebAssembly in an embodiment of the application;
FIG. 2 is a block flow diagram of an consolidated data link for WebVisu web page visualization in an embodiment of the application.
Detailed Description
The following description of the technical solutions in the embodiments of the present application will be clear and complete, and it is obvious that the described embodiments are only some embodiments of the present application, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
In this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising … …" does not exclude the presence of other like elements in a process, method, article or apparatus that comprises the element.
The human-computer visualization realization method based on WebAssembly shown in FIG. 1 comprises the following steps:
step one: the server is developed by using the c++ language in combination with the Qt framework, which is a development framework for developing a cross-platform c++ graphical user interface application, and in this embodiment, the functions of the developed server include, but are not limited to, data acquisition and processing by establishing communication with a configured CNC controller device through the opc-ua protocol, and communication with a man-machine visualization application running on a browser through the http/https protocol.
Step two: based on Qt for WebAssemb ly technology, man-machine visualization applications running on a browser are cross-compiled. When a user accesses the webServer through the browser, a man-machine visualization application program is started on the browser, and the man-machine visualization application program is responsible for loading picture engineering, and all functions and user operations are almost the same as those on the CNC controller device. The Web visualization operation based on WebAssembly is a solution with good openness and high performance for the future, and provides high efficiency and flexibility for industry 4.0 and the Internet of things. Meanwhile, man-machine interaction is realized through a WebAssembly technology, limiting conditions such as equipment, a platform, time and geographic positions in the traditional man-machine interaction process are broken, and the WebAssembly technology supports most mainstream standard webpage browsers. Compared with the traditional Html and JavaScript technology, the WebAsssemly has the advantages of rapidness, high efficiency and portability. And the visualization integrated with the Web technology can be combined with the industrial Internet of things technology, is different from the traditional one-to-one man-machine interaction, can monitor a plurality of control devices at the same time, and has strong device expansion capability and real-time monitoring capability.
Step three: a complete data link is cast and provided to different platforms including, but not limited to, windows, ubuntu, centos and cnc devices, as desired by the user. It is possible that the flow of arranging the data link of the WebVi su webpage visualization is shown in fig. 2, and after the user logs in the network through the user terminal device (such as pad, phone, pc), the user accesses the browser and initiates a man-machine visualization application program running request on the browser page, the browser sends the program running request to the web server, and after the controller agrees to the program running request, the web server runs the home program webassembly binary file in the browser.
In this embodiment, the visualization process of the browser is developed through FINGER CNC Hmi Des igner, so that the set benefits are that the learning cost of the user is not increased additionally, and the operation of one picture project on different platforms is really realized, so that the method is efficient and reusable.
In summary, the present application combines Qt for WebAssemb ly technology to move visual executions from CNC controller devices to a Web browser. Webassembly is a binary instruction format for stack-based virtual machines, allowing server-side code (e.g., C or c++ code) to be compiled into WASM and executed in a browser, which provides an implementation for human-machine interaction on a browser.
Finally, it should be noted that: the foregoing description is only illustrative of the preferred embodiments of the present application, and although the present application has been described in detail with reference to the foregoing embodiments, it will be apparent to those skilled in the art that modifications may be made to the embodiments described, or equivalents may be substituted for elements thereof, and any modifications, equivalents, improvements or changes may be made without departing from the spirit and principles of the present application.
Claims (5)
1. A man-machine visualization realization method based on WebAssembly is characterized by comprising the following steps:
step one: developing a server by combining the C++ language with the Qt framework;
step two: based on Qt for WebAssembly technology, man-machine visualization applications running on a browser are cross compiled;
step three: a complete data link is cast and provided to different platforms as desired by the user.
2. The WebAssembly based man-machine visualization implementation method of claim 1, wherein the server establishes communication with the configured CNC controller device via an opc-ua protocol to implement data collection and processing, and communicates with a man-machine visualization application running on a browser via an http/https protocol.
3. The WebAssembly-based man-machine visualization implementation method according to claim 1, wherein the second step specifically includes:
when a user accesses the webServer through the browser, the browser starts a man-machine visualization application program, and the man-machine visualization application program is cross-compiled based on Qt for WebAssembly technology, and the man-machine visualization application program loads a picture project.
4. The WebAssembly based human-machine visualization implementation method of claim 1, wherein the platform includes windows, ubuntu, centos and cnc devices.
5. The WebAssembly based human-machine visualization implementation method of claim 1, wherein the browser visualization is developed by a FINGER CNC Hmi Designer.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310836591.5A CN116860217A (en) | 2023-07-10 | 2023-07-10 | Human-computer visualization realization method based on WebAssembly |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310836591.5A CN116860217A (en) | 2023-07-10 | 2023-07-10 | Human-computer visualization realization method based on WebAssembly |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116860217A true CN116860217A (en) | 2023-10-10 |
Family
ID=88222944
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310836591.5A Pending CN116860217A (en) | 2023-07-10 | 2023-07-10 | Human-computer visualization realization method based on WebAssembly |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116860217A (en) |
-
2023
- 2023-07-10 CN CN202310836591.5A patent/CN116860217A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP2873222B2 (en) | Robot information processing device | |
| CN109862064B (en) | Configuration method and device for remote monitoring of equipment | |
| US7490138B2 (en) | System for distributed programmable control | |
| US7146229B2 (en) | Controller for an analyzer | |
| US5982362A (en) | Video interface architecture for programmable industrial control systems | |
| US5805442A (en) | Distributed interface architecture for programmable industrial control systems | |
| CN101662493B (en) | Data acquiring method, system and server of user access path | |
| EP1924925A1 (en) | Initial server-side content rendering for client-script web pages | |
| CN101042694B (en) | Method for accessing father page in the time of brewing web page | |
| CN107688529B (en) | Component debugging method and device | |
| US20110302511A1 (en) | Method for providing an operating menu for a field device of process automation technology | |
| CN109460232A (en) | A kind of production and monitoring method of the configuration page | |
| CN112068824A (en) | Webpage development preview method and device and electronic equipment | |
| CN112685671A (en) | Page display method, device, equipment and storage medium | |
| CN103051694B (en) | The method and mobile communication terminal of mobile communication terminal control device | |
| CN102662837A (en) | Testing method and system of browser | |
| CN102929489B (en) | Client browser implementation method and client browser | |
| JP4460620B2 (en) | Information service providing method and server | |
| CN112346976A (en) | Interface document generation method, device and system based on webpage and computer equipment | |
| CN113778405A (en) | Cross-platform APP construction method, device, system and medium | |
| CN110851123A (en) | WebGIS power grid visualization framework construction method, system and device based on SpringMVC | |
| CN111258578A (en) | Method for realizing equipment template primitive | |
| CN116860217A (en) | Human-computer visualization realization method based on WebAssembly | |
| CN108829828B (en) | Webpage display method and device, electronic equipment and readable storage medium | |
| CN112866312A (en) | Script generation method, remote operation method and related equipment |
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 |