KR102230389B1 - Method For Switching Mode In Digital Content Authoring Tool - Google Patents

Abstract

A method of automatically switching the mode of the work area without a separate user input for changing the mode of the digital content authoring tool work area is provided. The method according to an embodiment of the present invention is to switch the mode of the work area in response to a user input indicating selection of a first UI object for executing a first function rather than switching to the editing mode of the work area. The step of switching the work area to the edit mode without a separate input for performing the work area, and a second UI object for executing a second function different from the first function without switching to the execution mode of the work area. And in response to a user input indicating a selection, switching the work area to the execution mode without a separate input for changing the mode of the work area.

Description

Method For Switching Mode In Digital Content Authoring Tool {Method For Switching Mode In Digital Content Authoring Tool}

The present invention relates to a method for automatically switching a working screen mode of a digital content authoring tool. In more detail, the mode of the work area of the authoring tool for authoring digital content in the digital content authoring terminal is switched, and the mode of the current work area is set to the edit mode or the execution mode by determining the required work area according to the user's input. It relates to a screen mode switching method that automatically converts to.

In the case of digital content that is executed, such as an application or flash of a smart device, a simulation step is required in the authoring process.

However, in the conventional digital content authoring tool, in order to check the response of the digital content by a user's trigger while editing GUI components of the digital content, a separate instance, for example, a program, a window, etc. is placed to execute the digital content. Accordingly, there was a hassle of having to use multiple instances in order for users to alternate between editing and executing digital content. Therefore, in the digital content authoring tool, in parallelly proceeding the editing of digital content and the replay of intermediate products, there is a need to provide a method that can efficiently do without a separate instance conversion.

Korean Patent Publication No. 10-2005-0110417

The technical problem to be solved by the present invention is to provide a method of automatically switching a mode of a work area without a separate user input for mode switching of a digital content authoring tool work area.

Another technical problem to be solved by the present invention is to provide a method of increasing the consistency between the switched mode and the mode desired by the user in switching the mode of the work area to the mode desired by the user without a separate input from the user.

Another technical problem to be solved by the present invention is to provide a method of increasing the intuitiveness of the automatically switched mode by changing the GUI of the digital content authoring tool when the working area mode is switched.

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

In order to solve the above technical problem, a method of switching a work area mode of a digital content authoring terminal according to an embodiment of the present invention displays a digital content authoring interface, and the digital content authoring interface displays digital content being produced. A method performed by a digital content authoring terminal that includes a region, comprising: in response to a user input indicating selection of a first UI object for executing a first function rather than switching to an edit mode of the work region And converting the work area to the edit mode without a separate input for changing the mode of the work area, and executing a second function different from the first function without switching to the execution mode of the work area. In response to a user input indicating selection of a second UI object for, switching the work area to the execution mode without a separate input for switching the mode of the work area, wherein the editing mode is the digital content It is a mode in which an object constituting the is edited, and the execution mode may be a mode in which the digital content can be reproduced.

In one embodiment, the step of converting the work area to the execution mode comprises a replay area that must be secured for the digital content to be replayed, and includes displaying a frame surrounding the replay area. can do.

In one embodiment, the step of converting the work area to the execution mode includes a replay area that must be secured for the digital content to be replayed, and when only a part of the replay area is exposed in the work area And changing the viewpoint so that the replay area is entirely displayed on the work area.

In one embodiment, the step of converting the work area to the execution mode includes a replay area that must be secured for the digital content to be replayed, and when the object is located outside the replay area And displaying only the object located inside the replay area.

In an embodiment, the switching of the work area to the execution mode may include changing the pointer in response to the pointer entering the replay area.

In an embodiment, the first function may be a function of adding the object to the digital content or editing the object included in the digital content.

In an embodiment, the second function may be a function for defining a dynamic change of the object.

In one embodiment, the second function is, in particular, when the digital content authoring tool is a prototype tool, the digital content authoring interface is an interface of a prototype tool, to define a trigger targeting the object, or It may be a function for defining a response expressed in the object when a trigger occurs.

In one embodiment, a digital content authoring interface is displayed, wherein the digital content authoring interface includes a work area displaying digital content being produced, as a method performed by a digital content authoring terminal, wherein the digital content is reproduced In response to a user input indicating selection of a second UI object for executing a second function, which includes a replay area to be secured to be secured, and not to switch to the editing mode of the work area, the mode of the work area is changed. Switching the work area to an execution mode without a separate input for switching, wherein the execution mode is a state in which the digital content can be reproduced, and stopping a function of a UI object existing outside the reproduction area, And in response to a user's input indicating a selection for a UI object in which the function is stopped, the working area is switched to the editing mode, wherein the editing mode is a state in which an object constituting the digital content can be edited, May contain steps.

In an embodiment, the converting of the work area to an execution mode may include modifying an interface of a digital content authoring tool outside the replay area.

In one embodiment, a digital content authoring interface is displayed, wherein the digital content authoring interface includes a working area for displaying digital content being produced, as a method performed by a digital content authoring terminal, comprising: a first area and a first area. Displaying a work area between the two areas and in response to a pointer entering the first area, switching the work area to an edit mode without a separate input for switching the mode of the work area, and In response to the pointer entering the second area, switching the work area to an execution mode without a separate input for changing the mode of the work area.

