KR101462994B1 - Method for describing ordering information of contents of scalable application system for web standard - Google Patents

Abstract

The present invention provides a method of authoring and converting ordering information for a plurality of contents constituting a user interface described in a markup language for a scalable application system in order to express it on an actual web, It is possible to provide a content ordering information generation method for a scalable application system that is easy to separate and reuse and manage.

Description

[0001] METHOD FOR REPRESENTING CONTENT ORDERING INFORMATION FOR WEB STANDARDS IN A SCALABLE APPLICATION SYSTEM [0002]

The present invention relates to a method of representing content ordering information for a web standard in a scalable application system, and more particularly, to a method of representing contention ordering information for a plurality of contents constituting a user interface described in a markup language for a scalable application system And how to author and translate them for presentation on the actual web.

Broadcasting, and communication convergence environments are breaking down the walls between broadcast-only terminals such as TVs and set-top boxes and communication devices such as PCs, notebooks, PDAs, and mobile phones. In particular, the emergence of smart devices such as smart TVs and smart phones, N-screen service technology that enables various digital devices to accept various contents at the same time, and network technology to continuously provide high quality contents are developed have.

With the advancement of IT devices and the development of networks, various kinds of multimedia contents can be shared among heterogeneous devices and used interlockedly. For smooth sharing between different devices such as PC, TV, PDA, and mobile phone, a standard that can be communicated is required, and it should be possible to improve user convenience, provide resource sharing / interworking function between devices, and provide application service.

Currently, a method of providing adaptive content using multiplexed video coding, such as Scalable Video Coding, is mainly discussed, but it is only a coding technique and is optimized only for video contents. In case of supporting scalable service that provides resource sharing / interworking function between various devices, it is necessary to consider all the integration factors because it provides presentation information including video.

In addition, as the number of other information providing devices such as advertisements utilizing digital media contents is increasing, researches on how to provide scalable information according to each situation are actively being studied. For users, it is important to view scalable images. However, in order to provide a variety of information in the case of information provision, convenient manipulation is also required in the provider particle.

In particular, research on a method of providing an application program optimized for each terminal in a scalable application system capable of sharing / interoperating with an application and a user interface for manipulating it, rather than sharing / linking only multimedia contents among various devices There is a lack of research on a concrete method for realizing a user interface displayed on a terminal with different characteristics and environments.

(0001) Korean Registered Patent No. 10-1158019 (June 25, 2012) (0002) Korean Patent Registration No. 10-1166226 (July 10, 2012)

(0001) SVG Document Authoring System for Structured Graphical Representation based on XML, Proceedings of the Korean Information Science Society Conference, Byeongjae Bae, Byung Kyu Song, Yun Kyu Kim, Chang Soo Kim,

In order to solve the above problems, it is an object of the present invention to provide a method of representing content ordering information for a web standard in a scalable application system.

It is another object of the present invention to provide a method for authoring and converting ordering information for a plurality of contents constituting a user interface described in a markup language for a scalable application system in order to express on the actual web.

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

According to an aspect of the present invention, there is provided a method of representing content ordering information for a web standard in a scalable application system, the method comprising: configuring a user interface displayed on a terminal in a scalable application system including a server and a plurality of terminals; Wherein the ordering information described in a scalable application markup language used in the scalable application system is cascaded with CSS defining attribute information of the user interface, Style Sheets) Template in HTML.

Wherein the ordering information is described in an operator for determining a relative positional relationship between content blocks and in parentheses indicating a priority order of operations.

The step of describing in the HTML comprises the steps of decomposing the ordering information into a tree structure having a hierarchical property and performing an HTML creation in the order of operation of a lower hierarchical layer, .

The step of describing in the HTML refers to the width and height information of each content block constituting the user interface predefined in the CSS template.

The step of describing in the HTML may include the steps of describing attribute information about a content block or a combination of content blocks to be computed in HTML in the description of an arbitrary hierarchical operation in HTML, And describing the newly generated attribute information as an operation result in HTML.

