Well logging data online drawing method, system and electronic equipment based on HTML5

Abstract

The present application belongs to the field of well logging data application, and particularly relates to a well logging data online drawing method, system and electronic device based on HTML5. The system comprises a data supply module, a data verification module, a graphic drawing module and a picture splicing module, each module has clear division of labor, and the system adopts a rear-end drawing mode, greatly saves the performance requirement of the drawing system, improves the Web display capability of well logging high-end imaging data, and improves the performance of online drawing of large data volume well logging data. The method of the present application fully utilizes the technical advantages of HTML5, utilizes the WebSocket technology according to the characteristics of well logging data, proposes a method suitable for online drawing of well logging data, realizes high-performance online drawing of large data volume well logging data, avoids the processing process of invalid requests, improves the efficiency of online drawing of well logging data, and has flexibility and pertinence.

Description

Technical Field

[0001] This invention belongs to the field of well logging data application, and specifically relates to a method, system and electronic device for online drawing of well logging data based on HTML5. Background Technology

[0002] With the deepening of digital transformation in well logging, data sharing, business interconnection, and collaborative work have become new trends in well logging business development and important means of reducing costs and increasing efficiency. Monitoring the entire process of well logging data acquisition, processing, interpretation, and evaluation has become essential, and the demand for web-based display of well logging data during the monitoring process is increasing.

[0003] Currently, well logging curve plotting is primarily done via client-side applications. Due to the unique nature of well logging graphs, browser-based plotting lacks specialized graphic customization elements, resulting in high business complexity. The interaction process in web applications typically involves the client sending a request through the browser, the server receiving and processing the request and returning the result to the client, who then displays the information. This mechanism is adequate for applications with infrequent information changes, but it falls short for applications with high real-time requirements and massive concurrency. Real-time well logging data presentation on the web precisely addresses this data business model. Traditional request-response web development typically employs polling as a real-time communication solution for such scenarios. The principle is simple: the client sends frequent requests to the server at regular intervals to maintain data synchronization between the client and server. The problem is obvious: when the client sends requests to the server at a fixed frequency, the server's data may not be updated, leading to many unnecessary requests, wasted bandwidth, and low efficiency.

[0004] Meanwhile, with the increasing demand for high-end imaging services in well logging, large-scale data mapping has already created performance bottlenecks on the client side, and its implementation on the web platform is even less likely to meet expectations. Furthermore, in terms of rendering technology, traditional online graphics rendering uses Flash technology, which, in today's era of widespread mobile devices, is facing increasingly serious compatibility and maintainability issues. Summary of the Invention

[0005] The purpose of this invention is to overcome the above-mentioned shortcomings and provide an online drawing method, system and electronic device for well logging data based on HTML5, so as to realize the customization of Web graphic objects for well logging data images, meet the high-performance and high-efficiency online drawing of large-volume well logging data, and improve the front-end display capabilities of complex well logging data.

[0006] To achieve the above objectives, the technical solution adopted by the present invention is as follows:

[0007] The method for online plotting of well logging data based on HTML5 includes the following steps:

[0008] S1. Obtain specific logging data parameters, then execute S2;

[0009] S2. Check if the logging data parameters exist. If the logging data parameters exist, determine the curve content and the graphic objects required for the drawing template within the data range, and execute S3. If the logging data parameters do not exist, the requested content is invalid data, and execute S1.

[0010] S3. Confirm the image cache data group through Socket communication, then cut the entire image into multiple images according to a fixed ratio. The length of the cache array is determined by the number of images cut. Call the drawing service according to the length of the cache data group to complete the well logging graphic drawing. Then insert the drawn image into the cache data group and execute S4.

[0011] S4. The script service module obtains the starting depth of the cached data group and the number of scrolling pixels on the screen. Based on the number of scrolling pixels and the fixed pixel height of the image, it obtains the corresponding index, retrieves the image, and inserts the images of different depth segments into the corresponding positions one by one to complete the image stitching.

[0012] In S1, specific logging data parameters include the data source location, data depth range, data unit system, and drawing template information.

[0013] In S3, the confirmation of the image cache data group is achieved by obtaining the depth range of the image in real time through Socket communication, thereby determining the depth range of the image and the length of the cache array.

