Valve state rendering method and system based on WebGL rendering

Abstract

The invention discloses a valve state rendering method and system based on WebGL rendering, and the system comprises a data collection module which is configured in a valve and is used for obtaining the operation data of the valve; the WebGL rendering module is configured on the Web server and is used for receiving the preprocessed operation data and rendering the preprocessed operation data to generate a 3D model; the user interface module is used for displaying the rendered 3D model through a Web browser and carrying out interaction; and the state prediction module is used for predicting the future state of the valve and displaying the future state of the valve through the user interface module. The operation state of the valve is displayed in real time through the WebGL technology, the user interface module provides a friendly user operation interface and rich interaction functions, predictive maintenance is carried out through the AI technology, that is, when the valve possibly breaks down or is in an abnormal state is predicted through historical data, and timely maintenance is carried out.

Description

Technical Field

[0001] The present application relates to the field of rendering technology, and more specifically to a valve status rendering method and system based on WebGL rendering. Background Art

[0002] Industrial automation monitoring is an important part of modern industrial production. It ensures the efficiency, safety and stability of the production process by real-time monitoring and control of the operating status of key equipment in the production process. As an important actuator in the industrial automation system, the operating status of the valve directly affects the control effect and system safety of the production process. Traditional valve monitoring methods mainly rely on simple 2D charts and fixed alarm mechanisms, which makes it difficult to fully and intuitively display the real-time operating status and historical data of the valve.

[0003] Valves play a vital role in industrial process control, and their operating status directly affects the safety and efficiency of the entire production system. With the continuous improvement of industrial automation level, the requirements for real-time monitoring and management of valve status are becoming higher and higher. However, the existing valve status monitoring system has significant deficiencies in some aspects and is difficult to meet the needs of modern industrial production.

[0004] Traditional valve status monitoring systems mainly rely on 2D charts and simple 3D model displays. Although this display method can provide basic status information, it has the following limitations in practical applications: 1. The status data of traditional monitoring systems is updated at a low frequency, usually by interval sampling or timed uploading, which makes it difficult to achieve real-time monitoring of valve status. This delay leads to the following problems: Slow response speed: When a valve abnormality or failure occurs, the system cannot provide the latest status information in a timely manner, affecting the timeliness of fault diagnosis and processing, which may increase the risk of production system operation.

[0005] Data lag: Due to untimely data updates, users cannot obtain the real-time operating status of the valve and can only rely on historical data to make judgments, making it difficult to make accurate decisions.

[0006] 2. 2D charts and simple 3D model displays are difficult to intuitively and comprehensively reflect the operating status and potential failures of the valve. This display method has the following problems: Limitations of information expression: Although two-dimensional charts can display the changing trend of parameters, they lack space and visual effects, making it difficult for users to intuitively perceive the actual status and position relationship of the valve.

[0007] Complex data analysis: Users need to go through tedious data analysis to understand the actual status of the valve, which increases the complexity of operation and management. Especially when faced with large amounts of data, misjudgment or missed judgment is prone to occur.

[0008] Lack of dynamic display: Simple 3D model displays are usually static and cannot show the dynamic changes and abnormal conditions that occur during valve operation, making it difficult for users to fully understand the real-time status of the equipment.

[0009] 3. Traditional systems lack interactive functions, and users cannot view and analyze valves from multiple angles through the system. This static display method limits users' comprehensive understanding and in-depth analysis of equipment status.

[0010] 4. In traditional monitoring systems, the data correlation between different parameters is not sufficiently displayed. It is impossible to intuitively reflect the mutual influence between different parameters during valve operation, such as pressure and flow, temperature and switch status, etc.: Lack of correlation analysis: It is difficult for users to intuitively understand the relationship between different parameters through the system, and they need to perform complex data analysis manually, which affects the efficiency and accuracy of the analysis.

[0011] Unable to display comprehensive status: It is difficult for the system to comprehensively display the overall operating status of the valve. You can only view each parameter one by one, and it is impossible to understand the comprehensive performance and potential problems of the valve at a glance.

[0012] 5. Traditional monitoring systems usually lack early warning and prediction functions, and can only perform post-analysis, but cannot detect potential problems in advance. The system cannot timely warn of abnormal valve conditions, and users can only handle them after the failure occurs, affecting production safety and efficiency. It is impossible to perform trend analysis and predictive maintenance based on historical data, making it difficult to achieve preventive maintenance of equipment, which increases equipment failure rate and maintenance costs.

[0013] Traditional valve status monitoring systems have significant limitations in terms of real-time performance, display effect, interactivity, data correlation, and early warning and prediction functions, making it difficult to meet the high requirements of modern industrial production for valve status monitoring and management. Therefore, a valve status rendering method and system based on WebGL rendering is developed to make up for the shortcomings of traditional systems. Summary of the invention

[0014] In this embodiment, a valve status rendering method, system, electronic device and storage medium based on WebGL rendering are provided to solve the problem that the related technology has significant limitations in real-time, display effect, interactivity, data correlation, and early warning and prediction functions.

