KR101892699B1 - Apparatus and method for authoring app of providing itergrated development environment - Google Patents

Abstract

The present invention includes a display module, a communication module for performing data communication with an application authoring server, a memory storing an integrated development environment program for authoring an application, and a processor executing a program stored in the memory. At this time, according to the execution of the program, the processor displays one or more blocks included in the project and the project received from the app authoring server through the display module. And the project and one or more blocks are displayed on the display module via the app authoring user interface received from the app authoring server and the block includes a data block and a user interface block.

Description

[0001] APPARATUS AND METHOD FOR AUTHORING APP OF PROVIDING ITERGATED DEVELOPMENT ENVIRONMENT [0002]

The present invention relates to an apparatus and method for authoring an app providing an integrated development environment for developing an application.

Recently, mobile terminals of various platforms such as smart phones and smart tablets have been popularized, and thus there is a growing demand for the development of apps that can be executed on various platforms. Typically, developers develop platform-specific apps on separate platforms for each platform, or develop apps that depend on each platform using virtual machines running on each platform.

In order to develop an application for these various platforms, the programming language and the integrated development environment to be used may be different for each platform. Therefore, developers must use a different programming language and integrated development environment (IDE) for each platform in order to develop the same functional app. Therefore, it takes time and efforts to develop an app for various platforms.

In this regard, Korean Patent Laid-Open Publication No. 10-1416089 (entitled " Integrated Platform for Writing Web Applications and Method for Writing ") discloses an integrated platform for web application authoring and a method for constructing the same.

Disclosure of Invention Technical Problem [8] The present invention provides an apparatus and a method for authoring an application for providing a web-based integrated development environment for developing an application supporting multi-platforms.

It should be understood, however, that the technical scope of the present invention is not limited to the above-described technical problems, and other technical problems may exist.

According to a first aspect of the present invention, there is provided an apparatus for authoring an integrated development environment for developing an application, comprising: a display module; a communication module for performing data communication with an application authoring server; And a processor for executing a program stored in a memory and a memory in which an integrated development environment program for authoring is stored. At this time, according to the execution of the program, the processor displays one or more blocks included in the project and the project received from the app authoring server through the display module. And the project and one or more blocks are displayed on the display module via the app authoring user interface received from the app authoring server and the block includes a data block and a user interface block.

According to a second aspect of the present invention, there is provided a method of authoring an apparatus for providing an integrated development environment for developing an application, comprising: receiving at least one block included in a project and a project from an application authoring server; Display through a display module. At this time, the project and one or more blocks are displayed on the display module through the app authoring user interface received from the app authoring server, and the block includes a data block and a user interface block.

The present invention can provide an integrated development environment that is independent of the platform of the app developed by the developer. In addition, the present invention can develop an application that can run on one or more platforms without writing source code through a web-based integrated development environment based on a graphical user interface. The present invention generates the developed application as native source code of one or more platforms, and can implement and maintain additional functions using it.

Therefore, the present invention can quickly and easily develop an application for users who are familiar with the programming language and those who are not familiar with the programming language.

1 is a block diagram of an app authoring system according to an embodiment of the present invention.
2 is a block diagram of an application authoring server according to an embodiment of the present invention.
3 is a block diagram of an app authoring apparatus according to an embodiment of the present invention.
FIG. 4 is an exemplary diagram illustrating a user interface of an integrated application development environment according to an exemplary embodiment of the present invention.
5 is an illustration of a data entry user interface in accordance with an embodiment of the present invention.
6 is an exemplary diagram of a developed app according to an embodiment of the present invention.
7 is a flowchart illustrating an application authoring method of an app authoring apparatus according to an embodiment of the present invention.

Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings, which will be readily apparent to those skilled in the art. The present invention may, however, be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. In order to clearly illustrate the present invention, parts not related to the description are omitted, and similar parts are denoted by like reference characters throughout the specification.

Throughout the specification, when a part is referred to as being "connected" to another part, it includes not only "directly connected" but also "electrically connected" with another part in between . Also, when a part is referred to as "including " an element, it does not exclude other elements unless specifically stated otherwise.

Next, an app authoring system 100 according to an embodiment of the present invention will be described with reference to FIGS. 1 to 6. FIG.

1 is a block diagram of an app authoring system 100 according to an embodiment of the present invention.

The app authoring system 100 supports a developer to develop an application independent of various platforms through the app authoring device 120 and distribute it to a user terminal. At this time, the platform supported by the app authoring system 100 may include an operating system for a server and a personal computer, and an operating system for an embedded system such as a mobile terminal. For example, the platform supported by the app authoring system 100 may include, but is not limited to, operating systems such as Window, Linux, Unix, Android, iOS, and Tizen.

