KR102284587B1 - Platform system for producing responsive content and method thereof - Google Patents

Abstract

The present invention discloses a responsive content creation platform system. More specifically, the present invention relates to a responsive content creation platform system and a production method that provide an environment for creating dynamic responsive content through collaboration between a graphic designer who professionally uses an image authoring tool and a programmer who handles a programming language. it's about
According to an embodiment of the present invention, each terminal is connected so that graphic designers and developers can collaborate on a project for producing responsive content online, and each person in charge sequentially responds to the progress of the project. It has the effect of making it possible to produce responsive content more efficiently through collaboration by supporting tasks and enabling communication between people in charge.

Description

Responsive content production platform system and production method thereof

The present invention is a responsive content creation platform system that provides an environment for creating dynamic responsive content through collaboration between a graphic designer who professionally uses an image authoring tool and a programmer who handles a programming language, and It's about how to make it.

Currently, most of the services provided through the Internet are based on the World Wide Web (WWW), and most of these web contents or application-type contents whose market share is increasing recently include digital images.

In the field of digital image production, various production methods are used to produce more realistic and dynamic images, and such programs can be classified into three or four types.

In general, a commercial image editing program such as Photoshop or Illustration is widely used in producing a static image, and GIF or Adobe Flash is used in producing a dynamic image.

However, in order to produce responsive content, more dynamic animation effects can be applied only by using a programming language such as C language for 2D images. there is a situation.

In particular, responsive content is produced in Photoshop or the like in the case of a basic image, but dynamic effects can be added only by using CSS or javascript, which requires programming techniques. In addition, it is possible to display as responsive content on the web or application only when it is produced in HTML5. On the other hand, Adobe's FLASH, which requires low-level programming knowledge and is advantageous for creating dynamic images, is expected to be discontinued from 2020 due to virus and security issues.

As described above, among the existing graphic designers, it can be said that there are few graphic designers who can use CSS, HTML5, or javascript proficiently. Even if a graphic designer has a certain level of programming ability, there are no business sites that can utilize it properly, so they are only active in limited fields such as special purpose or advertisement. Accordingly, in the field of digital contents, the dissemination of responsive contents is low, and the activation is delayed compared to other fields.

In other words, it is judged that it is difficult to see the activation of responsive content until the tendency of graphic designers to produce responsive content changes.

Registered Patent Publication No. 10-1416089 (Announcement Date: 2014.07.09.)

The present invention has been devised to solve the above problems, and the present invention is a collaboration between a graphic designer in charge of the production of a graphic part and a developer in charge of the programming part in producing responsive content that provides a dynamic effect. There are challenges in providing an environment.

In order to solve the above problems, the responsive content creation platform system according to a preferred embodiment of the present invention is a platform system that provides a project progress environment for collaborative development of responsive content, and includes a graphic part of the responsive content. One or more design terminals for performing a work, one or more developer terminals for performing work on the programming part of the responsive content, and the project are created, and the project result is received by the design terminal and the developer terminal. It may include an integrated development server for reflecting and integrating, and sharing one work pattern form in which work content to date is recorded between the design terminal and the developer terminal according to the progress of the project.

The integrated development server transmits/receives project-related data by interworking with a member management unit that performs a member registration procedure of one or more graphic designers and programmers who want to participate in the project, a design terminal and a developer terminal of a member registered graphic designer and programmer The project management unit that creates the project and sets the participants of the created project according to the request of the interlocking unit, the design terminal or the developer terminal, receives the work progress results of the design terminal and the developer terminal, and divides the project into a plurality of procedures It may include a database for storing the project execution unit and the work progress results that proceed sequentially.

The project execution unit provides a plurality of storytelling samples for the content of the responsive content to the design terminal, a storytelling selection function to receive any one selected, a plurality of storyboards for the content of the responsive content to the design terminal A storyboard selection function that provides a pattern and receives a selection and a search word from the design terminal, an image production and upload function that receives one or more images corresponding to each scene of responsive content from the design terminal and inserts it into a project, the above Collaboration and coding function that receives the approval of the developer terminal according to the collaboration request of the design terminal, receives the coding result of the source code applied to the responsive content from the developer terminal, and inserts it into the project, included in the project from the design terminal Responsive content based on the project when the interactive element modification function that receives a request for modification of the interactive element, receives the modification result of the interactive element requested to be modified from the developer terminal and reflects it in the project, and the design terminal confirms the modification It may include a content creation function to create

The integrated development server may further include a mobile linkage distribution unit that mediates message transmission and reception between mobile terminals possessed by graphic designers and developers participating in the project, respectively.

The mobile terminal is loaded with an application program for transmitting and receiving the message in conjunction with the integrated development server, the application program displays a chat unit for transmitting and receiving real-time messages between the graphic designer and the developer's mobile terminal, the image list included in the project It may include a gallery unit, a coding unit for inputting and displaying the coding schedule of the source code included in the project, and a transmission unit for transmitting information related to the project to the other mobile terminal.

In addition, the responsive content production method according to an embodiment of another aspect of the present invention for solving the above-mentioned problems is an integrated development that provides a project progress environment for collaborative development of responsive content to one or more design terminals and developer terminals A method of producing responsive content by a server, comprising: generating a project according to a request for creation of any one project among the design terminal and the developer terminal; registering graphic designers and developers participating in the project; Comprising the steps of conducting the project according to the input of the graphic designer and developer's design terminal and the developer's terminal and completing the project by generating responsive content according to the progress procedure, the registered graphic designer and developer's design terminal And the step of proceeding with the project according to the input of the developer terminal, according to the progress of the project, between the design terminal and the developer terminal may include the step of sharing a single work pattern form in which the work content is recorded.