Here, the attribute information may include width and height information of the content block or a combination of content blocks, and the newly generated attribute information may include at least one of a content block and a content block combination, Is a sum of at least one of the width and the height of the content block or the combination of the content blocks.

The operator includes a '+' operator for defining the positional relationship between the left and right parallel and a '-' operator for defining the positional relationship between the upper and lower parallel. In the operation using the '+' operator, the ' The positional relationship between the content blocks is defined by the relative position of the 'singer' on the left and the 'singer' on the relative position. In the operation using the '-' operator, the 'sensibility' is relatively higher, And the positional relationship is defined by being located at the lower side.

Meanwhile, in the scalable application system according to an embodiment of the present invention, a method of representing content ordering information for a web standard may be recorded as a program for execution by a computer and stored in a computer-readable recording medium.

As described above, according to the present invention, it is possible to provide a method of describing the ordering information of a plurality of contents constituting an actual user interface layout in a mark-up language used in a scalable application system, There is an advantage in that it can be easily separated and reused and managed.

FIG. 1 illustrates a scalable application system environment to which a content ordering information generation method for a scalable application system according to an embodiment of the present invention is applied.
2 is a flowchart illustrating a method of generating content ordering information for a scalable application system according to an embodiment of the present invention.
3 is a diagram illustrating a configuration of a user interface to which a content ordering information generation method for a scalable application system according to an embodiment of the present invention is applied.
4 is a first exemplary diagram illustrating a method of generating a content ordering information for a scalable application system according to an embodiment of the present invention.
5 is a second exemplary diagram illustrating a method of generating a content ordering information for a scalable application system according to an embodiment of the present invention.
FIG. 6 is a third example of a method of generating a content ordering information for a scalable application system according to an embodiment of the present invention.
7 is a diagram illustrating an example of a user interface in which ordering information is generated according to an embodiment of the present invention.
8 is a flowchart illustrating a method of representing content ordering information for a web standard in a scalable application system according to an embodiment of the present invention.
Figure 9 is an exemplary illustration of an HTML rendered in accordance with an embodiment of the present invention on an actual web.

BRIEF DESCRIPTION OF THE DRAWINGS The advantages and features of the present invention, and the manner of achieving them, will be apparent from and elucidated with reference to the embodiments described hereinafter in conjunction with the accompanying drawings. The present invention may, however, be embodied in many different forms and should not be construed as being limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the invention to those skilled in the art. Is provided to fully convey the scope of the invention to those skilled in the art, and the invention is only defined by the scope of the claims. It is to be understood that the terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. In the present specification, the singular form includes plural forms unless otherwise specified in the specification.

Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the drawings, like reference numerals refer to like elements throughout. In the drawings, like reference numerals are used to denote like elements, and in the description of the present invention, In the following description, a detailed description of the present invention will be omitted.

While the present invention has been described in connection with what is presently considered to be practical exemplary embodiments, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, It is to be understood that the invention may be embodied in other specific forms. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive. It is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims.

1 is a diagram illustrating a scalable application system environment to which a content ordering information generation method for a scalable application system according to an embodiment of the present invention is applied.

Referring to FIG. 1, a scalable application system to which a content ordering information generation method for a scalable application system according to an embodiment of the present invention is applied includes a server 100 and a plurality of terminals 200_1, 200_2, ..., 200_N do

A plurality of terminals 200_1, 200_2, .., 200_N may be various digital devices capable of receiving multimedia contents. For example, the terminals 200_1, 200_2, .., 200_N may be a smart phone, a PDA (Personal Digital Assistant), a cellular phone, a PCS (Personal Communication Service) phone, a hand- Mobile phone, WCDMA (Wideband CDMA) phone, Code Division Multiple Access (CDMA) 2000 phone and MBS (Mobile Broadband System) phone, or may be a PC device such as a PC or a tablet PC , Or a TV device such as an HD TV.

