KR20030013544A - Methods and appliances for implementing graphics as a web page - Google Patents

Abstract

PURPOSE: A method and device for constructing a web page is provided to watch graphic data mixed with web data and to watch a menu, a link portion, text, and graphic data in accordance with characteristic of web data as a readable state. CONSTITUTION: Web data are analyzed. In detail, a position and a color of a web element, and contents of text data are analyzed(5-1). Graphic data are analyzed. In detail, a size and a color of graphic data, a position and contents of an image are recognized(5-2). Brightness and a chroma of graphic data, image contents of the graphic data, a color scheme effect, and an expression criterion of web data of an operator in the graphic data are set(5-3). A size of graphic data is fixed, and a ratio of a width and a length is fixed. Otherwise, only a width is fixed in a size of a web page. If a user reduces a width of a web browser, a length thereof is enlarged in accordance with the setting of an expression criterion of web data of an operator.

Description

Method and apparatus for implementing graphics as a web page}

Nowadays, there are programs that allow you to create web menus manually or automatically in graphical mode, and programs that break some graphic data and use some as menu elements. These programs can all be generated automatically using coordinates for position and size within the graphics file. By using this principle, the present invention combines a graphic file with elements of a web page to automatically generate a graphic web, and the content of the graphic file is configured to contain a specific art picture or advertisement.

While general print media can access the advertisement continuously for a certain period of time, advertisements using graphic files can be viewed by going to the temporary file directory of the Internet browser. On the Internet, advertisements using the advertisement server exist only on the server. There is nothing left on the server. This is a fatal disadvantage of web advertising. The present invention is configured such that the advertisement data by the advertisement server is also stored in a certain portion of the client or remote computer to be viewed at any time.

There is no means of distinguishing plain text or graphic data from advertising data on the general web. But with xml this is quite possible. In the present invention, a means for distinguishing general data from advertisement data is devised.

There is some text on the graphic background to express web data. This is because the web data is displayed on the background file, and the color of the graphic data does not read the web data properly. In the present invention, the background graphic file is used as an advertisement, and the background file can be used as an advertisement by configuring the web data to be automatically changed to a color having a contrasting effect according to the colors of the background graphic data. In addition, the existing method is achieved without any time difference between the web data and the graphic data transmitted to the client. There is also no choice between the web data and the graphical data that the user sees. However, the present invention can be viewed separately according to the time difference in the transmission of the data to the client, the user between the graphic data and the web data.

Some of them are extracted from graphic files and used as graphic menus on the web. This is done by carving out the picture. The present invention is configured to recognize these pictures as one, divide the functions on the graphic coordinates, and click a certain portion to perform a specific operation.

Keep the contents of one graphic file intact and include the text and graphic content of menus and content. The text of the content also includes data from the database. We devise a way to make one graphic data and the menu, link name, text data and other graphic data displayed on it easily visible to the user's eyes.