In one embodiment, the step of switching the work area to one of an execution mode and an edit mode includes switching to the execution mode or the editing mode when the pointer stays in the first area or the second area for more than a unit time. It can be.

1 is a block diagram of a digital content authoring system according to an embodiment of the present invention.
FIG. 2 is a prior art, and is an exemplary view showing a screen in which an existing digital content authoring tool uses a separate instance for replay of digital content.
3 is an example of a GUI that can be displayed on a computing device that executes a method for automatically switching a working area mode of a digital content authoring tool according to an embodiment of the present invention.
4 is an exemplary diagram illustrating a work area that is switched from an execution mode to an edit mode by selection of a first UI object according to an embodiment of the present invention.
5 is an exemplary diagram illustrating a screen when a work area is an edit mode in a digital content authoring tool according to an embodiment of the present invention.
6 is an exemplary diagram illustrating a work area that is switched from an edit mode to an execution mode by selecting a second UI object according to an embodiment of the present invention.
FIG. 7 is an exemplary diagram illustrating a work area that is switched to an execution mode by selecting a second UI object when a view point deviates from the replay area in the edit mode according to an embodiment of the present invention.
8 is a flowchart illustrating a method of automatically switching a work area of a digital content authoring tool by selecting a UI object by a user according to an embodiment of the present invention.
9 is an exemplary view showing a work area that is switched to an edit mode by a user's mouse over input to a first area according to an embodiment of the present invention.
10 is an exemplary diagram illustrating a work area that is converted to an execution mode by a user's mouse-over input on a second area according to an embodiment of the present invention.
11 is an exemplary diagram for detailed description of mouse over for mode switching of a work area according to an embodiment of the present invention.
12 is a flowchart of a method for automatically changing a mode of a digital content authoring tool in which a mode of a work area is changed by a user's mouse-over input on a specific area according to an embodiment of the present invention.
13 is an exemplary diagram illustrating a work area that is converted to an edit mode by receiving an input from a user outside a replay area when the work area is in an execution mode according to an embodiment of the present invention.
14 is an exemplary view showing a screen in which a UI object function outside a replay area is stopped and a work area is switched from an edit mode to an execution mode by selection of a second UI object according to an embodiment of the present invention .
FIG. 15 is a flowchart illustrating a method of automatically switching a work area mode of a digital content authoring tool for switching a mode according to a user input outside a replay area when the work area is an execution mode according to an embodiment of the present invention.
16 is a block diagram schematically showing the configuration of a digital content authoring terminal according to an embodiment of the present invention.

Hereinafter, exemplary 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 of achieving them will become apparent with reference to the embodiments described below in detail together with the accompanying drawings. However, the present invention is not limited to the embodiments to be posted below, but may be implemented in various different forms, and only these embodiments make the posting of the present invention complete, and common knowledge in the technical field to which the present invention pertains. It is provided to completely inform the scope of the invention to those who have, and the invention is only defined by the scope of the claims. The same reference numerals refer to the same elements throughout the specification.

Unless otherwise defined, all terms (including technical and scientific terms) used in the present specification may be used with meanings that can be 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 interpreted ideally or excessively unless explicitly defined specifically. The terms used in the present specification are for describing exemplary embodiments and are not intended to limit the present invention. In this specification, the singular form also includes the plural form unless specifically stated in the phrase.

As used in the specification, "comprise" and/or "comprising" refers to the presence of one or more other components, steps, actions and/or elements, and/or elements, steps, actions and/or elements mentioned. Or does not preclude additions.

Prior to the description of the present specification, some terms used in the present specification will be clarified.

In the present specification, digital content refers to content obtained by combining various types of information such as text, audio, image, and video, and digitized content, which is a content executed by a signal from a computing device, and refers to a form composed of static and dynamic elements. Static elements and dynamic elements will be described in detail in FIG. 3 below. For example, digital content may include an application, a flash, a video, a prototype, and the like.

In addition, in this specification, the work area is an area that displays digital content produced by a digital content authoring terminal. That is, an area in which objects constituting digital content are displayed will be described in detail in FIG. 3 below.

In addition, in the present specification, the replay area is an area that must be secured in order to reproduce digital content, and refers to a portion displayed on the screen of an actual digital content execution terminal. In other words, objects outside the replay area in the work area are elements constituting digital content, but are not displayed when digital content is executed. Hereinafter, it will be described in detail in FIG. 3.

In addition, in the present specification, the user input may include various types of signals input through an input device such as a keyboard, a mouse, and a touch screen for a digital content execution terminal or authoring terminal. For example, for a prototype authoring tool, a user can input to select a UI object using a mouse.

Hereinafter, some embodiments of the present invention will be described in detail with reference to the accompanying drawings.

A configuration and operation of a digital content authoring system according to an embodiment of the present invention will be described with reference to FIG. 1.

As shown in FIG. 1, the digital content authoring system according to the present embodiment includes a digital content authoring terminal 110 and a digital content execution terminal 120.

