JP6587237B2 - Program, information processing method, image processing apparatus, and server - Google Patents

Description

  The present invention relates to an image processing technique related to construction.

  It is desirable that documents created in civil engineering and construction work be easy to understand because they are used by many parties. The ability to create easy-to-understand and high-quality documents for public works can affect the evaluation of the technical capabilities of the companies that undertake the work. Therefore, in recent years, the use of images such as illustrations is often required for the creation of documents related to construction.

  Conventionally, a technique for creating and editing an image using a computer has been proposed. For example, a graphic editing system capable of editing a graphic such as an illustration has been proposed (see, for example, Patent Document 1). In addition, an architectural design drawing creation program having a drawing function such as CAD (Computer Aided Design) has been proposed (for example, see Patent Document 2).

JP 2002-373346 A JP 2002-197126 A

  In order to draw illustrations related to construction work, it is not easy to draw illustrations or the like for those involved in the construction work because it requires mastering the operation method of image editing software and drawing ability. In addition, when using the CAD drawing function, it is required to learn the CAD software operation method, and the drawing to be created does not have exaggeration suitable for explanation, and is desired for easy-to-understand illustrations. The image may not be obtained.

  It is also conceivable to create illustrations using already drawn illustration materials. However, in this case, there is a risk that a work burden for collecting illustration materials related to the construction may occur. Further, there are cases where an image relating to a desired construction cannot be obtained simply by arranging individual illustration materials in the display mode as they are.

  In view of such a situation, an object of the present invention is to provide an information processing technique that can more easily obtain a desired edited image for an image such as an illustration related to construction.

  The present invention employs the following means in order to solve the above-described problems. That is, the present invention is the following program. A program for generating an image relating to construction based on an image of an object relating to construction or a material representing a person, from a material image storage means for storing image data of the material to a computer connected to the network, via the network A material acquisition step of acquiring image data of the material; a material selection step of selecting a material to be displayed from materials stored in the material image storage means according to an operation to be received; A display mode setting step for setting a display mode for the selected material to be displayed according to an operation to be accepted, and the set display mode based on image data of the material to be displayed. A program for executing an image generation step of generating image data including the display of the material.

  In such a program, image data including the display of the material according to the set display mode is generated based on the image data of the material related to the construction. At this time, it is possible to obtain an image edited according to the set display mode by selecting a material and setting the display mode without requiring a complicated editing operation. In addition, since the image data of the material is acquired from the material image storage means via the network, no particular work load is required for collecting the basic material. Therefore, it is possible to easily obtain a desired edited image for an image such as an illustration related to construction.

  Further, the present invention may be a program having the following characteristics. The program is a program executed on a Web browser operating on the computer, and further executes an image display step for displaying the image data generated in the image generation step on a display screen of the Web browser. Let

  Here, the web browser is software for browsing web pages. Since the program as described above is executed on the Web browser, it can be operated without special preparation work such as installation. Therefore, it is possible to obtain a desired image related to the construction with a simpler work compared to a desktop application that operates on a desktop environment of a computer.

  Further, the present invention may be a program having the following characteristics. The image data of the stored material includes image data representing each of a plurality of features of the material, wherein the positions of movable parts that are portions where the positional relationship with other parts of the material can be changed are different from each other, In the display mode setting step, any of a plurality of shapes whose positions of the movable parts are different from each other is set for the material to be displayed. In the image generation step, the display mode of the material is followed. As the display, image data including a display of the material of the set feature is generated.

  In image editing related to construction, there is a need to obtain a display in which only a movable part such as an arm portion of a power shovel is displaced. According to such a program, it is possible to easily obtain an image relating to construction including a display in which the movable part is in a desired position by a setting operation.

  Further, the present invention may be a program having the following characteristics. In the display mode setting step, an operation of sliding a slidable knob portion on a predetermined trajectory is accepted, and the position of the movable portion is different from each other according to the position where the knob portion is slid. Is set.

  Here, the knob portion includes both a case where it is a component on a GUI (Graphical User Interface) in display such as a display and a case where it is a physical component included in a computer input device or the like. According to such a program, the value of the movable position parameter is set by the operation of sliding the knob part, and the display of the shape in which the position of the movable part is displaced is obtained. It is possible to obtain an image related to construction including a suitable operation feeling that is easy to understand intuitively.

  Further, the present invention may be a program having the following characteristics. The image data of at least a part of material stored in the material image storage means is graphic data indicating a heavy machine.

Here, heavy machinery is machinery used for construction work. According to such a program, it is possible to easily obtain an image showing the state of the construction work using a figure indicating a heavy machine.

  Further, the present invention may be a program having the following characteristics. The image data of at least a part of the material stored in the material image storage means is graphic data indicating a construction worker.

  According to such a program, it is possible to easily obtain an image showing the state of the construction work using the figure showing the construction worker.

  Further, the present invention may be a program having the following characteristics. In the display mode setting step, at least one of position, size, color scheme, and orientation is set for the material.

  According to such a program, it is possible to easily obtain an image related to construction including display of a material set in a desired position, size, color scheme, and orientation.

  Further, the present invention may be the following image processing apparatus. An image processing apparatus that is connected to a network and generates an image related to construction based on an image of a material representing an object or person related to the construction, from a material image storage unit that stores image data of the material, via the network, A material acquisition unit that acquires image data of the material, and a material selection unit that selects a material to be displayed from materials stored in the material image storage unit according to an operation to be received. In accordance with the operation, display mode setting means for setting a display mode for the selected material to be displayed, and the set display mode based on the image data of the material to be displayed. And an image generation means for generating image data including display of the material.

  Further, the present invention may be the following server. A server communicable with a terminal, comprising: material image storage means for storing image data of a material representing an object or person related to construction; and a program for generating an image relating to construction when accessed from the terminal A program transmission means for transmitting to the access source terminal; and a material image transmission means for transmitting the image data stored in the material image storage means to the terminal. Further, from the material acquisition step of acquiring the image data of the material stored in the material image storage means from the server, and the material in which the image data is stored in the material image storage means in accordance with the receiving operation, Depending on the material selection step for selecting the material to be displayed and the operation to be accepted, for the selected material to be displayed, A display mode setting step for setting a display mode, and an image generation step for generating image data including display of the material according to the set display mode based on image data of the material to be displayed Let the server.

  The present invention can also be understood as an information processing method in which a computer or other device, machine, etc. (hereinafter also referred to as “computer etc.”) executes the above-described program. The present invention can also be understood as a program recorded on a computer-readable recording medium. Here, a computer-readable recording medium is a recording medium that stores information such as data and programs by electrical, magnetic, optical, mechanical, or chemical action and can be read from a computer or the like. Say.

  According to the present invention, it is possible to more easily obtain a desired edited image for an image such as an illustration related to construction.

