Program, control method for information processing apparatus, information processing apparatus, web application program, and information processing system

Abstract

To improve usability in a design application.SOLUTION: A program causes an information processing apparatus to execute: a placement step of performing hierarchical placement in which a plurality of objects are arranged hierarchically; a setting step of setting an object to be placed at a highest hierarchy among the plurality of objects subjected to the hierarchical placement as an upper-level object; and a control step of performing control that does not allow a target object to be operated among the plurality of objects to overlap at least a part of the upper-level object.SELECTED DRAWING: Figure 1

Description

[Technical Field]

[0001] The present disclosure relates to a design application that assists in the creation of printed materials. [Background technology]

[0002] In recent years, design applications that support the creation of various printed materials have come into use. Design applications allow users to create designs by laying out multiple objects. Furthermore, a technology has been disclosed in which, when multiple objects overlap, the gradation of the objects decreases as the objects are placed further down the hierarchy (Patent Document 1). [Prior art documents] [Patent documents]

[0003] [Patent Document 1] Japanese Patent Application Publication No. 10-164351 Summary of the Invention [Problem to be solved by the invention]

[0004] There is a demand for improved usability in design applications. [Means for solving the problem]

[0005] A program according to one aspect of the present disclosure is a program for causing an information processing device to execute an arrangement step of performing a hierarchical arrangement in which a plurality of objects are arranged hierarchically; a setting step of setting an object to be arranged at the highest level among the plurality of objects to be hierarchically arranged as a higher-level object; and a control step of performing control so that a target object to be operated among the plurality of objects is not allowed to overlap at least a portion of the higher-level object. [Effects of the Invention]

[0006] According to the present disclosure, it is possible to improve the usability of design applications. [Brief explanation of the drawings]

[0007] [Figure 1] FIG. 1 illustrates an example of the configuration of an information processing system. [Figure 2] 2 is a diagram showing an example of a management table of objects used in the information processing system of FIG. 1; [Figure 3] 10 is a flowchart illustrating a process for adding a new object, which is executed via the Web browser of FIG. 1; [Figure 4] 2 is a diagram showing an example of a web application screen displayed by the web browser of FIG. 1. FIG. [Figure 5] FIG. 10 is a diagram showing an example of a web application screen when background objects are laid out. [Figure 6] 6 is a diagram showing an example of a web application screen when image objects are laid out on the poster on which the background objects of FIG. 5 are laid out. FIG. [Figure 7] FIG. 7 is a diagram showing an example in which the upper object setting of the layer in FIG. 6 is in an invalid state. [Figure 8] 8 is a diagram showing an example in which the upper object setting of the layer in FIG. 7 has transitioned from an invalid state to an valid state in response to an operation on the upper object setting icon in FIG. 7. FIG. [Figure 9] 7 is a diagram showing an example of a web application screen when a two-dimensional code is laid out on the poster on which the background object and image object of FIG. 6 are laid out. FIG. [Figure 10] 10 is a diagram showing an example of a web application screen when another image is laid out on the poster on which the background, image, and two-dimensional code of FIG. 9 are laid out. FIG. [Figure 11] FIG. 10 is a diagram showing an example of a display of a higher-level object setting window. [Figure 12]10 is a flowchart illustrating a setting process of a higher-level object. [Figure 13] FIG. 10 is a diagram showing an example of a storage management table for objects laid out on a poster. [Figure 14] 13 is a diagram showing an example of a Web application screen in the setting process of the upper object of FIG. 12. FIG. [Figure 15] FIG. 10 is a diagram illustrating an example in which the upper object setting of a layer has transitioned to a valid state. [Figure 16] FIG. 10 is a diagram illustrating an example of a display of an error dialog box. [Figure 17] 10 is a flowchart illustrating a process for changing the overlapping order of objects. [Figure 18] FIG. 18 is a diagram showing an example of a Web application screen in the change processing of FIG. 17. [Figure 19] 10A and 10B are diagrams illustrating an example of changing the overlapping order of objects. [Figure 20] FIG. 10 is a diagram illustrating an example of a display of an error dialog box. [Figure 21] FIG. 10 is a diagram illustrating an example of a display of an error dialog box. [Figure 22] 10A and 10B are diagrams illustrating an example of changing the overlapping order of objects. [Figure 23] 10 is a flowchart illustrating a confirmation process before a poster is printed. [Figure 24] FIG. 10 is a diagram showing an example of a web application screen when printing a poster. [Figure 25] FIG. 10 is a diagram illustrating an example of a display of an error dialog box. DETAILED DESCRIPTION OF THE INVENTION

[0008] Preferred embodiments of the present invention will be described in detail below with reference to the accompanying drawings. Note that the following embodiments do not limit the scope of the present disclosure, and not all combinations of features described in the following embodiments are necessarily essential to the solutions of the present disclosure. Note that the same reference numerals are used to designate the same components.

[0009] <Embodiment> <Overview> In recent years, design applications that support the creation of various printed materials have been widely used. Design applications allow users to create printed materials such as posters and flyers by composing images, two-dimensional codes (e.g., QR Codes (registered trademark)), and other objects on a single canvas. Furthermore, objects can be appropriately entered with text, such as characters and sentences. This allows users to freely layout and print designs containing their desired images and text. However, while editing objects, objects can overlap, and printing can be performed without the user realizing that important information contained in a lower-order object is missing. Meanwhile, a technology has been disclosed that allows users to recognize the information contained in each object even when objects overlap by lowering the gradation of the object in the display order. This technology prevents information loss even when an object containing important information is overlaid on another object. However, this technology displays the information contained in each object in a different gradation from the actual object. This results in a display that differs from the design intended by the user, making it undesirable for intuitive operability as a design application. Therefore, in the present disclosure, control is performed to prevent a target object to be operated from overlapping at least a portion of a higher-level object among multiple objects. Such control makes it possible to prevent an object containing important information from being obscured by other objects while still achieving the design envisioned by the user. Therefore, the present disclosure can improve usability in design applications. More specifically, the present disclosure can achieve intuitive operability and prevent information loss. In the following embodiments, a method for switching display in response to the presence of an object (hereinafter referred to as a higher-level object) fixed higher than other objects in a poster when a user edits the poster will be described.This makes it possible to prevent an object that the user newly places or an object whose stacking order has been changed from overlapping an object that contains important information.

[0010] <Information Processing System> FIG. 1 is a diagram showing an example of the configuration of an information processing system 1. The information processing system 1 includes a client terminal 10 and a server system 2. The client terminal 10 and the server system 2 can be connected via a network 22, such as the Internet. First, the configuration of the server system 2 will be described using FIG. 1. The server system 2 includes a Web application 3. The server system 2 performs various server processes in the Web application 3. The server system 2 includes various servers, such as a program execution server 4, a storage server 5, and a print execution server 6. The program execution server 4 executes a server program 7 that runs on the server system 2. The storage server 5 stores edited data 8, such as image files and print data files, and print data 9 in the Web application 3. The print execution server 6 sends the print data 9 to a print execution application 19 included in the client terminal 10, and performs printing. The program execution server 4, storage server 5, and print execution server 6 may be implemented as physically separate devices or as a single device. Alternatively, each of the program execution server 4, storage server 5, and print execution server 6 may be configured to be realized as a cloud service. At least one of the edited data 8 and print data 9 is referred to as Web data as appropriate.

