WO2020009106A1 - Dispositif de traitement d'informations et procédé de traitement d'informations - Google Patents

Dispositif de traitement d'informations et procédé de traitement d'informations Download PDF

Info

Publication number
WO2020009106A1
WO2020009106A1 PCT/JP2019/026277 JP2019026277W WO2020009106A1 WO 2020009106 A1 WO2020009106 A1 WO 2020009106A1 JP 2019026277 W JP2019026277 W JP 2019026277W WO 2020009106 A1 WO2020009106 A1 WO 2020009106A1
Authority
WO
WIPO (PCT)
Prior art keywords
area
objects
information processing
setting
screen
Prior art date
Legal status (The legal status 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 status listed.)
Ceased
Application number
PCT/JP2019/026277
Other languages
English (en)
Japanese (ja)
Inventor
博巳 石原
高橋　大輔
成彦 兼重
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Omron Corp
Original Assignee
Omron Corp
Omron Tateisi Electronics Co
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 Omron Corp, Omron Tateisi Electronics Co filed Critical Omron Corp
Publication of WO2020009106A1 publication Critical patent/WO2020009106A1/fr
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/38—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory with means for controlling the display position

Definitions

  • the present disclosure relates to an information processing device and an information processing method.
  • Patent Document 1 Japanese Patent Application Laid-Open No. 2005-31835
  • Patent Document 1 Japanese Patent Application Laid-Open No. 2005-31835
  • the information processing apparatus arranges the objects and sets properties (appearance, etc.) of each object, and then performs a drag-and-drop operation using a mouse and the object. It is necessary to align the position of the object using the alignment function. For this reason, when the number of objects increases, the number of operations required for positioning the objects increases significantly.
  • the present disclosure has been made in view of the above problems, and an object of the present disclosure is to provide an information processing apparatus and an information processing method capable of reducing the trouble when a user creates screen data of a programmable display. It is in.
  • the information processing apparatus is an operation receiving unit that receives a drag-and-drop operation of dragging an object and dropping the object in a drawing area provided in a display screen of the information processing apparatus;
  • the image processing apparatus includes drawing means for drawing an object dropped on the drawing area, and screen data generating means for generating screen data of a screen to be displayed on the programmable display based on the drawing of the object.
  • the user does not need to perform an operation of aligning the first object and the second object. Therefore, it is possible to reduce the trouble when the user creates the screen data of the programmable display.
  • the drawing means arranges the third object at the position where the third object is dropped.
  • the third object is arranged at the position where the third object is dropped.
  • different processing can be executed depending on whether the position where the object is dropped is the first area or the second area.
  • the information processing apparatus further includes a display control means for displaying a setting screen for setting the arrangement mode of the objects on the display screen.
  • a display control means for displaying a setting screen for setting the arrangement mode of the objects on the display screen.
  • the drawing unit moves the first object and the second object in the horizontal direction of the first area. Line up.
  • the drawing unit moves the first object and the second object in the vertical direction of the first area. Line up.
  • the first object and the second object can be aligned in the horizontal or vertical direction according to the setting on the setting screen.
  • the display control means further displays an icon on the display screen.
  • the icon is clicked in a state where the first object and the second object are aligned in one of the horizontal direction and the vertical direction, the drawing unit causes the first object and the second object to be aligned. In the other of the horizontal and vertical directions.
  • the user can switch the arrangement of the first object and the second object from the horizontal direction to the vertical direction or from the vertical direction to the horizontal direction by simply clicking the icon. It becomes.
  • the drawing means may connect the first object with the first object at the upper end position in the first area.
  • the second object and the second object are aligned in the horizontal direction, and when the second position setting is further performed on the setting screen, the first object and the second object are positioned at the center position in the first area.
  • the third position is further set on the setting screen in the horizontal direction, the first object and the second object are horizontally aligned at the lower end position in the first area.
  • the first object and the second object are laterally aligned at any of the upper end position, the center position, and the lower end position in the first area according to the setting on the setting screen. Can be done.
  • the drawing means may associate the first object with the first object at the left end position in the first area.
  • the second object and the second object are aligned in the vertical direction, and the fifth position is further set on the setting screen, the first object and the second object are aligned at the center position in the first area.
  • the sixth position setting is further performed on the setting screen, the first object and the second object are vertically aligned at the right end position in the first area.
  • the first object and the second object are vertically aligned at any one of the left end position, the center position, and the right end position in the first area according to the setting on the setting screen. Can be done.
  • the size of the object is fixed according to the type of the object.
  • the drawing unit may display the plurality of objects in two or more lines or two lines by a wrapping process. Sort by more than columns.
  • a plurality of objects can be aligned in the horizontal direction or the horizontal direction without changing the size of the objects.
  • the drawing unit sets a size of each of the plurality of objects in order to display the objects in one line or one column. Make it smaller.
  • the information processing apparatus further includes a change unit that changes the size of the first area based on the operation.
  • the drawing unit determines that the plurality of objects cannot be arranged in one line or one column by reducing the size of the first region. Are arranged in one row or one column by reducing the size of each of.
  • the user even when the user performs the operation of narrowing the first area, the user does not need to perform the operation of changing the position and the size of the object so that the object is contained in one row or one column. Therefore, the user's work load for changing the screen design can be reduced.
  • the drawing unit may determine the size of the first area after the expansion. , The size of each of the plurality of objects is increased.
  • the drawing means changes the size of each object according to the size of the first area and the number of objects dropped in the first area.
  • the user can obtain screen data in which a plurality of objects are arranged without performing an operation of changing the size of each object.
  • the information processing apparatus when the information processing apparatus receives an input for designating a range in the drawing area in a state where the first area is not set, the information processing apparatus generates an arrangement and a size of one or more objects included in the designated range as a template. Further, there is provided a template generating means for performing the processing.
  • the information processing apparatus further includes a setting unit that sets an address or a variable to the object according to the order in which the objects are dropped in the first area.
  • addresses and variables can be automatically assigned at the same time as the arrangement of objects, so that the number of steps required for the user's screen design can be significantly reduced.
  • the information processing method includes a step of receiving a drag-and-drop operation of dragging an object and dropping the object in a drawing area provided in the display screen; and Drawing the object, and generating screen data of a screen to be displayed on the programmable display based on the drawing of the object.
  • the step of drawing when a second object as an object is dragged to a preset area in a state where the first object as an object is arranged in a preset area in the drawing area, The first object and the second object are aligned in a preset area.
  • the user does not need to perform an operation of aligning the first object and the second object. Therefore, it is possible to reduce the trouble when the user creates the screen data of the programmable display.
  • FIG. 4 is a diagram illustrating an example of a process of generating screen data of a programmable display.
  • FIG. 1 is a schematic diagram illustrating a PLC system according to an embodiment.
  • FIG. 4 is a diagram illustrating an example of a screen displayed on a display of a PC by executing an application used when creating screen data of a programmable display.
  • FIG. 9 is a diagram for describing a setting example on a setting screen.
  • FIG. 9 is a diagram for explaining another example of setting on the setting screen.
  • FIG. 9 is a state transition diagram for explaining an alignment process.
  • FIG. 3 is a diagram for explaining an arrangement mode of objects.
  • FIG. 3 is a diagram for explaining an arrangement mode of objects.
  • FIG. 9 is a transition diagram for explaining an alignment process.
  • FIG. 1 is a schematic diagram illustrating a PLC system according to an embodiment.
  • FIG. 4 is a diagram illustrating an example of a screen displayed on a display of a PC by executing
  • FIG. 3 is a diagram for explaining an arrangement mode of objects.
  • FIG. 3 is a diagram for explaining an arrangement mode of objects.
  • FIG. 7 is a diagram for explaining a switching operation of an object alignment direction. It is a figure for explaining object return processing performed when the number of objects increases.
  • FIG. 9 is a diagram for describing object wrapping processing performed when an operation of narrowing a layout frame is performed.
  • FIG. 9 is a diagram for describing an object reduction process performed when the number of objects increases.
  • FIG. 9 is a diagram for describing an object reduction process performed when an operation of narrowing a layout frame is performed.
  • FIG. 11 is a diagram for describing an object enlargement process performed when an operation of enlarging a layout frame is performed.
  • FIG. 2 is a block diagram illustrating a functional configuration of a PC.
  • FIG. 4 is a flowchart for explaining a flow of processing executed by the PC.
  • FIG. 2 is a schematic diagram illustrating a hardware configuration of a PC.
  • FIG. 9 is a state transition diagram for explaining an alignment process.
  • FIG. 14 is a state transition diagram for explaining another example of the alignment processing.
  • FIG. 4 is a diagram illustrating a display screen of a PC.
  • FIG. 24 is a diagram illustrating a display screen displayed on the PC after FIG. 23.
  • FIG. 25 is a diagram illustrating a display screen displayed on the PC after FIG. 24.
  • FIG. 26 is a diagram illustrating a display screen displayed on the PC after FIG. 25.
  • FIG. 27 is a diagram illustrating a display screen displayed on the PC after FIG. 26.
  • FIG. 2 is a block diagram illustrating a functional configuration of a PC.
  • FIG. 4 is a diagram illustrating a display screen of a PC.
  • FIG. 30 is a diagram illustrating a drawing area of a display screen displayed on the PC after FIG. 29.
  • FIG. 2 is a block diagram illustrating a functional configuration of a PC.
  • FIG. 1 is a diagram illustrating an example of a process of generating screen data of a programmable display.
  • the information processing apparatus sets a drawing area (drawing area) on the display screen of the information processing apparatus by executing the drawing function.
  • the drawing area includes a first area and a second area.
  • the first area is set by a user operation.
  • a region other than the first region in the drawing region is automatically determined as the second region along with the setting of the first region.
  • the information processing apparatus receives a drag-and-drop operation of dragging an object and dropping the object in the drawing area. Further, the information processing apparatus draws the dropped object in the drawing area.
  • the information processing apparatus accepts dragging of object # 1 and dropping of object # 1 on the first area in the drawing area.
  • the information processing apparatus shifts the position of the object # 1 from the dragged position to another position (for example, as shown in the state (B)). , The left end of the first area).
  • the information processing apparatus accepts the drag of the object # 2 and the drop of the object # 2 on the first area.
  • the information processing apparatus aligns the object # 1 and the object # 2 in the first area by moving the position of the object # 2 as shown in a state (D).
  • the information processing apparatus aligns object # 1 and object # 2 so as to be arranged in the horizontal direction of the display screen (the direction of the X axis in the drawing).
  • the state (F) The object # 3 is arranged at the position where the object # 3 is dropped as shown in FIG. That is, the concession processing device does not execute the alignment processing of the object # 3 outside the first area.
  • the information processing device generates screen data of a screen to be displayed on the programmable display based on the drawing of the object.
  • the generated data is typically transmitted from the information processing device to the programmable display.
  • the generated data is stored in a programmable display using a storage medium such as a USB (Universal Serial Bus) memory.
  • the information processing apparatus sets the object # 1 and the object # 2 in the first region.
  • the user does not need to perform an operation of arranging the objects # 1 and # 2. Therefore, it is possible to reduce the trouble when the user creates the screen data of the programmable display.
  • FIG. 2 is a schematic diagram showing the PLC system 1000 according to the present embodiment.
  • PLC system 1000 includes a plurality of PLCs 1, 2, 3, a programmable display 4, and a PC (Personal Computer) 5 as an information processing device.
  • PC Personal Computer
  • Each of the PLCs 1 to 3 typically includes a CPU unit 10 which is a main body for executing a program, a power supply unit 12 for supplying power to the CPU unit 10 and the like, and an IO (Input / Output) for exchanging signals from a field. And a unit 14.
  • the IO unit 14 is connected to the CPU unit 10 via the system bus 11.
  • the IO unit 14 acquires an input signal from the detection sensor 6 which is a field device, and drives the relay 7 which is a field device according to a result of execution of a program in the CPU unit 10.
  • the programmable display 4 plays a role as a GUI (Graphical User Interface) in an HMI (Human Machine Interface) environment.
  • the programmable display 4 includes an operation unit such as a touch panel, a display unit such as a liquid crystal display, a communication unit that communicates with the CPU unit 10, and a control unit that controls each unit.
  • Each of the PLCs 1 to 3 can change various settings in accordance with the operation of the operation unit of the programmable display 4, and can display predetermined information of the PLC on the programmable display 4.
  • the PC 5 is connected to the programmable display 4.
  • the PC 5 has a function of monitoring the operating states of the connected PLCs 1 to 3 and the values of various data.
  • the PC 5 When causing the PC 5 to function as a support device, the PC 5 generates programs to be executed by the PLCs 1 to 3 and setting information. Further, the PC 5 may have a debugging function or a simulation function to assist a user in generating an executable program.
  • the PLCs 1 to 3 communicate with the programmable display 4 by any one of, for example, FINS (Factory Interface Network Service) communication, HTTP (Hyper Text Transfer Transfer Protocol) communication, or EIP (EtherNet / IP) communication.
  • FINS Vectory Interface Network Service
  • HTTP Hyper Text Transfer Transfer Protocol
  • EIP EtherNet / IP
  • FIG. 3 is a diagram illustrating an example of a screen displayed on the display of the PC 5 by executing an application used when creating screen data of the programmable display.
  • display screen 550 of PC 5 has a drawing area (drawing area) 551 for drawing (drawing) by the user.
  • a drawing area drawing area
  • an area 552 an example of a “first area” inside the layout frame
  • an area 553 outside the layout frame an example of the “second area”.
  • a rectangle indicated by a dotted line represents a layout frame.
  • the area 552 in the layout frame is referred to as an “in-frame area 552”, and the area 553 outside the layout frame is also referred to as an “out-of-frame area 553”.
  • An icon 554 is displayed in the drawing area 551. The function assigned to the icon 554 will be described later.
  • the display screen 550 has a tool box.
  • the toolbox includes, for example, a button tool 556, a lamp tool 557, a graphic tool 558, a standard control tool 559, a gauge tool 560, an HMI control tool 561, a custom tool 562, It has a conveyor tool 563 and a tank tool 564.
  • the button tool 556 includes a tool 5561 for drawing a “set button”, a tool 5562 for drawing a “toggle button”, a tool 5563 for drawing a “button” (normal button), and “ It has a tool 5564 for drawing a “momentary button” and a tool 5565 for drawing a “reset button”.
  • Each of the “set button”, “toggle button”, “button”, “momentary button”, and “reset button” is an example of an object.
  • FIG. 3 shows a state where the PC 5 is performing a drag and drop operation by the user. Specifically, the state immediately before the drag operation is performed by selecting the tool 5563 with the mouse and the button object 601 is dragged into the area 551 is shown.
  • the objects are aligned in the in-frame area 552. That is, the layout processing is executed within the layout frame.
  • a setting screen for setting the arrangement mode will be described, and then, a specific example of the arrangement will be described.
  • the setting screen is displayed on the display screen 550 based on a user operation.
  • FIG. 4 is a diagram for explaining a setting example on the setting screen.
  • the setting screen 570 includes icons 571 and 572 for setting an arrangement direction, radio buttons 573 and 574 for setting whether to wrap (return) the arranged object, and an area corresponding to the drawing area 551. 551A, an area 552A corresponding to the in-frame area 552, icons 575, 576, 577 relating to the position, and buttons 578, 579.
  • the example of the setting screen 570 in FIG. 4 shows a state in which the icon 571 is selected.
  • the PC 5 arranges the objects arranged in the in-frame area 552 in the horizontal direction.
  • the example of the setting screen 570 in FIG. 4 shows a state where the icon 575 is selected.
  • the PC 5 arranges the objects arranged in the frame area 552 at the upper end position in the frame area 552.
  • the PC 5 horizontally aligns the objects arranged in the frame area 552 at the center position in the frame area 552. Further, when the icon 577 is selected while the icon 571 is selected, the PC 5 horizontally aligns the objects arranged in the frame area 552 at the lower end position in the frame area 552.
  • the PC 5 displays the selected arrangement direction and the selected position using three sample figures (square, triangle, and circle in the figure) so that the user can easily confirm the setting contents.
  • the PC 5 confirms the settings set by the user.
  • the button 579 is selected by the user, the PC 5 discards the current settings.
  • FIG. 5 is a diagram for explaining another setting example on the setting screen.
  • an example of this setting screen 570 shows a state where icon 572 is selected.
  • the PC 5 vertically aligns the objects arranged in the in-frame area 552.
  • the example of the setting screen 570 in FIG. 5 shows a state where the icon 580 is selected.
  • the PC 5 arranges the objects arranged in the frame area 552 at the left end in the frame area 552.
  • the PC 5 vertically aligns the objects arranged in the frame area 552 at the center position in the frame area 552. Further, when the icon 582 is selected in a state where the icon 572 is selected, the PC 5 vertically aligns the objects arranged in the frame area 552 at the right end in the frame area 552.
  • FIG. 6 is a state transition diagram for explaining the sorting process when the icon 571 and the icon 576 (see FIG. 4) are in the selected state on the setting screen 570. That is, FIG. 6 is a state transition diagram when the arrangement in the horizontal direction and the center position is selected.
  • PC 5 receives the drag of object 611 and the drop of object 611 on framed area 552 in drawing area 551.
  • the PC 5 moves the position of the object 611 from the dragged position to the center left end of the in-frame area 552 as shown in the state (B). And move.
  • the PC 5 receives the drag of the object 612 and the drop of the object 612 on the area 552 within the frame.
  • the PC 5 moves the position of the object 612 so that the object 611 and the object 612 are laterally aligned from the left end side at the center position in the frame area 552.
  • the PC 5 receives the drag of the object 613 and the drop of the object 613 on the area 552 within the frame.
  • the PC 5 moves the position of the object 613 to move the object 611, the object 612, and the object 613 laterally from the left end side at the center position in the frame area 552 as shown in the state (F). Align.
  • FIG. 7 is a view for explaining the arrangement of the objects 611, 612, and 613 when the icon 571 and the icon 575 (see FIG. 4) are in a selected state on the setting screen 570. That is, FIG. 7 is a state transition diagram when the arrangement in the horizontal direction and the upper end position is selected.
  • PC 5 moves object 613 to move object 611, object 612, and object 613 within framed area 552. At the upper end position, align horizontally from the left end.
  • FIG. 8 is a view for explaining the arrangement of the objects 611, 612, and 613 when the icon 571 and the icon 577 (see FIG. 4) are selected on the setting screen 570.
  • FIG. 8 is a state transition diagram when the arrangement in the horizontal direction and the lower end position is selected.
  • PC 5 when accepting the drop of object 613 to frame area 552, PC 5 moves object 613 to move object 611, object 612, and object 613 within frame area 552. At the lower end position, align horizontally from the left end.
  • FIG. 9 is a transition diagram for explaining the alignment processing when the icon 572 and the icon 581 (see FIG. 5) are in the selected state on the setting screen 570. That is, FIG. 9 is a state transition diagram when the arrangement in the vertical direction and the center position is selected.
  • PC 5 receives the drag of object 611 and the drop of object 611 on framed area 552 in drawing area 551.
  • the PC 5 moves the position of the object 611 from the dragged position to the center upper end position of the in-frame area 552 as shown in the state (B). And move.
  • the PC 5 receives the drag of the object 612 and the drop of the object 612 on the area 552 within the frame.
  • the PC 5 moves the position of the object 612 so that the object 611 and the object 612 are vertically aligned at the center position in the frame area 552 from the upper end side.
  • the PC 5 receives the drag of the object 613 and the drop of the object 613 on the area 552 within the frame.
  • the PC 5 moves the position of the object 613 to move the object 611, the object 612, and the object 613 in the vertical direction from the upper end at the center position in the frame area 552 as shown in the state (F). Align.
  • FIG. 10 is a diagram for explaining the arrangement of the objects 611, 612, and 613 when the icon 572 and the icon 580 (see FIG. 5) are in the selected state on the setting screen 570. That is, FIG. 10 is a state transition diagram when the arrangement in the vertical direction and the left end position is selected.
  • PC 5 when accepting the drop of object 613 in frame area 552, PC 5 moves object 613 to move object 611, object 612, and object 613 in frame area 552. At the left end, align vertically from the top.
  • FIG. 11 is a view for explaining the arrangement of the objects 611, 612, and 613 when the icon 572 and the icon 582 (see FIG. 5) are in a selected state on the setting screen 570. That is, FIG. 11 is a state transition diagram when the arrangement in the vertical direction and the right end position is selected.
  • PC 5 when accepting the drop of object 613 in frame area 552, PC 5 moves object 613 to move object 611, object 612, and object 613 in frame area 552. At the right end, align vertically from the top.
  • the operation of displaying setting screen 570 and selecting icon 572 is completed in a state where a plurality of objects are horizontally arranged as in state (F) of FIG. 6, for example. Then, the PC 5 vertically aligns the plurality of objects, for example, as shown in the state (F) of FIG. Similarly, when the operation of displaying the setting screen 570 and selecting the icon 571 is completed in a state where a plurality of objects are aligned in the vertical direction as in the state (F) of FIG. A plurality of objects are horizontally aligned as shown in a state (F).
  • the user When the user selects one of the icons 575, 576, 577 (see FIG. 4) in a state where one or more objects are arranged in the in-frame area 552, the user moves the position corresponding to the selected icon. To move the object. For example, when the state where icon 576 is selected is changed to the state where icon 575 is selected, PC 5 changes the position of the object from the state (F) in FIG. 6 to the state in FIG. 7, for example.
  • the user selects one of the icons 580, 581, 582 (see FIG. 5) in a state where one or more objects are arranged in the frame area 552, the user is associated with the selected icon. Move the object to a position. For example, when switching from the state where icon 581 is selected to the state where icon 580 is selected, PC 5 changes the position of the object from the state (F) in FIG. 9 to the state in FIG. 10, for example.
  • the user can change the alignment direction and the position of the object even during the drawing. Therefore, since it is not necessary to start drawing again from the beginning, it is possible to reduce the work load on the user.
  • FIG. 12 is a diagram for explaining a switching operation of the object alignment direction.
  • state (A) shows state (F) in FIG. That is, in the state (A) of FIG. 12, the object 611, the object 612, and the object 613 are laterally aligned from the left end side at the center position in the frame area 552.
  • the state (B) shows the state (F) in FIG. That is, in the state (B) of FIG. 12, the object 611, the object 612, and the object 613 are vertically aligned from the upper end at the center position in the frame area 552.
  • the PC 5 switches the arrangement mode of the objects 611, 612, and 613 in the frame area 552 from the state (A) to the state (B). That is, the PC 5 changes from the horizontal arrangement to the vertical arrangement.
  • PC 5 switches the arrangement of objects 611, 612, and 613 in frame area 552 from state (B) to state (A). . That is, the PC 5 changes from the vertical arrangement to the horizontal arrangement.
  • the user can sequentially switch between the horizontal arrangement and the vertical arrangement only by clicking the icon 554. For this reason, a series of operations, such as starting up the setting screen 570 and clicking the icons 571 and 572 (see FIG. 4 and the like) related to the arrangement direction, become unnecessary. Therefore, the user's work load for changing the screen design can be reduced.
  • FIG. 13 is a diagram for explaining object return processing performed when the number of objects increases. In this example, it is assumed that the size of the object is fixed according to the type of the object.
  • object 611, object 612, and object 613 are laterally aligned from the left end side at the center position in frame area 552.
  • the PC 5 receives the drag of the object 614 and the drop of the object 614 on the area 552 within the frame. In this case, the PC 5 determines whether or not the four objects 611, 612, 613, and 614 fit in one line based on the size of the object 614 (in this case, the size in the horizontal direction).
  • the PC 5 determines that the data cannot be accommodated, the PC 5 executes the return processing as shown in the state (C). Specifically, the position of the object 614 is moved to the left end of the in-frame area 552 and below the object 611 at the left end. In this case, the objects 611, 612, and 613 are also moved upward (Y direction) so that the object group including the objects 611, 612, 613, and 614 is located at the center position of the in-frame area 552.
  • the PC 5 when aligning a plurality of objects in the in-frame area 552, the PC 5 aligns the plurality of objects in two or more lines by a wrapping process when it cannot be displayed in one line. According to such a configuration, the objects can be aligned in the horizontal direction without changing the size of the objects.
  • the present invention is not limited to this.
  • the present invention can also be applied to a configuration in which vertical alignment is performed. More specifically, when aligning a plurality of objects in the frame area 552, the PC 5 aligns the plurality of objects in two or more rows by a wrapping process when the plurality of objects cannot be displayed in one line.
  • FIG. 14 is a diagram for explaining the object return processing performed when an operation of narrowing the layout frame is performed (that is, when the area 552 in the frame is narrowed).
  • the PC 5 when aligning a plurality of objects in the in-frame area 552, the PC 5 aligns the plurality of objects in two or more lines by a wrapping process when it cannot be displayed in one line.
  • FIG. 15 is a diagram for describing an object reduction process performed when the number of objects increases.
  • state (A) in a state where objects 611, 612, and 613 are aligned in the horizontal direction, a drag of object 614 and a drop of object 614 on framed area 552 are accepted. .
  • the PC 5 determines whether or not the four objects 611, 612, 613, and 614 fit in one line based on the size of the object 614 (in this case, the size in the horizontal direction).
  • the PC 5 determines that the size cannot be accommodated, the PC 5 executes a process of reducing the size of all the objects 611, 612, 613, and 614 as shown in the state (B). Typically, the objects 611, 612, 613, and 614 are reduced so that the objects 611, 612, 613, and 614 are arranged in one line and fit in the in-frame area 552.
  • the PC 5 when aligning the plurality of objects in the frame area 552, the PC 5 reduces the size of each of the plurality of objects in order to display them in one line. According to such a configuration, the objects can be aligned in one row in the horizontal direction. According to this, the user's work load for changing the screen design can be reduced.
  • the present invention is not limited to this.
  • the present invention can also be applied to a configuration in which vertical alignment is performed. Specifically, when aligning the plurality of objects in the frame area 552, the PC 5 reduces the size of each of the plurality of objects in order to display them in a line.
  • FIG. 16 is a diagram for describing an object reduction process performed when an operation of narrowing the layout frame is performed (that is, when the in-frame area 552 is narrowed).
  • the PC 5 determines that a plurality of objects cannot be arranged in one line due to the size of the in-frame area 552 being reduced in the horizontal direction in a state where the plurality of objects are arranged in one line, A plurality of objects are arranged in one line by reducing the size of each object. According to such a configuration, even when the user performs an operation of narrowing the in-frame area 552 in the horizontal direction, the user does not need to perform an operation of changing the position and the size of the object to fit in one line. As described above, the user's work load for changing the screen design can be reduced.
  • the present invention is not limited to this.
  • the present invention can also be applied to a configuration in which vertical alignment is performed. Specifically, when the PC 5 determines that the plurality of objects cannot be arranged in one line due to the size of the in-frame area 552 being reduced in the vertical direction while the plurality of objects are arranged in one line, The plurality of objects are arranged in a line by reducing the size of each of the plurality of objects.
  • FIG. 17 is a diagram for explaining an object enlargement process performed when an operation to enlarge the layout frame is performed (that is, when the in-frame area 552 is expanded).
  • PC5 When the objects 611, 612, and 613 are aligned in a horizontal line as shown in the state (A), and the layout frame is enlarged in the direction indicated by the arrow 591 as shown in the state (B) , PC5 perform an object enlargement process. Typically, the PC 5 expands the objects 611 to 613 in the vertical and horizontal directions at the same ratio so that the ratio of the total width of the three objects 611 to 613 to the width of the in-frame area 552 is kept constant.
  • the PC 5 determines a plurality of objects based on the size of the in-frame area 552 after the enlargement. Increase the size of each of the objects. According to such a configuration, when the user performs an operation of enlarging the in-frame area 552 in the horizontal direction, the user does not need to perform an operation of changing the position and size of each object. As described above, the user's work load for changing the screen design can be reduced.
  • FIG. 18 is a block diagram for explaining a functional configuration of PC 5.
  • PC 5 includes an input device 701, a display device 702, a control unit 703, and a communication IF unit 704.
  • the input device 701 includes a keyboard 510 and a mouse 512.
  • the control unit 703 controls the overall operation of the PC 5.
  • the control unit 703 also functions as a drawing editor.
  • the control unit 703 includes an operation reception unit 731, a display control unit 732, a screen data generation unit 733, an area size change unit 734, and an object size change unit 735.
  • the display control unit 732 causes the display device 702 to display various screens according to the state of the PC 5.
  • the display control unit 732 causes a display screen 550 (see FIG. 3) of the display device 702 to display a setting screen 570 (FIG. 4 or the like) for setting the arrangement mode of the objects based on a user operation.
  • the display control unit further displays an icon 554 (see FIG. 3) on the display screen 550 (typically, the drawing area 551).
  • the display control unit 732 includes a drawing unit 7320.
  • the drawing unit 7320 includes an alignment processing unit 7321.
  • the operation accepting unit 731 accepts various user operations via the input device 701. For example, the operation receiving unit 731 receives a drag-and-drop operation of dragging an object and dropping the object on a drawing area 551 provided in the display screen 550 of the PC 5. In addition, the operation receiving unit 731 receives an operation of changing (enlarging or reducing) the size of the layout frame (in other words, the area 552 in the frame). Further, the operation receiving unit 731 receives an operation of changing the position of the layout frame (in other words, the area 552 in the frame).
  • the drawing unit 7320 draws the dropped object in the drawing area 551.
  • the alignment processing unit 7321 aligns the objects dropped in the in-frame area 552 based on the settings on the setting screen.
  • Drawing unit 7320 for example, when a second object (for example, object 612) is dropped in frame area 552 in a state where the first object (for example, object 611) is arranged in frame area 552. , The first object and the second object are aligned in the frame area 552. On the other hand, when the third object is dropped on the out-of-frame area 553, the drawing unit 7320 arranges the third object at the dropped position.
  • a second object for example, object 612
  • the drawing unit 7320 arranges the third object at the dropped position.
  • the screen data generator 733 generates screen data of a screen to be displayed on the programmable display 4 based on the drawing of the object. Specifically, the screen data generation unit 733 receives the drawing data from the drawing unit 7320 and generates the display screen data. The screen data generation unit 733 sends the generated screen data to the communication IF unit 704.
  • the communication IF unit 704 transmits screen data to the programmable display 4.
  • the object 611 will be described as an example of the first object
  • the object 612 will be described as an example of the second object.
  • drawing section 7320 drops object 612 when icon 571 is selected on setting screen 570 (when the first direction is set). And the object 611 and the object 612 are aligned in the horizontal direction of the in-frame area 552.
  • drawing section 7320 determines that object 612 is dropped when icon 572 is selected on setting screen 570 (when the second direction is set). , The object 611 and the object 612 are aligned in the vertical direction of the in-frame area 552.
  • drawing section 7320 displays object 611 and object 612 in a state where object 611 and object 612 are aligned in one of the horizontal direction (X-axis direction) and the vertical direction (Y-axis direction).
  • the icon 544 is clicked, the objects 611 and 612 are aligned in the other of the horizontal and vertical directions.
  • the drawing unit 7320 performs the following processing when the icon 571 is selected on the setting screen 570 (when the first direction is set) as shown in FIG.
  • the drawing unit 7320 sets the upper end position in the frame area 552 at the upper end position.
  • the object 611 and the object 612 are aligned in the horizontal direction (see FIG. 7).
  • the drawing unit 7320 sets the object 611 and the object 612 at the center position in the frame area 552. Are aligned horizontally (see FIG. 6).
  • the drawing unit 7320 sets the object 611 and the object 612 at the lower end position in the frame area 552. Are aligned in the horizontal direction (see FIG. 8).
  • the drawing unit 7320 performs the following processing when the icon 572 is selected on the setting screen 570 (when the first direction is set) as shown in FIG.
  • the drawing unit 7320 sets the leftmost position in the frame area 552 at the left end position.
  • the object 611 and the object 612 are aligned vertically (see FIG. 10).
  • the drawing unit 7320 sets the object 611 and the object 612 at the center position in the frame area 552. Are aligned vertically (see FIG. 9).
  • drawing unit 7320 sets object 611 and object 612 at the right end position in frame area 552. Are aligned in the vertical direction (see FIG. 11).
  • drawing section 7320 Sorts the objects in two or more rows or two or more columns.
  • the drawing unit 7320 displays the object in one line or one column. Reduce the size of each of the plurality of objects.
  • the drawing unit 7320 performs the following processing.
  • drawing unit 7320 reduces the size of framed area 552 so that the plurality of objects are arranged in one row or one column. If it is determined that the plurality of objects cannot be arranged, the plurality of objects are arranged in one row or one column by reducing the size of each of the plurality of objects.
  • FIG. 19 is a flowchart for explaining the flow of processing executed by the PC 5.
  • step S1 the PC 5 sets the value of the predetermined variable i to 1.
  • step S2 the PC 5 receives an operation of dropping the first object in the in-frame area 552.
  • step S3 the PC 5 arranges the first object in the in-frame area 552 according to the setting on the setting screen 570 (see state (B) in FIG. 6).
  • step S4 the PC 5 determines whether an operation of dropping the (i + 1) th object in the frame area 552 has been received.
  • the PC 5 arranges the first to (i + 1) th objects in the frame area 552 in accordance with the settings on the setting screen in step S5.
  • PC 5 advances the process to step S7.
  • step S6 the PC 5 increments the value of the variable i. That is, the PC 5 increases the value of the variable i by one.
  • step S7 the PC 5 determines whether or not an instruction to generate screen data for a programmable display device (user instruction) has been received.
  • step S7 When it is determined that the generation instruction has been received (YES in step S7), PC 5 generates screen data (screen data for a display) based on the object in drawing area 551 in step S8. When determining that the generation instruction has not been received (NO in step S7), PC 5 returns the process to step S4.
  • FIG. 20 is a schematic diagram illustrating a hardware configuration of the PC 5.
  • PC 5 executes a CPU 502 that executes various programs including an OS, a ROM (Read Only Memory) 504 that stores a BIOS and various data, and stores data necessary for the CPU 502 to execute the programs.
  • a hard disk (HDD) 508 for storing programs executed by the CPU 502 in a nonvolatile manner.
  • the PC 5 further includes a keyboard 510 and a mouse 512 for receiving an operation from the user, and a monitor 514 for presenting information to the user. Further, the PC 5 includes a communication interface (IF) 518 for communicating with the programmable display 4 or the like. The PC 5 is communicably connected to the programmable display 4 by a communication IF 518.
  • IF communication interface
  • a configuration will be described in which the size of an object is changed each time the object is dropped on the in-frame area 552. In the present embodiment, only the differences from the first embodiment will be described, and the description of the common points with the first embodiment will not be repeated.
  • FIG. 21 is a state transition diagram for explaining the alignment processing.
  • the icon 571 and the icon 576 are in a selected state on the setting screen 570 (see FIG. 4). That is, it is assumed that the arrangement in the horizontal direction and the central position is selected.
  • PC 5 accepts the drag of object 621 and the drop of object 621 on framed area 552.
  • the PC 5 enlarges the size of the object 621 and moves the position of the object 621 from the position where the object 621 is dragged, as shown in the state (B). It is moved to the center position of the in-frame area 552.
  • the PC 5 enlarges the object 621 at the same magnification in the vertical and horizontal directions so that the horizontal width of the in-frame area 552 matches the horizontal width of the object 621.
  • the PC 5 receives the drag of the object 622 and the drop of the object 622 on the area 552 within the frame.
  • the PC 5 arranges the object 621 and the object 622 in the horizontal direction in order from the left end side at the center position in the frame area 552.
  • the PC 5 changes the sizes of the objects 621 and 622 so that the scaling ratios of the object 621 and the object 622 from the default size are the same. More specifically, the PC 5 enlarges or reduces the size of the objects 621 and 622 so that the total width of the two objects 621 and 622 matches the horizontal width of the in-frame area 552. Since the objects 621 and 622 are the same kind of object, they have the same size as shown in the state (D).
  • the PC 5 receives the drag of the object 623 and the drop of the object 623 on the area 552 within the frame.
  • the PC 5 horizontally aligns the object 621, the object 622, and the object 623 in order from the left end side at the center position in the frame area 552.
  • the PC 5 changes the sizes of the objects 621, 622, and 623 so that the scaling ratios of the objects 621, 622, and 623 from the default sizes are the same. More specifically, the PC 5 enlarges or reduces the size of the objects 621, 622, and 623 so that the width of the in-frame area 552 matches the total of the widths of the three objects 621, 622, and 623.
  • the PC 5 (specifically, the drawing unit 7320) is configured to change the size of each object according to the size of the in-frame area 552 and the number of objects dropped in the in-frame area 552. Specifically, the PC 5 automatically changes the size of each object so that the size of each object is a size obtained by equally dividing the size of the in-frame area 552 by the number of objects dropped in the in-frame area 552. That is, the PC 5 executes a fitting process for the layout frame. According to this configuration, the user can obtain screen data in which a plurality of objects are arranged without performing an operation of changing the size of each object.
  • drawing unit 7320 may be configured to perform a wrapping process when the number of objects increases and if the objects do not fit in a line in the frame area 552 unless they are reduced to the default size or less.
  • the setting screen 570 may be configured so that whether or not to perform the above processing can be set.
  • FIG. 22 is a state transition diagram for explaining another example of the sorting process. Also in this example, it is assumed that the icon 571 and the icon 576 are in a selected state on the setting screen 570 (see FIG. 4). That is, it is assumed that the arrangement in the horizontal direction and the central position is selected.
  • PC 5 accepts the drag of object 621 and the drop of object 621 on framed area 552.
  • the PC 5 enlarges the size of the object 621 and moves the position of the object 621 from the position where the object 621 is dragged, as shown in the state (B). It is moved to the center position of the in-frame area 552.
  • the PC 5 enlarges the object 621 in the vertical and horizontal directions so that the horizontal width and the height of the in-frame area 552 and the horizontal width and the height of the object 621 match.
  • the PC 5 receives the drag of the object 622 and the drop of the object 622 on the area 552 within the frame.
  • the PC 5 arranges the object 621 and the object 622 in the horizontal direction in order from the left end side at the center position in the frame area 552.
  • the PC 5 changes the sizes of the objects 621 and 622 so that the scaling ratios of the object 621 and the object 622 from the default size are the same. More specifically, the PC 5 enlarges or reduces the size of the objects 621 and 622 in the horizontal direction so that the width of the in-frame area 552 and the total width of the two objects 621 and 622 match. Further, the PC 5 matches the vertical size of the object 622 with the height of the in-frame area 552. Since the objects 621 and 622 are the same kind of object, they have the same size as shown in the state (D).
  • the PC 5 receives the drag of the object 623 and the drop of the object 623 on the area 552 within the frame.
  • the PC 5 horizontally aligns the object 621, the object 622, and the object 623 in order from the left end side at the center position in the frame area 552.
  • the PC 5 changes the sizes of the objects 621, 622, and 623 so that the scaling ratios of the objects 621, 622, and 623 from the default sizes are the same. More specifically, the PC 5 enlarges or reduces the size of the objects 621, 622, and 623 so that the width of the in-frame area 552 matches the total of the widths of the three objects 621, 622, and 623. In addition, the PC 5 matches the vertical size of the object 623 with the height of the in-frame area 552. Since the objects 621, 622, and 623 are the same type of object, they have the same size as shown in the state (F).
  • the in-frame area 552 can be filled with one or more objects, and a plurality of objects can be aligned.
  • a configuration will be described in which a template relating to the arrangement of objects is generated, and new screen data is generated using the generated template.
  • the PC in the present embodiment is referred to as “PC5A” for convenience of description to distinguish it from the PC 5 in the first embodiment.
  • the PC 5A has a mechanism in which the position and size (relative position with respect to the selection range, proportionate size) and type of the object within the range selected by the user can be stored as information as a template.
  • a mechanism for reading the template information is prepared.
  • the PC 5A automatically arranges and sorts the objects of the type defined in the template at the position and size defined in the template in the frame area 552 of the read template. .
  • the PC 5A drops the object in the in-frame area 552 into which the template information has been read, and if the type of the object is defined in the template, the PC 5A places the object at a specified position with a specified size.
  • the PC 5A automatically changes the size of each object at a fixed rate while maintaining the positional relationship of the objects already arranged in the in-frame area 552. I do.
  • FIG. 23 is a diagram showing the display screen 550 of the PC 5A.
  • the user specifies range 801 in drawing area 551.
  • the layout template storage item 803 in the context menu 802 is selected by a click operation with a mouse or the like in a state where the range 801 is specified, the arrangement and size of the objects included in the range 801 are stored as a template.
  • the template is stored in a state where it is given a name so that it can be distinguished from other templates.
  • the storage location of the template may be the storage location of the file.
  • a mechanism that prepares a list such as a library list in the tool and stores the template there may be used.
  • FIG. 24 is a diagram showing a display screen 550 displayed on the PC 5A after FIG. Referring to FIG. 24, the user sets an in-frame area 552. Thereafter, the user selects an item 805 for applying a layout template in the context menu 804 by a click operation with a mouse or the like. Further, typically, after selecting item 805, the user selects a template. Note that a configuration may be adopted in which a library list of tools is displayed, and a template to be applied is selected from the list.
  • FIG. 25 is a diagram showing a display screen 550 displayed on the PC 5A after FIG.
  • PC 5A sets element areas 5521, 5522, 5523, 5524, 5525, and 5526 based on the selected template in area 552 within the frame, and sets element areas (specifically, element Area layout frame) is displayed.
  • the in-frame area 552 is further divided into a plurality of areas based on the positions and relative sizes of the objects included in the applied template.
  • the PC 5A displays the types of objects that can be arranged in the respective element areas 5521 to 5526. For example, in the example of FIG. 25, “Label”, “DataDisplay”, and “Button” are displayed as the types of objects.
  • FIG. 26 is a diagram showing a display screen 550 displayed on the PC 5A after FIG. Referring to FIG. 26, the user drags a desired object (“button” in FIG. 26) in a state where the template is applied (the state of FIG. 25), and An operation of dropping the object 631 at the position is performed.
  • FIG. 27 is a diagram showing a display screen 550 displayed on the PC 5A after FIG. Referring to FIG. 27, when object 631 is dropped on framed area 552, the object is placed in an element area that matches the type of object 631.
  • the object 631 is a button
  • the object is arranged in the element area of the button.
  • the setting is such that the objects are arranged in order from the left, and no objects are arranged in two of the element areas 5523 and 5526. Therefore, the PC 5A places the object 631 in the element area 5523 on the left side. Deploy. More specifically, the PC 5A enlarges (or reduces) the object 631 so that the object 631 fills (fits) the element area 5523.
  • FIG. 28 is a block diagram illustrating a functional configuration of PC 5A.
  • PC 5A includes an input device 701, a display device 702, a control unit 703A, a communication IF unit 704, and a template storage unit 705.
  • the control unit 703A controls the overall operation of the PC 5A.
  • the control unit 703A is different from the control unit 703 of the first embodiment (see FIG. 18) in including a template generation unit 736 and a template reading unit 737. Therefore, the following description focuses on processing in template generating section 736 and template reading section 737, and the contents described in the first embodiment will not be repeated.
  • the operation receiving unit 731 receives an input for designating a range in the drawing area 551 in a state where the in-frame area 552 is not set (see FIG. 23).
  • the template generation unit 736 generates, as a template, the arrangement and size of one or more objects included in the specified range.
  • the template generation unit 736 stores the generated template in the template storage unit 705.
  • the drawing unit 7320 draws the in-frame area 552 in the drawing area 551.
  • the operation reception unit 731 receives a user operation of displaying a context menu and selecting an item of layout template application (see FIG. 24)
  • the PC 5A applies the selected template to the in-frame area 552.
  • the template reading unit 737 reads the selected template from the template storage unit 705.
  • the template reading unit 737 sends the read template to the drawing unit 7320.
  • the drawing unit 7320 displays, based on the template, the element areas of the template in the frame area 552 of the drawing area 551 together with the type name of each element area (see FIG. 25).
  • the drawing unit 7320 places the object in an element area of the same type as the type of the object. Fit (see FIG. 27).
  • a user creates an application by combining several objects so that certain information can be displayed and set in an easy-to-understand manner. If the object thus combined is convenient and versatile, it can be diverted to a part of a screen used in another programmable display. However, even with the same combination of objects, the appearance (design) often changes according to the programmable display used or the user's preference.
  • the PC 5A can provide a mechanism that can save and reproduce the type and size positional relationship of an object for such purposes. Therefore, according to the PC 5A, there is an effect that data diversion is improved and the number of steps required for the user's screen design is reduced.
  • Embodiment 4 In the present embodiment, a configuration in which an address or a variable can be set for an object will be described. In the present embodiment, only the differences from the first embodiment will be described, and the description of the common points with the first embodiment will not be repeated. It should be noted that the PC in the present embodiment is referred to as “PC5B” for convenience of description to distinguish it from the PC 5 and the like in the first embodiment.
  • FIG. 29 is a diagram showing the display screen 550 of the PC 5B. Referring to FIG. 29, PC 5B displays “assigned address” item 565 as a setting item of area 552 within the frame.
  • FIG. 30 is a diagram showing the drawing area 551 of the display screen 550 displayed on the PC 5B after FIG.
  • assignment address “W0.0” shown in FIG. 29 is set in object 641.
  • the value shown in the item 565 of “assigned address” is incremented to “W0.1”.
  • the assigned address “W0.1” is set in the object 641.
  • FIG. 31 is a block diagram illustrating a functional configuration of PC 5B.
  • PC 5B includes an input device 701, a display device 702, a control unit 703B, and a communication IF unit 704.
  • the control unit 703A controls the overall operation of the PC 5B.
  • the control unit 703B is different from the control unit 703 of the first embodiment (see FIG. 18) in including a setting unit 738. Therefore, the following description focuses on the processing in setting section 738, and the contents described in the first embodiment will not be repeated.
  • the setting unit 738 includes an address setting unit 7381 and a variable setting unit 7382.
  • the address setting unit 7381 assigns an address to the object dropped in the frame area 552. After the assignment, the address setting unit 7381 increments the address.
  • the address setting unit 7381 assigns the post-increment address to the object dropped next to the in-frame area 552.
  • variable setting unit 7382 sets a variable for the object dropped in the frame area 552. After the assignment, the variable setting unit 7382 automatically increments the last number of several names or automatically increments the element number, as described above. The variable setting unit 7382 allocates the incremented variable to the object dropped next in the in-frame area 552.
  • an object for displaying information possessed by a device such as a programmable logic controller (PLC) is arranged.
  • PLC programmable logic controller
  • addresses and variables can be automatically assigned at the same time as the placement of objects, so that the number of steps required for user screen design can be significantly reduced.
  • An information processing device Operation accepting means for accepting a drag-and-drop operation of dragging an object and dropping the object on a drawing area (551) provided in a display screen (550) of the information processing device (5, 5A, 5B) (731)
  • Drawing means (7320) for drawing the object dropped in the drawing area (551);
  • Screen data generating means for generating screen data of a screen to be displayed on the programmable display based on the drawing of the object;
  • the drawing means (7320) places the first object (552) in the first area (552) in the first area (552) in the first area (552).
  • An information processing device (5, 5A, 5B) for aligning the first object and the second object in the first area (552) when the second object is dropped.
  • the drawing means (7320) When the first direction is set on the setting screen (570), when the second object is dropped, the first object and the second object are moved to the first object. Aligned in the horizontal direction of the area (552), When the second direction is set on the setting screen (570), when the second object is dropped, the first object and the second object are moved to the first object.
  • the information processing device (5, 5A, 5B) according to Configuration 1 or 2, wherein the information processing device is aligned in a vertical direction of the region (552).
  • the display control means further displays an icon (554) in the display screen,
  • the drawing means (7320) clicks on the icon (554) in a state where the first object and the second object are aligned in one of the horizontal direction and the vertical direction.
  • the information processing apparatus according to any one of Configurations 1 to 3, wherein the first object and the second object are aligned in the other of the horizontal direction and the vertical direction. , 5B).
  • the drawing unit (7320) When the fourth position is further set on the setting screen (570), the first object and the second object are vertically aligned at the left end position in the first area (552). Lined up, When the fifth position setting is further performed on the setting screen (570), the first object and the second object are vertically aligned at the center position in the first area (552). Lined up, When the sixth position setting is further performed on the setting screen (570), the first object and the second object are vertically aligned at the right end position in the first area (552).
  • the information processing device (5, 5A, 5B) according to Configuration 5, wherein the information processing device is arranged in a row.
  • [Configuration 7] The size of the object is fixed according to the type of the object,
  • the drawing means (7320) wraps at least when the plurality of objects including at least the first object and the second object are aligned in the first area (552), and cannot be displayed in one line or one column.
  • the information processing apparatus (5, 5A, 5B) according to any one of Configurations 1 to 6, wherein the plurality of objects are arranged in two or more rows or two or more columns by processing.
  • the drawing means (7320) reduces the size of the first area (552) so that the plurality of objects are arranged in one row or one column.
  • the information processing device according to Configuration 8, wherein when it is determined that the plurality of objects cannot be arranged, the plurality of objects are arranged in one row or one column by reducing the size of each of the plurality of objects.
  • the said drawing means (7320) changes the size of each said object according to the size of the said 1st area
  • the information processing device according to any one of 1 to 6, wherein the information processing device is an information processing device.
  • FIG. 14 An information processing method, Accepting a drag-and-drop operation of dragging an object and dropping the object on a drawing area (551) provided in a display screen (550); Drawing the object dragged into the drawing area (551); Generating screen data of a screen to be displayed on the programmable display (4) based on the drawing of the object, In the step of drawing, the first object as the object is placed in a preset area (552) in the drawing area (551), and the first object is placed in the preset area (552).
  • An information processing method wherein, when a second object as an object is dragged, the first object and the second object are aligned in the preset area (552).
  • 1, 2, 3 PLC, 4 programmable display 5 PC, 6 detection sensor, 7 relay, 10 CPU unit, 14 IO unit, 11 system bus, 12 power supply unit, 512 mouse, 514 monitor, 544, 554, 571, 572, 575, 576, 577, 580, 581, 582 icons, 550 display screen, 551 drawing area, 551A, 552A area, 552 inside frame area, 553 outside frame area, 556, 557, 558, 559, 560, 561, 562 , 563, 564, 5561, 5562, 5563, 5564, 5565 tool, 565, 803, 805 item, 570 setting screen, 573, 574 radio button, 578, 579 button, 590, 591 arrow, 601, 611, 612 13,614,621,622,623,631,641,642 ⁇ object, 701 ⁇ input device, 702 display device, 703,703A, 703B control unit, 704 communication IF unit, 705 template storage unit, 731 operation reception

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