FIG. 1 is a diagram illustrating a configuration of an illustration editing system including a terminal and a server according to the embodiment. FIG. 2 is a diagram illustrating a functional configuration of each device according to the embodiment. FIG. 3A is a diagram illustrating data of the illustration material table. FIG. 3B is a diagram illustrating data in the storage table. FIG. 4A is a first sequence diagram illustrating the flow of illustration editing processing. FIG. 4B is a second sequence diagram illustrating the flow of illustration editing processing. FIG. 5A is a diagram illustrating an illustration editing screen. FIG. 5B is a diagram illustrating an illustration editing screen during editing. FIG. 6 is a diagram illustrating an illustration material selection screen. FIG. 7A is an explanatory diagram illustrating a user interface in the movable unit editing process of the heavy machinery. FIG. 7B is an explanatory diagram illustrating a user interface in the movable part editing process of the worker. FIG. 8 is an explanatory diagram illustrating an example of drawing graphics. FIG. 9 is an explanatory diagram for explaining a user interface in editing of rotation and enlargement / reduction. FIG. 10 is a diagram illustrating an example of a construction procedure manual including an illustration edited using the illustration editing system. FIG. 11 is a flowchart illustrating the flow of edit processing of the display of the movable part. FIG. 12 is a diagram illustrating a modified example of the operation component in editing the display of the movable part.

  Hereinafter, embodiments of the present invention (hereinafter also referred to as “present embodiments”) will be described with reference to the drawings. The description will be described in the order of (1) system configuration, (2) functional configuration, (3) process flow, (4) operational effect, and (5) modification. The embodiment described below shows an example for carrying out the present invention, and the present invention is not limited to a specific configuration described below.

  In the present embodiment, an illustration editing system that supports editing of illustrations related to civil engineering is realized. The illustration edited using the illustration editing system is an illustration showing a state of the construction site at the time of construction inserted into a document such as a construction procedure manual for explaining the construction procedure. The illustration editing system may support editing of illustrations related to construction work. Further, instead of the illustration editing system, a system that supports editing of images other than illustrations, such as images that are more realistic than illustrations, may be employed.

<System configuration>
FIG. 1 is a diagram illustrating a system configuration of an illustration editing system including a terminal and a server according to the present embodiment. In FIG. 1, a terminal 1, a server 2, and the Internet 3 are shown. The terminal 1 and the server 2 can communicate with each other via the Internet 3.

The terminal 1 is a computer operated by a user who uses the illustration editing system. The terminal 1 is an example of an “image processing apparatus”. The user uses the terminal 1 to edit illustrations related to construction and create construction documents using the edited illustrations. The terminal 1 is a personal computer, for example. The terminal 1 is equipped with a web browser for browsing web pages. The Web browser has a script execution environment such as JavaScript (registered trademark), and corresponds to browsing of HTML5 (Hyper Text Markup Language 5). The terminal 1 also includes a word processor for creating and editing documents and a spreadsheet application program. Although one terminal 1 is illustrated in FIG. 1, the illustration editing system includes a plurality of terminals 1 used by a plurality of users who use the illustration editing system.

  The terminal 1 includes a CPU (Central Processing Unit) 11, a RAM (Random Access Memory) 12, a ROM (Read Only Memory) 13, and an auxiliary storage device 14 such as a HDD (Hard Disk Drive). The terminal 1 also includes a network interface controller (NIC) 15 connected to the Internet 3, a pointing device 16 such as a mouse or a touch panel, and a display unit 17 such as a display.

  The CPU 11 is a central processing unit, and controls the RAM 12, the auxiliary storage device 14 and the like by processing instructions and data of various programs developed on the RAM 12 and the like. The RAM 12 is a main storage device and is controlled by the CPU 11 to write and read various commands and data. The auxiliary storage device 14 is a non-volatile storage device, and information required to be persistent such as various programs loaded in the RAM 12 is written and read out.

  The server 2 is a computer accessed by the terminal 1. The server 2 manages user management and illustration management of the illustration editing system. The server 2 functions as a Web server that provides a Web page or the like to the access source terminal 1.

  The server 2 is a computer including a CPU 21, a RAM 22, a ROM 23, an auxiliary storage device 24, and a NIC 25 connected to the Internet 3. In FIG. 1, the server 2 is exemplified by a single computer, but the server 2 may be a plurality of computers connected by a network.

  The Internet 3 is a global public packet communication network. The Internet 3 connects the terminal 1 and the server 2. The Internet 3 is an example of a “network”. Instead of the Internet 3, a WAN (Wide Area Network) or other packet communication network may be employed.

