JP2002157109A - Method for efficiently displaying text and image data on internet - Google Patents

Abstract

PROBLEM TO BE SOLVED: To solve a problem in an HTML(hyper text markup language) that it puts a big burden on amateurs that general users are first required to memorize specified tags, because each tag is embedded in an HTML document to instruct a browser for displaying the document to make a unique display. SOLUTION: This method is used for displaying text and image data on the Internet. By separating the contents of the text and image data (hereinafter called 'the contents') from the attributes or layout (hereinafter called 'the context'), the contents and the context are separately held. The contents are discriminated from the context by using a unique ID(identification) (hereinafter called 'token'). When a display part (hereinafter called 'viewer') takes out and displays the contents and the context, it grasps the text and image data as a set of rectangles (hereinafter external rectangles are called 'cells' while internal rectangles 'elements'), and thus performs display with excellent efficiency and portability on the internet.

Description

DETAILED DESCRIPTION OF THE INVENTION

[0001]

The present invention relates to a method and system for displaying data, and more particularly, to a method and system for displaying data on the Internet.

[0002]

2. Description of the Related Art In the Internet, many computers can link the world by linking each other, and people have come to obtain various kinds of information in real time through computers. On the Internet, computers communicate with each other by observing a predetermined communication protocol. Typical communication protocols are HTTP (Hyper Text Transfer Protocol) for transmitting HTML, and SMTP (Simple Mail Transfer) for exchanging e-mail.
Protocol), FTP (File Transfer P) for file transfer
rotocol). HTML, especially transmitted by HTTP
(Hyper Text Markup Language) files are frequently used on homepages and the like on the Internet, and are also widely used in electronic commerce. HTML is more powerful than conventional word processing software.
Using ge) to describe the document now gives the same graphical display on any platform.
HTML embeds a method (tag) for displaying the document in the document to be displayed, and instructs the viewing software that displays the HTML document to perform a unique display.

[0003]

[0006] HTML is a method of displaying a document or an image (hereinafter referred to as content) that a user wants to display and a method of displaying the text, for example, character font, color, background, position, etc. (hereinafter referred to as context). It is described using only the ones determined by the rules. Therefore, general users first need to memorize the determined tag,
The tag is a symbol that embeds a method for displaying data in a document, and realizes a uniform display, which places a heavy burden on non-experts. Also, tags that specify the display method in HTML grammar are limited in their types, so there is a limit to how beautifully they can be displayed. In HTML, documents are arranged in a table format by specifying headers, rows and columns, but it is difficult to nest tables in tables, and their appearance is lower than that of word processing software. For accurate display in HTML, image files must be used extensively, but image files are too large to be sent and received over the Internet, because image files are larger than documents, so images are heavily used. Even so, there is a limit to a beautiful display. Therefore, it is almost impossible for an amateur to realize a beautiful display on the Internet. HTML realizes a uniform display method by embedding the display method in the document, but in order to manage a large number of HTML documents, the document can only be displayed by storing the description method together. obtain. However, the data to be displayed by the user and the display method are stored and stored efficiently.
There are few ways to manage. Currently, the only way to publish newspapers and magazines on the Internet is to show articles for the first time by manually embedding the display method based on the manuscript, but the maintenance and management also has to rely on manual work. Because it is difficult to create, save and search for articles, the situation is far from the original Internet publishing and publishing system.

[0004]

[Means for Solving the Problems] In order to solve the difficulties that HTML cannot be used without remembering predetermined tags, display is limited, and systematic management is difficult, in the present invention, data is stored in the form of data. Contents (contents to be described by the user, hereinafter referred to as contents), their display methods (methods for displaying the contents, referred to as attributes), and data display position information (hereinafter referred to as layout, including attributes and layout, referred to as context) This allows the same graphical display to be achieved on any platform while achieving precise display on the Internet (hereinafter referred to as CCV-Content Context Viewer-Model). In the CCV model, the content and the context are identified by using a unique token (ID for identifying the context). Instead of directly embedding the context, which is the display method, in the content, the content holds only a token that uniquely identifies the context. Storing content and context on separate media separates the essential content of the data from the way it is displayed, but allows for a gradual correspondence with tokens. The concept of cells and elements is used in the CCV model. A cell is a container for elements that provides context about the background and position of the entire element contained in the cell, and an element is contained in the cell and displays the actual data at a relative position within the cell. No distinction is made between cells and elements in the context of CCV. In the CCV model, the context realizes a wide variety of displays by maintaining and managing various display methods and layouts of content collectively. The context holds information on whether or not to display the content, and dynamically determines whether or not to display the content at the display stage. The context allows the free display of a frame by holding information on the direction lines of the inner and outer frames of the cell element. Also, by holding the position and size information of the inner and outer frames, cell elements can be arranged freely. In addition, various expressions are possible by retaining background, font, text alignment, and bulleted information for actually displaying cell elements. By storing whether or not the content is a link, it is also stored whether or not the corresponding content is link information.
After the content is extracted from the display unit (hereinafter referred to as a viewer) of the CCV model, the context is extracted by indirectly inquiring the context for the token of the context included in the content, and the data is displayed by displaying the data. In addition, the viewer pools contexts that have been created once and reuses the same context instead of creating a new one, thereby speeding up the display. In the CCV model, the content and context are embedded in the XML file, the XML file is downloaded to the user's PC through a web browser, etc., and the content and context are extracted.
The data placed on the Internet is displayed by passing it to the viewer.

[0005]

FIG. 1 shows a diagram for separating data into content and context in the present invention. CCV of the present invention
The model is characterized in that text and image data 0100 are divided into content 0101 and context 0102. The content that is the essence of data is called content,
Attribute 0103 and layout 0104 that are incidental to the data
Is called a context. The attribute holds display information, and the layout holds position information. By storing the separated content and context separately, data can be maintained and managed efficiently. The context separated from the content jointly holds the information for each same token, and the content uniquely identifies the context by the token. Even if the content and the context are separated, the token can respond moderately.
The viewer obtains the content and the context via the token and displays the content on the Internet. Because the viewer is aware of the content and its context for the first time when displaying it, it is possible to freely display it without depending on a specific format, and it is possible to provide more precise display. Further, when the viewer extracts and displays the content and the context, it treats the text and image data as a collection of squares, and treats the outer rectangle as a cell and the inner rectangle as an element. A cell will hold zero or more elements.

In the present invention, contents are efficiently managed and maintained by dividing the contents by genre as shown in FIG. The content 0101 is divided into “general content” 0201 and “article content” 0205, and the general content refers to “text content” 0202 which indicates the content of data composed of characters or sentences and “contents of data composed of photographs or pictures” It is divided into “image content” 0204 and “composite content” 0203 composed of text content and image content.
An “article content” 0205 is a content having a text content set and layout information. “Article content” 0205 is special content that also has article layout information 0301 and is for displaying a document in a free layout. By dividing the content by genre, a large amount of content can be efficiently maintained and managed, and the content can be accessed quickly.

[0007] In the present invention, all text and image data displayed on the Internet are regarded as a single display or a combined display of content types. Content can be represented alone or in various combinations. FIG. 4 shows content types and their combinations. The “simple text content” 0400 is for maintaining one text content, and represents one character or sentence such as “Good morning”. "Multiple text content" 0401
Is a set of simple text content. The “single image content” 0402 is for maintaining and managing the content of data composed of one photo or picture, and the “multiple image content” 0403 is a set of single image content. Combining simple text content, multi-text content, single-image content, and multiple-image content allows for "simple text and single image content" 0404, "multiple text and single image content" 0405, "simple “Synthetic content” 0203 of “text and multiple image contents” 0406 and “multiple text and multiple image contents” 0407 is created. The above content types are separated from the article content and referred to as “general content” 0201. The content obtained by removing the simple text content from the general content is referred to as “composite content” 0413. "Single article content" 0408
Is a content composed of a plurality of single texts (hereinafter, sub-texts), and “multiple article content” 0409 is a set of single article contexts. By combining general content and article content, “general content and single article content” 0410 and “general content and multiple article content” 0411 are created.