The step of conducting the project according to the input of the registered graphic designer and developer's design terminal and the developer terminal may include providing a plurality of storytelling samples to the design terminal to receive a selection of any one storytelling, the design terminal receiving a selection of one storyboard by providing a plurality of storyboard patterns to the design terminal; receiving one or more images corresponding to each scene of the responsive content from the design terminal and uploading them to a project; requesting collaboration from the design terminal Receiving the approval of the developer terminal according to, receiving the coding result of the source code applied to the responsive content from the developer terminal and inserting it into the project, requesting modification of the interactive element included in the project from the design terminal It may include the steps of receiving, receiving the modification result of the interactive element requested to be modified from the developer terminal and reflecting it in the project, and when the modification proposal is confirmed from the design terminal, generating responsive content based on the project.

After the step of registering graphic designers and developers participating in the project, the method may further include a step of mediating message transmission and reception between mobile terminals possessed by graphic designers and developers participating in the project, respectively.

The step of performing the project according to the input of the registered graphic designer and developer's design terminal and the developer's terminal includes the steps of transmitting and receiving a real-time message between the graphic designer and the developer's mobile terminal, displaying a list of images included in the project , it may include one or more of the steps of inputting and displaying the coding schedule of the source code included in the project and transmitting information related to the project to the other mobile terminal.

The registered graphic designer and According to the developer's selection, the method may further include posting the result of the project progressed so far on a web page and transmitting the URL of the web page to a general public terminal.

According to an embodiment of the present invention, each terminal is connected so that graphic designers and developers can collaborate on a project for producing responsive content online, and each person in charge sequentially responds to the progress of the project. It has the effect of making it possible to produce responsive content more efficiently through collaboration by supporting tasks and enabling communication between people in charge.

1 is a diagram schematically showing the overall structure of a responsive content creation platform system according to an embodiment of the present invention.
2 is a diagram showing the structure of the integrated development server of the responsive content creation platform system according to an embodiment of the present invention.
3 is a diagram illustrating the structure of an application program mounted and executed in a mobile terminal of a responsive content creation platform system according to an embodiment of the present invention.
4 is a diagram illustrating a method for producing responsive content according to an embodiment of the present invention.
FIG. 5 is a detailed diagram of a step of conducting a project in the method for producing responsive content of FIG. 4 .
6, 7, 8, 9 and 10 are diagrams illustrating an example of a screen provided by an application program executed in a mobile terminal of a responsive content creation platform system according to an embodiment of the present invention.
11 and 12 are diagrams illustrating the configuration of a work pattern form provided by the responsive content creation platform system according to an embodiment of the present invention.
13 and 14 are diagrams illustrating a review screen during work provided to the general public by the responsive content creation platform according to an embodiment of the present invention.

Terms used in this specification will be briefly described, and the present invention will be described in detail.

The terms used in the present invention have been selected as currently widely used general terms as possible while considering the functions in the present invention, but these may vary depending on the intention or precedent of a person skilled in the art, the emergence of new technology, and the like. In addition, in a specific case, there is a term arbitrarily selected by the applicant, and in this case, the meaning will be described in detail in the description of the corresponding invention. Therefore, the term used in the present invention should be defined based on the meaning of the term and the overall content of the present invention, rather than the name of a simple term.

In addition, when a part "includes" or "includes" a certain component throughout this specification, it does not exclude other components, but may further include other components unless otherwise stated. means that

As used herein, the term “embodiment” is meant to serve as an illustration, example, or illustration, but the subject matter of the invention is not limited by such examples. And, although other similar terms such as "comprising", "comprising" and "having" are used, when used in the claims, it is an open transition word that does not exclude any additional or other elements. It is used generically in a manner analogous to the term "comprising".

In addition, "... Unit", "... Terminal", "... Server" and "... System" etc. described throughout this specification The term means a unit for processing an operation in which one or more functions are combined, which may be implemented as hardware, software, or a combination of hardware and software.

The various techniques described herein may be implemented in conjunction with hardware or software, or a combination of both, where appropriate. As used herein, terms such as “unit,” “terminal,” “server,” and “system,” likewise refer to computer-related entities, i.e. hardware, a combination of hardware and software, software or software in execution. can be treated as equivalent.

In addition, in the present invention, the programs executed in the user terminal and the server may be configured in units of "units", and are recorded in one physical memory in a form capable of reading, writing and erasing, or distributed between two or more memories or recording media. and can be recorded.

Hereinafter, a responsive content creation platform system and a production method according to an embodiment of the present invention will be described with reference to the drawings.

1 is a diagram schematically showing the overall structure of a responsive content creation platform system according to an embodiment of the present invention.

Referring to FIG. 1 , a responsive content creation platform system according to an embodiment of the present invention is a platform system that provides a project environment for collaborative development of responsive content, and performs work on graphic parts of responsive content. One or more design terminals 100 to perform, one or more developer terminals 200 to perform work on programming parts of responsive content, and to create a project, and work performed in the design terminal 100 and the developer terminal 200 It may include an integrated development server 300 that receives the result and reflects and integrates the project.

The design terminal 100 may be a computing device used by a graphic designer to develop graphic parts in responsive content. The graphic designer participating in the responsive content project of the present invention is responsible for the production of the external part of the content. As an example, the design terminal 100 performs works such as authoring, editing, and conversion for images, icons, and videos appearing in responsive content, and uploads the work results to the integrated development server 300 through the information and communication network. can do.

A graphic designer joins the integrated development server 300 through the design terminal 100 used by the graphic designer, requests the creation of a project, or registers as a participant in the created project, and is responsible for the part he/she is responsible for according to the progress of the project , and provides the result to the integrated development server 300 .