The digital content execution terminal 120 is, for example, a computing device such as a tablet, a smart phone, a notebook, and a PC, and in this specification, a prototype execution terminal is exemplified and a prototype reproduction tool, which is user application software, is installed. The prototype reproduction tool is user application software that analyzes a prototype and implements a user interface defined in the prototype. Hereinafter, in this specification, it can be expressed as an execution terminal.

The digital content authoring terminal 110 is, for example, a computing device such as a tablet, a smartphone, a PC, a notebook, etc., in the present specification, a prototype authoring terminal is taken as an example, and a user application or a prototype of embedded software of a computing device The tools are installed. Hereinafter, in this specification, it can be expressed as a production terminal or a production terminal.

Meanwhile, the digital content authoring terminal 110 stores a digital content authoring tool capable of executing a digital content authoring method according to an embodiment of the present invention. Here, the digital content authoring tool can be viewed as a kind of software, and corresponds to an authoring tool that supports the user's digital content authoring activity. When the user executes the digital content authoring tool through the digital content authoring terminal 110, the digital content authoring interface (Fig. 3) is executed, digital content is generated through a certain input, and the generated digital content is a digital content execution terminal ( 120) can be implemented. That is, the digital content authoring terminal 110 is a terminal that generates digital content through a digital content authoring interface, and the digital content execution terminal 120 can be viewed as a terminal that executes the generated digital content.

The digital content authoring terminal 110 and the digital content execution terminal 120 are computing devices that can be connected to each other through a network. The network interface is included in the digital content authoring terminal. Here, the network includes all wired/wireless networks such as wired LAN, WIFI, BLUETOOTH, and Zigbee, and will be described in detail in FIG. 16 below. The computing device may include all devices such as a desktop, laptop, smart phone, PDA, and tablet PC having a network function.

In addition, according to an embodiment of the present invention, the digital content authoring terminal 110 may connect to the digital content execution terminal 120 and upload the generated prototype to the server 130 that can download the prototype. . The digital content execution terminal 120 may directly receive from the digital content authoring terminal 110 or may receive it from the server 130.

Prior to the description of the present invention, reference is made to FIG. 2 to explain differences from the prior art. FIG. 2 is an exemplary view showing a screen in which a conventional digital content authoring tool 200 uses a separate instance 220 for digital content reproduction.

In order to reproduce digital content produced by a conventional digital content authoring tool, a user's input 201 to the UI object 210 having a function of executing a digital content simulation is required, and a separate instance 220 in response thereto. ) To simulate digital content (221). Therefore, there was a hassle of using user input for simulation execution and a separate instance displaying the simulation.

The present invention can improve the efficiency of a digital content authoring tool by eliminating a separate instance and user input for replaying digital content. Hereinafter, the present invention will be described in detail with reference to FIGS. 3 to 16.

The method according to the present embodiment may be executed by a computing device. The computing device may be the digital content authoring device 110 of FIG. 1. The digital content authoring device 110 may have a digital content authoring tool installed. The digital content authoring tool may be software basically installed when the digital content authoring device 110 is manufactured, or application software installed by a user.

Referring to FIG. 3, the GUI 301 of the digital content authoring tool according to an embodiment of the present invention includes a work area 330 and a first UI object for editing static elements of an object 332 constituting digital content. A first area 310 and a second area 320 for editing dynamic elements of the object 332 may be further included.

In the present specification, the static element refers to a characteristic that can be known without being reproduced as a static characteristic of the object 332 constituting the digital content. For example, in the case of an application's prototype authoring tool, editing a layer that means an area to be divided by a user in the edit mode, or changing or adding an object's position is referred to as editing of a static element.

In the present specification, a dynamic element refers to a characteristic that can be known only when it is reproduced as a dynamic characteristic of an object 332 constituting digital content. For example, in the case of a prototype authoring tool, a trigger that is a user's input to a prototype, a response that is a response of a prototype by a trigger, and an interaction that means the connection between trigger and response. Editing and executing is called editing of dynamic elements.

Hereinafter, for convenience of understanding, some embodiments of the present invention will be described on the assumption that the digital content authoring tool is a prototyping tool. However, it should be noted that, for this reason, the scope of the present invention is not limited to the prototyping tool.

The prototype authoring tool 301 includes a first area 310 for editing static elements such as additions, deletions, and changes to objects and layers, and dynamic elements such as additions, deletions, and changes to triggers and responses. It may be composed of an interface including a second area 320 that can be edited and a work area 330 in which a prototype to be authored is displayed.

The first area 310 is composed of first UI objects 311 and 312 that perform functions such as adding and editing a layer of a prototype and an object 341. For example, if the user wants to display layer 1 of the prototype, if the UI object 311 having the function of displaying layer 1 is selected, layer 1 is displayed in the work area 330, and object A 341 is displayed. When the UI object 321 for editing of is selected, it is possible to edit the object A 332.

According to an embodiment, in addition to the static element editing function, the work area may be switched to the editing mode by selecting the first UI object. The editing mode will be described in detail with reference to FIGS. 4 and 5 below.

