WO2023195050A1 - Rendering assistance program, rendering assistance device, and rendering assistance method - Google Patents

Rendering assistance program, rendering assistance device, and rendering assistance method Download PDF

Info

Publication number
WO2023195050A1
WO2023195050A1 PCT/JP2022/017061 JP2022017061W WO2023195050A1 WO 2023195050 A1 WO2023195050 A1 WO 2023195050A1 JP 2022017061 W JP2022017061 W JP 2022017061W WO 2023195050 A1 WO2023195050 A1 WO 2023195050A1
Authority
WO
WIPO (PCT)
Prior art keywords
attribute information
component
area
information
display
Prior art date
Application number
PCT/JP2022/017061
Other languages
French (fr)
Japanese (ja)
Inventor
祐弥 的場
Original Assignee
三菱電機株式会社
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 三菱電機株式会社 filed Critical 三菱電機株式会社
Priority to JP2022547957A priority Critical patent/JP7186933B1/en
Priority to PCT/JP2022/017061 priority patent/WO2023195050A1/en
Publication of WO2023195050A1 publication Critical patent/WO2023195050A1/en

Links

Images

Classifications

    • GPHYSICS
    • G05CONTROLLING; REGULATING
    • G05BCONTROL OR REGULATING SYSTEMS IN GENERAL; FUNCTIONAL ELEMENTS OF SUCH SYSTEMS; MONITORING OR TESTING ARRANGEMENTS FOR SUCH SYSTEMS OR ELEMENTS
    • G05B19/00Programme-control systems
    • G05B19/02Programme-control systems electric
    • G05B19/04Programme control other than numerical control, i.e. in sequence controllers or logic controllers
    • G05B19/05Programmable logic controllers, e.g. simulating logic interconnections of signals according to ladder diagrams or function charts
    • GPHYSICS
    • G05CONTROLLING; REGULATING
    • G05BCONTROL OR REGULATING SYSTEMS IN GENERAL; FUNCTIONAL ELEMENTS OF SUCH SYSTEMS; MONITORING OR TESTING ARRANGEMENTS FOR SUCH SYSTEMS OR ELEMENTS
    • G05B23/00Testing or monitoring of control systems or parts thereof
    • G05B23/02Electric testing or monitoring