[0011] Next, the configuration of the client terminal 10 will be described using FIG. 1. The client terminal 10 is an information processing device. The client terminal 10 is configured as a general-purpose personal computer or a smartphone. The personal computer may be a desktop computer, a portable laptop computer, or a tablet terminal. The client terminal 10 includes a CPU 11, ROM 12, and RAM 13. The client terminal 10 also includes a monitor 14, a printer 15, an input device 16, a storage device 17, and an input / output interface (not shown) for connecting to a network 22 such as the Internet. The printer 15 may be connected to the client terminal 10 via the network 22. The CPU 11 is a central processing unit that controls the entire client terminal 10 by executing an OS stored in the storage device 17, ROM 12, and RAM 13. The CPU 11 also executes a web browser 18, a print execution application 19, and other programs stored in the ROM 12 and RAM 13. Through these processes, the CPU 11 performs calculations based on input data, processes and outputs the data, and controls each hardware, thereby realizing each function of the client terminal 10. ROM 12 is read-only memory and stores various programs. RAM 13 is random access memory and is used as work memory for CPU 11, but non-volatile RAM can also store various programs. Web browser 18 browses websites on the Internet or executes Web applications 3 provided by server system 2. When executing Web applications 3, client program 21 is received from server system 2 and executed by program analysis unit 20, which interprets script languages ​​such as HTML and JavaScript. Print execution application 19 sends print data 9 from server system 2 to printer 15 connected to client terminal 10 directly or via network 22, and prints the data.

[0012] <Webアプリケーション> Next, the processing of the Web application 3 in FIG. 1 will be described with reference to FIGS. 2 to 11. The Web application 3 functions as a design application. The design application performs hierarchical arrangement, arranging multiple objects hierarchically. The objects are, for example, images or two-dimensional codes, and are components of a print design whose layout can be edited on an editing screen displayed on the Web application screen (described later). A print design refers to any type of design intended for printing. Examples of print designs include posters, flyers, pamphlets, business cards, letterheads, postcards, books, magazines, catalogs, reports, and proposals. The data structure of the objects may be raster images or vector images. In this embodiment, a poster creation application will be described as an example of a use case of the Web application 3.

[0013] FIG. 2 is a diagram showing an example of an object management table used in the information processing system 1 of FIG. 1. In the example of FIG. 2, two-dimensional code and "Image 1" are shown as object types, for example. When the object type is two-dimensional code, the upper object setting is enabled. On the other hand, when the object type is "Image 1," the upper object setting is disabled in the example of FIG. 2. Furthermore, the display order of the two-dimensional code object (hereinafter referred to as the two-dimensional code object) is set to first, and the display order of the "Image 1" object is set to second. Therefore, in the hierarchical arrangement in which multiple objects are hierarchically arranged, the two-dimensional code object is set to the top layer (first), and the "Image 1" object is set to the second layer. In other words, the two-dimensional code object is set to be higher than the "Image 1" object. Therefore, even if an attempt is made to overlay the "Image 1" object on the two-dimensional code object, such an editing operation is not permitted. In other words, in the Web application 3, the object to be arranged in the highest layer among multiple objects to be hierarchically arranged is set as the upper object. Furthermore, the Web application 3 performs control such that a target object to be operated among multiple objects is not permitted to overlap at least a part of a higher-level object. As shown in FIG. 2, the coordinates of the two-dimensional code object are set, and the coordinates of the "Image 1" object are also set. Details will be explained using FIG. 13, but by setting these coordinates, it is possible to determine whether the areas of the two objects overlap. Furthermore, the "Image 1" object may be associated with a priority placement and the priority of the higher-level object. Details will be explained later using FIG. 11.

[0014] (Adding a new object) FIG. 3 is a flowchart illustrating a process for adding a new object, which is executed via the web browser 18 of FIG. 1. The process for adding a new object is a process for inserting a new object on the editing screen through a user operation. Here, a use case is assumed in which a user drags and drops an object onto the editing screen to insert a new layer. The process illustrated in FIG. 3 is implemented by the CPU 11 loading a program stored in the ROM 12 into the RAM 13 and executing it. Specifically, the process illustrated in FIG. 3 is implemented by the CPU 11 loading and executing the client program 21. More specifically, the process illustrated in FIG. 3 is executed when a user initiates the process via the web browser 18. Note that some or all of the functions of the steps in FIG. 3 may be implemented using hardware such as an ASIC or electronic circuit. The symbol "S" in the description of each process indicates a step in the flowchart. The process illustrated in FIG. 3 can also be implemented as a cloud computing configuration in which a single function is shared and processed collaboratively across the Internet, as long as it implements the process for inserting a new object.

[0015] In S101, the CPU 11 determines whether or not there is a layer in which a higher-level object is set. If there is a layer in which a higher-level object is set, the CPU 11 advances the process of S101 to S102. For example, as shown in FIG. 2, if the higher-level object setting of the two-dimensional code object is enabled, in S102, the CPU 11 inserts a new object below the layer in which the higher-level object is set, and ends the process. In other words, when a higher-level object is set and editing of one of multiple objects is started as a new object, the CPU 11 inserts the new object below the higher-level object. On the other hand, if there is no layer in which a higher-level object is set, the CPU 11 advances the process of S101 to S103. For example, if there is no object in which the higher-level object setting is enabled, as shown in FIG. 2, in S103, the CPU 11 inserts a new object into the top layer, and ends the process.

[0016] Next, a specific example of inserting a new object using the web browser 18 of FIG. 1 will be described. FIG. 4 is a diagram showing an example of a web application screen displayed by the web browser 18 of FIG. 1. In FIG. 4, a use case is assumed in which print data 9 is edited via the web application screen. Note that, although various icons or objects displayed on the web application screen are described below as being operated by pressing, the operation is not limited to pressing. For example, various icons or objects displayed on the web application screen may be operated by single-clicking or double-clicking those icons or objects. Alternatively, various icons or objects displayed on the web application screen may be operated by single-tapping or double-tapping those icons or objects. A poster preview screen F01 is displayed in the approximate center of the web application screen in FIG. 4. The preview screen F01 displays a preview of the poster the user is currently editing. Buttons F02, F03, F04, and F05 are arranged at the top of the preview screen F01 as icons for operating the web application screen. Button F02 is an icon for instructing the user to create a new poster. Pressing button F02 starts the creation of the poster. Button F03 is an icon that instructs the user to open existing poster data. Pressing button F03 opens a user interface for selecting existing poster data. The poster data is, for example, data stored in storage server 5 as one of the print data 9. Alternatively, the poster data may be data stored in the user's local folder or on one of the various servers owned by Web application 3. Button F04 is an icon that saves the poster being edited. Pressing button F04 saves the poster being edited in the user's local folder or on one of the various servers owned by Web application 3. Button F05 is an icon that instructs the user to print the poster.In response to pressing button F05, the Web application 3 installs or launches the print execution application 19, enabling printing. Area F08 is located on the left side of the poster preview screen F01. Area F06 is located on the left side of area F08. In area F06, icons corresponding to the types of objects to be added to the poster are arranged vertically. This allows the user to select any object from the object types displayed in area F06. In the example shown in FIG. 4, the "Image" icon configured as button F07 is selected. Area F08 displays the contents of the object selected in area F06. In the example shown in FIG. 4, the "Image" icon of button F07 is selected, displaying a list of images held by the Web application 3. Area F09 is located on the right side of the poster preview screen F01. Area F09 displays the objects to be placed on the poster and the object stacking order, with objects higher in the stacking order being displayed at the top of the Web application screen. The object stacking order, which will be described in detail later, is displayed in layers as a hierarchy containing objects. At the bottom right of area F09, an icon for layer settings configured as button F10 is placed. When button F10 is pressed, the web application 3 opens a higher-level object settings window (described later) and accepts changes to the settings.