The second area 320 may be composed of a second UI object 321 that functions such as adding and editing a trigger and response of a prototype. For example, if you want to set a response that object A 332 moves when a user's drag trigger on object A is input, object A 332 is selected by selecting the UI object 321 that performs the function. You can set triggers and responses for.

According to an embodiment, in addition to the dynamic element editing function, the work area may be switched to the execution mode by selecting the second UI object 321 object. The execution mode will be described in detail with reference to FIGS. 6 and 7 below.

The work area 330 displays a prototype produced by a prototype authoring tool. In addition, not only the first area 310 and the second area 320, but also the work area 330 may receive a user's input to perform a prototype authoring. For example, when it is desired to modify the position of the object 332, the object can be moved by selecting and dragging the object 332 located on the work area 330. In addition, by selecting and dragging the replay region 340, the position of the replay region 340 may be changed. A case in which all of the replay areas are not displayed in the work area will be described in detail below with reference to FIG. 7.

In addition, the work area 330 may perform different operations according to the user's input according to the editing mode and the execution mode, and the GUI of the prototype authoring tool may be changed to increase the user's intuitiveness when switching the work area mode. . Detailed description will be given in FIGS. 4 to 7 below.

The reproduction area 340 is an area that must be secured in order to execute a prototype, and when the prototype is executed, it means a portion displayed on the screen of the prototype execution terminal. When the mode of the work area 330 is switched, a frame surrounding the outside of the replay area 340 is added or deleted so that the user can distinguish the mode of the work area.

Hereinafter, a case in which the work area is switched from the execution mode to the edit mode will be described with reference to FIG. 4.

In the state where the working area of the prototyping tool is in the execution mode (330a), when the user selects the first UI object 311, the working area is automatically switched from the execution mode (330a) to the editing mode (330b) do.

For example, when selecting the UI object 311 with the layer 1 display function in the working area in the execution mode (330a), the user uses the editing mode to edit layers and objects in the work area. Therefore, the work area is automatically switched to the edit mode 330b without receiving a separate input from the user. If the working area of the prototyping tool is already in the editing mode 330b, when the user selects the first UI object 311, the mode may not be switched.

According to an embodiment, when the work area is switched to the edit mode, the pointer 402 in the replay area of the execution mode may be changed to a different shape 302. By changing the pointer, the user can intuitively know that the input is for the prototype reproduced in the prototype execution terminal.

According to an embodiment, when switching to the editing mode of the work area, the frame 341 surrounding the outside of the reproduction area 330a among the interfaces of the work area 330a may be removed. For example, the frame 341 surrounding the outside of the replay area may take the form of a prototype execution terminal. Due to this, the user can intuit that the working area 330a of the prototype authoring tool is in the execution mode, and in the execution mode, the prototype can be reproduced like a prototype execution terminal. By changing the interface of the work area, it is possible to increase the intuitiveness of changing the mode of the work area.

5 is an exemplary diagram illustrating a screen when a work area is an edit mode in a digital content authoring tool according to an embodiment of the present invention.

According to an embodiment, in the case of the edit mode, not only the objects 332 and 333 displayed inside the reproduction region 340 displayed for the reproduction of the prototype in the execution mode, but also the objects existing outside the reproduction region 340 ( 331) should also be editable. When the work area 330 is switched to the edit mode by selecting the first UI objects 312, 313, 314, the object 331 that exists outside the replay area 340 that was not displayed in the execution mode is Indicate. Objects not displayed in the execution mode will be described below with reference to FIG. 6. In addition, the user may recognize that the work area is in the editing mode by displaying objects outside the replay area 330.

For example, when the user selects the first UI object 312 to display the object A 331 and the work area 330 is switched to the edit mode, the object 332 displayed inside the replay area 340 , 333), as well as a portion of the object 331 located outside the reproduction region 340 and the object 333 outside the reproduction region at the boundary between the reproduction region 340 is also displayed.

6 and 7 are exemplary views showing a screen in which a work area of a digital content authoring tool is converted to an execution mode according to an embodiment of the present invention.

Hereinafter, a case in which the work area is switched from the edit mode to the execution mode will be described with reference to FIG. 6. In the state where the working area of the prototyping tool is in the editing mode (330a), when the user selects the second UI object 321 (302), the working area is changed from the editing mode (330a) to the execution mode (330b). You can switch.

For example, in a state in which the work area is in the edit mode 330a, the user's selection 302 for the second UI object 321 having a function of defining an interaction in which Object A moves in response to a user's drag input If present, the user will replay the prototype to confirm the function in the work area after the selection 302, so the work area is automatically switched to the execution mode 330b without receiving a separate input from the user. If, in the state 330b that the working area of the prototyping tool is already in the execution mode, the user selects 302 for the second UI object 321, mode switching may not be performed.

According to an embodiment, when the work area is switched to the execution mode, the shape of the pointer may be changed to a shape 402 different from the pointer 302 in the edit mode as the pointer enters the replay area 340. When the pointer changes as the player enters the reproduction area 340 of the execution mode, the user may recognize that the user input for the prototype executed in the prototype execution terminal is reproduced.