[0008] The sub-text constituting the article content can reproduce the most complicated article by sub-texts having various characteristics. New paragraph sub text 0500 is content that represents the start of a new paragraph in a single article. The viewer indents as needed.
The line feed sub text 0501 is a content in which only a line feed is performed in a paragraph. The font change sub text 0502 is content for temporarily changing a series of text fonts. The viewer can display the content in the new context and then switch back to the original context. The hiragana and the normal sub text 0503 are the hiragana text and the content representing the text. Bulleted sub text 0504 is content for displaying a sub text in a bulleted format. General sub text 0505 is a general sub text
It is text. With the above sub-text, the article content can be displayed so as to express freely.

In the present invention, when the viewer extracts and displays the content and the context, the concept of a cell is introduced in order to optimize the display in the table format. Think of a table as a collection of cells. It also introduces the concept of elements into one cell to nest cells. As a result, one cell serves as a container for a plurality of elements, and the elements serve to represent content based on relative positional information in the cells. By dividing the cell element frame into the outer frame 0600 and the inner frame 0601, the display of the upper, lower, left and right frames can be diversified. FIG. 6 shows the names of each part of the cell and the element.

FIG. 7 shows the types of contexts.
All content has a cell context 0702 that defines the inner and outer borders of the cell and the line style in each direction, and additionally holds a context that describes how the content is displayed. The text context 0700 indicates the display method of the text content, and the image context 0701 indicates the display method of the image content. The article context indicates a display method of the article content. The viewer inquires and displays the context depending on the type of the content. Since the article content is composed of a plurality of sub-texts, its context is also composed of a plurality of sub-contexts. The viewer will extract and display all sub-texts of the article content. FIG. 8 is an example in which the viewer displays the article / content based on the context, in which a plurality of sub-texts are displayed. Also, the viewer displays all the sub-texts in sub-squares (article layout size information) based on the layout of the article content. FIG.
Is an example of a sub-square constituting a layout for displaying article content.

[0011] In the CCV model, the context holds the information in common for the same token, and the content uniquely identifies the context by the token.
FIGS. 10, 11, and 12 show tokens to the context of each content, and FIG. 13 shows an embodiment thereof. Simple text content, composite content, and article content have tokens to their context. When the content type of the cell is the simple text content 0400, the context token is embedded in the cell, and the context can be directly referenced from the cell. Also,
Simple text content is also in the cell (Figure 10). When the content type of the cell is the composite content 0413, an index to the content set 1104 type is held in each cell. Each set of elements holds a context token (which is how the content is displayed). That is, the token to the context is referenced indirectly.
Do not keep text content in cells (Figure 1
1). When the content type of the cell includes the article content 1200, information on the article content is not included in the cell. In order to identify the article content of a specific cell from within the set, it is necessary to refer to the article content index set 1201. Article content
The index set holds the index of the article content and the row / column number of the cell as shown in FIG. The article content set 1203 includes a token for the context, which is the display method. In other words, in the case of article content, two-stage reference is required for context display (FIG. 12). FIG. 13 graphically shows an embodiment of the content held by the cell in the CCV model. Cell is simple text content 1300/1301, multiple text content 1302, single image content
1303, an example holding simple text and single article content 1304, multiple text and single image content 1305 is shown.

FIG. 14 shows information constituting a context in the CCV model. The context is a content display method, and is identified by a token. The context is a resource counter 1400 of the context for grasping the usage status of the contest, information 1401 indicating whether to display the content, information 1402 indicating whether to display each part of the inner or outer frame of the cell or element, The cell or element has style information 1403 of each line of the inner and outer frames, size and position information 1404 of the inner and outer frames as layout information, detailed information 1405 for actually displaying the contents of the cell element, information for displaying bullet points 1406, Information 14 indicating whether or not the target content is a link
It consists of 07.

FIGS. 15, 16, 17, 18, and 19 show the structure of detailed information 1405 for displaying the contents of cell elements in the CCV model. FIG. 15 shows background information of a cell element. The background information is composed of a type 1500 for filling the background of the cell or element, a fill color 1501, a fill pattern 1502, a color 1503 at the upper left edge for three-dimensional display, and a color 1504 at the lower right edge. Figure
Reference numeral 16 denotes information for writing text in the cell element. Left / right / up / down position 1600 of text or sub-text, left / right / up / down alignment 1601 including equalization of text or sub-text, flag 1602 indicating horizontal or vertical writing of text or sub-text, text or sub-text It comprises a left / right / up / down margin 1603, the number of lines 1604 for displaying the text or sub-text, and a flag 1605 indicating whether or not to display the terminal symbol of the text or sub-text. FIG. 17 shows font information for displaying a cell element. Text or sub text font color 1700, text or sub text font name 1701, text or sub text
It is composed of the weight and inclination 1702 of the font of the text, the font orientation 1703 of the text or sub-text, and strike-through and underline 1704 information of the text or sub-text. FIG. 18 shows itemized information for displaying a cell element. Flag 1800 to indicate whether it is a bullet, bullet level 1801, bullet bullet (comprising numbers or symbols) 1802, bullet bullet indent size
It consists of 1803 information. FIG. 19 shows link information for linking each other on the Internet. A flag indicating whether the corresponding content is a link or not.
1900, a link anchor 1901 having anchor information as a link source of the corresponding content, and link destination information 1902 indicating a link destination of the corresponding content.

FIG. 20 shows an embodiment of the cell to which the element belongs in the CCV model (see FIGS. 10.11 and 12). The cell has information as shown in FIG. 20 regardless of the type of content. In the cell information, a field 2000 indicating the token of the context of the simple text content or the index of the composite content, a field 2001 holding the simple content when the content type is the simple content, and holding a blank otherwise, is applicable. It comprises a field 2002 representing the content type of the cell to be executed. The general content types are mutually exclusive, but coexist with the article content types. When the article content is specified, the article content set is specified from the row number and the column number of the cell. That is, the cell component is obtained by adding the content type to the simple text content.

FIGS. 20 to 29 show actual examples of storing each content type in the CCV model. Figure 20 Simple text content is token 2000 to the context of simple text content and simple text content
Hold 2001. Simple text content has no simple text content set for quick access and is embedded directly in the cell information. FIG. 21 Multiple text content is composed of a flag 2100 indicating whether to display multiple text content one by one, a token 2101 to a cell context, a token 2102 to a text context, and a text content 2103, respectively. The number of the sets 2104 changes depending on the number of elements of the plurality of text contents. FIG. 22 Single image content is composed of a token 2200 to the context of the image content and a single image content 2201. Figure 23 Multi-image content
A flag 2300 indicating whether to display the content one by one, a token 2301 for the cell context, a token 2302 for the image context, and the image content 23, respectively.
03, and the number of sets 2304 changes according to the number of elements of each of the plurality of image contents. FIGS. 24 to 28 show actual examples of the contents obtained by combining the above four contents. Figure 24 Simple text and single image content are stored in cell context token 2400,
It consists of a text context token 2401 and text content 2402. In addition, the token 2403 and the single image
It consists of content 2404. Figure 25 Multiple text and single image content consist of a cell context token 2500, a flag 2501 indicating whether to display the multiple text content one by one, an element context token 2502, and a text content 2503, respectively. The number of the sets 2506 changes depending on the number of elements of each of the plurality of text contents. Further, it is composed of a token 2504 of the context of the image content and a single image content 2505. Figure 26 Simple text and multiple image content hold cell context token 2600, simple text context token 2601 and simple text content 2602. Furthermore, a flag 2603 indicating whether or not to display a plurality of image contents one by one, a token 2604 to a cell context, and an image content 2605, respectively,
The number of the set 2607 changes depending on the number of elements of each of the plurality of image contents. Figure 27.Multiple text and multiple image content are cell context tokens
Holds 2700, flag 2701 indicating whether to display multiple contents one by one, token of element context
2702, each of which is composed of text contents 2703, and the number of the sets 2707 varies depending on the number of elements of each of the plurality of text contents. Further, a flag 2704 indicating whether or not to display a plurality of image contents one by one, a token 2705 for a cell context, and image contents, respectively.
2706, and the number of the sets 2708 changes according to the number of elements of the plurality of image contents. Fig. 28 CC
In the V model, the image content can also hold audio along with the image. Image contents are of image content type 2800, image contents
The content includes a content 2801, an audio content presence / absence flag 2802, an audio content type 2803, and an audio content 2804. FIG. 29 shows an example of article content in the CCV model. Single article content is composed of a token 2900 to the cell context and a set 2904 of a series of sub-texts. In addition, the article layout 0301 is the position and size of the sub-square 2902, the left and right and top and bottom margins of the sub-square 2903
It consists of a set of The context token 2901 of the font change sub-text represents a token to a context for temporarily changing the font.