The developer terminal 200 may be a computing device used by a programmer, that is, a developer, who performs development of a programming part in the responsive content. The developer participating in the responsive content project of the present invention is responsible for the production of the inner part of the content. As an example, the developer terminal 200 controls the appearance, movement, etc. of an image appearing in responsive content through a known programming language, or performs a coding task to implement a function, data transmission, etc. related to the image, The work result may be uploaded to the integrated development server 300 through the information communication network.

The developer joins the integrated development server 300 through the developer terminal 200 used by the developer, requests the creation of the project, or registers as a participant in the created project, and according to the progress of the project, he/she is responsible for the part. , and provides the result to the integrated development server 300 .

The design terminal 100 and the developer terminal 200 described above guarantee performance above a certain level, and a microprocessor capable of executing a known graphic editing program and programming language such as Javascript, a stationary PC and a notebook PC having a memory and storage. A well-known computing device, such as can be used.

The integrated development server 300 is connected to one or more design terminals 100 and developer terminals 200 through an information communication network to generate a responsive content production project from a member registered terminal, and a design terminal 100 participating in the project. ) and a server that provides an environment in which responsive content can be produced by collecting and reflecting the work results of the developer terminal 200 .

In particular, the integrated development server 300 according to an embodiment of the present invention provides a standardized collaboration process and work pattern form so that designers and developers in charge of different parts can communicate with each other in the current work procedure. According to the collaborative process, the person in charge enters and shares their work in the work pattern form and uploads the work result so that all participants in the project can easily judge the current situation and proceed with the work.

The integrated development server 300 includes a server device equipped with a high-performance microprocessor, memory, and large-capacity storage so as to quickly process requests from a plurality of design terminals 100 and developer terminals 200 online without delay. can be used

On the other hand, the responsive content production platform system according to an embodiment of the present invention provides an intermediary function to support real-time communication between graphic designers and developers in addition to the design terminal 100 and the developer terminal 200 used for actual content production. can provide more.

As shown, graphic designers and programmers have a mobile terminal as a separate communication means in addition to the terminal for the actual work, and the integrated development server 300 connects the two mobile terminals to each other and sends messages in real time during the project. It is possible to further provide a function for transmitting and receiving or checking the result of the current operation.

Through this, graphic designers and programmers participating in the same project can send and receive messages related to the project at any time using their mobile terminal 101 and developer mobile terminal 201, respectively, and image or source code according to the task You can check the coding schedule or send files needed for other work.

In addition, the responsive content creation platform system according to an embodiment of the present invention can receive a review by providing in advance the results of a project that has not yet been completed to the public as well as designers and developers directly participating in the project, and to attract the attention of the public. can induce

In order to implement this function, the work pattern form provided by the integrated development server 300 is equipped with an SNS sending module to send a URL for checking the result of the current project to the third mobile terminal 202 .

Accordingly, the general public can access the web page provided by the integrated development server 300 through the URL transmitted through the web browser mounted on the general public terminal 202 and use the responsive content that is the result of the project in progress. there is. A detailed description of such a review function will be described later.

Examples of the mobile terminals 101, 102, 201, and 202 include a Personal Communication System (PCS), a Global System for Mobile communications (GSM), a Personal Digital Cellular (PDC), a Personal Handyphone System (PHS), and a Personal Digital Assistant (PDA). , IMT (International Mobile Telecommunication)-2000, CDMA (Code Division Multiple Access)-2000, W-CDMA (W-Code Division Multiple Access), Wibro (Wireless Broadband Internet) terminal, smart phone, smart pad ), all kinds of handheld-based wireless communication devices such as tablet PCs, and computing devices such as stationary PCs and notebook computers may be used.

According to the above structure, the responsive content creation platform system according to an embodiment of the present invention can provide an environment in which graphic designers and developers can collaborate to produce responsive content, thereby enabling more efficient content production. .

Hereinafter, the structure of the integrated development server of the responsive content creation platform system according to an embodiment of the present invention will be described in detail with reference to the drawings.

2 is a diagram showing the structure of the integrated development server of the responsive content creation platform system according to an embodiment of the present invention.

Referring to FIG. 2 , the integrated development server 300 according to an embodiment of the present invention includes a member management unit 310 performing a membership registration procedure for one or more graphic designers and programmers who want to participate in a project, a member registered graphic designer and Interworking unit 320 for transmitting and receiving project-related data in conjunction with the programmer's design terminal and developer terminal. The project management unit 330 creates a project according to the request of the design terminal or the developer terminal and sets the participants of the created project, receives the work progress results of the design terminal and the developer terminal, divides the project into a plurality of procedures and sequentially It may include an ongoing project execution unit 340 and a database 350 for storing the work progress results.

The member management unit 310 may provide a function related to member registration and management of persons in charge who want to use the service provided by the responsive content creation platform system according to an embodiment of the present invention.

In order to proceed with the project using the service provided by the system of the present invention, membership registration of each person in charge is a prerequisite, and the person in charge proceeds with the membership registration procedure through their design terminal 100 and developer terminal 200, You can request to create a project and participate in the project.

Accordingly, the member management unit 310 proceeds with the member registration procedure of the corresponding person in charge according to the request of the design terminal 100 and the developer terminal 200 accessed through the information and communication network, and in the case of the person in charge who is already registered, a known authentication procedure can handle login. In addition, at the request of the person in charge who wishes to withdraw from membership, the member may proceed with the withdrawal procedure. Member information about the person in charge registered as a member may be stored in the database 250 .