Definitions

  • the present disclosure relates to a drawing support program, a drawing support device, and a drawing support method.
  • Programmable displays are known that display the status of devices such as programmable logic controllers (PLCs) and sensors, and accept operations on the devices.
  • the display screen displayed on the programmable display includes a plurality of parts as images, such as parts that indicate specific functions such as switches and meters, and parts that display data such as text.
  • the display screen displayed on such a programmable display is created by a user selecting, arranging, setting, etc. parts on a drawing screen provided by drawing software.
  • an image data creation device divides a background image of a display screen displayed on a programmable display into a plurality of rectangular areas, and when an image of a part is placed in the background image, the image of the part is divided into a plurality of rectangular areas.
  • a technique has been disclosed in which a rectangular area to be placed is specified and an image of a component is displayed at a position or size corresponding to the size of the specified rectangular area.
  • Patent Document 1 when trying to align the display format of multiple parts on the drawing screen, it is necessary to change attribute information indicating the position, size, etc. of the parts one by one. There was a problem of poor efficiency.
  • the present disclosure has been made in view of the above circumstances, and provides for efficiently setting attribute information of parts included as images on the display screen in a drawing screen for drawing a display screen displayed on a programmable display device.
  • the purpose of the present invention is to provide a drawing support program, a drawing support device, and a drawing support method that enable the drawing support program, drawing support device, and drawing support method.
  • the drawing support program for causing a display device to display a drawing screen for drawing a display screen to be displayed on the programmable display;
  • Setting means for setting correction information for correcting attribute information of a part included as an image on the display screen and placed within a specified area on the drawing screen, for the specified area. , functioning as a changing unit that changes attribute information of a component placed within the specified area based on the correction information set by the setting unit;
  • the display control means includes: The component arranged in the specified area is displayed on the display device based on the attribute information of the component changed by the changing means.
  • a drawing support program and drawing support program that can efficiently set attribute information of parts included as an image on a display screen, A support device and a drawing support method can be provided.
  • a diagram showing a functional configuration of a drawing support device according to an embodiment A block diagram showing a hardware configuration of a drawing support device according to an embodiment.
  • a diagram showing how correction information according to the embodiment is displayed in a window A diagram showing how collection condition information according to an embodiment is displayed in a window Diagram for explaining examples of values of correction information and collection condition information according to the embodiment
  • a diagram showing a state before component attribute information is corrected according to an embodiment A diagram illustrating the state after component attribute information according to the embodiment is corrected.
  • a diagram showing a state before parts according to an embodiment are collected in an area A diagram showing a state after parts according to an embodiment are collected in a region Flowchart showing change processing according to the embodiment
  • a diagram showing how graph components according to a modified example are arranged on the drawing screen Diagram showing the state after multiple regions are automatically generated due to the arrangement of graph parts according to a modified example A diagram showing how a message inquiring about generation of correction information according to a modified example is displayed.
  • a diagram showing how correction information related to a modification is displayed in a window
  • the drawing support device 100 is a device in which drawing software for drawing a display screen displayed on a programmable display device is installed.
  • a user uses the drawing support device 100 to design and draw a display screen.
  • the drawing support device 100 transfers the information of the drawing screen drawn by the user and the firmware running on the programmable display to the programmable display, the programmable display displays the drawing screen drawn by the user as a display screen. It becomes possible to do so.
  • FIG. 1 shows the functional configuration of the drawing support device 100.
  • the drawing support device 100 includes a reception unit 101 that receives information indicating an operation for drawing performed by a user, and a display control unit 102 that causes a display device to display a drawing screen for drawing a display screen. , a storage unit 103 that stores drawing screen information that defines a drawing screen, a setting unit 104 that sets drawing screen information based on information indicating an accepted operation, and a changing unit 105 that changes drawing screen information. , is provided.
  • the drawing support device 100 in FIG. 1 has the hardware configuration shown in FIG. 2.
  • the drawing support device 100 includes a processor 11 that executes various processes, a main storage unit 12 used as a work area for the processor 11, an auxiliary storage unit 13 that stores various data used in the processing of the processor 11, and an external It has a communication section 14 for communicating with the device, and an input/output interface 15 for connecting an external device.
  • the main storage section 12, the auxiliary storage section 13, the communication section 14, and the input/output interface 15 are all connected to the processor 11 via a bus 16.
  • the processor 11 includes a CPU (Central Processing Unit).
  • the processor 11 implements various functions of the drawing support device 100 by executing programs stored in the auxiliary storage unit 13.
  • the main storage unit 12 includes a RAM (Random Access Memory). A program is loaded into the main storage section 12 from the auxiliary storage section 13 .
  • the main storage unit 12 is used as a work area for the processor 11.
  • the auxiliary storage unit 13 includes a nonvolatile memory represented by EEPROM (Electrically Erasable Programmable Read-Only Memory).
  • EEPROM Electrically Erasable Programmable Read-Only Memory
  • the auxiliary storage unit 13 stores various data used in processing by the processor 11 in addition to programs.
  • the auxiliary storage unit 13 supplies data used by the processor 11 to the processor 11 according to instructions from the processor 11, and stores data supplied from the processor 11.
  • the communication unit 14 includes a network interface circuit for communicating with external devices.
  • the communication unit 14 receives a signal from an external device and outputs data indicated by this signal to the processor 11. Furthermore, the communication unit 14 transmits a signal indicating data output from the processor 11 to an external device.
  • the input/output interface 15 is an interface for connecting an external device, and includes an interface equipped with a serial port and a USB (Universal Serial Bus) port.
  • the external device is, for example, an input device such as an input key, a display device such as a display, and an output device including a speaker.
  • the input/output interface 15 receives a signal from an external device and outputs data indicated by this signal to the processor 11. Further, the input/output interface 15 transmits a signal indicating data output from the processor 11 to an external device.
  • the reception unit 101 in FIG. 1 receives information indicating an operation for drawing performed by a user.
  • the reception unit 101 is realized by the processor 11 and the input/output interface 15.
  • the reception unit 101 receives from the input device information indicating an operation performed by the user on an external input device to start drawing a display screen.
  • the reception unit 101 also receives operations performed by the user on an external input device, such as operations to create parts and areas on the drawing screen, and operations to set the contents of correction information and collection condition information. from the input device.
  • the display control unit 102 causes the display device to display a drawing screen for drawing a display screen to be displayed on the programmable display. Furthermore, the display control unit 102 causes the display device to display the drawing screen, components, and areas based on the drawing screen information stored in the storage unit 103.
  • the display control unit 102 is realized by the processor 11 and the input/output interface 15. Note that the display control unit 102 is an example of display control means.
  • the display control unit 102 sends a drawing screen 200 for drawing the display screen to the drawing support apparatus 100, as shown in FIG. displayed on an external display. Further, when the reception unit 101 receives information indicating an operation to newly create a component 201 on the drawing screen 200, the display control unit 102 selects the component 201 from the external device attached to the drawing support device 100, as shown in FIG. display it on the display. Further, when the reception unit 101 receives information indicating an operation to newly create a region 202 on the drawing screen 200, the display control unit 102 creates a new area 202 on the drawing support device 100, as shown in FIG. display it on the display.
  • the storage unit 103 stores drawing screen information that defines a drawing screen.
  • the storage unit 103 is realized by the auxiliary storage unit 13.
  • the drawing screen information is information that defines the drawing screen.
  • the drawing screen information is generated and updated by the setting unit 104 according to information indicating the operation accepted by the receiving unit 101.
  • the drawing screen information includes screen attribute information 1031, component attribute information 1032, and area attribute information 1033. Component attribute information 1032 and area attribute information 1033 are each linked to screen attribute information 1031.
  • the screen attribute information 1031 is information that is generated when the user creates a new drawing screen on the drawing support device 100. It includes identification information for identifying the created drawing screen and attribute information indicating the attributes of the drawing screen.
  • the attribute information of the drawing screen includes, for example, information indicating the display form of the drawing screen, such as a background image. For example, as shown in FIG. 3, when the user creates a new drawing screen 200 on the drawing support device 100, the setting unit 104 generates screen attribute information 1031 of the drawing screen 200, and stores it in the storage unit 103.
  • the component attribute information 1032 is information generated when the user creates a new component on the drawing screen, and includes identification information for identifying the component and attribute information indicating the attribute of the component.
  • a component is an element included as an image on a display screen, and includes, for example, something that indicates a specific function such as a switch or a meter, or something that indicates data such as text or a figure.
  • the attribute information of a component includes various information that can be set for a component in the drawing software, such as information indicating the display form of the component and information indicating the type of the component.
  • the information indicating the display form of the component is, for example, information such as the X coordinate, the Y coordinate of the component, the width of the component, the height of the component, and the color of the component on the drawing screen.
  • the X and Y coordinates are set with the upper left corner position 203 of the drawing screen 200 as the origin.
  • the information indicating the type of component is, for example, information indicating a function associated with the component, such as a screen changeover switch, a lamp, a numerical display, and the like.
  • the setting unit 104 when the user creates a new component 201 on the drawing screen 200, the setting unit 104 generates component attribute information 1032 of the component 201 and stores it in the storage unit 103.
  • the area attribute information 1033 is information generated when the user creates a new area on the drawing screen, and includes identification information for identifying the area and attribute information indicating the attributes of the area.
  • the attribute information of the area includes information indicating the display form of the area, such as the X coordinate, Y coordinate of the area, width of the area, height of the area, color of the area, etc. on the drawing screen, for example.
  • the information indicating the display form of the area includes information specifying the spacing between parts placed within the area, information for aligning the parts placed within the area, and the like. For example, as shown in FIG.
  • the setting unit 104 when the user creates a new area 202 by drag-and-drop operation on the drawing screen 200, the setting unit 104 generates area attribute information 1033 for the area 202, and stores it in the storage unit 103. be done. Further, the area attribute information 1033 includes correction information 1033-1 and collection condition information 1033-2, which will be described later, as area attribute information.
  • the setting unit 104 sets drawing screen information based on information indicating the operation accepted by the receiving unit 101.
  • the setting unit 104 is realized by the processor 11. Note that the setting unit 104 is an example of a setting means.
  • the setting unit 104 when the reception unit 101 receives information indicating operations for creating new drawing screens, parts, and areas, the setting unit 104 generates screen attribute information 1031, part attribute information 1032, and area attribute information 1033, and stores them. The information is stored in the section 103. Further, when the receiving unit 101 receives information indicating an operation for specifying attributes of a drawing screen, a component, and an area, the setting unit 104 generates screen attribute information stored in the storage unit 103 based on information indicating the received operation. 1031, component attribute information 1032, and area attribute information 1033 are updated.
  • the setting unit 104 also provides correction information 1033-1 for correcting the attribute information of a part that is displayed as an image on the display screen and is placed within a designated area on the drawing screen. Set for area.
  • the correction information 1033-1 is information set for a region, and is information for correcting attribute information of parts placed within the region. For example, when correction information 1033-1 is set for the area 202 and an arbitrary part is placed within the area 202, the part attribute information 1032 of the placed part is changed by the changing unit 105 based on the correction information 1033-1. will be changed.
  • a window 300 for setting area attribute information 1033 is displayed.
  • the window 300 includes a tab 301 for displaying the contents of the correction information 1033-1, a table 302 for displaying the contents of the correction information 1033-1, a button 303 for increasing the contents of the table 302, and a button 303 for increasing the contents of the table 302.
  • a tab 307 for displaying contents is included.
  • the table 302 attributes indicating items of the component attribute information 1032 and attribute values are registered in association with each other.
  • the component attribute information 1032 of the components placed in the area 202 is changed to the attributes and values shown in the table 302.
  • the contents of the table 302 are registered by a user's operation.
  • the set of attributes and values in the table 302 can be increased by selecting the button 303, and can be decreased by selecting the button 304.
  • the first line of the table 302 indicates that the X coordinate of the component attribute information 1032 of the component placed in the area 202 is changed to the same X coordinate as the area 202.
  • the values in the spacing column 305 and the alignment column 306 are registered by user operations.
  • the interval "5" in the column 305 indicates that, for example, when arranging components within the area 202, an interval of "5" is provided in the upper, lower, right, and left directions.
  • the alignment "top alignment” in column 306 indicates that when parts are arranged in area 202, the parts are aligned based on the upper end of area 202.
  • the setting unit 104 sets the contents of the table 302 and the contents of spacing and alignment registered by the user's operation as correction information 1033-1, and stores the set correction information 1033-1 in the storage unit 103. do.
  • the setting unit 104 sets collection condition information 1033-2, which indicates conditions for attribute information of parts to be collected within the specified area, for the specified area.
  • Collection condition information 1033-2 is information set for a region, and is information indicating conditions for attribute information of parts to be collected and placed within the region. For example, when the setting unit 104 sets collection condition information for the area 202 and the user performs a predetermined operation, the changing unit 105 sets the collection condition information for the parts included in the drawing screen 200. A component having component attribute information 1032 that satisfies the indicated conditions is identified, and the component attribute information 1032 of the identified component is changed so that the identified components are collected and arranged within the area 202.
  • a table 308 showing the contents of collection condition information and a button 309 are displayed in the window 300, as shown in FIG.
  • the table 308 attributes indicating items of the component attribute information 1032 and attribute values are registered in association with each other.
  • the component attribute information 1032 of the component included in the drawing screen 200 satisfies the conditions indicated by the attributes and values included in the table 308, the component attribute information 1032 indicating the position of the component is changed so that it is placed within the area 202. be done.
  • the contents of the table 308 are registered through user operations. Further, the combination of attributes and values in the table 308 can be increased by selecting the button 303, and can be decreased by selecting the button 304.
  • the first row of the table 308 indicates that the component attribute information 1032 is changed so that components whose figure color value is "blue" are collected and arranged within the area 202.
  • the button 309 among the parts arranged on the drawing screen 200, parts whose figure color value is "blue” are collected in the area 202.
  • the setting unit 104 sets the contents of the table 308 registered by the user's operation as collection condition information 1033-2, and the set collection condition information 1033-2 is stored in the storage unit 103.
  • various types of values are employed as the values set as the correction information and collection condition information. For example, a value such as "same as area” or "equal”, a fixed value, or an arithmetic expression is adopted as the value.
  • Example 1 in FIG. 5 shows an example where the value is set to "same as area". Assume that the Y coordinate of the region 204 is set as "same as the region" as correction information. In this case, when the component 205 is placed within the area 204, the Y coordinate of the component 205 is set to the same value as the Y coordinate of the area 204. When a component 206 is further placed within the area 204, the Y coordinate of the component 206 is set to the same value as the Y coordinate of the area 204.
  • Example 2 in FIG. 5 shows an example where the values are set to "equal". Assume that the height of the area 207 is set to be "equal" as correction information. In this case, when the component 208 is placed within the area 207, the height of the component 208 is set to the same value as the height of the area 207. When another component 209 is placed in the area 207, the heights of the parts 208 and 209 are set to a value obtained by equally dividing the height of the area 207 by the number of parts placed in the area 207. Therefore, the heights of the parts 208 and 209 are each set to half the height of the area 207, that is, the heights are set to be equal.
  • Example 3 in FIG. 5 shows an example where the value is set to a fixed value. Assume that the width of the area 210 is set to "40" as correction information. In this case, when the component 211 is placed within the area 210, the width of the component 211 is set to "40". When another component 212 is placed within the area 210, the width of the component 212 is also set to "40".
  • Example 4 in FIG. 5 shows an example where the value is set in an arithmetic expression.
  • the device is set to "D0+1" as correction information.
  • the device refers to data handled in a PLC or a programmable display, for example.
  • the arithmetic expression "D0+1" indicates that devices incremented by 1 are associated with added parts based on the device "D0".
  • component attribute information 1032 corresponding to the device D0 is set in the component 214.
  • component attribute information 1032 corresponding to the device D1 is set in the component 215.
  • the value may be set by specifying one of the presented options.
  • a comparison calculation expression may be adopted as the calculation expression. For example, graphic color options "blue” and “white” are presented as collection condition information, and a value is set by specifying either option. Further, for example, as the collection condition information, the X coordinate is set as "0 or more and 100 or less".
  • the changing unit 105 changes the attribute information of the parts placed within the designated area based on the correction information set by the setting unit 104.
  • the changing unit 105 is realized by the processor 11. Note that the changing unit 105 is an example of a changing means.
  • the component attribute information 1032 of the component 201 in FIG. 6 has an X coordinate of "20", a Y coordinate of "40", a width of "50", and a height of "50".
  • the area attribute information 1033 of the area 202 in FIG. 6 has an X coordinate of "0", a Y coordinate of "0", a width of "100", and a height of "480".
  • the correction information included in the area attribute information 1033 of the area 202 in FIG. is set to "top alignment", and the collection condition information is set to "blue” as the figure color.
  • the changing unit 105 changes the X coordinate of the component 201 to "0" based on the setting in the correction information that "X coordinate is the same as the area". ” he asks. Furthermore, the changing unit 105 determines the Y coordinate of the component 201 to be “0” based on the setting of "alignment is 'top alignment'” in the correction information. Furthermore, the changing unit 105 determines the width of the component 201 to be "100", which is the same as the width of the region 202, based on the setting in the correction information that "the width is the same as the region".
  • the changing unit 105 determines the height of the component 201 to be “40” based on the setting of “height is “40”” in the correction information. Then, the changing unit 105 sets an interval of "5" in the vertical and horizontal directions based on the setting of "interval is '5'” in the correction information, so that the X coordinate of the component 201 is "5" and the Y coordinate is “5". , the width is determined to be "90", and the height is determined to be "30". That is, the changing unit 105 changes the component attribute information 1032 in FIG. 6 as shown in the component attribute information 1032 in FIG. 7.
  • the display control unit 102 causes the display device to display the component placed in the designated area based on the attribute information of the component changed by the changing unit 105.
  • the display control unit 102 may externally attach a component 201 whose position and size on the drawing screen 200 have been changed based on the changed component attribute information 1032 of FIG. displayed on the screen.
  • the changing unit 105 identifies, among the parts displayed on the drawing screen, parts having attribute information that satisfies the conditions indicated by the collection condition information set by the setting unit 104, and attributes of the parts specified by the changing unit 105. Modify the information so that it is placed within the specified area.
  • the area attribute information 1033 of FIG. 6 is set in the area 202 of FIG. 8, and that blue parts 216 to 219 and white parts 220 and 221 are arranged on the drawing screen 200. .
  • the user performs a predetermined operation, for example, displays the window 300 in FIG.
  • a component having attribute information that satisfies the condition indicated by the collection condition information 1033-2 in the area 202 is identified.
  • the condition indicated by the collection condition information 1033-2 in the area 202 is that the figure color is "blue,” so the changing unit 105 changes the component having attribute information that satisfies the condition indicated by the collection condition information 1033-2 in the area 202 to a blue color.
  • Parts 216 to 219 are identified. Then, the changing unit 105 changes the X and Y coordinates of the blue components 216 to 219 so that the blue components 216 to 219 are arranged within the area 202, and further changes the component attribute information based on the correction information. Change 1032.
  • the display control unit 102 places blue components 216 to 219 within the region 202 at intervals based on the upper end of the region 202 based on the changed component attribute information 1032. "5" is provided, aligned, and displayed on an external display.
  • the change process executed by the drawing support apparatus 100 according to the present embodiment will be explained using the flowchart of FIG. 10.
  • the change process in FIG. 10 is, for example, a process that is executed when the receiving unit 101 receives information indicating an operation to set the area attribute information 1033 of a specified area on the drawing screen 200.
  • the changing unit 105 determines whether a component is placed within the designated area (step S101).
  • the changing unit 105 determines that the part is placed within the specified area (step S101; YES)
  • the changing unit 105 changes the part placed within the area based on the correction information set for the area.
  • the attribute information of is changed (step S102).
  • the display control unit 102 displays the component placed in the designated area on the external display based on the changed attribute information of the component (step S103). After that, the process returns to step S101.
  • the changing unit 105 determines that no parts are placed within the specified area (step S101; NO)
  • the changing unit 105 determines whether an operation to instruct collection of parts has been performed ( Step S104).
  • the changing unit 105 determines that the part 201 is placed in the area 202, and changes the correction information 1033 set in the area 202. -1, the component attribute information 1032 of FIG. 6 of the component 201 is changed to the component attribute information 1032 of FIG. 7. Then, the display control unit 102 displays the component 201 on the external display based on the component attribute information 1032 in FIG. 7, as shown in the drawing screen 200 in FIG. On the other hand, if the part 201 is not placed in the area 202, the changing unit 105 determines that the part 201 is not placed in the area 202, and determines whether the button 309 instructing collection has been selected.
  • step S104 when the changing unit 105 determines that an operation instructing the collection of parts has been performed (step S104; YES), it identifies parts having attribute information that satisfies the conditions indicated by the set collection condition information (step S105). ). Then, the process proceeds to step 102. On the other hand, in step S104, if the changing unit 105 determines that no operation to instruct collection of parts has been performed (step S104; NO), the process returns to step S101.
  • the reception unit 101 receives information indicating an operation of selecting the button 309 in the window 300 of FIG. 1033-2 and the component attribute information 1032 of the components 216 to 221, parts having attribute information satisfying the condition indicated by the collection condition information 1033-2 of the area 202 are identified as blue components 216 to 219. .
  • the changing unit 105 changes the X and Y coordinates of the blue components 216 to 219 so that the identified blue components 216 to 219 are arranged within the area 202, and further changes the component attributes based on the correction information. Change information 1032.
  • the display control unit 102 causes the blue components 216 to 219 to be displayed on the external display based on the changed component attribute information 1032, as shown in the drawing screen 200 of FIG.
  • the area in which each function is placed is determined, such as arranging the menu function side by side on the left side of the display screen, and arranging the title and clock functions at the top of the display screen.
  • the user needs to set the attribute information of each component one by one, such as manually adjusting the placement position of the component to be placed in the area.
  • the part attribute information of the parts placed in the area is automatically changed based on the area attribute information set in the area, and the parts with the changed part attribute information are displayed on the drawing screen. can do. Thereby, the user can efficiently set the attribute information of the parts within the area without setting the attribute information of the parts individually.
  • attribute information regarding the display form of parts can be automatically set. Therefore, it is possible to save the effort of adjusting the appearance of the parts such as size and color, and adjusting the positions of the parts in the area.
  • the setting unit 104 sets attribute information of an area including the predetermined component, attribute information of a component attached to the predetermined component, and Attribute information of the area including the attached parts may also be generated.
  • the predetermined component be a graph component that shows a graph.
  • the setting unit 104 generates component attribute information 1032 for character components and button components and area attribute information 1033 for areas 223 to 225, and the display control unit 102 generates the generated component attribute information 1032 and area attribute information. 1033, the parts and regions are displayed on an external display as shown in FIG. Note that the text parts and button parts that are generated in conjunction with the arrangement of the graph parts 222 are set in advance by drawing software.
  • the method of registering the correction information is not limited to this. Registration of correction information may be performed automatically. For example, if the specified area includes a component placed on the drawing screen, the setting unit 104 assigns common attribute information to the specified area from among the attribute information of the components included in the specified area. It is generated as correction information for.
  • correction information is obtained from the parts included in the area 202.
  • a window 400 is displayed with a message asking whether or not to generate the file.
  • the parts included in the area include not only parts that are entirely included in the area, but also parts that are partially included in the area.
  • the setting unit 104 specifies the common attribute information among the attribute information of the parts 226 and 227 included in the area 202 as "figure color is 'blue'".
  • the setting unit 104 generates “figure color is blue” as correction information, and the display control unit 102 displays the attribute “figure color” and value in the table 310 of the window 300, as shown in FIG. causes the “blue” group to be displayed on the external display. Thereafter, in window 300 of FIG. 14, the user can add any correction information. For example, when a white component 209 is placed in the area 202 after the setting unit 104 sets the correction information for “figure color is blue”, the changing unit 105 changes the figure color from the component attribute information 1032 of the component 209. Change the color attribute from "white” to "blue”.
  • correction information for area attribute information can be automatically generated from the already created drawing screen, it is possible to save time and effort in drawing work, and also reduce the burden of maintenance work on existing screens. be able to.
  • correction information and collection condition information are set while the component 201 is placed on the drawing screen 200, but the timing of setting the correction information and collection condition information is as follows. Not limited to. Even if no parts are placed on the drawing screen 200, if the area is set, correction information and collection condition information can be set.
  • the interval values in the column 305 are explained as intervals provided in the upper, lower, left, and right directions, but are not limited thereto.
  • the direction in which the interval is provided may be configured to be specified in any direction.
  • the display control unit 102 is realized by the processor 11 and the input/output interface 15, and the display control unit 102 provides the display device with a drawing screen for drawing a display screen to be displayed on the programmable display.
  • the display control unit 102 may be realized by the processor 11 and a display device, and may display a drawing screen. Therefore, the drawing support device 100 may have a hardware configuration including a display device such as a display.
  • the reception unit 101 is realized by the processor 11 and the input/output interface 15, and the reception unit 101 accepts information indicating an operation for drawing performed by the user.
  • the reception unit 101 is not limited to this. do not have.
  • the reception unit 101 may be realized by the processor 11 and an input device, and may accept operations from a user. Therefore, the drawing support device 100 may have a hardware configuration including an input device such as an input key.
  • the personal computer or information terminal device can be used as the drawing support device 100 according to the embodiment. It is also possible to make it work.
  • the distribution method of such a program is arbitrary; for example, it may be stored and distributed on a computer-readable recording medium such as a CD-ROM (Compact Disk Read-Only Memory), a DVD (Digital Versatile Disk), or a memory card. or distributed via a communication network such as the Internet.
  • a computer-readable recording medium such as a CD-ROM (Compact Disk Read-Only Memory), a DVD (Digital Versatile Disk), or a memory card.
  • a communication network such as the Internet.
  • a drawing support program and drawing support program that can efficiently set attribute information of parts included as an image on a display screen, A support device and a drawing support method can be provided.

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Automation & Control Theory (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

This rendering assistance program causes a computer to function as: a display control unit (102) that displays, on a display device, a rendering screen for rendering a display screen to be displayed on a programmable display; a setting unit (104) that sets, for a designated region in the rendering screen, correction information (1033-1), which is for correcting attribute information of a component included as an image in the display screen and disposed in the designated region; and a change unit (105) that changes the attribute information of the component disposed in the designated region, on the basis of the correction information (1033-1) set by the setting unit (104). The rendering assistance program also causes the computer to function such that the display control unit (102) displays, on the display device, the component disposed in the designated region, on the basis of the attribute information of the component changed by the change unit (105).

Description

作画支援プログラム、作画支援装置及び作画支援方法Drawing support program, drawing support device, and drawing support method
 本開示は、作画支援プログラム、作画支援装置及び作画支援方法に関する。 The present disclosure relates to a drawing support program, a drawing support device, and a drawing support method.
 プログラマブルロジックコントローラ(Programmable Logic Controller:PLC)、センサ等の装置の状態を表示し、装置に対する操作を受け付けるプログラマブル表示器が知られている。プログラマブル表示器に表示される表示画面には、スイッチ、メータのような特定の機能を示す部品、テキストのようなデータを表示する部品等、複数の部品が画像として含まれる。このようなプログラマブル表示器に表示される表示画面は、ユーザが、作画ソフトにより提供される作画画面において、部品の選択、配置、設定等を行うことにより作画される。 Programmable displays are known that display the status of devices such as programmable logic controllers (PLCs) and sensors, and accept operations on the devices. The display screen displayed on the programmable display includes a plurality of parts as images, such as parts that indicate specific functions such as switches and meters, and parts that display data such as text. The display screen displayed on such a programmable display is created by a user selecting, arranging, setting, etc. parts on a drawing screen provided by drawing software.
 プログラマブル表示器に表示される表示画面の作画については、種々の技術が提案されている。例えば、特許文献1には、画像データ作成装置が、プログラマブル表示器に表示される表示画面の背景画像を複数の矩形領域に分け、背景画像に部品の画像が配置されると、部品の画像を配置する矩形領域を特定し、部品の画像を、特定された矩形領域の大きさに応じた位置又はサイズで表示する技術が開示されている。 Various techniques have been proposed for drawing the display screen displayed on a programmable display. For example, in Patent Document 1, an image data creation device divides a background image of a display screen displayed on a programmable display into a plurality of rectangular areas, and when an image of a part is placed in the background image, the image of the part is divided into a plurality of rectangular areas. A technique has been disclosed in which a rectangular area to be placed is specified and an image of a component is displayed at a position or size corresponding to the size of the specified rectangular area.
特開2016-009465号公報JP2016-009465A
 しかしながら、上記の特許文献1に開示されたような技術では、例えば、作画画面において複数の部品の表示形態を揃えようとすると、部品の位置、サイズ等を示す属性情報を一つずつ変更する必要があり、効率が悪いという問題があった。 However, with the technology disclosed in Patent Document 1 mentioned above, for example, when trying to align the display format of multiple parts on the drawing screen, it is necessary to change attribute information indicating the position, size, etc. of the parts one by one. There was a problem of poor efficiency.
 本開示は、上記事情に鑑みてなされたものであり、プログラマブル表示器に表示される表示画面を作画するための作画画面において、表示画面に画像として含まれる部品の属性情報を効率的に設定することが可能な作画支援プログラム、作画支援装置及び作画支援方法を提供することを目的とする。 The present disclosure has been made in view of the above circumstances, and provides for efficiently setting attribute information of parts included as images on the display screen in a drawing screen for drawing a display screen displayed on a programmable display device. The purpose of the present invention is to provide a drawing support program, a drawing support device, and a drawing support method that enable the drawing support program, drawing support device, and drawing support method.
 上記目的を達成するために、本開示に係る作画支援プログラムは、
 コンピュータを、
 プログラマブル表示器に表示される表示画面を作画するための作画画面を表示装置に表示させる表示制御手段、
 前記表示画面に画像として含まれる部品であって前記作画画面において指定された領域内に配置される部品の属性情報を補正するための補正情報を、前記指定された領域に対して設定する設定手段、
 前記設定手段により設定された補正情報に基づいて、前記指定された領域内に配置された部品の属性情報を変更する変更手段、として機能させ、
 前記表示制御手段は、
 前記変更手段により変更された部品の属性情報に基づいて、前記指定された領域に配置された部品を前記表示装置に表示させる。
In order to achieve the above purpose, the drawing support program according to the present disclosure,
computer,
a display control means for causing a display device to display a drawing screen for drawing a display screen to be displayed on the programmable display;
Setting means for setting correction information for correcting attribute information of a part included as an image on the display screen and placed within a specified area on the drawing screen, for the specified area. ,
functioning as a changing unit that changes attribute information of a component placed within the specified area based on the correction information set by the setting unit;
The display control means includes:
The component arranged in the specified area is displayed on the display device based on the attribute information of the component changed by the changing means.
 本開示によれば、プログラマブル表示器に表示される表示画面を作画するための作画画面において、表示画面に画像として含まれる部品の属性情報を効率的に設定することが可能な作画支援プログラム、作画支援装置及び作画支援方法を提供することができる。 According to the present disclosure, on a drawing screen for drawing a display screen displayed on a programmable display device, a drawing support program and drawing support program that can efficiently set attribute information of parts included as an image on a display screen, A support device and a drawing support method can be provided.
実施形態に係る作画支援装置の機能構成を示す図A diagram showing a functional configuration of a drawing support device according to an embodiment 実施形態に係る作画支援装置のハードウェア構成を示すブロック図A block diagram showing a hardware configuration of a drawing support device according to an embodiment. 実施形態に係る補正情報がウィンドウに表示される様子を示す図A diagram showing how correction information according to the embodiment is displayed in a window 実施形態に係る収集条件情報がウィンドウに表示される様子を示す図A diagram showing how collection condition information according to an embodiment is displayed in a window 実施形態に係る補正情報及び収集条件情報の値の例を説明するための図Diagram for explaining examples of values of correction information and collection condition information according to the embodiment 実施形態に係る部品属性情報が補正される前の様子を示す図A diagram showing a state before component attribute information is corrected according to an embodiment 実施形態に係る部品属性情報が補正された後の様子を示す図A diagram illustrating the state after component attribute information according to the embodiment is corrected. 実施形態に係る部品が領域に収集される前の様子を示す図A diagram showing a state before parts according to an embodiment are collected in an area 実施形態に係る部品が領域に収集された後の様子を示す図A diagram showing a state after parts according to an embodiment are collected in a region 実施形態に係る変更処理を示すフローチャートFlowchart showing change processing according to the embodiment 変形例に係るグラフ部品が作画画面に配置された様子を示す図A diagram showing how graph components according to a modified example are arranged on the drawing screen 変形例に係るグラフ部品の配置に伴い複数の領域が自動生成された後の様子を示す図Diagram showing the state after multiple regions are automatically generated due to the arrangement of graph parts according to a modified example 変形例に係る補正情報の生成を問い合わせるメッセージが表示される様子を示す図A diagram showing how a message inquiring about generation of correction information according to a modified example is displayed. 変形例に係る補正情報がウィンドウに表示される様子を示す図A diagram showing how correction information related to a modification is displayed in a window
(実施形態)
 実施形態に係る作画支援装置100は、プログラマブル表示器において表示される表示画面の作画を行うための作画ソフトがインストールされた装置である。ユーザは、作画支援装置100を用いて、表示画面を設計し、作画する。作画支援装置100が、ユーザにより作画された作画画面の情報と、プログラマブル表示器において動作するファームウェアとをプログラマブル表示器に転送すると、プログラマブル表示器は、ユーザにより作画された作画画面を表示画面として表示することが可能となる。
(Embodiment)
The drawing support device 100 according to the embodiment is a device in which drawing software for drawing a display screen displayed on a programmable display device is installed. A user uses the drawing support device 100 to design and draw a display screen. When the drawing support device 100 transfers the information of the drawing screen drawn by the user and the firmware running on the programmable display to the programmable display, the programmable display displays the drawing screen drawn by the user as a display screen. It becomes possible to do so.
 図1に、作画支援装置100の機能構成を示す。作画支援装置100は、機能的には、ユーザにより行われた作画のための操作を示す情報を受け付ける受付部101と、表示画面を作画するための作画画面を表示装置に表示させる表示制御部102と、作画画面を定義する作画画面情報が格納される記憶部103と、受け付けられた操作を示す情報に基づいて作画画面情報を設定する設定部104と、作画画面情報を変更する変更部105と、を備える。 FIG. 1 shows the functional configuration of the drawing support device 100. Functionally, the drawing support device 100 includes a reception unit 101 that receives information indicating an operation for drawing performed by a user, and a display control unit 102 that causes a display device to display a drawing screen for drawing a display screen. , a storage unit 103 that stores drawing screen information that defines a drawing screen, a setting unit 104 that sets drawing screen information based on information indicating an accepted operation, and a changing unit 105 that changes drawing screen information. , is provided.
 図1の作画支援装置100は、図2に示すハードウェア構成を有する。 The drawing support device 100 in FIG. 1 has the hardware configuration shown in FIG. 2.
 作画支援装置100は、種々の処理を実行するプロセッサ11と、プロセッサ11の作業領域として用いられる主記憶部12と、プロセッサ11の処理に用いられる種々のデータを記憶する補助記憶部13と、外部の装置と通信するための通信部14と、外付け装置を接続するための入出力インタフェース15と、を有する。主記憶部12、補助記憶部13、通信部14及び入出力インタフェース15はいずれも、バス16を介してプロセッサ11に接続される。 The drawing support device 100 includes a processor 11 that executes various processes, a main storage unit 12 used as a work area for the processor 11, an auxiliary storage unit 13 that stores various data used in the processing of the processor 11, and an external It has a communication section 14 for communicating with the device, and an input/output interface 15 for connecting an external device. The main storage section 12, the auxiliary storage section 13, the communication section 14, and the input/output interface 15 are all connected to the processor 11 via a bus 16.
 プロセッサ11は、CPU(Central Processing Unit)を含む。プロセッサ11は、補助記憶部13に記憶されるプログラムを実行することにより、作画支援装置100の種々の機能を実現する。 The processor 11 includes a CPU (Central Processing Unit). The processor 11 implements various functions of the drawing support device 100 by executing programs stored in the auxiliary storage unit 13.
 主記憶部12は、RAM(Random Access Memory)を含む。主記憶部12には、補助記憶部13からプログラムがロードされる。そして、主記憶部12は、プロセッサ11の作業領域として用いられる。 The main storage unit 12 includes a RAM (Random Access Memory). A program is loaded into the main storage section 12 from the auxiliary storage section 13 . The main storage unit 12 is used as a work area for the processor 11.
 補助記憶部13は、EEPROM(Electrically Erasable Programmable Read-Only Memory)に代表される不揮発性メモリを含む。補助記憶部13は、プログラムの他に、プロセッサ11の処理に用いられる種々のデータを記憶する。補助記憶部13は、プロセッサ11の指示に従って、プロセッサ11によって利用されるデータをプロセッサ11に供給し、プロセッサ11から供給されたデータを記憶する。 The auxiliary storage unit 13 includes a nonvolatile memory represented by EEPROM (Electrically Erasable Programmable Read-Only Memory). The auxiliary storage unit 13 stores various data used in processing by the processor 11 in addition to programs. The auxiliary storage unit 13 supplies data used by the processor 11 to the processor 11 according to instructions from the processor 11, and stores data supplied from the processor 11.
 通信部14は、外部の装置と通信するためのネットワークインタフェース回路を含む。通信部14は、外部の装置から信号を受信して、この信号により示されるデータをプロセッサ11へ出力する。また、通信部14は、プロセッサ11から出力されたデータを示す信号を外部の装置へ送信する。 The communication unit 14 includes a network interface circuit for communicating with external devices. The communication unit 14 receives a signal from an external device and outputs data indicated by this signal to the processor 11. Furthermore, the communication unit 14 transmits a signal indicating data output from the processor 11 to an external device.
 入出力インタフェース15は、外付け装置を接続するためのインタフェースであり、シリアルポート、USB(Universal Serial Bus)ポートを備えるインタフェースを含む。外付け装置とは、例えば、入力キーのような入力装置、ディスプレイのような表示装置及びスピーカを含む出力装置である。入出力インタフェース15は、外付け装置から信号を受信して、この信号により示されるデータをプロセッサ11へ出力する。また、入出力インタフェース15は、プロセッサ11から出力されたデータを示す信号を外付け装置へ送信する。 The input/output interface 15 is an interface for connecting an external device, and includes an interface equipped with a serial port and a USB (Universal Serial Bus) port. The external device is, for example, an input device such as an input key, a display device such as a display, and an output device including a speaker. The input/output interface 15 receives a signal from an external device and outputs data indicated by this signal to the processor 11. Further, the input/output interface 15 transmits a signal indicating data output from the processor 11 to an external device.
 図1の受付部101は、ユーザにより行われた作画のための操作を示す情報を受け付ける。受付部101は、プロセッサ11及び入出力インタフェース15により実現される。 The reception unit 101 in FIG. 1 receives information indicating an operation for drawing performed by a user. The reception unit 101 is realized by the processor 11 and the input/output interface 15.
 例えば、受付部101は、ユーザが外付けされた入力装置に対して行った操作であって表示画面の作画を開始する操作を示す情報を、入力装置から受け付ける。また、受付部101は、ユーザが外付けされた入力装置に対して行った操作であって作画画面において、部品及び領域を作成する操作、並びに、補正情報及び収集条件情報の内容を設定する操作を示す情報を入力装置から受け付ける。 For example, the reception unit 101 receives from the input device information indicating an operation performed by the user on an external input device to start drawing a display screen. The reception unit 101 also receives operations performed by the user on an external input device, such as operations to create parts and areas on the drawing screen, and operations to set the contents of correction information and collection condition information. from the input device.
 表示制御部102は、プログラマブル表示器に表示される表示画面を作画するための作画画面を表示装置に表示させる。また、表示制御部102は、記憶部103に格納された作画画面情報に基づき、作画画面、部品、及び、領域を表示装置に表示させる。表示制御部102は、プロセッサ11及び入出力インタフェース15により実現される。なお、表示制御部102は、表示制御手段の一例である。 The display control unit 102 causes the display device to display a drawing screen for drawing a display screen to be displayed on the programmable display. Furthermore, the display control unit 102 causes the display device to display the drawing screen, components, and areas based on the drawing screen information stored in the storage unit 103. The display control unit 102 is realized by the processor 11 and the input/output interface 15. Note that the display control unit 102 is an example of display control means.
 例えば、受付部101が表示画面の作画を開始する操作を示す情報を受け付けると、図3に示すように、表示制御部102は、表示画面を作画するための作画画面200を、作画支援装置100に外付けされたディスプレイに表示させる。また、受付部101が作画画面200において部品201を新規作成する操作を示す情報を受け付けると、図3に示すように、表示制御部102は、部品201を、作画支援装置100に外付けされたディスプレイに表示させる。また、受付部101が作画画面200において領域202を新規作成する操作を示す情報を受け付けると、図3に示すように、表示制御部102は、領域202を、作画支援装置100に外付けされたディスプレイに表示させる。 For example, when the reception unit 101 receives information indicating an operation to start drawing a display screen, the display control unit 102 sends a drawing screen 200 for drawing the display screen to the drawing support apparatus 100, as shown in FIG. displayed on an external display. Further, when the reception unit 101 receives information indicating an operation to newly create a component 201 on the drawing screen 200, the display control unit 102 selects the component 201 from the external device attached to the drawing support device 100, as shown in FIG. display it on the display. Further, when the reception unit 101 receives information indicating an operation to newly create a region 202 on the drawing screen 200, the display control unit 102 creates a new area 202 on the drawing support device 100, as shown in FIG. display it on the display.
 記憶部103は、作画画面を定義する作画画面情報を格納する。記憶部103は、補助記憶部13により実現される。 The storage unit 103 stores drawing screen information that defines a drawing screen. The storage unit 103 is realized by the auxiliary storage unit 13.
 作画画面情報とは、作画画面を定義する情報である。作画画面情報は、受付部101が受け付けた操作を示す情報に応じて設定部104により生成及び更新される。作画画面情報には、画面属性情報1031と、部品属性情報1032と、領域属性情報1033と、が含まれる。部品属性情報1032と、領域属性情報1033とは、それぞれ、画面属性情報1031に紐付けされる。 The drawing screen information is information that defines the drawing screen. The drawing screen information is generated and updated by the setting unit 104 according to information indicating the operation accepted by the receiving unit 101. The drawing screen information includes screen attribute information 1031, component attribute information 1032, and area attribute information 1033. Component attribute information 1032 and area attribute information 1033 are each linked to screen attribute information 1031.
 画面属性情報1031は、ユーザが作画支援装置100において作画画面を新規作成すると生成される情報である。作画された作画画面を識別するための識別情報、及び、作画画面の属性を示す属性情報を含む。作画画面の属性情報には、例えば、背景画像のような、作画画面の表示形態を示す情報が含まれる。例えば、図3に示すように、ユーザが、作画支援装置100において作画画面200を新規作成すると、設定部104により、作画画面200の画面属性情報1031が生成され、記憶部103に格納される。 The screen attribute information 1031 is information that is generated when the user creates a new drawing screen on the drawing support device 100. It includes identification information for identifying the created drawing screen and attribute information indicating the attributes of the drawing screen. The attribute information of the drawing screen includes, for example, information indicating the display form of the drawing screen, such as a background image. For example, as shown in FIG. 3, when the user creates a new drawing screen 200 on the drawing support device 100, the setting unit 104 generates screen attribute information 1031 of the drawing screen 200, and stores it in the storage unit 103.
 部品属性情報1032は、ユーザが作画画面において部品を新規作成すると生成される情報であり、部品を識別するための識別情報、及び、部品の属性を示す属性情報を含む。ここで、部品とは、表示画面において画像として含まれる要素であり、例えば、スイッチ、メータのような特定の機能を示すもの、テキスト、図形のようなデータを示すものが含まれる。部品の属性情報には、部品の表示形態を示す情報、部品の種類を示す情報等、作画ソフトにおいて部品に設定することができる様々な情報が含まれる。部品の表示形態を示す情報は、例えば、作画画面における部品のX座標、Y座標、部品の幅、部品の高さ、部品の色等の情報である。X座標、Y座標は、作画画面200の左上端の位置203を原点として設定される。また、部品の種類を示す情報は、例えば、画面切換スイッチ、ランプ、数値表示等、部品に対応付けられる機能を示す情報である。図3に示すように、ユーザが、作画画面200において部品201を新規作成すると、設定部104により、部品201の部品属性情報1032が生成され、記憶部103に格納される。 The component attribute information 1032 is information generated when the user creates a new component on the drawing screen, and includes identification information for identifying the component and attribute information indicating the attribute of the component. Here, a component is an element included as an image on a display screen, and includes, for example, something that indicates a specific function such as a switch or a meter, or something that indicates data such as text or a figure. The attribute information of a component includes various information that can be set for a component in the drawing software, such as information indicating the display form of the component and information indicating the type of the component. The information indicating the display form of the component is, for example, information such as the X coordinate, the Y coordinate of the component, the width of the component, the height of the component, and the color of the component on the drawing screen. The X and Y coordinates are set with the upper left corner position 203 of the drawing screen 200 as the origin. Further, the information indicating the type of component is, for example, information indicating a function associated with the component, such as a screen changeover switch, a lamp, a numerical display, and the like. As shown in FIG. 3, when the user creates a new component 201 on the drawing screen 200, the setting unit 104 generates component attribute information 1032 of the component 201 and stores it in the storage unit 103.
 領域属性情報1033は、ユーザが作画画面において領域を新規作成すると生成される情報であり、領域を識別するための識別情報、及び、領域の属性を示す属性情報を含む。領域の属性情報には、例えば、作画画面における領域のX座標、Y座標、領域の幅、領域の高さ、領域の色等、領域の表示形態を示す情報が含まれる。また、領域の表示形態を示す情報には、領域内に配置される部品の間隔を指定する情報、領域内に配置される部品を揃えるための情報等が含まれる。例えば、図3に示すように、ユーザが、作画画面200においてドラッグアンドドロップの操作により領域202を新規作成すると、設定部104により、領域202の領域属性情報1033が生成され、記憶部103に格納される。また、領域属性情報1033には、領域の属性情報として、後述する補正情報1033-1と、収集条件情報1033-2と、が含まれる。 The area attribute information 1033 is information generated when the user creates a new area on the drawing screen, and includes identification information for identifying the area and attribute information indicating the attributes of the area. The attribute information of the area includes information indicating the display form of the area, such as the X coordinate, Y coordinate of the area, width of the area, height of the area, color of the area, etc. on the drawing screen, for example. Further, the information indicating the display form of the area includes information specifying the spacing between parts placed within the area, information for aligning the parts placed within the area, and the like. For example, as shown in FIG. 3, when the user creates a new area 202 by drag-and-drop operation on the drawing screen 200, the setting unit 104 generates area attribute information 1033 for the area 202, and stores it in the storage unit 103. be done. Further, the area attribute information 1033 includes correction information 1033-1 and collection condition information 1033-2, which will be described later, as area attribute information.
 設定部104は、受付部101により受け付けられた操作を示す情報に基づいて作画画面情報を設定する。設定部104は、プロセッサ11により実現される。なお、設定部104は、設定手段の一例である。 The setting unit 104 sets drawing screen information based on information indicating the operation accepted by the receiving unit 101. The setting unit 104 is realized by the processor 11. Note that the setting unit 104 is an example of a setting means.
 例えば、受付部101が作画画面、部品及び領域の新規作成の操作を示す情報を受け付けると、設定部104は、画面属性情報1031、部品属性情報1032、及び、領域属性情報1033を生成し、記憶部103に格納する。また、受付部101が作画画面、部品及び領域の属性を指定する操作を示す情報を受け付けると、設定部104は、受け付けた操作を示す情報に基づいて、記憶部103に格納された画面属性情報1031、部品属性情報1032、及び、領域属性情報1033を更新する。 For example, when the reception unit 101 receives information indicating operations for creating new drawing screens, parts, and areas, the setting unit 104 generates screen attribute information 1031, part attribute information 1032, and area attribute information 1033, and stores them. The information is stored in the section 103. Further, when the receiving unit 101 receives information indicating an operation for specifying attributes of a drawing screen, a component, and an area, the setting unit 104 generates screen attribute information stored in the storage unit 103 based on information indicating the received operation. 1031, component attribute information 1032, and area attribute information 1033 are updated.
 また、設定部104は、表示画面に画像として表示される部品であって作画画面において指定された領域内に配置される部品の属性情報を補正するための補正情報1033-1を、指定された領域に対して設定する。 The setting unit 104 also provides correction information 1033-1 for correcting the attribute information of a part that is displayed as an image on the display screen and is placed within a designated area on the drawing screen. Set for area.
 補正情報1033-1とは、領域に対して設定される情報であって、領域内に配置された部品の属性情報を補正するための情報である。例えば、領域202に対して補正情報1033-1を設定し、領域202内に任意の部品を配置すると、配置された部品の部品属性情報1032は、変更部105により、補正情報1033-1に基づいて変更される。 The correction information 1033-1 is information set for a region, and is information for correcting attribute information of parts placed within the region. For example, when correction information 1033-1 is set for the area 202 and an arbitrary part is placed within the area 202, the part attribute information 1032 of the placed part is changed by the changing unit 105 based on the correction information 1033-1. will be changed.
 例えば、ユーザが、図3の領域202を指定して、右クリックのような予め定められた操作を行うと、領域属性情報1033を設定するためのウィンドウ300が表示される。ウィンドウ300には、補正情報1033-1の内容を表示するためのタブ301と、補正情報1033-1の内容が示されるテーブル302と、テーブル302の内容を増やすためのボタン303と、テーブル302の内容を減らすためのボタン304と、領域に配置される部品の間隔を設定するための欄305と、領域に配置される部品の揃えを設定するための欄306と、収集条件情報1033-2の内容を表示するためのタブ307と、が含まれる。 For example, when the user specifies the area 202 in FIG. 3 and performs a predetermined operation such as right-clicking, a window 300 for setting area attribute information 1033 is displayed. The window 300 includes a tab 301 for displaying the contents of the correction information 1033-1, a table 302 for displaying the contents of the correction information 1033-1, a button 303 for increasing the contents of the table 302, and a button 303 for increasing the contents of the table 302. A button 304 for reducing the content, a field 305 for setting the spacing of parts placed in the area, a field 306 for setting the alignment of parts placed in the area, and collection condition information 1033-2. A tab 307 for displaying contents is included.
 テーブル302には、部品属性情報1032の項目を示す属性と、属性の値とが対応付けて登録される。領域202内に配置された部品の部品属性情報1032は、テーブル302に示される属性及び値に変更される。テーブル302の内容は、ユーザの操作により登録される。また、テーブル302の属性及び値の組は、ボタン303を選択すると増やすことができ、ボタン304を選択すると減らすことができる。例えば、テーブル302の1行目は、領域202内に配置された部品の部品属性情報1032のX座標を、領域202と同じX座標に変更すること示している。 In the table 302, attributes indicating items of the component attribute information 1032 and attribute values are registered in association with each other. The component attribute information 1032 of the components placed in the area 202 is changed to the attributes and values shown in the table 302. The contents of the table 302 are registered by a user's operation. Further, the set of attributes and values in the table 302 can be increased by selecting the button 303, and can be decreased by selecting the button 304. For example, the first line of the table 302 indicates that the X coordinate of the component attribute information 1032 of the component placed in the area 202 is changed to the same X coordinate as the area 202.
 また、間隔の欄305及び揃えの欄306の値は、ユーザの操作により登録される。欄305の間隔“5”は、領域202内に部品を配置する場合、例えば、上下左右に“5”の間隔を設けることを示している。また、欄306の揃え“上揃え”は、領域202内に部品を配置する場合、領域202の上端を基準に部品を揃えることを示している。 Furthermore, the values in the spacing column 305 and the alignment column 306 are registered by user operations. The interval "5" in the column 305 indicates that, for example, when arranging components within the area 202, an interval of "5" is provided in the upper, lower, right, and left directions. Further, the alignment "top alignment" in column 306 indicates that when parts are arranged in area 202, the parts are aligned based on the upper end of area 202.
 設定部104は、ユーザの操作により登録された、テーブル302の内容と、間隔及び揃えの内容とを補正情報1033-1として設定し、設定された補正情報1033-1を、記憶部103に格納する。 The setting unit 104 sets the contents of the table 302 and the contents of spacing and alignment registered by the user's operation as correction information 1033-1, and stores the set correction information 1033-1 in the storage unit 103. do.
 また、設定部104は、指定された領域内に収集する部品の属性情報の条件を示す収集条件情報1033-2を、指定された領域に対して設定する。 Furthermore, the setting unit 104 sets collection condition information 1033-2, which indicates conditions for attribute information of parts to be collected within the specified area, for the specified area.
 収集条件情報1033-2は、領域に対して設定される情報であって、領域内に収集して配置する部品の属性情報の条件を示す情報である。例えば、設定部104が、領域202に対して収集条件情報を設定し、ユーザにより予め定められた操作が行われると、変更部105が、作画画面200に含まれる部品のうち、収集条件情報が示す条件を満たす部品属性情報1032を有する部品を特定し、特定した部品が領域202内に収集して配置されるように、特定した部品の部品属性情報1032を変更する。 Collection condition information 1033-2 is information set for a region, and is information indicating conditions for attribute information of parts to be collected and placed within the region. For example, when the setting unit 104 sets collection condition information for the area 202 and the user performs a predetermined operation, the changing unit 105 sets the collection condition information for the parts included in the drawing screen 200. A component having component attribute information 1032 that satisfies the indicated conditions is identified, and the component attribute information 1032 of the identified component is changed so that the identified components are collected and arranged within the area 202.
 例えば、図3のタブ307を選択すると、図4に示すように、ウィンドウ300には、収集条件情報の内容が示されるテーブル308と、ボタン309と、が表示される。 For example, when the tab 307 in FIG. 3 is selected, a table 308 showing the contents of collection condition information and a button 309 are displayed in the window 300, as shown in FIG.
 テーブル308には、部品属性情報1032の項目を示す属性と、属性の値とが対応付けて登録される。作画画面200に含まれる部品の部品属性情報1032が、テーブル308に含まれる属性及び値により示される条件を満たすと、領域202内に配置されるように部品の位置を示す部品属性情報1032が変更される。テーブル308の内容は、ユーザの操作により登録される。また、テーブル308の属性及び値の組は、ボタン303を選択すると増やすことができ、ボタン304を選択すると減らすことができる。例えば、テーブル308の1行目は、図形色の値が“青色”の部品は、領域202内に収集して配置するよう、部品属性情報1032を変更すること示している。例えば、ユーザが、ボタン309を選択すると、作画画面200に配置されている部品のうち、図形色の値が“青色”の部品が領域202内に収集される。 In the table 308, attributes indicating items of the component attribute information 1032 and attribute values are registered in association with each other. When the component attribute information 1032 of the component included in the drawing screen 200 satisfies the conditions indicated by the attributes and values included in the table 308, the component attribute information 1032 indicating the position of the component is changed so that it is placed within the area 202. be done. The contents of the table 308 are registered through user operations. Further, the combination of attributes and values in the table 308 can be increased by selecting the button 303, and can be decreased by selecting the button 304. For example, the first row of the table 308 indicates that the component attribute information 1032 is changed so that components whose figure color value is "blue" are collected and arranged within the area 202. For example, when the user selects the button 309, among the parts arranged on the drawing screen 200, parts whose figure color value is "blue" are collected in the area 202.
 設定部104は、ユーザの操作により登録されたテーブル308の内容を、収集条件情報1033-2として設定し、設定した収集条件情報1033-2は、記憶部103に格納される。 The setting unit 104 sets the contents of the table 308 registered by the user's operation as collection condition information 1033-2, and the set collection condition information 1033-2 is stored in the storage unit 103.
 補正情報及び収集条件情報として設定される値は、図5に示すように、様々な種類の値が採用される。例えば、値には、“領域と同じ”、“均等”といった値、固定値、演算式が採用される。 As shown in FIG. 5, various types of values are employed as the values set as the correction information and collection condition information. For example, a value such as "same as area" or "equal", a fixed value, or an arithmetic expression is adopted as the value.
 図5の例1に、値が“領域と同じ”に設定されている場合の例を示す。領域204に対して、補正情報としてY座標が“領域と同じ”に設定されているとする。この場合、領域204内に部品205が配置されると、部品205のY座標は領域204のY座標と同じ値に設定される。領域204内にさらに部品206が配置されると、部品206のY座標は領域204のY座標と同じ値に設定される。 Example 1 in FIG. 5 shows an example where the value is set to "same as area". Assume that the Y coordinate of the region 204 is set as "same as the region" as correction information. In this case, when the component 205 is placed within the area 204, the Y coordinate of the component 205 is set to the same value as the Y coordinate of the area 204. When a component 206 is further placed within the area 204, the Y coordinate of the component 206 is set to the same value as the Y coordinate of the area 204.
 図5の例2に、値が“均等”に設定されている場合の例を示す。領域207に対して、補正情報として高さが“均等”に設定されているとする。この場合、領域207内に部品208が配置されると、部品208の高さは領域207の高さと同じ値に設定される。領域207内に、さらに部品209が配置されると、部品208及び部品209の高さは、領域207の高さを領域207内に配置された部品数で等分割した値に設定される。したがって、部品208及び部品209の高さはそれぞれ、領域207の高さの半分の値に、すなわち、均等な高さに設定される。 Example 2 in FIG. 5 shows an example where the values are set to "equal". Assume that the height of the area 207 is set to be "equal" as correction information. In this case, when the component 208 is placed within the area 207, the height of the component 208 is set to the same value as the height of the area 207. When another component 209 is placed in the area 207, the heights of the parts 208 and 209 are set to a value obtained by equally dividing the height of the area 207 by the number of parts placed in the area 207. Therefore, the heights of the parts 208 and 209 are each set to half the height of the area 207, that is, the heights are set to be equal.
 図5の例3に、値が固定値に設定されている場合の例を示す。領域210に対して、補正情報として幅が“40”に設定されているとする。この場合、領域210内に部品211が配置されると、部品211の幅は“40”に設定される。領域210内に、さらに部品212が配置されると、部品212の幅も“40”に設定される。 Example 3 in FIG. 5 shows an example where the value is set to a fixed value. Assume that the width of the area 210 is set to "40" as correction information. In this case, when the component 211 is placed within the area 210, the width of the component 211 is set to "40". When another component 212 is placed within the area 210, the width of the component 212 is also set to "40".
 図5の例4に、値が演算式に設定されている場合の例を示す。領域213に対して、補正情報としてデバイスが“D0+1”に設定されているとする。ここでデバイスとは、例えば、PLC、プログラマブル表示器において扱われているデータを示すものである。演算式“D0+1”は、“D0”のデバイスを基準に、追加される部品に対して1ずつインクリメントしたデバイスを対応付けることを示している。例えば、領域213内に部品214が配置されると、部品214にはデバイスD0に対応する部品属性情報1032が設定される。領域213内に、さらに部品215が配置されると、部品215にはデバイスD1に対応する部品属性情報1032が設定される。 Example 4 in FIG. 5 shows an example where the value is set in an arithmetic expression. Assume that for the area 213, the device is set to "D0+1" as correction information. Here, the device refers to data handled in a PLC or a programmable display, for example. The arithmetic expression "D0+1" indicates that devices incremented by 1 are associated with added parts based on the device "D0". For example, when a component 214 is placed within the area 213, component attribute information 1032 corresponding to the device D0 is set in the component 214. When a component 215 is further placed in the area 213, component attribute information 1032 corresponding to the device D1 is set in the component 215.
 上記例1~例4の他に、値は、提示される選択肢から1つを指定することにより設定されてもよい。また、演算式には、比較演算式が採用されてもよい。例えば、収集条件情報として図形色の選択肢“青色”、“白色”が提示され、いずれかの選択肢を指定することにより、値が設定される。また、例えば、収集条件情報として、X座標が“0以上100以下”のように設定される。 In addition to Examples 1 to 4 above, the value may be set by specifying one of the presented options. Further, a comparison calculation expression may be adopted as the calculation expression. For example, graphic color options "blue" and "white" are presented as collection condition information, and a value is set by specifying either option. Further, for example, as the collection condition information, the X coordinate is set as "0 or more and 100 or less".
 変更部105は、設定部104により設定された補正情報に基づいて、指定された領域内に配置された部品の属性情報を変更する。変更部105は、プロセッサ11により実現される。なお、変更部105は、変更手段の一例である。 The changing unit 105 changes the attribute information of the parts placed within the designated area based on the correction information set by the setting unit 104. The changing unit 105 is realized by the processor 11. Note that the changing unit 105 is an example of a changing means.
 例えば、図6に示すように、部品201が領域202内に配置されたとする。図6の部品201の部品属性情報1032は、X座標が“20”、Y座標が“40”、幅が“50”、高さが“50”であるとする。図6の領域202の領域属性情報1033は、X座標が“0”、Y座標が“0”、幅が“100”、高さが“480”とする。また、図6の領域202の領域属性情報1033に含まれる補正情報は、X座標が“領域と同じ”、幅が“領域と同じ”、高さが“40”、間隔が“5”、揃えが“上揃え”とし、収集条件情報は、図形色が“青色”とする。 For example, assume that a component 201 is placed within a region 202 as shown in FIG. It is assumed that the component attribute information 1032 of the component 201 in FIG. 6 has an X coordinate of "20", a Y coordinate of "40", a width of "50", and a height of "50". The area attribute information 1033 of the area 202 in FIG. 6 has an X coordinate of "0", a Y coordinate of "0", a width of "100", and a height of "480". In addition, the correction information included in the area attribute information 1033 of the area 202 in FIG. is set to "top alignment", and the collection condition information is set to "blue" as the figure color.
 図6に示すように、部品201が領域202内に配置された後、変更部105は、部品201のX座標を、補正情報の「X座標が“領域と同じ”」という設定に基づき“0”と求める。また、変更部105は、部品201のY座標を、補正情報の「揃えが“上揃え”」という設定に基づき“0”と求める。また、変更部105は、部品201の幅を、補正情報の「幅が“領域と同じ”」という設定に基づき、領域202の幅と同じ“100”と求める。また、変更部105は、部品201の高さを、補正情報の「高さが“40”」という設定に基づき“40”と求める。そして、変更部105は、補正情報の「間隔が“5”」という設定に基づき、上下左右に“5”の間隔を設けて、部品201のX座標が“5”、Y座標が“5”、幅が“90”、及び、高さが“30”と決定する。すなわち、変更部105は、図6の部品属性情報1032を、図7の部品属性情報1032に示すように変更する。 As shown in FIG. 6, after the component 201 is placed within the area 202, the changing unit 105 changes the X coordinate of the component 201 to "0" based on the setting in the correction information that "X coordinate is the same as the area". ” he asks. Furthermore, the changing unit 105 determines the Y coordinate of the component 201 to be "0" based on the setting of "alignment is 'top alignment'" in the correction information. Furthermore, the changing unit 105 determines the width of the component 201 to be "100", which is the same as the width of the region 202, based on the setting in the correction information that "the width is the same as the region". Further, the changing unit 105 determines the height of the component 201 to be “40” based on the setting of “height is “40”” in the correction information. Then, the changing unit 105 sets an interval of "5" in the vertical and horizontal directions based on the setting of "interval is '5'" in the correction information, so that the X coordinate of the component 201 is "5" and the Y coordinate is "5". , the width is determined to be "90", and the height is determined to be "30". That is, the changing unit 105 changes the component attribute information 1032 in FIG. 6 as shown in the component attribute information 1032 in FIG. 7.
 表示制御部102は、変更部105により変更された部品の属性情報に基づいて、指定された領域に配置された部品を表示装置に表示させる。 The display control unit 102 causes the display device to display the component placed in the designated area based on the attribute information of the component changed by the changing unit 105.
 例えば、表示制御部102は、図7の作画画面200に示すように、変更された図7の部品属性情報1032に基づいて、作画画面200における位置及びサイズが変更された部品201を外付けされたディスプレイに表示させる。 For example, as shown in the drawing screen 200 of FIG. 7, the display control unit 102 may externally attach a component 201 whose position and size on the drawing screen 200 have been changed based on the changed component attribute information 1032 of FIG. displayed on the screen.
 また、変更部105は、作画画面に表示された部品のうち、設定部104により設定された収集条件情報が示す条件を満たす属性情報を有する部品を特定し、変更部105が特定した部品の属性情報を、指定された領域内に配置されるように変更する。 Furthermore, the changing unit 105 identifies, among the parts displayed on the drawing screen, parts having attribute information that satisfies the conditions indicated by the collection condition information set by the setting unit 104, and attributes of the parts specified by the changing unit 105. Modify the information so that it is placed within the specified area.
 例えば、図8の領域202には、図6の領域属性情報1033が設定されており、作画画面200には、青色の部品216~219と、白色の部品220,221が配置されているとする。この場合、ユーザが予め定められた操作、例えば、図8のウィンドウ300を表示してボタン309を選択すると、変更部105は、領域202の収集条件情報1033-2と、部品216~221の部品属性情報1032とを参照して、領域202の収集条件情報1033-2が示す条件を満たす属性情報を有する部品を特定する。領域202の収集条件情報1033-2が示す条件は、図形色が“青色”なので、変更部105は、領域202の収集条件情報1033-2が示す条件を満たす属性情報を有する部品を、青色の部品216~219と特定する。そして、変更部105は、青色の部品216~219が領域202内に配置されるように青色の部品216~219のX座標及びY座標を変更し、さらに、補正情報に基づいて、部品属性情報1032を変更する。 For example, suppose that the area attribute information 1033 of FIG. 6 is set in the area 202 of FIG. 8, and that blue parts 216 to 219 and white parts 220 and 221 are arranged on the drawing screen 200. . In this case, when the user performs a predetermined operation, for example, displays the window 300 in FIG. With reference to the attribute information 1032, a component having attribute information that satisfies the condition indicated by the collection condition information 1033-2 in the area 202 is identified. The condition indicated by the collection condition information 1033-2 in the area 202 is that the figure color is "blue," so the changing unit 105 changes the component having attribute information that satisfies the condition indicated by the collection condition information 1033-2 in the area 202 to a blue color. Parts 216 to 219 are identified. Then, the changing unit 105 changes the X and Y coordinates of the blue components 216 to 219 so that the blue components 216 to 219 are arranged within the area 202, and further changes the component attribute information based on the correction information. Change 1032.
 例えば、表示制御部102は、図9の作画画面200に示すように、変更された部品属性情報1032に基づいて、青色の部品216~219を領域202内に、領域202の上端を基準に間隔“5”を設けて整列して外付けされたディスプレイに表示させる。 For example, as shown in the drawing screen 200 of FIG. 9, the display control unit 102 places blue components 216 to 219 within the region 202 at intervals based on the upper end of the region 202 based on the changed component attribute information 1032. "5" is provided, aligned, and displayed on an external display.
 次に、本実施形態に係る作画支援装置100が実行する変更処理について、図10のフローチャートを用いて説明する。図10の変更処理は、例えば、受付部101が、作画画面200において指定された領域の領域属性情報1033を設定する操作を示す情報を受け付けると、実行される処理である。 Next, the change process executed by the drawing support apparatus 100 according to the present embodiment will be explained using the flowchart of FIG. 10. The change process in FIG. 10 is, for example, a process that is executed when the receiving unit 101 receives information indicating an operation to set the area attribute information 1033 of a specified area on the drawing screen 200.
 変更部105は、指定された領域内に部品が配置されているか否かを判断する(ステップS101)。変更部105が、指定された領域内に部品が配置されていると判断すると(ステップS101;YES)、変更部105は、領域に設定された補正情報に基づいて、領域内に配置された部品の属性情報を変更する(ステップS102)。そして、表示制御部102は、変更された部品の属性情報に基づいて、指定された領域に配置された部品を外付けされたディスプレイに表示させる(ステップS103)。その後、ステップS101に戻る。一方、変更部105が、指定された領域内に部品が配置されていないと判断すると(ステップS101;NO)、変更部105は、部品の収集を指示する操作がされたか否かを判断する(ステップS104)。 The changing unit 105 determines whether a component is placed within the designated area (step S101). When the changing unit 105 determines that the part is placed within the specified area (step S101; YES), the changing unit 105 changes the part placed within the area based on the correction information set for the area. The attribute information of is changed (step S102). Then, the display control unit 102 displays the component placed in the designated area on the external display based on the changed attribute information of the component (step S103). After that, the process returns to step S101. On the other hand, if the changing unit 105 determines that no parts are placed within the specified area (step S101; NO), the changing unit 105 determines whether an operation to instruct collection of parts has been performed ( Step S104).
 例えば、図6に示すように、部品201が領域202内に配置された場合、変更部105は、領域202内に部品201が配置されていると判断し、領域202に設定された補正情報1033-1に基づいて、部品201の図6の部品属性情報1032を図7の部品属性情報1032に変更する。そして、表示制御部102は、図7の作画画面200に示すように、図7の部品属性情報1032に基づいて部品201を外付けのディスプレイに表示させる。一方、領域202内に部品が配置されていない場合、変更部105は、領域202内に部品201が配置されていないと判断し、収集を指示するボタン309が選択されたか否かを判断する。 For example, as shown in FIG. 6, when the component 201 is placed in the area 202, the changing unit 105 determines that the part 201 is placed in the area 202, and changes the correction information 1033 set in the area 202. -1, the component attribute information 1032 of FIG. 6 of the component 201 is changed to the component attribute information 1032 of FIG. 7. Then, the display control unit 102 displays the component 201 on the external display based on the component attribute information 1032 in FIG. 7, as shown in the drawing screen 200 in FIG. On the other hand, if the part 201 is not placed in the area 202, the changing unit 105 determines that the part 201 is not placed in the area 202, and determines whether the button 309 instructing collection has been selected.
 ステップS104において、変更部105が、部品の収集を指示する操作がされたと判断すると(ステップS104;YES)、設定された収集条件情報が示す条件を満たす属性情報を有する部品を特定する(ステップS105)。そして、ステップ102に進む。一方、ステップS104において、変更部105が、部品の収集を指示する操作がされていないと判断すると(ステップS104;NO)、ステップS101に戻る。 In step S104, when the changing unit 105 determines that an operation instructing the collection of parts has been performed (step S104; YES), it identifies parts having attribute information that satisfies the conditions indicated by the set collection condition information (step S105). ). Then, the process proceeds to step 102. On the other hand, in step S104, if the changing unit 105 determines that no operation to instruct collection of parts has been performed (step S104; NO), the process returns to step S101.
 例えば、受付部101が、図8のウィンドウ300においてボタン309を選択する操作を示す情報を受け付けると、変更部105は、部品の収集を指示する操作がされたと判断し、領域202の収集条件情報1033-2と、部品216~221の部品属性情報1032とを参照して、領域202の収集条件情報1033-2が示す条件を満たす属性情報を有する部品を、青色の部品216~219と特定する。変更部105は、特定した青色の部品216~219が領域202内に配置されるように、青色の部品216~219のX座標及びY座標を変更し、さらに、補正情報に基づいて、部品属性情報1032を変更する。そして、表示制御部102は、図9の作画画面200に示すように、変更された部品属性情報1032に基づいて青色の部品216~219を外付けされたディスプレイに表示させる。 For example, when the reception unit 101 receives information indicating an operation of selecting the button 309 in the window 300 of FIG. 1033-2 and the component attribute information 1032 of the components 216 to 221, parts having attribute information satisfying the condition indicated by the collection condition information 1033-2 of the area 202 are identified as blue components 216 to 219. . The changing unit 105 changes the X and Y coordinates of the blue components 216 to 219 so that the identified blue components 216 to 219 are arranged within the area 202, and further changes the component attributes based on the correction information. Change information 1032. Then, the display control unit 102 causes the blue components 216 to 219 to be displayed on the external display based on the changed component attribute information 1032, as shown in the drawing screen 200 of FIG.
 ユーザがプログラマブル表示器の表示画面を設計する場合、機能ごとに領域を設けて、その領域に部品を配置することが多い。例えば、メニュー機能は、表示画面の左部に並べて配置する、タイトル及び時計機能は、表示画面の上部に配置する、というように機能ごとに配置する領域を決定する。このような場合に、ユーザは、領域に配置する部品について、手動で配置位置を調節するなど、部品の属性情報を一つずつ設定する必要があった。しかしながら、本実施形態によれば、領域に設定された領域属性情報に基づいて、領域に配置される部品の部品属性情報を自動で変更し、変更された部品属性情報の部品を作画画面に表示することができる。これにより、ユーザは部品の属性情報を、個別に設定することなく、領域内の部品の属性情報を効率的に設定することができる。 When users design the display screen of a programmable display, they often create areas for each function and place components in those areas. For example, the area in which each function is placed is determined, such as arranging the menu function side by side on the left side of the display screen, and arranging the title and clock functions at the top of the display screen. In such a case, the user needs to set the attribute information of each component one by one, such as manually adjusting the placement position of the component to be placed in the area. However, according to the present embodiment, the part attribute information of the parts placed in the area is automatically changed based on the area attribute information set in the area, and the parts with the changed part attribute information are displayed on the drawing screen. can do. Thereby, the user can efficiently set the attribute information of the parts within the area without setting the attribute information of the parts individually.
 また、本実施形態によれば、部品の表示形態に関する属性情報を自動で設定することができる。これにより、部品の大きさ、色等の見た目を統一するための調整作業、及び、領域における部品の位置を整列するための調整作業の手間を省くことができる。 Furthermore, according to the present embodiment, attribute information regarding the display form of parts can be automatically set. Thereby, it is possible to save the effort of adjusting the appearance of the parts such as size and color, and adjusting the positions of the parts in the area.
