A method for representing and browsing web pages based on hypergraph files and a hypergraph browsing terminal

Abstract

The application provides a webpage representation and browsing method based on a hypergraph file, which comprises the following steps: a data model is used to replace a hypertext markup language (HTML) description and record webpage display content and is used to form a hypergraph file; existing HTML webpage texts can be interpreted and processed by a server to generate the hypergraph file and a script program file; new webpage texts are directly compiled into the hypergraph file and the script program file; a client no longer requests the HTML texts of the webpage, but requests the hypergraph file to browse the webpage; relevant script program files are run by the server in the browsing process; the client and the server use a hypergraph transmission protocol to communicate data; the server adds relevant software modules on the basis of original web software; and the client is configured with a hypergraph browser software. The application further discloses a hypergraph browsing terminal which is specially used for the webpage browsing method based on the hypergraph file.

Description

Technical Field

[0001] This invention relates to the field of network application technology, specifically to the browser / server application model, namely the representation and browsing process of web page content. Background Technology

[0002] Browser / server (B / S) is one of the main application modes of network systems, and even more so the main application mode of the Internet. Its technical foundation is based on HTML (Hypertext Markup Language). Its main characteristics are: HTML describes and records the content of a webpage and forms a webpage text file; the server is responsible for storing the webpage document; when the server receives a request from the client, it pushes and downloads the HTML text to the client; after receiving the webpage text, the client browser parses and processes the HTML, calculates the display coordinates, pixel bitmaps, and other data of the page content, and then displays the webpage and processes browsing operations.

[0003] With the advent of HTML5, web page text has become increasingly complex. The traditional model of browsers interpreting HTML web page text has led to increasingly bloated browsers, placing higher demands on hardware performance such as CPUs, which has become increasingly difficult for users to handle. On the other hand, in the specialized domain of enterprise networks, the application scenarios are singular and fixed, and the page content is relatively simple, with almost no images, animations, or videos. Only simple content such as text and patterns are displayed and refreshed. Many functions of the large and complex browser are completely redundant, and the client can represent and process the page in a much simpler way. Summary of the Invention

[0004] The root cause of the problems described in the background technology is that HTML (Hypertext Markup Language) is a product of the low processing power of servers and slow transmission networks in the early Internet era. Now, in the 5G era, network speed and bandwidth are no longer issues, and server processing power can be expanded almost infinitely. It is time to change the browsing method of browser / server application mode.

[0005] To simplify the processing functions of client browser software and reduce the performance requirements of client hardware, this invention proposes a webpage representation and browsing method based on hypergraph files, as well as a hypergraph browsing terminal, detailed as follows: A set of data models is used to replace the Hypertext Markup Language (HTML) to describe and record webpage content. The data models include a graph area structure model, a polycolor pattern model, an operation event model, a graph area pattern projection table, and a graph area event binding table, thereby constituting a hypergraph file.

[0006] The image area structure consists of an image area composed of a pixel matrix, the nesting and hierarchical relationships between image areas, and the position coordinate data of the image area. It is used to describe and record the structure and location of the display area.

[0007] A polychromatic pattern is composed of a sequence of monochrome patterns applied within a given pixel matrix. Each monochrome pattern is composed of a monochrome pixel image and a bitmap showing the distribution of color points within the pixel matrix. Polychromatic patterns are used to describe and represent webpage content, including text, SVG graphics, color blocks, tables, forms, and wireframes.

[0008] An operation event consists of event codes and attribute definition parameters, and is used to describe the human-computer interaction processing requirements during web browsing.

[0009] The image pattern projection table consists of image pattern projection relationships and is used to record the display positions of all polychromatic patterns on a webpage.

[0010] The image area event binding table consists of image area event binding relationships and is used to record the location of all operation events on the webpage.

[0011] A hypergraph file consists of all instance data of the data model described above for webpage content, and is a binary file format representing a webpage.

[0012] Web pages can be stored on the server as HTML text or hyperimage files, or they can be stored as both HTML text and hyperimage files simultaneously.

[0013] The script program is a separate script program file stored on the server, and its storage location is recorded as a URL in the hypergraph file.