According to an embodiment, when switching the work area to the execution mode, a frame 341 surrounding the reproduction area 340 may be added to the interface of the work area. For example, if the prototype being authored is a prototype of an application running on a smartphone terminal, a frame shape 341 of the smartphone can be added outside the replay area. As the frame 341 is added outside the replay area, the user may intuit that the application of the smartphone can be replayed in the current working area.

Hereinafter, a case in which objects outside the reproduction area are not displayed when the work area is switched to the execution mode and the viewpoint is changed will be described with reference to FIG. 7.

According to an embodiment, since the execution mode reproduces only the area displayed by the prototype execution terminal, it is not necessary to reproduce the prototype interface existing outside the reproduction area 340b. Accordingly, when the work area is switched to the execution mode 330b, objects existing outside the replay area 340b are not displayed. In addition, the user may recognize that the work area 340b is an execution mode by not displaying an object outside the reproduction area 340b.

For example, when the working area 330a is in the editing mode, the object 332a located inside the replay area 340a, the object 331 located outside the replay area 340a, and the boundary of the replay area 340a The located object 333a is displayed. Thereafter, when the work area is switched to the execution mode, the object 331 existing outside the reproduction region 340b of the execution mode is not displayed, and the object 332b existing inside the reproduction region 340b is displayed, and the reproduction is performed. The object 333b positioned at the boundary of the region 340b displays only a part of the reproduction region 340b.

According to another embodiment, in the execution mode, since the prototype must be reproduced, all of the reproduction areas 340b to be reserved for the reproduction of the prototype must be displayed. Therefore, when the view point deviates from the replay area 340a in the edit mode, the view point of the work area 330a may be changed when the work area is switched to the execution mode. For example, when the viewpoint of the work area 330b is aligned with the center of the replay area 340b, the replay area 340b is located in the center of the work area 330b. Accordingly, when switching to the execution mode, the viewpoint of the work area 330b is adjusted to display all of the replay area 340b.

For example, if the object 331 is edited to be located outside the reproduction region 340a in the working region 330a, the reproduction region 340a becomes the working region ( 330a) may not be displayed at all. In this case, as shown in FIG. 7, when mode switching of the work area 330a occurs according to the selection 302 of the second UI object 321 for dynamic editing of the prototype, the reproduction area 340a is changed to the work area 330a. Change the viewpoint so that all of the) are displayed. If, as shown in FIG. 6, the working area 330a of the prototyping tool displays all the reproduction areas 340a, the view point may not be changed even if the mode of the working area 330a is changed.

8 is a flowchart illustrating a process of performing automatic mode switching of a work area according to a user's input to a digital content authoring tool according to an embodiment of the present invention.

Referring to FIG. 8, the digital content authoring terminal may receive a user's input for a UI object of a GUI of a digital content authoring tool (S510). For example, it may be an input for a work area or an input for a first UI object or a second UI object.

In step S520, as the user selects the first UI object for editing the static element, the user has the possibility to check the edited digital content after performing the function or to perform an edit similar to the function of the first UI object. high. Accordingly, the mode of the work area is automatically switched to the edit mode (S521). If the mode of the work area is already in the edit mode before receiving the user's input, a separate mode conversion may not be performed.

According to an embodiment, when the mode of the work area is changed to the edit mode, the interface between the pointer and the work area can be changed, and accordingly, the user can intuitively recognize the mode change (S522).

In step S530, when the user selects the second UI object for editing the dynamic element, the user performs the above function and then executes the digital content to check whether the digital content correctly responds when a trigger intended by the user occurs. , It is highly possible to perform editing similar to the function of the second UI object. Therefore, the mode of the work area is automatically switched to the execution mode (S531). If the mode of the work area is already in the execution mode before receiving the user's input, a separate mode conversion may not be performed.

According to an embodiment, when the mode of the work area is changed to the execution mode, the user can intuitively recognize the mode change by changing the shape of the pointer and the interface of the work area (S532).

According to an exemplary embodiment, since the execution mode must be able to reproduce digital content, the viewpoint may be aligned with the reproduction area to be secured to reproduce the digital content, and only objects in the reproduction area may be displayed (S532).

The automatic mode switching of the above-described work area may be repeatedly performed according to the user's input while the user is using the digital content authoring tool.

Hereinafter, a method of automatically switching a mode of a work area by a mouse over a specific area on a GUI of a digital content authoring tool will be described with reference to FIGS. 9 to 12.

Referring back to FIG. 3, in order to accurately distinguish which region the pointer enters between the first region 310 and the second region 320, the first region 310 and the second region 320 are The GUI of the digital content authoring tool may be configured such that the work area 330 is positioned therebetween. In FIG. 3, the first area, the second area, and the work area are arranged horizontally, but the configuration of the GUI of the digital content authoring tool of the present invention is not limited thereto and may have various arrangements. Hereinafter, an example of digital content will be described using a prototype.

Referring to FIG. 9, when the working area is in the execution mode (330a), when the user hovers over the first area 310 where static elements of the prototype can be edited (302a, 302b), the user It can be predicted to edit the static element even before selecting the first UI object existing in the. Therefore, when the mouse-over 302a and 302b occurs in the first area 310, the working area 330a is switched to the editing mode.