(変形例)
 以上、本開示の実施形態を説明したが、本開示を実施するにあたっては、種々の形態による変形及び応用が可能である。
(Modified example)
Although the embodiments of the present disclosure have been described above, various modifications and applications are possible in implementing the present disclosure.
 上記実施形態において、作画画面200でドラッグアンドドロップの操作をすることにより領域202が新規作成される例を示したが、領域の新規作成の手法はこれに限らない。例えば、設定部104は、予め定められた部品が作画画面に配置されると、予め定められた部品を含む領域の属性情報と、当該予め定められた部品に付属する部品の属性情報と、当該付属する部品を含む領域の属性情報と、を生成するようにしてもよい。 In the above embodiment, an example was shown in which the area 202 is newly created by performing a drag-and-drop operation on the drawing screen 200, but the method of creating a new area is not limited to this. For example, when a predetermined component is placed on the drawing screen, the setting unit 104 sets attribute information of an area including the predetermined component, attribute information of a component attached to the predetermined component, and Attribute information of the area including the attached parts may also be generated.
 例えば、予め定められた部品を、グラフを示すグラフ部品とする。ユーザが、図11に示すように、グラフ部品222を作画画面200に配置すると、図12に示すように、グラフ部品222を含む領域223と、グラフ部品222の凡例を表示する3つの文字部品及び文字部品が含まれる領域224と、グラフ部品222を操作するため5つのボタン部品及びボタン部品が含まれる領域225が生成される。文字部品、領域224、ボタン部品、及び、領域225の位置及びサイズは、グラフ部品222に合わせて自動で設定される。すなわち、設定部104は、文字部品及びボタン部品の部品属性情報1032、並びに、領域223~225の領域属性情報1033を生成し、表示制御部102は、生成された部品属性情報1032及び領域属性情報1033に基づいて、図12に示すように、部品及び領域を外付けのディスプレイに表示させる。なお、グラフ部品222の配置に伴い生成される文字部品、ボタン部品の部品は、作画ソフトにより、予め設定されている。 For example, let the predetermined component be a graph component that shows a graph. When the user places the graph component 222 on the drawing screen 200 as shown in FIG. 11, as shown in FIG. An area 224 containing character parts, five button parts for operating the graph part 222, and an area 225 containing the button parts are generated. The positions and sizes of the character component, area 224, button component, and area 225 are automatically set according to the graph component 222. That is, the setting unit 104 generates component attribute information 1032 for character components and button components and area attribute information 1033 for areas 223 to 225, and the display control unit 102 generates the generated component attribute information 1032 and area attribute information. 1033, the parts and regions are displayed on an external display as shown in FIG. Note that the text parts and button parts that are generated in conjunction with the arrangement of the graph parts 222 are set in advance by drawing software.
 このように、予め定められた部品を配置すると、付属する部品及び部品を含む領域が自動で生成されるので、複数の部品を配置する際のレイアウトの調整作業の手間を省くことができる。 In this way, when predetermined parts are placed, the attached parts and the area containing the parts are automatically generated, so it is possible to save the effort of adjusting the layout when arranging multiple parts.
 また、上記実施形態において、補正情報をユーザがウィンドウ300において登録する例を示したが、補正情報の登録の手法はこれに限らない。補正情報の登録は自動で行われてもよい。例えば、設定部104は、指定された領域に、作画画面に配置された部品が含まれる場合、指定された領域に含まれる部品の属性情報のうち、共通する属性情報を、指定された領域に対しての補正情報として生成する。 Furthermore, in the above embodiment, an example was shown in which the user registers the correction information in the window 300, but the method of registering the correction information is not limited to this. Registration of correction information may be performed automatically. For example, if the specified area includes a component placed on the drawing screen, the setting unit 104 assigns common attribute information to the specified area from among the attribute information of the components included in the specified area. It is generated as correction information for.
 例えば、図13に示すように、青色の部品226~228と、白色の部品229,230が作画画面200に配置された状態で、領域202を新規作成すると、領域202に含まれる部品から補正情報を生成するか否かを問い合わせるメッセージが記されたウィンドウ400が表示される。ここで、領域に含まれる部品には、領域に全体が含まれる部品だけでなく、領域に部品の一部が含まれる部品も含む。ユーザが、生成を指示するボタン401を選択すると、設定部104は、領域202に含まれる部品226,227の属性情報のうち共通する属性情報を、「図形色が“青色”」と特定する。そして、設定部104は、補正情報として「図形色が“青色”」を生成し、表示制御部102は、図14に示すように、ウィンドウ300のテーブル310に、属性が“図形色”、値が“青色”の組を外付けされたディスプレイに表示させる。その後、図14のウィンドウ300において、ユーザは任意の補正情報を追加することができる。設定部104により「図形色が“青色”」の補正情報が設定されたあと、例えば、白色の部品209を領域202に配置すると、変更部105は、部品209の部品属性情報1032のうち、図形色の属性を“白色”から“青色”に変更する。 For example, as shown in FIG. 13, when a new area 202 is created with blue parts 226 to 228 and white parts 229 and 230 arranged on the drawing screen 200, correction information is obtained from the parts included in the area 202. A window 400 is displayed with a message asking whether or not to generate the file. Here, the parts included in the area include not only parts that are entirely included in the area, but also parts that are partially included in the area. When the user selects the button 401 for instructing generation, the setting unit 104 specifies the common attribute information among the attribute information of the parts 226 and 227 included in the area 202 as "figure color is 'blue'". Then, the setting unit 104 generates “figure color is blue” as correction information, and the display control unit 102 displays the attribute “figure color” and value in the table 310 of the window 300, as shown in FIG. causes the “blue” group to be displayed on the external display. Thereafter, in window 300 of FIG. 14, the user can add any correction information. For example, when a white component 209 is placed in the area 202 after the setting unit 104 sets the correction information for “figure color is blue”, the changing unit 105 changes the figure color from the component attribute information 1032 of the component 209. Change the color attribute from "white" to "blue".
 このように、既に作成された作画画面から、領域属性情報の補正情報を自動生成することができるので、作画作業の手間を省くことができ、また、既存の画面に対するメンテナンス作業の負荷を軽減することができる。 In this way, since correction information for area attribute information can be automatically generated from the already created drawing screen, it is possible to save time and effort in drawing work, and also reduce the burden of maintenance work on existing screens. be able to.
 また、上記実施形態において、補正情報及び収集条件情報の設定は、部品201が作画画面200に配置されている状態で行われる例を示したが、補正情報及び収集条件情報の設定のタイミングはこれに限らない。作画画面200に部品が配置されていない場合でも、領域が設定されていれば、補正情報及び収集条件情報を設定することができる。 Further, in the above embodiment, an example was shown in which the correction information and collection condition information are set while the component 201 is placed on the drawing screen 200, but the timing of setting the correction information and collection condition information is as follows. Not limited to. Even if no parts are placed on the drawing screen 200, if the area is set, correction information and collection condition information can be set.
 また、上記実施形態において、欄305の間隔の値を、上下左右に設ける間隔として説明したが、これに限らない。間隔を設ける方向は、任意の方向に指定できるように構成されてもよい。 Furthermore, in the above embodiment, the interval values in the column 305 are explained as intervals provided in the upper, lower, left, and right directions, but are not limited thereto. The direction in which the interval is provided may be configured to be specified in any direction.
 また、上記実施形態において、表示制御部102は、プロセッサ11及び入出力インタフェース15により実現され、表示制御部102は、プログラマブル表示器に表示される表示画面を作画するための作画画面を表示装置に表示させるとしたが、これに限らない。表示制御部102は、プロセッサ11及び表示装置により実現され、作画画面を表示するものであってもよい。したがって、作画支援装置100は、ディスプレイのような表示装置を含むハードウェア構成を有するものであってもよい。 In the above embodiment, the display control unit 102 is realized by the processor 11 and the input/output interface 15, and the display control unit 102 provides the display device with a drawing screen for drawing a display screen to be displayed on the programmable display. Although it is assumed that the information is displayed, the information is not limited to this. The display control unit 102 may be realized by the processor 11 and a display device, and may display a drawing screen. Therefore, the drawing support device 100 may have a hardware configuration including a display device such as a display.
 また、上記実施形態において、受付部101は、プロセッサ11及び入出力インタフェース15により実現され、受付部101は、ユーザにより行われた作画のための操作を示す情報を受け付けるとしたが、これに限らない。受付部101は、プロセッサ11及び入力装置により実現され、ユーザからの操作を受け付けるものであってもよい。したがって、作画支援装置100は、入力キーのような入力装置を含むハードウェア構成を有するものであってもよい。 Further, in the above embodiment, the reception unit 101 is realized by the processor 11 and the input/output interface 15, and the reception unit 101 accepts information indicating an operation for drawing performed by the user. However, the reception unit 101 is not limited to this. do not have. The reception unit 101 may be realized by the processor 11 and an input device, and may accept operations from a user. Therefore, the drawing support device 100 may have a hardware configuration including an input device such as an input key.
 また、上記実施形態に係る作画支援装置100の動作を規定する動作プログラムを既存のパーソナルコンピュータ又は情報端末装置に適用することで、当該パーソナルコンピュータ又は情報端末装置を実施形態に係る作画支援装置100として機能させることも可能である。 Furthermore, by applying an operation program that defines the operation of the drawing support device 100 according to the embodiment to an existing personal computer or information terminal device, the personal computer or information terminal device can be used as the drawing support device 100 according to the embodiment. It is also possible to make it work.
 また、このようなプログラムの配布方法は任意であり、例えば、CD-ROM(Compact Disk Read-Only Memory)、DVD(Digital Versatile Disk)、メモリカード等のコンピュータ読み取り可能な記録媒体に格納して配布してもよいし、インターネットのような通信ネットワークを介して配布してもよい。 In addition, the distribution method of such a program is arbitrary; for example, it may be stored and distributed on a computer-readable recording medium such as a CD-ROM (Compact Disk Read-Only Memory), a DVD (Digital Versatile Disk), or a memory card. or distributed via a communication network such as the Internet.
 本開示は、本開示の広義の精神と範囲を逸脱することなく、様々な実施形態及び変形が可能とされるものである。また、上述した実施形態は、本開示を説明するためのものであり、本開示の範囲を限定するものではない。つまり、本開示の範囲は、実施形態ではなく、請求の範囲によって示される。そして、請求の範囲内及びそれと同等の開示の意義の範囲内で施される様々な変形が、本開示の範囲内とみなされる。 The present disclosure is capable of various embodiments and modifications without departing from the broad spirit and scope of the present disclosure. Further, the embodiments described above are for explaining the present disclosure, and do not limit the scope of the present disclosure. That is, the scope of the present disclosure is indicated by the claims rather than the embodiments. Various modifications made within the scope of the claims and the meaning of the disclosure equivalent thereto are considered to be within the scope of the present disclosure.
 本開示によれば、プログラマブル表示器に表示される表示画面を作画するための作画画面において、表示画面に画像として含まれる部品の属性情報を効率的に設定することが可能な作画支援プログラム、作画支援装置及び作画支援方法を提供することができる。 According to the present disclosure, on a drawing screen for drawing a display screen displayed on a programmable display device, a drawing support program and drawing support program that can efficiently set attribute information of parts included as an image on a display screen, A support device and a drawing support method can be provided.