FIG. 30 shows an embodiment relating to an index set of article contents in the CCV model. The index set of article contents is index 3000 to the article contents and row number 3001 of the cell to which each article content belongs
And column number 3002. Since the article content can be used together with the general content, the index to the content in the cell is used only by the general content, so that the article content holds a dedicated index set.

FIG. 31 shows the types of contents and their relationships in the CCV model. All contents are specified by row and column numbers, and have cells that are the basic rank when displayed. The cell has an index to the context of the content type, composite content type, or simple text content type. Cells contain text and images
By adding or deleting content, the content type changes, and the storage location of the content also changes. The type of the blank cell 3100 is changed to simple text content 0400 by adding one text 3101, and the type is changed to plural text content 0401 by adding text to the simple text content 3102, and the storage location of the content is also changed. If the text becomes one due to the deletion 3102 of the text from the multiple text content 0401, the type changes to the simple text content 0400, and the storage location of the content also changes. Removing 3101 text from simple text content 0400 turns it into a blank cell 3100.
The type is changed to single image content 0402 by adding one image 3103 to the blank cell 3100 and to multiple image content 0403 by adding an image to single image content 3104. When one image is deleted by deleting 3104 the image from the multiple image contents 0403, the type is changed to the single image content 0402, and the storage location of the content is also changed. Removing 3103 the image from the single image content turns it into a blank cell 3100. By adding 3105 one image to simple text content 0400 or 3106 adding one text to single image content 0402, the type changes to simple text and single image content 0404, and the storage location of the content also changes . By removing 3105 images from simple text and single image content, the type changes to simple text content 0400,
Single image content tool 0402 by removing 3106 text from simple text and single image content
The type changes. The storage location of the content also changes. Add one image to multiple text content 0401 310
7 by multiple text and single image content 0405
And the storage location of the content also changes. Add one text to multiple image content 0403 31
08 Simple text and multiple image content by 0406
And the storage location of the content also changes. Multi-text content 0401 by deleting 3107 images from multi-text and single image content 0405
In addition, by deleting 3108 the text from the simple text and the multiple image content 0406, the type is changed to the multiple image content 0403, and the storage location of the content is also changed. By adding 3111 to multiple text and single image content 0405 or adding 3111 to simple text and multiple image content 0406, the type is changed to multiple text and multiple image content 0407, and the storage location of the content is also changed. change. If text is deleted from multiple text and multiple image content 0407 by deleting 3112, the text becomes one by simple text and multiple image content 0406, and image is deleted by 3111 to delete one image In this case, the type is changed to multiple text and single image content 0405, and the storage location of the content is also changed. 3109 Adding Text to Simple Text and Single Image Content 0404
By multiple text and single image content 0405
By adding 3110 an image to simple text and single image content 0404, the type changes to simple text and multiple image content 0406, and the storage location of the content also changes. Delete text from multiple text and single image content 0405 3109 Delete text from simple text and single image content 0406 to simple text and single image content 0404 if text becomes one If the images become one by 3110, the type changes to simple text and single image content 0404, and the storage location of the content also changes.

FIG. 32 shows that the content type of a cell is changed by adding article content to general content in the CCV model. 3200 adding article content to general content 0201 changes to "composite content and single article content" 0410, and adding 3201 to composite content and single article content adds article content changes to "composite content and multiple article content" 0411 .

FIG. 33 shows an embodiment for managing content and context in the CCV model. A data manager 3304 comprehensively manages content and context, and exchanges data with a data source 3301 and a viewer 3300 as a display unit. The data manager plays a role of making the relationship between the content and the context one-to-one with respect to the viewer and the data source. The data manager internally maintains the integrity of the content and context of the data. Subordinate to the data manager are a content manager 3305 and a context manager 3316. The content manager centrally manages the content without considering the context, but only on the content type. Content manager is a dedicated content manager that manages each content type under its control in order to efficiently store and maintain each content type. Simple text manager 3306, multiple text manager 3307, single image manager
3308, multiple image manager 3309, simple text and single image manager 3310, simple text and multiple image manager 3311, multiple text and single image manager 3312, multiple text and multiple image manager 3313. The content manager has an article / token manager 33154 and an article manager 3315 for specifying article content. Each content manager is intensively aware of that particular content. The context manager keeps only the context without being aware of the content
to manage.

FIG. 34 is an embodiment showing a flow in which the viewer 3300 displays the separated content and context using the token of the context held by the content with the cooperation of the data manager 3404. .
The viewer that actually displays the data requests 3406 a context token for each content from the data manager, and passes the token to the kernel object manager 3401 to request creation of an object.
3403. The kernel object manager retrieves the relevant context from the data manager.
5, create a kernel object and pass it to the viewer 3
402. The viewer handles only the token to the context without being aware of the context, and acquires the kernel object, which is the actual display method based on the context information, from the kernel object manager. The kernel object manager creates kernel objects based on the context information obtained from the data manager, and pools and manages them 3404 to reuse the kernel objects. Quick display by preventing re-creation and destruction of kernel objects based on the same context. In the CCV model viewer, data is displayed by repeating the above procedure for all cell elements.

FIG. 35 shows the data used by the kernel object manager to create a kernel object.
Shows the context information obtained from the manager and the kernel object created based on it. Content display / non-display information 3500, display / non-display information 3501 of each direction line of inner and outer frames, kernel of each direction line of inner / outer frame
It comprises an object token 3502, inner and outer frame size and position information 3503, tokens 3504 of other kernel objects required for displaying the contents of cell elements, clause display information 3505, and ring information 3506. The token of the kernel object is used to decompose context information into the same one, and to collectively refer to the same object regardless of the context by jointly managing the kernel objects based on the context information.

FIG. 36 shows a content and a context in XML (eXtended) via the Internet in the CCV model.
Here is an example of obtaining from a data source of Markup Language) format. In the CCV model, context information 3609 created in advance and content conversion information 3608 for associating cell row / column numbers with XML tag names are specified as attributes of the root document. Also, a token 3610 to the context is specified as an attribute for each tag 3606 that uniquely identifies the content type and the row / column number of the cell, and text content or image content is embedded in the tag. The XML parser 3600 inside the data manager downloads 3605 the context information and the content conversion information via the browser 3604. The XML parser uses context information and content conversion information to
By passing an arbitrary tag embedded in the XML file 3607 to the data manager in correspondence with the content context information in the CCV model, data can be displayed on the Internet in a portable format.

FIG. 37 shows a flowchart of the CCV model. FIG. 37 is a flowchart showing the entire flow of the CCV model. The data manager obtains and generates 3701 the contents and context from the data source. The viewer obtains 3702 general information such as a fixed header at startup. The viewer calculates the absolute position and size information of each cell in advance at the time of startup and saves the information 3703 in the viewer. Next, the viewer displays 3704 the data in response to a drawing request from the OS or the like.

FIG. 38 and FIG. 39 are flow charts in which the data manager generates 3701 the context and the content from the data source. After generating the shape context 3801 of the cell element, the display context 3802 of the inner / outer frame of the cell element, the inner / outer frame shape context 3803 of the cell element, and the position / size context of the inner / outer frame of the cell element 3804 are generated. Create a context for one cell element with a set of contexts 3805
I do. The context token and cell created in Figure 38
By specifying an element, the text content 3901, the image content 3902, and the sub text content of the article content of the cell element are inserted 3903. In the case of article content, the position and size information of the sub-text content is also specified 3904 together. The above process is repeated for all contents.

FIG. 40 is a flow chart for the viewer acquiring 3702 the context from the data manager. The viewer requests the context by designating the context type and cell element. If a data context is requested 4002, the data manager returns the text context of the corresponding cell element 4004,
If an image context is requested 4007, the image context of the corresponding cell element is returned.
09, when the article context is requested 4011, the article context of the corresponding cell element is returned 4013, and when the cell context is requested, the cell context of the corresponding cell is returned 4015. FIG. 41 is a flowchart for calculating 3703 the absolute position and size of each cell when the viewer is activated. The viewer obtains the context token of the cell context by specifying the row / column 4101, and specifies the cell position and size of the cell by specifying the context token.
Obtain 4102 from the manager. Since the viewer calculates the absolute position and size for each column of cells, if the current cell is the first cell in a column, 4103 uses the position and size of the cell obtained from the data manager as it is.
4105. If the current cell is not the first cell in the column, the absolute position / size is calculated 4105 by adding an offset 4108 to the position / size of the cell obtained from the data manager from the position / size of the left / upper cell. Perform the above process for all cells, save them inside the viewer,
Used to display data.