[0017] In this way, the Web application 3 executed by the information processing system 1 performs a first display control to display a Web application screen as shown in FIG. 4 based on various Web data provided and acquired from the server system 2. The first display control performs a hierarchical arrangement to arrange multiple objects hierarchically. Hierarchical arrangement is a layering process in which a layer containing each object is set for each object, and the set layers are stacked in order. The first display control sets the object to be arranged in the highest layer of the multiple objects to be hierarchically arranged as a higher-level object. Furthermore, the Web application 3 executed by the information processing system 1 performs a second display control to update the display of the Web application screen based on the operation content of the Web application screen. The second display control performs control to prevent a target object to be operated from overlapping at least a portion of the higher-level object among the multiple objects. Next, details of the second display control will be described.

[0018] FIG. 5 is a diagram showing an example of a web application screen when a background object is laid out. As shown in FIG. 5, in area F06, the user selects the "Background" icon of button F11. In area F08, the content of the "Background" icon selected in area F06 is displayed. Specifically, images such as thumbnail F12 are displayed as thumbnails as a list of backgrounds held by web application 3. The preview screen F01 displays the content of object F13. Object F13 is a background object laid out in the poster in response to pressing thumbnail F12. Area F09 contains layer F14. Layer F14 represents the hierarchical level containing object F13 and includes thumbnail F15. Thumbnail F15 is a thumbnail image of the background object. The background object is an object intended for objects such as image objects to be laid out in a higher hierarchical level than layer F14. Therefore, layer F14 does not include a higher-level object setting icon (described later) and is not set as a higher-level object. Next, a description will be given of a Web application screen when image objects are laid out on the poster in which the background objects of FIG. 5 are laid out.

[0019] FIG. 6 shows an example of a web application screen when image objects are laid out on a poster on which the background object of FIG. 5 is laid out. In area F06, the "Image" icon of button F07 is selected. In area F08, the content of the "Image" icon selected in area F06 is displayed. Specifically, images of thumbnails F16 and F28 are displayed as thumbnails as a list of images held by web application 3. Object F17 is placed on preview screen F01. Object F17 is an image object laid out on the poster in response to pressing thumbnail F16. Layers F18 and F14 are placed in area F09. Layer F18 represents the hierarchical level containing object F17 and includes thumbnail F19 and a higher-level object setting icon F20. Thumbnail F19 is placed to the left of the icon representing layer F18. Thumbnail F19 displays a thumbnail of the image of object F17. The upper object setting icon F20 is located to the right of the icon representing layer F18. The upper object setting icon F20 is displayed, for example, as an image of a padlock with the key unlocked. When object F17 is laid out in a poster, the layer is inserted at the top of the existing objects unless a higher-level object (described later) is set. Therefore, when thumbnail F16 is pressed, layer F18 is inserted above layer F14. The upper object setting icon F20 for layer F18 indicates whether layer F18 is set as a higher-level object. In FIG. 6, layer F18 is not set as a higher-level object. In other words, the upper-level object setting for layer F18 is disabled. Pressing the upper object setting icon F20 sets layer F18 as a higher-level object, enabling the application of the higher-level object-related processing (described later). Next, the display of the enabled and disabled states of the higher-level object setting will be described with reference to FIGS. 7 and 8.

[0020] FIG. 7 is a diagram showing an example in which the upper object setting of layer F18 in FIG. 6 is in an invalid state. In response to pressing of the upper object setting icon F20, the upper object setting of layer F18 transitions from an invalid state to an valid state. FIG. 8 is a diagram showing an example in which the upper object setting of layer F18 in FIG. 7 transitions from an invalid state to an valid state in response to pressing of the upper object setting icon F20 in FIG. 7. In the example in FIG. 8, the fact that the upper object setting has been set to an valid state is indicated by an upper object setting icon F20′. The upper object setting icon F20′ is displayed, for example, as an image imitating a locked padlock. In this way, when the upper object setting transitions from an invalid state to an valid state, the display is switched to the upper object setting icon F20′ in FIG. 8. Furthermore, in response to pressing of the upper object setting icon F20′ and enabling the upper object setting of layer F18, a later-described upper object setting process is executed.

[0021] FIG. 9 shows an example of a web application screen when a two-dimensional code is laid out on the poster on which the background object and image object of FIG. 6 are laid out. In area F06, the user selects the "two-dimensional code" icon of button F21. Area F08 displays the content of the "two-dimensional code" icon selected in area F06. Specifically, area F08 displays a text box F22 and a button F23. Text box F22 is an area for entering a URL to be converted into a two-dimensional code. Button F23 is an icon for adding the two-dimensional code to the poster. Object F24 is located in the lower right of the poster preview screen F01. Object F24 is a two-dimensional code object that is laid out on the poster after the text entered in text box F22 is converted into a two-dimensional code in response to pressing button F23. In response to pressing button F23, layer F25 is inserted above layer F18 in area F09. Layer F25 represents the hierarchical level including object F24, and includes a thumbnail F26 and a parent object setting icon F27. Thumbnail F26 displays a thumbnail image of object F24. In FIG. 9, layer F25 indicates that the parent object setting is enabled. Because a 2D code object can affect reading if other objects are placed on top of it, it is set as a parent object by default during layout. This applies parent object processing, which will be described later, to layer F25. In other words, whether or not to set it as a parent object is determined depending on the type of each of the multiple objects. Note that pressing the parent object setting icon F27 disables the parent object setting for layer F25.