11 プロセッサ、12 主記憶部、13 補助記憶部、14 通信部、15 入出力インタフェース、16 バス、100 作画支援装置、101 受付部、102 表示制御部、103 記憶部、104 設定部、105 変更部、200 作画画面、201,205,206,208,209,211,212,214,215,216~221,226~230 部品、202,204,207,210,213,223~225 領域、203 位置、222 グラフ部品、300,400 ウィンドウ、301,307 タブ、302,308,310 テーブル、303,304,309,401 ボタン、305,306 欄、1031 画面属性情報、1032 部品属性情報、1033 領域属性情報、1033-1 補正情報、1033-2 収集条件情報。 11 processor, 12 main memory section, 13 auxiliary memory section, 14 communication section, 15 input/output interface, 16 bus, 100 drawing support device, 101 reception section, 102 display control section, 103 storage section, 104 setting section, 105 change section , 200 drawing screen, 201, 205, 206, 208, 209, 211, 212, 214, 215, 216-221, 226-230 parts, 202, 204, 207, 210, 213, 223-225 area, 203 position, 222 graph parts, 300, 400 windows, 301, 307 tabs, 302, 308, 310 tables, 303, 304, 309, 401 buttons, 305, 306 columns, 1031 screen attribute information, 1032 component attribute information, 1033 area attribute information, 1033-1 Correction information, 1033-2 Collection condition information.

