KR102381236B1 - Method for prototyping graphic user interface - Google Patents

Abstract

The trigger in charge of the state and the response applied to the layer are organically combined through the application timeline, so that multiple input signals can be processed in parallel, and the operation timing of the response A prototyping method that can intuitively and precisely adjust the
According to an embodiment, the prototyping terminal, the prototyping terminal, receiving a selection of a first trigger through the prototyping interface, the prototyping terminal, through the prototyping interface receiving a selection of a 1-1 response included in the received first trigger, and receiving, by the prototyping terminal, an application section of the selected 1-1 response through the prototyping interface A prototyping method is provided.

Description

How to build a prototype {METHOD FOR PROTOTYPING GRAPHIC USER INTERFACE}

The present invention relates to a method for making a prototype. In more detail, the trigger in charge of the state and the response applied to the layer are organically combined through the application timeline so that multiple input signals can be processed in parallel, It is about a prototype production method that can intuitively and precisely adjust the response timing.

Recently, application creators installed on smart devices are putting much effort into graphic user interface (GUI) design to increase user convenience and intuition. We are testing convenience and intuition by making a prototype.

In the conventional prototyping, the designer creates a graphic user interface design in a document such as PowerPoint, and explains it to the programmer, and the programmer creates a prototype by actually implementing the graphic user interface design that he understands. However, in this process, there was a problem that the designer's thoughts were not accurately transmitted to the programmer, and since the programmer also implements the design of the graphic user interface based on his or her own understanding, the final prototype produced is different from the designer's thinking It was often the case that work had to be done.

A prototyping tool is used to solve the problems of the conventional prototyping method. The prototyping tool is a program tool that can create prototypes without the programmers sharing roles because various responses applied to graphic user interface design are preset. Designers who are not familiar with programming or general users only know how to use If you do, you can create a prototype quickly and easily.

These prototyping tools have a state method and an application period (Timeline) method, and each has individual advantages/disadvantages. Specifically, the state method has an advantage in that it can receive and process a plurality of user inputs at the same time, but has a disadvantage in that it is not possible to precisely adjust a response that is switched in the middle when a plurality of states are switched. On the other hand, the application section method has the advantage of being able to precisely adjust the response that is switched in the middle when a plurality of states are switched, but has a disadvantage in that it cannot receive and process a plurality of user inputs at the same time. Therefore, the disadvantages of the state method and the application section method, which are the inability to precisely adjust the response that is switched in the middle when a plurality of states are switched, and the fact that it cannot receive and process multiple user inputs at the same time, which are disadvantages of the conventional prototyping tool, Problem solving is urgently required.

Republic of Korea Patent Publication No. 10-2013-0077730 (2013.07.09)

The technical problem to be solved by the present invention is to provide a method for easily grasping organic changes between responses by finely adjusting responses that are switched in the middle when a plurality of states are switched.

Another technical problem to be solved by the present invention is to provide a method for intuitively and precisely adjusting the operation timing of responses by receiving a plurality of user inputs at the same time and processing them in parallel.

The technical problems of the present invention are not limited to the technical problems mentioned above, and other technical problems not mentioned will be clearly understood by those skilled in the art from the following description.

A prototype production method according to an embodiment of the present invention for achieving the above technical problem includes the steps of receiving a selection of a first trigger, which is a condition in which a prototype execution terminal outputs a specific response, through a prototype production interface; Through the prototyping interface, a 1-1 response of the first trigger is selected through the prototyping interface, wherein the 1-1 response is an output driven by the prototype execution terminal when a trigger occurs. and receiving the application period of the 1-1 response and displaying the application period of the first trigger, the 1-1 response, and the 1-1 response adjacent to each other through the prototyping interface.

According to an embodiment, the receiving of the application period of the 1-1 response may include receiving input of a start point and an end point of the 1-1 response to be applied to the first layer.

According to an embodiment, after receiving the application period of the 1-1 response, receiving a selection of the 1-2 response of the first trigger and receiving the application period of the 1-2 response The method further includes, wherein the displaying includes displaying the application period of the first trigger, the 1-1 response, the 1-2 response, the application period of the 1-1 response, and the application period of the 1-2 response adjacent to each other. may include steps.

According to an embodiment, the displaying adjacently may include disposing a 1-1 response and a 1-2 response adjacent to the first trigger, and adjacent to the 1-1 response and 1-2 response. Thus, the time table for inputting the application period of the 1-1 response and the application period of the 1-2 response may be arranged.

According to an embodiment, the application period of the 1-1 response and the application period of the 1-2 response may partially or fully overlap, so that the 1-1 response and the 1-2 response may be processed in parallel.

According to an embodiment, after receiving the application period of the 1-1 response, the method may further include receiving a selection of a second trigger.