FIG. 42 shows that the viewer actually displays the data 3704.
FIG. The viewer draws 4201 the inner and outer frame drawing 4201 of the cell element, the drawing 4202 of the background of the cell element, and the text, image, and article data of the cell element according to the drawing request of the OS. FIGS. 43 and 44 are flowcharts for drawing 4201 the inner and outer frames of the cell element before the viewer actually displays the data. The viewer obtains 4301 the total number of cells and the number of rows and columns from the data manager.
The viewer obtains 4302 the context token of each cell from the data manager, and obtains 4303 the absolute position and size of each cell stored inside the viewer. The viewer passes the token of each cell to the kernel object manager to obtain the inner and outer frame display information and the kernel object of the frame line, and draws 4304. FIG. 44 is a flowchart for drawing the inner and outer frames of each element in one cell. The viewer obtains 4401 the number of elements in the cell from the data manager, obtains 4402 the context token of each element, and passes it to the kernel object manager to obtain the inner / outer frame display information and the kernel object of the frame line. Draw 4403. Fig. 45
Reference numeral 46 denotes a flowchart for drawing 4202 the background of the cell element before the viewer actually displays the data. The viewer gets the total number of cells and the number of rows and columns from the data manager 4
501. The viewer obtains 4502 the context token of each cell from the data manager, and obtains the absolute position and size of each cell 4503 held inside the viewer.
I do. The viewer passes the token of each cell to the kernel object manager to obtain background display information and the kernel object of the background and draw 4504. Figure
46 is a flowchart for drawing the background of each element in one cell. The viewer obtains 4601 the number of elements in the cell from the data manager, obtains 4602 the context token of each element, passes it to the kernel object manager, obtains background display information and the kernel object of the background, and draws 4603 I do.

FIGS. 47 and 48 show a flow 4203 for drawing text, images, and article data of cell elements. The viewer obtains 4701 the total number of rows and columns of the cell element from the data manager, and obtains 4702 the kernel object of the cell context of each cell from the kernel object manager. If there is no element in each cell, the process proceeds to drawing the text, image, and article data of the next cell. The viewer queries the data manager if there is an element in each cell, and draws 4803 the text elements in each cell if the element holds a text element. The viewer queries the data manager and draws 4808 the image elements in each cell if they hold them. The data manager is queried, and if the article element is held, the article element is drawn 4813.

FIG. 49 shows the context kernel object obtained from the kernel object manager 47.
02 is the flow. Get a token to the context of the specified cell element from the data manager
4901, and the token is passed to the kernel object manager so that the position and size of the cell element 49
02, get the shape information and its kernel object 4903
I do.

FIG. 50 shows the drawing 48 of each text element.
It is a 03 flowchart. The data manager is queried for the current text mode, and if the text is in the drawing mode 5001, the current text of the text is drawn 5002 and the processing is completed. When the text is not in the drawing mode one by one, all the elements in the cell are drawn. Get the total number of text data in the cell from the data manager 5004,
Get the context kernel object 5005 from the object manager. Get text content from data manager and draw 5006 text data. FIG. 51 is a flow 5006 for drawing text data. Get the text content of each element 51
01, and query the data manager for the text mode. In the case of the vertical writing mode 5102, the text element is written vertically 5104, and in the case of the horizontal writing mode, the text element is written horizontally 5107. Figure 52 shows horizontal text 5107
It is a flowchart which shows. The horizontal alignment position is calculated 5201 according to the horizontal alignment mode of the text element in the cell, and the vertical position is calculated 5202 according to the vertical position mode of the text element. After that, a text element is drawn 5203 based on the position information. FIG. 53 is a flowchart for calculating 5201 the horizontal alignment position of the text. When the horizontal alignment mode of the text element is left alignment 5301, the left alignment position of the text element in the cell is calculated 5303. If the horizontal alignment mode of the text element is right alignment 5306 mode, calculate the right alignment position of the text element in the cell
5308. When the horizontal alignment mode of the text element is the center alignment 5310 mode, the center alignment position of the text element in the cell is calculated 5312. If the horizontal alignment mode of the text element is equal allocation 5314, the equal allocation position of the text element in the cell is calculated 5316. FIG. 54 is a flowchart for calculating 5202 the vertical alignment position of the text. If the top / bottom alignment mode of the text element is 5401, calculate the top alignment of the text element in the cell 5303
I do. Text element top / bottom alignment mode is bottom-aligned
In the case of the 5406 mode, the bottom alignment position of the text element in the cell is calculated 5408. If the text element vertical alignment mode is the center alignment 5410 mode, the center alignment position of the text element in the cell is calculated 5412. FIG. 55 is a flowchart showing the vertical writing 5104 of the text. The vertical alignment position is calculated 5501 according to the vertical alignment mode of the text element in the cell, and the horizontal position is calculated 5502 according to the horizontal position mode of the text element. Thereafter, a text element is drawn 5503 based on the position information. Figure 56
FIG. 6 is a flowchart for calculating the vertical alignment position 5501 of the text. Vertical alignment mode of text element is top aligned 5601
In the case of, the upper alignment position of the text element in the cell is calculated 5603. If the vertical alignment mode of the text element is the bottom alignment 5606 mode, the bottom alignment position of the text element in the cell is calculated 5608. When the vertical alignment mode of the text element is the center alignment 5610 mode, the center alignment position of the text element in the cell is calculated 5612. If the vertical alignment mode of the text element is 5614, calculate the position of the text element in the cell.
16 FIG. 57 is a flowchart for calculating 5502 the left and right alignment positions of the text. If the horizontal alignment mode of the text element is left alignment 5701, the left alignment position of the text element in the cell is calculated 5703. If the horizontal alignment mode of the text element is the right alignment 5706 mode, the right alignment position of the text element in the cell is calculated 5708. When the horizontal alignment mode of the text element is the center alignment 5710 mode, the center alignment position of the text element in the cell is calculated 5712. FIG. 58 is a flow diagram showing a text rendering 5002 one by one. Obtain 5801 the target cell / element row / column information to be drawn and obtain the context token of the relevant cell element from the data manager 5802
Then, it is passed to the kernel manager to obtain the kernel object. Get text data from the data manager and draw 5803. The above process is repeated for the number of drawing elements defined inside the viewer (the context only holds whether or not the mode is the one-by-one mode, regardless of the number of elements to be displayed at the same time and the number of elements to be displayed simultaneously).

FIG. 59 is a drawing 48 of each image element.
08 is a flowchart. The current image mode is inquired to the data manager, and if the images are in the drawing mode 5901 one by one, the current image of each image is drawn 5903 and the processing is completed. When the image is not in the drawing mode one by one, all the elements in the cell are drawn. The total number of text data in the cell is obtained 5906 from the data manager, and the kernel
Get the context kernel object 5907 from the object manager. The image content is acquired from the data manager, and the image data is drawn 5908. FIG. 60 is a flow 5908 of drawing image data. Get the image content of each element
6001 and query the data manager for the image type
6002, and draw 6003 the image element. FIG. 61 is a flowchart showing the rendering 5903 of the image one by one. The target cell element row / column information to be drawn is acquired 6101, the context token of the corresponding cell element is acquired from the data manager, and passed to the kernel manager to acquire the kernel object 6102. Get image data from Data Manager and draw 6103
I do. The above process is repeated for the number of drawing elements defined inside the viewer (the context only holds whether or not the mode is the one-by-one mode, regardless of the number of elements to be displayed at the same time and the number of elements to be displayed simultaneously).