The linkage unit 320 may transmit/receive various data for project progress by interworking after login of the member-registered design terminal 100 and the developer terminal 200 . The design terminal 100 and the developer terminal 200 belonging to the same project share the work pattern form and work result for the project, and the currently progressed work result can be updated from time to time until the end of the project, and is downloaded to each terminal according to the request. can be

The project management unit 330 may generate a project for producing responsive content according to the request of the design terminal 100 and the developer terminal 200 , and perform procedures related to project participation and termination.

The project execution unit 340 may provide various functions for executing the generated project. The project is divided by graphic designer and developer and proceeds sequentially according to the current progress. According to the order, each part alternately uploads the work result, and it can be progressed by inputting and sharing the content in the work pattern form.

In order to proceed with the project in this form, the project execution unit 340 according to an embodiment of the present invention provides a storytelling selection function 341 and a storyboard selection function 342 to the design terminal 100 and the developer terminal 200. , an image production and upload function 343 , a collaboration and coding function 345 , an interactive element modification function 346 , and a content creation function 347 may be provided.

The storytelling selection function 341 is a function for selecting storytelling in which the concept of responsive content and a topic to be delivered are defined. The storytelling can be provided, and the graphic designer can choose any one storytelling according to the intention.

The storyboard selection function 342 is a function to select a storyboard, which is a document that draws a draft for each scene of the responsive content, and the project execution unit 340 can provide storyboard patterns in various formats prepared in advance. In addition, the graphic designer can select a plurality of storyboard patterns provided, and organize the main scenes in the form of images so that the contents of the responsive content can be easily understood according to the format.

In addition, the selected storyboard pattern becomes the basis of the work pattern form for proceeding with the project. In this work pattern form, a search word (tag) can be inserted, and the graphic designer can enter various search words for search in the remarks column. . A detailed description of such a work pattern form will be described later.

The image production and upload function 343 is related to the work of a graphic designer, and relates to a function of selecting an image file type used for each scene of responsive content, uploading a produced image, and receiving an action content for each scene. The project execution unit 340 may upload an image file for each scene transmitted from the design terminal 100 , and store the action content in the form of a text input in each scene.

The collaboration and coding function 345 is related to the work of the relapser, and is a function to mutually discuss and agree on a development direction with a developer participating in the project, and establish collaboration. The project execution unit 240 provides a coding method and a plurality of developers. provides the uploaded portfolio to the design terminal, and upon approval of the graphic designer who has confirmed this, one or more developers approve whether to collaborate, and upon mutual initial consent, information on the accepted developer can be transmitted to the design terminal.

Thereafter, the graphic designer may select one or more desired developers and request collaboration. If the developer agrees to this, the project execution unit 240 may receive a coding schedule from the developer terminal, and the developer starts coding.

The interactive element modification function 346 is a function of modifying the draft responsive content written by the developer, and when the draft content is completed by the developer, it may be provided to the design terminal, and after review by the graphic designer, the content draft is modified can be requested from the developer terminal.

The content creation function 347 may provide a function for generating responsive content based on the content revision. With respect to the completed result, the project execution unit 340 may receive final consent from both the graphic designer and the developer, and may terminate the project.

The database 350 may store responsive content produced by the project execution unit 340 . In addition, the database 350 may store member information for member-registered graphic designers and developers for member management, and may store various setting information for operating the other integrated development server 300 .

In addition, the integrated development server 300 according to an embodiment of the present invention may further include a mobile linkage distribution unit 360 that mediates a mobile terminal for communication between a graphic designer and a developer.

The mobile linkage distribution unit 360 identifies the first mobile terminal 101 and the second mobile terminal 201 each possessed by referring to the phone numbers of graphic designers and developers included in the member information, and the two terminals can be relayed to each other. In addition, the distribution unit 360 may distribute responsive content that is a result of the progress and completion of the project online through a web page.

Here, the first mobile terminal 101, the second mobile terminal 201, and the third mobile terminal 202 are classified based on the holder for convenience of description, but their functions are not different.

Each of the first mobile terminal 101 and the second mobile terminal 201 may have an application program linked to the integrated development server 300 installed, and message transmission between terminals is possible according to the execution of the application program in each terminal. . In addition, the application program may provide various functions related to content development by interworking with the integrated development server 300 , a detailed description thereof will be given later.

In addition, the distribution unit 360 may provide a web page that publishes responsive content on the web, and the designer or developer accesses the third third through the URL provided by the SNS transmission module mounted on the work pattern form while working. It is possible to provide a web page in which the responsive content being worked on is uploaded to the mobile terminal 202 .

According to the above-described structure, the integrated development server according to an embodiment of the present invention complements each other's expertise by sequentially cooperating a project between a graphic designer of a graphic part and a developer of a programming part, An efficient content creation environment can be provided.

On the other hand, as described above, the responsive content creation platform system according to an embodiment of the present invention can support communication between graphic designers and developers through a separate mobile terminal in addition to the terminal participating in the actual production work, and for this purpose, An application program to be installed in the terminal may be provided.

In addition, the responsive content creation platform system according to an embodiment of the present invention can share the work results through a web page to the general public, not participants, even before the project is completed.

Hereinafter, a structure of an application program mounted and executed in a design and developer mobile terminal according to an embodiment of the present invention will be described with reference to the drawings.

3 is a diagram illustrating the structure of an application program mounted and executed in a mobile terminal of a responsive content creation platform system according to an embodiment of the present invention.

Referring to FIG. 3 , the application program 400 according to an embodiment of the present invention includes a chatting unit 410 that transmits and receives real-time messages between graphic designers and developers' mobile terminals, and a gallery unit that displays a list of images included in the project ( 420), a coding unit 430 for inputting and displaying a coding schedule of the source code included in the project, and a transmission unit 440 for transmitting information related to the project to the other mobile terminal.