According to an embodiment, after receiving the selection of the second trigger, the method further includes receiving a selection of a 2-1 response of the second trigger and receiving an application period of the 2-1 response, The displaying may include adjacently displaying the application period of the first trigger, the 1-1 response, the second trigger, the 2-1 response, the 1-1 response, and the application period of the 2-1 response. may include

According to an embodiment, when the application period of the 1-1 response and the 2-1 response implemented from a time point when the first trigger and the second trigger are input to the prototype execution terminal partially or entirely overlap, The 1-1 response and the 2-1 response may be processed in parallel.

According to an embodiment, after receiving the application period of the 1-1 response, the method may further include receiving a specific timing and determining whether the 1-1 response matches the specific timing. there is.

According to an embodiment, if it is determined as a result of the determination that the 1-1 response matches the received specific timing, after determining whether the 1-1 response matches the specific timing, the first trigger, the 1-1 response, and the second The method may further include highlighting and displaying the application period of the 1-1 response in an adjacent manner.

According to an embodiment, after receiving the application period of the 1-1 response, the method may further include receiving an OFF command of the first trigger and turning off the 1-1 response. .

Prototyping manufacturing method according to another embodiment of the present invention comprises the steps of receiving a selection of a first trigger that is a condition for outputting a specific response by a prototype execution terminal through a prototyping interface in combination with a computing device; Receive a selection of a 1-1 response of the first trigger through a prototyping interface, wherein the 1-1 response is an output driven by the prototype execution terminal when a trigger occurs, the step, through the prototyping interface In order to perform the steps of receiving an input of the application period of the 1-1 response and displaying the application period of the first trigger, the 1-1 response, and the 1-1 response adjacent to each other through the prototyping interface, It can be implemented as a computer program stored in a medium.

According to the present invention as described above, there is an effect that organic changes between responses can be easily grasped by finely adjusting responses that are switched in the middle when a plurality of states are switched.

In addition, there is an effect of intuitively and precisely adjusting the operation timing of responses by receiving a plurality of user inputs at the same time and processing them in parallel.

The effects of the present invention are not limited to the above-mentioned effects, and various effects may be included within the range apparent to those skilled in the art from the following description.

1 is a diagram illustrating a prototype production system capable of executing a prototype production method according to an embodiment of the present invention.
2 is a diagram illustrating a flowchart of a method for manufacturing a prototype according to an embodiment of the present invention.
3 is a diagram illustrating a state in which a first layer is selected.
4 is a diagram illustrating a state in which a trigger is selected.
5 to 8 are diagrams illustrating a state in which an application section of a response is input through an input means.
9 is a diagram illustrating a flowchart of a method for manufacturing a prototype according to another embodiment of the present invention, and specifically relates to a case in which a plurality of responses included in the first trigger are selected.
10 is a diagram illustrating a state in which a 1-2 response is selected.
11 is a diagram illustrating a flowchart of a method for manufacturing a prototype according to another embodiment of the present invention, and specifically relates to a case in which a plurality of triggers are selected.
12 is a diagram illustrating a state in which a second trigger and a 2-1 response are selected.
13 is a diagram illustrating a flowchart of a method for manufacturing a prototype according to another embodiment of the present invention, and specifically relates to a case in which a response matching a specific timing is output.
14 is a diagram illustrating a state in which responses matching a specific timing are output.
15 is a diagram illustrating a changed layout of a prototype production interface.

Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. Advantages and features of the present invention, and a method for achieving them will become apparent with reference to the embodiments described below in detail in conjunction with the accompanying drawings. However, the present invention is not limited to the embodiments published below, but may be implemented in various different forms, and only these embodiments allow the publication of the present invention to be complete, and common knowledge in the technical field to which the present invention pertains It is provided to fully inform the possessor of the scope of the invention, and the present invention is only defined by the scope of the claims. Like reference numerals refer to like elements throughout.

Unless otherwise defined, all terms (including technical and scientific terms) used herein may be used with the meaning commonly understood by those of ordinary skill in the art to which the present invention belongs. In addition, terms defined in a commonly used dictionary are not to be interpreted ideally or excessively unless clearly defined in particular. The terminology used herein is for the purpose of describing the embodiments and is not intended to limit the present invention. In this specification, the singular also includes the plural unless specifically stated otherwise in the phrase.

Meanwhile, in the present specification, a layer refers to a specific area of an object that can be visually output, such as an image or an image to which a trigger and a response included therein are applied. For example, based on one image, the upper part may be partitioned as the upper layer, the middle part as the middle layer, and the lower part as the lower layer, and in addition, a specific area to be partitioned by the user may be partitioned into layers.

In addition, in the present specification, a trigger means a condition in which the prototype execution terminal 20 outputs a specific response. For example, the trigger may include all of a touch input input by a user to the execution terminal, information received through a sensor, and the like, specific state information of the execution terminal, and the like.