<Functional configuration>
FIG. 2 is a diagram illustrating a functional configuration of each device according to the present embodiment. FIG. 2 shows main functional configurations of the terminal 1 and the server 2. Each function will be described in the order of the function of the server 2 and the function of the terminal 1.

(Function of server 2)
The server 2 functions as a computer including the illustration database D21, the material image transmission unit F21, and the program transmission unit F22 when the program stored in the auxiliary storage device 24 is read into the RAM 22 and executed by the CPU 21. To do. The material image transmission unit F21 and the program transmission unit F22 are examples of “material image transmission unit” and “program transmission unit”, respectively. In the present embodiment, each function provided in the server 2 is executed by the CPU 21 that is a general-purpose processor. However, part or all of these functions are performed by one or more dedicated processors, hardware arithmetic circuits, and the like. May be executed. Here, the hardware arithmetic circuit refers to, for example, an adder circuit, a multiplier circuit, a flip-flop, etc. combined with logic gates. Some or all of these functions may be executed by a separate computer.

  The illustration database D21 is a database that stores various types of information for editing illustrations related to construction. The illustration database D <b> 21 is constructed by managing data stored in the auxiliary storage device 24 by a database management system (DBMS) program executed by the CPU 21. The illustration database D21 is, for example, a relational database. The illustration database D21 has an illustration material table and a storage table.

  FIG. 3A is a diagram illustrating data of the illustration material table. The illustration material table of the illustration database D21 stores image data of an illustration material (an example of “material”) representing an illustration related to a work or a person related to the work such as a heavy machine used in the work or a worker involved in the work. In the present embodiment, a single illustration related to construction is generated using one or more illustration materials. One record stored in the illustration material table indicates illustration material information representing a single illustration material. The illustration material table is an example of “material image storage means”.

  As shown in FIG. 3A, the record of the illustration material table includes fields for name, classification, availability of movement, and image data. The name represents a name for identifying the illustration material. The classification represents the classification of the illustration material and takes values such as “heavy machinery”, “worker”, “construction signboard”, “tool”, “terrain”, “material”, and the like. “Heavy equipment” represents heavy equipment used in the construction of cranes, power shovels, trucks, and the like. “Worker” represents a worker who is involved in the construction, such as a construction worker or a traffic guide. “Construction signboard” represents various construction signs, “tool” represents various tools used in the construction, “terrain” represents the topography of the construction site, and “material” represents various materials such as concrete.

  The presence or absence of movement represents the presence or absence of a movable part in the illustration material. The movable portion is a portion in which the positional relationship with other portions can be changed in the illustration material, for example, an arm portion in an illustration material of a power shovel or an arm in an illustration material of a worker who performs traffic guidance. The illustration material of the present embodiment is divided into a movable illustration material having a movable part and a non-movable illustration having no movable part. The movable presence / absence takes a value of “movable” indicating a movable illustration material or “non-movable” indicating a non-movable illustration material.

  The image data is data indicating an image in which the illustration material is represented by a graphic or the like representing the shape of the subject material. In the present embodiment, the image data is vector format image data, and specifically takes a value in SVG (Scalable Vector Graphics) format. SVG is a two-dimensional vector format image format described in XML (extensible Markup Language). When the illustration material is a movable illustration material, the image data includes data of illustration materials of a plurality of shapes whose positions of the movable parts are different from each other. In this embodiment, the feature is referred to as a “preset style”. In this embodiment, each preset style is identified by a style number. The image data of the movable illustration material has a plurality of layers, and the layer and the style number value have a one-to-one correspondence. Each layer represents the illustration material of the form in which the movable part is displaced according to the style number. Note that the image data may include data (formula etc.) representing a function for deriving a graphic representing the preset style from the style number instead of having a plurality of layers.

In FIG. 3A, images G1 and G2 show display examples of each preset style indicated by the image data. G1 shows a display example of preset styles corresponding to style number values 1 to 4 for the movable illustration material of the power shovel in the second row of the illustration material table. In each display example, the positional relationship between the arm part G11 which is a movable part and the main body part G12 is different. As indicated by G1, the arm part G11 is composed of a plurality of graphic parts. In each display example, the graphic parts are in a relationship of performing parallel movement, rotational movement, or the like. It should be noted that the movable parts of the preset styles may have a relationship obtained by deforming each other. On the other hand, G2 shows a display example of preset styles corresponding to style number values 1 to 7 for the movable illustration material of the worker in the third row of the illustration material table. In each display example, the positional relationship between the arm portion, which is a movable portion, and the trunk portion is different.

  In the present embodiment, image data related to an illustration is handled in the SVG format. The image data relating to the illustration is preferably in a raster format suitable for image processing for editing such as enlargement or rotation, but all or part of the data may be in the raster format.

  FIG. 3B is a diagram illustrating data in the storage table. The storage table of the illustration database D21 is used for storing edited illustrations that are illustrations edited by the user of the illustration editing system. One record stored in the storage table indicates information of a single edited illustration to be stored.

  As shown in FIG. 3B, the record of the storage table includes fields for a user ID, a storage name, and image data. The user ID is an ID for identifying the user who edited the edited illustration to be saved. In the illustration editing system of this embodiment, each user is identified by a user ID. The saved name is a name for identifying the edited illustration to be saved. The image data is image data representing an edited illustration to be saved, and is SVG format data.

  The material image transmission unit F21 transmits the image data of the illustration material stored in the illustration material table of the illustration database D21 to the requesting terminal 1.

  When the program transmission unit F22 receives an editing start request from the terminal 1, the program transmission unit F22 transmits the illustration editing program stored in the auxiliary storage device 24 to the requesting terminal 1. Here, the illustration editing program is a program that provides a user interface for illustration editing. The illustration editing program of this embodiment is written in JavaScript (registered trademark) and executed in the script execution environment of the Web browser. Since the illustration editing program operates in cooperation with the server 2 functioning as a Web server, it corresponds to a so-called Web application.

