Method for generating content in an extensible manner

By exchanging data sets and generating HTML markup language on the Internet browser, the problem of web browser plug-in dependence is solved, the dynamic and scalability of local page presentation is achieved, the cost is reduced and the complexity of web page description is simplified.

CN113056727BActive Publication Date: 2025-10-17DIDYMA CO LTD
View PDF 1 Cites 0 Cited by

Patent Information

Application Number
CN201980075689.5
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Priority Date
2018-11-15
Filing Date
2019-10-29
Publication Date
2025-10-17
Estimated Expiration
2039-10-29

AI Technical Summary

Technical Problem

Existing technologies require the installation of external modules (plug-ins) on web browsers to process multimedia content, leading to interoperability and security issues. At the same time, web page reproduction relies on remote servers, which increases costs and limits the dynamism and scalability of web pages.

Method used

By exchanging data sets through telecommunication networks and utilizing the local generation of HTML markup language by internet browsers, combined with the capabilities of CSS, HTML and JavaScript, a dynamic and extensible web page description format is achieved, ignoring traditional DOM dependency and allowing pages to be edited in WYSIWYG mode.

Benefits of technology

It enables local presentation of web pages on Internet browsers, reduces dependence on remote servers, reduces costs, enhances the dynamism and scalability of web pages, simplifies the complexity of web page descriptions, and reduces data transmission volume.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN113056727B_ABST
    Figure CN113056727B_ABST
Patent Text Reader

Abstract

The invention relates to a communication method (S700) for transmitting information through a telecommunication network (500). The telecommunication network (S700) comprises at least one server (400) and at least one terminal (100, 200, 300) exchanging data sets (799). The terminal is configured to implement an Internet browser and the communication method (S700) is executed by the Internet browser. The communication method (S700) comprises a step of analyzing (S710) data sets (799) consisting of at least one from among: an object element (710), a branch element (720) and a display element (730).
Need to check novelty before this filing date? Find Prior Art

Description

TECHNICAL FIELD

[0001] The field of the application relates to the field of communication methods. It particularly, but not exclusively, relates to the field of website technology operating under 3WC specifications and standards. BACKGROUND

[0002] Nowadays, some programs require the installation of external modules (plug-ins) on the web browser in order to be able to process content allowing the manipulation of vector graphics, raster images and "ActionScript" scripts, thus creating multimedia content intended to be published on the Internet, such as animations, videos, games, applications, etc.

[0003] Nevertheless, due to this need for plug-ins, these programs increasingly present many interoperability and security problems.

[0004] Moreover, the rendering of the web pages is carried out by a remote server. For each website, this means the implementation of an infrastructure that has to be operated, secured, maintained, etc. Furthermore, this method represents a great cost for the site operator, since the computation time of each page is charged to the server.

[0005] Furthermore, almost all languages, instruction sets are limited to a set of keywords, or are reserved. For example, in HTML, there is a list of tags that are recognized by the browser. The user cannot add new tags that meet his own needs, that is to say, add new objects to the base library available to the renderer, without being allowed to extend his "dictionary".

[0006] Finally, based on the Document Object Model (abbreviated DOM), Internet browsers can only display content described by HTML, which is a declarative language, and are therefore completely static. In order to make the same content more attractive, browsers also use CSS, which allows very rich and complex skins. But always or more or less static skins. The dynamic aspect is only possible through the presence of JavaScript.

[0007] Basically, because web browsers are based on DOM and depend on HTML, the HTML generation is always done on the server side. Thus, the browser is such content that wants to connect to a server to receive HTML, to decorate it with CSS before displaying this content, and possibly to make it more or less dynamic with JavaScript code. Even in the most modern architectures with very dynamic content, it is still the server that always generates the page in HTML.

[0008] It is therefore necessary to find a solution that does not require plug-ins while respecting the HTMLS and WebGL specifications implemented by browser editors, which are in the form of an extensible language to extend the intrinsic capabilities of the "Virtual Reality Modeling Language" (i.e. VRML for short) in order to increase the capabilities and richness of applications using VRML. SUMMARY

