System for providing DWG data visualization and markup linkage service in web browser environment
By leveraging cloud computing and web browsers, the system addresses inefficiencies in DWG data visualization and sharing, enabling fast and collaborative markup and sharing of complex drawings without additional software installation.
Patent Information
- Application Number
- PCT/KR2023/019691
- Authority / Receiving Office
- WO · WO
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2023-11-23
- Filing Date
- 2023-12-01
- Publication Date
- 2025-05-30
AI Technical Summary
The existing methods for visualizing and sharing DWG data in a web browser environment are inefficient due to the need for additional software installation and the time-consuming process of downloading and viewing complex 2D or 3D drawings.
A system that utilizes a web browser and cloud computing to visualize DWG data without the need for additional software installation, allowing for real-time markup and sharing of drawings across user terminals.
This solution minimizes delays in checking drawings and enables efficient communication and sharing of detailed information on visualized drawing images, improving collaboration among multiple users.
Smart Images

Figure KR2023019691_30052025_PF_FP_ABST
Abstract
Description
A system that provides DWG data visualization and markup linkage services in a web browser environment.
[0001] An embodiment of the present invention relates to a system for providing DWG data visualization and markup linkage services in a web browser environment.
[0002] For finished products like mobile phones, automobiles, and ships, or their components, the primary contractor and multiple subcontractors collaborate to plan, design, test, refine, and mass-produce. Throughout this process, it's essential for multiple individuals to share product drawings.
[0003] As the complexity and precision of products increase, the capacity of 2D or 3D drawings used for them inevitably increases, so it takes a considerable amount of time to download and view them. Furthermore, if the viewer for the drawing is not installed on the user's terminal (desktop PC, laptop, tablet, smartphone), there is a problem in that the desired drawing cannot be easily viewed.
[0004] In order to provide a service that visualizes DWG data, a CAD viewer program must generally be installed. The advantage of such a viewer program is that when DWG data is opened on the user's terminal and visualized on the screen, the performance of the terminal is maximized, so there is little screen delay. However, the disadvantage is that the user must install the program on the terminal in advance.
[0005] Prior art documents related to the present invention include Patent Publication No. 10-2021-0033230 (publication date: March 26, 2021) and (Patent Document 2) Patent Publication No. 10-2020-0141265 (publication date: December 18, 2020).
[0006] An embodiment of the present invention provides a system for providing DWG data visualization and markup linkage service in a web browser environment, which visualizes DWG data by utilizing a web browser and cloud computing without additional installation of separate software on a user terminal, thereby minimizing delay when checking drawings on a user terminal, and providing communication and sharing services for detailed information by location of a visualized drawing image.
[0007] A system for providing a DWG data visualization and markup linkage service in a web browser environment according to an embodiment of the present invention includes: a cloud server for visualizing DWG data uploaded through a web browser, converting the visualized drawing image to enable markup work and providing it through a web browser, and sharing the drawing on which the markup work has been completed; and a user terminal for uploading DWG data to the cloud server through a web browser, outputting the drawing image provided from the cloud server, performing markup work on the drawing image, and sharing the drawing on which the markup work has been completed through the cloud server.
[0008] In addition, the cloud server may include an SVG data conversion unit that converts DWG data uploaded from the user terminal into SVG format data; a PDF data conversion unit that converts the SVG data converted through the SVG conversion unit into PDF format data; an HTML drawing image conversion unit that converts the PDF data converted through the PDF data conversion unit into an HTML format drawing image; an HTML drawing image providing unit that provides the HTML drawing image converted through the HTML drawing image conversion unit to the user terminal through a web browser; and a markup drawing information sharing unit that shares a drawing on which markup work for the HTML drawing image has been completed with another user terminal through the user terminal.
[0009] In addition, the markup drawing information sharing unit may include a markup drawing file providing unit that generates a markup drawing file by applying markup work information uploaded from the user terminal to the HTML drawing image and provides the file to another user terminal; and a markup drawing information real-time sharing unit that shares an HTML drawing image on which markup work information uploaded from the user terminal is displayed with another user terminal connected to the cloud server in real time.
[0010] In addition, the user terminal includes a DWG data upload unit that uploads DWG data to the cloud server via a web browser; a drawing image output unit that outputs the drawing image provided from the cloud server; a markup function execution unit that creates a markup block at a specific location in the drawing image by a user's operation and receives markup text for the created markup block to create markup drawing information;
[0011] In addition, the present invention may include a markup drawing information upload unit that uploads the markup drawing information generated through the markup function execution unit to the cloud server; and a markup drawing information output unit that outputs the drawing image, the markup block, and the markup text included in the markup drawing information provided from the cloud server.
[0012] In addition, the markup function execution unit may include a markup information generation unit that receives a start point and an end point for a specific location on the drawing image, generates the markup block on the drawing image based on the start point and the end point, and receives the markup text for the generated markup block; and a markup information matching unit that generates markup block coordinate information including a first coordinate value corresponding to the start point and a second coordinate value corresponding to the end point, and matches the markup block coordinate information with the markup text.
[0013] In addition, the markup drawing information output section can enlarge and display an image within the area of the markup block that matches the markup text when the markup text is selected.
[0014] According to the present invention, a system for providing DWG data visualization and markup linkage service in a web browser environment can be provided, which visualizes DWG data by utilizing a web browser and cloud computing without additional installation of separate software on a user terminal, thereby minimizing delay in checking drawings on a user terminal and providing communication and sharing services for detailed information by location of a visualized drawing image.
[0015] FIG. 1 is a schematic diagram showing the overall configuration of a system for providing DWG data visualization and markup linkage service in a web browser environment according to an embodiment of the present invention.
[0016] Figure 2 is a block diagram showing the configuration of a cloud server according to an embodiment of the present invention.
[0017] FIG. 3 is a block diagram showing the configuration of a markup drawing information sharing unit according to an embodiment of the present invention.
[0018] Figure 4 is a block diagram showing the configuration of a user terminal according to an embodiment of the present invention.
[0019] Figure 5 is a block diagram showing the configuration of a markup function execution unit according to an embodiment of the present invention.
[0020] FIG. 6 and FIG. 7 are drawings showing an execution menu for receiving basic setting values for visualization work of DWG data according to an embodiment of the present invention.
[0021] FIG. 8 is an exemplary execution screen illustrating a function for generating markup information according to an embodiment of the present invention.
[0022] FIG. 9 is an exemplary execution screen illustrating the output function of drawing and markup information according to an embodiment of the present invention.
[0023] FIG. 1 is a schematic diagram showing the entire configuration of a system for providing DWG data visualization and markup linkage service in a web browser environment according to an embodiment of the present invention, FIG. 2 is a block diagram showing the configuration of a cloud server according to an embodiment of the present invention, FIG. 3 is a block diagram showing the configuration of a markup drawing information sharing unit according to an embodiment of the present invention, FIG. 4 is a block diagram showing the configuration of a user terminal according to an embodiment of the present invention, FIG. 5 is a block diagram showing the configuration of a markup function execution unit according to an embodiment of the present invention, FIGS. 6 and 7 are diagrams showing execution menus for receiving basic setting values for visualization work of DWG data according to an embodiment of the present invention, FIG. 8 is an execution screen shown by way of example to explain a function for generating markup information according to an embodiment of the present invention, and FIG. 9 is an execution screen shown by way of example to explain a function for outputting drawings and markup information according to an embodiment of the present invention.
[0024] Referring to FIG. 1, a system (1000) for providing DWG data visualization and markup linkage service in a web browser environment according to an embodiment of the present invention may include at least one of a cloud server (100) and a user terminal (200).
[0025] The above cloud server (100) visualizes DWG data uploaded through a web browser (e.g., Chrome, Edge, Explorer, Firefox, Safari, Whale, etc.), converts the visualized drawing image to enable markup work, provides it through a web browser, and can share drawings for which markup work has been completed.
[0026] To this end, the cloud server (100) may include at least one of an SVG data conversion unit (110), a PDF data conversion unit (120), an HTML drawing image conversion unit (130), an HTML drawing image provision unit (140), and a markup drawing information sharing unit (150), as illustrated in FIG. 2.
[0027] The above SVG data conversion unit (110) can convert the DWG data uploaded from the user terminal (200) into data in SVG (Scalable Vector Graphic) format. In this embodiment, the DWG data is a file format for storing two-dimensional and three-dimensional drawing information established by Autodesk, Inc., and refers to data or a data format mainly used to ensure compatibility with AutoCAD. Conversion into data in SVG format means converting DWG data (or file) into SVG data (or file), and the SVG data (or file) refers to XML-based data or a file format for expressing two-dimensional vector graphics.
[0028] The above PDF data conversion unit (120) can convert or output SVG data converted through the SVG conversion unit (110) into data in PDF (Portable Document Format) format. PDF data can replace paper documents, display the same results in any computer environment, and include various objects including pictures and fonts.
[0029] The HTML drawing image conversion unit (130) can convert PDF data converted through the PDF data conversion unit (120) into a drawing image in HTML format. The drawing image (or file) in HTML format is image data that includes a markup language for describing the appearance of a website or web page, and is a markup language that expresses markup information rather than a general programming language, and may include the structure or format of a document other than the content of the image (or file). In this way, the drawing image (or file) in HTML format has an image format for being provided on a web page through a web browser, and can be implemented in a format for executing a markup function supported by the web browser.
[0030] The above HTML drawing image providing unit (140) provides the HTML drawing image converted through the HTML drawing image conversion unit (130) to the user terminal (200) through a web browser so that the result of the converted drawing can be confirmed on the web page.
[0031] The above markup drawing information sharing unit (150) can share a drawing for which markup work on an HTML drawing image has been completed with another user terminal (200) through a user terminal (200).
[0032] To this end, the markup drawing information sharing unit (150) may include at least one of a markup drawing file providing unit (151) and a markup drawing information real-time sharing unit (152), as illustrated in FIG. 3.
[0033] The above markup drawing file providing unit (151) can create a markup drawing file that applies markup work information uploaded from a user terminal (200) to an HTML drawing image and provide the file to another user terminal (200).
[0034] More specifically, when a user terminal (200) that has uploaded DWG data performs a markup operation on an HTML drawing image and uploads (saves) the result (markup operation information + HTML drawing image) to a cloud server (100) via a web browser, another user terminal (200) can check the uploaded (saved) result (markup operation information + HTML drawing image) via the web browser or download it from the cloud server (100) via the web browser and check it.
[0035] The above-mentioned markup drawing information real-time sharing unit (152) can share in real time an HTML drawing image displaying markup work information uploaded from a user terminal (100) with another user terminal (200) connected to a cloud server (100).
[0036] More specifically, a user terminal (200) that has uploaded DWG data can upload the DWG data and share the markup work content (markup work information + HTML drawing image) thereof with another user terminal (200) in real time through a web browser by a cloud server (100). At this time, another user terminal (200) capable of real-time sharing may mean a terminal of a worker or a sharing target registered in advance through a web browser.
[0037] That is, User 2 (a pre-registered worker or a sharing target) who has also accessed the web browser can check in real time the work process (work screen) in which User 1 accesses a web browser and enters markup work information into an HTML drawing image. At this time, User 2 also uses the markup function supported through the web browser to enter markup work information into the HTML drawing image, thereby enabling collaborative markup work on a single DWG data, and multiple people can participate together online (through a web browser) and exchange information about the drawing to be worked on.
[0038] The cloud server (100) according to the present embodiment may include program modules that perform various functions and are implemented in various languages such as C, C++, Java, Visual Basic, Visual C, etc. in terms of software, and may be implemented using a web server program that is provided in various ways according to an operating system such as DOS, Windows, Linux, Unix, Macintosh, Android, iOS, etc. on general server hardware.
[0039] The above user terminal (200) can upload DWG data to a cloud server (100) through a web browser (e.g., Chrome, Edge, Explorer, Firefox, Safari, Whale, etc.), output a drawing image provided from the cloud server (100), perform markup work on the drawing image, and share the drawing for which the markup work has been completed through the cloud server (100).
[0040] The above user terminal (200) outputs visualized DWG data so that it can be viewed through a web page through a 'DWG Viewer' program embedded in a web browser, and performs the task of inputting and modifying markup information for DWG data (HTML drawing image) output through the web page, and can share the markup work information or work result with another user terminal (200) through a cloud server (100).
[0041] To this end, the user terminal (200) can first set the 'field' and 'scale' using the web page for subscription provided through the web browser as illustrated in (a) of FIG. 6. Here, as illustrated in (b) of FIG. 6, the 'field' can be set by selecting any one of architecture, interior design, furniture, structure, machinery / electricity / firefighting equipment, and landscaping. In addition, as illustrated in (c) of FIG. 6, the 'scale' can be set by selecting any one of '1 to 5 people', '6 to 20 people', '21 to 50 people', '51 to 100 people', and '100 or more people'. However, this is only an example of the setting items of the 'field' and 'scale', and can be changed at any time. Here, 'scale' means 'pre-registered number of workers or people to be shared' as described above, and the setting can be completed only with the number of people participating in the task, but if necessary (e.g. in case of confidentiality), after registering users who can participate in advance, a preset setting can be made so that task information can be shared only with registered users.
[0042] Such a user terminal (200) may include at least one of a DWG data upload unit (210), a drawing image output unit (220), a markup function execution unit (230), a markup drawing information upload unit (240), and a markup drawing information output unit (250), as illustrated in FIG. 4.
[0043] The above DWG data upload unit (210) can upload DWG data to a cloud server (100) via a web browser. For example, as shown in Fig. 7, a DWG file to be uploaded to the cloud server (100) can be selected and uploaded via 'file selection'.
[0044] The above drawing image output unit (220) outputs the drawing image provided from the cloud server (100) on a web page ('DWG Viewer' program) so that the user can check the visual drawing information. Here, the visual drawing information refers to the result of sequentially converting DWG data uploaded to the cloud server (100) into SVG, PDF, and HTML.
[0045] The above markup function execution unit (230) can create a markup block at a specific location in an HTML drawing image according to a user's operation of the 'DWG Viewer' program, and can input markup text for the created markup block to create markup drawing information.
[0046] This markup function execution unit (230) may include at least one of a markup information generation unit (231) and a markup information matching unit (232), as illustrated in FIG. 5.
[0047] The above markup information generation unit (231) can perform a markup operation in which a start point and an end point are input for a specific location on an HTML drawing image, a markup block is generated on the HTML drawing image based on the input start point and end point, and markup text for the generated markup block is input.
[0048] For example, as illustrated in FIG. 8, when a user wants to define a markup block (b01) in a box shape for a specific location in an HTML drawing image displayed on a web page through the 'DWG Viewer' program, a start point (A(x1, y1)) and an end point (B(x2, y2)) can be recognized. More specifically, the start point may refer to the point where the markup block (b01) is first clicked to define (draw), and the end point may refer to the point where the click ends after being dragged from the start point.
[0049] The 'DWG Viewer' program according to this embodiment defines all lines in an HTML drawing image (DWG image) as two-dimensional coordinate values (based on the absolute plane of DWG data that is created in advance), and can visually reconstruct and express these two-dimensional coordinate values as lines, i.e., markup blocks (b01), on the absolute plane in HTML format on a web browser.
[0050] In this way, when a box-shaped graphic is created at a markup location where a markup block (b01) is defined, the coordinate values of the starting point (A(x1, y1)) and the coordinate values of the ending point (B(x2, y2)) can be stored and visually expressed. At this time, the coordinate values of the starting point (A(x1, y1)) and the coordinate values of the ending point (B(x2, y2)) can be created on the coordinate data on the absolute plane of the DWG data previously uploaded by the user.
[0051] And, markup text can be input for the markup block (b01) defined by the user. This markup text includes comments on the markup block (b01), such as descriptions required for design, detailed condition values, comments related to drawings, free conversation contents, etc., which are difficult to handle in DWG, but necessary contents between workers during the drawing design process can be input, and the input markup text can be listed by markup block unit and displayed separately on the right side of the 'DWG Viewer' program screen shown in Fig. 8. At this time, the HTML drawing image (DWG image) can be displayed on the left side based on the markup text screen.
[0052] The above markup information matching unit (232) can generate markup block coordinate information including a first coordinate value corresponding to a start point and a second coordinate value corresponding to an end point, and can match the markup block coordinate information with the markup text.
[0053] For example, as illustrated in FIG. 8, after generating markup block coordinate information including the starting point A(x1, y1) and the ending point B(x2, y2) of the markup block (b01), the generated markup block coordinate information can be matched with markup text, and when a selection (click, touch) occurs for a markup text item through such matching, an image within the area of the markup block 'b01' that matches the selected markup text can be automatically enlarged and displayed.
[0054] The above-mentioned markup drawing information upload unit (240) can upload markup drawing information (markup work information + HTML drawing image) generated through the markup function execution unit (230) to the cloud server (100). At this time, the final result can be stored in the cloud server (100) according to the user's selection, but a method of sharing the markup work process for the drawing in real time with other users who have accessed the 'DWG Viewer' program through a web browser can be selected, and after this real-time sharing process is completed, the final result can be stored in the cloud server (100).
[0055] Accordingly, the markup text entered by the user can store information about the coordinates on the drawing image, and can simultaneously exchange various information or comments using the coordinate values (markup function) of multiple markup blocks.
[0056] The above markup drawing information output unit (250) outputs HTML drawing images, markup blocks, and markup texts included in the markup drawing information provided from the cloud server (100) so that they can be checked through the execution screen (web page) of the 'DWG Viewer' program.
[0057] The above markup drawing information output unit (250) can enlarge and display an image within the area of the markup block matching the selected markup text when markup text is selected.
[0058] For example, as shown in FIG. 9, when the markup text 't01' is selected, the image within the 'b01' markup block matching the coordinate values (A(x1, y1), B(x2, y2)) of the 't01' can be automatically enlarged and displayed, and the selected markup text 't01' can also be displayed in more detail so that its contents can be distinguished from other text items.
[0059] The user terminal (200) according to the present embodiment may include a wireless communication device that can be carried by a service requester, such as a smartphone, a smartpad, a tablet PC, a PCS (Personal Communication System), a GSM (Global System for Mobile communications), a PDC (Personal Digital Cellular), a PHS (Personal Handyphone System), a PDA (Personal Digital Assistant), an IMT (International Mobile Telecommunication)-2000, a CDMA (Code Division Multiple Access)-2000, a W-CDMA (W-Code Division Multiple Access), a Wibro (Wireless Broadband Internet) terminal, and a portable computing device such as a stationary PC or a laptop.
[0060] The user terminal (200) according to the present embodiment is connected to the cloud server (100) through a network, and examples of such networks include, but are not limited to, a 3GPP (3rd Generation Partnership Project) network, an LTE (Long Term Evolution) network, a WIMAX (World Interoperability for Microwave Access) network, the Internet, a LAN (Local Area Network), a Wireless LAN (Wireless Local Area Network), a WAN (Wide Area Network), a PAN (Personal Area Network), a Bluetooth network, a satellite broadcasting network, an analog broadcasting network, a DMB (Digital Multimedia Broadcasting) network, etc.
[0061] According to this embodiment, a user can open and view an AutoCAD file as long as the user is connected to the Internet without prior installation of a viewer program in the terminal, and since the DWG drawing is converted to SVG, PDF, and HTML formats by utilizing cloud computing performed in a cloud server and then opened in image format on the user terminal, drawing data can be viewed at a high FPS despite being non-installation software, thereby overcoming the screen lag phenomenon when a DWG file is opened on the user device.
[0062] * Explanation of symbols *
[0063] 1000: A system providing DWG data visualization and markup integration services in a web browser environment.
[0064] 100: Cloud Server
[0065] 110: SVG data conversion section
[0066] 120: PDF data conversion section
[0067] 130: HTML drawing image conversion section
[0068] 140: HTML drawing image provider
[0069] 150: Markup Drawing Information Sharing Section
[0070] 151: Markup drawing file provider
[0071] 152: Real-time sharing of markup drawing information
[0072] 200: User terminal
[0073] 210: DWG data upload section
[0074] 220: Drawing image output section
[0075] 230: Markup function execution unit
[0076] 231: Markup Information Generation Section
[0077] 232: Markup Information Matching Section
[0078] 240: Upload markup drawing information section
[0079] 250: Markup drawing information output section
Claims
1. A cloud server that visualizes DWG data uploaded through a web browser, converts the visualized drawing image to enable markup work and provides it through a web browser, and shares drawings with completed markup work; and A system for providing DWG data visualization and markup linkage service in a web browser environment, characterized by including a user terminal that uploads DWG data to the cloud server via a web browser, outputs the drawing image provided from the cloud server, performs markup work on the drawing image, and shares the drawing on which the markup work has been completed via the cloud server.
2. In paragraph 1, The above cloud server, An SVG data conversion unit that converts DWG data uploaded from the user terminal into data in SVG format; A PDF data conversion unit that converts SVG data converted through the above SVG conversion unit into data in PDF format; An HTML drawing image conversion unit that converts PDF data converted through the above PDF data conversion unit into a drawing image in HTML format; An HTML drawing image providing unit that provides an HTML drawing image converted through the above HTML drawing image conversion unit to the user terminal through a web browser; and A system for providing DWG data visualization and markup linkage service in a web browser environment, characterized by including a markup drawing information sharing unit for sharing a drawing in which markup work for the HTML drawing image has been completed through the user terminal with another user terminal.
3. In paragraph 2, The above markup drawing information sharing section is, A markup drawing file providing unit that applies markup work information uploaded from the user terminal to the HTML drawing image to create a markup drawing file and provides it to another user terminal; and A system for providing DWG data visualization and markup linkage service in a web browser environment, characterized by including a markup drawing information real-time sharing unit that shares an HTML drawing image displaying markup work information uploaded from the user terminal in real time with another user terminal connected to the cloud server.
4. In paragraph 1, The above user terminal, A DWG data upload unit that uploads DWG data to the cloud server via a web browser; A drawing image output unit that outputs the drawing image provided from the cloud server; A markup function execution unit that creates a markup block at a specific location in the drawing image by a user's operation, receives markup text for the created markup block, and creates markup drawing information; A markup drawing information upload unit that uploads the markup drawing information generated through the markup function execution unit to the cloud server; and A system for providing DWG data visualization and markup linkage service in a web browser environment, characterized by including a markup drawing information output unit that outputs the drawing image, the markup block, and the markup text included in the markup drawing information provided from the cloud server.
5. In paragraph 4, The above markup function execution unit is, A markup information generation unit that receives a start point and an end point for a specific location on the drawing image, generates the markup block on the drawing image based on the start point and the end point, and receives the markup text for the generated markup block; and A system for providing DWG data visualization and markup linkage service in a web browser environment, characterized by comprising: a markup block coordinate information generating unit including a first coordinate value corresponding to the starting point and a second coordinate value corresponding to the ending point, and a markup information matching unit matching the markup block coordinate information with the markup text.
6. In paragraph 4, The above markup drawing information output section is: A system for providing DWG data visualization and markup linkage service in a web browser environment, characterized in that when the markup text is selected, an image within the area of the markup block matching the markup text is enlarged and displayed.
Citation Information
Patent Citations
Integrated plant station wiring diagram management system based on cloud platform
CN116258448A
Method and device for issuing electronic map through DWG file
CN116860900A
Method for displaying and operating CAD drawing at Web front end
CN117055884A
Cloud device and system for building information modeling architectural design collaboration
KR101536730B1
Injection port sealing structure of battery can, battery cell, battery pack and vehicle using the same
KR1020240021097A