[0014] The server interprets and processes the existing HTML webpage text, converts it into hyperimage files and script program files, and saves them on the server.

[0015] For newly created web pages, hypermap files and script files can be directly created and saved on the server.

[0016] Instead of requesting the HTML webpage text from the server, the client now requests the corresponding hyperimage file.

[0017] The client first sends a hypermap file request to the server. When the server receives the request, if the hypermap file has been saved in the server in advance, the server will push the saved hypermap file to the browser. If the hypermap file does not exist, the server will generate the hypermap file and script program file by interpreting and processing the existing HTML web page text in real time, and then push the hypermap file to the client.

[0018] After receiving the hypermap file, the client displays the webpage content on the client's screen and performs browsing operations according to the hypermap file.

[0019] During web browsing, the server interprets and runs the script program file, and the client no longer interprets and executes the script program. The server dynamically pushes the script execution results to the client.

[0020] The client and server use the HyperGraph Transport Protocol (HVTP) to complete file request and download, and data upload and download transmission communication.

[0021] The server-side adds an HTML parsing and conversion module, a script execution module, and a hypergraph communication module to the existing web software to complete various related processing tasks. In this way, while maintaining support for existing HTML / HTTP technology methods, support for the method of this invention is added.

[0022] The client can configure the SuperMap browser software on mobile phones and computers to support the method of this invention, or it can use a customized dedicated SuperMap browsing terminal to access and browse SuperMap web pages.

[0023] The beneficial effects of this invention are as follows: Compared with existing methods, the method of this invention eliminates the need to parse HTML text, calculate layout, handle various fonts, draw graphic wireframes, process display styles, and run various scripts. Instead, it only requires displaying and browsing data based on the data model instances recorded in the hypergraph file. This significantly simplifies the processing requirements of the browser software on the client side, thus greatly reducing the demands on CPU hardware performance. This is especially beneficial for enterprise network applications with simple and fixed pages using a B / S model (such as industrial field control displays), where a dedicated hypergraph browser can be directly used. It can be done via the terminal. Attached Figure Description

[0024] To better illustrate the technical solution described in this invention, the following figures are provided: Figure 1 is a flowchart of web page browsing based on hypergraph files provided in Embodiment 1 of the present invention; Figure 2 is an operation event encoding table provided in Embodiment 2 of the present invention; Figure 3 is a schematic diagram of the composition structure and file format of the hypergraph file provided in Embodiment 3 of the present invention; Figure 4 is an HVTP protocol frame classification and encoding table provided in Embodiment 5 of the present invention; Figure 5 is a schematic diagram of the hvtp protocol frame format provided in Embodiment 5 of the present invention; Figure 6 is a structural diagram of the SuperGraph Browser provided in Embodiment 8 of the present invention; Figure 7 is a structural diagram of the supermap browsing terminal provided in Embodiment 9 of the present invention. Implementation

[0025] The specific embodiments of the present invention will be described in more detail below with reference to the accompanying drawings. Example 1

[0026] Figure 1 is a flowchart of web browsing based on hypergraph files provided in an embodiment of the present invention: Step 1: The client sends a request for the homepage hyperimage file to the server; Step 2: When the server receives the request, it checks whether the corresponding hypermap file is already stored on the server. If the requested hypermap file already exists, it retrieves the hypermap file; otherwise, it generates the hypermap file and script program file by interpreting and processing the HTML webpage text in real time. Step 3: The server downloads the hypermap file to the client; Step 4: The client receives the hypermap file; Step 5: The client requests image and video files from the server based on the information contained in the event binding table of the map area in the hypermap file; Step 6: The server downloads and pushes the image and video files to the client for reception; Step 7: The client displays and browses the received hypermap files and image files; Step 8: The client waits for and processes user keyboard input and mouse clicks, while the server runs scripts to wait for event data uploads and processes data downloads and refresh services. Example 2

[0027] The embodiments of the present invention provide detailed representation methods for map area structure, polycolor patterns, operation event data models, and definitions of the relationships among the three.