The app authoring system 100 includes an app authoring server 110 and an app authoring device. The app authoring server 110 will be described in detail with reference to FIG. 2, and the app authoring apparatus 120 will be described in detail with reference to FIG.

2 is a block diagram of an application authoring server 110 according to an embodiment of the present invention.

The application authoring server 110 provides an application authoring integrated development environment, which is an integrated development environment (IDE) for a developer to develop an application independent of various platforms through the application authoring device 120. [

At this time, the integrated application development environment may include an application creation integrated development environment user interface and an application authoring software development tool, which are GUIs (graphic user interfaces) for developers to develop an application.

At this time, the user interface of the application authoring integrated development environment can be provided through a web browser. At this time, the web browser may be a web browser supporting HTML 5, but is not limited thereto. Alternatively, the user interface of the application authoring integrated development environment may be executed through a separate application installed in the app authoring apparatus 120.

In addition, the authoring software development tool may be a library for developing an application independent of each platform. That is, the application authoring software development tool may include predefined source code for defining and using data blocks, user interface blocks, etc. contained in the application.

For example, an application authoring software development tool may include a detailed definition of the definition, hierarchical relationship, attributes, functions, etc. of one or more user interfaces included in the application. In addition, an application authoring software development tool can define the relationship between each user interface.

And the authoring software development tool may be linked to an external software development tool 140. At this time, the external software development tool may include, but is not limited to, an iOS software development tool 141, an Android software development tool 142, a Java software development tool 143, and a .NET software development tool.

For example, if the platform supported by the app authoring server 110 is Android and iOS, the app authoring software development tool is associated with each of the Android software development tool and the iOS software development tool to generate the native source code corresponding to each platform And may include a plurality of predefined source codes.

At this time, the native source code may be generated by a programming language that can be compiled on each platform, such as. For example, native source code can be, but is not limited to, c, c ++, c #, Java, and Objective C.

And an authoring software development tool can include a library containing a plurality of source codes in which functions that can be included in an app developed by a developer are defined.

2, an application authoring server 110 includes a communication module 200, a memory 210, a storage module 210, and a processor 220.

The communication module 200 performs data communication with the app authoring device 120. Also, the communication module 200 can perform data communication with a build server (not shown).

The memory 210 stores an application-authoring integrated development environment program. At this time, the memory 210 collectively refers to a non-volatile storage device that keeps stored information even when power is not supplied, and a volatile storage device that requires power to maintain stored information.

The storage module 220 may temporarily store the app. In addition, the storage module 220 may store installation packages generated after distributing the application.

In addition, the processor 230 executes an application-authoring integrated development environment program stored in the memory 210. [

3 is a block diagram of an app authoring device 120 according to an embodiment of the present invention.

The application authoring apparatus 120 provides the developer with the integrated application development environment program received from the application authoring server 110. The app authoring device 120 transmits a signal input by the developer to the app authoring server 110 to develop the app. The app authoring device 120 builds the app through the app authoring server 110 and distributes the built app to the user terminal 130.

At this time, the app authoring apparatus 120 includes an input module 300, a display module 310, a communication module 320, a memory 330, and a processor 340.

The input module 300 receives a signal from the developer.

Also, the display module 310 displays the application-authoring integrated development environment program received from the application authoring server 110 to the developer.

The communication module 320 performs data communication with the application authoring server 110. In addition, the communication module 320 can directly distribute the developed application to the user terminal 130 or distribute the application to the user terminal 130 through the application store.

The memory 330 stores an app authoring program. At this time, the memory 330 collectively refers to a non-volatile storage device that keeps stored information even when power is not supplied, and a volatile storage device that requires power to maintain stored information.

In addition, the processor 340 executes the app authoring program stored in the memory.

Hereinafter, an application authoring process through the app authoring server 110 and the app authoring device 120 will be described with reference to FIGS.

A developer may request an application authoring integrated development environment program supporting one or more platforms through the input module 300 of the app authoring device 120.

The app authoring device 120 may transmit a request signal to the app authoring server 110 through the communication module 310 of the app authoring device 120 to request the app authoring integrated development environment program according to the request of the developer.

The application authoring server 110 generates an application authoring integrated development environment user interface corresponding to the application authoring integrated development environment program in accordance with the request signal received from the app authoring device 120 through the communication module 200 of the application authoring server 110 To the app authoring device (120).

The application authoring device 120 can execute the user interface of the application authoring integrated development environment received from the application authoring server 110 through the communication module 310 of the app authoring device 120 through a web browser. Alternatively, the application storage device may execute the application authoring integrated development environment user interface received from the application authoring server 110 through a separate program installed in the app authoring device 120. The app authoring device 120 may display an application authoring integrated development environment user interface on the display module 310 of the app authoring device 120.

FIG. 4 is an exemplary diagram illustrating a user interface of an integrated application development environment according to an exemplary embodiment of the present invention.

Referring to FIG. 4, the app authoring integrated development environment user interface may include a virtualized user terminal 400 of the user terminal 130 on which the app is executed. In addition, the app authoring integrated development environment user interface may include a menu P430 for adding, editing, and distributing the projects and blocks included in the app.

At this time, the virtualized user terminal 400 may be one or more depending on the environment in which the application is executed or the type of the user terminal 130. For example, if the type of user terminal 130 on which the app is running is running on a smartphone and a computer, the virtualized user terminal 400 may be a virtualized smartphone and a virtualized computer.

In addition, the virtualized user terminal 400 displayed in the integrated development environment user interface may be a user interface of the application displayed when the corresponding application is executed. Therefore, the developer can design the user interface of the app through the virtualized user terminal 400. [

At this time, the environment in which the application is executed or the type of the user terminal 130 may be included in the request signal of the user. Alternatively, the environment in which the application is executed or the type of the user terminal 130 can be set by the developer through the application authoring integrated development environment user interface.

In addition, the application authoring integrated development environment user interface can be configured so that the developer adds the data blocks and user interface blocks included in the projects and projects included in the application. In addition, the app authoring integrated development environment user interface can be configured to set properties for the project, the data block, and the user interface block.

At this time, the project corresponds to the developed app. That is, one project can create and distribute one app. A project can include a project name as an attribute. In addition, the project may include one or more platform information on which the application is executed and environment information of the user terminal 130 as attributes.

Data blocks and user interface blocks are also included in the project. At this time, each data block and user interface block may include a name and a type as an attribute.

The data block may be stored in a database corresponding to the corresponding application, or may be connected to data associated with the app. At this time, the data block may include one or more data fields. The data block may correspond to a table in the database.

The user interface block is displayed on the display module of the user terminal 130 when the corresponding application is executed. At this time, the user interface block can be interlocked with the data block.

For example, the user interface block may include a text box capable of displaying text in a specific area of the display module of the user terminal 130, an image box capable of displaying a moving image or an image in a specific area of the display module of the user terminal 130, And a web page box that can express the contents of an external web page in a specific area of the display module of the user terminal 130. [ In addition, the user interface block may include, but is not limited to, a button capable of receiving a user's interaction using the user terminal 130 and a label capable of expressing text such as a description.

Meanwhile, the developer can request the creation of the project through the user interface of the application authoring integrated development environment displayed on the display module 310 of the app authoring apparatus 120.

To this end, the app authoring server 110 may generate and store in advance a plurality of preset templates that can be used by the developer. The application authoring server 110 may generate an application authoring integrated development environment user interface that allows a developer to select any one of a plurality of templates that are set in advance and transmit the user interface to the app authoring apparatus 120.

At this time, the template may be a layout of a project or a layout of a user interface block included in a project, based on platform information corresponding to the project, environment information of the user terminal 130, and the like.

The developer can click a template button included in the user interface of the application authoring integrated development environment to select any one of a plurality of preset templates transmitted from the application authoring server 110 to the app authoring apparatus 120 . The developer can select any one of a plurality of templates.

The app authoring device 120 may transmit a project creation request to the application authoring server 110 so that a project corresponding to the template selected by the developer is created.

Alternatively, the developer can select one of a plurality of preset templates received from the application authoring server 110 and modify the template, or create a new defined template. The app authoring device 120 can transmit a project creation request to the app authoring server 110 so that a developer can modify the template or the project corresponding to the new user defined template.

In this way, the app authoring device 120 can transmit a project creation signal for project creation to the app authoring server 110 according to the input signal of the developer. At this time, the project creation signal may include the name of the project or the property information of the project. At this time, the attribute information of the project may include information of a supported platform, size and resolution of a displayed screen, and the like, but is not limited thereto.

The app authoring server 110 can create a project based on the project creation signal received from the app authoring apparatus 120. [

When the creation of the project is completed in the application authoring server 110, the app authoring device 120 can display the created project on the display module 310 of the app authoring device 120.

Developers can add blocks of data to the project through the app authoring integrated development environment user interface. Referring again to FIG. 4, the developer can input a name, a type, and a value corresponding to a data block using the data block generation button P400 of the user interface of the integrated application development environment of the application, and request the generation of a data block.

The app authoring device 120 may generate a block generation signal according to a data block creation request of the developer and deliver it to the application authoring server 110. At this time, the block generation signal may include a name, a type, and a value corresponding to a data block input by the developer.

For example, the block generation signal may store a name, a type, and a value corresponding to a data block input by a developer in JSON format.

The app authoring server 110 may generate a data block using the name, type, and value corresponding to the block generation signal received from the app authoring apparatus 120 and the data block included in the block generation signal. The application authoring server 110 may temporarily store the data block in the storage module 220 of the application authoring server 110.

To this end, the app authoring server 110 may store a data block included in the block creation signal in a database connected to the app authoring server 110. [ Alternatively, the application authoring server 110 may generate a data table so that data blocks included in the block generation signal may be stored in a separate database in the project.

At this time, the application authoring server 110 may generate a data table based on a database application programming interface (API) included in the application authoring software development tool. At this time, the database API may be an API in the app or an API corresponding to the database of the user terminal 130 on which the app is executed.

In addition, the app authoring server 110 may store data in the corresponding data table or may generate a data model that can read the values stored in the data table. In addition, the application authoring server 110 may include a data input source code, a data modification source code, a data deletion source code, or a data inquiry to input, modify, delete, and inquire data based on the application authoring software development tool and the generated data model You can generate source code.

Referring to FIG. 4, the developer can generate four data blocks P421, P422, P423, and P423 that can store text, photographs, maps, and moving images. Therefore, the app authoring server 110 can generate a data table and a data model so that four data blocks can be stored in the database in the app, respectively.

Further, when four data blocks are generated, the app authoring device 120 can display the generated data block in the data block list interface P420. The developer can confirm the generated four data blocks P421, P422, P423, and P423 through the data block list interface P420.

5 is an illustration of a data entry user interface in accordance with an embodiment of the present invention.

Meanwhile, the app authoring device 120 may display a user interface for inputting data included in the user interface of the application authoring integrated development environment, to the display module 310 of the app authoring device 120. [

The user interface for data input can be configured so that a developer can input data into a single data block or a plurality of data blocks selected through the app authoring device 120. [ Alternatively, as shown in FIG. 5, the user interface for data input may be configured to collectively input data for a plurality of data blocks included in the project.

A developer can input a value corresponding to a data block through a user interface for data input. The developer can then request storage of data entered into the app store.

The app authoring device 120 may transmit an identifier of the corresponding data block and a data input request signal of the corresponding data block to the app authoring server 110 at the request of the developer.

The app authoring server 110 may store data in the corresponding data block based on the data input request signal and the data input source code of the corresponding data block.

When the data storage is completed, the application authoring server 110 can transmit the data to the app authoring device 120 so that whether or not data is stored in the user interface of the application authoring integrated development environment is displayed.

The app authoring device 120 may display the data storage completion message and the stored data through the display module 310 of the app authoring device 120. [

In addition, the developer can modify or delete values stored in a specific data block through a user interface for data modification and deletion. The developer can then request storage of data entered into the app store.

At this time, the app authoring device 120 may transmit an identifier of the corresponding data block and a data modification or deletion request signal of the corresponding data block to the app authoring server 110 according to the developer's request.

The app authoring server 110 can modify the data stored in the data block based on the data modification signal and the data modification source code of the data block. Alternatively, the app authoring server 110 may delete the data stored in the data block or delete the data block based on the data deletion signal and the data modification / deletion code of the data block.

When the data modification or deletion is completed, the application authoring server 110 can transmit to the app authoring device 120 whether the modification or deletion of data is displayed on the user interface of the application authoring integrated development environment.

The app authoring device 120 may display the data storage completion message and the stored data through the display module 310 of the app authoring device 120. [

On the other hand, the developer can create a user interface block corresponding to the data block, based on the application authoring integrated development environment user interface displayed on the application storage device.

At this time, the developer selects any one of the data blocks displayed on the data block list interface P420 on the user interface of the application-authoring integrated development environment through the input module 300 of the application storage device, When dragging and dropping the data into a predetermined area, the app authoring device 120 can generate a block generation signal for generating a user interface block corresponding to a data block selected by the developer. The app authoring device 120 may transmit the block generation signal to the app authoring server 110.

The application authoring server 110 may generate a user interface block based on the block generation signal. Then, the application authoring server 110 may connect the data block corresponding to the block generation signal to the generated user interface block.

If there are one or more user interface blocks generated based on the block generation signal, the application authoring server 110 can set the layout of one or more user interface blocks. And the application authoring server 110 may generate the source code corresponding to the user interface block.

For example, the app authoring server 110 may set the layout of one or more user interface blocks based on a predetermined template. The application authoring server 110 may generate a list view corresponding to a layout of a plurality of user interface blocks. In addition, the app authoring server 110 may generate a list row and a list item corresponding to the list view.

The app authoring server 110 may generate a signal for the virtualized screen 400 including the generated one or more user interface blocks and transmit the generated signal to the app authoring device 120.

The app authoring device 120 can generate a virtualized screen 400 based on the signal received from the app authoring server 110 and display the virtualized screen 400 through the app authoring integrated development environment user interface.

When the developer selects a user interface block included in the virtualized screen 400, the app authoring device 120 may display a message setting user interface P470 for setting a message of the user interface block.

The message setting user interface P470 can set messages, search conditions, advanced options and attributes corresponding to the corresponding user interface block. At this time, the message may be to set a function for the corresponding user interface block. In addition, the attribute can be set such as a name, a positional coordinate, a size, and a type for the corresponding user interface block.

When the developer sets an attribute or a message for the user interface block through the message setting user interface P470 and the app authoring device 120 sends a signal including the set attribute information or message information to the app authoring server 110 .

The app authoring server 110 can set an attribute or a message for the user interface block based on the signal from the app authoring device 120. [ At this time, the application authoring server 110 may use an application authoring software development tool. The app authoring server 110 may transmit a signal to the app authoring device 120 to reflect the attribute or message set in the virtualized screen 400.

The app authoring device 120 may display a virtualized screen 400 reflecting an attribute or a message based on a signal received from the app authoring server 110. [

6 is an exemplary diagram of a developed app according to an embodiment of the present invention.

Through this process, developers can develop apps that can run on more than one platform. At this time, the developer can use the preview button of the user interface of the application authoring integrated development environment to confirm that the application developed by the user operates normally on each platform.

When the developer clicks the preview button P460, the app authoring device 120 can transmit a preview signal corresponding to the platform selected by the developer to the application authoring server 110. [

The application authoring server 110 may generate a data block included in the project and a source code corresponding to the user interface block according to a preview signal. At this time, the source code may be, but not limited to, html, css, and javascript source code independent of each platform.

The app authoring server 110 may generate a preview corresponding to the project according to the platform corresponding to the preview signal. At this time, the app authoring server 110 can forward the generated preview to the app authoring device 120, which is necessary for previewing.

The app authoring device 120 may display a preview received from the app authoring server 110 via the display module 310 of the app authoring device 120. [

On the other hand, when the developer selects the build of the project through the user interface of the application-authoring integrated development environment, the application storage device can generate the build signal and transmit the build signal to the application authoring server 110. At this time, the build signal may include information of a platform to build and distribute the project.

The app authoring server 110 can create a project that is currently dependent on each platform based on the build signal and the app authoring software development tool. For example, if the platform is Android and iOS, the app authoring server 110 can create an Android project and an iOS project based on the currently developed project.

And the app authoring server 110 may create a native source project based on each platform dependent project. At this time, the native source project is generated based on the application authoring software development tool, and can include a source code of a buildable form on each platform.

The application authoring server 110 may generate a build task corresponding to each platform and deliver the build task to the build server (not shown) through the communication module 200 of the application authoring server 110. At this time, the build server (not shown) may be a server configured to build a build task corresponding to each platform. When the build task is built in the build server (not shown), the application authoring server 110 receives the install package corresponding to the build task from the build server (not shown) through the communication module 200 of the application authoring server 110 .

The application authoring server 110 may transmit the generated installation package corresponding to each platform to the app authoring device 120. At this time, the app authoring server 110 may generate a URL or a QR code so that the app authoring device 120 can download the append to the app authoring device 120.

The app authoring device 120 can download the installation package from the app authoring server 110 at the request of the developer. The app authoring device 120 can directly distribute the installation package to the user terminal 130 or distribute the installation package to the user terminal 130 through the application store at the request of the developer.

For example, the app authoring server 110 can create an Android native source project using the predefined library for Android included in the app authoring software development tool. In addition, the app authoring server 110 can create an iOS native source project using a predefined iOS library included in the app authoring software development tool.

The app authoring server 110 can generate a build task corresponding to the Android native source project and deliver it to the Andriod build server. Once the build task is built on the Android build server, you can receive the Android install package corresponding to the Android native source project.

In addition, the app authoring server 110 may generate a build task corresponding to the iOS native source project and deliver it to the iOS build server. When the corresponding build task is built on the iOS build server, you can receive the iOS install package corresponding to the iOS native source project.

The app authoring server 110 generates a URL or QR code where the Android installation package and the iOS installation package are stored so that the app authoring device 120 can download the Android installation package and the iOS installation package, 120).

Meanwhile, the application authoring apparatus 120 can support the developer to modify the application using the native source generated by the application authoring server 110, and distribute the modified application.

Specifically, at the request of the developer, the app authoring device 120 can request a native source project to the app authoring server 110. The application storage device can receive the native source project from the application authoring server 110 and display it on the user interface of the application authoring integrated development environment so that the developer can modify the native source project.

When the developer modifies a specific native source included in the native source project through the application authoring integrated development environment user interface and requests a build, the app authoring apparatus 120 sends the application authoring server 110 to the application authoring server 110, You can request a build for a native source project.

3, an app authoring apparatus 120 according to an embodiment of the present invention will be described.

As described above with reference to FIG. 3, the app authoring device 120 develops an app through the app authoring server 110 according to a developer input signal.

The processor 340 may display one or more blocks included in the project and the project received from the app authoring server 110 through the communication module 300 through the display module 310. [ At this time, the project and one or more blocks may be displayed on the display module 310 through the app authoring user interface received from the app authoring server 110. The block also includes a data block and a user interface block.

Specifically, the processor 340 may generate a project generation signal corresponding to the project at the request of the developer. The processor 340 may then forward the request to the app authoring server 110.

The application authoring server 110 can generate a project based on the project creation signal and generate an application authoring user interface. The application authoring server 110 can transmit the request to the app authoring device 120 through the communication module 300.

The processor 340 may receive the transferred project and application authoring user interface. At this time, the app authoring user interface may be generated based on html 5, but is not limited thereto.

In addition, the processor 340 may transmit a block generation signal corresponding to a data block included in the project to the application authoring server 110.

When the app authoring server 110 generates and transmits the data block to the data block list, the processor 340 may display the data block list on the display module 310 through the app authoring user interface. At this time, the data block list may include one or more data blocks.

Meanwhile, the processor 340 transmits a block generation signal to the application authoring server 110 through the communication module 300 to generate a user interface block corresponding to one of the one or more data blocks included in the data block .

At this time, the block generation signal can be generated by the developer through the input module 300 by dragging and dropping the data block to the virtualized user terminal 400 included in the application authoring user interface.

The processor 340 may receive an application design user interface including a user interface block generated by the application authoring server 110 from the application authoring server 110. The processor 340 may then display on the display module 310 via the app design user interface.

At this time, the user interface block is generated so that the application authoring server 110 is connected to any one data block selected based on the block generation signal.

At this time, the app design user interface may correspond to the virtualized user terminal 400 on the app authoring user interface as being included in the app authoring user interface.

That is, the application design user interface may design a user interface to be displayed on the display module when the corresponding application is executed in the virtualized user terminal 400 or when the corresponding application is executed in the real user terminal 130. Thus, the app design user interface may be located by one or more user interface blocks based on the virtualized user terminal 400. [

At this time, the processor 340 may define a layout for arranging one or more user interface blocks according to a developer input signal inputted through the input module 300. [ The processor 340 may then place the user interface block based on the defined layout. Alternatively, the processor may place one or more user interface blocks based on the layout if the developer selects any one of the predetermined layouts.

Referring again to FIG. 6, the processor 340 may arrange a plurality of user interface blocks based on a developer-defined layout.

On the other hand, the processor 340 can generate a platform selection signal corresponding to the platform when the developer selects a specific platform to preview on the basis of the platform-specific preview button included in the application authoring user interface. The processor 340 may then forward the platform selection signal to the app authoring server 110. At this time, the platform may be any one of Android and iOS, but is not limited thereto.

The processor 340 may then receive a preview corresponding to the platform selection signal from the app authoring server 110. At this time, previewing provides a virtualized user terminal 400 corresponding to a specific platform through an application authoring user interface. The processor 340 may display the generated preview on the display module.

The processor 340 may also pass a build signal to the app authoring server 110. At this time, the build signal may be generated based on the build button included in the app authoring user interface. Then, the processor can receive the distribution package created after building the project from the application authoring server 110.

At this time, the processor 340 may generate a build signal corresponding to one of the one or more platforms. Therefore, the distribution package generated through the build signal may be generated after being built corresponding to the platform included in the build signal.

In addition, the processor 340 may receive the native source code corresponding to the project from the application authoring server 110 and display the native source code on the display module 310 through the application authoring user interface. At this time, the native source code may be included in the native source project corresponding to the project generated based on the build signal. The processor 340 may receive the address of the distribution package from the application authoring server 110 and display the address of the distribution package on the display module 310.

At this time, the address of the distribution package may be one of a URL and a QR code.

Next, an application authoring method of the app authoring apparatus 120 according to an embodiment of the present invention will be described with reference to FIG.

7 is a flowchart of an application authoring method of an app authoring apparatus 120 according to an embodiment of the present invention.

The app authoring device 120 receives one or more blocks included in the project and the project from the application authoring server 110 (S700).

The app authoring device 120 may display the received project and one or more blocks through the display module (S710).

At this time, the project and one or more blocks are displayed on the display module 310 through the app authoring user interface received from the app authoring server 110. The block also includes a data block and a user interface block.

Meanwhile, after the project and one or more blocks are displayed through the display module 310, the app authoring device 120 may transmit a block generation signal corresponding to the data block included in the project to the application authoring server 110 .

And the app authoring device 120 may receive a list of data blocks including data blocks from the app authoring server 110. [ At this time, the data block list includes one or more data blocks, and the app authoring server 110 generates and adds data blocks based on the block generation signal.

In addition, the app authoring device 120 may display the data block list on the display module 310 through an application authoring user interface.

After displaying the project and one or more blocks through the display module 310, the app authoring device 120 generates a user interface block corresponding to any one of the one or more data blocks included in the data block To the app authoring server (110).

After the user interface block is generated in the app authoring server 110, the app authoring device 120 may display the created interface block on the display module 310 through the app design user interface including the generated interface block. At this time, the application design user interface is included in the application authoring user interface, and one or more user interface blocks may be disposed. Also, the user interface block is generated so that the application authoring server 110 is connected to any one data block based on the block generation signal.

Meanwhile, the app authoring device 120 can transmit the build signal to the app authoring server to build the project. Then, the app authoring device 110 can receive the generated distribution package based on the build signal from the app authoring server 110. At this time, the distribution package is generated after the app authoring server 110 builds the project based on the build signal.

The app authoring device 120 may receive the native source code corresponding to the project from the app authoring server 110. And the app authoring device 120 may display the native source code on the display module 310 through the app authoring user interface. At this time, the native source code is generated based on the build signal. In addition, the native source code can be included in a native source project corresponding to the project.

The app authoring device 120 and method for providing an integrated development environment for developing an app according to an embodiment of the present invention can provide an integrated development environment independent of a platform of an app developed by a developer. In addition, an application authoring apparatus 120 and a method for providing an integrated development environment for developing an application can develop an application that can run on one or more platforms without writing source code through a web-based integrated development environment based on a graphical user interface. The method and apparatus for authoring an application 120 for providing an integrated development environment for developing an application can generate the developed application as native source code of one or more platforms and can implement and maintain additional functions using the native source code.

Thus, an app authoring device (120) and method that provides an integrated development environment for developing an app can quickly and easily develop an app for users who are familiar with the programming language and those who are not familiar with the programming language.

One embodiment of the present invention may also be embodied in the form of a recording medium including instructions executable by a computer, such as program modules, being executed by a computer. Computer readable media can be any available media that can be accessed by a computer and includes both volatile and nonvolatile media, removable and non-removable media. The computer-readable medium may also include computer storage media. Computer storage media includes both volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data.

While the methods and systems of the present invention have been described in connection with specific embodiments, some or all of those elements or operations may be implemented using a computer system having a general purpose hardware architecture.

It will be understood by those skilled in the art that the foregoing description of the present invention is for illustrative purposes only and that those of ordinary skill in the art can readily understand that various changes and modifications may be made without departing from the spirit or essential characteristics of the present invention. will be. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive. For example, each component described as a single entity may be distributed and implemented, and components described as being distributed may also be implemented in a combined form.

The scope of the present invention is defined by the appended claims rather than the detailed description and all changes or modifications derived from the meaning and scope of the claims and their equivalents are to be construed as being included within the scope of the present invention do.

100: App authoring system
110: App authoring server
120: App authoring device
130: User terminal
140: External Software Development Tools
150: App Store

Claims (16)

An apparatus for authoring an application for providing an integrated development environment for developing an application,
Display module,
A communication module for performing data communication with the application authoring server,
Integrated development environment program for authoring your app
And a processor for executing a program stored in the memory,
Wherein the processor displays the project received from the application authoring server and one or more blocks included in the project through the display module according to execution of the program,
Wherein the project and the one or more blocks are displayed on the display module through an app authoring user interface received from the app authoring server,
The block comprising a data block and a user interface block,
The processor
And transmitting the block generation signal corresponding to the data block included in the project to the application authoring server, receiving a data block list including the data block from the application authoring server, ,
The data block list
Wherein the at least one data block includes at least one data block, the application authoring server generates and adds the data block based on the block generation signal,
The processor
To the application authoring server, a block generation signal for generating a user interface block corresponding to any one of the data blocks included in the data block list, And displaying on the display module through an app design user interface including the generated interface block,
The app design user interface
Wherein at least one user interface block is included in the application authoring user interface,
The user interface block
Wherein the application authoring server is generated to be connected to any one of the data blocks based on the block generation signal,
The processor
Based on a drag-and-drop operation to the application design user interface for one of the one or more data blocks included in the data block list, And transmits the block generation signal for generating a block to the app authoring server. The method according to claim 1,
Wherein the processor generates a project creation signal corresponding to the project and receives a project generated in response to the project creation signal from the application authoring server after transferring the project creation signal to the application authoring server. delete delete The method according to claim 1,
Wherein the application design user interface places the one or more user interface blocks according to a layout corresponding to the project. The method according to claim 1,
The processor sends a platform selection signal to the app authoring server,
Receiving a preview corresponding to the project from the application authoring server and displaying the preview on the display module through the application authoring user interface,
Wherein the platform selection signal is generated based on a predetermined area corresponding to a preview for each platform included in the application authoring user interface and includes a platform corresponding to the preview. The method according to claim 6,
Wherein the platform is one or more of Android and iOS. The method according to claim 1,
The processor sends a build signal to the app authoring server, receives a distribution package from the app authoring server,
Wherein the distribution package is generated after the application authoring server has built the project based on the build signal. 9. The method of claim 8,
Wherein the project receives native source code corresponding to the project from the application authoring server and displays the native source code on the display module through the application authoring user interface,
Wherein the native source code is generated based on the build signal and is included in a native source project corresponding to the project. 9. The method of claim 8,
Wherein the processor receives the address of the distribution package from the application authoring server and displays the address on the display module,
Wherein the address of the distribution package is one of a URL and a QR code. The method according to claim 1,
Wherein the app authoring user interface is based on HTML 5. A method for authoring an apparatus for providing an integrated development environment for developing an application,
Receiving a project from the app authoring server and one or more blocks included in the project; And
Displaying the project and one or more blocks through a display module,
Wherein the project and the one or more blocks are displayed on the display module through an app authoring user interface received from the app authoring server,
The block comprising a data block and a user interface block,
After displaying the project and one or more blocks through the display module,
Transmitting a block generation signal corresponding to a data block included in the project to the application authoring server;
Receiving a data block list including the data block from the app authoring server;
And displaying the data block list on the display module through the application authoring user interface,
The data block list
Wherein the application authoring server generates and adds the data block based on the block generation signal,
After displaying the project and one or more blocks through the display module,
Transmitting a block generation signal to the application authoring server to generate a user interface block corresponding to one of the one or more data blocks included in the data block list; And
Further comprising the step of displaying on the display module through an app design user interface including the generated interface block after the user interface block is created in the app authoring server,
The app design user interface
Wherein at least one user interface block is included in the application authoring user interface,
The user interface block
Generating an app authoring server to be connected to any one of the data blocks based on the block generation signal,
The step of transmitting the block generation signal to the app authoring server
Based on a drag-and-drop operation to the application design user interface for one of the one or more data blocks included in the data block list, Block generation signal for causing the application authoring server to generate the block. delete delete 13. The method of claim 12,
Transmitting the build signal to the app authoring server after displaying the project and one or more blocks through the display module; And
Further comprising receiving a distribution package from the app authoring server,
Wherein the distribution package is created after the application authoring server has built the project based on the build signal. 16. The method of claim 15,
After transmitting the build signal to the app authoring server,
Receiving native source code corresponding to the project from the application authoring server; And
Further comprising displaying the native source code on the display module through the application authoring user interface,
Wherein the native source code is generated based on the build signal and is included in a native source project corresponding to the project.

Images