FIG. 62 is a flowchart showing the drawing 4813 of each article element. There are a plurality of sub texts in one article data element, and the sub texts are obtained 6201 from the data manager. Each sub
The upper and lower limit positions (writable) of the sub-square having the position information where the text is written are set 6202. When the article / element is in the vertical writing 6203 mode, vertical writing 6205 of the sub text of the article is performed. Articles and elements are written horizontally
In the case of the 6208 mode, the sub text of each article is written horizontally. FIG. 63 is a flowchart for setting 6202 the writable position of each sub / square of the article context. If the article element is in the vertical writing mode 6301, the upper right and lower left positions of the sub / square vertical writing are set 6303. When the article element is in the horizontal writing mode, the upper left and lower right positions at which sub-squares can be written horizontally are set 6306. Figure
Reference numeral 64 is a flowchart showing the vertical writing 6208 of the article. If each sub text is "new paragraph sub text" 6401, write the sub text as a new paragraph 6403
I do. Each sub text is "line feed sub text"
In the case of 6407, sub-line writing 6409 of the sub text is performed. Each sub text is "Font change sub text" 64
In case of 11, writing 6413 is performed by temporarily changing the font of the sub text. If the sub-text is “syllabary and normal sub-text” 6415, write the pseudonyms and normal sub-text of the sub-text 641
7. Each sub text is "bulleted sub text" 6
In the case of 419, the sub text is itemized 6421.
In other cases, the general writing 6423 of the sub text is performed continuously from the previous position. FIG. 65 is a flowchart showing paragraph writing 6403 of sub text. First, the indentation position of the corresponding sub-text is calculated 6501, and the current sub-square and the position in the current square are calculated 6502 from the sub-square information in the article element. If the current position in the current square is the writing area 6504, one character of the sub text is written, and the current position and the number of writing characters are updated 6507. If the current position is beyond the writing area 6509,
Take out the next sub-square and update the new current position,
Write one character and update the current position and the number of characters to be written 6510. FIG. 66 is a flowchart showing the line feed 6409 of the sub text. First, the line feed position of the corresponding sub-text is calculated 6601, and the current sub-square and the position in the current square are calculated 6602 from the sub-square information in the article element. If the current position in the current square is 6604 in the writing area, write one character of the sub text,
The current position and the number of characters to be written are updated 6608. If the current position is beyond the write area 6610, the next sub-
The square is extracted, the new current position is updated, one character is written, and the current position and the number of written characters are updated 6611. FIG. 67 is a flowchart showing sub text font replacement 6413. First, the current font is temporarily saved 6701. After setting a new font object from the kernel object based on the context token included in the font change text and setting 6702, the general writing 6703 of the sub text is performed.
Then, the saved font is set to 6704 so that it can be restored. Figure
68 is a flow chart showing a sub-text 6417. First, the current sub-square and the position within the current square are calculated from the sub-square information 6801 in the article element 68
02. The current position within the current square is within the writing area 68
In the case of 04, the pseudonym of the sub text and the normal sub text are written, and the current position and the number of written characters are updated 6807. 6809 Current position exceeds write area
If so, take out the next sub-square, update the new current position, write the pseudonym and normal sub-text,
The current position and the number of characters to be written are updated 6810. FIG. 69 is a flow diagram showing sub-item bullets 6421.
First, the current sub-square and the position within the current square are calculated 6901 from the sub-square information in the article element. If the current position in the current square is 6903 in the writing area, write the sub text bulleted sub text,
The current position and the number of characters to be written are updated 6907. If the current position is beyond the writing area 6909, the next sub-
The square is extracted, the new current position is updated 6911, the bullet sub text is written, and the current position and the number of characters written are updated 6912. FIG. 70 is a flowchart showing the general writing 6423 of the sub text. First, the current sub-square and the position within the current square are calculated 7002 from the sub-square information 7001 in the article element. If the current position in the current square is 7004 in the writing area, write one character in the sub text and update the current position and the number of characters written
7008. If the current position exceeds the writing area 7010, the next sub-square is extracted, the new current position is updated, one character of the sub-text is written, and the current position and the number of written characters are updated 7011. FIG. 71 is a diagram showing an embodiment of single image content and article content in the CCV model.

[0032]

According to the CCV model, resources for displaying and storing data can be saved and swiftly displayed by dividing contents by genre. In addition, by holding a flag indicating whether or not to display each content in a plurality of content types, a display unit (hereinafter referred to as a viewer) dynamically selects content to be displayed by dynamically switching the content to be displayed. In the CCV model, a variety of displays are realized by the user freely defining the context, but by identifying only the token. The context defined by the specific user has meaning only to the outside by the token, and the content indicates the display method only by indicating the context by the token. General users are unaware of content, context or tokens,
By creating documents and images on a graphical user interface (GUI) like word processing software, even amateurs can easily create beautiful documents and images that are platform-independent.

In the CCV model, the user can freely define the context, and the content holds only the token of the context. By extracting a large amount of content that holds the tokens of the context from the database, only the context can be saved and managed in the database, which was not possible with HTML. Enables the expression of documents and images. In the CCV model, content and context are stored separately on the Internet, and by accessing, content based on the context is displayed on the computer on browsing software or dedicated software, so that publishing and newspapers similar to print, Enables publication of magazines. In the CCV model, the creator of a document or article creates content after designing its layout freely. The created contents (articles, documents) are stored in the database. Article managers pull content and context from the database and transform it into XML. A subscriber subscribes to an article by accessing the article in XML. In the above processing, it is possible to access the XML file using the conventional HTTP / HTML technology. This system allows you to subscribe to newspapers and magazines on the Internet without the need for special hardware and software. In the CCV model, data is separated and maintained in content and context, and the viewer displays the content according to the context. In the present invention, audio information related to an image can be displayed while displaying a still image by embedding audio in the image content as well as displaying a simple text or image. Existing Internet
It provides a new genre of publishing and publishing systems on the Internet by presenting rich expressions while using the infrastructure as it is.

[Brief description of the drawings]

FIG. 1 is an explanatory diagram for separating text and image data into content content, attributes, and a layout context.

FIG. 2 is an explanatory diagram of separating content by genre in order to efficiently maintain content.

FIG. 3 is an explanatory diagram of layout information in article content.

FIG. 4 is an explanatory diagram showing types of contents and combinations thereof.

FIG. 5 is an explanatory diagram of a sub text constituting a single article content.

FIG. 6 is an explanatory diagram showing the concept of cells and elements.

FIG. 7 is an explanatory diagram for separating the type of context by genre.

FIG. 8 is a diagram showing an example in which a viewer displays articles / contents based on context in a CCV model.

FIG. 9 is a diagram illustrating an example of a sub-square forming a layout of article content in a CCV model.

FIG. 10 is an explanatory diagram of a token representing a relationship between a context and content when the content type is simple text.

FIG. 11 is an explanatory diagram of a token representing a relationship between a context and a content when the content type is a composite content.

FIG. 12 is an explanatory diagram of a token representing a relationship between a context and content when the content type is article text.

FIG. 13 is a diagram illustrating a display example of a content and a context.

FIG. 14 is an explanatory diagram of detailed information configuring a context in a CCV model.

FIG. 15 is an explanatory diagram of background information for displaying the content of a cell element.

FIG. 16 is an explanatory diagram of information for writing text in the content of a cell element.

FIG. 17 is an explanatory diagram of font information for displaying the content of a cell element.

FIG. 18 is an explanatory diagram of itemized information for displaying content of a cell element.

FIG. 19 is an explanatory diagram of link information for linking each other on the Internet.

FIG. 20 is a diagram illustrating an example of a cell to which an element belongs and an example of simple text content in a CCV model.

Fig. 21 is a diagram illustrating an example of a plurality of text contents in a CCV model.

FIG. 22 is a diagram illustrating an example of single image content in a CCV model.

[Fig. 23] Fig. 23 is a diagram illustrating an example of a multi-image content in a CCV model.

FIG. 24 illustrates an example of simple text and single image content in a CCV model.

FIG. 25 illustrates an example of multiple text and single image content in a CCV model.

FIG. 26 is a diagram illustrating an example of a simple text and a plurality of image contents in a CCV model.

FIG. 27 is a diagram illustrating an example of a plurality of texts and a plurality of image contents in a CCV model.

FIG. 28 is a diagram illustrating an example of a sound included in image content in a CCV model.

[Fig. 29] Fig. 29 is a diagram illustrating an example of a single article content in a CCV model.

[Fig. 30] Fig. 30 is a diagram illustrating an example regarding an index set of article contents in a CCV model.

[Fig. 31] Fig. 31 is a diagram illustrating content types and their relationships in a CCV model.

[Fig. 32] Fig. 32 is a diagram illustrating a relationship between general content and article content in the CCV model.

FIG. 33 is an explanatory diagram in which a data manager manages content and context in a CCV model.

[Fig. 34] Fig. 34 is an explanatory diagram illustrating display using a token of a context held by a viewer in a CCV model.