[0015] In a first aspect, an embodiment of the present invention provides a valve state rendering system based on WebGL rendering, and the valve state rendering system based on WebGL rendering includes: A data acquisition module, which is configured in the valve and is used to obtain operating data of the valve; A data processing module, the data processing module is used to pre-process the operation data; A data transmission module, the data transmission module is used to transmit the pre-processed operation data to the Web server; A WebGL rendering module is configured on the Web server and is used to receive the pre-processed operation data and perform rendering to generate a 3D model; A user interface module, which is used to display the rendered 3D model through a web browser and perform interaction; A state prediction module is used to predict the future state of the valve and display the future state of the valve through the user interface module.

[0016] In an optional embodiment, the data acquisition module includes a pressure sensor, a flow sensor, a position sensor and a temperature sensor, and the pressure sensor, the flow sensor, the position sensor and the temperature sensor are used to obtain various data of the valve; Among them, the pressure sensor is configured in the pipeline of the valve to obtain the pressure data in the pipeline of the valve; the flow sensor is installed in the pipeline of the valve to obtain the fluid flow passing through the valve; the temperature sensor is configured on the valve to monitor the valve and the surrounding ambient temperature; the position sensor is configured on the valve to monitor the switch position of the valve.

[0017] In an optional embodiment, the data processing module includes a data collector, a data processing unit and a data storage unit. The data collector is connected to the data collection unit by wired and / or wireless means, and is used to receive and summarize the data acquired by each of the data collection units; the data processing unit is built into the data collector, and the data processing unit is used to pre-process the data acquired by each of the data collection units, and the data storage unit is used to store the data processed by the data processing unit.

[0018] In an optional embodiment, the WebGL rendering module includes a 3D rendering engine and a data mapping unit. The 3D rendering engine is used to render according to the preprocessed data to generate a 3D model. The data mapping unit is used to map the preprocessed data to the 3D model to generate a real-time display of the 3D valve status.

[0019] In an optional embodiment, the state prediction module includes a pre-trained prediction model, wherein the pre-trained prediction model is obtained by training with pre-collected historical valve data, and the pre-trained prediction model is used to predict valve state changes within a certain period of time in the future.

[0020] In an optional embodiment, the training of the prediction model includes: Acquire historical valve data, wherein the historical valve data includes normal state data, abnormal state data, valve switching frequency data, opening change data, fluid flow data, and pressure change data; Preprocess historical valve data; Use the preprocessed historical valve data to train the time series analysis model; The trained time series analysis model is used as a prediction model to predict the future state of the valve.

[0021] In an optional embodiment, the user interface module includes a Web front end and an interaction unit, wherein the Web front end is used to provide a user access and operation interface, and the interaction unit is used to provide a user-system interaction function.

[0022] Compared with the prior art, the beneficial effects of the valve status rendering system based on WebGL rendering of the present invention are as follows: The present invention uses WebGL technology to display the operating status of the valve in real time, providing intuitive, dynamic and interactive status display images. The data acquisition module collects the operating data of the valve in real time, the data processing module performs preprocessing, the data transmission module ensures the real-time and reliability of the data, the WebGL rendering module realizes efficient 3D rendering, and the user interface module provides a friendly user operation interface and rich interactive functions. In addition, predictive maintenance is performed by using AI technology, that is, predicting when the valve may fail or be in an abnormal state through historical data, so as to perform timely maintenance.

[0023] In a second aspect, an embodiment of the present invention provides a valve status rendering method based on WebGL rendering, comprising the following steps: Obtain valve operation data through data acquisition module; Preprocessing the operation data using a data processing module; The pre-processed running data is transmitted to the Web server through the data transmission module; The pre-processed running data is received through the WebGL rendering module configured on the Web server, and the 3D model is generated by rendering; Display the rendered 3D model through a web browser based on the user interface module and interact with it; The future state of the valve is predicted through the state prediction module, and the future state of the valve is displayed through the user interface module.

[0024] In a third aspect, an embodiment of the present invention provides an electronic device, comprising a processor, a communication interface, a memory and a bus, wherein the processor, the communication interface and the memory communicate with each other through the bus, and the processor can call logical instructions in the memory to execute the steps of the method provided in the second aspect.

[0025] In a fourth aspect, an embodiment of the present invention provides a non-transitory computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the steps of the valve status rendering method based on WebGL rendering as described in the second aspect.

[0026] Compared with the prior art, the beneficial effects of the valve state rendering method, electronic device and storage medium based on WebGL rendering of the present invention are the same as those of the valve state rendering system based on WebGL rendering described in the first aspect, so they are not repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0027] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0028] Figure 1 It is a structural block diagram of a valve status rendering system based on WebGL rendering in an embodiment of the present invention; Figure 2 It is a structural block diagram of a data acquisition module in an embodiment of the present invention; Figure 3 It is a structural block diagram of a data processing module in an embodiment of the present invention; Figure 4 This is a structural block diagram of a WebGl rendering module in an embodiment of the present invention; Figure 5 It is a flowchart of a valve status rendering method based on WebGL rendering in an embodiment of the present invention; Figure 6 1 is a structural block diagram of an electronic device in an embodiment of the present invention. DETAILED DESCRIPTION