The chatting unit 410 may transmit and receive messages between one or more first and second mobile terminals participating in the same project in real time. The integrated development server may relay the first and second mobile terminals of one or more graphic designers and developers registered as members to transmit a message written in the mobile terminal to the receiver.

The gallery unit 420 may display images, icons, etc. uploaded to the project by accessing the integrated development server. The gallery unit 420 downloads images corresponding to each scene of the responsive content being produced from the integrated development server, displays an image list in the form of thumbnails, and graphic designers and developers select and enlarge thumbnails of images to check. image can be checked.

The coding unit 430 may display the source code for each date uploaded to the project by accessing the integrated development server. In addition, the coding unit 430 may receive an upload date for the code that has not yet been written from the developer and upload it to the project, which may be shared with all mobile terminals participating in the project.

The transmission unit 440 may transmit project-related data such as images and text stored in the mobile terminal to the integrated development server or to another mobile terminal. Graphic designers and developers may encounter a situation in which necessary images or texts need to be delivered to other project participants during work, and the transmission unit 440 may transmit or receive a selected file to a connected mobile terminal.

According to the above-described structure, in the application program according to the embodiment of the present invention, graphic designers and developers can share opinions with each other through messages during project progress, and can easily check project progress and related information.

Hereinafter, a method for producing responsive content according to an embodiment of the present invention will be described with reference to the drawings.

4 is a diagram illustrating a method for producing responsive content according to an embodiment of the present invention. In the following description, the execution entity of each step becomes the integrated development server and its constituent parts according to the embodiment of the present invention described above, even if there is no separate description.

Referring to FIG. 4 , the responsive content production method according to an embodiment of the present invention includes the steps of generating a project according to a request for creation of any one project among the design terminal and the developer terminal (S100), participating in the project Registering graphic designers and developers (S110), performing the project according to the input of the registered graphic designers and developers' design terminals and developer terminals (S120), and pre-evaluating the results of the projects progressed so far It may include the step (S130S140) of completing the project by generating responsive content according to the step (S130) and the procedure.

Among the design terminal and the developer terminal, in the step (S100) of generating a project according to the generation request of any one project, the integrated development server requests the design terminal of the graphic designer or the developer terminal of the developer who wants to proceed with the responsive content production project A project will be created accordingly.

Next, in the step of registering graphic designers and developers participating in the project (S110), after the project is created, when the integrated development server receives a registration request from the terminals of graphic designers and developers who want to participate in it, register as a participant of the project do.

Here, in step S110, according to the service operation policy, a method in which a graphic designer becomes a subject and selectively participates in a project among a plurality of developers registered in the system may be applied, and developers registered as members in the system can use their photo You can participate in the project according to the collaboration request of the graphic designer who runs the project by uploading and publishing the folio.

The step (S120) of performing the project according to the input of the registered graphic designer and developer's design terminal and developer terminal is a step of performing responsive content production according to the generation of the project, which is divided into a plurality and proceeds sequentially. Depending on the work process, a graphic designer or developer will perform and upload their work.

In particular, step S120 may include sharing one work pattern form in which work content to date is recorded between the design terminal and the developer terminal according to the progress of the project.

The step (S130) of pre-evaluating the results of the project that has been carried out so far is a step of receiving a review in advance by allowing the general public who does not directly participate in the project to use the responsive content.

Specifically, according to an embodiment of the present invention, the SNS sending module mounted on the work pattern form sets the URL of the web page where the responsive content, which is the result of the project currently working, is uploaded, and is sent to the graphic designer or developer. When the SNS sending module is executed by the user, the URL can be transmitted to the mobile terminal of an acquaintance who knows the contact information by providing an interface as shown in FIG. 9 .

To this end, step S130 may be subdivided into a step of posting the results of the project progressed so far on a web page according to the selection of a registered graphic designer and developer, and a step of transmitting the URL of the web page to a public terminal. .

Thereafter, in the step of completing the project by generating responsive content according to the procedure (S130140), the integrated development server terminates the project according to the final consent of all graphic designers and developers participating in the project, and the resultant responsive content will provide

Hereinafter, with reference to the drawings, the step of conducting the project in the responsive content production method according to an embodiment of the present invention will be described in more detail.

FIG. 5 is a detailed diagram of a step of conducting a project in the method for producing responsive content of FIG. 4 .

Referring to FIG. 5 , the steps of the project of the responsive content production method according to the embodiment of the present invention include a storytelling selection step (S121), a storyboard selection step (S122), an image production and uploading step (S123). , collaboration and coding step (S124), interactive element coding modification step (S125) and generating responsive content (S126) may include.

In addition, each of the above-described steps may be divided into a total of 31 detailed steps, and the details thereof are shown in Table 1 below.

5 and Table 1 together, the storytelling selection step (S121) is a step in which the integrated development server provides a plurality of storytelling samples to the design terminal and starts the project by selecting any one storytelling from the graphic designer. am.

The storyboard selection step S122 is a step in which the graphic designer selects any one storyboard pattern as the integrated development server provides a plurality of storyboard patterns to the design terminal. In particular, in step S122, the step of inputting a search word may be further included so that a search for the responsive content produced by the storyboard can be easily performed later.

The image production and uploading step (S123) is a step in which the integrated development server receives one or more images corresponding to each scene of the responsive content from the design terminal and uploads it to the project. In particular, step S123 is a collaborative process, and is divided into image type selection, image upload, and image action description. The graphic designer uploads the image he/she worked on to the integrated development server, where the integrated development server connects with the main scene It is divided into sub-scenes and reflected in the project.