(Function of terminal 1)
In the terminal 1, a program such as a web browser program stored in the auxiliary storage device 14 and read out to the RAM 12 and an illustration editing program received from the server 2 are executed by the CPU 11. By executing these programs, the terminal 1 functions as a computer including a material acquisition unit F11, a material selection unit F12, a display mode setting unit F13, an image generation unit F14, and an image display unit F15. The material acquisition unit F11, the material selection unit F12, the display mode setting unit F13, and the image generation unit F14 are respectively “material acquisition unit”, “material selection unit”, “display mode setting unit”, and “image generation unit”. It is an example. In the present embodiment, each function of the terminal 1 is executed by the CPU 11 that is a general-purpose processor, but part or all of these functions are performed by one or more dedicated processors, hardware arithmetic circuits, and the like. May be executed. Some or all of these functions may be executed by a separate computer.

The material acquisition unit F11 acquires image data of illustration materials from the illustration database D21 of the server 2 via the Internet 3. The material selection unit F12 selects an illustration material to be displayed from the illustration materials stored in the illustration database D21 of the server 2 in accordance with an operation received from the user. The display mode setting unit F13 sets a style number, a position, a size, a color scheme, an orientation, and the like as a display mode for the illustration material to be displayed according to an operation received from the user. Based on the image data of the illustration material to be displayed, the image generation unit F14 generates image data of the edited illustration related to the construction including each display of the illustration material according to the set display mode. The image display unit F15 displays the image data generated by the image generation unit F14 on the display screen of the Web browser.