[0009] The object of the present invention is to solve all or part of the above-mentioned drawbacks in the form of a method for communicating information by means of a telecommunication network comprising at least one server and at least one terminal exchanging data sets; said at least one terminal being configured to implement an Internet browser; the communication method being executed by the Internet browser and comprising a step of analyzing said data sets; the data sets consisting of at least one of the following items: an object element, a branch element and a display element;

[0010] The object element is configured to be unique when it is generated;

[0011] The branch element is configured to comprise at least one auxiliary branch element and / or at least one terminal branch element; and,

[0012] The display element is configured to create a graphical representation.

[0013] Thus, thanks to this arrangement, the communication method makes it possible to completely ignore the three languages. The communication method makes it possible to render the page locally on the Internet browser, instead of having it done by a remote server. Furthermore, it allows the page to be edited in WYSIWYG mode. The communication method provides a dynamic and extensible web page description format. It makes it possible to ignore the technical layer defined by 3WC, which is complex to master and implement. Thus, the communication method combines the richness and capabilities of the CSS / HTLM / Javascrpit triad.

[0014] According to one embodiment, the data sets are received by said at least one terminal from said server.

[0015] According to one embodiment, the communication method comprises a step of generating, by the Internet browser, an HTML markup language from said data sets to represent at least one web page.

[0016] Thus, thanks to this arrangement, the modern web page can be described in an autonomous, modular and portable manner, allowing it to be generated in the three languages understood by the browser: CSS, HTML and Javascript. Furthermore, in a typical diagram, this data set must first be assembled by the server in a specific order and hierarchy before being sent to the web browser for display. Thanks to this method, this is no longer necessary.

[0017] According to one embodiment, the communication method comprises a step of forming a tree from said data set.

[0018] According to one embodiment, said at least one auxiliary branch element is configured to comprise said at least one terminal branch element.

[0019] According to one embodiment, the step of forming said tree comprises a step of performing a display element.

[0020] According to one embodiment, the step of forming a tree comprises a step of performing an object element.

[0021] Other features and advantages of the present application will become better understood in reading the following description of an embodiment thereof given by way of non-limiting example, in light of the accompanying drawings. BRIEF DESCRIPTION OF DRAWINGS

[0022] The application will be better understood from the following detailed description of an embodiment thereof, given by way of non-limiting example, in light of the accompanying drawings, in which:

[0023] Figure 1 an example of an architecture of a telecommunication network in which the method according to the application is implemented is represented;

[0024] Figure 2 an example of a flowchart showing the steps of implementing the information communication method according to the application is shown; and,

[0025] Figures 3A to 3D an example of a data set and the generation of an HTML markup language S760 by a web browser according to one embodiment is shown.

[0026] In the following detailed description of the drawings defined above, the same elements or elements performing the same function can retain the same reference signs in order to simplify the understanding of the application. DETAILED DESCRIPTION

[0027] According to Figure 1 According to one embodiment represented in Fig. 5, the telecommunication network 500 can be a conventional telecommunication link network called wired (for example routers, modems and / or switches) or wireless (for example Wi-Fi TM networks and / or GSM TM networks). The telecommunication network can be a local network, an intranet network and / or an internet network configured so that messages can be transmitted through a plurality of links and / or link nodes to at least two terminals connected to the telecommunication network. The terminals 100, 200 and / or 300 can be of the same or different types, they are generally computers connected to a local network, connected to an intranet network and / or connected to the telecommunication network 500, connected to a GSM TM network and / or connected to a Wi-Fi TMConnected mobile phone and / or tablet of the network, or any telecommunication device connected to the interactive means and having acquisition means. Figure 1 An example of a network with a set of terminals is shown. Such terminals comprise at least one central unit 110. The central unit 110 comprises at least one program module 111, storage means 112, which can be implemented by a hard disk, for example, connection means 115 allowing the terminal to communicate with the telecommunication network 500, this connection means being managed by the program module 111 stored in the memory of the latter.