Web page production that maintains the contents of the graphic file above.It is the basic data for constructing and using the structure of the existing web page as it is, and the web page using the contents of the existing web page and graphic file (hereinafter referred to as' graphic contents) Devise a method of combining a web page on a web page. This combination is made automatically, and the 'web page ad server on graphic contents' is produced using this.

1. Graphic data on the web (advertising, art, etc.)

2. Web + Graphic Data

3. Process

4. Configuration

A. Save the ad = for replay

B. Configure your ad to click through to your site

C. Link configuration only for other ads

Advertisement means should be devised to distinguish plain text or graphic data from advertisement data.

Design a way to add to the content of an existing web page in Graphical Web Pages, and add a "Return to Original Web Page Button" to revert to the original web page. It consists of.

The method of converting the web page on the graphic contents according to the present invention is classified into a method of converting at the client or a method of converting at the server and displaying only at the client.

We devised a method to solve the problem of using the graphic data in the background as an advertisement, expressing the web data above to achieve the advertising effect, and reading the web data that may occur due to the overlap of the graphic data and the web page data. do.

The advertisement can be stored in a specific computer system and then viewed, retrieved and viewed again by the user's needs. Among these methods, we devise a method of using and configuring an advertisement (including graphic data or text advertisement) proxy server.

A means for recognizing advertisement data as advertisement on the Internet is devised. This advertisement recognition means is applied to an advertisement server and stored in a computer system as an advertisement.

As a method of recognizing and storing an advertisement, various methods such as a program in a client are devised.

Insert advertiser's URL and description of advertisement file in advertisement file, and recognize this in certain programs such as Explorer.exe's shell program and Iexplore.exe's browser. Configure it so that it can be configured by adding it to cookies or advertisement files. It has cookie information in the remote advertising data server, which the user can call and use if desired (remote cookie server).

The color of a mix of web and graphical data when you mix web data that is associated with graphical data to form other data. This can reduce the readability of the user between images. In order to solve this problem, a method is developed, and this method improves the readability of a specific data when a separate data is formed by forming a single data or a mixture of two or more data. To add data, we devise a way to add layers to this separate data.

There is an addition of graphic data + some data between graphic data and graphic data for web pages on graphic contents. This is reflected in the compression transmission process to maximize the compression rate.

Using Cookies In a web page on the graphic content, the cookie contains the web tag statement ear of the web page on the graphic content and allows the shell program to recognize it so that the web file can recognize the web language.

The graphic file is divided into several parts, and the coordinates and commands are assigned to each divided part to implement the same functions as those on the web (cookies are separate).

1 is a diagram illustrating a state in which graphic data is mixed with existing web data. 2 is a diagram showing the form of web data. 3 is a diagram illustrating FIG. 1 graphically. 4 is a diagram illustrating mixing graphic data and web page data. 4A illustrates that web data conversion is performed in association with graphic data in graphic data and web data. 4B is a generalization of FIG. 4A. 5 is a diagram illustrating the present invention by analyzing graphic data and web data and adding additional selection options of a user. 6 is a flowchart of a process of showing a web page on a graphic content of the present invention to a user. 7 is a view for explaining an example of the case of implementing the present invention on a network. 8 is a flow diagram for playing a commercial for a user to view. 9 is a diagram illustrating a method of recognizing an advertisement. 10 is an explanatory diagram for playing and viewing a stored advertisement. FIG. 11 is a diagram illustrating a function of allowing a web program to recognize a part of a web url command in a binary file. 12 is a diagram of implementing the function of FIG. 11 using a cookie program.

The present invention can be applied not only to web pages but to the representation of all data on all computers or the Internet. For the sake of simplicity, we will use web dating as an example.

Use of graphic files as web pages

Elements of the web are modal, with text, graphics, and sound data

Types of content include general data, advertising, programming languages, links, and database content.

The syntax of HTML is to create tags as text and to include text data, graphic data, or audio data.

In the present invention, the graphic data is divided into pieces, and each piece is attached to a special command tag so as to operate on the web, but each piece is configured as a piece of the graphic data as a whole. The shape of one graphic data of the whole is to be an advertisement, a photographic picture, or a picture such as westernization / orientation. In Fig. 1, one piece (1-1) is constructed using several pieces of pieces, and each piece has menus and links (1-3) such as menu 1 (1-2), menu 2, menu 3, and the like. . 1-4 is text data and 1-5 is graphic data (hereinafter referred to as 'web content'). Data of 1-4 and 1-5 may be composed of two types. A) Firstly, text data written on the graphic data and other graphic data. B) Secondly, it is used as a background picture except that it is set for link between 1-2 and 1-3. Figure 2 shows the appearance of a general web page having the same configuration as in FIG. In Figure 1, the picture is one fragment, but the file is actually divided into several different files.

In Fig. 1, the text contents of "Menu" and "Link" of 1-2 and 1-3 should be represented. This can be easily inserted simply by programming. You can also easily write 1-4 and 1-5 by a) above. Even if 1 to 4 are data from the database, even if different data are displayed according to the user's click, programming can be used to maintain one picture as a whole.

3 is 3-3 "by reflecting" position coordinate value of a web element to be displayed on a web page on graphic content "and" text phrase to be displayed for each web element "in 3-2 in the size of the graphic data 3-1. This figure explains how to form "a web page on graphical content." In addition, in order to configure the web content of FIG. 1 to be clearly read and viewed by the user in the graphics of 1-1, the values of the color (brightness and saturation) of the graphic data and the graphic data Consider values such as 'image content', 'color effects' and 'expression criteria'. The reason is that if the text text is drawn in black on the black background picture, users cannot read it. This is to prevent such inconvenience. 'Expression Criteria' means to reflect the expression criteria, or subjective criteria, set up by the web site operator.