According to an embodiment, as described in FIG. 4, when switching to the edit mode, the frame surrounding the outside of the reproduction area of the prototype authoring tool is deleted or the mouse pointer 302c is changed. You can increase your intuition.

Referring to FIG. 10, when the working area is in the edit mode (330a), when the user hovers (302a, 302b) on the second area 320 in which dynamic elements of the prototype can be edited, the user Even before selecting the second UI object existing at 320, it can be predicted to edit the dynamic element. Therefore, when the mouse-over 302a and 302b occurs in the second area 320, the work area 330a is switched to the execution mode.

According to an embodiment, as described in FIGS. 6 and 7 above, when switching to the execution mode, the user's intuitiveness for mode switching is improved by surrounding the outside of the reproduction area of the prototype authoring tool with a frame or changing the mouse pointer. You can increase it.

However, if the mode of the work area is switched by considering only the area to which the pointer enters, when the user tries to select a UI object in another area by passing the area to enter, there is a possibility that unnecessary mode switching different from the user's intention occurs. high.

Therefore, according to an embodiment of the present invention, when the time at which the pointers 302a, 302b, 302b stay in the first area or the second area is more than the reference time, the movement speed of the pointer is slower than the reference speed, and the pointer stays If the screen change of the work area is performed in consideration of the coordinates of the existing location, it is possible to reduce the possibility of unnecessary mode change. The reference time, reference speed, and coordinates of a specific location may be values designated by the user, and may be average values using user data, but are not limited thereto and may be determined through various calculations and statistics.

For example, referring to FIG. 11, when the user passes the second area 320 to go to an area 350 other than the second area 320, as the mouse enters the second area 320, , It is not efficient to switch the work area 330 to the execution mode. In this case, the pointers 302a and 302c will pass the second area 320 at a reference speed or higher, unlike the pointers 302a and 302b, which have entered the second area to select the second UI object. Therefore, the conversion of the work area 330 to the execution mode does not occur.

However, when the user hovers over the second area 320 to use the second UI object (302a, 302b), the moving speed of the pointer in the second area is lower than the reference speed, and the second area 320 ) For more than the standard time. Accordingly, the work area 330 is switched to the execution mode.

12 is a flowchart of a method of switching a working area mode of a digital content authoring tool according to a user's mouse-over input on a specific area according to an embodiment of the present invention.

Referring to FIG. 12, the digital content authoring terminal may receive a user's input for a UI object of a GUI of a digital content authoring tool (S610).

In step S620, when there is a mouse-over input from the user in the first area containing the first UI objects having the function of editing the static element of the object, the work area is automatically created according to the user's intention to select the first UI object. It is possible to switch to the edit mode (S621).

For example, when a pointer enters the first area to select a UI object for layer addition in step S620, the work area may be switched to the edit mode (S621). If the mode of the work area is already in the edit mode before receiving the user's input, a separate mode conversion may not be performed.

According to an embodiment, when the mode of the work area is changed to the edit mode, the user can intuitively recognize the mode change by changing the pointer and the GUI of the work area (S622).

On the other hand, in step S630, when the user's mouse-over input is in the second area with the second UI objects having the function of editing the dynamic element of the object, the operation is automatically performed according to the user's intention to select the second UI object. The region can be switched to the execution mode (S631).

For example, when a pointer enters the second area to select a UI object for adding an object response, the work area may be switched to an execution mode. If the mode of the work area is already in the edit mode before receiving the user's input, a separate mode conversion may not be performed.

According to an embodiment, when the mode of the work area is changed to the execution mode, the user can intuitively recognize the mode change by changing the pointer and changing the GUI of the work area (S632).

According to an embodiment, since the execution mode should be capable of replaying digital content, the viewpoint may be aligned with a replay area such as a display screen of a digital content execution terminal, and only objects within the replay area may be displayed (S632).

The automatic mode switching of the above-described work area may be repeatedly performed according to the user's input while the user is using the digital content authoring tool.

Hereinafter, referring to FIGS. 13 to 15, when the working area of the digital content authoring tool 301 is in the execution mode, a method of automatically switching the working area of the digital content authoring tool to switch the mode according to a user input outside the replay area Explain about. Hereinafter, an example of digital content will be described using a prototype.

Referring to FIG. 13, when the work area is in the execution mode, an input 302 for an area other than the reproduction area 340 of the prototype authoring tool 301 is received and the work area 330 is switched to the editing mode. Therefore, in the execution mode, the user cannot create a prototype using the UI object outside the replay area 340, and can only reproduce the prototype within the replay area 340.

According to an embodiment, when the work area is in the execution mode, a GUI outside the reproduction area 340 may be changed in the prototype authoring tool. For example, FIG. 13 shows that the outside of the replay area is darkened, but the present invention is not limited thereto, and is distinguished from the replay area 340 through a blurry display, a blur display, and a defocused display, and the replay area ( 340) Includes all indications that can intuitively indicate that the external GUI has been deactivated. By changing the GUI outside the replay area 340, it is possible to intuitively inform the user that the function of the UI object outside the replay area 340 is deactivated.