[0014] In S3, drawing well logging graphs involves combining the data source, well logging curves, and drawing templates, and then converting the curve units based on the unit system information.

[0015] An HTML5-based online well logging data plotting system includes:

[0016] The data acquisition module is used to receive drawing requests, acquire and provide specific logging data parameters, including data source location, data depth range, data unit system and drawing template information;

[0017] The data validation module is used to check if the data source exists.

[0018] The graphics drawing module is used to confirm the image cache data group, call the drawing service according to the length of the cache data group, complete the well logging graphics drawing, and then insert the drawn image into the cache data group.

[0019] The image stitching module uses a script service module to display the correspondence between coordinates and image indices, which is used to complete image stitching.

[0020] The data supply module is as follows:

[0021] The front-end browser sends a drawing request to specific well logging data, and the request parameters are passed to the business server, which then provides the data parameters to the data server.

[0022] The data validation module is as follows:

[0023] The data server checks whether the data source exists based on the request content. If the data source exists, the data server determines the curve content and the graphic objects required for the drawing template within the data range. If the data source does not exist, the request content is invalid data.

[0024] The graphics drawing module is as follows:

[0025] The business server obtains the depth range of the image displayed in the browser in real time through Socket communication, determines the depth range of the image and the length of the cache array, and the data server calls the drawing service according to the length of the cache data group to combine the data source, well logging curve and drawing template to complete the well logging graphic drawing. According to the unit system information, the curve unit is converted. Then the data server passes the drawn image to the business server, which inserts it into the cache data group and passes it to the browser.

[0026] The image stitching module is as follows:

[0027] The browser uses a cached data group to obtain the starting depth of the data from the data server through the script service module. At the same time, it captures the browser's scroll bar events to obtain the number of scroll pixels on the screen. Based on the number of scroll pixels and the fixed pixel height of the image, it calculates the corresponding index, obtains the image, and inserts the images of different depth segments into the browser screen one by one according to their corresponding positions to complete the image stitching.

[0028] An electronic device includes: a processor; a memory for storing computer program instructions; and steps for implementing an HTML5-based online well logging data plotting method when executing the computer program.

[0029] Compared with the prior art, the beneficial effects of the present invention are as follows:

[0030] This invention fully leverages the technological advantages of HTML5 and, considering the characteristics of well logging data, proposes a method for online rendering of well logging data using WebSocket technology. This method cuts images according to a fixed ratio, caches an image array, confirms the cached image data group via Socket communication, and calls the drawing service based on the length of the cached data group to achieve dynamic stitching and combination of well logging images. By utilizing post-image rendering and image stitching, it solves the problem of high-performance online rendering of large volumes of well logging data and improves the front-end display capabilities of complex well logging data. Furthermore, by checking the existence of the data source before rendering, it effectively avoids the handling of invalid requests, improving the efficiency of online well logging data rendering. The method is flexible and targeted.

[0031] Furthermore, the well logging plotting method of the present invention combines the data source, well logging curve, and plotting template, and performs curve unit conversion based on unit system information, thereby improving the accuracy of well logging plotting.

[0032] The system of this invention is divided into four parts: a data supply module, a data verification module, a graphics drawing module, and an image stitching module. The data supply module is used to acquire and provide specific logging data parameters. The data verification module is used to check whether the data source exists. The graphics drawing module is used to confirm the image cache data group, call the drawing service according to the length of the cache data group, complete the logging graphics drawing, and then insert the drawn image into the cache data group. The image stitching module is used to complete the image stitching. Each module has a clear division of labor. In addition, the system adopts a backend drawing method, which greatly reduces the performance requirements of the drawing system, improves the web display capability of high-end logging imaging data, and improves the performance of online drawing of large-volume logging data.

[0033] Furthermore, the system of this invention provides specific well logging data parameters through a front-end browser and a business server, performs data verification through a data server, draws graphics through the business server and the data server, and finally stitches the images together through the browser. The image drawing step is located on the server side, improving the browser's ability to display complex well logging data. Attached Figure Description

[0034] Figure 1 This is a schematic diagram of the processing flow of the method of the present invention;