In addition, in the present specification, the response means all types of outputs driven by the prototype execution terminal 20 when a trigger occurs. For example, the response may include all object changes (rotation, movement, transparency), sound output, vibration, and the like on the display of the execution terminal.

Hereinafter, with reference to FIG. 1 , a prototype production system 100 capable of executing a prototype production method according to an embodiment of the present invention will be described first. The prototype production system 100 according to the present embodiment may include a prototype production terminal 10 and a prototype execution terminal 20 , and may further include a separate server 30 .

The prototype production terminal 10 and the prototype execution terminal 20 are computing devices that can be connected to each other through a network. Here, the network includes both wired and wireless networks such as wired LAN, WIFI, BLUETOOTH, Zigbee, etc., and the computing device may include all devices such as desktops, laptops, smartphones, PDAs, and tablet PCs with network functions. there is.

Meanwhile, the prototyping terminal 10 stores a prototyping tool capable of executing the prototyping method according to an embodiment of the present invention. Here, the prototyping tool can be viewed as a kind of software, and corresponds to an authoring tool that supports the user's prototyping activity. When the user executes the prototyping tool through the prototyping terminal 10, the prototyping interface 40 is executed, a prototype is generated through a predetermined input, and the generated prototype is the prototype execution terminal 20 can be executed in That is, the prototype production terminal 10 is a terminal that generates a prototype through the prototype production interface, and the prototype execution terminal 20 can be viewed as a terminal that executes the generated prototype.

In addition, the prototype production terminal 10 may upload the generated prototype to the server 30 to which the prototype execution terminal 20 can access and download the prototype, where the server 30 is prototyping It may be an independent server operated by the creator of the tool or a cloud server operated by a third party.

On the other hand, the server 30 is provided with an independent storage space for each user's prototype execution terminal 20, the generated prototype can be accumulated and stored, and the prototype execution terminal 20 downloads the uploaded prototype. Upon receipt, the generated prototype can be distributed naturally.

Hereinafter, a prototype manufacturing method according to an embodiment of the present invention will be described with reference to FIGS. 2 to 8 based on the configuration of the prototype manufacturing system 100 described above.

2 is a view showing a flowchart of a prototype manufacturing method according to an embodiment of the present invention. However, this is only a preferred embodiment for achieving the object of the present invention, and it goes without saying that some steps may be added or deleted as needed.

First, the prototyping terminal 10 receives a selection of the first layer 50 to which a response is to be applied through the prototyping interface 40 ( S210 ). Here, the first layer 50 may be an image or a specific region of an image to which the user wants to apply a response.

The prototyping interface 40 may automatically partition the first to Nth layers (where N is a positive integer) with respect to the image or video input by the user, and the user selects any one of the partitioned layers as the first Layer 50 can be selected. Referring to FIG. 3 , it can be seen that “page_area” is selected on a bar on the left side of the screen and a corresponding area is indicated by a thick line, and the selected “page area” can be viewed as the first layer 50 . .

Meanwhile, the prototyping interface 40 may automatically partition the first to N-th layers, but the partitioned layers may not conform to the user's intention. For example, this is the case in which it is desired to reduce the area of the upper layer partitioned by the prototyping interface 40 or increase the area of the middle layer. In this case, the user can divide the layers by himself. For example, by dragging a specific area of the image through an input means such as a mouse, he can input it as a desired layer, and the input layer will become the first layer 50 . can In addition, a unique name for the first layer 50 input by the user through the prototyping interface may also be input.

If the first layer 50 has been selected, the prototyping terminal 10 receives the selection of the first trigger 60, which is a condition for the prototyping execution terminal to output a specific response through the prototyping interface 40 ( S220). The prototyping interface 40 has a plurality of predefined triggers. Referring to FIG. 4 , triggers such as “Tap”, “Scroll”, “Page”, and “Chain” are displayed on the right side of the screen. You can see what is displayed, and the trigger is an indicator that indicates the state method. Accordingly, there is an effect that a plurality of user inputs, which is an advantage of the state method, can be simultaneously received and processed through a trigger.

Meanwhile, as for the selected trigger, responses included in the trigger are vertically listed at the bottom. Referring to FIG. 4 , it can be confirmed that the “Tap” trigger is selected. In this case, the “Tap” trigger may be viewed as the first trigger 60 .

If the first trigger 60 is selected, the prototyping terminal 10 receives the selection of the 1-1 response 61 included in the first trigger 60 through the prototyping interface 40 (S230) ). Here, the 1-1 response is an output driven by the prototype execution terminal 20 when a trigger occurs, and the prototype production interface 40 is provided with a plurality of pre-defined responses like the trigger, as shown in FIG. Referring to it, it can be seen that responses such as “3D Rotate”, “Move”, and “Opacity” are displayed at the bottom of the Tap trigger on the right side of the screen, and the response is also an indicator of the state method like the trigger. Accordingly, there is an effect of simultaneously receiving and processing a plurality of user inputs, which is an advantage of the state method, through a response.