[0029] In order to more clearly understand the purpose, technical solutions and advantages of the present application, the present application is described and illustrated below in conjunction with the accompanying drawings and embodiments.

[0030] Unless otherwise defined, the technical terms or scientific terms involved in this application shall have the general meaning understood by people with general skills in the technical field to which this application belongs. The words "one", "a", "the", "these" and the like in this application do not indicate a quantitative limitation, and they may be singular or plural. The terms "include", "comprise", "have" and any variants thereof involved in this application are intended to cover non-exclusive inclusions; for example, a process, method and system, product or device comprising a series of steps or modules (units) is not limited to the listed steps or modules (units), but may include unlisted steps or modules (units), or may include other steps or modules (units) inherent to these processes, methods, products or devices. The words "connect", "connected", "coupled" and the like involved in this application are not limited to physical or mechanical connections, but may include electrical connections, whether direct or indirect. The "multiple" involved in this application refers to two or more. "And / or" describes the association relationship of associated objects, indicating that there may be three relationships, for example, "A and / or B" may mean: A exists alone, A and B exist at the same time, and B exists alone. Generally, the character " / " indicates that the objects associated with each other are in an "or" relationship. The terms "first", "second", "third", etc. in this application are only used to distinguish similar objects and do not represent a specific ordering of the objects.

[0031] First, the prior art and related concepts involved in the embodiments of the present invention are described: WebGL (Web Graphics Library) is a JavaScript-based 3D model rendering technology that can run directly in a Web browser and provide efficient 3D model rendering capabilities. With WebGL technology, high-quality 3D models and animation effects can be displayed through the browser without installing additional software. The introduction of WebGL technology enables Web-based monitoring systems to achieve more intuitive and dynamic status display, improving user experience and interactive effects.

[0032] In an embodiment of the present invention, a valve status rendering system based on WebGL rendering is provided. The terms "module", "unit", "subunit", etc. used below can implement a combination of software and / or hardware of predetermined functions. Although the system described in the following embodiments is preferably implemented in software, the implementation of hardware or a combination of software and hardware is also possible and conceivable.

[0033] like Figure 1 As shown, Figure 1: is a principle block diagram of a valve state rendering system based on WebGL rendering in an embodiment of the present invention. Specifically, the valve state rendering system based on WebGL rendering includes: A data acquisition module is configured in the valve to obtain the operating data of the valve; like Figure 2 As shown, in this embodiment, the data acquisition module includes a pressure sensor, a flow sensor, a position sensor and a temperature sensor, and the pressure sensor, the flow sensor, the position sensor (switch state sensor) and the temperature sensor are used by the user to obtain various data of the valve; Among them, the pressure sensor is configured in the pipeline of the valve to obtain the pressure data in the pipeline of the valve; the flow sensor is installed in the pipeline of the valve to obtain the fluid flow passing through the valve; the temperature sensor is configured on the valve to monitor the valve and the surrounding ambient temperature; the position sensor is configured on the valve to monitor the switch position of the valve.

[0034] Specifically, pressure sensors are installed at key locations of valves to monitor the pressure of valves in real time. Pressure sensors can accurately measure pressure changes in pipelines and detect abnormalities in a timely manner. Temperature sensors are used to monitor the temperature of valves and their surroundings. Temperature sensors can help detect valve failures caused by temperature changes, such as overheating or overcooling. Flow sensors are installed in pipelines to measure the flow of fluids flowing through valves in real time. Flow sensors can reflect the opening and closing status of valves and the actual flow changes of fluids, helping to determine the working condition of valves. Position sensors (switch status sensors) are used to monitor the switch position of valves. Position sensors can accurately identify the switch status of valves (such as fully open, partially open, or fully closed) and provide intuitive operating status information.

[0035] Furthermore, by installing corresponding sensors at various parts of the valve, multi-dimensional operating data such as pressure, temperature, flow and switch status can be collected in real time to ensure the timeliness and comprehensive data support of the data. The collected data can be stored in the local processing center.

[0036] The data processing module is used to pre-process the operating data; specifically, the collected real-time data is pre-processed, including data filtering, calibration and format conversion, and the processed data is stored in a database.

[0037] like Figure 3As shown, in this embodiment, the data processing module includes a data collector, a data processing unit and a data storage unit. The data collector is connected to the data collection unit by wired and / or wireless means, and is used to receive and summarize the data acquired by each data collection unit; the data processing unit is built into the data collector, and the data processing unit is used to pre-process the data acquired by each data collection unit, and the data storage unit is used to store the data processed by the data processing unit.

[0038] Specifically, the data collector is responsible for receiving and summarizing the data transmitted by various sensors. The data collector is connected to the sensor by wire or wireless means to collect and record various operating data in real time. The data processing unit is built into the data acquisition device and is used to perform preliminary processing on the collected raw data, such as data filtering, denoising, calibration and format conversion, to ensure the accuracy and consistency of the data.