[0028] The terminal 100 has human / machine 120 interactive means - a human-machine interface. The interactive means 120 can comprise, for example, a screen 122, a mouse 124, a keyboard 126 and / or a video camera 128. For the sake of clarity, it is assumed that the terminals 200 and 300 also have interactive means that are very similar in their functionalities.

[0029] The keyboard 126 comprises keys allowing the input of a message with alphanumeric characters constituting the message in the form of a string. The keyboard 126 can be moved or integrated in the terminal and / or in the interactive means, for example, if the terminal is a mobile phone, as is the case, and also the keyboard 126 can be tactile, thus offering the possibility of displaying icons directly on the screen 122, which the user can select by means of a touch action directly on the interactive means or by means of the mouse 124 if the latter is available. The input of a message can also be done using a voice recognition system or gesture recognition by means of the video camera 128 with a built-in microphone (not represented). The screen 122 can also be moved or integrated into the terminal. The management of the screen 122, the mouse, the keyboard 126 and the video camera 128 is done by the device manager 114.

[0030] The interactive means, in particular the screen, make it possible, for example, to display messages from other terminals and also messages generated by the terminal itself, such as menus. These menus can appear on the screen or in a window that only occupies a part of the screen. The generation of menus is integrated into the e-mail program chosen by the user using the application browser. The device manager 114 outputs a video signal to the display 122 and receives data entered by the user on the keyboard 126.

[0031] The server 400 manages the network and establishes the rules of computer communication and collaboration by, for example, allowing the sharing and / or exchange of data sets 799 between different terminals. Having detailed the different components of the telecommunication network, the steps of the method will now be explained.

[0032] The S700 information communication method of the invention allows the exchange of data sets 799 through the telecommunication network 500, as Figure 2The telecommunication network 500 comprises at least one server and at least one terminal exchanging a data set 799. This data set 799 is composed of at least one element from the following: an object element 710, a branch element 720 and a display element 730. However, the data set 799 must comprise an object element 710, while the branch element 720 and / or the display element 730 are optional or can be optional.

[0033] The object element 710, also called kind, is configured to be unique when it is generated, it is an attribute that makes it possible to associate information content with a dynamic object, that is to say, a javascript code designed to present the content in the way you wish. This is because the object element 710 is a unique string in the namespace of the renderer.

[0034] In fact, when we have an object described as follows:

[0035] Object element 710: comment

[0036] Content: LETC

[0037] Style:

[0038] Color: red

[0039] Font size: 16px

[0040] The dynamic object associated with the object element 710 comment will display the text LETC in red on the screen with a size of 16 pixels. But we can easily extend or overload this dynamic object for anyone else, for example to launch a speech synthesis on the word.

[0041] According to one embodiment, the object element 710 creates a new dynamic object, for example:

[0042] Object element 710: play

[0043] Content: LETC

[0044] Style:

[0045] Color: red

[0046] Font size: 16px

[0047] And defines the expected behavior by the associated dynamic object. For example, underlining the possible palindromes in the text.

[0048] According to another example based on an aircraft flight plan, the object element 710, while unique, can allow different interpretations:

[0049] Object element 710: plot

[0050] Name: F-GAMA

[0051] Start: LFOX

[0052] Arrival: VDPP

[0053] In this example, any authorized person has access to this dataset: customs, airlines, alarm and rescue services, the army, air traffic control services, etc.

[0054] This is the same dataset 799 available on the same infrastructure. However, each profession needs to treat this dataset differently according to its own constraints. In a classic approach, it would be appropriate to create as many infrastructures as there are transactions. However, with the communication method S700 of the application, it is enough to create dynamic objects attached to the business.