Create graphical web pages by combining web pages with graphical data

FIG. 4 is a diagram illustrating the formation of a web page 4-3 on the graphic contents by combining the existing web page 4-1 and the graphak data 4-2.

5 is a schematic diagram of FIG. 4. 5-1 analyzes web data analysis . It analyzes the location of web elements and the contents of color and text data. 5-2 is the process of analyzing graphic data .

The size of the graphic data

Identify colors, location and content of graphic data. 5-3 is

The color values of the graphic data (brightness, saturation),

Image content of the graphic data,

Coloring effect and

Set the representation criteria for web data in the operator's graphical data. 5-4 becomes 'web page on graphic contents' which is produced and expressed through this process. Graphic data is constant in size. In addition, the ratio between horizontal and vertical is determined. On the other hand, the size of the web page is constant at the width of the screen size such as 800 X 600 or 1024 X 768, and the length of the single height varies freely. It is also configured to increase in length as the user reduces the width of the web browser. Therefore, adjusting the difference in these sizes is based on 'setting the presentation criteria of the web data in the operator's graphic data' in 5-3 above. For example, the graphic data (for example, advertisement) may be added below, and the part lacking the remaining graphic may be represented by maintaining the shape of 4-1 of FIG. 4 as it is. Or you can scroll down the graphic to see the content of other web pages as web pages on the graphic content.

4 can be displayed in a form similar to 4-3 by setting graphic data of 4-2 as a background file and displaying web data of 4-1 thereon. That is, the data of 4-1 is represented on the data of 4-2. Using the method described with reference to FIG. 5, 4-1 is displayed on the top of 4-2, and the user can express it nicely. However, text mode text can only be changed color by character. For this

A layer is used as in FIG. 4A. 4A-1 is graphic data such as 4-2. 4A-2 is web page data of 4-1. 4A-3 is a layer that changes the appearance of 4-2 by considering the color and image of 4A-1 and the color and text / graphic size of 4A-2. That is, change the color of 4-2.

In FIG. 4B, 4B-1 is data A, and data B of 4B-2 is data related to 4B-1, and layers are different, but 4B-1 and 4B-2 are closely related to each other at the same location or between different sizes or data. The layers are laid out so that they are relevant. 4B-3 is a layer that changes data A or data B or both data in consideration of the characteristics of data of one or both layers of data data A or data B of the layer 4B-1 or 4B-2. A property conversion layer for converting the properties of DataB according to the properties of Data A). This property is equally applicable to the case where the number of 4B-1 and 4B-2 layers is one, two or more. That is, 4b-1 + 4B-3 = separate data by adding a layer of 4B-3 in order to add data in consideration of characteristics of data of the layer of 4B-1 or to modify data of data A of 4B-1. It is configured to appear as. In this case, the separate data may be composed of a mixed arrangement of two layers composed of two transparent background colors or a mixture of data of two layers.

Since the user may not like to implement the present invention, a "back to original web page" button is created on the web page on the graphic content so that the user can return to the original web page of 4-1. This is shown as 5-5 in FIG. 5, and other 'optional additional elements' may be added in addition to this button.

Operational process of graphical web pages

According to the present invention, a method of displaying a web page to a user depends on the transmission speed of the network.

1. How to show in the form of 'web page on the graphic content' immediately after connecting

2. At the moment of access, it shows original web page form, and after a certain time, it shows 'web page on graphic contents'.

Depending on the network transmission rate, it can be configured to represent one of two methods differently for each user.

6 is a diagram for explaining the above 2.

The user accesses the web page of the present invention to view or click to move the web page (6-1). If all of the data of one page has been sent to the client computer, the representation according to the present invention is subsequently made. In the expression according to the present invention

The conversion of Fig. 5 is a) a method of performing a client or b) a method of converting a server to display only in the client. A) In the client, download the graphic file of 4-2 (6-2), convert it by the converted programming means (where the programming means are included in the web browser or have a separate conversion program in the user client). If the time after accessing the web page passes a predetermined time t (6-3), it is represented as a 'web page on the graphic content' (6-4). There can be various ways to express this 'web page on graphic contents', so set the option of setting the 'Web page on graphic contents' presentation mode in 6-5. If you go to another web page, you return to step 6-1 (6-6). After a certain time has elapsed in the webpage mode on the graphic content (6-7), only the original graphic data without web data is shown in Fig. 4-2. The order in which the web page mode (4-1), the web page mode (4-3) or the graphic mode (4-2) on the graphic content is displayed depends on the preference of the user, the advertiser, the homepage operator or the web page operator on the graphic content. The order may change.