[0039] More specifically, the data preprocessing unit first filters the collected raw data to remove noise and invalid data. Noise may come from sensor errors, environmental interference or communication errors. Data filtering removes outliers and noise signals by setting thresholds, moving averages or Kalman filtering algorithms to ensure the authenticity and reliability of the data. After data filtering, the preprocessing unit calibrates the data. Since sensors may drift and have errors during manufacturing and use, data calibration corrects sensor measurements by comparing with standard data or using calibration curves to ensure data accuracy. The calibration process can be automated or performed regularly at predetermined time intervals.

[0040] In addition, the data collected by different sensors may have different formats and units. In order to uniformly process and analyze, the preprocessing unit converts the data format, including converting analog signals into digital signals, converting data in different units (such as temperature conversion between Celsius and Fahrenheit), and converting data in different formats into a unified standard format of the system to ensure data consistency and readability.

[0041] In order to save storage space and improve transmission efficiency, the data preprocessing unit compresses the data. A lossless compression algorithm is used to compress the data, ensuring that the amount of data is reduced without losing any information, thereby improving the overall performance of the system.

[0042] The data storage unit is used to store pre-processed data to ensure the integrity and security of the data. The data storage unit can be a local storage device or a cloud storage system to facilitate subsequent transmission and processing of the data.

[0043] Data storage units include high-performance storage devices such as solid-state drives (SSDs) or large-capacity database servers to ensure secure storage and fast access to data. Storage devices have high reliability and long life and can operate stably in industrial environments.

[0044] The data storage unit is equipped with an efficient data management system, which is responsible for organizing and managing the stored data. The data management system supports the storage of multiple data types, provides flexible data retrieval and query functions, and ensures fast access and efficient use of data.

[0045] In order to prevent data loss, the data storage unit implements an automated data backup and recovery mechanism. Data backup can be local backup or cloud backup. Data is backed up regularly to ensure that data can be quickly restored in the event of data corruption or system failure, ensuring system continuity and reliability.

[0046] The data storage unit attaches great importance to data security and protects data through multi-level security measures, including data encryption, access control and firewalls, to prevent data leakage, tampering and unauthorized access, and ensure the confidentiality and integrity of data. According to the importance and frequency of use of data, the data storage unit stores data in layers. High-frequency data is stored in high-speed storage devices, and low-frequency data is stored in large-capacity storage devices, which improves storage efficiency and system response speed.

[0047] In combination with the above, the data processing module receives the valve operation data from the data acquisition module in real time through communication interfaces such as industrial Ethernet and fieldbus. The data acquisition module is deployed at the valve site and collects key parameters such as valve opening, pressure difference, medium flow, medium temperature, etc. in real time through various sensors such as pressure sensors, flow sensors, position sensors, temperature sensors, etc. A reliable and real-time data transmission channel is established between the data processing module and the data acquisition module to ensure low latency and integrity of the data.

[0048] In the process of data collection at the valve site, various noises and interferences will inevitably be introduced, such as electromagnetic interference, pipeline vibration, medium pulsation, etc., resulting in invalid and abnormal data points in the collected data. The data processing module uses a variety of digital signal processing algorithms, such as Kalman filtering, adaptive filtering, wavelet denoising, etc., to automatically identify and remove noise and invalid points in the data, improve the signal-to-noise ratio and effectiveness of the data, and provide a reliable data basis for subsequent abnormal diagnosis.

[0049] Due to the accuracy limitation, range drift, installation position deviation and other factors of the sensor itself, the collected valve data may have certain errors and biases. The data processing module adopts an adaptive calibration algorithm to estimate the sensor's error model and calibration parameters in real time based on the sensor's calibration data and dynamic response characteristics, and automatically calibrates and corrects the collected data to ensure the accuracy and consistency of the data. At the same time, the data processing module also supports remote calibration and online calibration functions, which is convenient for users to perform regular sensor calibration and maintenance.

[0050] The data formats and units output by sensors and collectors of different types and manufacturers may be inconsistent. For example, pressure data may use different units such as bar, psi, MPa, and flow data may use different units such as m³ / h, L / min, kg / s, etc. The data processing module uses a unified data format and unit standard, such as JSON format and the International System of Units, to automatically convert and standardize heterogeneous data, ensure data interoperability and consistency, and facilitate subsequent data analysis and visualization applications.

[0051] The long-term operation of the valve status monitoring system will generate a large amount of time series data, which places high demands on data storage and transmission. The data processing module uses efficient lossless compression algorithms, such as LZ4, Snappy, ZSTD, etc., to compress the pre-processed data in real time, while ensuring data integrity, significantly reducing the data storage space and transmission bandwidth, and reducing the system's storage and communication costs. At the same time, the data processing module also supports multi-level compression and adaptive compression strategies, dynamically adjusting the compression algorithm and compression ratio according to the characteristics of the data and application requirements, to achieve the optimal balance between storage space and access performance.