In addition, the graphic designer can input the action for each image. To this end, the integrated development server provides options selection for each storyboard, action description input, and action content insertion text input for each scene.

The collaboration and coding step (S124) is a step in which the integrated development server receives the approval of the developer terminal according to the collaboration request of the design terminal, receives the coding result of the source code applied to the responsive content from the developer terminal, and inserts it into the project. .

This step S124 can be largely divided into coding direction selection, mutual agreement, collaborative progress, and interactive element coding and selection process. In the coding direction selection process, graphic designers can choose the method of using the automatic conversion program or the coding method by collaboration. will perform

The integrated development server provides the built-in automatic conversion program to each terminal so that the graphic designer can perform automatic production and automatic generation of the code through the automatic conversion program, and select the developer to determine the programming method required for this project. do.

In particular, step S124 may be implemented by an automatic production module and an automatic generation module mounted on the integrated development server, and the automatic production module may be executed as the SNS transmission module button linked to the work pattern form of FIG. 11 to be described later is selected. there is.

In detail, the graphic designer can immediately deliver the specific work content and programming direction of the project through the work pattern form through the SNS sending function.

The SNS sending module can transmit the scene image and action contents worked by the graphic designer in the screen configuration of FIG. 11 to the other party, that is, the developer in the form of a package, and can receive and transmit text, the recipient's phone number and the recipient's e-mail address. .

In addition, the SNS transmission module can provide the general public with the URL of the web page where the unfinished responsive content, which is the result implemented according to the contents of the work done so far, is posted by graphic designers and developers through the interface illustrated in FIG. 10 .

Such an SNS transmission module may be implemented in a programming language such as HTML5 and Java Script.

According to the above-mentioned function, the SNS sending module contributes to increase the distribution and spread of the platform by enabling the graphic designer to immediately send the contents of the work to the developer.

In addition, if the graphic designer selects a coding method by collaboration, the programmer's portfolio can be searched, the integrated development server provides a search function for Action Script (AS), and the developer can search for Action Script (AS) as a graphic designer. Coding is performed according to the selected coding method. In addition, developers can upload their own photo folios or search and update previously uploaded photo folios.

Then, the graphic designer selects a developer to collaborate with and requests collaboration, and the integrated development server transmits a request in the form of a collaboration electronic document to the developer terminal according to the collaboration request. Developers who want to participate in the project participate in the project by replying to the request for consent.

Thereafter, the developer may provide a coding prediction schedule to the project through the developer terminal. In addition, the integrated development server provides image preview (HTML Viewer), effect sound search, sound effect insertion and animation display preview functions as an interactive element coding and selection process.

When the coding and selection process for the interactive element is completed, the developer performs the coding work through the integrated development server.

The interactive element coding correction step (S125) is a step in which the integrated development server receives a request for modification of the interactive element included in the project from the design terminal, receives the modification result of the interactive element requested to be modified from the developer terminal, and reflects it in the project.

This step S125 is a coding revision process from the point of view of the collaborative process. The developer uploads the interactive content draft, which is the coding result of his/her work, to the integrated development server, and the graphic designer reviews it and requests the modification of the interactive content. In addition, graphic designers can modify and edit designs through the integrated development server.

In response, the developer can edit the content and upload the revision, and the graphic designer can confirm the revision after the final review of the interactive revision.

Responsive content creation step (S126) is a step of completing the content by generating responsive content based on the project when the revision is confirmed by the design terminal.

This step S126 can be divided into content completion and UI, UX pattern selection process, and after the completed content is stored in the integrated development server, the final agreement provided to both the graphic designer and the developer is signed, i.e., upon receiving approval, the procedure is It ends and the project is complete.

Hereinafter, the technical idea of the present invention will be described in detail through examples of screens and work pattern forms provided by the responsive content creation platform system according to an embodiment of the present invention.

6 to 10 are diagrams illustrating an example of a screen provided by an application program executed in a mobile terminal of a responsive content creation platform system according to an embodiment of the present invention. In the following description, the application program according to an embodiment of the present invention is provided to both the first and second mobile terminals possessed by the graphic designer and the developer, respectively, but for convenience of description, the application program will be described with reference to the screen of the first mobile terminal.

6 and 7 , an application program of a mobile terminal according to an embodiment of the present invention may provide various useful functions for graphic designers and developers to assist in project progress.

In detail, the mobile terminal possessed by the graphic designer and the developer may provide a function related to the project and a UI for the same by interworking with the integrated development server. In particular, the UI provided through the mobile terminal 101 may include a full menu (W100), a chat icon (W110), an image management icon (W120), a code management icon (W130), and a file transfer icon (W140). .

The full menu W100 displays all functions provided by the application program on one side of the screen in the form of a small icon list.

The chat icon W110 may provide a chat function between the graphic designer and the developer through the mobile terminal 101 . When the chat icon (W110) is selected, a chat history screen (W210) between a graphic designer and a developer belonging to the same project is provided, and the graphic designer or developer creates a new conversation or selects any one from the existing chat history to start a conversation. A chat screen W210 that can be resumed is provided. This chat function can connect two or more mobile terminals without going through a separate path.

8 illustrates a real-time chat screen W310 between a graphic designer and a developer, the graphic designer can send a message to one or more developers or other graphic designers belonging to the project at any time during the project, and have a real-time conversation with him. can proceed.

Referring back to FIGS. 6 and 7 , the image management icon W120 may provide a function of checking images that are the work results that the graphic designer currently uploads to the integrated development server. When the image management icon W120 is selected, a gallery screen W220 displaying thumbnails of a plurality of images currently uploaded to the integrated development server in relation to the corresponding project is provided.