[0022] FIG. 10 shows an example of a web application screen when another image is laid out on the poster in which the background, image, and two-dimensional code of FIG. 9 are laid out. In area F06, the "Image" icon of button F07 is selected. In area F08, the content of the "Image" icon selected in area F06 is displayed. Specifically, area F08 displays thumbnails of images F16 and F28 as a list of images held by the web application. Object F29 is placed in the lower right of preview screen F01. Object F29 is an image object that is laid out on the poster in response to pressing thumbnail F28. Layer F30 represents the hierarchical level in which object F29 is included and includes thumbnail F31 and a superordinate object setting icon F32. Thumbnail F31 displays a thumbnail of the image of object F29. In response to pressing thumbnail F28, layer F30 is inserted below layer F25, which is set as a superordinate object, in area F09. This maintains a state in which no object overlaps layer F25 set for the higher-level object. In other words, the CPU 11 controls so that the target object to be operated is not allowed to overlap at least a portion of the higher-level object, and does not accept an editing operation performed on the target object that would overlap at least a portion of the higher-level object. Here, "overlapping" refers to an object being overlaid on another object. In the example of FIG. 10 , this means that, assuming that a layer is overlaid on another layer, the following state is achieved hierarchically: That is, at least a portion of the area of ​​an object included in a layer is overlaid on at least a portion of the area of ​​another object included in another layer. In a design application, when one object is included in one layer, the overlapping of multiple layers results in a single image composed of multiple objects when viewed in a planar view.10, layers F11, F18, F30, and F25 are superimposed from bottom to top, forming an image made up of objects F13, F17, F29, and F24 when viewed in a planar view. At this time, part of the area of ​​object F24 is superimposed on part of the area of ​​object F29, but this is not a problem because object F24 is set as a higher-level object.

[0023] In the above-described embodiment, whether an object is a superior object or not is automatically determined depending on the object type when the object is inserted. However, objects to be treated as superior objects may be manually set in advance. FIG. 11 is a diagram showing an example of the display of the superior object setting window F33. In FIG. 11, the superior object setting window F33 is displayed above the poster preview screen F01. The superior object setting window F33 is a setting screen that opens in response to pressing the button F10 located at the bottom right of the area F09. The superior object setting window F33 includes toggle buttons F34, F35, and F36, and priority input forms F37 and F38. The toggle buttons F34, F35, and F36 are buttons for setting whether an object is inserted as a superior object when newly inserted. In the example shown in FIG. 11, the setting for an image object corresponds to the toggle button F34, the setting for a text object corresponds to the toggle button F35, and the setting for a two-dimensional code object corresponds to the toggle button F36. In FIG. 11, text objects and two-dimensional code objects are set to be treated as superior objects when newly inserted. The priority input forms F37 and F38 are used to set the priority of higher-level objects. These forms are displayed when the toggle buttons F35 and F36 are turned on. In FIG. 11, the priority is set in the order of the 2D code object and the text object. Therefore, the 2D code object is set as the highest-level object among multiple objects. Therefore, when objects are inserted, they are inserted in the following order: 2D code, text. For example, if a text object is inserted first and then a 2D code object is inserted, the text object is inserted below the 2D code object. On the other hand, even if a 2D code object is inserted first and then a text object is inserted, the text object is inserted below the 2D code object. In this way, the higher-level object setting window F33 allows the user to set the behavior of each object when inserting a new object.

[0024] In other words, by performing the above-described settings each time a new object is inserted into a poster, it is possible to prevent an object containing important information, such as a two-dimensional code object, from being obscured by another object. This prevents an object containing important information from being obscured by another object while still maintaining the design the user envisions. In other words, unless the user intentionally changes the stacking order, any object newly placed by the user will not overlap with an important object. As a result, the present disclosure can achieve intuitive operability and prevent information loss.

[0025] (Setting process for upper object) Next, the setting process of a higher-level object will be described with reference to FIGS. 12 to 16. FIG. 12 is a flowchart illustrating the setting process of a higher-level object. FIG. 13 is a diagram showing an example of a storage management table for objects laid out on a poster. FIG. 14 is a diagram showing an example of a Web application screen in the setting operation of the higher-level object of FIG. 12. In FIG. 14, objects are hierarchically arranged in the order of two-dimensional code, image 2, image 1, and background from top to bottom, and layer F25 of the two-dimensional code hierarchy is set as the higher-level object. FIG. 15 is a diagram showing an example of the display of an error dialog box F39. FIG. 16 is a diagram showing an example in which the higher-level object setting of layer F18 has transitioned to a valid state.

[0026] The process shown in FIG. 12 is realized by the CPU 11 reading a program stored in the ROM 12 into the RAM 13 and executing it. Specifically, the process shown in FIG. 12 is realized by the CPU 11 reading and executing the client program 21. More specifically, the process shown in FIG. 12 is executed when a user presses a higher-level object setting button on any layer and specifies a higher-level object. Note that some or all of the functions of the steps in FIG. 12 may be realized by hardware such as an ASIC or electronic circuit. The symbol "S" in the description of each process indicates a step in the flowchart. Furthermore, the process shown in FIG. 12 can also be realized as a cloud computing configuration in which a single function is shared and processed collaboratively by multiple resources via the Internet, as long as it realizes the setting process of a higher-level object.

[0027] In S201, the CPU 11 determines whether or not a layer exists above (above) the target object to be operated among multiple objects. If a layer exists above (above) the target object (YES in S201), the CPU 11 advances the process of S201 to S202. If, in S202, the layer above (above) is not a higher-level object (NO in S202), the CPU 11 advances the process of S202 to S205. If, in S202, the layer above (above) is a higher-level object (YES in S202), the CPU 11 advances the process of S202 to S203. If, in S203, the higher-level object and the target object overlap (YES in S203), the CPU 11 advances the process of S203 to S204. If, in S203, the higher-level object and the target object do not overlap (NO in S203), the CPU 11 advances the process of S203 to S205. On the other hand, if there is no layer above the target object (NO in S201), the CPU 11 advances the process of S201 to S206. After the process of S204, the CPU 11 ends the process of setting the higher-level object. After the processes of S205 and S206, the CPU 11 ends the process of setting the higher-level object. Next, detailed examples will be described for each use case. Here, "above the target object" in the above means, for example, layers F30 and F25 that are higher in the hierarchy than layer F18 of the target object in the arrangement order of the target object in area F09. Furthermore, "above the target object" in the above means a layer that is set higher in the hierarchy of the object management table of FIG. 2. In either case, it is used to mean a higher layer.

[0028] (Use Case 1) For example, in FIG. 14, assume use case 1 in which object F17 is the target object to be operated, and the upper object setting icon F20 of layer F18 is pressed, causing the upper object setting to transition from an invalid state to an enabled state. The CPU 11 checks whether or not a layer exists above this target object (S201). For example, above layer F18, which is the hierarchical level of this target object, layers F30 and F25 are set. Furthermore, of layers F30 and F25, the upper object setting of layer F25 is set to an enabled state. Therefore, the CPU 11 determines YES in S202 and proceeds to S203. Next, the CPU 11 determines whether object F17, which is the target object, overlaps with object F24 in the hierarchical level of layer F25 (S203). Referring to FIG. 13, image 1 corresponding to object F17 has an X coordinate of 34 to 188 and a Y coordinate of 45 to 199. On the other hand, the two-dimensional code corresponding to object F24 has an X coordinate of 223 to 305 and a Y coordinate of 357 to 439. Therefore, the area of ​​object F17 does not overlap with the area of ​​object F24 (NO in S203). Therefore, as shown in FIG. 15, CPU 11 moves the target object to an upper layer (S205), sets the target object as a higher-level object (S206), and ends the process. In other words, in S203, as an execution condition for the non-permission control, CPU 11 performs a process of determining whether a part of the area of ​​the target object overlaps a part of the area of ​​the higher-level object. As described above, the non-permission control is a control that does not allow a target object to be operated among multiple objects to overlap at least a part of the higher-level object. Note that the method of moving the layer is not limited to the method of moving the target object to the top layer, but may be a method of moving it below an existing higher-level object.

