KR20140118649A - Method, server and computer-readable recording media for configurating a screen of web application - Google Patents

Abstract

The present invention relates to a method, a server, and a computer-readable recording medium for configuring a screen of a web application. The method of configuring the screen of the web application according to the present invention comprises the steps of: (a) acquiring a specific file including layout information and categories corresponding to a request of a content provider from an RSS feed server; (b) extracting a template corresponding to layout attributes and the categories included in the specific file from among a plurality of templates stored in a database, and arranging a block for the screen configuration according to the extracted template, wherein the templates are sets of layouts corresponding to a predetermined category and having different identification numbers; and (c) applying content to the arranged block with reference to feed attributes included in the specific file.

Description

TECHNICAL FIELD [0001] The present invention relates to a screen configuration method for a web application, a server, and a computer readable recording medium.

The present invention relates to a screen configuration method for a web application, a server, and a computer-readable recording medium. More particularly, A method of configuring a screen of a web application for allocating a screen configuration block with reference to a template corresponding to a category and a layout attribute included in the Feeds.json file, And a computer-readable recording medium.

Recently, as the demand for new types of customized online services that require the distribution and control of web contents is rapidly increased along with the development of the Internet, utilization of RSS, which is a technique of subscribing / providing personalized web contents, is increasing in various fields. RSS is abbreviation of 'Resource Description Framework (RDF) Site Summary' or 'Rich Site Summary' and 'Really Simple Syndication'. It is a data exchange standard based on XML (Extensible Markup Language). Such RSS is a content rationing standard or standard that summarizes the contents of a website and enables the exchange of information from other websites.

Korean Patent Laid-Open No. 10-2005-0012881 discloses a method of automatically browsing and managing web browsing and RSS / ATOM channels using a single interface without depending on a separate viewer or reader program separate from a web browser Korean Patent Application No. 10-2007-0034458 discloses a system and method for real-time subscription of an ARS / EITOMM standard document based on a web browser with improved convenience for users, Discloses a method for integrating personal portal and web content syndication, which integrates RSS feeds from a site into a single master page controlled by a user to determine whether new content has been added to the site. However, when using RSS as in Korean Patent Laid-Open No. 10-2005-0012881 or Korean Patent Laid-Open No. 10-2007-0034458, the screen configuration is monotonous because only a standardized configuration is available, There is a problem that the configuration or the preferred UI can not be selected.

According to an aspect of the present invention, there is provided an information processing method for obtaining a specific file (Feeds.json file) including category and layout information according to a request from a content provider from an RSS feed server, By arranging a block for screen configuration with reference to a template corresponding to the layout attribute and applying the content to the arranged block, the content provider can have control of the screen configuration, and accordingly, So as to enable a screen configuration.

According to a first technical aspect of the present invention, there is provided a method for providing a content service, comprising: (a) obtaining a specific file including category and layout information according to a request of a content provider from an RSS feed server; (b) a plurality of templates stored in a database, the templates corresponding to categories and layout attributes included in the specific file among a plurality of sets of layouts corresponding to a predetermined category and having different identification numbers And arranging a block for screen construction accordingly; And (c) applying a content to the placed block with reference to a feed attribute included in the specific file.

According to a second technical aspect of the present invention, there is provided an information processing apparatus comprising: a file obtaining unit for obtaining a specific file including category and layout information according to a request of a content provider from an RSS feed server; A plurality of templates stored in a database, the plurality of templates extracting a template corresponding to category and layout attribute information included in the specific file among a plurality of sets of layouts corresponding to a predetermined category and having different identification numbers, A block arrangement unit for arranging a screen configuration block; And a content application unit for applying a content to the arranged blocks with reference to a feed attribute included in the specific file.

According to the present invention, the above-mentioned problem is solved by the present invention, in which a specific file (Feeds.json file) including category and layout information according to a request of a content provider is obtained from an RSS feed server, The block for screen configuration is arranged with reference to the template corresponding to the category and the layout attribute included in the block and the content is applied to the arranged block so that the content provider can have control of the screen configuration, There is an effect that a dynamic screen configuration corresponding to the screen can be achieved.

1 is a block diagram illustrating a configuration of a server for screen configuration of a web application according to an embodiment of the present invention.
2 is a diagram for explaining a screen configuration using a template type according to an exemplary embodiment of the present invention.
3 is a diagram illustrating a state of a screen configuration block according to an embodiment of the present invention.

The following detailed description of the invention refers to the accompanying drawings, which illustrate, by way of illustration, specific embodiments in which the invention may be practiced. These embodiments are described in sufficient detail to enable those skilled in the art to practice the invention. It should be understood that the various embodiments of the present invention are different, but need not be mutually exclusive. For example, certain features, structures, and characteristics described herein may be implemented in other embodiments without departing from the spirit and scope of the invention in connection with an embodiment. It is also to be understood that the position or arrangement of the individual components within each disclosed embodiment may be varied without departing from the spirit and scope of the invention. The following detailed description is, therefore, not to be taken in a limiting sense, and the scope of the present invention is to be limited only by the appended claims, along with the full scope of equivalents to which such claims are entitled, if properly explained. In the drawings, like reference numerals refer to the same or similar functions throughout the several views.

Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings, so that those skilled in the art can easily carry out the present invention.