Also, when the graphic designer selects any one thumbnail in the gallery screen W220, as shown in FIG. 9 , a preview window W400 for the corresponding image is displayed on the entire screen of the mobile terminal 101 . The preview window W400 may be displayed under the same conditions not only in the mobile terminal, but also in the design terminal and the developer terminal. In addition, according to an embodiment of the present invention, the results of the project can be provided to the general public during development, and the evaluation window W420 including comments or reviews inputted from them can be displayed together in the preview window W400. can

On the other hand, images used in the project are partially stored as Actions of responsive content and can be sold separately later, like known emoticons.

6 and 7 again, the code management icon W123 may provide a management function for the source code written by the developer. When the code management icon W123 is selected, a coding screen W230 that displays part or all of the source code for each writing date in text form is provided.

In addition, the file transfer icon W140 may provide a function of transferring a file related to a project between the mobile terminal and the integrated server or between the mobile terminal and other mobile terminals. When the file transmission icon W140 is selected, the application program may transmit image files, text files, and other data files stored in the storage mounted on the mobile terminal to the receiver.

Referring to FIG. 10 , the file transfer window W500 is exemplified when the file transfer icon W140 is selected. When the file transfer function is executed, the mobile terminal 101 transmits the image when the transfer target is an image. In addition to the display, it is possible to automatically display a message input box in the form of text to be transmitted, a recipient contact input box, and a recipient email address input box on the lower side of the screen.

Accordingly, project participants can check the work status and share information at any time regardless of time and place.

Hereinafter, the work pattern form provided by the responsive content creation platform system according to an embodiment of the present invention will be described in detail.

11 and 12 are diagrams illustrating the configuration of a work pattern form provided by the responsive content creation platform system according to an embodiment of the present invention.

Referring to FIG. 11 , the work pattern form of the responsive content creation platform system includes a main frame in which a schematic description of the current project, such as a project subject, message content, project name, search word, and image file, is recorded, and the It may include a work frame in which contents related to content such as screen composition and action are recorded.

In the screen composition column of the work frame, images, icons, texts, etc. appearing on each screen of the responsive content can be input through drag and drop, and the images input in the screen composition column correspond to each scene of the responsive content. . An image input to such a screen composition field may be in a format such as gif, jpg, or the like.

In the Designer Action/Dialogue field, work contents by a graphic designer can be input. In particular, in the Action content column, the specific opinion that the graphic designer wants to convey to the developer about each scene is written so that the developer can reflect the content in the coding work.

The data described in this work pattern form can be parsed by being delivered to the integrated development server through JSON, and the parsed content is input into the automatic conversion program to produce responsive content. In addition, the transfer toolan may be linked with the file transfer window of FIG. 10 to set a file transfer function. And, in the developer column, work contents such as script source code by the developer may be input.

In detail, one or more buttons are set in the work pattern form to execute the above-described chat function, image management function, coding management function, etc. in conjunction with the application program of the mobile terminal, and according to the user's selection, through the mobile terminal The above-described function may be executed or the same screen as that of the mobile terminal according to the execution of the function may be displayed on the current terminal.

Among the buttons included in the work pattern form, when the 'messenger' button is selected, it is connected to the mobile screen illustrated in FIG. 8 so that graphic designers and developers can send and receive messages related to work using their mobile terminals.

In addition, when the 'preview' button of the work pattern form is selected, it is connected to a preview screen according to the content that has been worked so far for the scene illustrated in FIG. Referring to FIG. 12 , as another work pattern form provided by the responsive content creation platform system, the screen composition of each scene constituting the responsive content, the action content for each scene, text input, action script search, preview for each scene, It provides functions such as uploading and searching for sound effects for each scene, and it is possible to receive the work contents and reflect them in the project.

On the other hand, in the responsive content creation platform system according to an embodiment of the present invention, the results of the projects that have been progressed so far are provided to the general public who do not directly participate in the projects between designers and developers from the start to the completion of the project, so that others can review them from time to time during the work. can receive for teeth,

13 and 14 are diagrams illustrating a review screen during work provided to the general public by the responsive content creation platform according to an embodiment of the present invention.

13 and 14 , in the responsive content production platform according to an embodiment of the present invention, when the SNS transmission module of FIG. 12 is selected, the URL of a web page that can check the project results stored in the integrated development server to date It can also be transmitted to the general public other than this participant.

As an example of such a web page displayed on a mobile terminal of the general public, referring to FIG. 13 , the responsive content of the present invention may be dynamic content displayed on a web page in a script language, and a web mounted on the mobile terminal 202 . You can use and review the responsive content that has been completed so far through the browser screen W600.

As illustrated, the responsive content of the present invention may be executed on a web browser of the mobile terminal 202, and may be accessed and executed through a URL (W610) provided by the SNS transmission module.

Such responsive content may be displayed by dividing one screen into a plurality of areas A1 to A3. A separate image is allocated to each area A1 to A3, and they are connected to each other to constitute one screen.

In addition, when a user inputs an action such as a touch or a slide for each area, an action is taken for each scene according to a defined pattern. The title W620 illustrated in FIG. 13 may appear or leave the screen by a user's touch.

Also, when any one of the respective areas is touched by the user, the next scene W700 for each area may be displayed as illustrated in FIG. 13 .

This next scene W700 may also be divided into a plurality of regions A1 to A3, and if the third region A3 is touched, the next scene W710 of each region appears, and each scene is animated Responsive content is implemented as it proceeds dynamically as shown.

Although many matters are specifically described in the above description, these should be construed as examples of preferred embodiments rather than limiting the scope of the invention. Accordingly, the invention should not be defined by the described embodiments, but should be defined by the claims and equivalents to the claims.