[0055] The branch element 720 is also called kids and is configured to comprise at least one auxiliary branch element 721 and at least one terminal branch element 722 or at least one terminal branch element 722. Indeed, according to an embodiment, an auxiliary branch element 721 can recursively comprise at least one terminal branch element 722 or another auxiliary branch element 721. However, a terminal branch element 722 cannot contain other terminal branch elements 722.

[0056] Moreover, one of the advantages of this communication method S700 is that there is no limit to the number of object elements 710 since they are unique in the same branch element 720.

[0057] In the example of Figure 3A and 3B The dataset is composed of a box kind of auxiliary branch element 721 which in turn contains another auxiliary branch element 721 of section kind which contains three branch 720 terminal elements of three different kinds: note, photo and button.

[0058] All these kinds of display elements 740, also called creators and represented in Figure 3C are internal, that is to say, the code to create the graphic already exists in the basic dictionary of the internet browser.

[0059] The terminal is configured to run an internet browser and the communication method S700 is executed by the internet browser. When this communication method S700 is executed, various steps are implemented.

[0060] Generally, a web browser can only contain three basic languages: CSS, HTML and Javascript. The communication method S700 of the application makes it possible to personalize, to associate the type of content with specific and extensible behaviors.

[0061] In fact, HTML is no longer generated by the server, but locally by the Internet browser itself, partly through its renderer coded in Javascript.

[0062] One of the method steps is the step of analyzing S710 the dataset 799. After the step of analyzing the dataset 799 S710, it is followed by the step of forming a tree S720, which comprises the step of executing a display element S730 and / or the step of executing an object element S740.

[0063] Thanks to this tree structure, it is possible to arrange the presentation of multimedia content according to the dataset 799 as desired.

[0064] In this step of executing a display element S730, the communication method checks whether the display element 730 can be internal or external. In the case of an external display element 730, that is to say, in the step of executing an external display element S734, the display element 730 should specify how the renderer can find it. In particular, this is done through the uniform URL resource location scheme.

[0065] When the display element 730 is internal, that is to say, during the step of executing an internal display element S732, it means that the display element 730 does not contain a value. In this case, the renderer can find the code of the display element 730, for example, in its base dictionary, which is an association table that relates the kind of object element 710 to the code of the display element 730.

[0066] Finally, whether during the step of executing an internal display element S732 or during the step of executing an external display element S734, the display element 730 is configured to create a graphical representation. In fact, an object must have one and only one display element 730. The display element 730 is such a small program whose role is to create the visual representation of the object in the tree hierarchy of the page.

[0067] Once the display element has been found and executed, it is followed by the step of executing a target element S740, in which the communication method checks whether the target element 710 comprises a code extract fragment to be executed.

[0068] In the case where the object element 710 does not comprise a fragment, as Figure 3DAs in the middle, the communication method identifies the absence of the fragment during the step S742 of identifying the absence of the fragment and will generate an error message during the step S743 of generating an error message. Otherwise, if the object element 710 comprises a fragment (not shown), the communication method will save the fragment in the memory during the step S744 of saving the fragment of the object element before being executed during the step of executing the fragment S750.

[0069] If the step of executing the fragment S750 comprises an error, an error message will be generated during the step S743 of generating an error message. Conversely, the communication method S700 will execute the step S760 of generating HTML markup language by the web browser to represent at least one element of the DOM.

[0070] Indeed, thanks to this step, the Internet browser can display the content described by the HTML language while respecting the place of its in the tree formed during the step of inserting HTML markup language S770.

[0071] Indeed, the Internet browser is DOM-based and it relies on HTML, which is always generated on the server side, never on the user side, i.e. by the Internet browser. Thanks to this communication method, the Internet browser no longer just connects to the server to receive HTML, decorates it with CSS and possibly makes it more or less dynamic with JavaScript code before displaying it, because it is able to generate by and for itself the desired content specified by 710.

[0072] After this step of inserting HTML markup language S770, the communication method continues to read the tree formed during the reading step S780, which returns to the step of executing the display element S730 or ends the rendering of the web page by generating during the step S790 of generating the final rendering message.