Configuration of the web ad server

7 shows the configuration of a 'web page server on the graphic content' of the present invention. 7-A is a configuration shown by the process in FIG. 6 when the client 7-1 accesses the web page server on the graphic contents of the present invention 7-2.

7-B is connected to the general homepage web server 7-11 using the 'web page server on the graphic content' according to the present invention in the client 7-1 (7-12). Web page server '(7-13) to the client is converted to show (7-14) by the operation process of the graphic web page above.

7-C tries to view another general web page 7-23 by the present invention by connecting 7-22 from the client 7-1 to the web page server on the graphic content 7-21 of the present invention. In this case, the data of 7-23 is imported (7-24) and the normal web page is converted and displayed according to the process of 'working process of the graphic web page ' above.

Play your ad to watch and go to ad sites

If an advertisement is posted on the homepage using an ad server, no trace remains on the client. To allow the user to view the ad again, store the ad on the client, another remote computer, or on an intermediate ad proxy server, so that the user can view it again if desired. In FIG. 8, 8-1, the user accesses the homepage site, reports an advertisement (8-1), and stores the trace of the advertisement data (8-2). The local computer 9-3 stores remote advertisement data. The server 8-4 and the advertisement proxy server 8-5 are stored. Advertisements include text-only ads, graphics-only ads, voice data-only ads, and text, graphic, or speech data. In order to do this, it is necessary to distinguish and recognize the advertisements as advertisements, and to store them. The means of recognition as advertising

There are ways to determine whether an ad is using an ad tag, or by recognizing and analyzing graphic data.

In order to store data recognized as advertisements, they must be stored. Save stores the advertisement (text, graphic / animation, sound and compound advertisements), the url of the advertisement, and auxiliary descriptive data about the advertisement, as in 8-6. The storage file name is determined according to an advertiser, an advertisement product name, etc., or in most cases, the file name used by the advertisement server is used as it is.

If 8-7 needs to see the advertisement again, go to the advertisement storage place to see or search.

9 illustrates how to recognize these various types of advertisements using recognition means. 9-1 describes text advertisement recognition means 9-2 as a text advertisement. 9-3 describes graphic / animated advertisement and recognition means 9-4. 9-5 is a sound advertisement, this means of recognition is also described (9-6), and 9-7 is a compound advertisement (one or more of a mixture of text, graphics / animation data, and sound data) and its Recognition means are also described (9-8). This recognizes what is recognized as an advertisement (9-9) and retrieves it when necessary for the user to see it again.

As described above, there is a problem that an advertisement by the advertisement server does not leave a trace anywhere. These problems include a method of storing by a program in a client, a method of storing in a web browser, a method of storing in an advertisement server in a client, and a method of monitoring and storing an advertisement in a separate server in the client.

10 is a flowchart illustrating playing an advertisement. 10-1, if there is an advertisement storage criteria for storing the advertisement (10-2). This is set as an option.

If you want to play an advertisement (10-3), access the ad storage location (10-4), view or search the advertisement list (10-5), display the advertisement and make a selection (10-6) to play the advertisement. (10-7)

If the advertisement is in the form of a web, it is easy to navigate to the linked advertisement site. However, it is not easy for voice or graphic files. So in these cases

As shown in Fig. 11, the url of the site is inserted (11-2) in the file (11-1) of the file, and the description sentence (11-3) is also inserted, which is a web browser, a program of Windows Explorer.exe or a separate one. Let's recognize this in the program, and start the browser to go to the site according to a specific action such as a click. This method is also applicable to data in plain text mode.

12 is a method of using cookies unlike in FIG. 11. 12-1 is a cookie information file having file name information, URL, and additional description information. 12-2 is an advertisement file which is a text, graphic, sound or mixed mode file. The user can select this advertisement file and navigate to the URL in the cookie of 12-1 or view additional information. When using the remote advertising data server in Figure 8 such cookie information is also stored in the corresponding remote advertising data server (remote cookie server). The remote cookie server can be easily accessed even if the user is using another computer. 12 to 12-2 include the tag syntax of the language of the web in the additional information, so that it can be recognized by the shell program or graphic viewing program, etc. to execute the web command in the form of extensions such as gif, .jpg, etc. .