L'invention ‌concerne‌ ‌un‌ dispositif de traitement d'informations qui accepte une opération de glisser-déposer pour faire glisser un objet et déposer l'objet dans une zone de dessin disposée dans l'écran d'affichage du dispositif de traitement d'informations. Le dispositif de traitement d'informations trace l'objet qui a été déposé dans la zone de dessin. Le dispositif de traitement d'informations génère, sur la base du tracé de l'objet, des données d'image d'écran d'une image d'écran qui est affichée sur un dispositif d'affichage programmable. Lorsqu'un objet (# 2) est lâché dans une première zone dans la zone de dessin tandis qu'un objet (#1) est disposé dans la première zone, le dispositif de traitement d'informations amène l'objet (# 1) et l'objet (# 2) à être alignés dans la première zone.
PCT/JP2019/026277 2018-07-03 2019-07-02 Dispositif de traitement d'informations et procédé de traitement d'informations Ceased WO2020009106A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2018-126990 2018-07-03
JP2018126990A JP2020008946A (ja) 2018-07-03 2018-07-03 情報処理装置および情報処理方法

Publications (1)

Publication Number Publication Date
WO2020009106A1 true WO2020009106A1 (fr) 2020-01-09

Family

ID=69060424

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2019/026277 Ceased WO2020009106A1 (fr) 2018-07-03 2019-07-02 Dispositif de traitement d'informations et procédé de traitement d'informations

Country Status (2)

Country Link
JP (1) JP2020008946A (fr)
WO (1) WO2020009106A1 (fr)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115185509A (zh) * 2022-05-20 2022-10-14 中核武汉核电运行技术股份有限公司 一种指标画面组态方法
CN115879883A (zh) * 2022-12-06 2023-03-31 深圳太极数智技术有限公司 一种数据流配置方法及装置

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6895698B1 (ja) * 2020-07-03 2021-06-30 株式会社Ｓｈｉｆｔ 作成支援装置およびプログラム
JP7561606B2 (ja) * 2020-12-23 2024-10-04 フォルシアクラリオン・エレクトロニクス株式会社 情報処理装置及び表示制御方法
JP7670418B2 (ja) * 2023-03-30 2025-04-30 Ｎｔｔテクノクロス株式会社 Ｕｉ部品作成装置、ｕｉ部品作成方法及びプログラム

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005031835A (ja) * 2003-07-09 2005-02-03 Digital Electronics Corp エディタ装置、そのプログラム、および、それが記録された記録媒体
US20060059460A1 (en) * 2004-09-16 2006-03-16 Novatech, Llc System, method and computer program product for documenting and managing execution of procedures in a graphical interface environment
JP2008015354A (ja) * 2006-07-07 2008-01-24 Mitsubishi Electric Corp 表示制御装置、プログラマブル表示器および表示制御方法
JP2011090650A (ja) * 2009-10-26 2011-05-06 Hakko Denki Kk 表示／制御システム、そのプログラマブル表示器、作画エディタ装置、プログラム
JP2012083883A (ja) * 2010-10-08 2012-04-26 Mitsubishi Electric Corp 画面データ作成装置
JP2016115017A (ja) * 2014-12-12 2016-06-23 日本電信電話株式会社 フローチャート作成方法及びプログラム

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005031835A (ja) * 2003-07-09 2005-02-03 Digital Electronics Corp エディタ装置、そのプログラム、および、それが記録された記録媒体
US20060059460A1 (en) * 2004-09-16 2006-03-16 Novatech, Llc System, method and computer program product for documenting and managing execution of procedures in a graphical interface environment
JP2008015354A (ja) * 2006-07-07 2008-01-24 Mitsubishi Electric Corp 表示制御装置、プログラマブル表示器および表示制御方法
JP2011090650A (ja) * 2009-10-26 2011-05-06 Hakko Denki Kk 表示／制御システム、そのプログラマブル表示器、作画エディタ装置、プログラム
JP2012083883A (ja) * 2010-10-08 2012-04-26 Mitsubishi Electric Corp 画面データ作成装置
JP2016115017A (ja) * 2014-12-12 2016-06-23 日本電信電話株式会社 フローチャート作成方法及びプログラム

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
"Non-official translation: Print album that can create albums and flyers placed with photos and text", SUGUWAKARU POCKET, SPECIAL EDITION, 100 SPECIAL SELECTION OF FREE SOFTWARE, 24 June 2011 (2011-06-24), pages 148 - 150 *
24 October 2011 (2011-10-24), pages 108 - 111 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115185509A (zh) * 2022-05-20 2022-10-14 中核武汉核电运行技术股份有限公司 一种指标画面组态方法
CN115185509B (zh) * 2022-05-20 2024-02-09 中核武汉核电运行技术股份有限公司 一种指标画面组态方法
CN115879883A (zh) * 2022-12-06 2023-03-31 深圳太极数智技术有限公司 一种数据流配置方法及装置

Also Published As

Publication number Publication date
JP2020008946A (ja) 2020-01-16

Similar Documents

Publication Publication Date Title
WO2020009106A1 (fr) Dispositif de traitement d'informations et procédé de traitement d'informations
JP7660638B2 (ja) プロセスプラント内のディスプレイナビゲーション階層を構成及び提示するためのシステム及び方法
JP7364308B2 (ja) プロセス制御プラント内のグラフィックディスプレイ構成設計を容易にするためのシステム及び方法
TWI498693B (zh) 多軸控制系統設定、調整功能支援裝置
JP6473831B2 (ja) グラフィックユーザーインターフェースのプロトタイプ製作方法及びその装置
TWI541748B (zh) 股票多模式詳細資訊裝置與方法
EP3171266B1 (fr) Modélisation et mise en place de gadget logiciel d'interface utilisateur
KR101660620B1 (ko) 시퀀스 프로그램 설계 지원 장치
KR100246862B1 (ko) 툴 버튼의 설정 방법 및 편집 장치
JP2014032529A (ja) Ｐｌｃシステム、その作画エディタ装置、プログラマブル表示器
TWI569118B (zh) 畫面作成軟體
CN114008574B (zh) 在桌面上显示显示区域
JP2011175351A (ja) 画面データ作成装置、画面データ作成方法、及び画面データ作成プログラム
CN118012317A (zh) 一种编程工具缩放方法以及相关装置
JP2011192088A (ja) Ｐｌｃのプログラム開発支援装置
JP7180524B2 (ja) プログラム編集装置、プログラム編集方法、および、プログラム編集プログラム
JP2015210640A (ja) 表示装置、監視システム、表示方法および表示プログラム
JP5247739B2 (ja) 画面設計装置および描画部品設定方法
JP2012079132A (ja) ラダープログラム作成支援装置、そのプログラム
JP6845439B2 (ja) 情報処理装置、表示制御方法及びプログラム
JP5786387B2 (ja) Ｐｌｃの開発支援装置、およびｐｌｃ開発支援用プログラム
JPH07129080A (ja) Ｓｆｃ入力方式
JP2007280093A (ja) 画面データ作成方法
JPH01251216A (ja) メニュー表示システム

Legal Events

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

Ref document number: 19830887

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 19830887

Country of ref document: EP

Kind code of ref document: A1