<Process flow>
The main processing flow of the illustration editing system in this embodiment will be described. Note that the contents and order of the processes described here are merely examples, and it is preferable to appropriately adopt the contents and order of the processes as appropriate for the embodiment.

  4A and 4B are sequence diagrams illustrating the flow of illustration editing processing. FIG. 4A shows the flow of processing that precedes, and FIG. 4B shows the flow of processing that follows FIG. 4A. In this processing flow, a series of flow from the start of illustration editing by the user operating the terminal 1 to the output of the edited illustration is exemplified. This process flow starts when the terminal 1 performs Web access to the server 2 for starting illustration editing in response to a user operation. The web access occurs, for example, when a user ID and a password are input and a transmission button is pressed on a login page that is a web page for user authentication provided by the server 2. In the present embodiment, illustration editing is started after the user is authenticated by the login function.

  In step S <b> 101, the terminal 1 transmits an edit start request including user authentication information to the server 2. Specifically, the edit start request is an HTTP (Hypertext Transfer Protocol) request message including a pair of a user ID and a password as authentication information. A predetermined URL (Uniform Resource Locator) is set in the edit start request.

  In step S102, the server 2 receives the edit start request and executes a user authentication process based on the authentication information included in the received edit start request. Specifically, it is confirmed that it is a correct value of a pair of a user ID and a password that are authentication information. If the combination of the user ID and password is a correct value and the user authentication process is successful, the server 2 proceeds to step S103. If the user authentication has failed, the illustration editing process is terminated.

  In step S103, the program transmission unit F22 of the server 2 transmits a Web page representing an illustration editing screen for performing illustration editing to the terminal 1 that has requested the edit start request. Specifically, it is a response to the request message transmitted in step S101, and a response message including HTML data indicating the Web page is transmitted. Here, the HTML data includes data of an illustration editing program which is a script for realizing illustration editing.

  In step S104, the terminal 1 receives the response message of the Web page representing the illustration editing screen, and the Web browser operating on the terminal 1 displays the illustration editing screen on the display unit 17. Here, in the script execution environment of the Web browser, the illustration editing program included in the HTML data indicating the Web page is activated, and the illustration editing screen is displayed by the activated illustration editing program. The illustration editing program accepts a user operation by the pointing device 16 via the illustration editing screen, and processes illustration editing in accordance with the accepted user operation. Note that the illustration editing program may be received (downloaded) from the server 2 by communication separate from the reception of the response message transmitted in step S103.

  FIG. 5A is a diagram illustrating an illustration editing screen. FIG. 5A shows an illustration editing screen in which the edited illustration is empty immediately after the illustration editing program is started. The illustration editing screen is displayed in the window of the Web browser. The illustration editing screen of FIG. 5A includes an editing area SC101, an illustration reading button SC111, a color change button SC112, a rotation button SC113, an enlarge command button SC114, a My illustration box button SC115, an image reading button SC116, a drawing / editing button SC121, an illustration. A save button SC122 and a display order changing operation area SC131 are arranged.

  The editing area SC101 is an area for displaying an editing illustration being edited, and displays illustration elements such as individual illustration materials and figures constituting the entire editing illustration. The display of the editing area SC101 is realized by the image generation unit F14 and the image display unit F15 of the terminal 1. The image generation unit F14 generates and manages SVG format image data in which each illustration element included in the edited illustration is represented according to the set display mode. The image display unit F15 causes the SVG rendering engine included in the Web browser to perform rendering processing on the generated image data in the SVG format, and displays it in the editing area SC101.

  The illustration reading button SC111 is a button for starting an illustration material reading function. The color change button SC112 is a button for activating a function for changing the color (line color, paint color, etc.) of the illustration material. The rotation button SC113 is a button for starting a function of rotating the illustration material. The enlargement command button SC114 is a button for starting an illustration material enlargement / reduction function. The My illustration box button SC115 is a button for starting a function of reading the user's edited illustration stored in the server 2. The image reading button SC116 is a button for starting a function of reading an image as a background of an illustration. The drawing / editing button SC121 is a button for activating a function for drawing and editing various graphics. The illustration saving button SC122 is a button for starting a function of saving the edited illustration in the server 2.

  The display order changing operation area SC131 is an area for performing an operation for setting the display order of each illustration element (illustration material, figure, etc.) constituting the edited illustration. In the present embodiment, a so-called layer function is implemented, and in a region where the display of each illustration element overlaps, priority illustration elements are displayed according to the display order set for each illustration element.

  FIG. 5B is a diagram illustrating an illustration editing screen during editing. In the editing area SC101 of FIG. 5B, illustration materials such as a power shovel, a truck, and a worker, and illustration elements such as a graphic SC151 representing the ground are arranged. In FIG. 5B, an illustration material representing a power shovel is selected, and a selection frame SC102 representing the selected element is displayed. FIG. 5B also shows a setting bar SC141 for changing the preset style of the selected movable illustration material and a confirm button SC143 for confirming the preset style. The setting bar SC141 is a GUI component (a so-called slider) that accepts an operation of sliding the knob on a predetermined bar-shaped area having the longitudinal direction in the horizontal direction of the screen. The setting bar SC141 and the confirmation button SC143 are displayed when the function for changing the preset style is activated. Details of the preset style change will be described later.

  Here, it is assumed that the user presses the illustration reading button SC111 on the illustration editing screen and the function of reading the edited illustration is started by the illustration editing program. In steps S105 to S109, the illustration material is read and added to the edited illustration managed by the image generation unit F14. Although reading of a single illustration material will be described here, a plurality of illustration materials may be added to the edited illustration in order.

  First, in step S105, the illustration editing program of the terminal 1 detects pressing of the illustration reading button SC111 on the illustration editing screen. In step S106, the material acquisition unit F11 of the terminal 1 transmits a material list request for requesting a list of illustration materials to the server 2.

  Next, in step S107, the material image transmission unit F21 of the server 2 receives the material list request and transmits a list of illustration materials to the requesting terminal 1. Specifically, the server 2 generates and transmits a list of illustration material names and image data stored in the illustration material table of the illustration database D21.

  Next, in step S108, the material acquisition unit F11 of the terminal 1 receives the illustration material list, and displays an illustration material selection screen for selecting an illustration material based on the received illustration material list. Steps S106 to S108 are an example of a “material acquisition step”. In this embodiment, the terminal 1 collectively acquires image data of illustration materials as a list, but the image data of illustration materials may be acquired individually as necessary.

  FIG. 6 is a diagram illustrating an illustration material selection screen. In the illustration material selection screen, each illustration material belonging to the category selected by the category tab SC201 is displayed in the selection area S211 using the name and the illustration. For a movable illustration material having a movable part, an illustration (for example, a preset style with a style number of 1) where the movable part is in a representative position is displayed. In the selection area S211 of FIG. 6, illustration materials classified as heavy machinery are displayed. The user can select any one of the displayed illustration materials by using the pointing device 16 of the terminal 1 or the like.

  Next, in step S109, the material selection unit F12 of the terminal 1 accepts an operation for selecting an illustration material via the illustration material selection screen, and selects a new illustration material to be displayed according to the accepted operation. To do. After the selection, the display on the Web browser is switched from the illustration material selection screen to the illustration editing screen. The selected illustration material is added as an illustration element of the edited illustration managed by the image generation unit F14, and is displayed in the editing area SC101 of the illustration editing screen. Step S109 is an example of a “material selection step”.

  Here, it is assumed that the user selects a movable illustration material displayed in the editing area SC101 of the illustration editing screen and performs an operation of changing a preset style for the selected movable illustration material. For example, the preset style can be changed from a context menu displayed when a right-click operation of the pointing device 16 is performed after the movable illustration material is selected. The displayed context menu includes menu items for changing the preset style.

  In step S110, the preset style set for the movable illustration material selected by the user is changed in the terminal 1, and the display of the movable portion is edited. The preset style is changed by operating the setting bar SC141 in FIG. 5B described above.