Meanwhile, in FIG. 4, the response is "3D Rotate" - "Move" - "Move" - "Opacity" - "Move" - "Move" - "Move" - "Move" - "Opacity" - "Opacity" - It can be seen that they are listed in the order of “Opacity”, which corresponds to a response that the user wants to apply to the first layer 50 , and any one of them can be viewed as the 1-1 response 61 . . Specifically, the 1-1 response 61 refers to a response to which an application section of a response to be described later is input.

If the 1-1 response 61 is selected, the prototyping terminal 10 receives an application section of the 1-1 response 61 through the prototyping interface 40 (S240). The prototyping interface 40 has a pre-defined time table on the side of each response. Referring to FIG. 4, the time table from 0.0 to 0.7 in units (sec) from 0.0 to 0.1 is displayed on the right side of the response on the right side of the screen. You can check what is displayed. Here, 0.7 is only a limit point displayed on the screen at once, and it goes without saying that the time after 0.7 to the right is displayed in 0.1 units (sec). By such an application period input, the prototype manufacturing method according to an embodiment of the present invention may correspond to the application period (Timeline) method, and therefore, when a plurality of states, which are advantages of the application period (Timeline) method, are switched It has the effect of being able to fine-tune the converted response.

Meanwhile, the input of the application section of the 1-1 response 61 may be made in the form of receiving a start point and an end point. For example, as shown in FIGS. 5 and 6, an application section can be input by clicking the starting point through an input means such as a mouse (FIG. 5), and dragging it to the ending point in a clicked state (FIG. 6). there is. Alternatively, as shown in FIGS. 7 and 8 , the application section may be input by clicking the starting point through an input means such as a mouse ( FIG. 7 ) and clicking the ending point without dragging ( FIG. 8 ). 5 to 8, it can be seen that the "3D Rotate" response of the "Tap" trigger is applied from 0.0 to 0.2, which is the starting point, and in this case, "3D Rotate" can be viewed as the 1-1 response 61 there is.

If the input is received until the application period of the 1-1 response 61, the prototyping terminal 10 is the first trigger 60, the 1-1 response 61 and the first through the prototyping interface 40 The application period of the 1-1 response is displayed adjacently (S250). Here, there may be various embodiments of adjacent display, but specifically, a time table for inputting the application period of the first trigger 60, the 1-1 response 61, and the 1-1 response is arranged nearby. This allows the user to grasp the state and the application period (Timeline) at a glance. For example, as shown in FIG. 4 , the 1-1 response 61 is disposed at the lower end of the first trigger 60 , and the 1-1 response 61 is located on the right side of the 1-1 response 61 . ), it is possible to arrange a time table that can input the application section. Here, disposing the time table on the right side of the 1-1 response 61 is only one embodiment, and the time table may also be arranged on the left side, and the 1-1 response 61 is also the first trigger 60 It can be placed not only at the bottom of the , but also in a pop-up format.

On the other hand, if the application period of the 1-1 response 61 is input separately from the display, the prototype production terminal 10 applies the application period to the first layer 50 through the prototype production interface 40 . A prototype is generated by applying the received 1-1 response 61 (S260), and the prototype production terminal 10 transmits the generated prototype to the execution terminal 20 (S265). In this case, the user can check the operation of the prototype generated through the execution terminal 20, it can also be confirmed through the prototype production terminal (10).

On the other hand, the prototype production terminal 10 may transmit and upload the generated prototype to the server 30 instead of the execution terminal 20 (S268), in this case, the user through the execution terminal 20 It is possible to check the operation by accessing the server 30 and downloading the generated prototype.

The prototyping method according to an embodiment of the present invention described so far is a prototyping method by applying one 1-1 response 61 included in one first trigger 60 to one first layer 50 . It was based on creating a type. However, since it may occur that one prototype production terminal 10 receives a plurality of responses included in the first trigger 60 through the prototype production interface 40 or receives a selection of a plurality of triggers, it will be described below. to explain about it.

9 is a diagram illustrating a flowchart of a method for manufacturing a prototype according to another embodiment of the present invention, and specifically relates to a case in which a plurality of responses included in the first trigger 60 are selected. However, this is only a preferred embodiment for achieving the object of the present invention, and it goes without saying that some steps may be added or deleted as needed.

First, steps S210 to S240 described above are the same. That is, after the first layer 50 is selected and the first trigger 60 and the 1-1 response 61 are sequentially selected, the application period of the 1-1 response 61 is received.