Claims (7)

  1.  コンピュータを、
     プログラマブル表示器に表示される表示画面を作画するための作画画面を表示装置に表示させる表示制御手段、
     前記表示画面に画像として含まれる部品であって前記作画画面において指定された領域内に配置される部品の属性情報を補正するための補正情報を、前記指定された領域に対して設定する設定手段、
     前記設定手段により設定された補正情報に基づいて、前記指定された領域内に配置された部品の属性情報を変更する変更手段、として機能させ、
     前記表示制御手段は、
     前記変更手段により変更された部品の属性情報に基づいて、前記指定された領域に配置された部品を前記表示装置に表示させる、
     作画支援プログラム。
    computer,
    a display control means for causing a display device to display a drawing screen for drawing a display screen to be displayed on the programmable display;
    Setting means for setting correction information for correcting attribute information of a part included as an image on the display screen and placed within a specified area on the drawing screen, for the specified area. ,
    functioning as a changing unit that changes attribute information of a component placed within the specified area based on the correction information set by the setting unit;
    The display control means includes:
    displaying the component placed in the specified area on the display device based on attribute information of the component changed by the changing means;
    Drawing support program.
  2.  前記属性情報には、前記部品の表示形態を示す情報が含まれる、
     請求項1に記載の作画支援プログラム。
    The attribute information includes information indicating a display form of the component.
    The drawing support program according to claim 1.
  3.  前記設定手段は、前記指定された領域内に収集する部品の属性情報の条件を示す収集条件情報を、前記指定された領域に対して設定し、
     前記変更手段は、前記作画画面に表示された部品のうち、前記設定手段により設定された収集条件情報が示す条件を満たす属性情報を有する部品を特定し、特定した前記部品の属性情報を、前記指定された領域内に配置されるように変更する、
     請求項1又は2に記載の作画支援プログラム。
    The setting means sets collection condition information indicating conditions for attribute information of parts to be collected in the specified area for the specified area,
    The changing means identifies, among the parts displayed on the drawing screen, a part having attribute information that satisfies the condition indicated by the collection condition information set by the setting means, and changes the attribute information of the identified part to the change to be placed within the specified area,
    The drawing support program according to claim 1 or 2.
  4.  前記設定手段は、予め定められた部品が前記作画画面に配置されると、前記予め定められた部品を含む領域の属性情報と、当該予め定められた部品に付属する部品の属性情報と、当該付属する部品を含む領域の属性情報と、を生成する、
     請求項1から3のいずれか1項に記載の作画支援プログラム。
    When a predetermined component is placed on the drawing screen, the setting means includes attribute information of an area including the predetermined component, attribute information of a component attached to the predetermined component, and attribute information of a component attached to the predetermined component. Generate attribute information of the area including the attached parts,
    The drawing support program according to any one of claims 1 to 3.
  5.  前記設定手段は、前記指定された領域内に、前記作画画面に配置された部品が含まれる場合、前記指定された領域に含まれる部品の属性情報のうち、共通する属性情報を、前記指定された領域に対しての補正情報として生成する、
     請求項1から4のいずれか1項に記載の作画支援プログラム。
    When the specified area includes a part placed on the drawing screen, the setting means sets common attribute information among the attribute information of the parts included in the specified area to the specified area. generated as correction information for the area
    The drawing support program according to any one of claims 1 to 4.
  6.  プログラマブル表示器に表示される表示画面に画像として含まれる部品であって前記表示画面を作画するための作画画面において指定された領域内に配置される部品の属性情報を補正するための補正情報を、前記指定された領域に対して設定する設定手段と、
     前記設定手段により設定された補正情報に基づいて、前記指定された領域内に配置された部品の属性情報を変更する変更手段と、を備え、
     前記作画画面において、前記変更手段により変更された部品の属性情報に基づいて、前記指定された領域に配置された部品が表示される、
     作画支援装置。
    Correction information for correcting attribute information of a part included as an image on a display screen displayed on a programmable display device and placed within a specified area on a drawing screen for drawing the display screen. , a setting means for setting the specified area;
    a changing means for changing attribute information of a component placed within the designated area based on the correction information set by the setting means;
    On the drawing screen, the parts placed in the specified area are displayed based on the attribute information of the parts changed by the changing means.
    Drawing support device.
  7.  表示制御手段が、プログラマブル表示器に表示される表示画面を作画するための作画画面を表示装置に表示させ、
     設定手段が、前記表示画面に画像として含まれる部品であって前記作画画面において指定された領域内に配置される部品の属性情報を補正するための補正情報を、前記指定された領域に対して設定し、
     変更手段が、前記設定手段により設定された補正情報に基づいて、前記指定された領域内に配置された部品の属性情報を変更し、
     前記表示制御手段は、前記変更手段により変更された部品の属性情報に基づいて、前記指定された領域に配置された部品を表示させる、
     作画支援方法。
    The display control means causes the display device to display a drawing screen for drawing a display screen to be displayed on the programmable display,
    The setting means transmits correction information for correcting attribute information of a part included as an image on the display screen and placed within the area specified on the drawing screen to the specified area. Set,
    a changing unit changes attribute information of a component placed within the specified area based on the correction information set by the setting unit;
    The display control means displays the part placed in the specified area based on the attribute information of the part changed by the changing means.
    Drawing support method.