FIG. 7A is an explanatory diagram illustrating a user interface in the movable unit editing process of the heavy machinery. FIG. 7A shows four preset styles of a power excavator that is an example of a movable illustration material belonging to a heavy machine, in which the position of an arm portion that is a movable portion is displaced to each position. Style numbers 1 to 4 are assigned to the preset styles. When the knob SC142 in the setting bar SC141 is slid left and right by dragging the pointing device 16 or the like, the value of the style number set for the power shovel to be edited changes according to the position of the slide destination. Depending on the value of the changed style number, the preset style of the power shovel to be edited is changed, and the position of the arm portion of the displayed power shovel is changed.

  FIG. 7B is an explanatory diagram illustrating a user interface in the movable part editing process of the worker. FIG. 7B shows seven preset styles that are shapes in which the position of the arm, which is a movable part, is displaced to each position for a worker who holds a flag, which is an example of a movable illustration material, and guides traffic. . Style numbers 1 to 7 are assigned to the preset styles. When the knob SC142 in the setting bar SC141 is slid left and right by dragging the pointing device 16 or the like, the style number value set for the worker to be edited changes according to the position of the slide destination. The preset style of the worker is changed according to the changed value of the style number, and the position of the displayed worker's arm changes together with the flag.

  By such a slide operation, the preset style can be changed with an operation feeling that moves the movable part of the movable illustration material. The changed preset style is confirmed by pressing the confirm button SC143. Details of the edit processing of the movable part in step S110 for realizing such a user interface will be described later.

  Here, it is assumed that the user has dragged the illustration material displayed in the editing area SC101 of the illustration editing screen using the pointing device 16 and dropped it in the editing area SC101. In step S111, the display mode setting unit F13 of the terminal 1 accepts an operation (drag and drop) for changing the position of the illustration material, and sets the display position of the illustration material to the drop destination position according to the accepted operation.

  After step S111, the process flow continues to FIG. 4B. Here, it is assumed that when the user presses the drawing / editing button SC121 on the illustration editing screen, a function for drawing and editing various graphics is started by the illustration editing program. In step S112, the terminal 1 draws and edits a figure in accordance with a user operation.

  FIG. 8 is an explanatory diagram illustrating an example of drawing graphics. FIG. 8 illustrates a state in which a polygon representing the ground is drawn. As shown in FIG. 8, a reference grid line is displayed on the screen (A). When the user performs a click operation using the pointing device 16 and specifies a grid point of the grid line (B), A polygon is drawn with the lattice points as apexes (C). The inside surrounded by the boundary line of the polygon can be filled with a specific color (D). The graphic indicating the polygon is added as an illustration element to the edited illustration managed by the image generation unit F14.

  Here, it is assumed that the user selects an illustration material in the editing area SC101 of the illustration editing screen and then presses the rotation button SC113 or the enlargement command button SC114. In this case, the illustration editing program activates a rotation function and an enlargement / reduction function of the illustration material. In step S113, the display mode setting unit F13 of the terminal 1 accepts a user operation, and changes the setting of the display direction and size of the illustration material in accordance with the accepted operation.

  FIG. 9 is an explanatory diagram for explaining a user interface in editing of rotation and enlargement / reduction. FIG. 9A illustrates a user interface in editing illustration material rotation. In this user interface, after a rotation origin designation operation is accepted, the direction is designated using the setting bar SC141. When the knob portion SC142 in the setting bar SC141 is slid left and right, the direction of the illustration material to be edited changes so as to rotate according to the slide amount, and the display is updated.

  FIG. 9B illustrates a user interface in the illustration material enlargement / reduction editing. In this user interface, when the knob SC142 in the setting bar SC141 is slid left and right, the size of the illustration material to be edited is changed according to the slide amount, and the display is updated.

  Here, it is assumed that the function of saving the edited illustration in the server 2 is activated by the illustration editing program of the terminal 1 when the user presses the illustration saving button SC122 on the illustration editing screen. In steps S <b> 114 to S <b> 115, the edited illustration image data is stored in the server 2.

  First, in step S <b> 114, the illustration editing program of the terminal 1 receives an operation for saving the edited illustration, and transmits a save request for saving the edited illustration to the server 2. The save request to be transmitted includes SVG format image data representing an edited illustration, a save name input by a user operation, and a user ID. The image data includes data on all the illustration materials that are illustration elements of the edited illustration.

  Next, in step S115, the server 2 receives the save request, and saves the image data of the edited illustration in the save table of the illustration database D21 based on the received save request. The server 2 adds a storage destination record in which the value of the user ID is the user ID included in the storage request and the storage name is the storage name included in the storage request to the storage table. The image data included in the save request is set as the image data value of the save destination record. If a storage destination record is already stored, the record addition process is not performed, and only the update of the set value of the image data is processed. The edited illustration data stored in this way is transmitted from the server 2 to the terminal 1 and can be read by the terminal 1 by the function of reading the user's edited illustration activated by pressing the My illustration box button SC115. .

  Here, it is assumed that the user performs an operation of outputting an edited illustration. This operation is performed by, for example, an external application program (for example, a word processor or a spreadsheet program) that uses a pointing device 16 to drag an edited illustration displayed in the editing area SC101 of the illustration editing screen and edit a document. This is an operation to drop in the operation window.

  In step S116, the illustration editing program of the terminal 1 outputs the image data of the edited illustration to the external application program. Specifically, first, when the image generation unit F14 of the terminal 1 receives an operation of dragging an illustration displayed in the editing area SC101 and dropping it on a window outside the window of the Web browser, the SVG of the edited illustration is displayed. The format image data is converted into raster format image file data such as PNG (Portable Network Graphics). Next, the illustration editing program delivers the converted image file data to the external application program at the drop destination. For example, if the external application program that is the drop destination is a program that edits a construction document, the external application program performs a process of pasting an edited illustration on the document being edited based on the received image file data. .