[0029] (Use Case 2) For example, assume use case 2 in FIG. 14, where object F29 is the target object to be operated, and the upper object setting icon F32 of layer F30 is pressed, causing the upper object setting to transition from an invalid state to an enabled state. The CPU 11 checks whether or not a layer exists above this target object (S201). For example, layer F25 is set above layer F30, which is the hierarchical level of this target object. Furthermore, the upper object setting of layer F25 is set to an enabled state. Therefore, the CPU 11 determines YES in S202, and proceeds to S203. Next, the CPU 11 determines whether or not object F29, which is the target object, overlaps with object F24 in the hierarchical level of layer F25 (S203). Referring to FIG. 13, image 2 corresponding to object F29 has an X coordinate of 160 to 260 and a Y coordinate of 293 to 393. On the other hand, the two-dimensional code corresponding to object F24 has an X coordinate of 223 to 305 and a Y coordinate of 357 to 439. Therefore, the area of ​​object F29 and the area of ​​object F24 at least partially overlap (YES in S203). Therefore, as shown in FIG. 15, CPU 11 displays an error dialog box F39 indicating that the target object cannot be set as a higher-level object (S204), interrupts the higher-level object setting process, and ends the process. For example, as shown in FIG. 16, the error dialog box F39 displays an error message stating, "'Image 2' cannot be set as a higher-level object because it overlaps with 'two-dimensional code'." In other words, in S204, CPU 11 performs processing to issue a warning when an editing operation that overlaps at least a part of the higher-level object has been performed on the target object.

[0030] (Changing the stacking order) Next, the process of changing the overlapping order will be described with reference to Figs. 17 to 22. Fig. 17 is a flowchart illustrating the process of changing the overlapping order of objects. Fig. 18 is a diagram showing an example of a Web application screen in the change process of Fig. 17. In Fig. 18, objects are hierarchically arranged in the order of two-dimensional code, image 2, image 1, and background from top to bottom, and layer F25 of the two-dimensional code hierarchy is set as the upper object. Fig. 19 is a diagram showing an example of changing the overlapping order of each object. Fig. 20 is a diagram showing an example of the display of an error dialog box F40. Fig. 21 is a diagram showing an example of the display of an error dialog box F41. Fig. 22 is a diagram showing an example of changing the overlapping order of each object.

[0031] The process shown in FIG. 17 is realized by the CPU 11 reading a program stored in the ROM 12 into the RAM 13 and executing it. Specifically, the process shown in FIG. 17 is realized by the CPU 11 reading and executing the client program 21. More specifically, the process shown in FIG. 17 is executed when a user drags and drops a target object from any layer and moves it to the top of any layer. Note that some or all of the functions of the steps in FIG. 17 may be realized by hardware such as an ASIC or electronic circuit. The symbol "S" in the description of each process indicates a step in the flowchart. Furthermore, the process shown in FIG. 17 can also be realized as a cloud computing configuration in which a single function is shared and processed collaboratively by multiple resources via the Internet, as long as it realizes the process of changing the stacking order of objects.

[0032] In S301, the CPU 11 determines, based on the settings of the object placed in area F09, whether or not there is a layer with a higher-level object set below (below) the insertion position of the target object. If there is a layer with a higher-level object set below (below) the insertion position (YES in S301), the CPU 11 advances the process of S301 to S302. On the other hand, if there is no layer with a higher-level object set below (below) the insertion position (NO in S301), the CPU 11 advances the process of S301 to S303, where it changes the layer order and ends the process. In S302, the CPU 11 determines whether or not the target object and the higher-level object overlap. That is, the CPU 11 determines whether or not the target object hides the higher-level object. If the target object and the higher-level object overlap (YES in S302), the CPU 11 advances the process of S302 to S305. In S305, the CPU 11 displays a warning, and causes the process of S305 to proceed to S306. In S306, the CPU 11 determines whether or not the warning has been accepted. If the warning has been accepted (YES in S306), the CPU 11 causes the process of S306 to proceed to S307. If the warning has not been accepted (NO in S306), the CPU 11 causes the process of S306 to proceed to S308. In S307, the CPU 11 removes the upper-level object setting from the layer below (below) the insertion position, and ends the process. In S308, the CPU 11 cancels the change in the layer order, and ends the process. On the other hand, if the target object and the upper-level object do not overlap (NO in S302), the CPU 11 causes the process of S302 to proceed to S304. In S304, the CPU 11 displays a warning, changes the layer order, and ends the process. Here, "below the target object" in the above means, for example, layers F18 and F11 that are lower in the hierarchy than layer F30 of the target object in the placement order of the target object in area F09. Also, "under the target object" in the above means a layer that is set lower in the hierarchy of the object management table in Figure 2. In either case, it is used to mean a lower layer.Note that the upper object settings should not be removed during the processing of S304. Next, partial detailed examples of the change processing for each use case will be explained.

[0033] (Use Case A) For example, in FIG. 18 , consider use case A, in which object F29 included in layer F30 is the target object and layer F30 is moved above layer F25. In this use case A, moving layer F30 above layer F25 results in layer F25 existing below layer F30. Furthermore, the upper object setting for layer F25 is set to the enabled state. Therefore, the CPU 11 proceeds from S301 YES to S302. Next, the CPU 11 determines whether object F24 included in layer F25 is hidden by object F29 included in layer F30 (S302). Detailed examples of the subsequent processing in use case A will be described later as use cases D1 and D2.

[0034] (Use Case B) For example, in FIG. 18 , consider use case B, in which object F17 included in the hierarchy of layer F18 is the target object, and layer F18 is moved above layer F30. In this use case B, moving layer F18 above layer F30 results in layer F30 existing below layer F18. Furthermore, the upper object setting for layer F30 is set to a disabled state. Therefore, the CPU 11 proceeds from NO in S301 to S303. Next, the CPU 11 changes the layer order by moving layer F18 above layer F30, thereby completing the process of changing the stacking order. FIG. 19 shows an example of the state after layer F18 has been moved above layer F30.

[0035] (Use Case C) For example, in FIG. 18 , consider use case C, in which object F17 included in layer F18 is the target object and layer F18 is moved above layer F25. In use case C, moving layer F18 above layer F25 results in layer F25 existing below layer F18. Furthermore, the upper object setting for layer F25 is set to the enabled state. Therefore, the CPU 11 advances the process from YES in S301 to S302. Next, the CPU 11 determines whether object F24 included in layer F25 is hidden by object F17 included in layer F18 (S302). Because it is determined that object F24 included in layer F25 is not hidden by object F17 included in layer F18 (NO in S302), the CPU 11 advances the process from S302 to S304. In S304, the CPU 11 displays an error dialog box F40 as a warning, as shown in Figure 20, and completes the process of changing the stacking order. The error dialog box F40 displays the message, "Layer '2D Code' is set so that no objects overlap on top of it. Please note that if you move an object in layer 'Figure 1', it may overlap." Note that "Figure 1" corresponds to "Image 1." The CPU 11 does not cancel the upper object setting for layer F25.