1 is a block diagram illustrating a configuration of a server for screen configuration of a web application according to an embodiment of the present invention.

1, a server for configuring a web application according to an exemplary embodiment of the present invention includes a file acquisition unit 110, a block arrangement unit 120, a content application unit 130, a RSS (Really Simple Syndication) Rich Site Summary) feed server 140, a database 150 and a control unit 160. [

The file obtaining unit 110 according to an embodiment of the present invention performs a function of obtaining a specific file including a category and layout information according to a request of a content provider, for example, a Feeds.json file from the RSS feed server 140 . In this specification, a content provider can create a Feeds.json file according to contents of a content, and the Feeds.json file can include a name of a web application, a category and layout information according to a request from a content provider. The configuration of the web application may be as follows.

<htm>

<head>

<script scr = "feedsloader.js">

</ head>

<body>

<div id = 'category' />

<div id = 'items' />

<div id = 'title' />

<div id = 'content' />

</ body>

The web application includes only information on the essential components as described above. The file acquisition unit 110 acquires a Feeds.json file from the RSS feed server 140 using the Feedsloader.js included in the configuration of the web application can do. According to an embodiment of the present invention, the web application does not include all the information about the screen configuration of the web application but includes only essential components, and the screen is configured with reference to the Feeds.json file according to the request of the content provider Therefore, a screen suitable for each kind of contents provided by the web application can be configured, and the contents provider can have the right to control the screen configuration.

The database unit 150 according to an exemplary embodiment of the present invention performs a function of storing and managing a plurality of templates. The web application developer can construct various types of templates and store them in the database unit 150. [ The plurality of templates may be a set of a plurality of layouts corresponding to respective predetermined categories and having different identification numbers. In this specification, if the content provided by the content provider is related to news provision, the category corresponds to news, and if the content is related to video provision, the category corresponds to the video. A plurality of corresponding layouts may be provided for each category. That is, a plurality of layouts suitable for the news category may be provided in the news category, and a plurality of layouts suitable for the video category may be provided in the video category.

FIG. 2 is a diagram illustrating a screen configuration using different template types according to an exemplary embodiment of the present invention. Referring to FIG. 2 (a) shows a screen configuration in which a template corresponding to the layout of the identification number 1 is applied to the news category, FIG. 2 (b) shows a template corresponding to the layout of the identification number 2 in the news category, ) Is a screen configuration in which a template corresponding to the layout of identification number 3 is applied to the video category. The database unit 150 according to an embodiment of the present invention may store and manage the templates applied in FIGS. 2A to 2C. The database unit 150 may extract a template suitable for the information included in the Feeds.json file and provide the template to the block arrangement unit 120.

Next, the block arrangement unit 120 according to an embodiment of the present invention stores the template corresponding to the category and layout attribute information included in the Feeds.json file acquired from the file acquisition unit 110 in the database 150 Extracts from a plurality of templates, and arranges blocks for screen configuration with reference thereto. 3 is a diagram illustrating a state of a screen configuration block according to an embodiment of the present invention. 323, 325, and 327 in Fig. 3 (a) are arranged in an arbitrary state in the screen 310 in the initial stage, and the screen configuration blocks 321, 323, 325, 323, 325, and 327 as shown in FIG. 3 (b) by applying a screen configuration corresponding to the attribute based on the "category" and "preferred-layout" Can be arranged. At this time, each of the plurality of layouts stored in the database 150 includes a Cascading Style Sheets (CSS) file including layout information of each block or a HyperText Markup Language (HTML) file including information on a basic frame of each layout . 3B shows the arrangement state of the screen configuration blocks 321, 323, 325, and 327 when the Feeds.json file is as follows ("title" in the Feeds.json file is the name of the web application, "category" and "preferred-layout" correspond to categories and layout types, respectively).

{

"contents": {

"title": "Hello",

"category": "News",

"preferred-layout": "layout-1",

"feeds": [

{

"id": "1",

        "title": "title-1",

        "url": "www.xxx"

},

      {

       "id": "2",

        "title": "title-2",

        "url": "www.yyy"

      },

      {

        "id": "3",

        "title": "title-3",

        "url": "www.zzzz"

      }

    ]

}

}

The block arrangement unit 120 determines that the attribute value of the category is "news" (news) and the value of the "preferred-layout" attribute is "layout-1" Layout) can be extracted to arrange the blocks 321, 323, 325, and 327 as shown in FIG. 3 (b). The layout of the screen configuration blocks 321, 323, 325, and 327 varies depending on the "category" and "preferred-layout" property values included in the Feeds.json file, 223, 225 and 227 in FIG. 2 (b) when the "preferred-layout" attribute value is "layout-2" 223, 225, and 227 in FIG. 2 (c) when the attribute value is "vedio" (video) and the value of the "preferred-layout" attribute is "layout-3" As shown in FIG. That is, according to one embodiment of the present invention, the content provider first sets the "category" attribute value, sets the corresponding "preferred-layout" attribute value to construct a Feeds.json file, ) Can control the screen composition of the web application by configuring the screen with reference to the Feeds.json file.