PCT/JP2022/017061 2022-04-04 2022-04-04 Rendering assistance program, rendering assistance device, and rendering assistance method WO2023195050A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2022547957A JP7186933B1 (en) 2022-04-04 2022-04-04 Drawing support program, drawing support device, and drawing support method
PCT/JP2022/017061 WO2023195050A1 (en) 2022-04-04 2022-04-04 Rendering assistance program, rendering assistance device, and rendering assistance method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/JP2022/017061 WO2023195050A1 (en) 2022-04-04 2022-04-04 Rendering assistance program, rendering assistance device, and rendering assistance method

Publications (1)

Publication Number Publication Date
WO2023195050A1 true WO2023195050A1 (en) 2023-10-12

Family

ID=84388166

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2022/017061 WO2023195050A1 (en) 2022-04-04 2022-04-04 Rendering assistance program, rendering assistance device, and rendering assistance method

Country Status (2)

Country Link
JP (1) JP7186933B1 (en)
WO (1) WO2023195050A1 (en)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6088027A (en) * 1998-01-08 2000-07-11 Macromedia, Inc. Method and apparatus for screen object manipulation
JP2006099573A (en) * 2004-09-30 2006-04-13 Digital Electronics Corp Screen forming device, screen forming program and storage medium recording the same
JP2006099566A (en) * 2004-09-30 2006-04-13 Digital Electronics Corp Screen forming device, screen forming program and storage medium recording the same

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5180039B2 (en) * 2008-11-27 2013-04-10 株式会社デジタル Screen data editor device and screen data editor program
JP5806061B2 (en) * 2011-09-28 2015-11-10 発紘電機株式会社 Programmable display support device, program thereof, and operation screen batch change support method

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6088027A (en) * 1998-01-08 2000-07-11 Macromedia, Inc. Method and apparatus for screen object manipulation
JP2006099573A (en) * 2004-09-30 2006-04-13 Digital Electronics Corp Screen forming device, screen forming program and storage medium recording the same
JP2006099566A (en) * 2004-09-30 2006-04-13 Digital Electronics Corp Screen forming device, screen forming program and storage medium recording the same