[0036] (Use Case D1) Assume use case D1 in which object F29 is the target object, layer F30 in the hierarchy of object F29 is moved above layer F25, and the warning is accepted. It is determined that object F24, which is included in the hierarchy of layer F25, is hidden by object F29, which is included in the hierarchy of layer F30 (YES in S302). Next, as shown in FIG. 21, the CPU 11 displays an error dialog box F41 as a warning and proceeds from S305 to S306. The error dialog box F41 displays the message, "Layer '2D Code' is set so that no objects overlap above it. Do you want to change the settings of layer '2D Code' and move layer 'Figure 2'?" Note that "Figure 2" corresponds to "Image 2." The error dialog box F41 also includes buttons F42 and F43. Button F42 displays the text "Yes." Therefore, when the user presses button F42, the warning is accepted. Specifically, in response to pressing of button F42, CPU 11 determines that the user has accepted the warning (YES in S306). Subsequently, as shown in FIG. 22, CPU 11 cancels the upper object setting of layer F25 by transitioning it from an enabled state to an disabled state (S307). Through this process, CPU 11 inserts layer F30 above layer F25 and completes the process of changing the stacking order. In other words, CPU 11 displays the content of the warning on the editing screen for multiple objects and performs a process of canceling the setting of the upper object. Furthermore, the warning includes content corresponding to control that the editing operation is not permitted and content for control to cancel the setting of the upper object. Furthermore, when an operation to accept the warning is performed, CPU 11 cancels the setting of the upper object and performs a process of changing the stacking order of the upper object and the target object.

[0037] (Use Case D2) Assume use case D2 in which object F29 is the target object, layer F30 in the hierarchy of object F29 is moved above layer F25, and the warning is not accepted. Button F43 displays the text "No." Therefore, when the user presses button F43, a process of not accepting the warning is executed. Specifically, in response to the button F43 being pressed, CPU 11 determines that the user has not accepted the warning (NO in S306), cancels the insertion process of layer F30 (S308), discards the process of changing the stacking order, and returns to the original state as shown in FIG. 18. In other words, when an operation of not accepting the warning is performed, CPU 11 performs a process of canceling the operation of changing the stacking order of the higher-level object and the target object.

[0038] Furthermore, the above-described process of changing the overlapping order is performed every time the user performs an operation to change the overlapping order.

[0039] (Confirmation process before printing) The confirmation process before printing will be described with reference to Figs. 23 to 25. Fig. 23 is a flowchart explaining the confirmation process before printing a poster. Fig. 24 is a diagram showing an example of a web application screen when printing a poster. In Fig. 24, objects are arranged hierarchically from top to bottom in the order of image 1, two-dimensional code, image 2, and background, and layer F25 of the two-dimensional code hierarchy is set as the upper object. Fig. 25 is a diagram showing an example of the display of an error dialog box F44.

[0040] The process shown in FIG. 23 is realized by the CPU 11 reading a program stored in the ROM 12 into the RAM 13 and executing it. Specifically, the process shown in FIG. 23 is realized by the CPU 11 reading and executing the client program 21. More specifically, the process shown in FIG. 23 is executed when the user presses the button F05 to issue a print command. Note that some or all of the functions of the steps in FIG. 23 may be implemented by hardware such as an ASIC or electronic circuit. The symbol "S" in the description of each process indicates the step in the flowchart. Furthermore, the process shown in FIG. 23 can also be implemented as a cloud computing configuration in which a single function is shared and processed collaboratively by multiple resources via the Internet, as long as it realizes a confirmation process before printing is executed.

[0041] In S401, the CPU 11 determines whether the poster being edited by the user includes a higher-level object based on the settings of the object placed in area F09. That is, in S401, the CPU 11 determines whether there is a layer with a higher-level object set. If there is a layer with a higher-level object set (YES in S401), the CPU 11 advances the process from S401 to S402. On the other hand, if there is no layer with a higher-level object set (NO in S401), the CPU 11 advances the process from S401 to S403, executes printing in S403, and ends the process. Subsequently, in S402, the CPU 11 determines whether the higher-level object is hidden based on the fact that the poster being edited includes a higher-level object. That is, if there is an overlapping object (YES in S402), the CPU 11 advances the process from S402 to S404. On the other hand, if there are no overlapping objects (S402 NO), the CPU 11 advances the process of S402 to S403, executes printing in S403, and ends the process. Subsequently, in S404, the CPU 11 displays a warning in response to the upper object being hidden, and suspends printing. Next, a detailed example of the confirmation process before executing printing will be described.

[0042] For example, in the example of FIG. 24, the upper object setting for layer F25 is enabled (YES in S401). Therefore, the CPU 11 advances the process of S401 to S402. As shown in FIG. 24, a portion of object F17 included in the hierarchy of layer F18 overlaps a portion of object F24 (two-dimensional code object) included in the hierarchy of layer F25. Therefore, a portion of the two-dimensional code object is hidden by a portion of object F17. Therefore, the CPU 11 determines that there are overlapping objects (YES in S402) and advances the process of S402 to S404. In S404, the CPU 11 displays an error dialog box F44 as shown in FIG. 25 and aborts printing. The error dialog box F44 displays the message "An object is overlapping on top of layer 'two-dimensional code'." In other words, in response to pressing button F05, the information processing system 1 displays the error dialog box F44 in FIG. 25 to warn the user that an object overlaps a higher-level object and suspends printing. In other words, if an editing operation is performed on a target object that overlaps at least a portion of a higher-level object, the CPU 11 does not reflect the content of the editing operation in the printing operation. Specifically, if an operation is performed to instruct printing of an image including multiple objects when part of the area of ​​the target object overlaps part of the area of ​​the higher-level object, the CPU 11 issues a warning and suspends printing as a process to prevent the content of the editing operation from being reflected in the printing operation.

[0043] Furthermore, the above-described pre-print confirmation process is performed each time a print command is issued, thereby preventing objects from unintentionally overlapping with higher-level objects.

[0044] (effect) As described above, in this embodiment, when a user adds a new object to a poster, it is determined whether the poster includes a higher-level object. If a higher-level object is included, the new object is inserted below the higher-level object. This prevents the newly placed object from overlapping an important object unless the user intentionally changes the stacking order. This makes it possible to achieve intuitive operability and prevent information loss. This makes it possible to improve the usability of design applications.

[0045] Furthermore, even if the stacking order is changed, if an attempt is made to move a layer above a higher-level object (upper layer), and the higher-level object is not hidden, the moved object is allowed to be placed above the higher-level object (upper layer). Furthermore, when printing, the system checks again to make sure the higher-level object is not hidden. If the higher-level object is hidden, a warning is displayed, and the setting for the higher-level object is canceled or the change in stacking order is canceled. This prevents objects from unintentionally overlapping with higher-level objects, reducing user misprints. Therefore, the generation of paper waste can be reduced, making it possible to reduce the waste of resources.