Meanwhile, in the description of step S220 , as the selected trigger, responses included in the trigger are listed in the vertical direction, so the response to be additionally applied will be referred to as the 1-2 response 62 . That is, this embodiment corresponds to an embodiment in which the 1-1 response 61 and the 1-2 response 62 included in the first trigger 60 are applied to the first layer 50 .

If the input section of the 1-1 response 61 is received, the prototyping terminal 10 sends the 1-2 response 62 included in the first trigger 60 through the prototyping interface 40 . is selected (S270). Here, the selection of the 1-2 response 62 is the same as the selection of the 1-1 response 61 described above, and thus a detailed description will be omitted to prevent duplicate description.

If the 1-2 response 62 has been selected, the prototyping terminal 10 receives the application section of the 1-2 response 62 through the prototyping interface 40 (S280). Here, since the input of the application period of the 1-2 response 62 is the same as the case of receiving the application period of the 1-1 response 61 described above, detailed description will be omitted to prevent duplicate description.

Referring to FIG. 10 , it can be seen that the application section is input to the “Move” response. In this case, the “Move” response can be viewed as the 1-2 response 62 .

If the input is received up to the application period of the 1-2 response (62), the prototyping terminal 10 is the first trigger 60, the 1-1 response (61), the first through the prototyping interface (40) The 1-2 response 62, the application period of the 1-1 response, and the application period of the 1-2 response are displayed adjacently (S290). Here, the adjacent display is also the same as the case of adjacently displaying the application sections of the first trigger 60, the 1-1 response 61 and the 1-1 response described above, so a detailed description is provided to prevent duplicate description. is omitted, but the 1-1 response 61 and the 1-2 response 62 are arranged at the lower end of the first trigger 60, and the 1-1 response 61 and the 1-2 response ( 62), disposing a time table for inputting the application period of the 1-1 response 61 and the application period of the 1-2 th response 62 may be arranged as an embodiment.

On the other hand, if the application period of the 1-2 response 62 is received separately from the display, the prototyping terminal 10 applies the application period to the first layer 50 through the prototyping interface 40 A prototype is generated by applying the received 1-1 response 61 and 1-2 response 62 ( S300 ), and the prototype production terminal 10 uses the generated prototype as an execution terminal 20 . transmit (S305). In this case, the user can check the operation of the prototype generated through the execution terminal 20, it can also be confirmed through the prototype production terminal (10). Here, the generation and transmission of the prototype are the same as in the case of the 1-1 response 61, and thus a detailed description will be omitted to prevent duplicate description.

In steps S270 to S305, it can be seen that the same steps as in the case of the 1-1 response 61 are performed except that the 1-2 response 62 is added. However, referring to FIG. 8 , a singularity can be confirmed, which is that the application period of the 1-1 response 61 and the application period of the 1-2 response 62 are the same. This means that the 1-1 response 61 and the 1-2 response 62 are applied to the first layer 50 at the same time, and consequently the 1-1 response 61 and the 1-2 response Effects according to the response 62 are simultaneously implemented. That is, in the case of FIG. 10 , when the user “taps” the prototype execution terminal 20, the first layer 50 is “3D rotated” and “moved” at the same time for the same time. This occurs because the application sections of the 1-1 response 61 and the 1-2 response 62 exactly overlap. For example, if the application period of the 1-2 response 62 is 0.1 to 0.3, "3D Rotate" is implemented first, then is implemented simultaneously with "Move" from 0.1, and "3D Rotate" is terminated at 0.2 , "Move" will be implemented up to 0.3. However, if there is no overlapping section, the 1-2 response 62 will be implemented after the 1-1 response 61 ends. That is, the application period of the 1-1 response 61 and the application period of the 1-2 response 62 may partially or entirely overlap, or may not overlap at all. In addition, since the application period of the 1-1 response 61 and the application period of the 1-2 response 62 may partially or completely overlap, the response that is switched in the middle when a plurality of states is switched can be precisely adjusted. there is an effect

Now, a case in which a plurality of triggers are selected will be described. 11 is a diagram illustrating a flowchart of a method for manufacturing a prototype according to another embodiment of the present invention, and specifically relates to a case in which a plurality of triggers are selected. However, this is only a preferred embodiment for achieving the object of the present invention, and it goes without saying that some steps may be added or deleted as needed.

First, steps S210 to S240 described above are the same. That is, after the first layer 50 is selected and the first trigger 60 and the 1-1 response 61 are sequentially selected, the application period of the 1-1 response 61 is received.

On the other hand, since the trigger means a condition in which the prototype execution terminal 20 outputs a specific response, a plurality of triggers are predefined in the prototype production interface 40, and a trigger to be additionally selected is selected as the second trigger 70 ) will be That is, in the present embodiment, the 1-1 response 61 included in the first trigger 60 and the 2-1 response 71 included in the second trigger 70 are applied to the first layer 50 . It corresponds to an embodiment in which