Also Published As

Publication number Publication date
JPWO2023195050A1 (en) 2023-10-12
JP7186933B1 (en) 2022-12-09

Similar Documents

Publication Publication Date Title
RU2581163C1 (en) Multi-display control device and multi-display system
EP0249399B1 (en) Multiwindow control method and apparatus for work station having multiwindow function
JP2014032529A (en) Plc system, drawing editor device thereof, and programmable display
WO2023195050A1 (en) Rendering assistance program, rendering assistance device, and rendering assistance method
JP4331272B2 (en) Multi-window display control device
WO1989005007A1 (en) Picture element correction method
JP2006195512A (en) Display control device and display control program
CN112799526A (en) Method and system for simultaneously displaying and operating multiple mice in single system
CN113064567A (en) Multi-screen-based control method and device
JP2002268737A (en) Intelligent type graphic control panel and component display method
JP2004029933A (en) Display controller and display control method
CN105867744B (en) control terminal interface multilayer display method and system
JPH05177511A (en) Numerical control device
JP2842511B2 (en) Form creation device
JPH0869368A (en) Image output device
JP2022056059A (en) Information processor and program
JP3807052B2 (en) Graphic drawing apparatus and storage medium
JPH0785306A (en) Cad drawing device
JPH11212754A (en) Window display system
JPS6068375A (en) Screen control system for display unit
JPH06175798A (en) Variable picture display control system
JPH1139302A (en) Area setting processor and storage medium
JP2000347777A (en) Method for displaying data input picture
JPH04307659A (en) Data display system
JPH0497420A (en) Document processor

Legal Events

Date Code Title Description
WWE Wipo information: entry into national phase

Ref document number: 2022547957

Country of ref document: JP

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22936452

Country of ref document: EP

Kind code of ref document: A1