FIG. 35 is an explanatory diagram of context information when a kernel object manager creates a kernel object.

[Fig. 36] Fig. 36 is a diagram illustrating an example of obtaining a content and a context from a data source in an XML format via the Internet in a CCV model.

FIG. 37 is a flowchart showing an overall flow of a CCV model.

FIG. 38 is a flow diagram in which the data manager generates a context from a data source.

[Fig. 39] Fig. 39 is a flowchart showing how a data manager generates content from a data source.

[Fig. 40] Fig. 40 is a flowchart illustrating a process in which a viewer acquires a context from a data manager.

[Fig. 41] Fig. 41 is a flowchart for calculating absolute position and size information of each cell by a viewer.

[Fig. 42] Fig. 42 is a flowchart showing a process in which a viewer displays data.

FIG. 43

[Figure 44] Before the viewer actually displays the data,
It is a flowchart which draws the inner and outer frame of an element.

FIG. 45

[Fig. 46] Before the viewer actually displays the data,
It is a flowchart which draws the background of an element.

FIG. 47

[Figure 48] Before the viewer actually displays the data,
FIG. 4 is a flow chart for drawing text, images, and article data of elements.

FIG. 49 is a flowchart illustrating a process in which a viewer acquires a kernel object of a context from a kernel object manager.

[Fig. 50] Fig. 50 is a flowchart for drawing each text element.

[Fig. 51] Fig. 51 is a flowchart of drawing text data in drawing of each text element.

FIG. 52 is a flowchart showing horizontal writing of text in drawing of text data.

[Fig. 53] Fig. 53 is a flowchart for calculating the horizontal alignment position of the text in the horizontal writing of the text.

[Fig. 54] Fig. 54 is a flowchart for calculating the vertical position of the text in the horizontal writing of the text.

[Fig. 55] Fig. 55 is a flowchart showing vertical writing of text in drawing of text data.

[Fig. 56] Fig. 56 is a flowchart for calculating the vertical alignment position of the text in the vertical writing of the text.

[Fig. 57] Fig. 57 is a flowchart for calculating the horizontal position of the text in the vertical writing of the text.

FIG. 58 is a flowchart of drawing text one by one in drawing text data.

FIG. 59 is a flowchart showing drawing of each image element.

[Fig. 60] Fig. 60 is a flowchart of drawing image data in drawing each image element.

FIG. 61 is a flowchart for drawing an image one by one in drawing each image element.

[Fig. 62] Fig. 62 is a flowchart illustrating drawing of each article element.

[Fig. 63] Fig. 63 is a flowchart illustrating a process of setting writable positions of subs and squares of an article context in drawing each article element.

FIG. 64 is a flowchart showing vertical writing of an article.

FIG. 65 is a flowchart showing paragraph writing of sub text.

[Fig. 66] Fig. 66 is a flowchart showing a line feed of a sub text.

[Fig. 67] Fig. 67 is a flowchart showing font change writing of sub text.

[Fig. 68] Fig. 68 is a flowchart showing sub-text shaking kana.

[Fig. 69] Fig. 69 is a flowchart showing the itemization of sub text.

[Fig. 70] Fig. 70 is a flowchart showing general writing of sub text.

Fig. 71 is a diagram illustrating an example of a CCV model.

Claims (200)