[0028] Image area definition: A matrix consisting of h*w pixels.<h,w> This is called the image area, where w is the number of pixel arrays and h is the number of pixel array rows.

[0029] Image region nesting relationship: If all pixel positions of image region B overlap with a subset of pixel positions of image region A, then image region B is called a sub-image region, and image region A is the parent image region of image region B. It is stipulated that a sub-image region can only have a unique parent image region.

[0030] Image area hierarchy: Suppose image area A and image area B have overlapping pixels. When displayed, overlapping pixels in B cover overlapping pixels in A. This means that the hierarchy of A is lower than that of B. It is stipulated that the hierarchy of the parent image area is always lower than that of the child image area.

[0031] Position coordinates: The top left corner vertex of the image area matrix is ​​the origin of the coordinate system. The coordinates of the pixels within the image area are calculated from the vertex from left to right and from top to bottom. The position coordinates of the image area are determined by the coordinates (x, y) of the vertex within the parent image area.

[0032] The image area structure model consists of image areas, the nesting and hierarchical relationships between image areas, and position coordinates. This invention uses the image area structure model to describe the display area position information of web page content. Its image area structure data structure is as follows: typedef struct tag_vblock{ word id; word h; word w word father_id; word x; word y; unsigned char level; vblock; Wherein, id is the map area identifier, and each map area is assigned a unique identifier id; h is the number of rows in the map area, i.e., the height of the pixel array; w is the number of columns in the map area, i.e., the width of the pixel array; father_id is the parent map area id; x and y are the row and column coordinates of the top-left vertex of the map area in the parent map area; level is the relative level value of the map area in the subordinate parent map area.

[0033] This invention treats the entire display area of ​​a webpage as a main image area, with the parent image area ID being itself. The minimum main image hierarchy value is set to 0. The display positions and display areas of various related elements (including text paragraphs, hyperlinks, tables, graphics, images, and forms) constitute sub-image areas at each level. The relationship between the main image area and its subordinate sub-image areas constitutes the image area structure tree of the webpage.

[0034] The image structure array vblock vblock_struct_table[ ] represents and records all image instances corresponding to the webpage, which is the image structure tree.

[0035] Pattern definition: In a given<h,w> A pixel matrix region, where the set of all pixels with a certain aesthetic value is called a pattern. If all pixels have only one aesthetic value, it is called a monochrome pattern; otherwise, it is called a polychrome pattern. Pixels with aesthetic values ​​are called color points, and pixels without aesthetic values ​​are called colorless points.

[0036] The monochrome pattern data model consists of the number of rows and columns of the pixel matrix, the monochrome color value, and the color point distribution bitmap. Its data structure is as follows: typedef struct tag_uni_color_patten { word h; word w; dword color_value; unsigned char color_dot[ ]; } uni_color_patten; Where h is the number of rows in the pattern pixel matrix; w is the number of columns in the pattern pixel matrix, and this invention stipulates that w must be an integer multiple of 8; color_value is the beauty value of all color points; color_dot[] is the color point distribution bitmap, which is a two-dimensional byte array color_dot[h,w / 8] corresponding to the pixel matrix. Each byte represents 8 pixels. Each bit in the byte takes a value of 1 to represent a color point and 0 to represent no color point. The pixel and byte arrangement correspondence is as follows: Each byte color_dot[i,j] in the byte array represents 8 consecutive pixels starting from the 8*j column of the i-th row of the pixel rectangle. Each bit D7-D0 in the byte represents 8 pixels in the 8*j column, 8*j+1 column, ..., 8*j+7 column of the i-th row.

[0037] Pattern coating: Set in a given<h,w> A pixel matrix region contains two monochrome patterns, A and B, with different appearances. If A is displayed first, and then B is overlaid on A, the overlay is such that the colored dots of B cover the pixels of A. The pixels without colored dots in B are displayed with the pixel appearance of A. The resulting pattern C is said to be drawn by overlaying pattern B onto pattern A. C=<A,B> .

[0038] Polychrome pattern: Given a given<h,w> The pixel matrix region contains several monochrome patterns P0, P1, ..., Pn with different appearances, arranged in the sequence C1 = <P0, P1>, C2 = ...<C1 ,P2> ,…………Cn=<Cn-1 , Pn> The coating process creates a polychromatic pattern Cn, and P0, P1, ..., Pn is called a monochromatic pattern coating sequence.

[0039] The complex color pattern model consists of a pixel matrix and a single-color pattern coating sequence, and its data structure is as follows: typedef struct tag_comp_color_patten { word h; word w; unsign char n; uni_color_patten patten_group[ ]; } comp_color_patten; Where h is the number of rows in the pattern pixel array; w is the number of columns in the pattern pixel array, and this invention stipulates that w must be an integer multiple of 8; n is the number of monochrome patterns; pattern_group[] is an array of n monochrome pattern coating sequences.

[0040] This invention uses a polychromatic pattern data model to describe the pixel information of all other displayed content on a webpage, excluding animations, images, and videos. This includes text, SVG graphics, tables, forms, wireframes, and color blocks, all of which will be represented as various polychromatic patterns.

[0041] The complete set of complex color patterns corresponding to a webpage constitutes a pattern dataset, which is described and recorded by the following data structure: typedef struct tag_graphic_set { dword length; word n; dword index[ ]; unsigned char comp_color_group[ ]; graphic_set; Where, length is the total length of the pattern dataset in bytes; n is the number of patterns; comp_color_group is a byte array that sequentially stores n complex color patterns; index[] is an index table, and index[i] represents the ID of the (i+1)th pattern, which is the number of bytes offset from the first byte of the comp_color_group array where the pattern is stored.

[0042] The specific display position of the polychromatic pattern is determined by the pattern projection relationship of the image area, and its projection relationship data structure is as follows: typedef struct tag_vblock_show{ word vblock_id; dword back_color; dword index_number; word x; word y; vblock_show Where vblock_id is the image area identifier ID; back_color is the background color value. Since there may be colorless points in the pattern, the background color must be laid before the pattern is projected and displayed in the image area; index_number indicates the position offset value of the pattern to be projected and displayed in the dataset; the projection position coordinates x and y are determined, which are the coordinate values ​​of the top left vertex of the pattern in the image area.

[0043] The array vblock_show vblock_show_table[] represents the display position projection instance data of all polycolor patterns, i.e., the pattern projection table of the map area.

[0044] Operation events In addition to displaying hyperlink files, this invention defines all other client service processing, including file downloads, hyperlink requests, form inputs, and mouse and keyboard operations contained in all other elements, as operation events. The operation event model consists of event codes and attribute definition parameters.

[0045] Figure 2 illustrates one encoding method for operation events, where the URL serves as the attribute value for hyperlink events and file downloads. For hyperlinks, it also includes a local or remote identifier. Font and size are used as input event attribute values, and other events can import attribute values ​​as needed. The data structure for operation events is as follows: typedef struct tag_op_event { unsigned char op_code; unsigned char op_attri

[256] ; op_event Here, op_code is the operation event code; the array op_attri contains the operation event attribute definition parameters.

[0046] The location of an operation event is described by the binding relationship between the graph area and the event, and its data structure is as follows: typedef struct tag_vblock_event { word vblock_id; op_event event; vblock_event Where vblock_id is the map area identifier ID; event is the event.

[0047] The array vblock_event vblock_event_table [ ] contains instance data describing all operation events in the webpage, i.e., the event binding table for the image area. Example 3

[0048] This invention provides a compositional structure and file format for hypergraph files, as detailed below: The hypermap file consists of a file header, a map area structure array, a map area pattern projection table, a map area event binding table, and a pattern dataset. The map area structure array, map area pattern projection table, map area event binding table, and pattern dataset are defined as described in Embodiment 2 above. A schematic diagram of their composition structure and file format is shown in Figure 3.

[0049] The file header is defined by the following data structure: typedef struct tag_filehead { unsigned char version

[10] ; dword file_length; unsigned char scrip_file

[256] ; word vblock _num; word vblock_show_num; word vblock_event_num; dword vblock_table_pos; dword show_table_pos; dword event _table_pos; graphic_set_pos; }filehead Wherein, version

[10] is the version description, file_length is the file length, i.e., the total number of bytes; script_file

[256] is the URL of the script program file run by the server; vblock_num is the number of items in the map structure array, vblock_show_num is the number of items in the map pattern projection table; vblock_event_num is the number of items in the map event binding table; vblock_table_pos is the absolute offset position of the map structure array; show_table_pos is the absolute offset position of the map pattern projection table; event_table_pos is the absolute offset position of the map event binding table; and graphic_set_pos is the absolute offset position of the pattern dataset. The absolute offset position is calculated from the first byte of the file.

[0050] Hypergraph files can be represented by the following data structure: typedef struct tag_hvfile{ { filehead hvfile_head; vblock vblock_struct_table[ ]; vblock_show vblock_show_table[ ]; vblock_event vblock_event_table [ ]; graphic_set hv_graphic_set; hvfile Among them, hvfile_head is the file header, vblock_struct_table[] is the map structure array, vblock_show_table is the map pattern projection table, vblock_event_table is the map event binding table, and hv_graphic_set is the pattern dataset. Example 4

[0051] For newly created web pages, web pages and script files can be directly written in the form of hyperimage files using software tools. For existing HTML web page text, this invention provides a method for converting HTML web page text into hyperimage files and generating script files: Step 1: Determine the main image area based on the size and resolution uploaded by the browser, as well as the size of the HTML webpage. Then, treat each element with display content in the HTML webpage text as an image area, parse and calculate its position, size, nesting, and hierarchy values, and assign it an identifier ID to form the total instance data of the image area structure, i.e., the image area structure array, and determine the background color of each image area.

[0052] Step 2: Convert the text content of each element in the HTML webpage into a polychrome pattern, convert the border of each element into a polychrome pattern, convert each SVG graphic element into a polychrome pattern, and convert the color block content of each element into a polychrome pattern. This forms the total polychrome pattern instance data, i.e., the pattern dataset, and generates a pattern projection table for the map area by combining it with the map area structure.

[0053] Step 3: Find all hyperlink events in the HTML webpage text; find all input events in the HTML webpage form text, and generate operation event instance data from these events, and combine this with the graph area structure to generate a graph area event binding table.

[0054] Step 4: Compile the instance data generated in the above three steps into a Hypergraph file according to the Hypergraph file format requirements.

[0055] Step 5: Locate all scripts in the HTML webpage text, extract, reorganize, and summarize them into a script program file, assign a URL name to it, and save it on the server. The script URL name is registered in the HyperGraph header. Example 5

[0056] This invention provides a Hypergraph Transport Protocol (HVTP) for communication between a client and a server.

[0057] The HVTP protocol consists of 6 functional frames. The HVTP protocol frame classification and encoding table is shown in Figure 4. HVTP protocol frames have a unified frame format. typedef struct tag_ proto_frame { unsigned char frame_code

[20] ; dword frame_lenth; unsigned char content [ ]; } proto_frame Among them, frame_code

[20] is encoded by 20 bytes of ASCII and indicates the semantics of the frame content; frame_lenth indicates the length of the frame content; content[] byte array represents the specific transmission service frame content. Figure 5 shows a schematic diagram of the hvtp protocol frame format.

[0058] Homepage Hyperimage File Request Frame: After the client and server establish a TCP connection, this frame is sent by the client, indicating a request for the hyperimage file corresponding to the website's homepage. The browser's display resolution is composed of 2 bytes for the number of pixels per row and 2 bytes for the number of pixels per column; the browser size is composed of 2 bytes for the physical length of each row and 2 bytes for the physical length of each column, both in millimeters. When a remote hyperlink event occurs, the client first establishes a TCP connection with the remote server, and then sends this frame to request the hyperimage file. The initial file frame sequence number is 0; if file transfer is interrupted, the request continues from the point where the frame was broken.

[0059] Homepage Hypergraph File Download Frame: This frame is sent by the server as a response to the client's request frame for a hypergraph file. The server pushes the download of the hypergraph file. The server divides the file into multiple frames for download. The total number of frames represents the number of file frames, the file frame sequence number represents the current frame sequence number, and the file frame content represents the current frame content. Both the total number of file frames and the file frame sequence number are 2-byte integers.

[0060] Local URL file request frame: This frame is sent by the client. hvtp will treat all webpage hyperlinks, images, and video files on the server where the homepage is located as local URL files for request and download. The client only needs to upload the image area ID according to this frame to request the URL resource file belonging to the server. The image area ID is a 2-byte integer value.

[0061] Local URL file download frame: This frame is sent by the server in response to the client's URL file request frame, and downloads the URL file to the client.

[0062] Upload Data Frame: This frame is sent by the client to submit data to the server. It is sent when the user clicks the submit button in the form. The number is a char type, representing 1-255 data items. The data items are encoded in ASCII text. The sub-image area id indicates the location of the input data. The text length is a 2-byte integer, representing the number of text characters.

[0063] Downloaded data frame: This frame is sent by the server when the server runs a script to refresh data or responds after receiving uploaded data. In this invention, the text data downloaded by the server to the client is directly represented in the form of a pattern and located in the image area of ​​the hypermap file. The number of patterns is 1 byte, indicating the number of patterns in the frame (1-255). id1-idn are n sub-image area identifiers, which identify the pattern projection and display position. Pattern 1-pattern n are polycolor patterns. Example 6

[0064] This invention provides a script processing and execution method: When the server receives a hypermap file request from the client and downloads the hypermap file to the client, it retrieves the script program file and executes the corresponding script program. For dynamic data refresh scripts, the server downloads the execution result to the client in the form of a pattern; for event-driven scripts, the server executes the corresponding script program after receiving the upload data report from the client and downloads the result to the client.

[0065] The client no longer runs any scripts. Example

[0066] This invention provides a server configuration: the server is based on an existing web server, with the addition of an HTML parsing and conversion module, a script execution module, and a hypergraph communication module.

[0067] HTML Interpretation and Conversion Module: Its function is to interpret HTML webpage text and generate hyperimage files and script program files according to the client's resolution and size.

[0068] Script execution module: Its function is to dynamically run the corresponding script program during the SuperMap browsing process.

[0069] SuperGraph Communication Module: Its function is to send and receive relevant communication frames according to the SuperGraph Transport Protocol (HVTP) to complete communication with the client. Example 8

[0070] This invention provides a client implementation method: configuring a SuperMap browser on a mobile phone or computer. The SuperMap browser is software specifically designed for accessing web pages in the form of SuperMap files, and consists of a SuperMap display module, a SuperMap communication module, an event handling module, and a main control module.

[0071] Hypermap Display Module: Displays the multicolor pattern dataset contained in the Hypermap file at the corresponding image area position on the screen according to the image area pattern projection table.

[0072] HyperGraph Communication Module: Sends HyperGraph requests and image and video file requests to the server according to the HyperGraph Transmission Protocol (HVTP), receives HyperGraph files, image and video files downloaded from the server, uploads data, and receives and refreshes data patterns.

[0073] Event handling module: Monitors map areas according to the event binding table of hypermap file map areas, and handles browsing operation events such as hyperlink clicks and keyboard input.

[0074] Main control module: Controls the coordinated operation of the HyperGraph display module, HyperGraph communication module, and event handling module.

[0075] Figure 6 shows the component structure of the SuperGraph Browser. Example 9

[0076] This invention provides another client implementation method: the software uses the SuperMap browser described in Embodiment 8, and the hardware uses a 32-bit MCU microprocessor with display, USB, and network interfaces, along with peripherals such as memory, LCD display, mouse, and keyboard. The SuperMap browser software is embedded in a Flash chip, thus forming a SuperMap browsing terminal.

[0077] This browsing terminal is specifically designed for the client side of the method of this invention, and its structure is shown in Figure 7.

[0078] The above description is merely an embodiment of the present invention and does not constitute a limitation of the present invention. Any modifications, equivalent substitutions, improvements, etc., made based on the ideas, methods, and embodiments of the present invention should be included within the protection scope of the present invention.

Claims

1. A method for representing and browsing web pages based on hypergraph files, characterized in that, include: A set of data models is used to replace the Hypertext Markup Language (HTML) to describe webpage content, thereby forming a hypergraph file that records the webpage; The data model includes an image area structure model, a polycolor pattern model, an operation event model, an image area pattern projection table, and an image area event binding table. The image area structure model consists of image areas composed of pixel arrays, nesting and hierarchical relationships between image areas, and position coordinate data of the image areas, used to describe and record the structure and position of the webpage display area. The polycolor pattern model consists of a sequence of monochrome pattern coatings within a given pixel matrix; each monochrome pattern consists of monochrome pixels and a bitmap of color point distribution within the pixel matrix. The polycolor pattern model is used to describe and represent webpage display content, including text, SVG graphics, color blocks, tables, forms, and wireframes. The operation event model consists of event codes and attribute definition parameters, used to describe the human-computer interaction processing requirements during webpage browsing. The image area pattern projection table consists of image area pattern projection relationships, used to record the display positions of all polycolor patterns on the webpage. The image area event binding table consists of image area event binding relationships, used to record the location of all operation events on the webpage. The hypergraph file contains all instance data of the data model that describes the content of the webpage, and consists of a file header, a graph area structure array, a graph area pattern projection table, a graph area event binding table, and a pattern dataset. Web pages can be stored on the server as HTML text or hyperimage files, or as both HTML text and hyperimage files simultaneously. The script program is a separate script program file stored on the server, and its storage location is recorded as a URL in the hypergraph file; The server interprets and processes existing HTML webpage text, converts it into hyperimage files and script program files, and saves them on the server. For newly created web pages, hypermap files and script files can be directly created and saved on the server; The client no longer requests the HTML webpage text from the server, but instead requests the corresponding hyperimage file. The client first sends a hypermap file request to the server. Upon receiving the request, if the hypermap file is already stored on the server, the server will push the stored hypermap file to the browser. If the hypermap file does not exist, the server will generate the hypermap file and script program file by interpreting and processing the existing HTML webpage text in real time, and then push the hypermap file to the client. After receiving the hypermap file, the client displays the webpage content on its screen and processes browsing operations according to the hypermap file. During web browsing, the server interprets and runs the script program file; the client does not interpret or execute the script program. The client and server use the HyperGraph Transport Protocol (HVTP) for transmission communication. The HVTP consists of six functional frames: homepage hypergraph file request frame, homepage hypergraph file download frame, local URL file request frame, local URL file download frame, upload data frame, and download data frame. The server-side software is enhanced with additional modules on top of the existing web software, including an HTML parsing and conversion module, a script execution module, and a hypergraph communication module. Configure the SuperMap browser software on the client side.

2. The method according to claim 1, characterized in that... : The Hypergraph Transport Protocol (HVTP) uses a graph region as both the source address identifier and the destination address identifier for downloading. The Hypergraph Transport Protocol (HVTP) uses a multi-color pattern to represent downloaded refresh data.

3. The method according to claim 1, characterized in that... : The additional software modules on the server side include an HTML parsing and conversion module, a script execution module, and a HyperGraph communication module; The interpretation and conversion module generates hypergraph files and script program files by interpreting HTML webpage text. The script execution module is used to run script program files, and the client no longer runs script programs; The HyperGraph communication module supports communication between the server and the client, and the communication uses the HyperGraph transmission communication protocol hvtp.

4. The method according to claim 1, characterized in that... : The SuperMap browser software consists of a SuperMap display module, a SuperMap communication module, an event handling module, and a main control module; The hypergraph display module is responsible for displaying the hypergraph content; The event handling module processes operation events during browsing. The data communication between the SuperGraph communication module and the server is completed. The main control module controls the coordinated operation of the hypergraph display module, hypergraph communication module, and event handling module.

5. A hypermap browsing terminal, characterized in that, The hypermap browsing terminal is a client device specifically designed for web page browsing based on hypermap files. Its hardware processor is an MCU microprocessor, which executes the web page representation and browsing method based on hypermap files as described in any one of claims 1-4.

Images