[0052] The data processing module uses a highly reliable and high-performance database system to persistently store and manage the pre-processed valve monitoring data. According to the characteristics and application scenarios of the data, the data processing module flexibly uses a variety of data storage technologies such as relational databases, time series databases, document databases, such as MySQL, InfluxDB, MongoDB, etc., to achieve efficient reading, writing and querying of valve status data. At the same time, the data processing module also adopts a distributed storage architecture and data redundancy mechanism, and improves the scalability and reliability of data storage through data sharding, copy backup and other technologies to avoid single point failures and data loss.

[0053] The massive amount of valve monitoring data poses a challenge to data management and application development. The data processing module adopts a metadata-driven data management framework to manage and trace valve monitoring data throughout its life cycle through metadata such as data directory, data dictionary, and data lineage. Users can quickly retrieve and locate the required monitoring data through metadata, and access and query data through standard API interfaces to improve the flexibility and ease of use of data applications. At the same time, the data processing module also supports data version management and data governance functions, and ensures the accuracy, consistency and traceability of data through data change audits, data quality monitoring and other means, providing a reliable data foundation for valve status analysis.

[0054] Valve monitoring data is an important asset of industrial production. Once data is lost or damaged, it will bring huge economic losses and safety hazards to the enterprise. The data processing module adopts a multi-level and multi-granular data backup mechanism, and formulates differentiated backup strategies according to the importance and change frequency of the data. Through local backup, off-site backup, cloud backup and other technical means, the valve monitoring data is regularly backed up in full and incremental form, and backup consistency checks and recovery drills are performed to ensure the availability and integrity of the backup data and minimize the risk of data loss.

[0055] Valve monitoring data may contain sensitive information and commercial secrets of industrial production. Once illegally stolen or tampered with, it will cause serious economic losses and reputation damage to the company. The data processing module adopts a multi-level, in-depth defense security protection mechanism to fully protect the confidentiality, integrity and availability of valve monitoring data. Through access control, data encryption, security audit and other technical means, strict security protection is carried out in all aspects of data collection, transmission, storage, processing, etc. to prevent data from being illegally accessed, tampered with and leaked. At the same time, the data processing module also supports data desensitization and data isolation functions. Through data masking, data isolation and other technologies, controllable access and isolation protection of sensitive data can be achieved to minimize data security risks.

[0056] A data transmission module, the data transmission module is used to transmit the pre-processed running data to the Web server; The data transmission module includes network transmission equipment and transmission protocols to ensure that the pre-processed data can be transmitted to the remote Web server safely and timely.

[0057] In this embodiment, the network transmission equipment includes wired transmission equipment and wireless transmission equipment. In the industrial environment, a stable wired network connection (such as Ethernet) is the basis for data transmission. Industrial-grade switches and routers are used to ensure high data transmission rates and low latency. Wired transmission equipment has the characteristics of strong anti-interference ability and high reliability, and is suitable for application scenarios with high requirements for real-time performance and stability.

[0058] Wireless transmission equipment (such as Wi-Fi, LoRa, and 5G) provides a flexible solution. Wireless transmission equipment has the advantages of easy installation and wide coverage, but factors such as signal strength and transmission interference need to be considered. Industrial-grade wireless transmission equipment has strong anti-interference capabilities and data encryption functions to ensure the security and reliability of data transmission. In some complex industrial environments, combining wired and wireless transmission methods can achieve redundancy and backup of data transmission. Through the automatic switching mechanism, when wired transmission fails, the wireless transmission equipment can take over immediately to ensure the continuity of data transmission.

[0059] Specifically, data transmission includes the following steps: The data processing module prepares the preprocessed data and waits for transmission.

[0060] The data transmission module establishes a connection with a remote Web server via a wired or wireless network device; Package the preprocessed data into data packets that comply with the transmission protocol (TCP / IP protocol, MQTT protocol, HTTPS protocol), and attach verification information and sequence numbers; Use the encryption mechanism of the transmission protocol (such as TLS) to encrypt data packets to ensure the security of data during transmission.

[0061] The data packets are transmitted to the remote Web server through the network transmission equipment to ensure the real-time and reliability of data transmission.

[0062] The remote Web server receives the data packet and returns a confirmation message through the transport protocol to ensure that the data is received completely.

[0063] If data loss or error occurs during the transmission process, the data transmission module will resend the data packet according to the retransmission mechanism of the transmission protocol to ensure the integrity and correctness of the data.