FIG. 10 is a diagram illustrating an example of a construction procedure manual including an illustration edited using the illustration editing system. FIG. 10 illustrates a part of the construction procedure manual explaining the construction procedure in which the image data of the edited illustration output in step S116 of FIG. 4B is inserted. As shown in FIG. 10, the construction procedure manual includes an edited illustration E11 expressed by a combination of illustration materials and graphics representing the ground. The illustration editing system of this embodiment can create a suitable document in which illustrations are utilized in this way.

  FIG. 11 is a flowchart illustrating the flow of edit processing of the display of the movable part. This process flow shows the details of the process of step S110 in FIG. 4A. In this process flow, the mobile illustration material to be edited is selected in the terminal 1, and the setting bar SC141 and the confirm button SC143 are displayed on the illustration editing screen. This is described with reference to FIGS. 7A and 7B. The user interface is realized.

  In step S201, the display mode setting unit F13 determines whether or not the confirm button SC143 has been pressed. If it is determined in step S201 that the confirm button SC143 has been pressed, the preset style of the movable illustration material to be edited is confirmed, and the flow of edit processing for display of the movable portion ends. On the other hand, if it is not determined in step S201 that the confirm button SC143 has been pressed, the process proceeds to step S202.

  In step S202, the display mode setting unit F13 determines whether or not a slide operation of the knob SC142 of the setting bar SC141 has been detected. If it is determined in step S202 that a slide operation has been detected, the process proceeds to step S203. On the other hand, if it is not determined in step S202 that a slide operation has been detected, the process returns to step S201.

  In step S203, the display mode setting unit F13 determines the style number of the movable illustration material to be edited according to the position of the knob SC142 of the setting bar SC141. In the present embodiment, each possible value of the style number is assigned to each range obtained by dividing the length of the setting bar SC141 by the number of possible values. The style number is determined according to which of the divided ranges the knob SC142 is located.

  In steps S204 to S205, the preset style setting of the movable illustration material to be edited is changed according to the style number determined in step S203. In the present embodiment, the preset style is changed by changing the displayed layer. First, in step S204, the image generation unit F14 sets all the layers included in the image data of the movable illustration material to be edited to a non-display state. Next, in step S205, the image generation unit F14 sets only the layer corresponding to the style number value determined in step S203 to the display state for the image data of the movable illustration material to be edited. In the processing of steps S204 to S205, for example, the image data of the movable illustration material represented in the SVG format among the SVG image data of the edited illustration managed by the image generation unit F14 is updated via an XML parser or the like. Can be realized. Steps S204 to S205 are an example of an “image generation step”.

  In step S206, the image display unit F15 updates the display of the movable illustration material. The image display unit F15 updates the display of the entire edited illustration including the movable illustration material to be edited whose preset style has been changed. Specifically, the image display unit F15 causes the SVG rendering engine of the web browser to render the image data of the edited illustration managed by the image generation unit F14 in the rendering area SC101 of the web browser. . Step S206 is an example of an “image display step”.

<Effect>
In the present embodiment described above, the image data of the edited illustration including the display of the illustration material according to the preset preset style, position, size, orientation, color, and other display modes is generated and output to the external application program. It was. At this time, it is possible to obtain an edited illustration by selecting an illustration material or operating the setting bar SC 141 without requiring a complicated editing operation. In addition, since the image data of the illustration material was acquired via the Internet 3, it did not require a significant work load for collecting the illustration material. Further, since the illustration editing program is executed on the Web browser running on the terminal 1, no special preparation work such as installation of the illustration editing program is required for editing. Therefore, it is possible to easily and quickly obtain a desired edited illustration for the illustration related to the construction.

  In illustrations related to construction, even if elements such as the same heavy machinery and workers are displayed, since heavy machinery and workers have movable parts such as arms and arms, depending on the scene depicted in the illustration, movable parts May require the display of features in different positions. In the present embodiment, the display of the movable illustration material in which the position of the movable part such as the arm part is displaced is obtained by a relatively simple operation of the setting bar SC141. Since this operation has an intuitive and easy-to-understand operational feeling that the movable portion moves when the knob SC142 is slid, learning of an operation method such as reading an instruction manual is not necessarily required. Therefore, a desired illustration related to the construction can be obtained simply and quickly with a suitable operational feeling. In this embodiment, since the operation using the setting bar SC141 is adopted in the function of rotating the illustration material and the function of enlarging / reducing, the user preferably operates the illustration editing program with a unified operation feeling. It is possible.

  In the present embodiment, the editing process for displaying the movable part of the movable illustration material is realized by changing the displayed layer. Therefore, it is possible to obtain a desired illustration related to construction by executing efficient processing that does not require complicated calculation processing or the like. Even if the terminal 1 with low calculation performance is used, a desired illustration can be obtained quickly.

<Modification>
(Modification of setting bar SC141)
In the above-described embodiment, the GUI part that accepts an operation for changing the preset style of the movable illustration material is the setting bar SC141 that can slide the knob portion S142 on the bar-shaped region whose longitudinal direction is the horizontal direction of the screen. The GUI component that accepts an operation for changing the preset style may be different from the setting bar SC141.

  FIG. 12 is a diagram illustrating a modified example of the operation component in editing the display of the movable part. GUI parts as shown in FIGS. 12A to 12C may be employed instead of the setting bar SC141. FIG. 12A shows a GUI component that can slide the knob portion SC512 on a rod-shaped region SC511 having a longitudinal direction in the screen vertical direction. When the slider SC512 in FIG. 12A is slid by dragging the pointing device 16 or the like, the value of the style number set in the movable illustration to be edited changes according to the position of the slide destination, and the preset style is changed. Be changed.

  FIG. 12B shows a GUI component that can slide the knob SC522 along the annular region SC521. When the knob SC522 in FIG. 12B is slid by dragging the pointing device 16 or the like, the value of the style number set in the movable illustration to be edited changes according to the position of the slide destination, and the preset style is changed. Be changed.

  FIG. 12C shows a spin button that includes two buttons SC531 and SC532 adjacent to each other in the horizontal direction of the screen and has a label indicating the direction toward the opposite side. In accordance with the pressing of each button in FIG. 12C, the value of the style number set in the movable illustration to be edited changes, and the preset style is changed.

  The value of the style number may be changed according to a pressing operation of a cross key on a keyboard connected to the terminal 1 or a sliding operation on an input device that can slide a lever-shaped physical knob.