100: design terminal 101: first mobile terminal
200: developer terminal 201: second mobile terminal
202: third mobile terminal 300: integrated development server
310: member management unit 320: linkage unit
330: project management unit 340: project execution unit
350: database 360: mobile distribution unit
400: application program 410: chatting unit
420: gallery unit 430: coding unit
440: transmission unit

Claims (10)

As a platform system that provides a project progress environment for collaborative development of responsive content,
one or more design terminals for performing a work on the graphic part of the responsive content;
One or more developer terminals for performing a task for the programming part of the responsive content; and
The project is created, the work results performed in the design terminal and the developer terminal are received, reflected and integrated into the project, and as the project progresses, the work content between the design terminal and the developer terminal is recorded and the search word is inserted. Includes an integrated development server to share one work pattern form,
The integrated development server,
a project management unit for creating the project according to the request of the design terminal or the developer terminal and setting the participants of the created project;
a project execution unit receiving the work progress results of the design terminal and the developer terminal, dividing the project into a plurality of procedures, and sequentially proceeding; and
Mediates the sending and receiving of messages between mobile terminals possessed by graphic designers and developers participating in the project, and the designer or developer works on a third mobile terminal accessed through the URL provided by the SNS sending module mounted on the work pattern form while working including a mobile distribution unit that provides a web page on which responsive content in progress is uploaded;
The project execution unit,
a storytelling selection function for providing a plurality of storytelling samples for the content of the responsive content to the design terminal and receiving a selection;
a storyboard selection function that provides a plurality of storyboard patterns for the content of responsive content to the design terminal, receives selections and search words from the design terminal, and arranges major scenes in the form of images by a graphic designer;
an image production and upload function for receiving and storing action contents for each scene by receiving one or more images corresponding to each scene of the responsive content from the design terminal and inserting them into a project;
Collaboration and coding function for receiving the approval of the developer terminal according to the collaboration request of the design terminal, receiving the coding result of the source code applied to the responsive content input from the developer terminal, and inserting it into the project;
an interactive element modification function that receives a request for modification of an interactive element included in the project from the design terminal, receives a modification result of the interactive element requested to be modified from the developer terminal, and reflects it in the project; and
When the amendment is confirmed from the design terminal, a content creation function that generates responsive content based on the project
Responsive content creation platform system that includes. The method of claim 1,
The integrated development server,
a member management unit that performs membership registration procedures for one or more graphic designers and programmers who want to participate in the project;
an interlocking unit for transmitting and receiving project-related data by interworking with design terminals and developer terminals of registered graphic designers and programmers; and
A database that stores the work progress results
Responsive content creation platform system that includes. delete delete The method of claim 1,
The mobile terminal is loaded with an application program for transmitting and receiving the message in conjunction with the integrated development server,
The application program is
a chat unit for transmitting and receiving real-time messages between graphic designers and developers' mobile terminals;
Gallery unit for displaying a list of images included in the project;
a coding unit for inputting and displaying the coding schedule of the source code included in the project; and
Transmission unit that transmits project-related information to the other party's mobile terminal
Responsive content creation platform system that includes. A method of producing responsive content by an integrated development server that provides a project progress environment for collaborative development of responsive content to one or more design terminals and developer terminals,
generating a project according to a request for generating any one of the design terminal and the developer terminal;
registering graphic designers and developers participating in the project;
Mediating the transmission and reception of messages between mobile terminals possessed by graphic designers and developers participating in the project, respectively;
providing a web page on which the responsive content being worked on is uploaded to a third mobile terminal accessed through a URL provided by an SNS transmission module mounted on a work pattern form by a designer or developer during work;
performing the project according to the input of the registered graphic designer and developer's design terminal and developer terminal; and
Comprising the step of completing the project by creating responsive content according to the procedure,
The step of conducting the project according to the input of the registered graphic designer and developer's design terminal and developer terminal,
In accordance with the progress of the project, comprising the step of sharing one work pattern form in which the work content to date is recorded between the design terminal and the developer terminal,
The step of advancing the project according to the input of the registered graphic designer and developer's design terminal and developer terminal,
receiving a selection of any one storytelling by providing a plurality of storytelling samples for the contents of the responsive content to the design terminal;
providing a plurality of storyboard patterns to the design terminal to select any one storyboard, receiving a search word from the design terminal, and organizing main scenes in the form of images by a graphic designer;
uploading a project for receiving and storing action contents for each scene by receiving one or more images corresponding to each scene of the responsive content from the design terminal and inserting them into the project;
receiving the approval of the developer terminal according to the collaboration request of the design terminal, receiving the coding result of the source code applied to the responsive content from the developer terminal, and inserting it into the project;
receiving a request for modification of the interactive element included in the project from the design terminal, receiving a modification result of the interactive element requested to be modified from the developer terminal, and reflecting it in the project; and
When the amendment is confirmed from the design terminal, generating responsive content based on the project
Responsive content creation method comprising. delete 7. The method of claim 6,
After the step of registering graphic designers and developers participating in the project,
The step of mediating the sending and receiving of messages between mobile devices possessed by graphic designers and developers participating in the project
Responsive content creation method further comprising. 7. The method of claim 6,
The step of advancing the project according to the input of the registered graphic designer and developer's design terminal and developer terminal,
Transmitting and receiving a real-time message between the mobile terminal of the graphic designer and developer;
displaying a list of images included in the project;
inputting and displaying the coding schedule of the source code included in the project; and
Transmitting project-related information to the other party's mobile terminal
A method of creating responsive content including at least one of. delete

Images