KR20140063951A - Apparatus and method for mapping the adaptive screen elements - Google Patents

Abstract

The present invention relates to a device and a method to adaptively map screen elements wherein the method provides a user information wanted by the user by emphasizing (enlarging) through the variations of size of a selected element, and rearranging the element included in a web document according to the variations of the size of the selected element when the element included in the cascading style sheets (CSS) is selected. Furthermore, the present invention provides a screen ratio optimized for the selected element by dividing the selected element in a predetermined form and adjusting the same to a predetermined ratio by a separate region when the element included in the web document is selected.

Description

[0001] Apparatus and method for mapping adaptive screen elements [

The present invention relates to an apparatus and a method for controlling a display format of a web document to which a cascading style sheet (CSS) is applied. More specifically, when an element included in a web document is selected, And rearranging the elements included in the web document according to the size change of the selected element.

The present invention is derived from research carried out by the Ministry of Culture, Sports and Tourism and the Korea Creative Content Agency (KISDI) as part of the contents industry support program for 2012. [assignment number: R2011090044, title: N Screen-based Smart Content Production and Technology Development].

In recent years, as the use of the Internet has expanded, a variety of visual expressions have been possible. In addition, a function of a markup language (for example, HTML, XHTML, XML, mHTML, WML, etc.) The need for a style language that can complement it has increased.

Cascading Style Sheets (CSS) is one of the emerging style languages in response to this, and CSS is widely used as a style language to complement the shortcomings of markup language because it has various presentation effect and structure. The advantage of CSS is that it is a concise and effective language that can integrate and manage multiple styles of information. For example, in HTML, font information, paragraph information, and the like are repeatedly designated for each paragraph. For this reason, the efficiency of creating a web document is lowered, and a great deal of trouble is involved in managing later modification and updating. (Structuring) concept, it is possible to define a style such as a paragraph of a web document at a time and make it possible to use it repeatedly. Accordingly, in recent years, it has become common to apply a style to a web document created as a markup language using CSS.

Meanwhile, in recent years, as the user terminal device has been integrated as a mobile general terminal and the time and opportunity for the user to contact the web document through the wireless terminal have been increasing with the rapid development of wireless communication technology, There are more researches to be done. However, since the processor and memory performances of the wireless terminal are not so high and the data transmission speed through the mobile network is relatively slow compared to a general wired network, It does not provide all the contents that are included, but only provides some essential contents.

The wireless terminal has a problem that the size of the display area is small and the web document is displayed very small when the entire web document is displayed.

As an example of a technique for controlling display of a conventional web document, Japanese Patent Application Laid-Open No. 2007-079188 entitled " Apparatus and method for processing a stay information "has been proposed. In the prior art, a display format of a web document corresponding to a terminal type is set in advance, and a web document having a different display format is provided according to the terminal.

However, since the provided prior art processes a web document in the form of a display format to be displayed to a user in view of the provider of the web document, the information to be viewed by the user may not be highlighted.

Therefore, there is a need to improve the information desired by the user so as to be enlarged (enlarged).

Japanese Laid-Open Patent No. 2012-079188 (public date April 19, 2012)

SUMMARY OF THE INVENTION It is an object of the present invention to provide an apparatus and method for adaptively mapping screen elements.

In particular, it is an object of the present invention to provide an apparatus and method for controlling the display form of a web document to which Cascading Style Sheets (CSS) are applied.

Another object of the present invention is to provide an apparatus and method for re-arranging elements included in a web document in accordance with a size of a selected element and a size of a selected element when an element included in the web document is selected.

It is another object of the present invention to provide an apparatus and a method for dividing a selected element into a predetermined form when the element included in the web document is selected and adjusting the predetermined factor for each divided region.

According to another aspect of the present invention, there is provided an apparatus for adaptively mapping a screen element according to an exemplary embodiment of the present invention, the apparatus comprising: A style analyzer for checking whether a dynamic flexibility attribute whose size varies depending on whether an element included in the web document is selected or not; A size changing unit that enlarges the size of the selected element according to the dynamic flexibility attribute when the element included in the web document is selected and the dynamic flexibility attribute is applied; And a rearrangement unit for rearranging elements included in the web document according to the size change of the selected element.

At this time, the selection of the elements included in the web document may be performed by selecting through the input of the user, selecting according to the importance according to predetermined elements, selecting according to the preference of each predetermined element of the user, And selection based on the importance of each element.

At this time, the style sheet may be a CSS (Cascading Style Sheets).

At this time, the dynamic flexibility attribute may be a flex-interactive attribute or a flex-grid attribute.

At this time, the flex interactive attribute includes use presence / absence information for setting whether the flex interactive is applied, magnification ratio information for setting a ratio for enlarging the size of the selected element when the element is selected, And reduction ratio information for setting a reduction ratio of the size.

At this time, the Flex Grid attribute may include information on whether or not the Flex Grid is applied, information on the size and position allocated to the selected element, and information on the size and position allocated to the unselected element And may include at least one.

In this case, when the element included in the web document is selected, the resizing unit may reduce the size of the unselected element according to the dynamic flexibility attribute.

At this time, the relocation unit may rearrange elements included in the web document according to the size change of the selected element and the unselected element.

In this case, the style analyzer further determines whether an attribute of a flex-ratio for changing a display ratio is applied according to whether an element included in the web document is selected, If the element included in the web document is selected and if the flex ratio attribute is applied, the selected element is divided into a predetermined form in the flex ratio attribute, and adjusted in a ratio set in the flex ratio attribute for each divided area And a ratio adjusting unit that adjusts the ratio of the output signal.

At this time, the flex ratio attribute includes usage information for setting whether the flex ratio is applied, division information for setting a mode for dividing the selected element when the element is selected, and an enlargement ratio or a reduction ratio for each divided area Ratio information.

At this time, the relocation unit may rearrange the elements included in the web document when the size of the element is changed according to the ratio adjustment of the ratio adjustment unit.

According to another aspect of the present invention, there is provided a method of adaptively mapping a screen element, the method comprising: receiving a web document to which a style sheet is applied; Analyzing information of the style sheet related to the web document to determine whether a dynamic flexibility attribute whose size varies depending on whether an element included in the web document is selected; Expanding the size of the selected element according to the dynamic flexibility attribute when the element included in the web document is selected and the dynamic flexibility attribute is applied; And rearranging elements included in the web document according to the size change of the selected element.

The present invention relates to an apparatus and a method for controlling a display format of a web document to which a cascading style sheet (CSS) is applied. When an element included in a web document is selected, Since the element included in the web document is rearranged according to the size change of the selected element, the user can provide desired information to the user and enlarge it.

In addition, according to the present invention, when elements included in a web document are selected, the selected element is divided into a predetermined form and adjusted to a predetermined ratio for each divided region, so that an optimized aspect ratio may be provided for the selected element .

1 is a block diagram of a screen element mapping apparatus for adaptively mapping screen elements according to an embodiment of the present invention.
FIG. 2 is a diagram illustrating an example in which sizes of elements selected by the dynamic flexibility attribute are changed according to an embodiment of the present invention.
FIG. 3 is a diagram illustrating an example in which a ratio of a divided area of an element selected by the flex ratio attribute is changed according to an embodiment of the present invention.
4 is a flowchart illustrating a process of changing the size of an element selected by the dynamic flexibility attribute according to an embodiment of the present invention.
FIG. 5 is a flowchart illustrating a process of changing sizes of elements selected by the dynamic flexibility attribute and unselected elements according to an embodiment of the present invention.
FIG. 6 is a flowchart illustrating a process of changing a ratio of a divided area of an element selected by the flex ratio attribute according to an embodiment of the present invention.
FIG. 7 is a table showing information of a flex interactive attribute according to an embodiment of the present invention.
FIG. 8 is a table showing information of a flex grid attribute according to an embodiment of the present invention.

Other objects and features of the present invention will become apparent from the following description of embodiments with reference to the accompanying drawings.

Preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the following description of the present invention, a detailed description of known functions and configurations incorporated herein will be omitted when it may make the subject matter of the present invention rather unclear.

However, the present invention is not limited to or limited by the embodiments. Like reference symbols in the drawings denote like elements.

Hereinafter, an apparatus and method for adaptively mapping a screen element according to an embodiment of the present invention will be described in detail with reference to FIGS. 1 to 6.

1 is a block diagram of a screen element mapping apparatus for adaptively mapping screen elements according to an embodiment of the present invention.

1, the screen element mapping apparatus 100 includes a control unit 110, a style analysis unit 112, a size change unit 114, a relocation unit 116, a ratio adjustment unit 118, a communication unit 120, A display unit 130, and a storage unit 140.

The communication unit 120 communicates wired or wirelessly with a web server storing web documents to receive web documents.

The display unit 130 displays a web document received through the communication unit 120 and displays status information and the like generated during operation of the screen element mapping apparatus 100. In addition, according to the present invention, the size of the screen element selected by the resizing unit 114 is changed, and the reordering unit 118 displays the web document in which the screen elements included in the web document are rearranged.

In addition, the display unit 130 may display a web document in which a screen element included in the web document is rearranged by the ratio adjusting unit 118 and is rearranged by the rearranging unit 118.

The storage unit 140 stores an operating system, an application program, and the like for controlling the overall operation of the screen element mapping apparatus 100.

When a style sheet is received, the style analyzing unit 112 analyzes the information of the style sheet related to the web document to determine whether the dynamic flexibility attribute whose size varies depending on whether or not the element included in the web document is selected Verify that it is applied. At this time, the style sheet may be a cascading style sheet (CSS).

And, the dynamic flexibility attribute may be at least one of a flex-interactive attribute or a flex-grid attribute.

The flex interactive property is used to determine whether or not the application of the flex interactive is used, the enlargement ratio information for setting the ratio for enlarging the size of the selected element when the element is selected, or the size of the unselected element if the element is not selected And reduction ratio information for setting a ratio. The flex interactive property can be expressed as shown in the table of FIG. 7 below.

FIG. 7 is a table showing information of a flex interactive attribute according to an embodiment of the present invention.

Referring to FIG. 7, the table of FIG. 7 represents the information of the flex interactive property in the form of a standard format "CSS Flexible Box Layout Module" of the W3C Candidate Recommendation.

flex-grow-active represents the magnification of the selected element.

flex-grow-inactive represents the magnification factor of the unselected element.

flex-shrink-active represents the reduction factor of the selected element.

flex-shrink-inactive represents the scaling factor of the unselected element.

flex-basis-active represents the base (enlargement or reduction) ratio of the selected element.

flex-basis-inactive represents the default (enlargement or reduction) percentage of the non-selected element.

The flex grid attribute may include at least one of usage information for setting whether to apply the flex grid, information about the size and position assigned to the selected element, and information about the size and position assigned to the unselected element. The flex grid attributes can be expressed as shown in the table of FIG. 8 below.

FIG. 8 is a table showing information of a flex grid attribute according to an embodiment of the present invention.

Referring to FIG. 8, the table of FIG. 8 represents the information of the flex grid attribute in the form of a standard format "CSS Flexible Box Layout Module" of the W3C Candidate Recommendation.

flex-h-gridnum-active represents the number of horizontal grids of the selected element.

flex-h-gridpos-active is the position information at which the selected element starts, indicating horizontal grid coordinate values.

flex-h-gridnum-inactive represents the number of horizontal grids of unselected elements.

flex-h-gridnum-total represents the total number of grids contained in the container's horizontal.

flex-v-gridnum-active represents the number of vertical grids of the selected element.

flex-v-gridpos-active is the position information that the selected element starts, and represents the vertical grid coordinate value.

flex-v-gridnum-inactive represents the vertical grid number of the unselected element.

flex-v-gridnum-total represents the total number of grids contained in the vertical of the container.

The size change unit 114 enlarges the size of the selected element according to the dynamic flexibility attribute when the element included in the web document is selected and the dynamic flexibility attribute is applied. At this time, the dynamic flexibility attribute may be given to a container including the elements, or may be given to each of the elements. Here, a container is a kind of frame in which elements are arranged when elements are displayed. That is, one element or two or more elements may be arranged and displayed in the container.

At this time, the selection of the elements included in the web document is performed by selecting through the user's input, selecting according to the importance according to predetermined elements, selecting according to the preference of each predetermined element of the user, May be selected using at least one of the following choices.

The relocation unit 116 rearranges the elements included in the web document according to the size change of the selected element.

On the other hand, when the element included in the web document is selected and the dynamic flexibility attribute is applied, the size changing section 114 enlarges the size of the selected element according to the dynamic flexibility attribute, and the size of the non- .

At this time, the relocation unit 116 rearranges the elements included in the web document according to the size change of the selected element and the unselected element.

An example in which the sizes of selected and unselected elements are changed will be described below with reference to FIG.

FIG. 2 is a diagram illustrating an example in which sizes of elements selected by the dynamic flexibility attribute are changed according to an embodiment of the present invention.

FIG. 2 (a) illustrates an example in which none of the four elements 210, 220, 230, and 240 included in the Web document 200 to which the dynamic flexibility attribute is applied is selected.

2B is an example of displaying a case where the element A 210 is selected from the four elements 210, 220, 230, and 24 included in the web document 200 to which the flex interactive attribute is applied. Referring to FIG. 2B, it is confirmed that the selected element A 210 is enlarged and the elements B, C, and D 220, 230, and 240 that are not selected are rearranged.

The information of the flex interactive attribute in FIG. 2 (b) can be set as shown in Table 1 or Table 2, expressed as a value defined in the table of FIG.

value flex-grow-active 3.2 flex-grow-inactive 0.4

value flex-shrink-active 0.3125 flex-shrink-inactive 2.5

In Table 1, when the selected element is enlarged to 3.2, the unselected element is enlarged to 0.4.

2C is an example of displaying a case where the element B 220 is selected from the four elements 210, 220, 230, and 24 included in the web document 200 to which the flex grid attribute is applied. Referring to FIG. 2 (c), it is confirmed that the selected element B 220 is enlarged and the elements A, C, D (210, 230, 240) that have not been enlarged are rearranged.

The information of the flex grid attribute of FIG. 2 (c) can be expressed as a value defined in the table of FIG. 8, as shown in Table 3 below.

value flex-h-gridnum-active 7 flex-h-gridpos-active One flex-h-gridnum-inactive 3 flex-h-gridnum-total 10 flex-v-gridnum-active 9 flex-v-gridpos-active One flex-v-gridnum-inactive 3 flex-v-gridnum-total 9

On the other hand, the style analyzer 112 can check whether an attribute of a flex-ratio for changing a display ratio is applied to an element included in a web document.

If the element included in the web document is selected and the flex ratio attribute is applied, the ratio adjustment unit 118 divides the selected element into a form set in the flex ratio property, and sets the flex ratio property at a predetermined ratio Can be adjusted.

At this time, the flex ratio attribute includes usage information for setting whether the flex ratio is applied, division information for setting a mode for dividing the selected element when the element is selected, and ratio information for setting the enlargement ratio or reduction ratio for each divided area can do.

Here, the division information and the ratio information can be set according to the kind of the selected element. For example, if the type of selected element is video, the video is long (ex 16: 9), and the size of displaying video is not too long (ex 4: 3) , It is possible to equalize the size of the element and the size of the element to be displayed by dividing the moving image into three, outputting the center area as the original, and reducing the left and right areas. At this time, the region segmentation can be divided into more regions, and the ratio of compression to the left and right can be increased.

As another example, if the type of element selected is a picture, the picture is long (ex 16: 9), the size of the picture is not too long (ex 4: 3) The area where the face is located may be reduced to a lower ratio, and the area where the face is not located may be reduced to a higher ratio.

The relocation unit 116 can rearrange the elements included in the web document when the size of the element is changed according to the ratio adjustment of the ratio adjustment unit.

An example in which the ratio of the divided elements of the divided elements is changed according to the ratio adjustment and the size of the elements is changed will be described below with reference to FIG.

FIG. 3 is a diagram illustrating an example in which a ratio of a divided area of an element selected by the flex ratio attribute is changed according to an embodiment of the present invention.

3 (a) shows an example in which none of the three elements 310, 320, and 330 included in the web document 300 to which the flex ratio attribute and the dynamic flexibility attribute are applied is displayed.

FIG. 3B is a diagram showing an example in which the element A 310 is selected among the three elements 310, 320, and 330 and is vertically divided into five quadrants, which is a predefined form in the flex ratio property.

3C is a diagram showing an example of adjusting the divided area of the element A 310 to a predetermined ratio for each divided area according to the flex ratio attribute.

Referring to FIG. 3 (c), when the size of the element A 310 is changed according to the result of adjusting the ratio to a predetermined ratio for each divided area according to the flex ratio property, the elements B and C (220, 230) are reduced. The resized elements 310, 320, and 330 are then relocated.

The control unit 110 may control the overall operation of the screen element mapping apparatus 100. The control unit 110 may perform functions of the style analyzing unit 112, the size changing unit 114, the rearranging unit 116, and the ratio adjusting unit 118. The control unit 110, the style analyzing unit 112, the size changing unit 114, the rearranging unit 116, and the ratio adjusting unit 118 are distinguished from each other in order to distinguish the respective functions. The control unit 110 may include at least one processor configured to perform the functions of the style analyzing unit 112, the resizing unit 114, the relocating unit 116, and the ratio adjusting unit 118 . The control unit 110 also includes at least one processor configured to perform some of the functions of the style analyzing unit 112, the resizing unit 114, the relocating unit 116, and the ratio adjusting unit 118 can do.

Hereinafter, a method of adaptively mapping the screen elements according to the present invention will be described with reference to the drawings.

4 is a flowchart illustrating a process of changing the size of an element selected by the dynamic flexibility attribute according to an embodiment of the present invention.

Referring to FIG. 4, the screen element mapping apparatus 100 receives a web document to which a style sheet is applied (S410).

The screen element mapping device 100 analyzes the style sheet and analyzes the information of the style sheet related to the received web document to determine a dynamic flexibility property that varies in size depending on whether an element included in the web document is selected or not Is applied (S412).

And, the dynamic flexibility attribute may be at least one of a flex-interactive attribute or a flex-grid attribute.

The flex interactive property is used to determine whether or not the application of the flex interactive is used, the enlargement ratio information for setting the ratio for enlarging the size of the selected element when the element is selected, or the size of the unselected element if the element is not selected And reduction ratio information for setting a ratio.

The flex grid attribute may include at least one of usage information for setting whether to apply the flex grid, information about the size and position assigned to the selected element, and information about the size and position assigned to the unselected element. Then, the screen element mapping apparatus 100 confirms whether an element included in the web document is selected (S414).

If it is determined in step S414 that the element included in the web document is selected, the screen element mapping apparatus 100 determines whether the dynamic flexibility attribute is applied (S416).

At this time, the selection of the elements included in the web document is performed by selecting through the user's input, selecting according to the importance according to predetermined elements, selecting according to the preference of each predetermined element of the user, May be selected using at least one of the following choices.

If it is determined in step S416 that the dynamic flexibility attribute has been applied, the screen element mapping apparatus 100 enlarges the size of the selected element according to the flex interactive attribute (S418).

The screen element mapping apparatus 100 rearranges elements included in the web document according to the size of the selected element (S420).

FIG. 5 is a flowchart illustrating a process of changing sizes of elements selected by the flex interactive attribute and unselected elements according to an embodiment of the present invention.

Referring to FIG. 5, the screen element mapping apparatus 100 receives a web document to which a style sheet is applied (S510).

The screen element mapping device 100 analyzes the style sheet and analyzes the information of the style sheet related to the received web document to determine a dynamic flexibility property that varies in size depending on whether an element included in the web document is selected or not Is applied (S512).

At this time, the dynamic flexibility attribute may be at least one of a flex-interactive attribute or a flex-grid attribute.

Then, the screen element mapping apparatus 100 confirms whether an element included in the web document is selected (S514).

If it is determined in step S514 that the element included in the web document is selected, the screen element mapping apparatus 100 determines whether the dynamic flexibility attribute is applied (S516).

At this time, the selection of the elements included in the web document is performed by selecting through the user's input, selecting according to the importance according to predetermined elements, selecting according to the preference of each predetermined element of the user, May be selected using at least one of the following choices.

If it is determined in step S516 that the dynamic flexibility attribute has been applied, the screen element mapping apparatus 100 enlarges the size of the selected element according to the dynamic flexibility attribute (S518).

Then, the screen element mapping device 100 identifies the element that is not selected among the elements included in the web document (S520).

The screen element mapping apparatus 100 reduces the size of the unselected element according to the dynamic flexibility property (S522).

The screen element mapping apparatus 100 rearranges the elements included in the web document according to the size of the selected element and the selected element (S524).

FIG. 6 is a flowchart illustrating a process of changing a ratio of a divided area of an element selected by the flex ratio attribute according to an embodiment of the present invention.

Referring to FIG. 6, the screen element mapping apparatus 100 receives a web document to which a style sheet is applied (S610).

The screen element mapping apparatus 100 analyzes the style sheet and determines whether a property of a flex-ratio that changes the display ratio according to whether an element included in the received web document is selected or not is applied (S612).

At this time, the flex ratio attribute includes usage information for setting whether the flex ratio is applied, division information for setting a mode for dividing the selected element when the element is selected, and ratio information for setting the enlargement ratio or reduction ratio for each divided area can do.

Then, the screen element mapping apparatus 100 confirms whether an element included in the web document is selected (S614).

At this time, the selection of the elements included in the web document is performed by selecting through the user's input, selecting according to the importance according to predetermined elements, selecting according to the preference of each predetermined element of the user, May be selected using at least one of the following choices.

If it is determined in step S614 that the element included in the web document is selected, the screen element mapping apparatus 100 determines whether the flex ratio attribute is applied (S616).

If it is determined in step S616 that the flex rate attribute has been applied, the screen element mapping apparatus 100 divides the selected element into a predetermined format in the flex rate attribute (S618).

Then, the screen element mapping apparatus 100 adjusts the ratio by a predetermined ratio in the flex ratio property for each divided area (S620).

Then, the screen element mapping apparatus 100 confirms whether the size of the selected element is changed by the ratio adjustment for each divided area. (S622).

If it is determined in operation S622 that the size of the selected element has been changed, the screen element mapping apparatus 100 rearranges elements included in the web document according to the selected element size change (S624).

A method of adaptively mapping a screen element according to an exemplary embodiment of the present invention may 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; Magneto-optical 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 produced 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 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.

As described above, the present invention has been described with reference to particular embodiments, such as specific elements, and specific embodiments and drawings. However, it should be understood that the present invention is not limited to the above- And various modifications and changes may be made thereto by those skilled in the art to which the present invention pertains.

Accordingly, the spirit of the present invention should not be construed as being limited to the embodiments described, and all of the equivalents or equivalents of the claims, as well as the following claims, belong to the scope of the present invention .

Claims (19)

When a web document to which a style sheet is applied is analyzed, the information of the style sheet related to the web document is analyzed to determine whether a dynamic flexibility attribute whose size changes depending on whether an element included in the web document is selected or not A style analyzer;
A size changing unit that enlarges the size of the selected element according to the dynamic flexibility attribute when the element included in the web document is selected and the dynamic flexibility attribute is applied; And
And a rearrangement unit for rearranging elements included in the web document according to the size change of the selected element
A device that adaptively maps screen elements. The method according to claim 1,
The selection of the elements included in the web document may be performed,
Selection through user input,
Selection according to importance by predetermined element,
A selection according to the preference of each predetermined element of the user, and
And the web page is selected using at least one of the choices according to the importance of each element set by the developer of the web document
A device that adaptively maps screen elements. The method according to claim 1,
The style sheet includes:
And a cascading style sheet (CSS).
A device that adaptively maps screen elements. The method according to claim 1,
The dynamic flexibility attribute,
Characterized by being either a flex-interactive attribute or a flex-grid attribute
A device that adaptively maps screen elements. 5. The method of claim 4,
The flex interactive attribute may include:
Presence / absence information for setting whether the flex interactive is applied or not,
Enlargement ratio information for setting a ratio for enlarging the size of the selected element when the element is selected, and
And reduction ratio information for setting a ratio for reducing the size of the non-selected element when the element is not selected
A device that adaptively maps screen elements. 5. The method of claim 4,
The Flex Grid attribute may include:
Presence / absence information for setting whether the flex grid is applied or not,
Information about the size and location assigned to the selected element, and
And at least one of information about a size and a position allocated to the unselected element
A device that adaptively maps screen elements. The method according to claim 1,
The size-
When an element included in the web document is selected, a size of the unselected element is reduced according to the dynamic flexibility attribute
A device that adaptively maps screen elements. 8. The method of claim 7,
The re-
And rearranging elements included in the web document according to the size change of the selected element and the unselected element
A device that adaptively maps screen elements. The method according to claim 1,
The style analyzing unit,
Wherein it is further determined whether an attribute of a flex-ratio for changing a display ratio is applied according to whether an element included in the web document is selected,
If the element included in the web document is selected and if the flex ratio attribute is applied, the selected element is divided into a predetermined form in the flex ratio attribute, and adjusted in a ratio set in the flex ratio attribute for each divided area Further comprising a ratio adjusting unit
A device that adaptively maps screen elements. 10. The method of claim 9,
The flex ratio attribute may comprise:
Presence / absence information for setting whether the flex ratio is applied,
Division information for setting a form for dividing the selected element when the element is selected, and
And a ratio information for setting an enlargement ratio or a reduction ratio for each divided area
A device that adaptively maps screen elements. 10. The method of claim 9,
The re-
If the size of the element is changed according to the ratio adjustment of the rate adjustment unit, the element included in the web document is rearranged
A device that adaptively maps screen elements. Receiving a web document to which a style sheet is applied;
Analyzing information of the style sheet related to the web document to determine whether a dynamic flexibility attribute whose size varies depending on whether an element included in the web document is selected;
Expanding the size of the selected element according to the dynamic flexibility attribute when the element included in the web document is selected and the dynamic flexibility attribute is applied; And
And rearranging elements included in the web document according to the size change of the selected element
A method of adaptively mapping screen elements. 13. The method of claim 12,
The selection of the elements included in the web document may be performed,
Selection through user input,
Selection according to importance by predetermined element,
A selection according to the preference of each predetermined element of the user, and
And the web page is selected using at least one of the choices according to the importance of each element set by the developer of the web document
A method of adaptively mapping screen elements. 13. The method of claim 12,
The dynamic flexibility attribute,
Characterized by being a flex-interactive attribute or a flex-grid attribute
A method of adaptively mapping screen elements. 13. The method of claim 12,
Before the step of rearranging the elements included in the web document,
Further comprising, when an element included in the web document is selected, reducing the size of the unselected element according to the dynamic flexibility attribute
A method of adaptively mapping screen elements. 16. The method of claim 15,
Wherein relocating elements included in the web document comprises:
And rearranging elements included in the web document according to the size change of the selected element and the unselected element
A method of adaptively mapping screen elements. 13. The method of claim 12,
Confirming whether an attribute of a flex-ratio for changing a display ratio is applied to an element included in the web document according to the selection;
Dividing the selected element into a predetermined form in the flex ratio attribute if the element included in the web document is selected and the flex ratio attribute is applied to the selected element; And
Further comprising the step of adjusting the ratio by a predetermined ratio in the flex ratio attribute for each divided area
A method of adaptively mapping screen elements. 18. The method of claim 17,
The flex ratio attribute may comprise:
Presence / absence information for setting whether the flex ratio is applied,
Division information for setting a form for dividing the selected element when the element is selected, and
And a ratio information for setting an enlargement ratio or a reduction ratio for each divided area
A method of adaptively mapping screen elements. A computer-readable recording medium having recorded thereon a program for executing the method according to any one of claims 12 to 18.

Images