[0073] Thus, thanks to this arrangement, the communication method S700 makes it possible to read the web page description language, which makes it possible to completely ignore the three languages CSS / HTML / Javascript. The communication method S700 also makes it possible to render the page locally on the Internet browser by the Internet browser, instead of having it done by a remote server. In addition, it allows to edit the page in WYSIWYG mode. The communication method S700 offers a dynamic and extensible web page description format. It makes it possible to ignore the technical layer defined by 3WC, which is complex to master and implement. Thus, the communication method S700 combines the richness and the power of the CSS / HTLM / Javascrpit trio.

[0074] Moreover, the communication method S700 uses the JSON data format. Therefore, the amount of data set 799 to be transmitted is also reduced compared to the solution where the whole page is transmitted in HTM, which also contributes to reducing the consumption of bandwidth.

[0075] Moreover, by design, the data set 799 is completely semantic, since the presence of the dictionary allows to know exactly the nature of each object defined by its kind attribute, as well as its other qualifying attributes (color, size, etc.); description (comment, author, location, etc.) or other metadata allowed by the JSON format.

[0076] Based on the JSON format, the communication method S700 makes it possible to read a dynamic and extensible multimedia content description format. It is particularly suitable for editing a web page in WYSIWYG mode, thanks to the self-description architecture.

[0077] The communication method S700 makes it possible to completely ignore the technical layer defined by the 3WC, which is complex to master and implement. In other words, it combines the richness and the power of the CSS / HTLM / Javascrpit trio and the advantages of JSON, which is compact, light, autonomous, understandable by both the user and by the machine. This combination makes the web page portable.

[0078] Indeed, modern web pages are built using three different languages to obtain a layered document, either the HTML, the decorative, CSS and interactive language, or the JavaScript language. This provides the ability and the richness of the presentation. However, using three different languages to achieve this goal implies a very complex implementation, especially when it comes to editing such content in WYSIWYG mode, while the communication method S700 combines the three languages in only one language, while preserving the unlimited nature of the combination of the three basic languages.

[0079] Finally, another advantage of the communication method S700 is the fluidity in terms of data sharing in order to collaborate on them. Indeed, with the same data set 799, it is possible to associate several views, each specific to a particular role, such as the example given for the aircraft planning.

Claims

1. A method for communicating information (S700) via a telecommunications network (S700), comprising: Use JavaScript Object Notation (JSON) format to define datasets; exchanging a data set (799) defined in a JSON format between at least one server and at least one terminal of a telecommunications network; executing / launching an Internet browser via the at least one terminal; parsing, by the internet browser, the data set defined by the JSON format (799); The data set (799) defined by the JSON format includes: an object element (710), a branch element (720) and a display element (730); The object element (710) is unique when it is generated and has attributes capable of associating a keyword with a dynamic object; The branch element (720) includes at least one auxiliary branch element (721) and / or at least one terminal branch element (722), the auxiliary branch element recursively includes at least one terminal branch element or another auxiliary branch element, and the terminal branch element does not contain other terminal branch elements; and The display element (730) creates a graphical representation without relying on the Cascading Style Sheets (CSS) language; and A tree (S720) is formed based on the data set (799) in the JSON format by the following steps: executing the display element to generate the graphical representation without relying on a server to process any HTML or CSS content; checking whether the object element includes a fragment; executing the object element if the object element includes a fragment; generating, by the internet browser, a hypertext markup language (HTML) locally on the internet browser from the data set defined by the JSON format to render at least one web page locally on the internet browser, the at least one web page being editable in a what-you-see-is-what-you-get (WYSIWYG) mode, wherein during the receiving step (S702), said data set (799) is received by said at least one terminal from said server, The at least one auxiliary branch element (721) is configured to include the at least one terminal branch element (722).

Citation Information

Patent Citations

  • Fast rendering of websites containing dynamic content and stale content

    US20160026611A1