[0046] Although the above description concerns a configuration example in which the user manually selects the insertion position of an object when a layer is moved above (in the upper layer of) a higher-level object, the method of controlling the insertion position of an object is not limited to this, and other methods may be used. For example, the configuration that displays a warning in response to an operation to change the stacking order can be replaced with a configuration that does not accept any insertion of a layer above (in the upper layer of) a higher-level object. For example, in the example of FIG. 18, when an arbitrary layer is dragged above (in the upper layer of) the higher-level object represented by F25, a message may be displayed indicating that the drop operation is not accepted. Note that the method of indicating that the change in the stacking order is not accepted is not limited to this, and any icon or pop-up may be used. Alternatively, a sound such as a beep may be used to notify the user. Alternatively, a notification that the change in the stacking order is not accepted may be displayed on the smartphone. In this case, the same effect as the above configuration can be obtained, such as preventing an object from unintentionally overlapping a higher-level object.

[0047] <Other embodiments> Although various examples and embodiments of the present disclosure have been shown and described above, the spirit and scope of the present disclosure are not limited to the specific descriptions in this specification. The present disclosure is not limited to the above-described embodiments, and various modifications may be made. In addition, the present disclosure may be realized by appropriately combining parts of the above-described embodiments.

[0048] (Variation 1) For example, although an example in which one printer 15 is provided in the information processing system 1 has been described, the present invention is not particularly limited to this. For example, multiple printers 15 may be provided in the information processing system 1, and the client terminal 10 may specify any one of the multiple printers 15 as the destination of print data. Specifically, only a specific model of printer 15 may be selectable from the web browser 18.

[0049] (Variation 2) Furthermore, for example, the printer 15 has been described as an example of a component in the information processing system 1 that can be connected to the client terminal 10 via the network 22, but the present invention is not particularly limited to this. For example, the printer 15 may be located outside the information processing system 1 via the network 22. In other words, the client terminal 10 can send print data to the printer 15 even if it is located outside the information processing system 1, and have the printer 15 perform printing.

[0050] (Variation 3) Also, for example, although an example of a configuration in which one layer corresponds to one object has been described, the present invention is not limited to this. For example, a configuration in which one layer corresponds to multiple objects may also be used. Specifically, one large layer may contain multiple small layers, and an object may correspond to each of the multiple small layers. In this case, the large layer itself may be processed as one layer.

[0051] (Variation 4) Furthermore, for example, the operation has been described in terms of a case where an operation that obscures an object containing important information with another object is not permitted and therefore cannot be performed in the first place, and a case where such an operation is permitted but a warning is displayed, but the present invention is not limited to this. For example, such an operation may be permitted on the Web application screen, but may not be reflected on the Web application 3 side. Specifically, an operation performed on the Web application screen may be returned to the Web application screen in its state before the operation after a predetermined time has elapsed.

[0052] (Variation 5) Furthermore, for example, an example configuration of the information processing system 1 in which the client terminal 10 and the server system 2 are connected via the network 22 has been described, but the present disclosure is not limited to this. For example, the processing of the present disclosure may be realized by the client terminal 10 alone. In this case, the client terminal 10 may be configured as a stand-alone terminal. In this case, the configuration of the Web application 3 may be implemented within the client terminal 10.

[0053] (Variation 6) Although the client terminal 10 is configured as a general personal computer or a smartphone in the above example, the client terminal 10 is not limited to this. The client terminal 10 may be any terminal that functions as a terminal that can connect to the server system 2 via the network 22. For example, the client terminal 10 may be a television receiver, an imaging device, a home appliance, an automobile, a smart watch, or smart glasses that can connect to the server system 2 via the network 22.

[0054] (Variation 7) Furthermore, for example, the network 22 is the Internet in the above description, but is not limited thereto. The network 22 may be a mobile communication network realized by a mobile communication system such as 5G (fifth generation mobile communication system) or 6G (sixth generation mobile communication system). Alternatively, the network 22 may be an IoT (Internet of Things) network. Alternatively, the network 22 may be a CAN (Controller Area Network).

[0055] (Variation 8) Although the above description is given of an example in which various warnings are displayed on a web application screen, the present invention is not limited to this. For example, warnings may be sent to a smartphone or a smartwatch.

[0056] Furthermore, although the preferred embodiment of the present invention has been described, it goes without saying that the present invention is not limited to this embodiment, and various modifications and changes are possible within the scope of the gist of the present invention. The various features of the above-described embodiment may be used individually or in some combinations thereof.

[0057] For example, instead of the process of displaying an error in S204 in Fig. 12, the processes of S305 to S308 in Fig. 17 may be incorporated. Alternatively, instead of the process of S305 to S308 in Fig. 17, the process of displaying an error in S204 in Fig. 12 may be incorporated.

[0058] The present invention can also be realized by supplying a program that realizes one or more functions of the above-described embodiments to a system or device via a network or a storage medium, and having one or more processors in the computer of the system or device read and execute the program. It can also be realized by a circuit (e.g., ASIC) that realizes one or more functions. The program may also be provided by recording it on a computer-readable storage medium.

[0059] The disclosure of the present embodiment includes the following applications, a control method for an information processing device, an information processing device, a Web application, and an information processing system, among other configurations.

[0060] <Configuration 1> an arrangement step of performing hierarchical arrangement in which a plurality of objects are arranged hierarchically; a setting step of setting an object to be arranged in the highest hierarchical level among the plurality of objects to be hierarchically arranged as a higher-level object; a control step of performing control to not allow a target object to be operated among the plurality of objects to overlap at least a part of the higher-level object.

[0061] <Configuration 2> The program according to configuration 1, wherein the control step includes a step of not accepting an editing operation that overlaps at least a part of the higher-level object on the target object as the non-permission control.

[0062] <Configuration 3> The program described in configuration 1, characterized in that the control step includes, as the non-permitting control, a step of not reflecting the content of the editing operation in the printing operation when an editing operation that overlaps at least a part of the higher-level object is performed on the target object.

[0063] <Configuration 4> The program according to configuration 1, wherein the control step includes a step of issuing a warning when an editing operation that overlaps at least a part of the higher-level object is performed on the target object as the unacceptable control.

[0064] <Configuration 5> The program described in configuration 4, characterized in that the control step is an operation of changing the stacking order of the higher-level object and the target object as the editing operation, and includes a step of displaying the content of the warning on an editing screen of the plurality of objects and canceling the setting of the higher-level object.

[0065] <Configuration 6> The program according to configuration 1, wherein the control step includes a step of determining whether or not a part of the area of ​​the target object overlaps a part of the area of ​​the higher-level object as a condition for executing the non-permissive control.

[0066] <Configuration 7> the warning includes a content indicating that the editing operation corresponds to the unacceptable control and a content indicating a control to cancel the setting of the higher-level object, The program described in configuration 4, wherein the control step is an operation to change the stacking order of the higher-level object and the target object as the editing operation, and when an operation to accept the warning is performed, the setting of the higher-level object is canceled and the stacking order of the higher-level object and the target object is changed.

[0067] <Configuration 8> the warning includes a content indicating that the editing operation corresponds to the unacceptable control and a content indicating a control to cancel the setting of the higher-level object, The program described in configuration 4, wherein the control step is characterized in that, when the editing operation is an operation to change the stacking order of the higher-level object and the target object and an operation that does not accept the warning is performed, the operation to change the stacking order of the higher-level object and the target object is canceled.