[0035] Figure 2 This is a schematic diagram of the system module flow of the present invention;

[0036] Figure 3 This is a schematic diagram of the browser processing flow of the system of the present invention;

[0037] Figure 4 This is a schematic diagram of the final image display on the browser side of the present invention;

[0038] Figure 5 This is a schematic diagram of image stitching on the browser side of the present invention. Detailed Implementation

[0039] The invention will now be further described with reference to the accompanying drawings.

[0040] like Figure 1 As shown, the online plotting method for well logging data based on HTML5 includes the following steps:

[0041] S1. Obtain well logging data parameters, then execute S2;

[0042] S2. Check if the logging data parameters exist. If the logging data parameters exist, determine the curve content and the graphic objects required for the drawing template within the data range, and execute S3. If the logging data parameters do not exist, the requested content is invalid data, and execute S1.

[0043] S3. Confirm the image cache data group through Socket communication, then cut the entire image into multiple images according to a fixed ratio. The length of the cache array is determined by the number of images cut. Call the drawing service according to the length of the cache data group to complete the well logging graphic drawing. Then insert the drawn image into the cache data group and execute S4.

[0044] S4. The script service module obtains the starting depth of the cached data group and the number of scrolling pixels on the screen. Based on the number of scrolling pixels and the fixed pixel height of the image, it obtains the corresponding index, retrieves the image, and inserts the images of different depth segments into the corresponding positions one by one to complete the image stitching.

[0045] In S1, specific logging data parameters include the data source location, data depth range, data unit system, and drawing template information.

[0046] In S3, the confirmation of the image cache data group is achieved by obtaining the depth range of the image in real time through Socket communication, thereby determining the depth range of the image and the length of the cache array.

[0047] In S3, drawing well logging graphs involves combining the data source, well logging curves, and drawing templates, and then converting the curve units based on the unit system information.

[0048] This invention fully leverages the technological advantages of HTML5 and, considering the characteristics of well logging data, proposes a method for online rendering of well logging data using WebSocket technology. This method cuts images according to a fixed ratio, and the length of the cache array is determined by the number of cut images, effectively saving bandwidth. The cached image array is confirmed via Socket communication, and the drawing service is invoked based on the length of the cached data group to achieve dynamic stitching and combination of well logging images. This invention's method is reasonable and efficient, utilizing post-processing image rendering and image stitching to solve the problem of high-performance online rendering of large volumes of well logging data, and improving the front-end display capabilities of complex well logging data.

[0049] Furthermore, by checking the existence of the data source before plotting, the process of handling invalid requests is effectively avoided, which improves the efficiency of online plotting of well logging data. The method is flexible and targeted.

[0050] Furthermore, the well logging plotting method of the present invention combines the data source, well logging curve, and plotting template, and performs curve unit conversion based on unit system information, thereby improving the accuracy of well logging plotting.

[0051] like Figure 2 As shown, the HTML5-based online well logging data plotting system includes:

[0052] The data acquisition module is used to receive drawing requests, acquire and provide specific logging data parameters, including data source location, data depth range, data unit system and drawing template information;

[0053] The data validation module is used to check if the data source exists.

[0054] The graphics drawing module is used to confirm the image cache data group, call the drawing service according to the length of the cache data group, complete the well logging graphics drawing, and then insert the drawn image into the cache data group.

[0055] The image stitching module uses a script service module to display the correspondence between coordinates and image indices, which is used to complete image stitching.

[0056] The system of this invention is divided into four parts: a data supply module, a data verification module, a graphics drawing module, and an image stitching module. The data supply module is used to acquire and provide specific logging data parameters. The data verification module is used to check whether the data source exists. The graphics drawing module is used to confirm the image cache data group, call the drawing service according to the length of the cache data group, complete the logging graphics drawing, and then insert the drawn image into the cache data group. The image stitching module is used to complete the image stitching. Each module has a clear division of labor. In addition, the system adopts a backend drawing method, which greatly reduces the performance requirements of the drawing system, improves the web display capability of high-end logging imaging data, and improves the performance of online drawing and front-end display capability of large-volume logging data.

[0057] The data supply module is as follows:

[0058] The front-end browser sends a drawing request to specific well logging data, and the request parameters are passed to the business server, which then provides the data parameters to the data server.

[0059] The data validation module is as follows:

[0060] The data server checks whether the data source exists based on the request content. If the data source exists, the data server determines the curve content and the graphic objects required for the drawing template within the data range. If the data source does not exist, the request content is invalid data.

[0061] The graphics drawing module is as follows:

[0062] The business server obtains the depth range of the image displayed in the browser in real time through Socket communication, determines the depth range of the image and the length of the cache array, and the data server calls the drawing service according to the length of the cache data group to combine the data source, well logging curve and drawing template to complete the well logging graphic drawing. According to the unit system information, the curve unit is converted. Then the data server passes the drawn image to the business server, which inserts it into the cache data group and passes it to the browser.

[0063] The image stitching module is as follows:

[0064] On the browser side, the cached data group is used to obtain the starting depth of the data from the data server through the script service module. At the same time, the browser scroll bar event is captured to obtain the number of scroll pixels on the screen. Based on the number of scroll pixels and the fixed pixel height of the image, the corresponding index is calculated, the image is obtained, and the images of different depth segments are inserted one after another according to the corresponding positions to complete the image stitching.

[0065] An electronic device includes: a processor; a memory for storing computer program instructions; and steps for implementing an HTML5-based online well logging data plotting method when executing the computer program.

[0066] Preferred, such as Figure 3 As shown, the specific operating steps of the system of the present invention are as follows:

[0067] Step 1: Data Request. In this embodiment, we select an online logging dataset for a certain block, select well 717-27 from the dataset, select cementing quality template for the drawing template, select metric system for the unit system, and submit a request to the business server.

[0068] Step 2: The business server provides data parameters to the data server. Based on the front-end request, the business server determines the ID of well 717-27 in the database and then transmits the well ID and drawing template to the data server.

[0069] Step 3: Data validation. The data server connects to the database based on the request content, queries the well information by ID, and checks whether the data source exists. If it exists, it obtains the index range of the well data, the type of curve, and the graphic objects required for the drawing template, etc. At the same time, it parses the relevant information of the drawing template to obtain the name of the required graphic object. If the data source does not exist, the request content is invalid data, and the process returns to step 1.

[0070] Step 4: Confirm the image cache array. The business server obtains the browser's display depth range in real time through Socket communication. The browser converts the screen coordinates into the corresponding depth value based on the scroll bar activity and sends it back to the server. The business server then determines the image's depth range. To save bandwidth, the entire image is proportionally cut into multiple images, and the length of the cache array is determined by the number of cut images.

[0071] Step 5: Graphic drawing. Based on the length of the cache array and the depth range of the images, the depth range of each image is obtained. The data server calls the drawing service, queries the database, obtains the relevant well logging curve data based on the well ID, performs curve unit conversion based on the unit system information, and finally fills the drawing template to complete the image drawing.

[0072] Step 6: Image transfer. The data server transfers the completed image to the business server. The business server inserts the image into the cached data group according to its depth range and also sends it to the browser.

[0073] Step 7: Image stitching on the browser side. Utilizing the cache array from Step 4, the browser retrieves the starting depth of the data from the data server via the script service module. Simultaneously, it captures the browser's scrollbar events to obtain the number of scroll pixels. Based on the scroll pixel count and the fixed pixel height of the image, it calculates the corresponding index, retrieves the image, and inserts images from different depth segments sequentially into the browser screen according to their corresponding positions, completing the image stitching process. The stitching process is as follows: Figure 5As shown, the final image is as follows Figure 4 As shown.

[0074] The system of this invention provides specific well logging data parameters through a front-end browser and a business server, performs data verification through a data server, draws graphics through the business server and the data server, and finally stitches the images together through the browser. The image drawing step is performed on the server side, improving the browser's ability to display complex well logging data.

[0075] In one embodiment of the present invention, a computer device is provided, comprising a processor and a memory. The memory stores a computer program, which includes program instructions. The processor executes the program instructions stored in the computer storage medium. The processor may be a Central Processing Unit (CPU), or other general-purpose processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. It is the computing and control core of the terminal, suitable for implementing one or more instructions, specifically suitable for loading and executing one or more instructions from the computer storage medium to achieve a corresponding method flow or corresponding function. The processor described in this embodiment of the present invention can be used for the operation of an HTML5-based online well logging data plotting method.