FIG. 13 is a diagram illustrating a method of dividing a graphic file into several parts in a graphic file of the present invention, and recognizing a graphic data position and command when the corresponding part is clicked to execute the command. In the above, a graphic file is divided into several parts to execute a command, but here, a graphic is divided into several parts and different commands are executed according to the divided parts.

In FIG. 13, the graphic file of 13-1 and the cookie or html file of 13-2 have a close relationship. Conventional cookies are web address-dependent, whereas graphic files of web pages on graphic content that work with these cookies work like separate html files, so they are independent and these web graphics files (collectively referred to as "web graphic files") and cookies. Is very closely related. The two can exist independently but can be located in the same directory to interact with each other, or they can be located within each other in a file, or merged together into a single file with a .gif or other file extension. In cookie information in 13-2,

About Names of Web Graphics Files

Stored directory address for web graphics files

Information indicating that the web graphic data is in html syntax.

Command tag grammar information associated / granted with information indicating the position and size of the command within the web graphics file.

There is this.

In FIG. 13, 13-3 is a menu, and the location and size information of the cookie is 13-4 (<img src = "./ images / bookapple.gif" location = "300,350" width = "100" height = " 0 ">) and the corresponding command (<a herf="./menu1.html"> </a>) in Figure 13-5. The position (13-6) of the cookie is also recorded in the web graphic file.

In this case, another picture is added to one large web graphic file. In this case, the part of the added picture is actually a different picture, but the other picture is overlaid, so the part (where the other picture is placed) is white. To be recognized as black or black, or processed during transmission. 13-2 is treated as a cookie here, but acts as a single html file on the web. The web graphics file and the cookie file must be able to recognize each other.

Internet advertising is often not suitable for advertising because of the small size of the monitor and the small text. However, due to the present invention, it is possible to advertise the entire web browser, so the advertising effect is great. Advertisers, homepage operators, and Internet users can all be satisfied because it is possible to set up such advertisements to overlap web data and advertisements or to view only advertisements. Using this feature, various contents of graphic files, such as advertisements, oriental paintings, western paintings, etc., can be viewed on the Internet with the existing web data in a large size.

Analyze the characteristics of one data file to create another separate layer, and use this separate layer to modify or add the characteristics of the original data file to make it transparent based on a separate layer different from the mentioned data file. It is very convenient because the user can see two mixed data by creating a file that can be placed or mixed with two layers to be shown to separate users. This can have various applications. Application fields include transformation of web data, mixing of graphic data and web data, correction of moving picture data, mixing of two moving picture data, and the like. It is very convenient to apply this invention to video. That is, each frame data of the video may be divided into menus to receive user input.

It allows you to save and replay the advertisement, so you can always search for the products you have seen or not seen on the web or in the mail later. Also decreases.

View the web page advertising method on the graphic content of the present invention directly on the site to which the present invention is applied, or show it to the user by implementing the web page ad server on the graphic content of the present invention on another web site or enter the site of the present invention. It is convenient because the contents of other sites can be converted into the present invention in the web page ad server site on the graphic contents of the present invention. In addition to advertisements, all other data can be stored and viewed in a specific directory or on a different remote server, so it can be freely viewed in different places, as opposed to being accessible only by one client. It is convenient because the user can access the advertisement file again and go to the advertiser site or view the contents of the advertisement. Cookies are also convenient because you don't have to touch the file directly.

By using cookies, the web page on the graphic content allows the cookie to contain the web tag statement ear of the web page on the graphic content and allows the shell program to recognize the web language in the graphic file itself. Rather, it is very simple and convenient because you can execute the web command syntax in a graphical viewer that has cookies.

Very convenient by allowing you to execute a single web command via a large web graphics file and cookie

Claims (1)

1. Data combining, characterized in that the two data are combined to form and represent different or slightly modified data by a data combining method of combining data of one data mode with data of another data mode. Express way. 2. The method of clause 1, wherein the one data mode mentioned consists of a graphical data mode. 3. The data combining representation method according to item 2, wherein the mentioned graphic data mode is configured to include a moving picture mode.