If the input section of the 1-1 response 61 is received, the prototyping terminal 10 receives the selection of the second trigger 70 through the prototyping interface 40 (S270'). Here, the selection of the second trigger 70 is the same as the case of selection of the first trigger 60 described above, and thus a detailed description thereof will be omitted to prevent duplicate description.

If the second trigger 70 is selected, the prototyping terminal 10 receives the selection of the 2-1 response 71 included in the second trigger 70 through the prototyping interface 40 (S280) '), the application period of the 2-1 response 71 is input (S290'). Here, receiving the selection and application period of the 2-1 response 71 is also the same as the case of receiving the selection and application period of the 1-1 response 61 described above. to be omitted.

Referring to FIG. 12 , it can be seen that the application section is input to the “Move” response included in the “Double Tap” trigger. In this case, the “Double Tap” trigger is the second trigger 70, and the “Move” "The response can be viewed as the 2-1 response 71.

If the input is received until the application period of the 2-1 response 71, the prototyping terminal 10 is the first trigger 60, the 1-1 response 61, the first trigger 60 through the prototyping interface 40 The second trigger 70, the 2-1 response 71, the application period of the 1-1 response, and the application period of the 2-1 response are displayed adjacently (S300'). Here, the adjacent display is also the same as the case of adjacently displaying the application sections of the first trigger 60, the 1-1 response 61 and the 1-1 response described above, so a detailed description is provided to prevent duplicate description. should be omitted.

On the other hand, apart from displaying, if the application period of the 2-1 response 71 is received, the prototyping terminal 10 applies the application period to the first layer 50 through the prototyping interface 40 . A prototype is generated by applying the 1-1 response 61 and the 2-1 response 71 receiving the input (S310'), and the prototype production terminal 10 executes the generated prototype by the execution terminal 20 ) to (S315'). In this case, the user can check the operation of the prototype generated through the execution terminal 20, it can also be confirmed through the prototype production terminal (10). Here, the generation and transmission of the prototype are the same as in the case of the 1-1 response 61, and thus a detailed description will be omitted to prevent duplicate description.

The steps S270' to S315' have the same steps as in the case of the first trigger 60 and the 1-1 response 61 except that the second trigger 70 and the 2-1 response 71 are added. You can check what is being done. However, referring to FIG. 12 , a singularity can be confirmed, which is that the application period of the 1-1 response 61 and the application period of the 2-1 response 71 are the same. This means that the 1-1 response 61 and the 2-1 response 71 are applied at the same starting time to the first layer 50 according to the input of the first trigger 60 and the second trigger 70 . In other words, any one of the effects according to the 1-1 response 61 and the 2-1 response 71 is implemented according to an input trigger. That is, in the case of FIG. 12 , when the user "Taps" the prototype execution terminal 20, the first layer 50 is immediately "3D Rotate", and when "Double Tap" is performed, the first layer 50 is immediately "Move". This occurs because the start point of the application period of the 1-1 response 61 and the 2-1 response 71 is immediately (0.0) from the trigger input. Otherwise, it may be implemented with a time difference. For example, if the application period of the 1-1 response 61 is 0.0 to 0.3 and the application period of the 2-1 response 71 is 0.1 to 0.3, the prototype execution terminal 20 is "Tap "In one case, "3D Rotate" is directly implemented up to 0.3, and when the prototype execution terminal 20 is "Double Tap" at 0.1 point, "Move" is implemented from 0.2 to 0.4. That is, in 0.2 to 0.3, “3D Rotate” and “Move” are simultaneously implemented. That is, the application period of the 1-1 response 61 and the 2-1 response 71 implemented from the point in time when the first trigger 60 and the second trigger 70 are input to the prototype execution terminal 20 . In this overlapping case, the 1-1 response 61 and the 2-1 response 71 can be processed in parallel, and simply the application section of the 1-1 response 61 and the 2-1 response 71 is Just overlapping doesn't mean parallel processing. This is due to the dependency being implemented only when the response triggers.

Meanwhile, in the case of the second trigger 70 and the 2-1 response 71 described above, the first trigger 60 includes the 1-1 response 61 and the 1-2 response 62 . case is different. When the first trigger 60 includes the 1-1 response 61 and the 1-2 response 62 , the 1-1 response 61 and the 1-2 response 62 are the first triggers. Because it is dependent on (60), as long as the first trigger 60 is input to the prototype execution terminal 20, the 1-1 response 61 and the 1-2 response 62 are implemented. However, in the case of the second trigger 70, since it is independent of the first trigger 60, the second trigger ( If 70) is not input to the prototype execution terminal 20, the 2-1 response 71 is not implemented. This occurs because the triggers included in each response are independent of each other.

On the other hand, this embodiment describes a case in which the 2-1 response 71 included in the second trigger 70 is selected, and the second trigger 70 also has a plurality of the same as the first trigger 60 . may include a response of , and the 2-2 response 72 may be additionally selected as in the case of FIG. 9 . Here, receiving the selection and application period of the 2-2 response 72 is also the same as the case of receiving the selection and application period of the 1-2 response 62 described above. to be omitted.

So far, a prototype manufacturing method according to various embodiments of the present invention has been described. Specifically, when only one response included in one trigger is selected, when a plurality of responses included in one trigger are selected, when only one response included in a plurality of triggers is selected, and included in a plurality of triggers This is the case in which multiple responses are selected. In particular, since a plurality of triggers and a plurality of responses can be selected, there is an effect of parallel processing of multiple input signals.

In the following description, a prototype production method according to an embodiment of the present invention, and more specifically, a UI (User Interface) aspect of a prototype production interface will be described.

13 is a diagram illustrating a flowchart of a method for manufacturing a prototype according to another embodiment of the present invention, and specifically relates to a case in which a response matching a specific timing is output. However, this is only a preferred embodiment for achieving the object of the present invention, and it goes without saying that some steps may be added or deleted as needed.

First, steps S210 to S240 described above are the same. That is, after the first layer 50 is selected and the first trigger 60 and the 1-1 response 61 are sequentially selected, the application period of the 1-1 response 61 is received.

If the application period of the 1-1 response is received, the prototype production terminal 10 receives a specific timing input through the prototype production interface 40 (S250''). Here, the specific timing may be any one point in the time table.

If a specific timing is input, the prototyping terminal 10 determines whether the 1-1 response 61 meets the specific timing through the prototyping interface 40 (S260''), and the determination result, the second If the 1-1 response 61 matches a specific timing, the prototyping terminal 10 selects the first trigger 60, the 1-1 response 61 and the second The application section of the 1-1 response 61 is highlighted and displayed adjacently (S265''). However, if the judgment result does not match, nothing is displayed.

Referring to FIG. 14 , it can be seen that “3D ROTATE” and “MOVE” responses corresponding to a specific timing of 0.2 are highlighted and displayed, and the remaining responses are processed and displayed transparently. Meanwhile, the prototyping interface 40 may not display responses that do not match a specific timing at all. In this case, only responses matching a specific timing may be implemented in the prototype execution terminal 20 . In this way, the response matching the specific timing, the application period, and the trigger are displayed, so the user can use it as a reference for inputting the application period of the response, and as a result, the design of the prototype can be simplified.

In addition, a specific timing may be shifted to the right on the time table by receiving a reproduction command for a specific timing. In this case, responses that match in chronological order as the specific timing is moved may be highlighted and displayed. For example, if the specific timing is 0.0, the application period of the 1-1 response 61 is 0.1 to 0.3, and the application period of the 1-2 response 62 is 0.4 to 0.5, the specific timing is Moving to the right, the application section of the 1-1 response 61 and the 1-1 response 61 is 0.1 to 0.3, and the 1-2 response 62 and the 1-2 response 62 are 0.4 to 0.5. ) can be displayed by highlighting the application section. In this case, in 0.4 to 0.5, the application section of the 1-1 response 61 and the 1-1 response 61 is transparent, or the 1-2 response 62 and the 1-2 response 62 are transparent. A highlight display different from the applied section may be displayed.