[0068] <Configuration 9> The program described in configuration 3 is characterized in that the control step includes a step of issuing a warning and interrupting the printing as a process that does not reflect the printing operation when an operation to instruct printing of an image including the multiple objects is performed while part of the area of ​​the target object overlaps part of the area of ​​the higher-level object.

[0069] <Configuration 10> 2. The program according to configuration 1, wherein the setting step includes a step of determining whether or not to set each of the plurality of objects as the higher-level object depending on the type of each of the plurality of objects.

[0070] <Configuration 11> The program described in configuration 1 is characterized in that the control step inserts the new object below the higher-level object when editing of one of the plurality of objects is started as a new object while the higher-level object is set.

[0071] <Configuration 12> 2. The program according to configuration 1, wherein the arranging step sets a layer including each of the objects as the hierarchical arrangement, and performs hierarchical arrangement by stacking the layers in order.

[0072] <Configuration 13> an arrangement step of performing hierarchical arrangement in which a plurality of objects are arranged hierarchically; a setting step of setting an object to be arranged in the highest hierarchical level among the plurality of objects to be hierarchically arranged as a higher-level object; a control step of performing control such that a target object to be operated among the plurality of objects is not allowed to overlap at least a part of the higher-level object.

[0073] <Configuration 14> an arrangement means for hierarchically arranging a plurality of objects; a setting means for setting an object to be placed in the highest hierarchical layer among the plurality of objects to be hierarchically placed as a higher-level object; a control means for performing control so that a target object to be operated among the plurality of objects is not allowed to overlap at least a part of the higher-level object; An information processing device comprising:

[0074] <Configuration 15> On the computer, a first display control step of displaying a web application screen based on the acquired web data; a second display control step of updating the display of the Web application screen based on the operation content of the Web application screen, The first display control step includes: an arrangement step of performing hierarchical arrangement in which a plurality of objects are arranged hierarchically; setting an object to be arranged in the highest hierarchical level among the plurality of objects to be hierarchically arranged as a higher-level object; Including, The second display control step includes: A Web application program comprising a control step for performing control that does not allow a target object to be operated among the plurality of objects to overlap at least a part of the higher-level object.

[0075] <Configuration 16> A server system that provides web data; a client terminal that displays a web application screen based on the web data; Equipped with The client terminal an arrangement means for hierarchically arranging a plurality of objects based on the operation content of the Web application screen; a setting means for setting an object that is at the highest level of overlap among the plurality of objects to be hierarchically arranged as a higher-level object; and control means for performing control so that a target object to be operated among the plurality of objects is not allowed to overlap at least a part of the higher-level object. [Explanation of symbols]

[0076] 1. Information Processing Systems 2. Server System 3. Web Applications 10 Client Terminal 18 Web Browser

Claims

1. an arrangement step of performing hierarchical arrangement in which a plurality of objects are arranged hierarchically; a setting step of setting an object to be arranged in the highest hierarchical level among the plurality of objects to be hierarchically arranged as a higher-level object; a control step of performing control such that a target object to be operated among the plurality of objects is not allowed to overlap at least a part of the higher-level object.

2. 2. The program according to claim 1, wherein the control step includes a step of not accepting an editing operation that overlaps at least a part of the higher-level object on the target object as the non-permission control.

3. The program according to claim 1, characterized in that the control step includes, as the non-permitting control, a step of not reflecting the content of an editing operation in a printing operation when an editing operation that overlaps at least a portion of the higher-level object is performed on the target object.

4. 2. The program according to claim 1, wherein the control step includes a step of issuing a warning when an editing operation that overlaps at least a part of the higher-level object is performed on the target object as the unallowable control.

5. The program according to claim 4, characterized in that the control step is an operation of changing the stacking order of the higher-level object and the target object as the editing operation, and includes a step of displaying the content of the warning on an editing screen of the plurality of objects and canceling the setting of the higher-level object.

6. 2. The program according to claim 1, wherein the control step includes a step of determining whether a part of the area of ​​the target object overlaps a part of the area of ​​the higher-level object as a condition for executing the non-permissive control.

7. the warning includes a content indicating that the editing operation corresponds to the unacceptable control and a content indicating a control to cancel the setting of the higher-level object, The program according to claim 4, characterized in that the control step is an operation of changing the stacking order of the higher-level object and the target object as the editing operation, and when an operation of accepting the warning is performed, the setting of the higher-level object is canceled and the stacking order of the higher-level object and the target object is changed.

8. the warning includes a content indicating that the editing operation corresponds to the unacceptable control and a content indicating a control to cancel the setting of the higher-level object, The program according to claim 4, wherein the control step cancels the operation of changing the stacking order of the higher-level object and the target object when the editing operation is an operation of changing the stacking order of the higher-level object and the target object and the operation of not accepting the warning is performed.

9. The program according to claim 3, characterized in that the control step includes a step of issuing a warning and interrupting the printing as a process that does not reflect the printing operation when an operation to instruct printing of an image including the multiple objects is performed while part of the area of ​​the target object overlaps part of the area of ​​the higher-level object.

10. 2. The program according to claim 1, wherein said setting step includes a step of determining whether or not to set each of said plurality of objects as said higher-level object depending on the type of each of said plurality of objects.

11. The program according to claim 1, characterized in that the control step inserts the new object below the higher-level object when editing of one of the plurality of objects is started as a new object while the higher-level object is set.

12. 2. The program according to claim 1, wherein the arranging step performs hierarchical arrangement by setting a layer including each of the objects for each of the objects and stacking the layers in order.

13. an arrangement step of performing hierarchical arrangement in which a plurality of objects are arranged hierarchically; a setting step of setting an object to be arranged in the highest hierarchical level among the plurality of objects to be hierarchically arranged as a higher-level object; a control step of performing control such that a target object to be operated among the plurality of objects is not allowed to overlap at least a part of the higher-level object.

14. an arrangement means for hierarchically arranging a plurality of objects; a setting means for setting an object to be placed in the highest hierarchical layer among the plurality of objects to be hierarchically placed as a higher-level object; a control means for performing control so that a target object to be operated among the plurality of objects is not allowed to overlap at least a part of the higher-level object; An information processing device comprising:

15. On the computer, a first display control step of displaying a web application screen based on the acquired web data; a second display control step of updating a display of the web application screen based on an operation content of the web application screen, The first display control step includes: an arrangement step of performing hierarchical arrangement in which a plurality of objects are arranged hierarchically; setting an object to be arranged in the highest hierarchical layer among the plurality of objects to be hierarchically arranged as a higher-level object; Including, The second display control step includes: A web application program comprising a control step of performing control to prevent a target object to be operated from overlapping at least a part of the higher-level object among the plurality of objects.

16. a server system that provides web data; a client terminal that displays a web application screen based on the web data; Equipped with The client terminal a hierarchical arrangement means for hierarchically arranging a plurality of objects based on the operation content of the web application screen; a setting means for setting an object that is at the highest level of overlap among the plurality of objects to be hierarchically arranged as a higher-level object; and control means for performing control to prevent a target object to be operated from overlapping at least a part of the higher-level object among the plurality of objects.

Images