[0076] Those skilled in the art will understand that embodiments of the present invention can be provided as methods, systems, or computer program products. Therefore, the present invention can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present invention can take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0077] This invention is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations and / or block diagrams. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0078] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0079] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0080] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and not to limit them; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some or all of the technical features therein; and these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present invention.

Claims

1. A method for online plotting of well logging data based on HTML5, characterized in that, Includes the following steps: S1. Obtain specific logging data parameters, then execute S2; In S1, specific logging data parameters include data source location, data depth range, data unit system, and drawing template information; S2. Check specific logging counts If the specific logging data parameter exists, determine the curve content and graphic objects required for the drawing template within the data range, and execute S3; if the specific logging data parameter does not exist, the requested content is invalid data, and execute S1. S3. Confirm the image cache data group through Socket communication, then cut the entire image into multiple images according to a fixed ratio. The length of the cache array is determined by the number of images cut. Call the drawing service according to the length of the cache data group to complete the well logging graphic drawing. Then insert the drawn image into the cache data group and execute S4. In S3, the confirmation of the image cache data group is achieved by obtaining the depth range of the image in real time through Socket communication, thereby determining the depth range of the image and the length of the cache array; In S3, drawing well logging graphs involves combining the data source, well logging curves, and drawing templates, and then converting the curve units based on the unit system information. S4. Obtain the starting depth of the cached data group and the number of scrolling pixels through the script service module. Based on the number of scrolling pixels and the fixed pixel height of the image, derive the corresponding index, obtain the image, and insert the images of different depth segments one by one according to the corresponding positions to complete the image stitching.

2. An online well logging data plotting system based on HTML5, based on the online well logging data plotting method based on HTML5 as described in claim 1, characterized in that, include: The data acquisition module is used to receive drawing requests, acquire and provide specific logging data parameters, including data source location, data depth range, data unit system and drawing template information; The data validation module is used to check if the data source exists. The graphics drawing module is used to confirm the image cache data group, call the drawing service according to the length of the cache data group, complete the well logging graphics drawing, and then insert the drawn image into the cache data group. The image stitching module uses a script service module to display the correspondence between coordinates and image indices, which is used to complete image stitching.

3. The online well logging data plotting system based on HTML5 as described in claim 2, characterized in that, The data acquisition module is as follows: The front-end browser sends a drawing request to specific well logging data, and the request parameters are passed to the business server, which then provides the data parameters to the data server.

4. The online well logging data plotting system based on HTML5 as described in claim 2, characterized in that, The data verification module is as follows: The data server checks whether the data source exists based on the request content. If the data source exists, the data server determines the curve content and the graphic objects required for the drawing template within the data range. If the data source does not exist, the request content is invalid data.

5. The online well logging data plotting system based on HTML5 as described in claim 2, characterized in that, The graphics drawing module is as follows: The business server obtains the depth range of the image displayed in the browser in real time through Socket communication, determines the depth range of the image and the length of the cache array, and the data server calls the drawing service according to the length of the cache data group to combine the data source, well logging curve and drawing template to complete the well logging graphic drawing. According to the unit system information, the curve unit is converted. Then the data server passes the drawn image to the business server, which inserts it into the cache data group and passes it to the browser.

6. The online well logging data plotting system based on HTML5 as described in claim 2, characterized in that, The image stitching module is as follows: The browser uses a cached data group to obtain the starting depth of the data from the data server through the script service module. At the same time, it captures the browser's scroll bar events to obtain the number of scroll pixels on the screen. Based on the number of scroll pixels and the fixed pixel height of the image, it calculates the corresponding index, obtains the image, and inserts the images of different depth segments into the browser screen one by one according to their corresponding positions to complete the image stitching.

7. An electronic device, comprising: processor; A memory for storing computer program instructions; characterized in that, when executing the computer program, it implements the steps of the online well logging data plotting method based on HTML5 as described in any one of claims 1.

Images