Therefore, when there is a user's input 302 for an external UI object in the replay area 340, the user has the purpose of ending the execution mode and editing the GUI of the prototype. Is converted to.

With reference to FIG. 14, a case in which the user selects 302 the second UI object 321 in a state in which the working area of the prototyping tool is in the editing mode, and is converted to the execution mode will be described.

For example, when there is a user input 302 for the second UI object 321 having a function of defining an interaction that responds to the movement of object A when the user's drag is input as a trigger, the work area is in the execution mode. Is converted to. In the case of execution mode, since the purpose of replaying the prototype in the replay area, there is no inconvenience in reproducing the prototype even if the function of the UI object outside the replay area is deactivated, and as the function outside the replay area is deactivated, the user The ability to focus on the replay area increases the intuitiveness of switching to the execution mode of the work area.

According to an embodiment, as described in FIGS. 6 and 7 above, when switching to the execution mode, the outside of the reproduction area of the prototype authoring tool is surrounded by a frame 341 or the mouse pointers 302 and 402 are changed, The user's intuitiveness to mode switching can be improved.

FIG. 15 is a flowchart illustrating a method of changing a mode according to an exemplary embodiment of the present invention by limiting a user input outside a replay area when a working area of a digital content authoring tool is an execution mode.

Referring to FIG. 15, the digital content authoring terminal executes the digital content authoring tool in the editing mode (S701). When the user first runs the digital content authoring tool to start the digital content authoring, the user first edits the GUI of the digital content by adding an object constituting the digital content. Therefore, the working area of the initial digital content authoring tool starts in the editing mode.

In step S702, when the user selects the second UI object to edit the dynamic element, the user executes the digital content and checks whether the digital content correctly responds to the user's intended trigger, or the function of the second UI object. It is likely to perform an edit similar to that of. Accordingly, the working area of the digital content authoring tool is switched to the execution mode (S703). If the mode of the work area is already in the execution mode before receiving the user's input, a separate mode conversion may not be performed.

According to an embodiment, when the mode of the work area is changed to the execution mode, the user can intuitively recognize the mode change by changing the pointer and changing the GUI of the digital content authoring tool (S704).

In addition, when the working area of the digital content authoring tool is in the execution mode, a function of a UI object outside the replay area may be deactivated. In the execution mode, the user replays the digital content inside the replay area, so by deactivating the function of the UI object outside the replay area, the user can concentrate on the replay area.

When there is an input for a UI object outside the replay area in step S705, the user intends to edit the digital content GUI again, and thus the working area of the digital content authoring tool is switched back to the editing mode.

According to an embodiment, when the mode of the work area is changed to the edit mode, the user can intuitively recognize the mode change by changing a pointer and a GUI of the work area (S706).

The automatic mode switching of the above-described work area may be repeatedly performed according to the user's input while the user is using the digital content authoring tool.

Next, with reference to FIG. 16, the digital content authoring terminal 110 will be described in detail. 16 is a block diagram schematically showing the configuration of a digital content authoring terminal according to an embodiment of the present invention.

Referring to FIG. 16, the digital content authoring terminal 110 of FIG. 1 may include a processor 801, a memory 802, a display 803, a network interface 804, and a storage 805. Further, although not shown, the digital content authoring terminal 110 may include an input unit (not shown) for receiving various inputs from the user of the production terminal 110.

The processor 801 controls the overall operation of each component of the manufacturing terminal 110. The processor 801 may include a central processing unit (CPU), a micro processor unit (MPU), a micro controller unit (MCU), or any type of processor well known in the art. Also, the processor 801 may perform an operation on at least one application or program for executing the method according to the embodiments of the present invention. The manufacturing terminal 110 may include one or more processors.

The memory 802 stores various types of data, instructions and/or information. The memory 802 may load one or more programs 806 from the storage 805 by performing a digital content authoring method of an interface according to embodiments of the present invention.

The display device 803 may include an output module that displays a GUI (Graphic User Interface) of a digital content authoring tool. The display device may provide various information by displaying a UI object for editing a layer on a GUI, a UI object for editing triggers and responses, a work area displaying a digital content to be authored, and a reproduction area.

In addition, the display device 803 may receive a user input for controlling a digital content authoring terminal. According to an embodiment, the input/output unit may receive a user input through an input device. For example, it may be a separate input device such as a mouse, a keyboard, or a tablet, or a user's input may be received through a display device having a touch screen.

The network interface 804 supports wired/wireless Internet communication of the manufacturing terminal 110. In addition, the network interface 804 may support various communication methods other than Internet communication. To this end, the network interface 804 may be configured to include various communication modules.

The network interface 804 may transmit the digital content of the interface generated through the Internet to the execution terminal 110. In this case, the execution terminal 120 may display the received digital content and display an object on the displayed digital content.

The storage 805 may non-temporarily store data or the like received from an external device. The storage 805 is a nonvolatile memory such as a ROM (Read Only Memory), EPROM (Erasable Programmable ROM), EEPROM (Electrically Erasable Programmable ROM), flash memory, etc., a hard disk, a removable disk, or well in the technical field to which the present invention pertains. It may be configured to include any known computer-readable recording medium.