On the other hand, if the application section of the 1-1 response 61 is received, the prototype production terminal 10 receives the OFF command of the first trigger 60 through the prototype production interface 40 (S255') ), the 1-1 response 61 may be turned OFF (S258'). Since the response is dependent on the trigger, when the trigger is turned off, the response included in it is also turned off, and only a specific response can be turned off separately.

The above-described trigger, response, and output of the application period of the response, and output, trigger and response OFF by determining whether a specific timing is matched, have all been described with reference to the first layer 50, but a prototype according to an embodiment of the present invention Since the manufacturing method may be applied to a plurality of layers, this is also the case. For example, responses output according to a specific timing may be responses applied to different layers, and two or more of a trigger applied to a specific layer, a response, and an application period of the response may be simultaneously output.

Meanwhile, as an additional function of the prototyping interface 40 , it is possible to change the layout. Specifically, as shown in FIG. 15 , the trigger and the time table on the right side of the screen may be moved to the bottom of the screen. This is a layout in which the time table is emphasized, and can be used when a longer application period is required.

The prototyping methods according to various embodiments of the present invention described so far with reference to the accompanying drawings may be implemented as computer-readable codes in combination with a computing device and implemented as a computer program stored in a medium. Here, the computing device may include all devices having a network function, such as a desktop, a laptop computer, a smart phone, a PDA, and a tablet PC.

Meanwhile, although not described in detail to prevent duplicate description, the technical features of the method for manufacturing a prototype according to an embodiment of the present invention may be applied to all computer programs stored in the medium.