[Claims] 1. A method for displaying text and image data on the Internet, wherein content and context are separated by separating content (hereinafter content) and attribute or layout (hereinafter context) of the text and image data. , And the content identifies the context with a unique ID (token),
The display unit (hereinafter referred to as the viewer) takes out text and image data as a collection of squares (hereinafter referred to as external rectangles as cells and internal rectangles as elements) when extracting and displaying content and context, and is efficient and highly portable on the Internet. A method characterized by suggesting a display method. 2. The method according to claim 1, wherein the contents hold the contents of text and image data. 3. The method according to claim 1, wherein the context holds attributes and layout of the text and image data. 4. The method according to claim 3, wherein the layout is position information for displaying text and image data. 5. The method according to claim 3, wherein the attribute is information other than a layout for displaying text and image data. 6. The method of claim 1, wherein the content uniquely identifies the context by a token. 7. The method according to claim 1, wherein the contexts jointly hold the information for each same token. 8. The method according to claim 1, wherein the viewer retrieves and displays the content and context. 9. The method according to claim 1, wherein the cell is characterized by treating text and image data as a collection of squares and referring to an outer rectangle. 10. A method according to claim 1, wherein the element refers to an internal rectangle held by the cell, assuming text and image data as a collection of squares. 11. A method for efficiently maintaining and managing contents by dividing the contents by genre. 12. The method according to claim 11, wherein the “text content” maintains the content of data composed of characters or sentences. 13. The method according to claim 11, wherein the "image content" maintains the content of data composed of a photograph or a picture. 14. The method according to claim 11, wherein the “synthesized content” maintains content in which text content and image content are mixed. 15. The method according to claim 11, wherein “general content” refers to text content, image content, and composite content, and is maintained separately from article content. 16. The method of claim 11, wherein "composite content" represents general content other than simple text content. 17. The method according to claim 11, wherein the "article content" maintains content having layout information combined with a text content set. 18. A method according to claim 1, wherein the content is represented by a single form or a combination thereof. 19. The method according to claim 18, wherein the “simple text content” is composed of one character or sentence and represents the content of text data. 20. The method of claim 18, wherein "multiple text content" is represented as a set of simple texts. 21. The method according to claim 18, wherein the "single image content" represents the content of image data composed of one picture or picture. 22. The method of claim 18, wherein "multiple image content" is represented as a collection of single image content. 23. The method according to claim 18, wherein "simple text content and single image content".
Is a method characterized by being represented in combination. 24. The method of claim 18, wherein "multiple text content and single image content".
Is a method characterized by being represented in combination. 25. The method according to claim 18, wherein "simple text content and multiple image content".
Is a method characterized by being represented in combination. 26. The method of claim 18, wherein "multiple text content and multiple image content".
Is represented by a combination. 27. The method according to claim 18, wherein the “single article content” includes a plurality of single texts (hereinafter referred to as sub-texts).
Text). 28. The method of claim 18, wherein "multi-article content" is represented by a set of single article contexts. 29. The method according to claim 18, wherein "general content and single article content" are represented in combination. 30. The method according to claim 18, wherein "general content and multiple article content" are represented in combination. 31. The method according to claim 27, wherein the "new paragraph sub-text" constituting the single article content is content representing the start of a new paragraph with indentation in the single article. And how to. 32. The method according to claim 27, wherein the "new line sub text" constituting the single article content is a content representing a sub text to be line-breaked in a single article. 33. The method according to claim 27, wherein the “font change sub text” constituting the single article content is content for temporarily changing the font of a series of sub texts. . 34. The method according to claim 27, wherein the “syllabic characters and the ordinary sub-text” constituting the single article content are the contents representing the sub-texts of the pseudonym and the ordinary sub-texts. Features method. 35. The method according to claim 27, wherein the "itemized sub-text" constituting the single article content
Is a content representing a bulleted sub text. 36. The method according to claim 27, wherein the "general sub text" constituting the single article content represents a general sub text constituting the article content. 37. A method comprising using cells, elements to nest cells to optimize the presentation of data in a tabular format. 38. A method according to claim 37, wherein the cell is a basic unit for storing content. 39. The method according to claim 37, wherein the cell is a basic unit when displayed by a viewer. 40. The method of claim 37, wherein the cells jointly hold location information by relatively holding the location information. 41. The element according to claim 37, wherein the element represents content based on relative position information in the cell. 42. The method according to claim 37, wherein one cell acts as a container for a plurality of elements and maintains the elements. 43. The method according to claim 37, wherein the upper and lower left and right frames are displayed separately by dividing the cell or element frame into an outer frame and an inner frame. 44. A method as claimed in claim 44, wherein the context as a content display method is classified by genre according to a content type. 45. The method according to claim 44, wherein the text context is a method for displaying text content. 46. The method of claim 44, wherein the image context is a method of displaying image content. 47. The method of claim 44, wherein the article context is a method of displaying article content. 48. The method of claim 44, wherein the cell context is a method of displaying cell content. 49. A method for separating data into content and context, and correlating content and context with tokens. 50. The method according to claim 49, wherein when the content type is simple text, a token for context is embedded in the cell. 51. The method according to claim 49, wherein when the content type is composite content, an index to a composite content set is held in a cell. 52. The method according to claim 49, wherein each element of the composite content set holds a token to a context. 53. The method according to claim 49, wherein when the content type is article content, an index set to the article content set is separately stored. 54. A method according to claim 53, wherein the index set holds an index to the article content set. 55. The method of claim 1, wherein the context comprises information for displaying the content. 56. The method according to claim 55, wherein the context has a resource counter indicating a frequency of use of the context. 57. The method according to claim 55, wherein the context has content display / non-display information indicating whether or not the content represents the content. 58. The method according to claim 55, wherein the context has display / non-display information of each line of the inner and outer frames. 59. The method according to claim 55, wherein the context has style information for each line of the inner and outer frames. 60. The method according to claim 55, wherein the context has size and position information of inner and outer frames as layout information. 61. The method of claim 55, wherein the context has information for actually displaying the contents of the cell or element. 62. The method according to claim 55, wherein the context comprises item display information for displaying the content in an itemized manner. 63. The method according to claim 55, wherein the context comprises link information. 64. The method according to claim 61, further comprising having background information of the cell or element. 65. The method according to claim 64, further comprising having fill type information. 66. The method according to claim 64, comprising having fill color information. 67. The method according to claim 64, further comprising having fill pattern information. 68. The method according to claim 64, further comprising having upper left edge color information for a three-dimensional display. 69. The method of claim 64, further comprising having lower right edge color information for a three-dimensional display. 70. The method of claim 61, further comprising having textual location information to display the contents of the cell or element. 71. The method according to claim 70, further comprising the step of providing left / right / up / down position information of the text / subtext. 72. The method according to claim 70, further comprising: left / right / up / down alignment information including equal allocation. 73. The method according to claim 70, further comprising flag information indicating whether the image is written horizontally or vertically. 74. The method according to claim 70, wherein the method has left / right / up / down margin information. 75. The method according to claim 70, further comprising having information on the number of lines to be displayed. 76. The method according to claim 70, further comprising flag information indicating whether to display a terminal symbol. 77. The method according to claim 61, further comprising having font information for displaying the contents of the cell or element. 78. The method according to claim 77, further comprising having font color information for text subtext. 79. The method according to claim 77, further comprising having font name information of the text subtext. 80. The method according to claim 77, further comprising having font weight / tilt information of the text / subtext. 81. The method according to claim 77, further comprising having font orientation information of the text subtext. 82. The method of claim 77, further comprising underlining text and subtext, strikethrough information of the font. 83. The method according to claim 61, further comprising having bulleted information for displaying the contents of the cell element. 84. The method according to claim 83, further comprising having flag information indicating whether the item is an itemized list. 85. The method according to claim 83, comprising having itemized level information. 86. The method according to claim 83, further comprising symbol information at the beginning of the bulleted list, such as numbers and symbols. 87. The method according to claim 83, wherein the method has information on the size of a bulleted line indent. 88. The method according to claim 1, further comprising link information for linking each other on the Internet. 89. A method according to claim 88, further comprising having a flag indicating presence / absence of a link. 90. A method according to claim 89, wherein the link presence / absence flag indicates whether the corresponding content is a link. 91. The method according to claim 88, comprising having a link anchor. 92. The method according to claim 91, wherein the corresponding content is identified as a link destination by a link anchor. 93. The method according to claim 88, further comprising having text identifying the link destination. 94. The method according to claim 93, wherein the link destination information indicates a link destination of the corresponding content. 95. The method of claim 1, wherein all content has cell content. 96. The method according to claim 95, wherein the cell is specified by a row number and a column number. 97. The method of claim 95, wherein the cell has a token of a simple text context or index information to a composite article content set. 98. The method of claim 95, wherein the cells have simple text or blank content. 99. A method according to claim 95, wherein the cell has content type information of the corresponding cell. 100. A method according to claim 95, wherein the cell indicates a storage destination of the corresponding content by a content type. 101. The method according to claim 1, wherein when storing the content, the content is stored for each content type. 102. The method according to claim 101, wherein
A method wherein the simple text content comprises a token to a text context and the text content. 103. The method according to claim 101, wherein
The multi-text content is composed of a flag indicating whether or not to display the multi-content one by one, a token for the cell context, a token for each text context, and the text content. A method wherein the number of the sets changes. 104. The method according to claim 101, wherein
A method wherein the single image content comprises a token to the context of the image and the single image content. 105. The method according to claim 101, wherein
The multi-image content is composed of a flag indicating whether or not to display the multi-image content one by one, a token to the cell context, a token to the context of each image and the image content, and each element of the multi-image content. A method wherein the number of the set changes with the number. 106. The method according to claim 101, wherein
A method wherein the simple text and single image content comprise a cell context token and text content, and further comprise an image content context token and single image content. 107. The method according to claim 101, wherein
Multiple text and single image content hold a cell context token, and include a flag indicating whether to display the multiple text content one by one, an element context token, and each text content. A method characterized in that the number of sets varies according to the number of elements of text content, and further comprises a token of context of image content and single image content. 108. The method according to claim 101, wherein
Simple text and multiple image content hold cell context token, simple text context token, hold simple text content, and a flag indicating whether to display multiple image content one by one, A method comprising: a token for a cell context, each comprising image content, wherein the number of sets varies according to the number of elements of each of the plurality of image contents. 109. The method according to claim 101, wherein
Multiple text and multiple image contents hold a cell context token, a flag that indicates whether to display the multiple content one by one, a token of the element context, and each text content,
The number of sets varies depending on the number of elements of each text content, and furthermore, a flag indicating whether or not to display each image content one by one, a token to a cell context, and each image content, each comprising a plurality of images. -A method characterized in that the number of the set changes according to the number of elements of the content. 110. The method according to claim 101, wherein
A method characterized in that the image content holds sound along with the image. 111. The method according to claim 110, wherein
A method characterized by having a type of image content. 112. The method according to claim 110, wherein:
A method characterized by having image content. 113. The method according to claim 110, wherein
A method comprising having a sound content presence / absence flag. 114. The method according to claim 110, wherein
A method characterized by having a type of sound content. 115. The method according to claim 110, wherein
A method characterized by having sound content. 116. The method according to claim 101, wherein
A method wherein a single article content is composed of a set of tokens for a cell context, a set of a series of sub-texts, positions and sizes of sub-squares, left / right / up / down margins of a sub / square, and the like. 117. The method according to claim 101, wherein:
A method characterized in that an index set to an article content set is specified by a row number and a column number of a cell to which the article content belongs. 118. The method of claim 38, wherein the cell changes content type by adding or deleting text and image content, and the storage location of the content also changes. 119. The method according to claim 118, wherein:
A method characterized in that adding one piece of text to a blank cell changes the type into simple text content and also changes the storage location of the content. 120. The method according to claim 118, wherein
A method characterized by removing text from simple text content and turning it into a blank cell. 121. The method according to claim 118, wherein
A method characterized in that adding text to simple text content changes the type into a plurality of text content and the storage location of the content also changes. 122. The method according to claim 118, wherein
A method characterized in that when text is deleted by deleting text from a plurality of text contents, the type is changed to simple text content and the storage location of the content is also changed. 123. The method according to claim 118, wherein:
A method comprising adding text to multi-text content so that the content and the storage location of the content are unchanged. 124. The method according to claim 118, wherein
A method wherein adding one image to a blank cell changes the type to single image content and also changes the storage location of the content. 125. The method according to claim 118, wherein
A method characterized by removing an image from a single image content to turn it into a blank cell. 126. The method according to claim 118, wherein
A method comprising adding an image to a single image content to change the type into a plurality of image contents, and also changing a storage location of the content. 127. The method according to claim 118, wherein
A method characterized in that when images are deleted from a plurality of image contents and the images become one, the type is changed to single image contents and the storage location of the contents is also changed. 128. The method according to claim 118, wherein
A method wherein the content type and the storage location of the content are unchanged by adding an image to the multiple image content. 129. The method according to claim 118, wherein
A method characterized in that adding one image to simple text content changes the type into simple text and single image content, and also changes the storage location of the content. 130. The method according to claim 118, wherein
A method wherein the type is changed to simple text content by deleting an image from the simple text and single image content, and the storage location of the content is also changed. 131. The method according to claim 118, wherein
A method characterized in that adding text to single image content changes the type into simple text and single image content, and also changes the storage location of the content. 132. The method according to claim 118, wherein
A method characterized in that the type is changed to single image content by deleting text from simple text and single image content, and the storage location of the content is also changed. 133. The method according to claim 118, wherein
A method characterized in that by adding one image to multiple text contents, the type is changed to multiple text and single image content, and the storage location of the content is also changed. 134. The method according to claim 118, wherein
A method characterized in that the type is changed to multi-text content by deleting an image from multi-text and single-image content, and the storage location of the content is also changed. 135. The method according to claim 118, wherein
A method characterized in that the type is changed into simple text and multiple image content by adding one text to the multiple image content, and the storage location of the content is also changed. 136. The method according to claim 118, wherein
A method characterized in that the type is changed to multiple image content by deleting text from simple text and multiple image content, and the storage location of the content is also changed. 137. The method according to claim 118, wherein
A method characterized by adding text to simple text and single image content, changing the type to multiple text and single image content, and changing the storage location of the content. 138. The method according to claim 118, wherein
If the text is unified by removing text from multiple text and single image content, the type changes to simple text and single image content,
A method wherein the storage location of the content is also changed. 139. The method of claim 118, wherein
A method characterized by adding an image to simple text and single image content, thereby changing the type to simple text and multiple image content, and changing the storage location of the content. 140. The method according to claim 118, wherein
If the image becomes one by removing the image from simple text and multiple image content, the type changes to simple text and single image content,
A method wherein the storage location of the content is also changed. 141. The method according to claim 118, wherein
A method comprising adding an image to multiple text and single image content to change the type to multiple text and multiple image content, and to change the storage location of the content. 142. The method according to claim 118, wherein
If the image becomes one by removing the image from multiple text and multiple image content, the type changes to multiple text and single image content,
A method wherein the storage location of the content is also changed. 143. The method according to claim 118, wherein
A method characterized in that adding text to simple text and multiple image content changes the type into multiple text and multiple image content, and also changes the storage location of the content. 144. The method according to claim 118, wherein
A method characterized in that when text is deleted from a plurality of texts and a plurality of image contents and the text becomes one, the type is changed to a simple text and a plurality of image contents, and a storage location of the contents is also changed. 145. The method according to claim 118, wherein
A method characterized in that, by adding one article content to general content, the type is changed to single article content and the storage location of the content is also changed. 146. The method according to claim 118, wherein
A method characterized in that by adding two or more article contents to general contents, the type is changed to a plurality of article contents and the storage location of the contents is also changed. 147. A method wherein the data manager comprehensively manages content and context and interacts with a data source or viewer. 148. The data manager according to claim 147, wherein the relation between the content and the context is one-to-one.
A method characterized by performing the role of maintaining the data in the viewer and the data source. 149. The method of claim 147, wherein the data manager internally maintains data content and context consistency. 150. A method characterized in that the content manager under the data manager performs unified management conscious of only the type of content without being aware of the context. 151. A method wherein the context manager under the data manager stores and maintains only the context without being aware of the content. 152. A content manager according to claim 150, wherein the content manager efficiently stores and stores the content for each type of content.
A method characterized by having a dedicated manager for each content type under its control in order to maintain. 153. The method according to claim 152, wherein
A method characterized by the simple text manager managing a collection of simple text content. 154. The method according to claim 152, wherein
A method wherein the multi-text manager manages a collection of multi-text content. 155. The method according to claim 152, wherein
A method wherein the single image manager manages a collection of single image content. 156. The method according to claim 152, wherein:
A method wherein the multiple image manager manages a collection of multiple image content. 157. The method according to claim 152, wherein
A method characterized in that the simple text and single image manager manages a collection of simple text content and single image content. 158. The method according to claim 152, wherein
A method wherein the multi-text and single image manager manages a collection of multi-text content and single image content. 159. The method according to claim 152, wherein
A method wherein the simple text and multiple image manager manages a collection of simple text content and multiple image content. 160. The method according to claim 152, wherein
A method, wherein the multi-text and multi-image manager manages a collection of multi-text content and multi-image content. 161. The method of claim 152, wherein:
A method characterized in that the article / token manager manages an index into the article content set. 162. The method according to claim 152, wherein
A method characterized by the article manager managing single article content and multiple article content. 163. The method according to claim 1, wherein the viewer inquires each context according to the type of the content and performs display. 164. The method according to claim 163, wherein
A method in which a viewer takes relative position information of a cell and converts it into absolute position information. 165. The method according to claim 163, wherein
A method in which the viewer queries the data manager for a text context and displays the text content. 166. The method according to claim 163, wherein
A method wherein the viewer queries the data manager for an image context and displays the image content. 167. The method according to claim 163, wherein
A method wherein the viewer queries the data manager for article context and displays article content. 168. The method according to claim 163, wherein
A method wherein the viewer queries the data manager for cell context and displays the cell content. 169. The method according to claim 163, wherein
A method wherein the viewer retrieves and displays all sub texts of the article content. 170. The method according to claim 163, wherein
A method wherein the viewer displays all sub-texts in sub-squares based on the layout of the article content. 171. The method of claim 171 wherein the viewer retrieves the content from the data manager and displays the content according to its context. 172. The method of claim 171 wherein:
A method wherein the viewer queries the data manager for the number of cell contexts. 173. The method of claim 171 wherein:
The method wherein the viewer requests a token for the context for each cell. 174. The method of claim 171 wherein:
A method wherein the viewer passes a token to the context to the kernel object manager and requests creation of a kernel object. 175. The method as claimed in claim 175, wherein the kernel object manager manages the kernel object for quick display. 176. The method of claim 175, wherein
A method wherein the kernel object manager reuses kernel objects based on the same context. 177. The method of claim 175, wherein:
A method wherein a token of a kernel object is managed for each kernel object based on context information to represent an index to the same object regardless of context. 178. The method of claim 175, wherein:
A method wherein the kernel object manager obtains relevant context information from the data manager. 179. The method of claim 175, wherein
A method wherein the kernel object manager creates a kernel object and passes it to a viewer. 180. The method according to claim 171 wherein:
A method wherein the viewer handles the token only and obtains a kernel object from the kernel object manager. 181. The method according to claim 175, wherein:
A method wherein the kernel object manager has display / non-display information of contents. 182. The method of claim 175, wherein
A method wherein the kernel object manager has display / non-display information of lines in each direction of the inner and outer frames. 183. The method according to claim 175, wherein
A method wherein the kernel object manager has kernel object token information for each direction line of the inner and outer frames. 184. The method according to claim 175, wherein
A method wherein the kernel object manager has information on the size and position of the inner and outer frames. 185. The method according to claim 175, wherein
A method wherein the kernel object manager has token information of other kernel objects required to display the contents of the cell element. 186. The method according to claim 175, wherein
The method wherein the kernel object manager has the item display information. 187. The method of claim 175, wherein
A method wherein the kernel object manager has ring information flag information. 188. The method according to claim 1, wherein when obtaining the content and the context via the Internet, the XML parser in the data manager obtains the content and the context in the XML file by interacting with the browser. A method comprising: 189. The method of claim 188, wherein:
A method characterized by embedding context information in an XML file. 190. The method of claim 189, wherein:
Downloading the context by specifying the location where the context is stored in the XML file. 191. The method of claim 189, wherein:
A method comprising placing a token to a context for each tag in an XML file. 192. The method according to claim 189, wherein
A method characterized by converting attribute information of a tag in an XML file into a token for a context. 193. The method according to claim 188, wherein
A method characterized by embedding content in an XML file. 194. The method according to claim 193, wherein XM
A method for embedding content conversion information for identifying a content type and a matrix number of a cell by a tag name in an L file. 195. The method according to claim 193, wherein:
A method comprising specifying a file in which content conversion information is stored in an XML file. 196. The method according to claim 193, wherein
A method comprising converting tags in an XML file into content types and cell matrix numbers. 197. The method according to claim 188, wherein
A method comprising embedding text or an image in each tag in an XML file. 198. In the method according to claim 1, when displaying a plurality of texts and a plurality of image contents, if a display flag is set for each of the contents, the viewer continuously displays the contents. A method characterized by displaying dynamically. 199. The method according to claim 1, wherein the link information field of the context is set,
Downloading a specified file when a corresponding text or image field is selected. 200. The method according to claim 1, wherein a predetermined sound is reproduced when the corresponding image data is selected by embedding sound information in the image content.