The storage 805 may store one or more programs 806 for performing a method according to embodiments of the present invention. In FIG. 3, digital content authoring software is shown as an example of the program 806. In FIG. In the storage 805, input items for digital content creation and various setting items received from the execution terminal 120 or input from the user of the production terminal 110 may be stored.

Although the configuration and operation of the production terminal 110 have been mainly described above, the above embodiment is the same for the execution terminal 120 when the execution terminal 120 performs the digital content authoring method according to the embodiment of the present invention. Can be applied in a way. That is, in the description of the production terminal 110, an embodiment related to the execution of digital content may be equally applied to the execution terminal 120. In addition, the execution terminal 120 may be provided including each component of the production terminal 110.

The methods according to the embodiments of the present invention described so far can be performed by executing a computer program implemented in computer-readable code. The computer program may be transmitted from a first computing device to a second computing device through a network such as the Internet and installed in the second computing device, thereby being used in the second computing device. The first computing device and the second computing device include all of a server device, a physical server belonging to a server pool for cloud services, and a fixed computing device such as a desktop PC.

The computer program may be stored in a recording medium such as a DVD-ROM or a flash memory device.

Embodiments of the present invention have been described above with reference to the accompanying drawings, but those of ordinary skill in the art to which the present invention pertains can be implemented in other specific forms without changing the technical spirit or essential features. I can understand. Therefore, it should be understood that the embodiments described above are illustrative in all respects and not limiting.

Claims (17)

A method of providing a digital content authoring interface by a computing device, comprising:
Displaying a working area in the digital content authoring interface-Objects included in the digital content being authored are displayed in the working area, the working area is switched between a plurality of modes, and the working area is -Includes replay area where digital content is replayed;
Switching the mode of the work area in response to detection of a user selection for a first UI object for executing a first function, wherein the first function is not a mode change of the work area
Containing,
Method of providing digital content authoring interface. The method of claim 1,
The plurality of modes include an editing mode for editing the digital content and an execution mode for replaying the digital content,
Method of providing digital content authoring interface. The method of claim 2,
The first UI object is one of a plurality of UI objects for modifying a static characteristic of an object included in the digital content,
Switching the mode of the working area includes switching the working area to the editing mode,
Method of providing digital content authoring interface. The method of claim 2,
The first UI object is one of a plurality of UI objects for modifying a dynamic characteristic of an object included in the digital content,
Switching the mode of the work area includes switching the work area to the execution mode,
Method of providing digital content authoring interface. The method of claim 4,
The digital content authoring interface is an interface for authoring a prototype of an application,
The plurality of UI objects for modifying the dynamic characteristics of an object included in the digital content include a UI object for assigning a trigger or response to an object included in the prototype of the application,
Method of providing digital content authoring interface. The method of claim 1,
Switching the mode of the work area,
Switching a mode of the work area to an execution mode for replaying the digital content; And
Displaying an area outside the replay area in an inactive state
Containing,
Method of providing digital content authoring interface. The method of claim 6,
The step of switching the work area to the execution mode,
Displaying a first object located inside the reproduction area among objects included in the digital content; And
Hiding a second object located outside the replay area among objects included in the digital content
Containing,
Method of providing digital content authoring interface. The method of claim 6,
The step of switching the work area to the execution mode,
In response to detecting that the pointing means enter the replay area, changing the shape of the pointing means,
Method of providing digital content authoring interface. A method of providing a digital content authoring interface by a computing device, comprising:
Displaying, in the digital content authoring interface, a work area displaying the digital content being authored;
Displaying, in the work area, a replay area for replaying the digital content being authored; And
Switching the mode of the work area in response to detection of a user input outside the replay area
Containing,
Method of providing digital content authoring interface. The method of claim 9,
The user input sensed outside the replay area is not an input for switching the mode of the work area,
Method of providing digital content authoring interface. The method of claim 9,
Displaying the reenactment area includes displaying an area outside the reenactment area in an inactive state,
Method of providing digital content authoring interface. A method of providing a digital content authoring interface by a computing device, comprising:
Displaying, in the digital content authoring interface, a first area, a second area, and a work area displaying the digital content being authored;
Switching the work area to a first mode in response to detecting a user input within the first area;
In response to detecting a user input in the second area, switching the work area to a second mode
Containing,
Method of providing digital content authoring interface. The method of claim 12,
In response to detecting a user input within the first area, switching the work area to the first mode,
In response to detecting that a pointing means enters the first area from outside the first area, switching the work area to a first mode,
Method of providing digital content authoring interface. The method of claim 12,
In response to detecting a user input within the first area, switching the work area to the first mode,
In response to detecting a user input for a predetermined time or longer in the first area, switching the work area to the first mode,
Method of providing digital content authoring interface. The method of claim 12,
The first mode is an editing mode for editing the digital content,
The second mode is an execution mode for replaying the digital content,
Method of providing digital content authoring interface. The method of claim 12,
Displaying, in a digital content authoring interface, a replay area for replaying the digital content being authored
Further comprising,
Method of providing digital content authoring interface. A computer readable recording medium in which a computer program for executing the method for providing a digital content authoring interface according to any one of claims 1 to 16 is recorded.

Images