Although embodiments of the present invention have been described above with reference to the accompanying drawings, those of ordinary skill in the art to which the present invention pertains can realize that the present invention can be embodied in other specific forms without changing the technical spirit or essential features. you will be able to understand Therefore, it should be understood that the embodiments described above are illustrative in all respects and not restrictive.

100: prototyping system
10: Prototyping terminal
20: prototype execution terminal
30: server
40: Prototyping Interface
50: first layer
60: first trigger
61: 1-1 response 62: 1-2 response
70: second trigger
71: 2-1 response 72: 2-2 response

Claims (12)

A method of producing an application prototype through a prototyping terminal, comprising:
receiving a selection of a first layer included in the application prototype;
receiving a selection of a first trigger that is a condition for outputting a response to the first layer;
receiving a selection of a 1-1 response of the first trigger, wherein the 1-1 response is an output for driving the first layer when a prototype execution terminal detects the occurrence of the first trigger;
receiving an application period of the 1-1 response;
receiving a selection of a second trigger that is a condition for outputting a response to the first layer, wherein the second trigger is different from the first trigger;
receiving a selection of a 2-1 response of the second trigger, wherein the 2-1 response is an output for driving the first layer when the prototype execution terminal detects the occurrence of the second trigger;
receiving an application period of the 2-1 response; and
The application period of the first trigger, the 1-1 response, and the 1-1 response are displayed adjacent to each other and simultaneously displayed on one screen, and the application period of the second trigger, the 2-1 response, and the 2-1 response Containing the steps of simultaneously displaying on one screen adjacent to each other,
The first trigger and the second trigger are input of the user of the application prototype to the prototype execution terminal,
How to build a prototype. According to claim 1,
The step of receiving the application section of the 1-1 response comprises:
receiving a start point and an end point of the 1-1 response;
A method of prototyping, including According to claim 1,
After the step of receiving the application section of the 1-1 response,
receiving a selection of a 1-2 response of the first trigger; and
receiving an application period of the 1-2 response;
further comprising,
The displaying step is
adjacently displaying the application period of the first trigger, the 1-1 response, the 1-2 response, the 1-1 response, and the application period of the 1-2 response;
containing,
How to build a prototype. According to claim 1,
When the application period of the 1-1 response and the 2-1 response implemented from the point in time when the first trigger and the second trigger are input to the prototype execution terminal partially or entirely overlap,
The 1-1 response and the 2-1 response can be processed in parallel,
How to build a prototype. According to claim 1,
After the step of receiving the application section of the 1-1 response,
receiving an OFF command of the first trigger; and
turning off the 1-1 response;
further comprising,
How to build a prototype. According to claim 1,
The step of receiving the application section of the 1-1 response comprises:
receiving a starting point of the 1-1 response;
receiving an end point of the 1-1 response successively to the input of the start point of the 1-1 response; and
setting an application period of the 1-1 response based on a start point of the 1-1 response and an end point of the 1-1 response in response to an input for an end point of the 1-1 response containing,
How to build a prototype. 7. The method of claim 6,
The step of receiving an end point of the 1-1 response successively to the input of the start point of the 1-1 response comprises:
and receiving a selection of a first point and a second point on an area where the application period of the 1-1 response is displayed.
How to build a prototype. 8. The method of claim 7,
The step of receiving the selection of the first point and the second point on an area where the application period of the 1-1 response is displayed,
Comprising the step of receiving a drag input starting at the first point and ending at the second point,
How to build a prototype. A method of producing an application prototype through a prototyping terminal, comprising:
receiving a selection of a first layer included in the application prototype;
receiving a selection of a first trigger that is a condition for outputting a response to the first layer;
receiving a selection of a 1-1 response of the first trigger, wherein the 1-1 response is an output for driving the first layer when a prototype execution terminal detects the occurrence of the first trigger;
receiving a selection of a second trigger that is a condition for outputting a response to the first layer, wherein the second trigger is different from the first trigger;
receiving a selection of a 2-1 response of the second trigger, wherein the 2-1 response is an output for driving the first layer when the prototype execution terminal detects the occurrence of the second trigger;
receiving the application period of the 1-1 response and the 2-1 response as one input through the prototyping terminal; and
The application period of the first trigger, the 1-1 response, and the 1-1 response are displayed adjacent to each other and simultaneously displayed on one screen, and the application period of the second trigger, the 2-1 response, and the 2-1 response Containing the steps of simultaneously displaying on one screen adjacent to each other,
The first trigger and the second trigger are input of the user of the application prototype to the prototype execution terminal,
How to build a prototype. 10. The method of claim 9,
The 1-1 response and the 2-1 response are responses processed in parallel,
How to build a prototype. delete delete

Images