[0064] It should be noted that during the data transmission process, strong encryption algorithms (such as AES and RSA) are used to encrypt data to prevent data from being stolen or tampered with during transmission. Errors in data packets during transmission are detected and corrected through checksums and error detection algorithms (such as CRC). The transmission protocol supports automatic retransmission mechanisms (such as TCP's retransmission mechanism) to ensure that data packets can be resent when they are lost or erroneous during transmission, thereby ensuring data integrity. The data transmission module records log information during transmission, including transmission time, data packet sequence number, error records, etc., to facilitate subsequent fault analysis and troubleshooting. Transmission faults can be discovered and handled in a timely manner by real-time monitoring of the transmission status and the reception of data packets. For abnormal situations, the system can automatically alarm and notify the operation and maintenance personnel to handle them.

[0065] The data transmission module realizes the real-time and secure transmission of pre-processed data through high-performance network transmission equipment and safe and reliable transmission protocols. The module design focuses on the real-time, reliability and security of data transmission, ensuring that the pre-processed data can be transmitted to the remote Web server in a timely manner, providing efficient data support for the system.

[0066] The WebGL rendering module is configured on the Web server to receive the pre-processed running data and render and generate a 3D model; like Figure 4 As shown, the WebGL rendering module includes a 3D rendering engine and a data mapping unit. The 3D rendering engine is used to render according to the preprocessed data to generate a 3D model. The data mapping unit is used to map the preprocessed data to the 3D model to generate a real-time display of the 3D valve status.

[0067] The 3D rendering engine is the core of the WebGL rendering module, which is responsible for processing the received real-time data into graphics and generating efficient and dynamic 3D valve status display images. The engine is based on WebGL technology and can make full use of the browser's hardware acceleration function to achieve efficient rendering of complex graphics.

[0068] The engine architecture includes: Graphics Processing Unit (GPU), using GPU for parallel computing, greatly improves the speed and efficiency of graphics rendering. GPU is responsible for executing vertex shaders and fragment shaders to convert data into 3D models.

[0069] Shader programs, including vertex shaders and fragment shaders, are used to process the geometric information and texture information of 3D models. The vertex shader is responsible for processing the position and attributes of each vertex, and the fragment shader is responsible for calculating the color and lighting effects of each pixel.

[0070] Rendering pipeline, the complete rendering pipeline includes vertex processing, primitive assembly, rasterization, fragment processing and frame buffer processing. Each step has a dedicated processing unit to ensure the efficiency and accuracy of the rendering process.

[0071] The data mapping unit is responsible for converting the collected real-time data into graphic data suitable for rendering. Through data mapping, the physical state of the valve (such as pressure, temperature, flow and switch state) is associated with the visual features of the 3D model to achieve visual display of the data.

[0072] The user interface module is used to display the rendered 3D model through a web browser and perform interaction; The user interface module includes a Web front end and an interaction unit. The Web front end is used to provide a user access and operation interface, and the interaction unit is used to provide user-system interaction functions.

[0073] The user interface module is the bridge for interaction between the system and the user. Through the Web front end and the interactive unit, it provides a user access and operation interface, enabling the user to view the operating status of the valve in real time and perform various interactive operations.

[0074] The web front end is the user's entry point to the system, responsible for presenting the valve's 3D status image and related data. The front end interface is implemented using web technologies such as HTML, CSS, and JavaScript to ensure good compatibility and responsiveness on a variety of devices and browsers.

[0075] Exemplarily, the interface design may include: Main interface: The main interface displays the 3D model and status information of the valve, including real-time data, historical data and abnormal warnings, etc. The interface layout is concise and clear, and the operation buttons and function blocks are reasonably arranged to facilitate user operation.

[0076] Navigation bar: provides quick access to various functional modules of the system, including real-time monitoring, historical data query, abnormal warning and system settings.

[0077] Information panel: displays key operating parameters of the valve, such as pressure, temperature, flow rate, and switch status. The information panel can be customized according to user needs to display different monitoring parameters.

[0078] Chart display: Provides a variety of chart display methods, including line charts, bar charts and pie charts, to help users intuitively analyze valve operation data and change trends.

[0079] The interactive unit provides users with the function of interactive operation with the system, allowing users to rotate, zoom, pan and other operations through the browser to view the valve status from different angles and details. The interactive unit also supports data query and analysis. Users can click on the valve model to obtain detailed operating data and history. Rotation: Users can rotate the 3D valve model by dragging the mouse or sliding on the touch screen to view the status and details of the valve from different angles.

[0080] Exemplarily, the interactive functions include: Zoom: Users can zoom in or out of the 3D model by using the mouse wheel or two fingers on the touch screen to view the local details or overall status of the valve.

[0081] Translation: Users can translate the 3D model and adjust its position in the window by dragging the mouse or sliding the touch screen.

[0082] Click to select: Users can click on a specific part of the valve model to obtain detailed operating data and history of that part. The system will pop up an information window to display relevant data and analysis results.

[0083] Data query: Users can query the valve's historical operating data and trend charts to perform data analysis and comparison by entering parameters or selecting a time range.

[0084] The user interface module provides user access and operation interface through the Web front end and interactive unit, enabling users to view the operating status of the valve in real time and perform various interactive operations. The module design focuses on user experience, ensuring easy operation and friendly interface, and achieving intuitive display and efficient management of valve status. The module combines modern Web technology and 3D model technology, provides powerful functions and excellent user experience, and provides important support for industrial automation monitoring.

[0085] The state prediction module is used to predict the future state of the valve and display the future state of the valve through the user interface module.

[0086] The state prediction module includes a pre-trained prediction model, which is obtained by training with pre-collected historical valve data. The pre-trained prediction model is used to predict valve state changes within a certain period of time in the future.

[0087] The training of the prediction model includes: Obtain historical valve data, including normal state data, abnormal state data, valve switching frequency data, opening change data, fluid flow data, and pressure change data; Preprocess historical valve data; Use the preprocessed historical valve data to train the time series analysis model; The trained time series analysis model is used as a prediction model to predict the future state of the valve.

[0088] Specifically, it is necessary to first collect a large amount of historical valve data, including working data under normal conditions and abnormal state data that occurred in the past. The data may include valve switching frequency, opening changes, fluid flow, pressure changes, etc.

[0089] Machine learning model training uses supervised learning models (such as support vector machines (SVMs), random forests, deep learning, etc.) to train data. The model will learn to recognize the difference between normal and abnormal states, and can automatically determine whether the current valve state is abnormal based on real-time data.

[0090] In addition to detecting anomalies, the system can also use AI technology for predictive maintenance, that is, predicting when the valve may fail or become abnormal through historical data. Prediction model: Use time series analysis models (such as LSTM, Prophet, etc.) to analyze the valve status data. By predicting the state changes of the valve in the future, the system can detect potential failure risks in advance and remind operators to perform maintenance. When the system predicts that the valve is about to become abnormal, it can automatically provide maintenance suggestions to the operator, such as replacing the valve, adjusting the flow, etc.

[0091] When the system detects that the working status of the valve deviates from the normal range, the AI-based anomaly detection model will immediately issue an alarm and highlight the abnormal valve on the WebGL interface to facilitate timely processing by operators.

[0092] Through big data technology, the system can store, process and analyze massive amounts of data to discover long-term trends and potential problems in valve operation. The system can aggregate and analyze sensor data from different valves to generate visual trend graphs, thermal maps, etc., to help operators identify long-term operating patterns.

[0093] In addition, the historical operation data of the valve can be viewed through the big data platform, past abnormal conditions can be analyzed, and the root cause of the problem can be found. Through big data analysis, the system can identify potential problems with the valve and recommend maintenance personnel to perform preventive maintenance before the problem occurs, thereby reducing downtime and maintenance costs.

[0094] The present invention uses WebGL technology to display the operating status of the valve in real time, providing intuitive, dynamic and interactive status display images. The data acquisition module collects the operating data of the valve in real time, the data processing module performs preprocessing, the data transmission module ensures the real-time and reliability of the data, the WebGL rendering module realizes efficient 3D rendering, and the user interface module provides a friendly user operation interface and rich interactive functions. In addition, predictive maintenance is performed by using AI technology, that is, predicting when the valve may fail or be in an abnormal state through historical data, so as to perform timely maintenance.

[0095] The embodiment of the present invention also provides a valve status rendering method based on WebGL rendering, such as Figure 5 As shown, Figure 5 : is a flow chart of a valve status rendering method based on WebGL rendering in an embodiment of the present invention, comprising the following steps: S11, obtaining the operation data of the valve through the data acquisition module; S12, preprocessing the operation data using a data processing module; S13, transmitting the pre-processed operation data to the Web server through the data transmission module; S14, receiving the pre-processed operation data through a WebGL rendering module configured in the Web server, and rendering to generate a 3D model; S15, displaying the rendered 3D model through a web browser based on the user interface module and performing interaction; S16. Predict the future state of the valve through the state prediction module, and display the future state of the valve through the user interface module.

[0096] The present invention uses WebGL technology to display the operating status of the valve in real time, providing intuitive, dynamic and interactive status display images. The data acquisition module collects the operating data of the valve in real time, the data processing module performs preprocessing, the data transmission module ensures the real-time and reliability of the data, the WebGL rendering module realizes efficient 3D rendering, and the user interface module provides a friendly user operation interface and rich interactive functions. In addition, predictive maintenance is performed by using AI technology, that is, predicting when the valve may fail or be in an abnormal state through historical data, so as to perform timely maintenance.

[0097] Figure 6 A structural block diagram of an electronic device provided by an embodiment of the present invention, such as Figure 6 As shown, the electronic device may include: a processor 610, a communication interface 620, a memory 630 and a communication bus 640, wherein the processor 610, the communication interface 620 and the memory 630 communicate with each other through the communication bus 640. The processor 610 may call the logic instructions in the memory 630 to execute the following method: Obtain valve operation data through data acquisition module; Preprocessing the operation data using a data processing module; The pre-processed running data is transmitted to the Web server through the data transmission module; The pre-processed running data is received through the WebGL rendering module configured on the Web server, and the 3D model is generated by rendering; Display the rendered 3D model through a web browser based on the user interface module and interact with it; The future state of the valve is predicted through the state prediction module, and the future state of the valve is displayed through the user interface module.

[0098] In addition, the logic instructions in the above-mentioned memory 630 can be implemented in the form of a software functional unit and can be stored in a computer-readable storage medium when it is sold or used as an independent product. Based on such an understanding, the technical solution of the present invention can be essentially or partly embodied in the form of a software product that contributes to the prior art. The computer software product is stored in a storage medium, including several instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk, etc. Various media that can store program codes.

[0099] An embodiment of the present invention further provides a non-transitory computer-readable storage medium on which a computer program is stored. When the computer program is executed by a processor, the method provided in each of the above embodiments is implemented, for example, including: Obtain valve operation data through data acquisition module; Preprocessing the operation data using a data processing module; The pre-processed running data is transmitted to the Web server through the data transmission module; The pre-processed running data is received through the WebGL rendering module configured on the Web server, and the 3D model is generated by rendering; Display the rendered 3D model through a web browser based on the user interface module and interact with it; The future state of the valve is predicted through the state prediction module, and the future state of the valve is displayed through the user interface module.

[0100] Through the description of the above implementation methods, those skilled in the art can clearly understand that each implementation method can be implemented by means of software plus a necessary general hardware platform, and of course, it can also be implemented by hardware. Based on this understanding, the above technical solution is essentially or the part that contributes to the prior art can be embodied in the form of a software product, and the computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, a disk, an optical disk, etc., including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods of each embodiment or some parts of the embodiment.

[0101] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit it. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

1. A valve status rendering system based on WebGL rendering, characterized in that: The valve status rendering system comprises: A data acquisition module, which is configured in the valve and is used to obtain operating data of the valve; A data processing module, the data processing module is used to pre-process the operation data; A data transmission module, the data transmission module is used to transmit the pre-processed operation data to the Web server; A WebGL rendering module is configured on the Web server and is used to receive the pre-processed operation data and perform rendering to generate a 3D model; A user interface module, which is used to display the rendered 3D model through a web browser and perform interaction; A state prediction module is used to predict the future state of the valve and display the future state of the valve through the user interface module.

2. The valve status rendering system based on WebGL rendering according to claim 1, characterized in that: The data acquisition module includes a pressure sensor, a flow sensor, a position sensor and a temperature sensor, and the pressure sensor, the flow sensor, the position sensor and the temperature sensor are used to obtain various data of the valve; Among them, the pressure sensor is configured in the pipeline of the valve to obtain the pressure data in the pipeline of the valve; the flow sensor is installed in the pipeline of the valve to obtain the fluid flow passing through the valve; the temperature sensor is configured on the valve to monitor the valve and the surrounding ambient temperature; the position sensor is configured on the valve to monitor the switch position of the valve.

3. The valve status rendering system based on WebGL rendering according to claim 2, characterized in that: The data processing module includes a data collector, a data processing unit and a data storage unit. The data collector is connected to the data collection unit by wired and / or wireless means, and is used to receive and summarize the data acquired by each of the data collection units; the data processing unit is built into the data collector, and the data processing unit is used to pre-process the data acquired by each of the data collection units, and the data storage unit is used to store the data processed by the data processing unit.

4. The valve status rendering system based on WebGL rendering according to claim 1, characterized in that: The WebGL rendering module includes a 3D rendering engine and a data mapping unit. The 3D rendering engine is used to render according to the preprocessed data to generate a 3D model. The data mapping unit is used to map the preprocessed data to the 3D model to generate a real-time displayed 3D valve status.

5. The valve status rendering system based on WebGL rendering according to claim 1, characterized in that: The state prediction module includes a pre-trained prediction model, which is obtained by training with pre-collected historical valve data. The pre-trained prediction model is used to predict valve state changes within a certain period of time in the future.

6. The valve status rendering system based on WebGL rendering according to claim 5, characterized in that: The training of the prediction model includes: Acquire historical valve data, wherein the historical valve data includes normal state data, abnormal state data, valve switching frequency data, opening change data, fluid flow data, and pressure change data; Preprocess historical valve data; Use the preprocessed historical valve data to train the time series analysis model; The trained time series analysis model is used as a prediction model to predict the future state of the valve.

7. The valve status rendering system based on WebGL rendering according to claim 1, characterized in that: The user interface module includes a Web front end and an interaction unit. The Web front end is used to provide a user access and operation interface, and the interaction unit is used to provide a user-system interaction function.

8. A valve status rendering method based on WebGL rendering, characterized in that: The steps include: Obtain valve operation data through data acquisition module; Preprocessing the operation data using a data processing module; The pre-processed running data is transmitted to the Web server through the data transmission module; The pre-processed running data is received through the WebGL rendering module configured on the Web server, and the 3D model is generated by rendering; Based on the user interface module, the rendered 3D model is displayed and interacted through the web browser; The future state of the valve is predicted through the state prediction module, and the future state of the valve is displayed through the user interface module.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the program, the valve status rendering method based on WebGL rendering as described in any one of claims 1 to 7 is implemented.

10. A non-transitory computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the valve status rendering method based on WebGL rendering as described in any one of claims 1 to 7 are implemented.

Images