The plurality of terminals 200_1, 200_2, .., 200_N are connected to the server 100 for providing multimedia contents. A plurality of terminals 200_1, 200_2, .., 200_N request contents from the server 100 and the server 100 applies user viewing environment information of each of the terminals 200_1, 200_2, .., 200_N, And provides applications and / or contents optimized for the terminals (200_1, 200_2, .., 200_N).

However, the configuration of the scalable application service system is not limited to this, and if necessary, a middleware 150 may be provided between the server 100 and a plurality of terminals 200_1, 200_2, .., 200_N have. When the middleware 150 is placed between the server 100 and the terminals 200_1, 200_2, .., 200_N, the terminals 200_1, 200_2, .., 200_N are directly connected to the server 100 through the middleware 150, And the server 100 may provide the content to the terminals 200_1, 200_2, .., 200_N directly or through the middleware 150. [

On the other hand, if a user interface displayed on one of the terminals 200_1 is to be provided to the other terminal 200_2, the user interface needs to be reconfigured according to the characteristics of the screen to be displayed and resolution. At this time, it is necessary to separate a plurality of contents constituting the layout of the user interface into units and sort them, and ordering information of the contents is required. The generated ordering information is described in a mark-up language for a scalable application system.

The present invention provides a method of generating ordering information of a plurality of contents constituting an actual user interface layout and a method of describing ordering information of a plurality of contents in a mark-up language used in a scalable application system. Hereinafter, a method of generating content ordering information for a scalable application system according to an embodiment of the present invention will be described in detail with reference to FIG. 2 to FIG.

FIG. 2 is a flowchart illustrating a method of generating content ordering information for a scalable application system according to an embodiment of the present invention. FIG. 3 is a flowchart illustrating a method of generating content ordering information for a scalable application system according to an embodiment of the present invention FIGS. 4 to 6 are diagrams for illustrating a method of generating a content ordering information for a scalable application system according to an embodiment of the present invention. Referring to FIG.

Referring to FIG. 2, ordering information for a plurality of contents constituting the user interface is generated (S210), and the ordering information is described in a markup language used in a scalable application system (S220). Hereinafter, a method of generating ordering information (or a mixture of order information) for a plurality of contents will be described, and then a method of describing the same in a markup language will be described.

5의 타일 조합으로 구성되어 있지만, 이에 한정되는 것은 아니다.The user interface is divided into unit tile sizes based on each of the horizontal and vertical directions as shown in FIG. 3,

5, but is not limited thereto.

The contents are displayed on a user interface layout as shown in FIG. 3. The contents are displayed as a combined block of tiles. The contents are independently stored in a scalable application system, and each block is independent of other blocks.

In order to perform content ordering in step S210, a plurality of content blocks constituting a user interface layout must be separated from each other to divide the division. The separation of content blocks starts from the top of the user interface.

Specifically, a first row separated by dividing the horizontal division into a common height unit from the top of the user interface is generated. Here, the common height unit means a minimum value of a content block height or a minimum value of a content block height sum capable of generating any one row in the horizontal direction in the user interface.

For example, when the height of the content block at the upper left of the user interface layout is 5 units and the height of the two content blocks located at the upper right and the lower right of the user interface layout are 2 units and 3 units, respectively, Is five units, the minimum unit height value capable of generating one row in the horizontal direction of the user interface is five units. Here, five units are common height units.

When a first row separated by a minimum unit is generated as described above, a content block set group that can be divided into a common unit width with respect to the content blocks configured in the first row is generated, Separate lines by columns. Here, the common unit width means a minimum value of a content block width or a content block width sum that can generate any one column in the vertical direction in the user interface. The first column, the second column, ... , And the n-th column.

The content block combination constituting the first row and the first column is divided into unit rows having a minimum height unit and the order information is generated in the unit row direction from the upper unit row to the unit row direction at the lower unit. Herein, a unit row having a minimum height unit means a minimum unit of a content block set which can not be further divided when a user interface is divided into rows.

If there are a plurality of content blocks constituting each unit row, order information is preferentially generated based on the top to bottom direction, and then, order information is generated from the left direction to the right direction.

That is, when the operation of generating the sequence information in the upper -> lower and left -> right directions for the content blocks constituting the upper unit row is completed, > Generate sequence information in the right direction.

When the generation of the order information for the content blocks constituting the first row and the first column is completed in this way, the next row, the second row, the first row, the third column, The same process as the above-described method proceeds in that order.

When the ordering for any one row (the first row) is completed through the above-described method, a row having a common height unit (hereinafter referred to as a second row) is generated again in the remaining area of the user interface excluding the first row do. The ordering of the plurality of content blocks constituting the second row also proceeds in the above-mentioned lower-left and right-direction as described above.

The above-described ordering process is repeated recursively starting from the top of the user interface layout until it orders all of the minimum unit of content blocks.

Hereinafter, a method of ordering user interface content blocks will be described in detail with reference to the accompanying drawings.

1st Example

FIG. 4 is a first example of a method of generating a content ordering information for a scalable application system according to an embodiment of the present invention.

FIG. 4 shows the user interface divided into independent contents based on the unit tile size. Each content is stored independently in a scalable application system, and information about a height and a width of each content is also stored.

First, a first row is generated by dividing a section in the horizontal direction in units of a common height from the top of the user interface. In Fig. 4, since the height of each content block located on the left and right is constant, the first row (light-green block group) can be separated easily.

The ordering operation for the content blocks belonging to the separated first row is performed from the left direction to the right direction. Thus, the ordering information of 1, 2, and 3 is generated in the right direction from the leftmost content block in the first row.

Then, the above-described process is repeatedly performed for the remaining area of the user interface except for the first row for which the ordering operation is completed. As a result, a second row (a red block set) and a third row (a green block set) having a common height unit are generated, and in the order of the second row to the third row, The ordering information is generated from the left direction to the right direction. In other words, the ordering information of 4, 5, and 6 in the right direction from the leftmost content block in the second row and the ordering information of 7, 8, and 9 in the right direction from the leftmost content block in the third row are .

According to the above-described embodiment, the user interface is divided into rows and the ordering information is generated in order to facilitate compatibility with the markup language such as HTML after describing the ordering information in the markup language. Hereinafter, the following embodiment will be described with reference to FIG.

Second Example

5 is a second exemplary diagram illustrating a method of generating a content ordering information for a scalable application system according to an embodiment of the present invention.

The user interface shown in FIG. 5 differs from the first embodiment in that one or more content blocks are complexly formed in a horizontal or vertical direction within one row of a common unit height. At this time, the method of generating the ordering information is the same as that described in the first embodiment.

First, a first row is generated by dividing a segment in the horizontal direction in units of a common height from the top of the user interface. The content block on the upper left of the user interface and the content block located on the right side of the user interface are equal in height, but the height of the right adjacent content block is not.

That is, the height of the content block 3 located at the upper right is smaller than that of the block 2 at the left, and when the height of the lower content block 4 and the height of the lower content block 4 are added, Lt; / RTI >

At this time, the sum of the height of the upper left content block or the height of the upper right and lower two content blocks becomes the common height unit for dividing the section in the horizontal direction. The first row (a set of light-dark blocks) can be separated using this.

A content block set group that can be divided into a common unit width for the content blocks before the ordering operation is performed on the content blocks belonging to the first row, column. In FIG. 5, it can be seen that the first row is divided into three columns.

Next, the content block combination from the first row to the first row to the third row is divided into unit rows having a minimum height unit. In FIG. 5, since the first row first column and the first row second column are one content block, they themselves are unit rows, and the first row and the third column are divided into two unit rows in the vertical direction.

The order information generation proceeds in the order from the left direction to the right direction in any one row (here, the first row). When generation of sequence information for the content block group on the left side is completed

Accordingly, the ordering information of 1 or 2 is generated in the right direction from the leftmost content block in the first row, and two content clusters exist in the rightmost position. Therefore, Ordering information of 3 and 4 is generated in the direction of the arrow.

Then, the above-described process is repeatedly performed for the remaining area of the user interface except for the first row for which the ordering operation is completed. As a result, a second row (a set of green blocks) having a common height unit is generated.

A content block set group that can be divided into a common unit width with respect to the content blocks configured in the second row is generated and the generated lines are divided into columns according to the content block set group. As a result, it can be seen that the second row is divided into two columns (first column: 5,6,7,8, and second column: 9,10).

A plurality of content blocks constituting the second row first column are divided into unit rows having a minimum height unit and the order information is generated in the unit row direction from the upper unit row to the unit row direction at the lower unit. That is, since the first unit row 5 and the second unit row 6, 7, 8 are distinguished from the upper direction, and the second unit row has no content block having the positional relationship in the up and down direction, , 8 are generated in each content block.

When a plurality of content blocks constituting the second row and the second column are divided into unit rows in the following order, the first unit rows 9 and the second unit rows 10 are divided from the upper direction, Is composed of one content block, order information of 9 and 10 is generated in each content block in the order from the top to the bottom.

Third Example

FIG. 6 is a third exemplary diagram illustrating a method of generating a content ordering information for a scalable application system according to an embodiment of the present invention.

First, a first row is generated by dividing a segment in the horizontal direction in units of a common height from the top of the user interface. The common height unit that can generate rows in the horizontal direction in the entire user interface is the height sum of two blocks (1 and 2), which can be used to separate the first row (light green block group).

A content block set group that can be divided into a common unit width for the content blocks before the ordering operation is performed on the content blocks belonging to the first row, column. In FIG. 6, it can be seen that the first row is divided into three columns.

Next, the content block combination from the first row to the first row to the third row is divided into unit rows having a minimum height unit. In FIG. 6, the first row and the first column are divided into two unit rows (first unit row: 1, second unit row: 2, 3) having a minimum height unit.

As described above, the order information for each unit row is generated from the top to the bottom. Accordingly, when the generation of the order information for the first unit row is completed, the order information for the second unit row is generated. Order information for the content blocks constituting each unit row is based on the upper-> lower and left-> right directions. In the case of the second unit row, since there is no content block having the upper and lower positional relations, , 3 are generated in each content block.

It can be seen that the first row and the second column are composed of a plurality of content blocks divided in the horizontal and vertical directions. In this case, the order information is generated through the same process as the above-described ordering method.

Specifically, first, a plurality of content blocks are divided into unit rows having a minimum height unit, and order information is generated in the unit row direction from the upper unit row to the unit row direction at the lower unit. As a result, it can be seen that the first row first column is divided into two unit rows (first unit row: 4, second unit row: 5, 6, 7).

First, the order information is generated from the content blocks constituting the first unit row, and then the order information for the content blocks constituting the second unit row is generated. Since the second unit row has content blocks having a positional relationship in the up and down direction, the order is set in the vertical direction and then the order is determined in the horizontal direction. As a result, the order information of 5 and 6 is generated for each content block located in the vertical direction from the left, and the order information of 7 is generated for the content block located on the right side.

Thereafter, the order information is generated in the order of the second row, the third column and the third row, and a detailed description thereof is the same as the above-mentioned method, and thus will be omitted.

In summary, the order information for a plurality of content blocks constituting the user interface is generated in the following manner.

1. Create a separate first row by dividing it horizontally into common height units from the top of the user interface.

2. A content block set group that is divided into a common unit width with respect to a content block configured in the first row is generated, and the first row is divided into columns according to the set of content block groups.

3. A content block combination constituting the first row first column is divided into unit rows having a minimum height unit.

4. With respect to the content block combination constituting each unit row, the order information is preferentially generated from the top to bottom direction, and then the order information is generated from the left direction to the right direction

5. When the sequence information generating operation for the first row first column is completed, the sequence information generation processing from the left direction to the right direction continues.

In order to reconfigure and present the ordering information for the user interface generated by the above-described method in another device, it is necessary to describe the ordering information in the markup language. Hereinafter, a method of describing the ordering information in a markup language will be described with reference to FIGS. 6 and 7. FIG.

1st Example

Assume that the ordering information for each content block is generated as shown in FIG. In order to describe the ordering information generated by the above-described order information generation method in the markup language, an operator for determining the relative positional relationship between the two content blocks is additionally required.

In this embodiment, a first operator indicating a vertical positional relationship and a second operator indicating a horizontal positional relationship are defined for two content blocks. The first operator is the operator used when artificially placing content below the Float: left, which is generally used in CSS, and uses a '-' sign. Also, the second operator uses the '+' sign as an operator to use when the content should be left-aligned in accordance with the original rule, Float: left.

In '+' operation, 'Singer' and 'Digest'. In the '-' operation, 'supervision' and 'hypersensitivity' are determined according to the relative position information of two content blocks. It should be indicated according to whether there is a relative position relative to the singer, or the singer, which is the reference in consideration of the positional correlation.

In the present embodiment, 'digits' are relatively positioned on the left and 'singer' is relatively positioned on the right in the '+' operation. In the '-' operation, the 'subtracted number' It is defined as being located at the bottom.

According to the first and second operators defined as described above, the ordering information for the user interface shown in FIG. 6 can be described in a markup language as follows.

[Markup language of the first embodiment]

[{1- (2 + 3)} + {4- (5-6 + 7)} + {8-9-10}] - [{11}

In the above expression described in the markup language, the uppermost '-' operation is performed when the subject's sensation is [{1- (2 + 3)} + {4- (5-6 + 7)} + {8-9- 10}] and supervision is [{11}]. According to the definition of the '-' operation in this embodiment, [{1- (2 + 3)} + {4- (5-6 + 7)} + {8-9-10} {11}] is located at a relatively lower position.

In the 1- (2 + 3) operation, it is defined that the second and third content blocks are located in parallel on the left and right under the first content block, and the 4- (5-6 + 7) The positional relationship between the content block # 5 and the content block # 6 is first defined, and then the positional relationship of the content block # 7 is defined thereafter. That is, 5 and 6 have a vertical relationship, and 7 is defined as being arranged on the right side of blocks 5 and 6.

Hereinafter, another example of describing the ordering information in the markup language will be described with reference to FIG.

[Markup language of the second embodiment]

According to the above-described sequence information generation method, the ordering information for the content block in the user interface shown in FIG. 7 is generated by dividing into a combination group of 1 to 10 blocks and 11 blocks.

Let's separate the groups that can be divided into the minimum widths. In the case of FIG. 7, 1 to 10 blocks can be divided into 1 to 3 blocks, 4 to 7 blocks, and 8 to 10 blocks. Then, 1 to 3 block groups can be represented by {1- (2 + 3)}.

In the case of blocks 4 to 7, it can be expressed as (4-5) + 6-7. In the case of 8 to 10 blocks, it can be represented as 8-9-10. If we describe 1 to 10 blocks together, we can express it as {{1- (2 + 3)} + {(4-5) + 6-7} + {8-9-10}}.

For block 11, we can express [{1- (2 + 3)} + {(4-5) + 6-7} + {8-9-10}} - [11] It follows the general notation conventions.

The web can represent the user interface layout and the content position in various ways such as Absolute, Relative, Fixed, Static. However, in the scalable application system according to the present invention, the method of representing content ordering information for web standards is flexible, For the content flow, select the Web standard Position: Relative, Float: left. This is a method that is generally used in reactive web design and can be a reference for locating content.

Hereinafter, a method of representing content ordering information for a web standard in a scalable application system according to an aspect of the present invention will be described with reference to FIG. 8 is a flowchart illustrating a method of representing content ordering information for a web standard in a scalable application system according to an embodiment of the present invention.

First, the ordering information is described in the markup language used in the scalable application system with respect to the contents constituting the user interface (S810).

Next, in step S820, HTML (Hyper Text Markup Language) of the Web standard for the user interface is created by combining the above-mentioned ordering information with a Cascading Style Sheets (CSS) template defining the user interface environment.

Since the method of describing the ordering information in step S810 has been described above, a detailed method is not described here. Hereinafter, a method of generating HTML of a web standard using the ordering information generated in the user interface shown in FIG. 7 will be described in detail.

The user interface is divided into unit tile sizes based on each of the horizontal and vertical directions as shown in FIG. In FIG. 3, the case is composed of a combination of tiles of 6 X 5, and a method of creating HTML based on the combination is explained. In the scalable application markup language, not only the ordering information but also information on the entire environment of the user interface is defined. That is, the total number of tiles of the user interface and the number of tiles forming each content block are defined.

In Figure 3, the user interface is composed of a 6x5 tile combination, so the author tool marks it as < div id = "page w-6h-5" Attribute information such as 'w-6' and 'h-5' is already defined in the CSS template, which means that the user interface has a total width of 6 tiles and height of 5 tiles. The CSS template also has attribute information about the number of tiles constituting each content block, i.e., height and width. Attribute information for each content block in the user interface shown in FIG. 7 is shown in the following table. For example, the content block # 1 is composed of two tiles of width and two tiles of height, which are denoted by a scalable application markup language.

Num One 2 3 4 5 6 7 8 9 10 11 Width 2 One One One One One 2 2 2 2 6 Height 2 2 2 2 One 3 One One 2 One One

The authoring tool creates the HTML for the user interface layout by combining the above-mentioned ordering information and the CSS template in which the attribute information is predefined. As described above, the ordering information generated in FIG. 7 is represented by [{1- (2 + 3)} + {(4-5) + 6-7} + {8-9-10}} - [11] do.

The authoring tool describes the above-mentioned ordering information in HTML in accordance with the following tree structure.

If each expression is decomposed into a tree form, it can be expressed as ㉠ ~.. If we analyze ㉥ and 인 which are the sub-arithmetic expressions of the tree, ㉥ operation defines parallel positional relation by '+' operation for blocks 2 and 3, so the sizes of blocks 2 and 3 are shown in Table 1 1 + 1 = 2, which is the sum of the widths of the contents of No. 2 and No. 3, is the total width value, and the height has the value of 2 equally. This is described in HTML.

<div class = "w-2 h-2"> ------

<div class = "w-1 h-2 black"> 2 </ div> ----- ①

<div class = "w-1 h-2 yellow"> 3 </ div> ---- ②

</ div>

That is, the content block # 2 is marked as ① in HTML and the content block # 3 is marked as ②. The result of the '+' operation of the content block 2 and the content block 3 is indicated by ③.

In summary, the authoring tool first describes the operation result of the lower layer in HTML in the order defined in the general rule operation, and then writes the operation result of the upper layer in HTML. It is a matter of course that it is necessary to describe attribute information of each content block to be computed in HTML before describing each operation in HTML. That is, the attribute information of the content block # 2 and the content block # 3 is first described as HTML (1, 2), and the operation of these content blocks is described later as HTML (3).

㉦ The operation defines the upper and lower parallel position relation by the '-' operation for blocks 4 and 5, so the sizes of blocks 4 and 5 are the same width and the sum of both contents. That is, Width = 1 and Height = 3. This is described in HTML.

<div class = "w-1 h-3"> ------

<div class = "w-1 h-2 white"> 4 </ div> ----- ①

<div class = "w-1 h-1 yellow"> 5 </ div> ---- ②

</ div>

As described above, the attribute information for the content block # 4 and the content block # 5 is first described in HTML as shown in (1) and (2), and the '-' operation between the content blocks is described in HTML as shown in (3). The ㉢ operation defines upper and lower parallel positional relations by '-' operation for the content block 1 and combinations of 2 and 3 content blocks. Since the HTML (3) for the combination of 2 and 3 content blocks has already been described, the attribute information for the content block 1 is described as HTML (4) as follows.

<div class = "w-2 h-4"> ----- ⑤

<div class = "w-2 h-2 green"> 1 </ div> ----- ④

<div class = "w-2 h-2"> ------

<div class = "w-1 h-2 black"> 2 </ div> ----- ①

<div class = "w-1 h-2 yellow"> 3 </ div> ---- ②

</ div>

</ div>

Since the '-' operation defines a top-to-bottom parallel positional relationship, the size of the combination of content block 1 and content blocks 2 and 3 is Width = 2 and Height = 4. If HTML is described, it is the same as ⑤ described above.

The Width and Height values calculated based on the operation of each parenthesis are described in HTML, and an example of the result of aligning each content block is as follows.

9 on the actual web.

In summary, the HTML technology according to the present invention decomposes the ordering information composed of '+' and '-' operators into a tree structure having a hierarchical property, and a lower layer The operation is performed from the operation to the operation order of the upper layer.

In describing the operation of each layer in HTML, it is premised that attribute information (width and height information, etc.) for each content block to be computed is described in HTML.

Thereafter, new attribute information is generated by adding at least one of the width and the height of the content block or the content block combination to be operated according to the type of the operator for determining the relative positional relationship, and this is described in HTML.

Meanwhile, the ordering information presentation method according to the present invention can be implemented in the form of a program command that can be executed through various computer means and recorded in a computer-readable medium. The computer-readable medium may include program instructions, data files, data structures, and the like, alone or in combination. The program instructions recorded on the medium may be those specially designed and constructed for the present invention or may be available to those skilled in the art of computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks, and magnetic tape; optical media such as CD-ROMs and DVDs; magnetic media such as floppy disks; Examples of program instructions, such as magneto-optical and ROM, RAM, flash memory and the like, can be executed by a computer using an interpreter or the like, as well as machine code, Includes a high-level language code. The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the present invention, and vice versa.

While the present invention has been described in connection with what is presently considered to be practical exemplary embodiments, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, It is to be understood that the invention may be embodied in other specific forms. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive. 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 scope of the claims and their equivalents should be construed as being included within the scope of the present invention.

Claims (8)

delete A method of representing ordering information on contents constituting a user interface displayed on a terminal in a scalable application system including a server and a plurality of terminals,
Describing the ordering information described in a scalable application markup language used in the scalable application system in HTML using a Cascading Style Sheets (CSS) template defining attribute information of the user interface,
The ordering information is described by an operator for determining a relative positional relationship between the content blocks and parentheses indicating the priority of the operation,
The step of describing in HTML,
Decomposing the ordering information into a tree structure having hierarchical attributes;
Including the step of performing HTML creation in the order of operation of the lower hierarchical layer, which is operated with the highest priority according to the general operation rule,
A method of representing content ordering information for Web standards in a scalable application system. 3. The method of claim 2,
Referring to the width and height information of each content block constituting the user interface predefined in the CSS template
A method of representing content ordering information for Web standards in a scalable application system. 3. The method of claim 2,
Describing attribute information about a content block or a combination of content blocks to be computed in HTML in describing an arbitrary hierarchical operation in HTML,
And describing the newly generated attribute information as an operation result on the content block or the combination of the content blocks in HTML
A method of representing content ordering information for Web standards in a scalable application system. 5. The method of claim 4,
Wherein the attribute information includes width and height information of the content block or a combination of the content blocks,
The newly generated attribute information is a value obtained by adding at least one of the width and the height of the content block or the content block combination according to the type of the operator determining the relative positional relationship of the content block or the content block combination
A method of representing content ordering information for Web standards in a scalable application system. 3. The method of claim 2,
The operator includes a '+' operator that defines the positional relationship between left and right parallelism and a '-' operator that defines the positional relationship of the upper and lower parallel
A method of representing content ordering information for Web standards in a scalable application system. The method according to claim 6,
In the operation using the '+' operator, the positional relationship between the content blocks is defined in that the 'digits' are positioned relatively to the left and the 'singer' is located to the right relatively. In the calculation using the '-' operator, To-be-inspected 'relative to the top, and' supervisory 'to the relative bottom.
A method of representing content ordering information for Web standards in a scalable application system. A computer-readable recording medium on which a program for executing the method of any one of claims 2 to 7 is recorded.

Images