(Multiple moving parts)
In the above-described embodiment, it is assumed that the movable illustration material has a single movable part, but the movable illustration material may have a plurality of movable parts. For example, when the movable illustration material has two movable parts, the image data of the movable illustration material includes two pieces according to all combinations of two types of style number values corresponding to the two movable parts. It includes data for a plurality of layers representing each illustration material of the feature with the movable part displaced. In this case, a pair of two types of style numbers and a layer are associated with each other one-to-one. By doing so, it is possible to edit illustrations with a higher degree of freedom using display of illustration materials such as heavy machinery having a plurality of movable parts.

(Other features)
The illustration editing system may have a function of combining a background image with an edited illustration. In this case, the user drags the icon of the image file indicating the background image stored in the auxiliary storage device 14 of the terminal 1 using the pointing device 16 or the like, and drops it on the editing area SC101 of the illustration editing screen. I do. When the illustration editing program accepts the operation, it reads the image file and synthesizes the display of the edited illustration on the front side so that the background image indicated by the image file is displayed on the back side. With such a function, for example, a user can easily create an image in which a photograph of a construction site or the like and an illustration related to construction are superimposed.

1 Terminal (computer, image processing device)
2 Server 3 Internet (network)
D21 Illustration database SC141 Setting bar SC142 Knob section

Claims (9)

A program that generates an image related to construction based on an image of an object related to construction or material representing a person,
To a computer connected to the network,
A material acquisition step for acquiring image data of the material from the material image storage means for storing the image data of the material via the network;
A material selection step for selecting a material to be displayed from materials whose image data is stored in the material image storage means in accordance with an operation to be accepted;
A display mode setting step for setting a display mode for the selected display target material in accordance with an operation to be received;
An image generation step of generating image data including display of the material according to the set display mode, based on image data of the material to be displayed ;
And execute
The image data of the stored material includes image data representing each of the plurality of features of the material, the positions of the movable parts being portions where the positional relationship with other parts of the material can be changed,
In the display mode setting step, for the material to be displayed, any one of a plurality of shapes whose positions of the movable part are different from each other is set.
In the image generation step, image data is generated in which the position of the movable part in the set feature is a representative position when the material is displayed.
A program for running The program is a program executed on a Web browser that runs on the computer,
Causing the computer to further execute an image display step of displaying the image data generated in the image generation step on a display screen of the Web browser;
The program according to claim 1. In the display mode setting step, an operation of sliding a slidable knob portion on a predetermined trajectory is accepted, and the position of the movable portion is different from each other according to the position where the knob portion is slid. Is set,
The program according to claim 1 or 2 . The image data of at least part of the material stored in the material image storage means is graphic data indicating a heavy machine,
The program according to any one of claims 1 to 3 . The image data of at least a part of the material stored in the material image storage means is graphic data indicating a construction worker.
The program according to any one of claims 1 to 4 . In the display mode setting step, at least one of position, size, color scheme, and orientation is set for the material.
The program according to any one of claims 1 to 5 . An information processing method for generating an image related to construction based on an image of an object related to construction or a material representing a person,
A computer connected to the network
A material acquisition step for acquiring image data of the material from the material image storage means for storing the image data of the material via the network;
A material selection step for selecting a material to be displayed from materials whose image data is stored in the material image storage means in accordance with an operation to be accepted;
A display mode setting step for setting a display mode for the selected display target material in accordance with an operation to be received;
An image generation step of generating image data including display of the material according to the set display mode based on image data of the material to be displayed ;
The image data of the stored material includes image data representing each of the plurality of features of the material, the positions of the movable parts being portions where the positional relationship with other parts of the material can be changed,
In the display mode setting step, for the material to be displayed, any one of a plurality of shapes whose positions of the movable part are different from each other is set.
In the image generation step, image data is generated in which the position of the movable part in the set feature is a representative position when the material is displayed.
Information processing method. An image processing apparatus that is connected to a network and generates an image relating to construction based on an image of a material representing a thing or person relating to the construction,
Material acquisition means for acquiring image data of the material from the material image storage means for storing the image data of the material via the network;
Material selection means for selecting a material to be displayed from materials whose image data is stored in the material image storage means according to an operation to be accepted;
Display mode setting means for setting a display mode for the selected material to be displayed according to an operation to be received;
Image generating means for generating image data including display of the material according to the set display mode based on image data of the material to be displayed ;
The image data of the stored material includes image data representing each of the plurality of features of the material, the positions of the movable parts being portions where the positional relationship with other parts of the material can be changed,
The display mode setting means is configured such that the position of the movable part is relative to the material to be displayed.
Set any of the different shapes to
The image generation means generates image data in which the position of the movable part in the set feature is a representative position when the material is displayed.
Image processing device. A server capable of communicating with a terminal,
Material image storage means for storing image data of a material representing an object or person related to the construction;
A program transmission means for transmitting a program for generating an image relating to construction to the access source terminal when accessed from the terminal;
Material image transmission means for transmitting the image data stored in the material image storage means to the terminal,
The program transmitted to the terminal is
In the terminal,
A material acquisition step of acquiring image data of the material stored in the material image storage means from the server;
A material selection step for selecting a material to be displayed from materials whose image data is stored in the material image storage means in accordance with an operation to be accepted;
A display mode setting step for setting a display mode for the selected display target material in accordance with an operation to be received;
An image generation step of generating image data including display of the material according to the set display mode based on image data of the material to be displayed ;
The image data of the stored material includes image data representing each of the plurality of features of the material, the positions of the movable parts being portions where the positional relationship with other parts of the material can be changed,
In the display mode setting step, for the material to be displayed, any one of a plurality of shapes whose positions of the movable part are different from each other is set.
In the image generation step, image data is generated in which the position of the movable part in the set feature is a representative position when the material is displayed.
server.

Images