Next, the content application unit 130 according to an embodiment of the present invention performs a function of applying a content to a block arranged by the block arrangement unit 120 with reference to a feed attribute of Feeds.json.

3, the block for screen configuration may include a category block 321, an item block 323, a title block 325, a content block 327, and a feedsloader.js may include a feed of feeds.json By acquiring the attribute, the contents can be displayed and applied to each of the blocks 321, 323, 325, and 327. 2 (a) illustrates an example in which contents are applied to the block diagram of FIG. 3 (b). Referring to FIG. 2 (a), in the category block 321 and item block 323, The title 225 of the content is displayed in the title block 325 and the detail content 227 of the content is displayed in the content block 327 so that the contents of the content 221 and the lower contents 223 are displayed and applied have. In addition, a screen as shown in FIG. 2 (b) or (c) may be displayed according to the attribute values of "category" and "preferred-layout" included in the Feeds.json file.

Finally, the control unit 160 according to an exemplary embodiment of the present invention performs a flow between the file acquisition unit 110, the block arrangement unit 120, the content application unit 130, the RSS feed server 140, and the database 150 And the controller 150 controls the file acquisition unit 110, the block arrangement unit 120, the content application unit 130, the RSS feed server 140 and the database 150 to perform their respective functions have.

The embodiments of the present invention described above can be implemented in the form of program instructions that can be executed through various computer components and recorded on a computer-readable recording medium. The computer-readable recording medium may include program commands, data files, data structures, and the like, alone or in combination. The program instructions recorded on the computer-readable recording medium may be those specially designed and constructed for the present invention or may be those known and used by those skilled in the computer software arts. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks and magnetic tape, optical recording media such as CD-ROMs and DVDs, magneto-optical media such as floptical disks, media, and hardware devices specifically configured to store and execute program instructions such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code such as those generated by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware device may be configured to operate as one or more software modules for performing the processing according to the present invention, and vice versa.

While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments, but, on the contrary, Those skilled in the art will appreciate that various modifications, additions and substitutions are possible, without departing from the scope and spirit of the invention as disclosed in the accompanying claims.

Therefore, the spirit of the present invention should not be construed as being limited to the above-described embodiments, and all of the equivalents or equivalents of the claims, as well as the following claims, I will say.

110: File acquisition unit
120: block arrangement unit
130:
140: RSS feed server
221, 223, 225, 227, 331, 333, 335, 337:

Claims (15)

(a) obtaining a specific file including category and layout information according to a request from a content provider from an RSS feed server;
(b) a plurality of templates stored in a database, the templates corresponding to categories and layout attributes included in the specific file among a plurality of sets of layouts corresponding to a predetermined category and having different identification numbers And arranging a block for screen construction accordingly; And
(c) applying content to the placed block with reference to a feed attribute included in the specific file;
And displaying the web page on the screen. The method according to claim 1,
Wherein the specific file is Feeds.json. 3. The method of claim 2,
The category and layout attribute information according to the request of the contents provider included in the Feeds.json file is,
And setting an identification number of a layout corresponding to any one of a plurality of layouts corresponding to the set category after setting any one of the plurality of categories. The method according to claim 1,
Wherein the block includes a category block, an item block, a title block, and a content block. The method according to claim 1,
Wherein the category is at least one of news or moving image. The method according to claim 1,
Wherein each of the plurality of layouts includes at least one of a css file and an html file. The method according to claim 1,
Wherein the steps (a), (b), and (c) are performed by Feedsloader.js. A file obtaining unit for obtaining a specific file including the category and layout information according to the request of the content provider from the RSS feed server;
A plurality of templates stored in a database, the plurality of templates extracting a template corresponding to category and layout attribute information included in the specific file among a plurality of sets of layouts corresponding to a predetermined category and having different identification numbers, A block arrangement unit for arranging a screen configuration block; And
A content applying unit for applying a content to the arranged block with reference to a feed attribute contained in the specific file;
A server for configuring the screen of the web application. 9. The method of claim 8,
Wherein the specific file is Feeds.json. 10. The method of claim 9,
The category and layout attribute information according to the request of the contents provider included in the Feeds.json file is,
And setting an identification number of a layout corresponding to any one of a plurality of layouts corresponding to the set category after setting any one of a plurality of categories. 9. The method of claim 8,
Wherein the block includes a category block, an item block, a title block, and a content block. 9. The method of claim 8,
Wherein the category is at least one of news or moving image. 9. The method of claim 8,
Wherein each of the plurality of layouts includes at least one of a css file and an html file. 9. The method of claim 8,
Wherein the operation of the file obtaining unit, the block arranging unit, and the content applying unit is performed by Feedsloader.js. A computer-readable recording medium recording a computer program for executing the method according to any one of claims 1 to 7.

Images