WO2004072759A2 - Method of enhancing the contents of a digital page having a format which enables the creation of links to computer objects - Google Patents
Method of enhancing the contents of a digital page having a format which enables the creation of links to computer objects Download PDFInfo
- Publication number
- WO2004072759A2 WO2004072759A2 PCT/FR2004/000258 FR2004000258W WO2004072759A2 WO 2004072759 A2 WO2004072759 A2 WO 2004072759A2 FR 2004000258 W FR2004000258 W FR 2004000258W WO 2004072759 A2 WO2004072759 A2 WO 2004072759A2
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- content
- enriching
- digital page
- page according
- marker
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
Definitions
- the present invention relates to the field of methods for enriching the content of digital pages.
- the present invention relates more particularly to the enrichment of the content of digital pages whose format allows the creation of links to computer objects.
- they can be web pages or pages that can be viewed on a portable device such as a PDA.
- Advertising or other content is as well optionally displayed to the user, regardless of whether the web page is displayed on the user's computer screen, in a manner substantially transparent to the user. In this way, the content is targeted specifically to the user, rather than being displayed generally on the web page or the like transferred through "two-party" channels such as web servers.
- a web server obtains a web page layer, designed to contain an animated advertisement having at least one object. running across a web page downloaded to a client computer connected to the web server, without at any time hiding or disabling portions of the web page outside of an object boundary. The web server then downloads the layer of the web page to the client computer for display of the animated advertising content associated with said web page.
- the animated advertisement is displayed as a short animated clip relating to a product or service, in order to capture the attention of an observer, and displaying a link with an advertisement kept in association with a web server of advertisements, itself associated with the product or service.
- Animated advertising thus constitutes a mystery advertisement intended to encourage the user to request an advertisement, the link serving as a reminder of the advertisement after the end of the mystery advertisement.
- the other element is a reference of the advertising management system, which completely "dissociates" the advertising content of a web page, so that a web page contains only an advertising label referring, via a URL, to a specific advertising management system.
- the specific advertising management system selects the given advertisement to download.
- the present invention intends to remedy the drawbacks of the prior art by allowing interactivity to appear on an element of a digital page without modifying the structure of the normal display circuit.
- the method of the present invention has many advantages over the methods already known: for example, it does not require a particular plugin installed on the client platform, and it does not require that a banner be developed by means of 'a tool other than those used to develop web pages in DHTML.
- the technology of the present invention is able to "encapsulate" third-party technologies.
- the method according to the invention does not impose any proprietary modification of the original banner and makes it possible to completely separate the graphic aspect of the banner from its application logic. This technology also makes it possible to deliver the banner independently of its interactive logic.
- a major advantage of the method of the present invention is that once an interactivity structure is created, it makes it possible to deploy it in multiple forms such as an advertising banner, a geographic map or a text.
- this process gives the possibility of reflecting changes in interactivity in real time on the banner, and allows easy grouping of several advertisers on the same banner. It also makes it possible to easily compose complex menus from elementary menus, only involves the agency on an agency server and ideally only on a banner server.
- the method of the present invention makes the banners accessible by search engines, allows companies to provide their own services that the advertiser can decide to include in its tree structure and allows designers to offer the possibility to provide models (also called "templates") that advertisers can decide to use for the presentation of their interactivity.
- the present invention relates, according to its most general meaning, to a method for enriching the content of a digital page whose format allows the creation of links to computer objects, and whose representation is displayed through a display medium, characterized in that it comprises:
- said step of defining a tree structure comprises a sub-step of storing a tree structure or of a mechanism making it possible to dynamically create a tree structure as a function of context parameters.
- the storage takes place on a dedicated server. According to another variant, the storage takes place locally.
- the storage takes place with the original marker.
- the storage is carried out in the form of files, these files being files of SGML format or of a format derived from SGML, files of XML format or of a format derived from XML, files of DHTML format, files binary format, pre-compiled format files or text format files.
- the storage is carried out in a digital database, this digital database being relational or object.
- said step of defining a tree structure consists in the creation of this tree structure.
- said step of defining a tree structure consists in modifying an already existing tree structure.
- said step of defining a tree structure consists in the composition of a tree structure from at least two already existing tree structures, these tree structures not necessarily being distinct one others.
- said modification consists in removing a node from said already existing tree structure.
- said modification consists in the creation of a new node of said already existing tree structure.
- said modification consists in modifying a node of said already existing tree structure.
- said modification consists in the displacement of a node of said already existing tree structure.
- said composition consists in attaching a fragment or all of one of the already existing tree structures to another already existing tree structure.
- the user is a human being.
- the user is an automaton.
- the deployment means is software in nature.
- the deployment means is of a material nature.
- the display medium is a program installed locally.
- the display medium is a web browser.
- the display medium is a plug-in associated with a web browser.
- the display support is implemented on an embedded system.
- the display medium is implemented on a personal computer.
- the display support is implemented on an interactive terminal.
- the display support is implemented on an interactive television apparatus.
- the display support is implemented on a portable device.
- the action of a user on the representation of the enriched marker consists of a mouse event or a keyboard event.
- the action of a user on the representation of the enriched marker consists of an audible signal.
- the action of a user on the representation of the enriched marker consists of a tactile event.
- the action of a user on the representation of the enriched marker consists of an automation triggered by the context.
- the context is the physical geographic location of the user.
- the context is a keyword.
- the context is the date.
- the context is the geographic location as designated by the user.
- the context is a predefined constraint in advance.
- said digital page is a card support.
- said digital page is a medium for multimedia or text content.
- said digital page is a computer object support.
- said digital page is a static or dynamic page written in DHTML, XML, HTML, C- HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said digital page is a static or dynamic page containing code written in DHTML, XML, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said digital page is a static or dynamic page using code written in DHTML, XML, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said digital page is a static or dynamic digital page, implementing Flash animation.
- said original marker consists of code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said original marker contains a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said original marker uses a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said original marker is a compiled or precompiled program, of ASCII code or of text.
- said original marker is a file
- this file is a multimedia file, a text file, a file of SGML format or of a format derived from SGML, a file of XML format or of a format derived from XML, a DHTML format file or data file.
- said enriched marker consists of code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG , Java, JavaScript, or VBScript.
- said enriched marker contains a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said enriched marker uses a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said enriched marker is a compiled or pre-compiled program, ASCII code or text.
- said enriched marker is a file
- this file is a multimedia file, a text file, a file in SGML format or a format derived from the SGML, an XML format file or a format derived from XML, a DHTML format file or a data file.
- said tree structure is reduced to a single sheet.
- said target codes are references to target files consisting of code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said target codes are references to target files containing a code written in
- DHTML DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said target codes are references to target files using a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP , CFM, JSP, SVG, Java, JavaScript, or VBScript.
- said target codes are references to multimedia files, these multimedia files being sound, animation or video files.
- said multimedia files are broadcast in the form of streaming.
- said representation of said enriched marker is a set of nested menus and submenus.
- said representation of said enriched marker is a set of separate drop-down lists.
- said representation of said enriched marker is a set of sensitive areas of a multimedia file.
- the leaves of said tree structure correspond to links dynamically created as a function of conditions resolved at the time of the user's request.
- the leaves of said tree structure correspond to static links.
- said tree structure is created via a creation interface.
- said creation interface is accessible online.
- said creation interface is part of software installed on the workstation of the user of said interface.
- said step of defining a tree structure consists in calling a tree structure previously recorded on a recording medium.
- said recording medium is a removable medium.
- the original marker refers to an advertising banner.
- the enriched marker dynamically calls up the tree structures relating to the words dynamically loaded on the digital page.
- the enriched marker dynamically calls upon the tree structures relating to the intersection of a geographic context and a thematic context loaded dynamically on the digital page.
- the step of dynamic display of the representation of said enriched marker includes dynamic modifications of the digital page.
- the present invention also relates to a multi-server computer architecture characterized in that it comprises in particular:
- the architecture further comprises a server containing references to said elements and rules for calling towards said elements
- the architecture also comprises a second web server containing target files.
- the elements are pages of text.
- the elements are geometric figures or words, in that the web server containing said digital page is a space server.
- Figure 1 shows a tree structure
- Figure 4 shows the production of an item by an item server
- Figures 7 and 8 represent a modeling of the e-advertising market: the technical structure and the players;
- FIG. 9 represents the referrals, through the browser, during the
- Figure 10 shows an example of service creation interface
- figure 11 represents an example of interface of creation of structures
- FIG. 13 illustrates an example of an input interface allowing an agency to associate a stylized tree with an advertising banner of its advertising client
- FIG. 14 illustrates the principle of the Rich-Banner production phase
- FIG. 16 presents a possible process of a phase of production of the Rich-
- Figure 17 illustrates an example of Rich-Banner with a menu deployed and a minipage displayed
- Figure 18 illustrates the case of a 5 traditional technique of e-advertising
- Figure 19 shows a possible process of a production phase of the Rich-Banner according to the invention (case
- FIG. 20 illustrates an example of an interface relating to the development phase of Rich-Word
- FIG. 21 illustrates a possible method 15 of a Rich-Word production phase
- FIG. 25 illustrates the principle of the sensitive zones of an image
- FIG. 27 represents an example 25 of an interface of a development phase in the case of Rich-Image
- Figure 28 shows a possible process of a production phase in the case of Rich-Image
- FIG. 29 represents an example of an interface of a development phase in the case of Rich-Geobject
- Figure 33 illustrates the participation of active trees in the search engine search process.
- a tree structure is a structured code representing, by successive overlaps, a tree structure capable of presenting structured information, conducive to structured navigation such as menus and submenus (M ijk ).
- the endings (or leaves) of the tree represent "target codes" which can be represented, in XML technology, in the form of text nodes (TC ijk ) (TC: target code).
- TC ijk text nodes
- Such a text node can, for example, correspond to the absolute HTTP address of a web page. These addresses will then allow access to the corresponding web pages during a so-called use phase (see below). These web pages are called "minipages".
- Each of the nodes of the tree structure can be accompanied by particular attributes, suitable for giving them specific functionalities, such as the possibility of obtaining a Web minipage by clicking on the level of a menu which is not a sheet.
- FIG. 2 represents a conventional menu structure whose menus and sheets have a name, and whose sheets have a name and a target page. More complex tree structures can be envisaged, as we will see below, in particular:
- a tree is said to be stylized when a certain number of stylistic attributes have been added to it (whether or not through an external style sheet).
- a non-stylized tree contains only structured data, while a stylized tree is ready to be presented graphically, since it contains both presentation styles (color, font %) and interactivity styles (animation of opening menus ).
- a tree is said to be active when it is inserted into a production chain which can lead to its display on the client platform of an Internet user.
- An active tree has necessarily been stylized beforehand. A tree (even if it is stylized) cannot be displayed on a client platform if it has not been activated beforehand.
- a tree server is understood to mean a server storing and restoring tree structures on demand.
- An element is a computer file that can represent a multimedia object (image file, video file, etc.) or a mechanism allowing to dynamically create such a computer object.
- An item is stored on an item server.
- the original marker is a code including a reference to an element.
- the enriched marker is the marker obtained from the enrichment of an original marker, which leads to an “enriched representation” of the element of the original marker, a representation on which a user (internet user or application) performs an action in order to deploy the representation of the tree structure associated with it, during a phase called "development phase".
- a tree server serves a set of menus which is graphically grafted onto the representation of an element (banner, geometric figure, etc.), this element being mediated (in the sense of a means (media) of transport) by a medium (respectively the web page, the map, ).
- An element server (SE) produces an element (E) on a client platform when, following a request (Ri) on the part of said client platform on an element reference server (SR) ( phase 1), said element reference server responds to it by sending a code (Cl) (phase 2) which encapsulates a code cl, interpretable by a virtual machine (MV) installed on said client platform, code making reference to the address url (E) of said element E on an element server (SE) and having as a purpose the graphic display of said element on said client platform.
- the interpretation of the Cl code (Cl ⁇ document.write (cl) (for example in Javascript) leads to unencapsulate cl which is then interpreted by the virtual machine (MV).
- the virtual machine MV detects a tag (phase 3) that it interprets by searching for the value of an attribute indicating the url (E) address of the element E on the Web (phase 4) which allows it to request it (phase 5).
- the element server SE then produces element E by uploading its code to the client platform (phase 6)
- the browser then processes this code for display on the client platform (phase 7).
- the present invention can, among others, have the following variations:
- Rich-Banner advertising banner enriched with a deployable menu structure.
- Rich-Geobject geometrical element (composed of geometrical primitives) superimposed on a geographic map, and of which the internet user, by moving the mouse over it, deploys a corresponding menu structure.
- Rich-Word word from which the user, by passing the mouse over, deploys a suitable menu structure.
- Rich-Image geometric element superimposed on an image (gif jpeg, png 7), or sensitive area, from which the Internet user, by passing the mouse over, deploys a tree structure of corresponding menus.
- the tree in question can also be conceived in the form of a path whose sensitive areas of an image are the guides to the next images.
- Rich-Miniportail menu structure adapted to the specific needs of an individual and deployable from an element on a Web page.
- this element is permanent, that is to say that it is found from web page to web page, as the user navigates, in the same position relative to the window containing the Web page, and in the same state (menus deployed or not).
- a tree structure can be reused by an advertiser for its deployments in multiple forms, in particular: banner advertising (Rich-Banner), geographic map (Rich-Geobject), text (Rich-Word) ... In other words, it it is a "write once, inform anywhere”.
- banner advertising Rich-Banner
- geographic map Rich-Geobject
- text Rich-Word
- the graphical deployment of the tree structure by action of a user on the “enriched representation” of an element, allows it to consult information and use services, while remaining on the support of the element. He thus remains in control of his navigation.
- the repercussion of the modifications made by the advertiser on its tree structure is effective in real time.
- Tree structures belonging to different advertisers can be associated together with the same element, thus allowing a user, when graphically deploying this tree structure, to consult information or to use services corresponding to different advertisers.
- non-intrusion consists, ideally, of not intervening either on the advertising network of advertising, nor on the advertising servers of agency. Ideally, we only intervene on the content server delivering the element, the object of advertising creation. Ideally still, there is no intrusion into the process of creating the advertising object. It is then a question of adding an element completely complementary to the advertising object created by the agency. Thus, it is possible to obtain detailed reports in real time, allowing agencies and their advertising customers to determine the parameters of success of this or that advertising creation, in order to have a usable knowledge base for the next media plans, and readjust parameters during the campaign.
- the method according to the invention makes it possible to encapsulate a large number of existing technologies (java applet, flash pay, gif ...) as well as to integrate within these technologies. Agencies should invest as few resources as possible in learning new methods specific to the new technology. Ideally, we should be able to split a file obtained by these tools into a tree component (structure and data) and a purely stylistic component (style and interactivity). Finally, the trees created and activated (that is to say ready to be distributed on demand) are accessible by search engines, even if they are not explicitly part of the content of a web page. A failure in the display of the tree should not be detrimental to that of the element, whether in terms of time or display itself.
- Offer companies the possibility of providing their own services that the advertiser can decide to include in its tree structure. Offer designers the possibility of providing models that advertisers can decide to use, exclusively or not, for the presentation of their tree structure.
- the process of the present invention comprises three different phases:
- the pre-development phase is the phase corresponding, completely independently, to: •
- the development phase is the phase during which a marker is enriched by associating a stylized tree with means of deployment, phase accompanied by the substitution of the original marker by the enriched marker.
- This phase can also consist in the storage of the association between an element and a tree and its means of deployment: this is the case, for example, of the process that Rich-Word uses.
- the production phase is the phase initiated by the request of an Internet user or an application.
- the production phase itself comprises three phases:
- the display phase This is the phase initiated by a user or an application, the term of which corresponds to the display of the "enriched representation" of the element.
- the deployment phase This is the phase initiated by a user action on the "representation enriched ”with the element and whose term corresponds to the graphic deployment of the tree structure. It can notably be a deployment of menus and submenus coded in a language understandable by the client platform, which is for example the case of JavaScript in a Web page.
- the use phase This is the phase corresponding to user actions on one or more menu (s), submenu (s) or command (s) of the tree structure graphically deployed. Once a sheet has been selected, it leads to the execution of the associated target code, which can lead, for example, with an appropriate JavaScript client code, to the display of a Web minipage in a window opened for this purpose.
- the pre-development phase is indicated by the four arrows in the "pre-development phase" column.
- the tree creation phase can consist of creating mechanisms allowing the trees to be obtained dynamically, in the production phase, according to context parameters.
- the creation of a tree (or a tree creation mechanism) can be done from an existing tree that is modified, or by composition of two trees, the resulting tree being obtained by grafting from the root of one on a leaf of the other.
- the tree creation phase can, independently, consist of using three separate interfaces dedicated to the creation of the data and the structure of the tree, to the creation of the stylistic attributes of the tree and to the creation of its means of deployment and interactivity.
- the use of these interfaces leads, for example, to the creation of a JavaScript file (extension js) for the means of deployment and interactivity, to the creation of a style sheet (extension css) for the stylistic attributes of the tree as well as an xml file for the tree itself (structure and data). It is also conceivable that at the end of the pre-development phase, the data, structure and style of the tree are incorporated into the same JavaScript file.
- the development phase is indicated in Figure 6 by the three dotted arrows, leading to the creation of an enriched marker (RM), stored on the marker server in substitution for the original marker
- A3 The advertising tag, previously supplied by the sales manager and inserted by the Webmaster in the source code of the web page consulted, uses the advertising server of the sales manager or "marker server". Taking into account context parameters, the advertising management server chooses one of the enriched markers (RM) from those it has in stock.
- This enriched marker includes a link named Link (MP) to a media plan and a link named Link (Menu) to a tree.
- A4 The enriched marker contains a reference to a media plan (MP).
- the JavaScript write method of the document object allows you to write the link to the media plan (MP) in the DOM of the consultation page.
- A5 The link is therefore made to an agency advertising server which is an “item reference server”. It is a mechanism allowing the agency advertising server, depending on the context parameters, to choose an element reference (Link (E)).
- A6 The JavaScript method write of the document object allows to write the link to the element (E) in the DOM of the consultation page.
- A7 The link is therefore made to the content server, called “element server”, using the link reference (E), in order to extract the element E.
- the enriched marker contains a reference (Link (Menu)) to a set consisting of a tree structure (T), a style sheet and a deployment means (MD), including the deployment rules and interactivity of this menu.
- This set is stored on a server, called "tree server”.
- a mechanism can also be stored there allowing the tree server, depending on the context parameters, to dynamically constitute the tree in question.
- the JavaScript write method of the document object allows you to write the Link (Menu) link in the DOM of the consultation page.
- Garlic Display of the tree (data, structure and style) accompanied by its means of deployment and interactivity (MD) and download of all of this code on the client platform. It can be displayed or wait for a user action to deploy visibly on the client platform.
- MD deployment and interactivity
- Table 1 definitions in the case of four versions of the invention.
- Figures 7 and 8 represent a modeling of the e-advertising market: the technical structure and the players.
- the graphic agency GD_m 0 designs the visual of the advertising GC for the advertiser AD ⁇ then delivers this visual to the central purchasing agency G_i ! .
- the central purchasing agency AG_i x consults the media plan and determines which websites PS_i 2d 2 have been selected. These websites determine the PB__i 2 boards which are responsible for manage advertising space on PS_i websites 2 d 2 .
- the central purchasing agency AG_i ! then hands over to the PB_i 2 sales offices thus selected, a tag, known as an "agency tag" and including a reference to this visual.
- This discount is made either by sending an email to the trafficker of the sales center, or by entering it, by the trafficker of the central purchasing agency AG_i 2 from a server interface. advertising AS_i 2 of the management PB_i 2 .
- a user consults a page of the PS_i 2 j 2 website , in which the Webmaster of that site has placed a tag, known as an "advertising tag", the latter calls up his sales representative PB_i 2 .
- the ad server AS_i 2 of 2 PB_i governed governed performs a process in which it decides the "tag agency" that will dynamically write to the browser of the user (or to which it will lead in the framework of 'a redirection from server to server). If the previous "agency tag" is thus chosen, the request is redirected to the content server containing the advertising image, a content server which may or may not be confused with the advertising server AS_i ! from the central purchasing agency AG_i ! .
- RichBanner can "encapsulate" third-party richMedia technology, in the sense that the menus are deployed around richMedia graphic creation.
- RichBanner is complementary to the richMedia proprietary technology banners, from the moment we have access to the agency tag in order to enrich it, which is necessarily the case, because it must be provided to the management server for the banner to be put in traffick (sent by email or by the field of an online form).
- Websites can register as a Service Provider (SP).
- SP Service Provider
- This password allows him to access an interface through which he references the site and its services in the database of service providers.
- the supplier specifies it by checking the box "Geolocated service”.
- the “Latitude” and “Longitude” fields then indicate the name of the parameters as they should appear in the URL of the geolocated service.
- Ai are the names of parameters and v has the values of each of these parameters.
- the interface for creating services is illustrated in FIG. 10.
- the interface presented in FIG. 11 allows an advertiser to create a tree structure by associating with each leaf of the tree a target code or else directly the URL of a Web page. .
- the advertiser has the choice of entering the URL directly in a text field provided for this purpose (to, for example, allow the Internet user to display a minipage from his own site: we provide for this purpose the possibility of '' drag and drop from the browser's address bar directly into the input field of the URL), or choose, using a drop-down list, a among those offered by service providers.
- the URL points to a static page 2.
- the URL points to a dynamic page whose parameters cannot be modified by
- the advertiser must provide details of his choice. This is the case when: 2
- the service is “semi-dynamic” the URL points to a dynamic page whose values of certain parameters of the URL must be entered by 1 advertiser. Entering this service in the drop-down list then opens a window presenting a form, in which the advertiser provides the parameter values.
- the validation of this form involves the concatenation of a character string leading to create the URL which will be stored in the tree structure database.
- the service is "totally dynamic" the URL is dynamic and the value of certain parameters will only be entered when the tree structure is graphically deployed: this is the case, for example, of the corresponding parameters at geographic coordinates whose value is determined by the position of the cursor at the time of the deployment of the tree structure.
- the k th tree structure T_i x j x k of the advertiser AD_i 1 j x is saved in a database in a tree server. This will allow it to be deployed on multiple elements: advertising banner, word of an article or geometric element on a geographic map. This will also make it possible to associate, within the same element, tree structures belonging to different advertisers, even if they are managed by different agencies.
- Figure 12 illustrates the production of a fully dynamic service in the context of the deployment of a tree structure on a cartographic support. To perform the traceability of variables throughout the different phases, note the reuse of the two variables "lat” and “long” as defined in the chapter “registration of services”.
- the names of the geographic parameters entered by the service provider, when the service is created appear in the xml file as the value of the attribute as the value of 1 ' "name” attribute of "param” tags nested in the "url” tag.
- the agency extracts from the multi-language tree, a single-language tree, before associating it with an element.
- the structure of the English language has been extracted.
- a deployment phase of the production phase the user performs a right click on a map, or the geographic coordinates of the place are provided by a GPS.
- Client-side javascript associated with the map returned by the space server, defines the value of the two latit variables and lengthens in correspondence with the position of the cursor on the map.
- the menus are displayed with their title and color.
- the client-side javascript code dynamically concatenates the character string forming the url, by adding to the base url defined in the text node of the url tag, the two parameters "lat” and “long” to which it gives the values of the global javascript variables "latit” and "longit” respectively.
- the url thus formed, the corresponding web page is displayed as a minipage in a pop-up.
- An input interface shown in FIG. 13, allows the agency AG_i x to enter or modify the] th tree structure T_i 1 j x k of its advertiser client AD_i x j x .
- the purpose of this interface is to stylize the original tree.
- the original tree is limited to presenting data in a structured manner.
- stylization of the tree is meant the addition of stylistic attributes which can be attributes of color as well as interactivity.
- style sheet created by a graphic agency, and stored on the tree server, possibly in the context of XML technology (XSL, XSLT style sheets), and / or DHTML standard (CSS style sheets).
- style sheets could have been created, for example, using standard graphics tools such as Flash or Director.
- interactivity is meant only the style of this interactivity (for example in the form of an animation), with the exception of the result of the action itself, which is defined in the leaves of the tree structure.
- A2 This password gives him access to a set of advertisers whose management agency (the "Advertiser” drop-down list is filled with the names of these advertisers).
- A3 The choice of one of the advertisers gives access to all the tree structures of this advertiser (the drop-down list "Tree” is filled with the names of these trees).
- A4 The agency chooses an advertiser from the list of advertisers, which has the effect of requesting the tree database in search of tree structures belonging to the selected advertiser.
- A5 Said tree structures appear among the options available from the drop-down list called "Tree”.
- A6 The agency chooses a tree from the “Tree” drop-down list, which has the effect of filling the list called “language” with all the possible languages. This is done without making access to the tree server. Indeed, the selected tree has been loaded into the DOM of the client page. Once loaded, the tree was parsed in search of the languages it manages, which made it possible to extract the titles of these languages.
- This page contains a form allowing to define the type of interactivity which one wishes to associate with the deployment and the use of the tree.
- the query allows to propose a drop-down list, intended to propose pre-established choices of interactivity, by drawing its values from a database comprising graphic creations [GC], These graphic creations are, ideally, style sheets which have been created by designers using, for example, standard graphic creation tools (Flash, Director 7), or more directly (coding).
- a "Preview" portion of the window allows you to test the interactive animation within the framework of the selected tree structure.
- This style is defined, either in said web page, target of the banner ad, or in a style sheet (CSS for example) to which said web page explicitly refers in its source code.
- the solution therefore consists in importing the HTML document (in XHTML form for example) whose URL is defined as the value of the "href" attribute of the "img” tag, to parse said document in search of occurrences of tags whose name is "style”, to finally extract the values of the sub-attributes of these tags corresponding to the definition of styles that interests us (for example: background and text colors).
- step E1 The registration of the stylized tree structure in the database is implemented in step E1:
- the enrichment step of the original marker corresponds to E2:
- E2 The original marker, generally generated automatically by the agency's advertising server, is pasted into the field of the interface provided for this purpose. In the diagram above, this is a simple banner associated with a click-through type link.
- the choice of an option of the “Type of Tag” interface will allow the system to guide the agency in the creation of the enriched marker from the original marker: this is called a semi-automated system or help to enrichment of the marker.
- the enriched marker consists of adding a script (or a reference to an external script) to the original marker, as well as adding a fragment representing a tree structure (or a reference to such a fragment ), or representing a mechanism allowing to dynamically and contextually restore a tree structure (or a reference to such a mechanism).
- the new marker thus created (the enriched marker) now includes code (JavaScript for example) which will allow, on the one hand, to insert the stylized tree extracted from the tree structure database (the recording of the stylized tree having been made during the previous step (El), and on the other hand, to ensure the interactivity necessary for the graphic deployment and the use of this tree structure in adequacy with the advertising banner.
- code JavaScript for example
- the user will see a tree structure in the language of the country whose language he does not speak. If the problem does not arise with advertising banners whose message is clear, this regardless of the language, the question becomes unavoidable as regards the possibility, for this banner, of deploying more provided information, which poses the problem of language determination.
- Another way to determine the language is to do it during the development phase and not during the production phase (display phase).
- the language of the banner menu must correspond to that of the page that the Internet user consults and in which the said banner is inserted. Indeed, if the Internet user consults this page, it is because he understands the language.
- the choice of language corresponding to the banner is made when associating the tree with said banner, that is to say during the development phase.
- the central purchasing office must ensure that the marker, enriched with a call to a tree of given language, is well trafficked on Web pages in linguistic adequacy with the said menu. Indeed, any enriched banner is linguistically specific. This will require the central purchasing office to readjust its media plan.
- the tree server By placing itself in the chain of actors participating in the production phase, the tree server ensures the ability to count the number of displays of the RichBanner. So that the tree server can also participate in the counting during the use phase, several possibilities can be envisaged:
- 1-Post-click trackers can be placed in the minipages so that a server is informed each time such a minipage is displayed.
- Each action on the different menus can be recorded on a server, reporting is able to rely on the breakdown of information represented by the tree structure. It is therefore possible to have very precise information concerning the use of the interactivity of the Rich-Banner: as precise as the breakdown made by the advertiser to give access to its set of functionalities.
- Figure 15 shows the Rich-Banner production phases.
- the web server provides the advertising support web page
- the advertising network server provides the file containing a link to the media plan
- the agency advertising server provides a link to the banner ad
- the content server provides the element (for example: banner)
- the tree server provides the tree structure
- the mini-page server provides the mini-pages that are called from the deployed menu of the RB.
- the DOM Document Object Model
- ⁇ DIV id "div_menu” STYLE ⁇ "position: absolute; left: 0; top: [height of banner]; visibility: hidden;” onmouseout ⁇ "javascript: document. getElementByld ('div_menu'). style.visibility ⁇ 'hidden';” onmouseover ⁇ "javascript: document. getElementByld ('div nenu') .style.visibility ⁇ 'visible';">
- Figure 17 illustrates the above code.
- the file "menu. js " which is referred to using an absolute path in the SRC attribute of the SCRIPT tag, contains instructions of type" document.write ", allowing to write, in the DOM of the page of consultation, HTML tags (as well as their attributes and text node) allowing to visualize the menu structure. He can in particular write DIV tags there in order to position menu items at any position, relative to the advertising banner with which this menu structure is associated. He also wrote there the references to the functions defined in the remote file “menu.” js ". Since the “document .write” instructions are used during the loading phase of the Web page, these lead to writing dynamically in the Web page without the latter being reloaded.
- Figure 18 illustrates the case of the traditional technique of e-advertising with b: a banner B: Web page containing the banner
- the agency has complete control over the enrichment of the marker without it being necessary for it to modify the Agency tag which is located on the management server.
- the marker was the Agency tag, while in this case, the marker is the value of the SRC attribute of the IFRAME dynamically written in the DOM of the consultation page.
- the original marker is page B.
- page B is transformed into a page B bis , which is the enriched marker.
- the development phase leads to enriching the original marker B (page B.ext) with a client code (for example written in JavaScript) obtained from a tree chosen from those offered by the development interface, as well as 'stylistic and interactivity attributes also informed through the development interface.
- a client code for example written in JavaScript
- the client code is called "stylized tree code”: it is the means of deployment.
- a server-side process builds, from the tree, a code interpretable by the surfer's platform (for example JavaScript).
- This code must allow the internet user, once the display process is complete, to graphically deploy the stylized tree on his platform (deployment phase) and to click on the menus thus deployed (usage phase), for example, to access web pages (minipages) displayed in pop-ups.
- This code is made during the development phase when a tree (or tree creation mechanism) and stylistic and interactivity attributes are associated with a web page.
- this code is incorporated into page B, which has been enriched to become the page B bis , page which has also been allocated a certain number of functionalities allowing it, in the production phase, to carry out specific processes.
- This is how, for example, the BODY tag is assigned a specific reaction to the onLoad event, this by means of a "create_rb ()" function, the mechanism of which we will explain in the chapter on the phase. of production.
- page B bis must include a reference to the “rb.js” file containing it.
- Menu Code Javascript code (allows the tree to be deployed on the client platform)
- MP Mini-Page
- B agency page containing b before its transformation into Bbis
- T Tree structure A: Advertiser's web page
- phase Ul & U2 use phase IF1: iframe tag of the control room and placed on the consultation web page H: height of b and IF1 W: width of b and IFl urlBbis: url of page B
- the support page S is the page that the Internet user consults.
- the advertising tag corresponds to the tag that the agency requests the Webmaster to place in the source code of the page S.
- the agency tag is in the form of document .write (' ⁇ IFRAME ...>') and is written dynamically in the DOM of the consultation page S. This is the iframe that we will denote IF X
- the advertising tag requests the ad manager to manage it, for example by providing it with the URL of the calling page (A3), which allows the ad server process to determine the Agency tag to select and return (A4).
- A3 the URL of the calling page
- A4 the Agency tag to select and return
- the “onLoad” event of its “BODY” tag is notified.
- the value of the onLoad attribute is the JavaScript function "create_ rb ()" which is accessible since defined in the “rb.js” file referenced in the SCRIPT tag on page B bis .
- This function uses the “parent.parent.document” instruction to allow it, from the bis page, to exit the DIV tag, then access the DOM (document object model) of the S support page.
- the iframe IF X When the iframe IF X loads its source, it first requests the agency adserver (this is the request explicitly written in value of the SRC attribute of the iframe IF X ).
- This request returns the URL URL (B bis ) on the element server.
- It is, for example, a loop in JavaScript allowing to extract, one by one, the “elt” elements from the list and to perform the following test: elt.src ⁇ URL (B, - is )). It is at the level of the development interface that the URL URL (B bis ) must be specified, which one must know if one then wants to save it in the right place.
- This second DIV tag is intended to accommodate the graphics of the stylized tree (for example in the form of drop-down menus) associated with the banner b.
- DIV is the height of the IFRAME. In other words, it is thus possible to position the drop-down menus precisely with respect to the banner b.
- This code represents the stylized tree, that is to say the tree from the point of view of data, graphics as well as interactivity. If, in the case of the IMG tag, it was necessary to frame the code of the stylized tree between two DIVs to position it, this is no longer the case here, if we assume that the banner is always at the top left of the B big web page.
- the Rich-Banner can be used by the Internet user: he interacts with it by deploying the menus and clicking on the commands that appear.
- the enrichment of the original marker can be done by calling a tree after the source of the EMBED (or the OBJECT) is called.
- the enrichment can also relate to a concatenation of the character string constituting the value of the source attribute "SRC”. It can then be, for example, to add a character string consisting of a list of items of the type parameter ⁇ "value", items separated by the character "&", this in order to specify on the dynamic page called, the parameters that we want to transmit to it.
- this unique tree structure will be stylized in order to allow the internet user to navigate, thanks to a single “dashboard” present on its page, through the functionalities offered by all of the advertising banners present on the page that he consults.
- the Rich-Word development phase illustrated in Figure 20, consists of three separate interfaces: •
- RI The user of the governed interface (usually the authority that manages advertising space on behalf of websites through his trafficker) begins by entering a password identifying him, then registers a website for which it manages advertising space by indicating its URL (here the site whose URL is: PS_i 2 j 2 ).
- A3 The click on the OK button has also led to assigning and presenting a password dedicated to the site registered by the trafficker of the sales center.
- R4 The trafficker becomes aware of said password
- R5 The trafficker communicates, for example by email, said password to the Webmaster of the site
- Al The user of the agency interface (in general the agency which manages the purchases of advertising space on behalf of an advertiser through his trafficker) begins by entering a password identifying him.
- A2 She then chooses a website from the "Website URL" drop-down list which presents her with all the URLs of the websites in the PS database, made up of websites. who have independently informed the dedicated development interface. Here she chooses the URL PS_i 2 j 2 .
- A3 The agency indicates, in the "Word (s)" provided for this purpose, the word (s) on which it wishes to communicate on the site it has selected. Here, she selects the word "Web”, indicating that she wishes to communicate on the word "Web” on the web page PS_i 2 j 2 .
- A4 The agency selects one of the advertisers it manages. Here she selects the advertiser AD ⁇ - using the "Advertiser” drop-down list.
- A5 The choice of the advertiser causes the display, in the "Tree” drop-down list, of all the tree structures of the advertiser AD ⁇ . The agency selects one of the trees presented in this drop-down list. Here she chooses the tree noted T_i 1 j 1 k.
- Wl The Webmaster enters the password communicated to him by the management in the "Password" field provided for this purpose.
- W2 this has the effect of indicating, from the PS database, the URL PS_i 2 d 2 of the Webmaster's site.
- W3 In the "directory" field, the Webmaster indicates, in the form of a relative URL, the portion of the site whose pages are the advertising spaces that the agency is responsible for managing for Rich-Word.
- W4, W5 When the Webmaster clicks on the OK button, each of the Web pages included in the aforementioned directory are embellished with a JavaScript code allowing, when the page is consulted, to search for the tree structures corresponding to the words purchased on this page.
- W6 the new page is saved to the old url.
- the decrease in intrusion corresponds to a non-intervention by the Webmaster.
- the Rich-Word production phase is illustrated in Figure 21.
- This Rich-Word production phase includes the following stages:
- FIG. 22 summarizes the principle of dynamic call of text from a database.
- the web page consists of a number of TN Text nodes ⁇ . Some of these text nodes use a database using an ⁇ M A > marker.
- Various SSI technologies side include server) can be used for this purpose: asp, php, cfm, jsp ...
- the ⁇ M A > marker therefore performs a request (Request) on a database, request whose result (Response ) is displayed in place of said marker.
- the element is the word
- this element is initially stored in the field of a table of a database. Only after the final content text nodes have been integrated, in this way, to the content of the web page, that we are able to compare all of the content of the text nodes with all of the words that have been reserved by the agencies for this page for communication purposes.
- Figure 23 shows the principle.
- a request is sent to the RW database in order to obtain all the words reserved by the agencies for this Web page: this list is noted WordList.
- a client process then generates a shortlist E which is the intersection of WordList and all the words contained in the text nodes T ⁇ .
- the definition of the tree structure is done independently of whether one is in the case of Rich-Word or Rich-Banner or other.
- the element is a word.
- the definition of the element consists in the creation of the text containing the word-element, text recorded in the field of a table of a database.
- the original marker consisting of the Web page containing all the tags ⁇ M ⁇ >, has a link with the elements insofar as these tags make it possible to dynamically load the TN t which contain the elements.
- RichWord The fundamental difference between RichWord and RichBanner lies in the fact that the enrichment step here consists of storing the association of the element (here the word) and the tree structure (as well as its means of deployment).
- the enrichment step here consists of storing the association of the element (here the word) and the tree structure (as well as its means of deployment).
- the original marker contains a reference to an element choice mechanism and the enrichment consists of adding a reference to it to a dynamic tree creation mechanism associated with the element.
- FIG 24 illustrates the notion of association in the case of Rich-Word. This figure can however also apply to the case where the word is an element of another type. Rich-Word applies as much to the words contained in the Web pages as to the words contained in the source code of the vector graphics, of which the geographical vector maps, since the said graphics explicitly store the said words in their source code.
- Rich-Word concerns e-advertising by the ability to buy a word (s) on a web page, this for a fixed period, and to deploy menus adapted to this (these) word (s) and relating, for example, to service offers.
- Another possible application concerns e-learning by the ability to provide detailed and structured explanations, text and / or multimedia, to words on web pages or vector graphics.
- Another application relates to encyclopedias by the ability to associate words, contained in a web page or vector graphics, with detailed and structured explanations, textual and / or multimedia from a digital encyclopedia, possibly online.
- - Rich-Word can also be used for the translation of words, contained in a web page or vector graphics, by relying on digital dictionaries, possibly online. This list of possible applications is not exhaustive.
- FIGS. 25 and 26 The Rich-Image principles are illustrated in FIGS. 25 and 26.
- the polygon P k an (k) vertices whose coordinates are noted x ⁇ , y t .
- the ext extension can belong, for example, to the following set: html, xml, asp, php, cfm, jsp ...
- the Rich-Image development phase will therefore consist of working from the original marker, constituted by the IMG tag, in order to enrich it, by adding a MAP tag defining all the sensitive areas deploying the menus.
- the development phase incorporates a graphic work consisting of drawing on the image itself all the sensitive areas from which we intend to deploy the tree structures.
- the development interface initially invites the user to paste the original marker in the "marker” field.
- the user then draws a sensitive area on the image it imported so that it appears on the interface page.
- it validates this sensitive area by clicking on the "Tree association” button, which opens a window ("tree selection and stylization") largely taking up the Rich- development interface.
- Banner The user then defines a stylized tree for the sensitive area he has just drawn, by proceeding as if he were assigning a stylized tree to an advertising banner.
- Each stylized tree is saved in the tree structure database (El). After validation (click on the "OK” button), the window disappears, giving him the possibility of drawing other sensitive zones with which he will associate stylized trees (E2).
- the original marker is gradually enriched, the new marker being stored in the DOM of the web page of the development interface.
- the production phase has one essential characteristic: after the enriched marker has called on the image via the IMG tag, it requests the tree server as many times as there are nested AREA tags in the MAP tag, that is to say as many times as there are sensitive areas associated with a tree structure.
- the enriched marker can be, for example, a simple Web page incorporating this marker.
- the image can also be, for example, an advertising banner, in which case, said banner will be routed to the client platform of the Internet user according to the conventional process which we have already mentioned, namely the advertising tag, followed by agency tag and finally the call to the content server.
- a special case of Rich-Image consists in navigating from images to images through sensitive areas, that is to say, allowing, from a click on a sensitive area zSi of image A, d '' reach an image B which, itself, contains sensitive zones whose target is another image.
- This can indeed be conceived according to the method of the present invention, insofar as we consider the creation of a tree structure T L reduced to a sheet containing the client code (javascript for example) making it possible to reach the image B.
- This tree structure Ti may also not be reduced to a sheet and present a set of different images B j towards which to navigate from the image A.
- the sensitive areas of an image are made from closed polygons.
- the ⁇ map> tag must be used with the ⁇ area> tag, which has three attributes: shape, coords and href. We are interested here in shape and coords.
- Polygons are of course no problem since they correspond to the "poly” value of the "shape” attribute. So: squares, rectangles, diamonds, triangles, quadrilaterals ... are no problem. Circles are of course no problem since they correspond to the "circle” value of the "shape” attribute.
- the line (AB) (as well as the half-line [AB) or the segment [AB]) is represented by the polygon ABA (triangle).
- the ellipse is represented by a polygon inscribed in the ellipse that we are trying to trace.
- the polyline (broken line) A l ..., A n is obtained by the polygon A lf ..., _ ⁇ r A. ,, A- .. !
- the curve (C) is obtained by the polyline A ⁇ r ..., A-, the vertices of which are distributed regularly on the curve (C), and this frequently enough.
- the point is represented by a small diameter circle. And so on.
- the server of the consultation medium is identical to the medium of the element, that is to say here of the space server. It is indeed necessary that the element, in order to be correctly displayed, undergo the same types of treatment as those applied to the consultation medium (the geographic map). These treatments are specific to GIS (Geographic Information Systems). These include intelligent agents for the storage and then the extraction of the data stored according to a spatial indexing, clipping avoiding any graphic overflow, transformations allowing conversion into structured mode of structured data for example in GML (Geography Markup Language).
- GIS Geographic Information Systems
- Rich-Geobject The development phase of Rich-Geobject is fairly close to that of Rich-Image insofar as, in an equivalent manner, it integrates a graphic work consisting of drawing on the map even the set of geometric primitives of which we intend to deploy the structures tree.
- the development interface must therefore serve a geographic map, coming from a space server, and allow the internet user to navigate on said map, in order to correctly position said geometric primitive.
- the production phase will be based on geographic maps served by the same space server as that which served during the development phase, in order to avoid any problem of data inconsistency.
- Figure 29 shows an example of a development interface.
- Phase E1 corresponds to the registration of the stylized tree, while phase E2 brings the user back to the starting interface.
- SI phase the terrestrial coordinates of the geometric primitive, which he has just drawn on the geographic map, are recorded, as well as the association of this primitive with the stylized tree which he has just created.
- FIG. 30 represents an example of the Rich-Geobject production phase, in the case of a space server relying on SVG technology.
- the user's request leads to the display of a geographic map, which which leads to display the corresponding geometric primitives, and which ultimately leads to importing the stylized trees associated with these geometric primitives.
- the Internet user makes a spatial request from, for example, a click on a geographic map of a web page.
- the tree structure is graphically deployed from a mouse over of one of the displayed elements.
- the traditional method of navigation can be modeled like this: the Internet user navigates from Web pages to Web page by means of clicks on the links of said pages.
- We will identify each stage of this navigation by the index i l, 2, 3 ...
- L the web page displayed in the browser.
- the internet user starts browsing by opening the browser which opens the home page of said browser, a web page corresponding to the index i ⁇ l. In other words, navigation starts on page A 1 .
- the links of a Web page are identified, in its DOM (document object model), among others by the attribute "href" of the elements "A” or of the elements "IMG".
- the user clicks on the k th link of the page A ⁇ , k th link in the order of appearance in the DOM of the page A i in the sense of a parsing defined beforehand.
- the sequence (k ⁇ ) is not known a priori, but is built as you navigate. It is therefore known only a posteriori, no mathematical rule making it possible to define it a priori since it depends on the arbitrary choices of the navigation of the Internet user.
- a ⁇ (k) the web page, target of the k th link of page A ⁇ .
- a i + 1 Ai (k ⁇ ). This is a way of saying that page A i + 1 is the target page of the link k A from page A ⁇ .
- the k th link constituted by a hypertext link we had, in the DOM of page A lr the following element: ⁇ A href ⁇ "url(A ⁇ (k))">
- the query launched is then the following: “url (P)? url ⁇ i url (A i (k i )) '& ... ", that is to say:” url (P)? url ⁇ 'url (A i + 1 )'& ... "
- a navigation (Bi) is said to be conditioned if there is a navigation (A £ ) and a series of conditions (Ci), such that, for all i, the page Bi corresponds to the "minimal" transformation of the page Ai, of such that B ⁇ verifies the condition Ci.
- (Bi) C [(A ⁇ ), (Ci)]
- Condition C which is supposed to be verified by A L , page currently displayed in the browser, is said to be "propagated" from A L to A i + 1 if, at the end of the transition leading to display of A i + 1 , it is verified by A i + 1 .
- condition C By definition of a navigation (Bi) conditioned by condition C, said condition C must be verified for any i greater than or equal to 1. For this to be achieved, it must be verified for i ⁇ l and must "propagate" from A A to A i + 1 (this for any i greater than or equal to 1). For the propagation method of condition C to be effective, account must be taken not only of the propagation of said condition C but also of the propagation of the means of this propagation.
- One way of carrying out such a propagation consists in ensuring that there is a file, called by “remote script” convention, including a code interpretable by the client platform, such that, for all i, the following two constraints are verified:
- the target of the k th link on page A ⁇ is an instruction launching the sd function with the parameter (url (Ai (k))).
- the user defines the page he will see first (A x ) through a dedicated website and no longer directly by the browser.
- the validation of the form also entails the modification of the browser settings by assigning the dynamic page A 0 as its home page.
- the DOM of A ' ⁇ includes a fragment identified by the character string "ep", the interpretation of this fragment by the browser corresponding to the representation of said permanent element on the page displayed in the browser.
- An example of a fragment is the following layer: ⁇ DIV id ⁇ "ep"> ... HTML code ... ⁇ /DIV> (We will consider, in the following, to be in this particular case).
- Said fragment is posted to be retrieved by the dynamic Farnelian navigation page.
- the propagation of said condition C consists in propagating a fragment of code identified permanently from page to page, as well as in propagating the means of this propagation.
- page P is an XML file associated with an XSLT stylesheet which we will denote by Q;
- Q The dynamic page is then noted: P Q.
- the P Q page starts with load the page in your DOM this thanks to the url whose character string is explicitly written as a parameter of the url request (P Q ? url (Ai (ki))).
- the latter will parse (cross) the DOM of page A i + 1 in search of link occurrences (for example by searching for elements having a attribute "href"). For each link thus found, it analyzes the character string constituting the value of its target (for example the value of the "href" attribute). If the said character string begins with the expression "javascript”, no modification is made. If it is not the case, that means that the value of the attribute "href" of the k th link of the page A i + 1 is of the form url (A i + 1 (k)).
- the XSLT process modifies the value of this attribute by dynamic concatenation of a character string so that the new value is: "javascript: ep (url (P Q )? Url (A i + 1 (k)))", which allows to make sure that the second condition constraint is checked by the page
- the first conditioner constraint propagates from i to i + 1 by the simple capacity of the process P Q to generate the following code: " ⁇ SCRIPT src ⁇ " ep.js "> ⁇ /SCRIPT> in the new page displayed.
- the first condition of the permanent element propagated from i to i + 1, since the dynamically created form posted the fragment identified by "Ep", so that it is retrieved from the new page displayed.
- the second condition of the permanent element it has propagated from i to i + 1 since it is a functionality included in the ep () function, to which the new page displayed refers because of the propagation of the two conditioning constraints.
- Rich-Miniportail The principle of Rich-Miniportail is to allow a surfer to browse the Internet while having "at your fingertips” his personalized portal "which follows him from page to page".
- Rich-Miniportail is used in accordance with the principles inherent in the present invention, in particular with regard to the ability to consult and act on the miniportal without leaving the consultation site.
- Rich-Miniportail is, from this point of view, an advance, compared to the toolbars of the portals that the Internet user installs on his computer, insofar as the buttons of the said toolbars cause redirection to a Web page other than the user’s consultation page.
- Rich-Miniportail benefits from all of the Rich-Navigator functionalities, namely the ability to create personalized tree structures that use services provided by external companies: weather, dictionary, calendar ... .
- the Internet user can choose a certain number of functionalities which do not necessarily exist in a given portal, or choose an equivalent service, but other than that offered in the portal which he is used to using.
- Rich- Miniportal can be accessed as well via the buttons of a toolbar as by what we will call in the following a "permanent element".
- Rich-Miniportail is the following: when loading a new page in a browser, this process allows an object, which occupied a determined position in the main window of the browser as well as a particular intrinsic state, to appear in the same position and state on the newly loaded web page.
- the solution consists in writing dynamically, in the DOM (document object model) of the web page being loaded, a layer containing the information, relating to the permanent element, retrieved from the previous page , in accordance with the so-called “permanent element navigation” process as described in the previous chapter.
- This layer must be positioned precisely in the main browser window, which requires specifying a value for the position attribute: absolute ... This is one of the conditions for conditioned navigation.
- the start-up of the process by the Internet user includes the following steps:
- the Internet user in order to start the navigation process by permanent element, must register with prior to an online service available using an interface on a dedicated site.
- the user registers by defining his pseudonym and a password.
- the user accesses other interfaces, allowing him to choose the type of graphic element that will be displayed superimposed on the web pages on which he will navigate.
- the creation of a permanent element consists first of all in associating a graphic element with a tree and then in storing this association in the database of a server.
- the activation of this permanent element then consists in clicking on a validation button, which has the effect of giving a boolean the value true specifying thus that this element must be served when opening the browser.
- the search can extend to a search in the text content of vector graphics as well as in active tree structures.
- Vector graphics provide access to text content explicitly written in the source code.
- a search on the word "Prune” can lead to the display of a geographical map automatically centered on the city of Agen, if a map, for example in SVG format is present on the Web and mentions, in its source code, the word "Prune” at the level (latitude and longitude) of the city of Agen.
- the word "Prune” may be stored in a database and not in the source code of the SVG file which is created dynamically by drawing information from the said database.
- the problem is equivalent to the problem of referencing dynamic web pages, some solutions of which have been envisaged such as the fact of producing static pages from dynamic pages and of storing them on a web server.
- a geolocated service allowing to geographically restrict the search for a search engine. search based on the location of the click on a geographic map. This also applies to the case where the geographic position is not obtained from a click on a geographic map but from a GPS.
- Rich-Word is not reduced to use on a Web page but also on geographic maps given the textual access to the words on said map.
- Activated trees can, for example, be made available on a web server as a static page. In this way, by ensuring that these pages are referenced by the search engines, said trees will also be accessible when searching for a word on a search engine. An advertisement in the form of a Rich-Banner will therefore benefit from greater visibility since it is also accessible through search engines.
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
Abstract
Description
PROCEDE D'ENRICHISSEMENT DU CONTENU D'UNE PAGE METHOD FOR ENRICHING THE CONTENT OF A PAGE
NUMERIQUE DONT LE FORMAT PERMET LA CREATIONDIGITAL IN WHICH FORMAT ALLOWS CREATION
DE LIENS VERS DES OBJETS INFORMATIQUESLINKS TO COMPUTER OBJECTS
La présente invention se rapporte au domaine des procédés d'enrichissement du contenu de pages numériques .The present invention relates to the field of methods for enriching the content of digital pages.
La présente invention se rapporte plus particulièrement à l'enrichissement du contenu de pages numériques dont le format permet la création de liens vers des objets informatiques. Il peut par exemple s'agir de pages Web ou de pages consultables sur un appareil nomade tel qu'un PDA.The present invention relates more particularly to the enrichment of the content of digital pages whose format allows the creation of links to computer objects. For example, they can be web pages or pages that can be viewed on a portable device such as a PDA.
La publicité est aujourd'hui présente sur de nombreux sites web. De nombreux procédés permettent de cibler le contenu des bandeaux publicitaires en fonction de l'utilisateur. On connaît déjà plusieurs solutions de l'art antérieur.Advertising is now present on many websites. Numerous methods make it possible to target the content of the banner ads according to the user. Several solutions of the prior art are already known.
L'art antérieur connaît déjà par la demande de brevet PCT WO 99/57660 ( iWeb Ltd.) un système et un procédé destinés à fournir un contenu, y compris un contenu d'informations riches à un public particulier d'utilisateurs d'ordinateurs, de préférence conformément aux caractéristiques de ces utilisateurs, de telle façon que le contenu soit exposé de manière contrôlée et soit transféré par une tierce partie dans un système "deux parties", tel que le World Wide Web. Par exemple, plutôt que de transférer le contenu, tel qu'une publicité, en tant que partie d'une page Web sur un site Web éloigné de l'utilisateur de l'ordinateur, l'invention transfère la publicité par l'ISP (prestataire de service Internet) de l'utilisateur, par exemple, sur l'écran de l'ordinateur de l'utilisateur. La publicité ou un autre contenu est ainsi affiché facultativement à l'utilisateur, sans tenir compte du fait que la page Web soit affichée sur l'écran de l'ordinateur de l'utilisateur, d'une manière sensiblement transparente pour l'utilisateur. De cette façon, le contenu est ciblé spécifiquement à l'utilisateur, plutôt que d'être affiché de façon générale sur la page Web ou analogue transférée par des voies "deux parties" telles que des serveurs Web.The prior art already knows from PCT patent application WO 99/57660 (iWeb Ltd.) a system and a method intended to provide content, including rich information content to a particular audience of computer users. , preferably in accordance with the characteristics of these users, such that the content is exposed in a controlled manner and is transferred by a third party into a "two-party" system, such as the World Wide Web. For example, rather than transferring content, such as an advertisement, as part of a web page to a website remote from the computer user, the invention transfers the advertisement through ISP ( Internet service provider) of the user, for example, on the user's computer screen. Advertising or other content is as well optionally displayed to the user, regardless of whether the web page is displayed on the user's computer screen, in a manner substantially transparent to the user. In this way, the content is targeted specifically to the user, rather than being displayed generally on the web page or the like transferred through "two-party" channels such as web servers.
L'art antérieur connaît également par la demande de brevet américain US 5948061 (Double Click) des méthodes et des dispositifs pour cibler la distribution de publicité à travers un réseau comme l'Internet. Des statistiques sont compilées sur les utilisateurs individuels et les réseaux et l'utilisation des publicités est observée pour permettre un ciblage des utilisateurs individuels par les publicités . En réponse aux requêtes des sites affiliés, un serveur de publicité transmet aux personnes accédant à la page du site une publicité appropriée basée sur le profilage des utilisateurs et des réseaux.The prior art also knows from American patent application US 5948061 (Double Click) methods and devices for targeting the distribution of advertising over a network such as the Internet. Statistics are compiled on individual users and networks and the use of advertisements is observed to allow targeting of individual users by advertisements. In response to queries from affiliated sites, an advertising server sends people accessing the site page appropriate advertising based on user and network profiling.
L'art antérieur connaît également, par la demande de brevet PCT WO 01/29727 (Adfluence), des procédés de réseau pour la publicité interactive et le marketing direct. Dans un procédé de publicité interactive pour l'Internet, un bandeau est affiché dans l'espace de publicité d'une page Web. Le bandeau permet à l'utilisateur d'effectuer une transaction d'achat ou de visualiser une liste de biens et de services avec des descriptions, ceci sans quitter la page Web. La transaction de l'utilisateur a lieu grâce au bandeau, et ainsi l'utilisateur n'a pas besoin de quitter la page Web pour effectuer un achat. L'espace de publicité et le programme selon l'invention fournissent une apparence personnalisée qui ressemble à la marque de l'annonceur. L'extraction de données est fournie au moyen de l'interaction de l'utilisateur avec l'espace publicitaire, et des bases de données d'information peuvent être constituées dans le but de connaître les profils d'utilisateurs, de réaliser des actions marketing et de mettre en œuvre des analyses statistiques.The prior art also knows, by PCT patent application WO 01/29727 (Adfluence), network methods for interactive advertising and direct marketing. In an interactive advertising method for the Internet, a banner is displayed in the advertising space of a web page. The banner allows the user to carry out a purchase transaction or view a list of goods and services with descriptions, without leaving the web page. The user transaction takes place through the banner, and so the user does not need to leave the web page to make a purchase. The advertising space and the program according to the invention provide a personalized appearance which resembles the brand of the advertiser. Data extraction is provided by means of the interaction of the user with the advertising space, and information databases can be set up for the purpose of knowing user profiles, carrying out marketing actions and implementing statistical analyzes.
L'art antérieur connaît aussi, par la demande de brevet américain US 20020111865 (Enliven), un procédé pour suivre les micro-interactions de l'utilisateur dans la publicité sur une page Web. En connexion avec l'affichage de publicité dans les pages Web, une applet est téléchargée vers le navigateur Web de l'utilisateur pour suivre les interactions de l'utilisateur avec la page Web. Les interactions de 1 ' tilisateurs suivies comprennent la position du curseur de la souris, le temps passé sur la page, le temps passé par le curseur sur la publicité, et ainsi de suite. A un moment approprié, comme par exemple lorsque l'affichage de la page Web est terminé, l' applet transmet l'information sur les interactions du client à un serveur distant, le serveur distant étant typiquement contrôlé par un annonceur, ou similaire. Comme résultat, l'annonceur peut suivre la réponse du consommateur aux impressions de publicité sur la page Web sans demander à l'utilisateur de télécharger d'autres pages. Ceci permet aux annonceurs de suivre la réponse de l'utilisateur à des éléments spécifiques de la page Web et d'obtenir de meilleures informations au sujet des centres d'intérêts de l'utilisateur afin de qualifier l'utilisateur avant de présenter la publicité.The prior art also knows, from US patent application US 20020111865 (Enliven), a method for monitoring the micro-interactions of the user in advertising on a web page. In connection with the display of advertising in web pages, an applet is downloaded to the user's web browser to track user interactions with the web page. The interactions of the users tracked include the position of the mouse cursor, the time spent on the page, the time spent by the cursor on the advertisement, and so on. At an appropriate time, such as when the display of the web page is complete, the applet transmits information on client interactions to a remote server, the remote server typically being controlled by an advertiser, or the like. As a result, the advertiser can track the consumer's response to ad impressions on the web page without asking the user to download other pages. This allows advertisers to track the user's response to specific elements of the web page and to obtain better information about the user's interests in order to qualify the user before presenting the advertisement.
On connaît également, par la demande de brevet PCT WO 01/44969 (Ad4Ever) , un procédé et un système pour présenter une publicité animée sur une page Web. Cette demande de brevet PCT concerne un procédé de présentation d'une publicité animée sur une page Web. Selon ce procédé, un serveur Web obtient une couche de page Web, conçue pour contenir une publicité animée possédant au moins un objet traversant en courant une page Web téléchargée dans un ordinateur client relié au serveur Web, sans à un quelconque moment cacher ou mettre hors service des portions de la page Web se situant à l'extérieur d'une limite des objets. Le serveur Web télécharge alors la couche de la page Web sur l'ordinateur client, aux fins d'affichage du contenu publicitaire animé, associé à ladite page Web. De préférence, la publicité animée est affichée en tant que bref clip animé se rapportant à un produit ou à un service, afin de capter l'attention d'un observateur, et affichant un lien avec une publicité conservée en association avec un serveur Web de publicités, lui-même associé au produit ou service. Ainsi, l'observateur peut obtenir d'autres informations relatives au produit ou service, en cliquant sur le lien. La publicité animée constitue ainsi une annonce-mystère destinée à inciter l'utilisateur à demander une publicité, le lien servant de rappel de la publicité après la fin de l'annonce-mystère.Also known, from PCT patent application WO 01/44969 (Ad4Ever), is a method and a system for presenting an animated advertisement on a Web page. This PCT patent application relates to a method of presenting an animated advertisement on a Web page. According to this method, a web server obtains a web page layer, designed to contain an animated advertisement having at least one object. running across a web page downloaded to a client computer connected to the web server, without at any time hiding or disabling portions of the web page outside of an object boundary. The web server then downloads the layer of the web page to the client computer for display of the animated advertising content associated with said web page. Preferably, the animated advertisement is displayed as a short animated clip relating to a product or service, in order to capture the attention of an observer, and displaying a link with an advertisement kept in association with a web server of advertisements, itself associated with the product or service. Thus, the observer can obtain other information relating to the product or service, by clicking on the link. Animated advertising thus constitutes a mystery advertisement intended to encourage the user to request an advertisement, the link serving as a reminder of the advertisement after the end of the mystery advertisement.
On connaît également, par la demande de brevet PCT WO 99/60504 (Unicast Communications), une technique servant à mettre en place dans un environnement client- serveur en réseau de la publicité répartie par réseau. Selon cette technique, des publicités sont téléchargées à partir d'un serveur de publicité vers un navigateur exécuté à un ordinateur de client, et ultérieurement affichées par ce navigateur de manière interstitielle, en réponse à un clic produit par l'utilisateur. Une étiquette publicitaire HTML est incorporée dans une page web de renvoi. Cette étiquette contient deux éléments. Un élément télécharge effectivement, à partir d'un serveur web de répartition, et instancie continuellement un agent dans le navigateur de client, cet agent téléchargeant des fichiers publicitaires provenant d'un système de gestion publicitaire situé sur un serveur web de publicité tiers, pour une publicité donnée dans la mémoire cache du navigateur, et reproduit ultérieurement ces fichiers de supports par 1 ' intermédiaire du navigateur de manière interstitielle. L'autre élément est une référence du système de gestion publicitaire, qui "dissocie" totalement le contenu publicitaire d'une page web, de sorte qu'une page web ne contient qu'une étiquette publicitaire se référant, via un URL, à un système de gestion publicitaire spécifique. Le système de gestion publicitaire spécifique sélectionne la publicité donnée à télécharger.Also known, from PCT patent application WO 99/60504 (Unicast Communications), is a technique used to set up network distributed advertising in a client-server environment. According to this technique, advertisements are downloaded from an ad server to a browser running on a client computer, and subsequently displayed by that browser interstitially, in response to a click produced by the user. An HTML advertising label is incorporated into a referring web page. This label contains two elements. An item effectively downloads, from a dispatch web server, and continuously instantiates an agent in the client browser, that agent downloads advertising files from an advertising management system located on a third-party advertising web server, to an advertisement given in the browser's cache memory, and reproduced these media files later through the browser interstitially. The other element is a reference of the advertising management system, which completely "dissociates" the advertising content of a web page, so that a web page contains only an advertising label referring, via a URL, to a specific advertising management system. The specific advertising management system selects the given advertisement to download.
La présente invention entend remédier aux inconvénients de l'art antérieur en permettant de faire apparaître une interactivité sur un élément d'une page numérique sans modifier la structure du circuit normal d'affichage. Le procédé de la présente invention possède de nombreux avantages par rapport aux procédés déjà connus : par exemple, il ne nécessite pas de plugin particulier installé sur la plate-forme cliente, et il n'exige pas qu'un bandeau soit développé au moyen d'un outil autre que ceux qui sont utilisés pour développer des pages Web en DHTML. De plus, la technologie de la présente invention est en mesure d' « encapsuler » des technologies tierces. Le procédé selon l'invention n'impose aucune modification propriétaire du bandeau originel et permet de séparer totalement l'aspect graphique du bandeau de sa logique applicative. Cette technologie permet également de livrer le bandeau indépendamment de sa logique interactive. Un avantage majeur du procédé de la présente invention est, qu'une fois qu'une structure d'interactivité est créée, il permet de la déployer sous de multiples formes telles qu'un bandeau publicitaire, une carte géographique ou un texte. De plus, ce procédé donne la possibilité de répercuter en temps réel les modifications relatives à l'interactivité sur le bandeau, et permet d'effectuer aisément le regroupement de plusieurs annonceurs sur un même bandeau. Il permet aussi de composer facilement des menus complexes à partir de menus élémentaires, ne fait intervenir l'agence que sur un serveur d'agence et idéalement uniquement sur un serveur de bandeau. Enfin, le procédé de la présente invention permet de rendre les bandeaux accessibles par les moteurs de recherche, permet aux sociétés de fournir leurs propres services que l'annonceur peut décider d'inclure dans sa structure arborescente et permet d'offrir aux designers la possibilité de fournir des modèles (aussi appelés « templates » ) que les annonceurs peuvent décider d'utiliser pour la présentation de leur interactivité.The present invention intends to remedy the drawbacks of the prior art by allowing interactivity to appear on an element of a digital page without modifying the structure of the normal display circuit. The method of the present invention has many advantages over the methods already known: for example, it does not require a particular plugin installed on the client platform, and it does not require that a banner be developed by means of 'a tool other than those used to develop web pages in DHTML. In addition, the technology of the present invention is able to "encapsulate" third-party technologies. The method according to the invention does not impose any proprietary modification of the original banner and makes it possible to completely separate the graphic aspect of the banner from its application logic. This technology also makes it possible to deliver the banner independently of its interactive logic. A major advantage of the method of the present invention is that once an interactivity structure is created, it makes it possible to deploy it in multiple forms such as an advertising banner, a geographic map or a text. In addition, this process gives the possibility of reflecting changes in interactivity in real time on the banner, and allows easy grouping of several advertisers on the same banner. It also makes it possible to easily compose complex menus from elementary menus, only involves the agency on an agency server and ideally only on a banner server. Finally, the method of the present invention makes the banners accessible by search engines, allows companies to provide their own services that the advertiser can decide to include in its tree structure and allows designers to offer the possibility to provide models (also called "templates") that advertisers can decide to use for the presentation of their interactivity.
A cet effet, la présente invention concerne, selon son acception la plus générale un procédé d'enrichissement du contenu d'une page numérique dont le format permet la création de liens vers des objets informatiques, et dont la représentation s'affiche par le biais d'un support d'affichage, caractérisé en ce qu'il comprend :To this end, the present invention relates, according to its most general meaning, to a method for enriching the content of a digital page whose format allows the creation of links to computer objects, and whose representation is displayed through a display medium, characterized in that it comprises:
• une étape de définition d'au moins une structure arborescente dont les feuilles correspondent à des codes cibles ;• a step of defining at least one tree structure whose sheets correspond to target codes;
• une étape de définition d'au moins un élément ;• a step of defining at least one element;
• une étape de création d'au moins un marqueur originel, incluant un lien audit élément ;• a step of creating at least one original marker, including a link to said element;
• une étape d'enrichissement du marqueur originel consistant en la génération d'un nouveau marqueur substitué audit marqueur originel, ledit marqueur originel étant modifié à partir : du contenu du marqueur originel, d'une (de) référence(s) à ladite (auxdites) structure(s) arborescente(s) et d'un moyen de déploiement de la représentation de ladite structure arborescente ;• a step of enriching the original marker consisting in the generation of a new marker substituted for said original marker, said original marker being modified from: the content of the original marker, from a (of) reference (s) to said ( to said) tree structure (s) and means for deploying the representation of said tree structure;
• une étape d'adjonction, dans la page numérique, d'un lien vers le marqueur enrichi ; • une étape d'affichage de la représentation dudit marqueur enrichi conduisant à une « représentation enrichie » dudit élément ;• a step of adding, on the digital page, a link to the enriched marker; • a step of displaying the representation of said enriched marker leading to an “enriched representation” of said element;
• une étape de déploiement de la représentation de ladite structure arborescente dans le support d'affichage, après action d'un utilisateur sur la « représentation enrichie » dudit élément.• a step of deploying the representation of said tree structure in the display medium, after action by a user on the "enriched representation" of said element.
De préférence, ladite étape de définition d'une structure arborescente comprend une sous-étape de stockage d'une structure arborescente ou d'un mécanisme permettant de créer dynamiquement une structure arborescente en fonction de paramètres de contexte.Preferably, said step of defining a tree structure comprises a sub-step of storing a tree structure or of a mechanism making it possible to dynamically create a tree structure as a function of context parameters.
Selon une première variante, le stockage a lieu sur un serveur dédié. Selon une autre variante, le stockage a lieu en local.According to a first variant, the storage takes place on a dedicated server. According to another variant, the storage takes place locally.
Avantageusement, le stockage a lieu avec le marqueur originel.Advantageously, the storage takes place with the original marker.
Avantageusement, le stockage est effectué sous forme de fichiers, ces fichiers étant des fichiers de format SGML ou d'un format dérivé du SGML, des fichiers de format XML ou d'un format dérivé du XML, des fichiers de format DHTML, des fichiers de format binaire, des fichiers de format pré-compilé ou des fichiers de format texte. Selon une variante, le stockage est effectué dans une base de données numérique, cette base de données numérique étant relationnelle ou objet. De préférence, ladite étape de définition d'une structure arborescente consiste en la création de cette structure arborescente.Advantageously, the storage is carried out in the form of files, these files being files of SGML format or of a format derived from SGML, files of XML format or of a format derived from XML, files of DHTML format, files binary format, pre-compiled format files or text format files. According to a variant, the storage is carried out in a digital database, this digital database being relational or object. Preferably, said step of defining a tree structure consists in the creation of this tree structure.
Avantageusement, ladite étape de définition d'une structure arborescente consiste en la modification d'une structure arborescente déjà existante.Advantageously, said step of defining a tree structure consists in modifying an already existing tree structure.
Selon un mode de mise en œuvre particulier, ladite étape de définition d'une structure arborescente consiste en la composition d'une structure arborescente à partir d'au moins deux structures arborescentes déjà existantes, ces structures arborescentes n'étant pas nécessairement distinctes les unes des autres.According to a particular embodiment, said step of defining a tree structure consists in the composition of a tree structure from at least two already existing tree structures, these tree structures not necessarily being distinct one others.
Selon une première variante, ladite modification consiste en la suppression d'un nœud de ladite structure arborescente déjà existante.According to a first variant, said modification consists in removing a node from said already existing tree structure.
Selon une seconde variante, ladite modification consiste en la création d'un nouveau nœud de ladite structure arborescente déjà existante.According to a second variant, said modification consists in the creation of a new node of said already existing tree structure.
Selon une autre variante, ladite modification consiste en la modification d'un nœud de ladite structure arborescente déjà existante.According to another variant, said modification consists in modifying a node of said already existing tree structure.
Selon une autre variante, ladite modification consiste en le déplacement d'un nœud de ladite structure arborescente déjà existante. De préférence, ladite composition consiste en le rattachement d'un fragment ou de la totalité d'une des structures arborescentes déjà existantes à une autre structure arborescente déjà existante.According to another variant, said modification consists in the displacement of a node of said already existing tree structure. Preferably, said composition consists in attaching a fragment or all of one of the already existing tree structures to another already existing tree structure.
Selon une variante, l'utilisateur est un être humain.According to a variant, the user is a human being.
Selon une autre variante, l'utilisateur est un automate.According to another variant, the user is an automaton.
Selon un premier mode de mise en œuvre, le moyen de déploiement est de nature logicielle. Selon un second mode de mise en œuvre, le moyen de déploiement est de nature matérielle.According to a first mode of implementation, the deployment means is software in nature. According to a second mode of implementation, the deployment means is of a material nature.
Avantageusement, le support d'affichage est un programme installé en local. Selon une variante, le support d'affichage est un navigateur web.Advantageously, the display medium is a program installed locally. According to a variant, the display medium is a web browser.
Selon une autre variante, le support d'affichage est un plug-in associé à un navigateur web.According to another variant, the display medium is a plug-in associated with a web browser.
Selon un mode de mise en œuvre particulier, le support d'affichage est implemente sur un système embarqué.According to a particular mode of implementation, the display support is implemented on an embedded system.
Selon un autre mode de mise en œuvre particulier, le support d'affichage est implemente sur un ordinateur personnel.According to another particular mode of implementation, the display medium is implemented on a personal computer.
Selon une variante, le support d'affichage est implemente sur une borne interactive.According to a variant, the display support is implemented on an interactive terminal.
Selon une autre variante, le support d'affichage est implemente sur un appareil de télévision interactive .According to another variant, the display support is implemented on an interactive television apparatus.
Selon une autre variante, le support d'affichage est implemente sur un appareil nomade.According to another variant, the display support is implemented on a portable device.
De préférence, l'action d'un utilisateur sur la représentation du marqueur enrichi consiste en un événement souris ou en un événement clavier.Preferably, the action of a user on the representation of the enriched marker consists of a mouse event or a keyboard event.
Avantageusement, l'action d'un utilisateur sur la représentation du marqueur enrichi consiste en un signal sonore.Advantageously, the action of a user on the representation of the enriched marker consists of an audible signal.
Avantageusement, l'action d'un utilisateur sur la représentation du marqueur enrichi consiste en un événement tactile. Selon une variante, l'action d'un utilisateur sur la représentation du marqueur enrichi consiste en un automatisme déclenché par le contexte.Advantageously, the action of a user on the representation of the enriched marker consists of a tactile event. According to a variant, the action of a user on the representation of the enriched marker consists of an automation triggered by the context.
Avantageusement, le contexte est la situation géographique physique de l'utilisateur. Selon un mode de mise en œuvre particulier, le contexte est un mot-clé.Advantageously, the context is the physical geographic location of the user. According to a particular mode of implementation, the context is a keyword.
Selon un autre mode de mise en œuvre particulier, le contexte est la date. Selon une variante, le contexte est la situation géographique telle qu'elle est désignée par 1 'utilisateur.According to another particular mode of implementation, the context is the date. According to a variant, the context is the geographic location as designated by the user.
Selon une autre variante, le contexte est une contrainte prédéfinie à l'avance. De préférence, ladite page numérique est un support de carte.According to another variant, the context is a predefined constraint in advance. Preferably, said digital page is a card support.
Avantageusement, ladite page numérique est un support de contenu multimédia ou textuel.Advantageously, said digital page is a medium for multimedia or text content.
Avantageusement, ladite page numérique est un support d'objet informatique.Advantageously, said digital page is a computer object support.
De préférence, ladite page numérique est une page statique ou dynamique écrite en DHTML, XML, HTML, C- HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript. Selon une variante, ladite page numérique est une page statique ou dynamique contenant du code écrit en DHTML, XML, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript.Preferably, said digital page is a static or dynamic page written in DHTML, XML, HTML, C- HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript. According to a variant, said digital page is a static or dynamic page containing code written in DHTML, XML, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
Selon une autre variante, ladite page numérique est une page statique ou dynamique faisant appel à du code écrit en DHTML, XML, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript.According to another variant, said digital page is a static or dynamic page using code written in DHTML, XML, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
Selon un mode de mise en œuvre particulier, ladite page numérique est une page numérique statique ou dynamique, mettant en œuvre une animation Flash.According to a particular implementation mode, said digital page is a static or dynamic digital page, implementing Flash animation.
De préférence, ledit marqueur originel est constitué d'un code écrit en DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript. Avantageusement, ledit marqueur originel contient un code écrit en DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript. Avantageusement, ledit marqueur originel fait appel à un code écrit en DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript.Preferably, said original marker consists of code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript. Advantageously, said original marker contains a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript. Advantageously, said original marker uses a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
Selon un mode de mise en œuvre particulier, ledit marqueur originel est un programme compilé ou précompilé, du code ASCII ou du texte.According to a particular mode of implementation, said original marker is a compiled or precompiled program, of ASCII code or of text.
De préférence, ledit marqueur originel est un fichier, ce fichier est un fichier multimédia, un fichier texte, un fichier de format SGML ou d'un format dérivé du SGML, un fichier de format XML ou d'un format dérivé du XML, un fichier de format DHTML ou un fichier de données. Avantageusement, ledit marqueur enrichi est constitué d'un code écrit en DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript.Preferably, said original marker is a file, this file is a multimedia file, a text file, a file of SGML format or of a format derived from SGML, a file of XML format or of a format derived from XML, a DHTML format file or data file. Advantageously, said enriched marker consists of code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG , Java, JavaScript, or VBScript.
Avantageusement, ledit marqueur enrichi contient un code écrit en DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript. Selon une variante, ledit marqueur enrichi fait appel à un code écrit en DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript. Selon un mode de mise en œuvre particulier, ledit marqueur enrichi est un programme compilé ou pré-compilé, du code ASCII ou du texte.Advantageously, said enriched marker contains a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript. According to a variant, said enriched marker uses a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript. According to a particular mode of implementation, said enriched marker is a compiled or pre-compiled program, ASCII code or text.
De préférence, ledit marqueur enrichi est un fichier, ce fichier est un fichier multimédia, un fichier texte, un fichier de format SGML ou d'un format dérivé du SGML, un fichier de format XML ou d'un format dérivé du XML, un fichier de format DHTML ou un fichier de données.Preferably, said enriched marker is a file, this file is a multimedia file, a text file, a file in SGML format or a format derived from the SGML, an XML format file or a format derived from XML, a DHTML format file or a data file.
Selon un mode de mise en œuvre particulier, ladite structure arborescente est réduite à une simple feuille.According to a particular mode of implementation, said tree structure is reduced to a single sheet.
De préférence, lesdits codes cibles sont des références à des fichiers cibles constitués d'un code écrit en DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript.Preferably, said target codes are references to target files consisting of code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
Avantageusement, lesdits codes cibles sont des références à des fichiers cibles contenant un code écrit enAdvantageously, said target codes are references to target files containing a code written in
DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript.DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, or VBScript.
Avantageusement, lesdits codes cibles sont des références à des fichiers cibles faisant appel à un code écrit en DHTML, SGML ou l'un de ses dérivés, XML ou l'un de ses dérivés, HTML, C-HTML, WML, PHP, ASP, CFM, JSP, SVG, Java, JavaScript, ou VBScript.Advantageously, said target codes are references to target files using a code written in DHTML, SGML or one of its derivatives, XML or one of its derivatives, HTML, C-HTML, WML, PHP, ASP , CFM, JSP, SVG, Java, JavaScript, or VBScript.
Selon une variante, lesdits codes cibles sont des références à des fichiers multimédias, ces fichiers multimédias étant des fichiers sons, animations ou vidéos.According to a variant, said target codes are references to multimedia files, these multimedia files being sound, animation or video files.
De préférence, lesdits fichiers multimédias sont diffusés sous forme de streaming.Preferably, said multimedia files are broadcast in the form of streaming.
De préférence, ladite représentation dudit marqueur enrichi est un ensemble de menus et sous-menus imbriqués .Preferably, said representation of said enriched marker is a set of nested menus and submenus.
Avantageusement, ladite représentation dudit marqueur enrichi est un ensemble de listes déroulantes distinctes .Advantageously, said representation of said enriched marker is a set of separate drop-down lists.
Selon une variante, ladite représentation dudit marqueur enrichi est un ensemble de zones sensibles d'un fichier multimédia. De préférence, les feuilles de ladite structure arborescente correspondent à des liens dynamiquement créés en fonction de conditions résolues au moment de la requête de l'utilisateur. Avantageusement, les feuilles de ladite structure arborescente correspondent à des liens statiques . De préférence, ladite structure arborescente est créée via une interface de création.According to a variant, said representation of said enriched marker is a set of sensitive areas of a multimedia file. Preferably, the leaves of said tree structure correspond to links dynamically created as a function of conditions resolved at the time of the user's request. Advantageously, the leaves of said tree structure correspond to static links. Preferably, said tree structure is created via a creation interface.
Selon une variante, ladite interface de création est accessible en ligne.According to a variant, said creation interface is accessible online.
Selon une autre variante, ladite interface de création fait partie d'un logiciel installé sur le poste de l'utilisateur de ladite interface.According to another variant, said creation interface is part of software installed on the workstation of the user of said interface.
Selon un mode de mise en œuvre particulier, ladite étape de définition d'une structure arborescente consiste à appeler une structure arborescente préalablement enregistrée sur un support d'enregistrement.According to a particular embodiment, said step of defining a tree structure consists in calling a tree structure previously recorded on a recording medium.
Avantageusement, ledit support d'enregistrement est un support amovible. De préférence, le marqueur originel fait référence à un bandeau publicitaire.Advantageously, said recording medium is a removable medium. Preferably, the original marker refers to an advertising banner.
Selon une variante, le marqueur enrichi fait appel dynamiquement aux structures arborescentes relatives aux mots dynamiquement chargés sur la page numérique. Selon une autre variante, le marqueur enrichi fait appel dynamiquement aux structures arborescentes relatives à l'intersection d'un contexte géographique et d'un contexte thématique chargés dynamiquement sur la page numérique. Selon un mode de mise en œuvre particulier, l'étape d'affichage dynamique de la représentation dudit marqueur enrichi inclut des modifications dynamiques de la page numérique. La présente invention se rapporte également à une architecture informatique multi-serveurs caractérisée en ce qu'elle comprend notamment :According to a variant, the enriched marker dynamically calls up the tree structures relating to the words dynamically loaded on the digital page. According to another variant, the enriched marker dynamically calls upon the tree structures relating to the intersection of a geographic context and a thematic context loaded dynamically on the digital page. According to a particular mode of implementation, the step of dynamic display of the representation of said enriched marker includes dynamic modifications of the digital page. The present invention also relates to a multi-server computer architecture characterized in that it comprises in particular:
• un poste client appelant une page numérique dont le contenu est enrichi selon le procédé susvisé ;• a client station calling a digital page, the content of which is enriched according to the aforementioned process;
• un serveur d'éléments stockant des éléments ;• an element server storing elements;
• un serveur contenant des règles d'appel aux dites références vers lesdits éléments ;• a server containing rules for calling said references to said elements;
• un serveur dédié contenant les structures arborescentes ;• a dedicated server containing the tree structures;
• un serveur web contenant ladite page numérique.• a web server containing said digital page.
De préférence, l'architecture comprend en outre un serveur contenant des références vers lesdits éléments et des règles d'appel vers lesdits élémentsPreferably, the architecture further comprises a server containing references to said elements and rules for calling towards said elements
Avantageusement, l'architecture comprend en outre un deuxième serveur web contenant des fichiers cibles.Advantageously, the architecture also comprises a second web server containing target files.
Selon une variante, les éléments sont des pages de texte.According to a variant, the elements are pages of text.
Selon une autre variante, les éléments sont des figures géométriques ou des mots, en ce que le serveur web contenant ladite page numérique est un serveur spatial.According to another variant, the elements are geometric figures or words, in that the web server containing said digital page is a space server.
On comprendra mieux l'invention à l'aide de la description, faite ci-après à titre purement explicatif, d'un mode de réalisation de l'invention, en référence aux figures annexées :The invention will be better understood using the description, given below for purely explanatory purposes, of an embodiment of the invention, with reference to the appended figures:
• la figure 1 représente une structure arborescente ;• Figure 1 shows a tree structure;
• la figure 2 illustre des structures arborescentes conditionnelles ; • la figure 3 illustre les différentes définitions de base ;• Figure 2 illustrates conditional tree structures; • Figure 3 illustrates the different basic definitions;
• la figure 4 représente la production d'un élément par un serveur d'élément ;• Figure 4 shows the production of an item by an item server;
5 • la figure 5 compare la représentation de l'élément dans plusieurs cas de déclinaison de l'invention ;5 • Figure 5 compares the representation of the element in several cases of declination of the invention;
• la figure 6 représente les différentes phases du procédé selon l'invention ;• Figure 6 shows the different phases of the method according to the invention;
10 • les figures 7 et 8 représentent une modélisation du marché de l'e-publicité : la structure technique et les acteurs ;10 • Figures 7 and 8 represent a modeling of the e-advertising market: the technical structure and the players;
• la figure 9 représente les renvois, par le biais du navigateur, au cours de laFIG. 9 represents the referrals, through the browser, during the
15 phase d'affichage ;15 display phase;
• la figure 10 représente un exemple d'interface de création de service ;• Figure 10 shows an example of service creation interface;
• la figure 11 représente un exemple d'interface de création de structures• figure 11 represents an example of interface of creation of structures
20 arborescentes ;20 trees;
• la figure 12 représente la traçabilité des variables au cours des différentes phases ;• Figure 12 represents the traceability of the variables during the different phases;
• la figure 13 illustre un exemple 25 d'interface de saisie permettant à une agence d'associer un arbre stylisé à un bandeau publicitaire de son client annonceur ;FIG. 13 illustrates an example of an input interface allowing an agency to associate a stylized tree with an advertising banner of its advertising client;
• la figure 14 illustre le principe de la 30 phase de production de Rich-Banner ;FIG. 14 illustrates the principle of the Rich-Banner production phase;
• la figure 15 présente les phases de production de Rich-Banner ;• Figure 15 shows the Rich-Banner production phases;
• la figure 16 présente un procédé possible d'une phase de production de la Rich-FIG. 16 presents a possible process of a phase of production of the Rich-
35 Banner conforme à l'invention : • la figure 17 illustre un exemple de Rich- Banner dont un menu est déployé et une minipage affichée ;35 Banner according to the invention: • Figure 17 illustrates an example of Rich-Banner with a menu deployed and a minipage displayed;
• la figure 18 illustre le cas d ' une 5 technique traditionne l le de l ' e- publicité ;• Figure 18 illustrates the case of a 5 traditional technique of e-advertising;
• la figure 19 représente un procédé possible d'une phase de production de la Rich-Banner conforme à l'invention (cas• Figure 19 shows a possible process of a production phase of the Rich-Banner according to the invention (case
10 du tag iframe) ;10 of the iframe tag);
• la figure 20 illustre un exemple d'interface relative à la phase de développement de Rich-Word ;FIG. 20 illustrates an example of an interface relating to the development phase of Rich-Word;
• la figure 21 illustre un procédé possible 15 d'une phase de production de Rich-Word ;FIG. 21 illustrates a possible method 15 of a Rich-Word production phase;
• les figures 22 et 23 illustrent le principe théorique du Rich-Word ;• Figures 22 and 23 illustrate the theoretical principle of Rich-Word;
• la figure 24 illustre la notion d'association dans le cas du Rich-Word ;• Figure 24 illustrates the notion of association in the case of Rich-Word;
20 • la figure 25 illustre le principe des zones sensibles d'une image ;FIG. 25 illustrates the principle of the sensitive zones of an image;
• La figure 26 illustre le principe de Rich-Image ;• Figure 26 illustrates the Rich-Image principle;
• la figure 27 représente un exemple 25 d'interface d'une phase de développement dans le cas de Rich-Image ;FIG. 27 represents an example 25 of an interface of a development phase in the case of Rich-Image;
• la figure 28 représente un procédé possible d'une phase de production dans le cas de Rich-Image ;• Figure 28 shows a possible process of a production phase in the case of Rich-Image;
30 • la figure 29 représente un exemple d'interface d'une phase de développement dans le cas de Rich-Geobject ;FIG. 29 represents an example of an interface of a development phase in the case of Rich-Geobject;
• la figure 30 représente un procédé possible d'une phase de production dans• Figure 30 shows a possible process of a production phase in
35 le cas de Rich-Geobject ; • les figures 31 et 32 illustrent le principe de l'élément permanent dans le cas du Rich-Miniportail ;35 the case of Rich-Geobject; • Figures 31 and 32 illustrate the principle of the permanent element in the case of the Rich-Miniportail;
• la figure 33 illustre la participation des arbres actifs au processus de recherche d'un moteur de recherche.• Figure 33 illustrates the participation of active trees in the search engine search process.
Une structure arborescente (ou arbre) est un code structuré représentant, par imbrications successives, une arborescence susceptible de présenter une information structurée, propice à une navigation structurée telle que des menus et des sous-menus (Mijk) . Les terminaisons (ou feuilles) de l'arbre représentent des « codes cibles » que l'on peut représenter, dans la technologie XML, sous la forme de nœuds texte (TCijk) (TC : target code) . Un tel nœud texte peut, par exemple, correspondre, à l'adresse HTTP absolue d'une page Web. Ces adresses permettront alors d'accéder aux pages Web correspondantes à l'occasion d'une phase dite d'utilisation (voir plus loin). Ces pages Web sont appelées « minipages ». Chacun des nœuds de la structure arborescente peut être accompagné d'attributs particuliers, propres à leur conférer des fonctionnalités spécifiques, comme la possibilité d'obtenir une minipage Web en cliquant au niveau d'un menu qui n'est pas une feuille.A tree structure (or tree) is a structured code representing, by successive overlaps, a tree structure capable of presenting structured information, conducive to structured navigation such as menus and submenus (M ijk ). The endings (or leaves) of the tree represent "target codes" which can be represented, in XML technology, in the form of text nodes (TC ijk ) (TC: target code). Such a text node can, for example, correspond to the absolute HTTP address of a web page. These addresses will then allow access to the corresponding web pages during a so-called use phase (see below). These web pages are called "minipages". Each of the nodes of the tree structure can be accompanied by particular attributes, suitable for giving them specific functionalities, such as the possibility of obtaining a Web minipage by clicking on the level of a menu which is not a sheet.
La figure 2 représente une structure de menu classique dont les menus et feuilles ont un nom, et dont les feuilles ont un nom et une page cible. Des structures arborescentes plus complexes peuvent être envisagées, comme nous le verrons par la suite, notamment :FIG. 2 represents a conventional menu structure whose menus and sheets have a name, and whose sheets have a name and a target page. More complex tree structures can be envisaged, as we will see below, in particular:
• des attributs de style (couleur ...),• style attributes (color ...),
• des pages cibles sur des menus qui ne sont pas des feuilles, • des attributs conditionnels permettant d'incorporer, au sein même de l'arbre, par exemple en attribut « condition » de l'élément « menu », les conditions d'affichage dudit menu en fonction, par exemple, des caractéristiques de la plate-forme cliente, déterminées à l'aide de l' en-tête de la requête, etc. Les conditions peuvent être placées à n'importe quelle place de l'arbre, par exemple sous la forme d'un attribut dont la valeur est un script. On peut également considérer des conditions contextuelles de déploiement à l'instant, par exemple, du clic de la souris sur une commande correspondant à une feuille de l'arbre.• target pages on menus that are not sheets, • conditional attributes making it possible to incorporate, within the tree itself, for example into the “condition” attribute of the “menu” element, the conditions for displaying said menu as a function, for example, of the characteristics of the platform - client form, determined using the request header, etc. Conditions can be placed anywhere in the tree, for example in the form of an attribute whose value is a script. One can also consider contextual conditions of deployment at the instant, for example, of the click of the mouse on a command corresponding to a leaf of the tree.
Un arbre est dit stylisé lorsqu'il lui a été adjoint un certain nombre d'attributs stylistiques (par le biais ou non d'une feuille de style externe). Un arbre non stylisé ne contient que des données structurées, tandis qu'un arbre stylisé est prêt à être présenté graphiquement, puisqu'il contient aussi bien des styles de présentation (couleur, police de caractère ...) que des styles d'interactivité (animation d'ouverture de menus ...) .A tree is said to be stylized when a certain number of stylistic attributes have been added to it (whether or not through an external style sheet). A non-stylized tree contains only structured data, while a stylized tree is ready to be presented graphically, since it contains both presentation styles (color, font ...) and interactivity styles (animation of opening menus ...).
Un arbre est dit actif lorsqu'il est inséré dans une chaîne de production pouvant conduire à son affichage sur la plate-forme cliente d'un internaute. Un arbre actif a nécessairement été stylisé au préalable. Un arbre (même s'il est stylisé) ne peut pas être affiché sur une plate-forme cliente s'il n'a pas été activé au préalable.A tree is said to be active when it is inserted into a production chain which can lead to its display on the client platform of an Internet user. An active tree has necessarily been stylized beforehand. A tree (even if it is stylized) cannot be displayed on a client platform if it has not been activated beforehand.
On entend par serveur d'arbre un serveur stockant et restituant des structures arborescentes à la demande. Un élément est un fichier informatique pouvant représenter un objet multimédia (fichier image, fichier vidéo ...) ou mécanisme permettant de créer dynamiquement un tel objet informatique. Un élément est stocké sur un serveur d'élément. Le marqueur originel est un code incluant une référence à un élément. Le marqueur enrichi est le marqueur obtenu à partir de l'enrichissement d'un marqueur originel, ce qui conduit à une « représentation enrichie » de l'élément du marqueur originel, représentation sur laquelle un utilisateur (internaute ou application) effectue une action afin de déployer la représentation de la structure arborescente qui lui a été associée, à l'occasion d'une phase dite « phase de développement » . On parlera de support de consultation par généralisation de la page Web, objet de la consultation de l'internaute. Dans le cas particulier d'un code cible faisant référence à un fichier cible qui est une page Web, cette dernière est appelée «minipage » . Elles sont souvent affichées dans une petite fenêtre (pop-up) à l'occasion de l'action opérée par l'internaute sur la commande d'un menu déployé.A tree server is understood to mean a server storing and restoring tree structures on demand. An element is a computer file that can represent a multimedia object (image file, video file, etc.) or a mechanism allowing to dynamically create such a computer object. An item is stored on an item server. The original marker is a code including a reference to an element. The enriched marker is the marker obtained from the enrichment of an original marker, which leads to an “enriched representation” of the element of the original marker, a representation on which a user (internet user or application) performs an action in order to deploy the representation of the tree structure associated with it, during a phase called "development phase". We will speak of consultation support by generalization of the Web page, subject of the consultation of the Internet user. In the particular case of a target code referring to a target file which is a Web page, the latter is called "minipage". They are often displayed in a small window (pop-up) during the action performed by the user on the command of a deployed menu.
Un serveur d'arbre sert un ensemble de menus qui vient graphiquement se greffer sur la représentation d'un élément (bandeau, figure géométrique ...) , cet élément étant médiatisé (au sens d'un moyen (média) de transport) par un support (respectivement la page Web, la carte, ...) . Une fois la greffe réalisée, on peut considérer que l'élément est « enrichi » d'une structure de menu qui lui permet d'atteindre à travers les « minipages » vers lesquelles pointe chacune des commandes auxquelles on accède par le biais de ces menus. Il s'agit, en fait, d'une « représentation enrichie » de l'élément, et par abus de langage, d'un « élément enrichi ». Ces commandes se réfèrent par exemple aux URL indiquant, chacune, l'adresse d'une page Web (statique ou dynamique), et que l'on appelle les « minipages » . Cette structure de menu peut être considérée comme une « structure de navigation » dans le sens où cette structure permet de « naviguer » à travers ces « minipages » . Les définitions précédentes peuvent s'appuyer sur la production d'un élément par un serveur d'élément comme décrit sur la figure 4.A tree server serves a set of menus which is graphically grafted onto the representation of an element (banner, geometric figure, etc.), this element being mediated (in the sense of a means (media) of transport) by a medium (respectively the web page, the map, ...). Once the grafting has been carried out, we can consider that the element is "enriched" with a menu structure which allows it to reach through the "minipages" to which each of the commands pointed to is accessed through these menus. . It is, in fact, an "enriched representation" of the element, and by abuse of language, an "enriched element". These commands refer, for example, to URLs each indicating the address of a web page (static or dynamic), and which are called "minipages". This menu structure can be considered as a "navigation structure" in the sense that this structure makes it possible to "navigate" through these "minipages". The preceding definitions can be based on the production of an element by an element server as described in FIG. 4.
Un serveur d'élément (SE) produit un élément (E) sur une plate-forme cliente lorsque, suite à une requête (Ri) de la part de ladite plate-forme cliente sur un serveur de référence d'élément (SR) (phase 1), ledit serveur de référence d'élément lui répond par l'envoi d'un code (Cl) (phase 2) qui encapsule un code cl, interprétable par une machine virtuelle (MV) installée sur ladite plateforme cliente, code faisant référence à l'adresse url(E) dudit élément E sur un serveur d'élément (SE) et ayant pour finalité l'affichage graphique dudit élément sur ladite plate-forme cliente. L'interprétation du code Cl (Cl≈document.write (cl) (par exemple en Javascript) conduit à désencapsuler cl qui est alors interprété par la machine virtuelle (MV) . La machine virtuelle MV détecte une balise (phase 3) qu'elle interprète en cherchant la valeur d'un attribut lui indiquant l'adresse url(E) de l'élément E sur le Web (phase 4) qui lui permet de le requêter (phase 5). Le serveur d'élément SE produit alors l'élément E en téléchargeant son code vers la plate-forme cliente (phase 6). Le navigateur traite alors ce code à des fins d'affichage sur la plate-forme cliente (phase 7).An element server (SE) produces an element (E) on a client platform when, following a request (Ri) on the part of said client platform on an element reference server (SR) ( phase 1), said element reference server responds to it by sending a code (Cl) (phase 2) which encapsulates a code cl, interpretable by a virtual machine (MV) installed on said client platform, code making reference to the address url (E) of said element E on an element server (SE) and having as a purpose the graphic display of said element on said client platform. The interpretation of the Cl code (Cl≈document.write (cl) (for example in Javascript) leads to unencapsulate cl which is then interpreted by the virtual machine (MV). The virtual machine MV detects a tag (phase 3) that it interprets by searching for the value of an attribute indicating the url (E) address of the element E on the Web (phase 4) which allows it to request it (phase 5). The element server SE then produces element E by uploading its code to the client platform (phase 6) The browser then processes this code for display on the client platform (phase 7).
La présente invention peut, entre autres, avoir les déclinaisons suivantes :The present invention can, among others, have the following variations:
• Rich-Banner : bandeau publicitaire enrichi d'une structure de menus déployable. • Rich-Geobject : élément géométrique (composé de primitives géométriques) en surimpression d'une carte géographique, et duquel l'internaute, en passant la souris par-dessus, déploie une structure de menus correspondante. • Rich-Word : mot à partir duquel l'internaute, en passant la souris par-dessus, déploie une structure de menus adaptée.• Rich-Banner: advertising banner enriched with a deployable menu structure. • Rich-Geobject: geometrical element (composed of geometrical primitives) superimposed on a geographic map, and of which the internet user, by moving the mouse over it, deploys a corresponding menu structure. • Rich-Word: word from which the user, by passing the mouse over, deploys a suitable menu structure.
• Rich-Image : élément géométrique en surimpression d'une image (gif jpeg, png ...) , ou zone sensible, desquels l'internaute, en passant la souris pardessus, déploie une structure arborescente de menus correspondante. L'arborescence en question peut aussi se concevoir sous la forme d'un chemin dont les zones sensibles d'une image sont les guides vers les prochaines images.• Rich-Image: geometric element superimposed on an image (gif jpeg, png ...), or sensitive area, from which the Internet user, by passing the mouse over, deploys a tree structure of corresponding menus. The tree in question can also be conceived in the form of a path whose sensitive areas of an image are the guides to the next images.
• Rich-Miniportail : structure de menus adaptée aux besoins particuliers d'un individu et déployable à partir d'un élément sur une page Web. Idéalement, cet élément est permanent, c'est-à- dire qu'on le retrouve de page Web en page Web, au fur et à mesure de la navigation de l'internaute, à la même position par rapport à la fenêtre contenant la page Web, et dans le même état (menus déployés ou non) .• Rich-Miniportail: menu structure adapted to the specific needs of an individual and deployable from an element on a Web page. Ideally, this element is permanent, that is to say that it is found from web page to web page, as the user navigates, in the same position relative to the window containing the Web page, and in the same state (menus deployed or not).
Le terme « rich », qui apparaît communément, indique que chacun de ces éléments est « enrichi » d'une structure arborescente déployable par une action d'un utilisateur (internaute ou application) sur laThe term “rich”, which appears commonly, indicates that each of these elements is “enriched” with a tree structure deployable by an action of a user (internet user or application) on the
« représentation enrichie » de l'élément."Enriched representation" of the element.
Le procédé de la présente invention présente de nombreuses propriétés très intéressantes pour l'homme du métier. Par exemple, une structure arborescente est réutilisable par un annonceur pour ses déploiements sous de multiples formes, notamment : bandeau publicitaire (Rich- Banner), carte géographique (Rich-Geobject), texte (Rich- Word) ... Autrement dit, il s'agit d'un « write once, inform anywhere » . Le déploiement graphique de la structure arborescente, par action d'un utilisateur sur la « représentation enrichie » d'un élément, permet à celui-ci de consulter des informations et d'utiliser des services, tout en restant sur le support de l'élément. Il reste ainsi maître de sa navigation. La répercussion des modifications faites par l'annonceur sur sa structure arborescente est effective en temps réel. Des structures arborescentes appartenant à des annonceurs différents peuvent être associées ensemble à un même élément, permettant ainsi à un utilisateur, lorsqu'il déploie graphiquement cette structure arborescente, de consulter les informations ou d'utiliser des services correspondant à des annonceurs différents. De plus, il est possible à un annonceur d'assembler des briques de structures arborescentes afin de composer une structure plus complexe.The process of the present invention has many properties which are of great interest to those skilled in the art. For example, a tree structure can be reused by an advertiser for its deployments in multiple forms, in particular: banner advertising (Rich-Banner), geographic map (Rich-Geobject), text (Rich-Word) ... In other words, it it is a "write once, inform anywhere". The graphical deployment of the tree structure, by action of a user on the “enriched representation” of an element, allows it to consult information and use services, while remaining on the support of the element. He thus remains in control of his navigation. The repercussion of the modifications made by the advertiser on its tree structure is effective in real time. Tree structures belonging to different advertisers can be associated together with the same element, thus allowing a user, when graphically deploying this tree structure, to consult information or to use services corresponding to different advertisers. In addition, it is possible for an advertiser to assemble bricks of tree structures in order to compose a more complex structure.
Les diverses déclinaisons de la présente invention doivent tenir compte des contraintes de la chaîne d'acteurs impliqués dans le marché visé. Dans le marché particulier de l'e-publicité, la non-intrusion consiste, dans l'idéal, à n'intervenir ni sur les serveurs de publicité de régie, ni sur les serveurs de publicité d'agence. Idéalement, on n'intervient alors que sur le serveur de contenu délivrant l'élément, objet de la création publicitaire. Idéalement encore, il n'y a aucune intrusion dans le processus de création de l'objet publicitaire. Il s'agit alors d'adjoindre un élément totalement complémentaire à l'objet publicitaire créé par l'agence. Ainsi, il est possible d'obtenir des reportings détaillés en temps réel, permettant aux agences et à leurs clients annonceurs de déterminer les paramètres de succès de telle ou telle création publicitaire, afin de disposer d'une base de connaissance exploitable pour les prochains plans médias, et de réajuster des paramètres en cours de campagne.The various versions of the present invention must take into account the constraints of the chain of actors involved in the target market. In the particular market of e-advertising, non-intrusion consists, ideally, of not intervening either on the advertising network of advertising, nor on the advertising servers of agency. Ideally, we only intervene on the content server delivering the element, the object of advertising creation. Ideally still, there is no intrusion into the process of creating the advertising object. It is then a question of adding an element completely complementary to the advertising object created by the agency. Thus, it is possible to obtain detailed reports in real time, allowing agencies and their advertising customers to determine the parameters of success of this or that advertising creation, in order to have a usable knowledge base for the next media plans, and readjust parameters during the campaign.
Le procédé selon l'invention permet aussi bien d'encapsuler un grand nombre de technologies existantes (java applet, flash payer, gif ...) que de s'intégrer au sein de ces technologies. Les agences doivent investir le moins possible de ressources dans l'apprentissage de nouvelles méthodes propres à la nouvelle technologie. Idéalement, on doit pouvoir scinder un fichier obtenu par ces outils en une composante arborescente (structure et données) et une composante purement stylistique (style et interactivité). Enfin, les arbres créés et activés (c'est-à-dire prêt à être diffusés sur demande) sont accessibles par les moteurs de recherche, même s'ils ne font pas partie explicitement du contenu d'une page Web. Une défaillance de l'affichage de l'arbre ne doit pas être préjudiciable à celui de l'élément, que cela soit sur le plan du délai ou de l'affichage proprement dit.The method according to the invention makes it possible to encapsulate a large number of existing technologies (java applet, flash pay, gif ...) as well as to integrate within these technologies. Agencies should invest as few resources as possible in learning new methods specific to the new technology. Ideally, we should be able to split a file obtained by these tools into a tree component (structure and data) and a purely stylistic component (style and interactivity). Finally, the trees created and activated (that is to say ready to be distributed on demand) are accessible by search engines, even if they are not explicitly part of the content of a web page. A failure in the display of the tree should not be detrimental to that of the element, whether in terms of time or display itself.
Offrir aux sociétés la possibilité de fournir leurs propres services que l'annonceur peut décider d'inclure dans sa structure arborescente. Offrir aux designers la possibilité de fournir des modèles (templates) que les annonceurs peuvent décider d'utiliser, de façon exclusive ou non, pour la présentation de leur structure arborescente.Offer companies the possibility of providing their own services that the advertiser can decide to include in its tree structure. Offer designers the possibility of providing models that advertisers can decide to use, exclusively or not, for the presentation of their tree structure.
Le procédé de la présente invention comprend trois différentes phases :The process of the present invention comprises three different phases:
• une phase de pré-développement ; • une phase de développement ;• a pre-development phase; • a development phase;
• une phase de production.• a production phase.
La phase de pré-développement est la phase correspondant, de façon totalement indépendante, à : • La création des arbres ou d'un mécanisme de création dynamique d'arbres : on inclue dans cette phase les créations des arbres (données et structure), des feuilles de style des arbres, et des moyens de déploiement et d'interactivité des arbres .The pre-development phase is the phase corresponding, completely independently, to: • The creation of trees or a dynamic tree creation mechanism: we include in this phase the creations of trees (data and structure), style sheets of trees, and means of deployment and interactivity of trees .
• La création d'éléments ou d'un mécanisme de création dynamique d'éléments. « La création des marqueurs.• Creation of elements or a mechanism for dynamic creation of elements. “ The creation of markers.
• La création des minipages ou d'un mécanisme de création dynamique des minipages .• The creation of minipages or a mechanism for the dynamic creation of minipages.
• La création des services.• The creation of services.
La phase de développement est la phase durant laquelle on enrichit un marqueur en lui associant un arbre stylisé avec moyen de déploiement, phase accompagnée de la substitution du marqueur originel par le marqueur enrichi. Cette phase peut également consister en le stockage de l'association entre un élément et un arbre et son moyen de déploiement : c'est le cas, par exemple, du procédé qu'utilise Rich-Word.The development phase is the phase during which a marker is enriched by associating a stylized tree with means of deployment, phase accompanied by the substitution of the original marker by the enriched marker. This phase can also consist in the storage of the association between an element and a tree and its means of deployment: this is the case, for example, of the process that Rich-Word uses.
La phase de production est la phase initiée par la requête d'un internaute ou d'une application. La phase de production comprend elle-même trois phases :The production phase is the phase initiated by the request of an Internet user or an application. The production phase itself comprises three phases:
• La phase d'affichage. Il s'agit de la phase initiée par un internaute ou une application, et dont le terme correspond à l'affichage de la « représentation enrichie » de l'élément.• The display phase. This is the phase initiated by a user or an application, the term of which corresponds to the display of the "enriched representation" of the element.
• La phase de déploiement. Il s'agit de la phase initiée par une action d'un utilisateur sur la « représentation enrichie » de l'élément et dont le terme correspond au déploiement graphique de la structure arborescente. Il peut s'agir notamment d'un déploiement de menus et sous- menus codés dans un langage compréhensible par la plate-forme cliente, ce qui est par exemple le cas du JavaScript dans une page Web. • La phase d'utilisation. Il s'agit de la phase correspondant à des actions de l'utilisateur sur un ou des menu(s), sous- menu ( s ) ou commande(s) de la structure arborescente graphiquement déployée. Elle entraîne, une fois une feuille sélectionnée, l'exécution du code cible associé, ce qui peut conduire, par exemple, avec un code client JavaScript approprié, à l'affichage d'une minipage Web dans une fenêtre ouverte à cet effet.• The deployment phase. This is the phase initiated by a user action on the "representation enriched ”with the element and whose term corresponds to the graphic deployment of the tree structure. It can notably be a deployment of menus and submenus coded in a language understandable by the client platform, which is for example the case of JavaScript in a Web page. • The use phase. This is the phase corresponding to user actions on one or more menu (s), submenu (s) or command (s) of the tree structure graphically deployed. Once a sheet has been selected, it leads to the execution of the associated target code, which can lead, for example, with an appropriate JavaScript client code, to the display of a Web minipage in a window opened for this purpose.
Sur la figure 6, on observe les éléments suivantsIn Figure 6, we observe the following elements
MD: Moyen de déploiement MP: Plan médiaMD: Means of deployment MP: Media plan
Link(MP): Lien au Plan média M: Marqueur originel RM: Marqueur enrichi (Rich Marker) E: Elément RE: Rich Elément Link(E): Lien à l'élément E T: Tree (structure arborescente) Link(Menu) : Lien à un code modifiable par le biais de 3 interfaces (arbre, style et MD) La phase de pré-développement est indiquée par les quatre flèches de la colonne « phase de prédéveloppement » . La phase de création des arbres peut consister à créer des mécanismes permettant d'obtenir dynamiquement les arbres, en phase de production, en fonction de paramètres de contexte. La création d'un arbre (ou d'un mécanisme de création d'arbre) peut se faire à partir d'un arbre existant que l'on modifie, ou par composition de deux arbres, l'arbre résultant étant obtenu par la greffe de la racine de l'un sur une feuille de l'autre. La phase de création des arbres peut, indépendamment, consister à utiliser trois interfaces séparées et dédiées à la création des données et de la structure de l'arbre, à la création des attributs stylistique de l'arbre et à la création de ses moyens de déploiement et d'interactivité. L'utilisation de ces interfaces conduit, par exemple, à la création d'un fichier JavaScript (extension js) pour les moyens de déploiement et d'interactivité, à la création d'une feuille de style (extension css) pour les attributs stylistiques de l'arbre ainsi que d'un fichier xml pour l'arbre proprement dit (structure et données). On peut également concevoir qu'à l'issue de la phase de pré-développement, les données, la structure et le style de l'arbre soient incorporées dans un même fichier JavaScript.Link (MP): Link to the Media Plan M: Original marker RM: Rich marker (Rich Marker) E: RE element: Rich Link element (E): Link to the AND element: Tree (tree structure) Link (Menu): Link to a modifiable code through 3 interfaces (tree, style and MD) The pre-development phase is indicated by the four arrows in the "pre-development phase" column. The tree creation phase can consist of creating mechanisms allowing the trees to be obtained dynamically, in the production phase, according to context parameters. The creation of a tree (or a tree creation mechanism) can be done from an existing tree that is modified, or by composition of two trees, the resulting tree being obtained by grafting from the root of one on a leaf of the other. The tree creation phase can, independently, consist of using three separate interfaces dedicated to the creation of the data and the structure of the tree, to the creation of the stylistic attributes of the tree and to the creation of its means of deployment and interactivity. The use of these interfaces leads, for example, to the creation of a JavaScript file (extension js) for the means of deployment and interactivity, to the creation of a style sheet (extension css) for the stylistic attributes of the tree as well as an xml file for the tree itself (structure and data). It is also conceivable that at the end of the pre-development phase, the data, structure and style of the tree are incorporated into the same JavaScript file.
La phase de développement est indiquée sur la figure 6 par les trois flèches en pointillés, conduisant à la création d'un marqueur enrichi (RM), stocké sur le serveur de marqueur en substitution du marqueur originelThe development phase is indicated in Figure 6 by the three dotted arrows, leading to the creation of an enriched marker (RM), stored on the marker server in substitution for the original marker
(M).(M).
La phase de production ( cas de la RichBanner) peut être décrite comme ceci ( en se référant à la figure 6 ) : Al : Consultation d'une page Web par un internaute A2 : Le serveur Web contenant la page délivre la page Web objet de la consultation : c'est la « page de consultation » .The production phase (case of the RichBanner) can be described like this (with reference to Figure 6): Al: Consultation of a Web page by an Internet user A2: The Web server containing the page delivers the Web page which is the subject of the consultation: it is the "consultation page".
A3 : Le tag publicitaire, préalablement fourni par la régie et inséré par le Webmestre dans le code source de la page Web consultée, fait appel au serveur de publicité de la régie ou « serveur de marqueur » . En tenant compte de paramètres de contexte, le serveur de publicité de régie choisi un des marqueurs enrichis (RM) parmi ceux qu'il a en stock. Ce marqueur enrichi comprend un lien nommé Link (MP) vers un plan média et un lien nommé Link(Menu) vers un arbre. A4 : Le marqueur enrichi contient une référence à un plan média (MP). La méthode JavaScript write de l'objet document permet d'écrire le lien vers le plan média (MP) dans le DOM de la page de consultation. A5 : Le lien s'effectue donc vers le un serveur de publicité d'agence qui est un « serveur de référence d'élément ». Il s'agit d'un mécanisme permettant au serveur de publicité d'agence, en fonction des paramètres de contexte, de choisir une référence d'élément (Link(E)). A6 : La méthode JavaScript write de l'objet document permet d'écrire le lien vers l'élément (E) dans le DOM de la page de consultation.A3: The advertising tag, previously supplied by the sales manager and inserted by the Webmaster in the source code of the web page consulted, uses the advertising server of the sales manager or "marker server". Taking into account context parameters, the advertising management server chooses one of the enriched markers (RM) from those it has in stock. This enriched marker includes a link named Link (MP) to a media plan and a link named Link (Menu) to a tree. A4: The enriched marker contains a reference to a media plan (MP). The JavaScript write method of the document object allows you to write the link to the media plan (MP) in the DOM of the consultation page. A5: The link is therefore made to an agency advertising server which is an “item reference server”. It is a mechanism allowing the agency advertising server, depending on the context parameters, to choose an element reference (Link (E)). A6: The JavaScript method write of the document object allows to write the link to the element (E) in the DOM of the consultation page.
A7 : Le lien s'effectue donc vers le serveur de contenu, dit « serveur d'élément », à l'aide de la référence link(E), afin d'extraire l'élément E. A8 : Affichage de l'élément E sur la plate-forme cliente de 1 'internaute .A7: The link is therefore made to the content server, called “element server”, using the link reference (E), in order to extract the element E. A8: Display of the element E on the client platform of the internet user.
A9 : Le marqueur enrichi contient une référence (Link(Menu)) à un ensemble constitué d'une structure arborescente (T), d'une feuille de style et d'un moyen de déploiement (MD), incluant les règles de déploiement et d'interactivité de ce menu. Cet ensemble est stocké sur un serveur, dit « serveur d'arbre ». Peut également y être stocké un mécanisme permettant au serveur d'arbre, en fonction des paramètres de contexte, de constituer dynamiquement l'arbre en question. La méthode JavaScript write de l'objet document permet d'écrire le lien Link(Menu) dans le DOM de la page de consultation. A10 : Le lien s'effectue donc vers le serveur d'arbre, à l'aide de la référence Link(Menu) qui fait, par exemple, référence à un fichier JavaScript externe (<Script src= « http : //... . js »>), fichier constitué d'une série de commandes encapsulées dans des méthodes write de l'objet document afin d'écrire dans le DOM de la page de consultation. Ail : Affichage de l'arbre (données, structure et style) accompagné de son moyen de déploiement et d'interactivité (MD) et téléchargement de l'ensemble de ce code sur la plate-forme cliente. Il peut être affiché ou attendre une action d'un utilisateur pour se déployer de façon visible sur la plate-forme cliente.A9: The enriched marker contains a reference (Link (Menu)) to a set consisting of a tree structure (T), a style sheet and a deployment means (MD), including the deployment rules and interactivity of this menu. This set is stored on a server, called "tree server". A mechanism can also be stored there allowing the tree server, depending on the context parameters, to dynamically constitute the tree in question. The JavaScript write method of the document object allows you to write the Link (Menu) link in the DOM of the consultation page. A10: The link is therefore made to the tree server, using the Link reference (Menu) which refers, for example, to an external JavaScript file (<Script src = "http: // .. js ">), file made up of a series of commands encapsulated in write methods of the document object in order to write in the DOM of the consultation page. Garlic: Display of the tree (data, structure and style) accompanied by its means of deployment and interactivity (MD) and download of all of this code on the client platform. It can be displayed or wait for a user action to deploy visibly on the client platform.
Dans le tableau suivant, les définitions sont présentées dans le cas des quatre déclinaisons de la présente invention : In the following table, the definitions are presented in the case of the four versions of the present invention:
Tableau 1 : définitions dans le cas de quatre déclinaisons de l'invention.Table 1: definitions in the case of four versions of the invention.
Les figures 7 et 8 représentent une modélisation du marché de l'e-publicité : la structure technique et les acteurs .Figures 7 and 8 represent a modeling of the e-advertising market: the technical structure and the players.
En se référant aux figures 7 et 8, on remarquera que l'agence graphique GD_m0 conçoit le visuel de la publicité GC de l'annonceur AD^^ puis remet ce visuel à l'agence de centrale d'achat G_i!. L'agence de centrale d'achat AG_ix consulte le plan média et détermine les sites Web PS_i2j2 qui ont été sélectionnés. Ces sites Web déterminent les régies PB__i2 qui ont pour charge de gérer les espaces publicitaires des sites Web PS_i2j2. L'agence de centrale d'achat AG_i! remet alors aux régies PB_i2 ainsi sélectionées, un tag, dit "tag agence" et comprenant une référence à ce visuel. Cette remise est faite soit par le biais d'un envoi d'email au trafficker de la régie, soit par le biais de la saisie, par le trafficker de l'agence de centrale d'achat AG_i2 d'une interface du serveur de publicité AS_i2 de la régie PB_i2 . Lorsqu'un internaute consulte une page du site Web PS_i2j2 , dans laquelle le Webmestre dudit site a placé un tag, dit « tag publicitaire », ce dernier appelle sa régie PB_i2 . Le serveur de publicité AS_i2 de la régie PB_i2 régie effectue un processus au cours duquel il décide du « tag agence » qu'il va écrire dynamiquement dans le navigateur de l'internaute (ou vers lequel il va se diriger dans le cadre d'une redirection de serveur à serveur) . Si le « tag agence » précédent est ainsi choisi, la requête est redirigée vers le serveur de contenu contenant le visuel publicitaire, serveur de contenu qui peut, ou non, être confondu avec le serveur de publicité AS_i! de l'agence de centrale d'achat AG_i!.Referring to FIGS. 7 and 8, it will be noted that the graphic agency GD_m 0 designs the visual of the advertising GC for the advertiser AD ^^ then delivers this visual to the central purchasing agency G_i ! . The central purchasing agency AG_i x consults the media plan and determines which websites PS_i 2d 2 have been selected. These websites determine the PB__i 2 boards which are responsible for manage advertising space on PS_i websites 2 d 2 . The central purchasing agency AG_i ! then hands over to the PB_i 2 sales offices thus selected, a tag, known as an "agency tag" and including a reference to this visual. This discount is made either by sending an email to the trafficker of the sales center, or by entering it, by the trafficker of the central purchasing agency AG_i 2 from a server interface. advertising AS_i 2 of the management PB_i 2 . When a user consults a page of the PS_i 2 j 2 website , in which the Webmaster of that site has placed a tag, known as an "advertising tag", the latter calls up his sales representative PB_i 2 . The ad server AS_i 2 of 2 PB_i governed governed performs a process in which it decides the "tag agency" that will dynamically write to the browser of the user (or to which it will lead in the framework of 'a redirection from server to server). If the previous "agency tag" is thus chosen, the request is redirected to the content server containing the advertising image, a content server which may or may not be confused with the advertising server AS_i ! from the central purchasing agency AG_i ! .
RichBanner peut « encapsuler » une technologie tierce richMedia, dans le sens où les menus se déploient autour de la création graphique richMedia.RichBanner can "encapsulate" third-party richMedia technology, in the sense that the menus are deployed around richMedia graphic creation.
Les solutions technologiques tierces traditionnelles s'intègrent dans la production d'une publicité richMedia en étant serveur de bandeau (on dira plus généralement serveur de contenu), la spécificité de leur technologie nécessitant qu'ils hébergent entièrement la création graphique sur leur propre serveur. Dans ce cas, les serveurs de publicité d'agence ne doivent pas cumuler la fonction de serveur de contenu, mais laissent la main à un serveur de contenu séparé. Il y a donc une redirection de la requête du serveur d'agence vers un serveur de contenu externe. Avec RichBanner, il n'est pas question d'héberger la création graphique dans son entier, mais simplement un additif à celle-ci, sous la forme d'un arbre. Cela nécessite donc qu'un renvoi supplémentaire se fasse vers le serveur d'arbre.Traditional third-party technological solutions are integrated into the production of a richMedia advertisement by being a banner server (we will more generally say a content server), the specificity of their technology requiring that they entirely host the graphic creation on their own server. In this case, the agency advertising servers should not combine the function of content server, but leave the hand to a separate content server. There is therefore a redirection of the request from the agency server to a server of external content. With RichBanner, there is no question of hosting the entire graphic design, but simply an additive to it, in the form of a tree. This therefore requires that an additional referral be made to the tree server.
RichBanner est complémentaire des bandeaux technologiques propriétaires richMedia, à partir du moment où on a accès au tag agence afin de l'enrichir, ce qui est nécessairement le cas, car celui-ci doit être fourni au serveur de régie pour que le bandeau soit mis en traffick (envoyé par email ou par le champ d'un formulaire en ligne) .RichBanner is complementary to the richMedia proprietary technology banners, from the moment we have access to the agency tag in order to enrich it, which is necessarily the case, because it must be provided to the management server for the banner to be put in traffick (sent by email or by the field of an online form).
Les renvois, par le biais du navigateur, au cours de la phase d'affichage sont illustrés figure 9.References, through the browser, during the display phase are illustrated in Figure 9.
Des sites Web peuvent s'inscrire en tant que fournisseur de services (Service Provider [SP] en anglais).Websites can register as a Service Provider (SP).
Une fois qu'ils ont fourni une URL de base et qu'un système sécurisé a permis de se faire techniquement confirmer que cette URL leur appartenait bien, un mot de passe est fourni au Webmestre de ce site.Once they have provided a basic URL and a secure system has made it technically possible to confirm that this URL belonged to them, a password is provided to the Webmaster of this site.
Ce mot de passe lui permet d'accéder à une interface grâce à laquelle il référence le site ainsi que ses services dans la base de données de fournisseurs de services.This password allows him to access an interface through which he references the site and its services in the database of service providers.
Le but d'un tel service est de permettre à un annonceur de les intégrer dans ses propres structures arborescentes. Si un service nécessite que l'annonceur saisisse des paramètres au moment de la création de sa structure arborescente, le fournisseur doit l'indiquer dans la rubrique « Paramètres de l'URL », au moment où il crée le service.The purpose of such a service is to allow an advertiser to integrate them into its own tree structures. If a service requires the advertiser to enter parameters when creating its tree structure, the supplier must indicate this in the "URL parameters" section, when it creates the service.
Si le service est géolocalisé, c'est-à-dire si le service est paramétré par un couple latitude/longitude (obtenu par la position du curseur sur une carte géographique ou bien par un GPS), le fournisseur le précise en cochant la case « Service géolocalisé » .If the service is geolocated, that is to say if the service is configured by a latitude / longitude pair (obtained by the position of the cursor on a map provider or by GPS), the supplier specifies it by checking the box "Geolocated service".
Les champs « Latitude » et « Longitude » indiquent alors le nom des paramètres tels qu'ils doivent apparaître dans l'URL du service géolocalisé.The “Latitude” and “Longitude” fields then indicate the name of the parameters as they should appear in the URL of the geolocated service.
Une URL dynamique peut être représentée sous la forme suivante : NomFichier.ext ? a1=v1, ..., an=vn ext est l'extension de fichier et peut valoir notamment : asp, jsp, php, cfm ou x l.A dynamic URL can be represented in the following form: Filename.ext? a 1 = v 1 , ..., a n = v n ext is the file extension and can be used in particular: asp, jsp, php, cfm or x l.
Les ai sont les noms de paramètres et vA les valeurs de chacun de ces paramètres. Considérons une minipage dont deux paramètres a et ai2 représentent respectivement les latitudes et longitudes. Le fournisseur de service doit alors renseigner les deux champs « Latitude » et « Longitude » dans l'interface de création des services, en leur donnant respectivement les valeurs « au » et « ai2 ». Dans la suite, nous considérerons que le fournisseur de service a entré dans les champs« Latitude » et « Longitude » respectivement les valeurs « lat » et « long » . Cette convention nous permettra de tracer la variable tout au long du processus de production.Ai are the names of parameters and v has the values of each of these parameters. Let us consider a minipage of which two parameters a and a i2 respectively represent the latitudes and longitudes. The service provider must then fill in the two fields "Latitude" and "Longitude" in the interface for creating services, giving them the values "a u " and "a i2 " respectively. In the following, we will consider that the service provider has entered the values “lat” and “long” in the “Latitude” and “Longitude” fields respectively. This convention will allow us to trace the variable throughout the production process.
L'interface de création de services est illustrée figure 10. L'interface présentée figure 11 permet à un annonceur de créer une structure arborescente en associant à chaque feuille de l'arbre un code cible ou bien directement l'URL d'une page Web.The interface for creating services is illustrated in FIG. 10. The interface presented in FIG. 11 allows an advertiser to create a tree structure by associating with each leaf of the tree a target code or else directly the URL of a Web page. .
L'annonceur a le choix de saisir directement l'URL dans un champ texte prévu à cet effet (pour, par exemple, permettre à l'internaute d'afficher une minipage provenant de son propre site : on prévoit à cet effet la possibilité d'un glisser-déposer de la barre d'adresse du navigateur directement dans le champ de saisi de l'URL), ou bien de choisir, à l'aide d'une liste déroulante, un service parmi ceux proposés par les fournisseurs de service .The advertiser has the choice of entering the URL directly in a text field provided for this purpose (to, for example, allow the Internet user to display a minipage from his own site: we provide for this purpose the possibility of '' drag and drop from the browser's address bar directly into the input field of the URL), or choose, using a drop-down list, a among those offered by service providers.
Dans ce dernier cas , plusieurs possibilités :In the latter case, several possibilities:
1- L ' annonceur n ' a rien d ' autre à saisir que le nom du service disponible dans la liste déroulante C ' est le cas lorsque :1- The advertiser has nothing else to enter than the name of the service available in the drop-down list. This is the case when:
1. l 'URL pointe vers une page statique 2 . l 'URL pointe vers une page dynamique dont les paramètres ne sont pas modifiables par1. the URL points to a static page 2. the URL points to a dynamic page whose parameters cannot be modified by
1 ' annonceur1 advertiser
2. L'annonceur doit apporter des précisions à son choix C'est le cas lorsque : 2 Le service est « semi-dynamique » l'URL pointe vers une page dynamique dont les valeurs de certains paramètres de l'URL doivent être renseignés par 1 ' annonceur. La saisie de ce service dans la liste déroulante, entraîne alors l'ouverture d'une fenêtre présentant un formulaire, dans lequel l'annonceur renseigne les valeurs des paramètres. La validation de ce formulaire entraîne la concaténation d'une chaîne de caractères conduisant à créer l'URL qui sera stockée dans la base de données des structures arborescentes.2. The advertiser must provide details of his choice. This is the case when: 2 The service is “semi-dynamic” the URL points to a dynamic page whose values of certain parameters of the URL must be entered by 1 advertiser. Entering this service in the drop-down list then opens a window presenting a form, in which the advertiser provides the parameter values. The validation of this form involves the concatenation of a character string leading to create the URL which will be stored in the tree structure database.
3. Le service est « totalement dynamique » l'URL est dynamique et la valeur de certains paramètres ne seront renseignés qu'au moment du déploiement graphique de la structure arborescente : c'est le cas, par exemple, des paramètres correspondant à des coordonnées géographiques dont la valeur est déterminée par la position du curseur au moment du déploiement de la structure arborescente.3. The service is "totally dynamic" the URL is dynamic and the value of certain parameters will only be entered when the tree structure is graphically deployed: this is the case, for example, of the corresponding parameters at geographic coordinates whose value is determined by the position of the cursor at the time of the deployment of the tree structure.
La klème structure arborescente T_ix jx k de l'annonceur AD_i1 jx est sauvegardée dans une base de données dans un serveur d'arbre. Cela permettra ainsi de la déployer sur de multiples éléments : bannière publicitaire, mot d'un article ou élément géométrique sur une carte géographique. Cela permettra également d'associer, au sein d'un même élément, des structures arborescentes appartenant à des annonceurs différents, ceci même s'ils sont gérés par des agences différentes.The k th tree structure T_i x j x k of the advertiser AD_i 1 j x is saved in a database in a tree server. This will allow it to be deployed on multiple elements: advertising banner, word of an article or geometric element on a geographic map. This will also make it possible to associate, within the same element, tree structures belonging to different advertisers, even if they are managed by different agencies.
La figure 12 (traçabilité des variables) illustre la production d'un service totalement dynamique dans le cadre du déploiement d'une structure arborescente sur un support cartographique. Pour effectuer la traçabilité des variables tout au long des différentes phases, on notera la réutilisation des deux variables « lat » et « long » comme définies dans le chapitre « enregistrement des services » .Figure 12 (traceability of variables) illustrates the production of a fully dynamic service in the context of the deployment of a tree structure on a cartographic support. To perform the traceability of variables throughout the different phases, note the reuse of the two variables "lat" and "long" as defined in the chapter "registration of services".
Si un service géolocalisé a été incorporé, les noms des paramètres géographiques renseignés par le fournisseur de service, à l'occasion de la création dudit service, apparaissent dans le fichier xml en tant que valeur de 1 ' attribut en tant que valeur de 1 ' attribut "name" des tags "param" imbriqués dans le tag "url".If a geolocated service has been incorporated, the names of the geographic parameters entered by the service provider, when the service is created, appear in the xml file as the value of the attribute as the value of 1 ' "name" attribute of "param" tags nested in the "url" tag.
Dans une phase de développement, l'agence extrait de l'arbre multi-langues, un arbre mono-langue, ceci avant de l'associer à un élément. Ici, c'est la structure de langue anglaise qui a été extraite. Sont également déterminées les couleurs des fonds et titre des menus .In a development phase, the agency extracts from the multi-language tree, a single-language tree, before associating it with an element. Here, the structure of the English language has been extracted. Are also determined the background colors and menu titles.
Dans une phase de déploiement de la phase de production, l'internaute effectue un clic droit sur une carte, ou bien les coordonnées géographiques du lieu sont fournies par un GPS.In a deployment phase of the production phase, the user performs a right click on a map, or the geographic coordinates of the place are provided by a GPS.
Le javascript côté client, associé à la carte restituée par le serveur spatial, définit la valeur des deux variables latit et longit en correspondance avec la position du curseur sur la carte. Les menus sont affichés avec leur titre et leur couleur.Client-side javascript, associated with the map returned by the space server, defines the value of the two latit variables and lengthens in correspondence with the position of the cursor on the map. The menus are displayed with their title and color.
Dans une phase d'utilisation de la phase de production, si l'internaute choisit la commande correspondant au service géolocalisé, le code javascript côté client concatene dynamiquement la chaîne de caractères formant l'url, en ajoutant à l'url de base définie dans le noeud texte du tag url, les deux paramètres "lat" et "long" auxquels il donne respectivement les valeurs des variables javascript globales "latit" et "longit". L'url ainsi formé, la page Web correspondante est affichée comme minipage dans une pop-up.In a phase of use of the production phase, if the internet user chooses the order corresponding to the geolocated service, the client-side javascript code dynamically concatenates the character string forming the url, by adding to the base url defined in the text node of the url tag, the two parameters "lat" and "long" to which it gives the values of the global javascript variables "latit" and "longit" respectively. The url thus formed, the corresponding web page is displayed as a minipage in a pop-up.
Une interface de saisie, représentée sur la figure 13, permet à l'agence AG_ix de saisir ou modifier la ]ζιeme structure arborescente T_i1 jx k de son client annonceur AD_ix jx. Cette interface a pour objet de styliser l'arbre originel. L'arbre originel se limite à présenter des données de façon structurée.An input interface, shown in FIG. 13, allows the agency AG_i x to enter or modify the] th tree structure T_i 1 j x k of its advertiser client AD_i x j x . The purpose of this interface is to stylize the original tree. The original tree is limited to presenting data in a structured manner.
La phase de développement conduit à l'instanciation d'un arbre que l'on « stylise ».The development phase leads to the instantiation of a tree that we “stylize”.
On entend par stylisation de l'arbre l'adjonction d'attributs stylistiques qui peuvent aussi bien être des attributs de couleur que d'interactivité.By stylization of the tree is meant the addition of stylistic attributes which can be attributes of color as well as interactivity.
Techniquement, cela est réalisé idéalement par la transformation de l'arbre originel à l'aide d'une ou plusieurs feuille(s) de style, créée(s) par une agence graphique, et stockée(s) sur le serveur d'arbre, éventuellement dans le cadre de la technologie XML (feuilles de styles XSL, XSLT), et/ou du standard DHTML (feuilles de style de type CSS). Ces feuilles de style ont pu être créées, par exemple, à l'aide d'outils graphiques standard tels que Flash ou Director.Technically, this is ideally done by transforming the original tree using one or more several style sheet (s), created by a graphic agency, and stored on the tree server, possibly in the context of XML technology (XSL, XSLT style sheets), and / or DHTML standard (CSS style sheets). These style sheets could have been created, for example, using standard graphics tools such as Flash or Director.
On entend par « interactivité » uniquement le style de cette interactivité (par exemple sous la forme d'une animation), à l'exception du résultat de l'action proprement dite, qui lui, est défini dans les feuilles de la structure arborescente.By "interactivity" is meant only the style of this interactivity (for example in the form of an animation), with the exception of the result of the action itself, which is defined in the leaves of the tree structure.
Le choix de l'arbre originel est décrit dans les étapes Al à A6.The choice of the original tree is described in steps A1 to A6.
Al : L'agence entre un mot de passeAl: The agency enters a password
A2 : Ce mot de passe lui donne accès à un ensemble d'annonceurs dont l'agence à la gestion (la liste déroulante « Annonceur » se remplit des noms de ces annonceurs ) .A2: This password gives him access to a set of advertisers whose management agency (the "Advertiser" drop-down list is filled with the names of these advertisers).
A3 : Le choix d'un des annonceurs donne accès à l'ensemble des structures arborescentes de cet annonceur (la liste déroulante « Arbre » se remplit des noms de ces arbres). A4 : L'agence choisit un annonceur dans la liste des annonceurs, ce qui a pour effet de requêter la base de données des arbres à la recherche des structures arborescentes appartenant à l'annonceur sélectionné. A5 : Lesdites structures arborescentes apparaissent parmi les possibilités de choix de la liste déroulante nommée « Arbre » .A3: The choice of one of the advertisers gives access to all the tree structures of this advertiser (the drop-down list "Tree" is filled with the names of these trees). A4: The agency chooses an advertiser from the list of advertisers, which has the effect of requesting the tree database in search of tree structures belonging to the selected advertiser. A5: Said tree structures appear among the options available from the drop-down list called "Tree".
A6 : L'agence choisit un arbre dans la liste déroulante « Arbre » , ce qui a pour effet de remplir la liste nommée « langage » de l'ensemble des langues possibles. Cela est réalisé sans faire d'accès au serveur d'arbre. En effet, l'arbre sélectionné a été chargé dans le DOM de la page cliente. Une fois chargée, l'arbre a été parsé à la recherche des langues qu'il gère, ce qui a permis d'extraire les intitulés de ces langues.A6: The agency chooses a tree from the “Tree” drop-down list, which has the effect of filling the list called “language” with all the possible languages. This is done without making access to the tree server. Indeed, the selected tree has been loaded into the DOM of the client page. Once loaded, the tree was parsed in search of the languages it manages, which made it possible to extract the titles of these languages.
Ce n'est qu'une fois que le choix d'un arbre a été fait, et que ce dernier est donc chargé dans le DOM de la page cliente, que les boutons « Color » et « Interactivité » sont accessibles.It is only once the choice of a tree has been made, and that the latter is therefore loaded in the DOM of the client page, that the "Color" and "Interactivity" buttons are accessible.
Le choix d'une interactivité pour l'arbre stylisé est décrit dans les étapes Bl à B2.The choice of interactivity for the stylized tree is described in steps B1 to B2.
Bl : Un click sur le bouton « interactivité » conduit à ouvrir une fenêtre dont la page principale est fondée sur une requête sur les bases de données [GD] (Graphical Designer) et [GC] (Graphical Création).Bl: A click on the "interactivity" button leads to the opening of a window whose main page is based on a query on the [GD] (Graphical Designer) and [GC] (Graphical Creation) databases.
B2 : Cette page contient un formulaire permettant de définir le type d'interactivité que l'on désire associer au déploiement et à l'utilisation de l'arbre. La requête permet de proposer une liste déroulante, destinée à proposer des choix préétablis d'interactivité, en puisant ses valeurs dans une base de données comprenant des créations graphiques [GC], Ces créations graphiques sont, idéalement, des feuilles de style qui ont été créées par des designers à l'aide, par exemple, d'outils standards de création graphique (Flash, Director ...), ou de façon plus directe (codage). Une fois effectué le choix d'une animation interactive, une portion « Preview » de la fenêtre permet de tester l'animation interactive dans le cadre de la structure arborescente sélectionnée.B2: This page contains a form allowing to define the type of interactivity which one wishes to associate with the deployment and the use of the tree. The query allows to propose a drop-down list, intended to propose pre-established choices of interactivity, by drawing its values from a database comprising graphic creations [GC], These graphic creations are, ideally, style sheets which have been created by designers using, for example, standard graphic creation tools (Flash, Director ...), or more directly (coding). Once you have chosen an interactive animation, a "Preview" portion of the window allows you to test the interactive animation within the framework of the selected tree structure.
Le choix se fait par un clic sur le bouton « OK » , ce qui conduit à une modification dynamique du fragment XML correspondant, dans le DOM de la page cliente, à la structure arborescente en cours de stylisation.The choice is made by clicking on the "OK" button, which leads to a dynamic modification of the XML fragment corresponding, in the DOM of the client page, to the tree structure being stylized.
Le choix des couleurs (et plus généralement du style) de l'arbre stylisé (Cl) se fait par un clic sur le bouton « color » conduit à ouvrir une fenêtre contenant un formulaire permettant d'établir les couleurs des textes et fonds des éléments suivants de la structure arborescente : onglets, menus principaux et sous-menus. Par convention, un onglet et un menu de niveau le plus élevé (niveau 0 ou racine), un menu principal est un menu de niveau 1 et les sous-menus sont les menus de niveau strictement supérieurs à 1.The choice of colors (and more generally of the style) of the stylized tree (Cl) is done by clicking on the "color" button, leading to the opening of a window containing a form allowing the colors of the texts and backgrounds of the elements to be established. following of the tree structure: tabs, main menus and submenus. By convention, a tab and a menu of the highest level (level 0 or root), a main menu is a menu of level 1 and the sub-menus are the menus of level strictly higher than 1.
On envisage dans la présente invention de mettre en œuvre un procédé d'aide au choix des couleurs de l'arbre ainsi qu'au choix d'autres attributs stylistiques. Une aide au choix des couleurs des éléments de menus définis précédemment (et du style en général) sera effectuée en considérant que ces couleurs doivent reprendre une partie des couleurs figurant dans le bandeau publicitaire. Comment, cependant, déterminer précisément leur valeur hexadécimale, étant donné qu'il n'est pas donné à la page Web un accès au fichier image constituant ledit bandeau ? Le bandeau publicitaire pointe, à l'aide de l'attribut « href » de la balise « img », vers une page Web dont il reprend logiquement le style graphique et en particulier les couleurs. Ce style est défini, soit dans ladite page Web, cible du bandeau publicitaire, soit dans une feuille de style (CSS par exemple) à laquelle ladite page Web fait explicitement référence dans son code source. La solution consiste donc à importer le document HTML (sous forme XHTML par exemple) dont l'URL est définie en tant que valeur de l'attribut « href » de la balise « img », de parser ledit document à la recherche d'occurrences de balises dont le nom est « style », d'extraire enfin les valeurs des sous-attributs de ces balises correspondant à la définition des styles qui nous intéresse (par exemple : couleurs du fonds et du texte). S'il est fait explicitement référence, dans le code source de la page que l'on importe, à des feuilles de styles externes (par exemple feuilles de style CSS), on importe ladite feuille de style, dont l'URL est explicitement définie en valeur de l'attribut « src » de la balise « style », et on procède d'une manière équivalente à celle qui précède, à ceci près que le parsing sera réalisé en tenant compte, en ce qui concerne une feuille de style CSS, de la différence entre la structure d'un document CSS et la structure d'un fichier XML. Dans le cas particulier de la couleur, une fois récupérées les valeurs hexadécimales, leur couleur résultante est affichée dans des listes déroulantes, permettant ainsi de choisir, parmi un ensemble restreint et cohérent de couleurs, tout en testant le rendu obtenu dans le cadre de la structure arborescente. Afin qu'il n'y ait aucune équivoque quant à l'URL vers laquelle pointe le bandeau publicitaire, un champ texte sera prévu à cet effet dans l'interface de développement, à moins qu'un processus soit en mesure de l'extraire à partir du champ texte dans lequel est écrit le marqueur originel. Ce procédé peut s'étendre au cas de l'extraction d'un minisite à partir du site cible du bandeau publicitaire. Cette extraction peut être semi- automatisée et consister en un accompagnement ayant pour objet la réalisation conjointe des minipages et de la structure arborescente .It is envisaged in the present invention to implement a method of assistance in the choice of the colors of the tree as well as in the choice of other stylistic attributes. Help in choosing the colors of the menu items defined above (and the style in general) will be carried out by considering that these colors must use part of the colors appearing in the advertising banner. How, however, to determine precisely their hexadecimal value, given that the web page is not given access to the image file constituting said banner? The banner ad points, using the "href" attribute of the "img" tag, to a web page from which it logically adopts the graphic style and in particular the colors. This style is defined, either in said web page, target of the banner ad, or in a style sheet (CSS for example) to which said web page explicitly refers in its source code. The solution therefore consists in importing the HTML document (in XHTML form for example) whose URL is defined as the value of the "href" attribute of the "img" tag, to parse said document in search of occurrences of tags whose name is "style", to finally extract the values of the sub-attributes of these tags corresponding to the definition of styles that interests us (for example: background and text colors). If explicit reference is made, in the source code of the page that we are importing, to external style sheets (for example CSS style sheets), we import said style sheet, whose URL is explicitly defined in value of the attribute "src" of the tag "style", and we proceed in a manner equivalent to the above, except that the parsing will be carried out taking into account, as regards a CSS style sheet , the difference between the structure of a CSS document and the structure of an XML file. In the particular case of color, once the hexadecimal values have been retrieved, their resulting color is displayed in drop-down lists, thus making it possible to choose, from a restricted and consistent set of colors, while testing the rendering obtained in the context of the tree structure. So that there is no ambiguity as to the URL towards which the banner ad points, a text field will be provided for this purpose in the development interface, unless a process is able to extract it from the text field in which the original marker is written. This process can be extended to the case of the extraction of a minisite from the target site of the advertising banner. This extraction can be semi-automated and consist of support aimed at the joint production of minipages and the tree structure.
Il est également possible de réaliser une extension du procédé au cas d'une étroite intégration entre la structure arborescente et le fichier définissant le bandeau. C'est le cas, par exemple, dans lequel l'arbre stylisé fait partie intégrante du fichier définissant le bandeau publicitaire. Autrement dit, le déploiement des menus se fera au sein même du bandeau publicitaire qui peut être dans une technologie propriétaire. La présente invention s'applique également à ce cas, dès lors que l'on peut séparer la structure arborescente du reste du fichier définissant ledit bandeau.It is also possible to carry out an extension of the process in the case of a close integration between the tree structure and the file defining the banner. This is the case, for example, in which the stylized tree is an integral part of the file defining the advertising banner. In other words, the deployment of the menus will take place within the banner, which may be in proprietary technology. The present invention also applies to this case, since it is possible to separate the tree structure from the rest of the file defining said strip.
L'enregistrement de la structure arborescente stylisée en base de données est mise en œuvre dans l'étape El :The registration of the stylized tree structure in the database is implemented in step E1:
El : Le fait de cliquer sur le bouton « OK » entraîne l'enregistrement de la structure arborescente stylisée dans la base de données des structures arborescentes. En terme, par exemple, de technologie XML, cela peut consister à mémoriser le fichier XML représentant la structure arborescente originelle, conjointement aux feuilles de style XSLT associées permettant de restituer, à la demande, l'arbre monolingue, en couleur et comprenant l'interactivité. Mais on peut très bien aussi opérer cette transformation au cours de la phase développement, si bien que l'on mémorisera alors, par exemple, un fichier javascript (js) comprenant l'ensemble de l'information permettant de déployer graphiquement l'arbre stylisé.El: Clicking on the "OK" button saves the stylized tree structure in the tree structure database. In terms, for example, of XML technology, this can consist in memorizing the XML file representing the original tree structure, together with the associated XSLT stylesheets making it possible to restore, on demand, the monolingual tree, in color and comprising the interactivity. But we can also very well operate this transformation during the development phase, so that we will then memorize, for example, a javascript file (js) comprising all the information allowing to graphically deploy the stylized tree .
L'étape d'enrichissement du marqueur originel correspond à E2 :The enrichment step of the original marker corresponds to E2:
E2 : Le marqueur originel, en général généré automatiquement par le serveur de publicité de l'agence, est collé dans le champ de l'interface prévu à cet effet. II s'agit, dans le schéma ci-dessus d'un simple bandeau associé à un lien de type click-through. Le choix d'une option de l'interface « Type de Tag » va permettre au système de guider 1 ' agence dans la création du marqueur enrichi à partir du marqueur originel : on parle alors d'un système semi-automatisé ou système d'aide à l'enrichissement du marqueur. Le marqueur enrichi consiste en l'adjonction d'un script (ou d'une référence à un script externe) au marqueur originel, ainsi qu'en l'adjonction d'un fragment représentant une structure arborescente (ou une référence à un tel fragment), ou représentant un mécanisme permettant de restituer dynamiquement et contextuellement une structure arborescente (ou une référence à un tel mécanisme) . Le nouveau marqueur ainsi créé (le marqueur enrichi) intègre désormais du code (JavaScript par exemple) qui permettra, d'une part, d'insérer l'arbre stylisé extrait à partir de la base de données des structures arborescentes (l'enregistrement de l'arbre stylisé ayant été fait au cours de l'étape précédente (El), et d'autre part, d'assurer l'interactivité nécessaire au déploiement graphique et à l'utilisation de cette structure arborescente en adéquation avec le bandeau publicitaire. Une fois le marqueur enrichi récupéré, il est placé sur le serveur de publicité des régies en lieu et place des marqueurs originels.E2: The original marker, generally generated automatically by the agency's advertising server, is pasted into the field of the interface provided for this purpose. In the diagram above, this is a simple banner associated with a click-through type link. The choice of an option of the “Type of Tag” interface will allow the system to guide the agency in the creation of the enriched marker from the original marker: this is called a semi-automated system or help to enrichment of the marker. The enriched marker consists of adding a script (or a reference to an external script) to the original marker, as well as adding a fragment representing a tree structure (or a reference to such a fragment ), or representing a mechanism allowing to dynamically and contextually restore a tree structure (or a reference to such a mechanism). The new marker thus created (the enriched marker) now includes code (JavaScript for example) which will allow, on the one hand, to insert the stylized tree extracted from the tree structure database (the recording of the stylized tree having been made during the previous step (El), and on the other hand, to ensure the interactivity necessary for the graphic deployment and the use of this tree structure in adequacy with the advertising banner. Once the enriched marker has been retrieved, it is placed on the advertising server of the advertising networks in place of the original markers.
Afin de donner une description plus complète de l'invention, il est nécessaire d'aborder la problématique de la détermination du langage utilisé dans les menus déployés par le bandeau. Considérons le cas d'un internaute consultant un site Web depuis un ordinateur d'un café Web à l'étranger et partons du principe que ledit internaute ne comprend pas la langue dudit pays. Il y a de fortes chances pour que le navigateur de cet ordinateur ait été configuré de telle manière que sa langue par défaut soit celle du pays dans lequel il se trouve. Si donc la langue de la structure arborescente est déterminée dynamiquement dans le serveur d'arbre, au moment de la requête issue du navigateur, grâce à l' en-tête de cette dernière, cela signifie que la langue de la structure arborescente est déterminée en fonction des paramètres du navigateur, qui ont toutes les chances de correspondre au pays dans lequel se trouve l'ordinateur. Dans notre exemple, l'internaute verra se déployer une structure arborescente dans la langue dudit pays dont il ne parle pas la langue. Si le problème ne se pose pas avec des bandeaux publicitaires dont le message est clair, ceci indépendamment de la langue, la question devient incontournable en ce qui concerne la possibilité, pour ce bandeau, de déployer des informations plus fournies, ce qui pose le problème de la détermination de la langue. Une autre façon de déterminer la langue est de le faire au cours de la phase de développement et non au moment de la phase de production (phase d'affichage). Logiquement, la langue du menu du bandeau doit correspondre à celle de la page que consulte l'internaute et dans laquelle est inséré ledit bandeau. En effet, si l'internaute consulte cette page, c'est qu'il en comprend la langue. Nous supposerons, dans ce qui suit, que le choix de la langue correspondant au bandeau est fait lors de l'association de l'arbre audit bandeau, c'est-à-dire au cours de la phase de développement.In order to give a more complete description of the invention, it is necessary to address the problem of determining the language used in the menus deployed by the banner. Consider the case of an Internet user viewing a website from a computer in a Web café abroad and assume that said Internet user does not understand the language of that country. There is a good chance that the browser on this computer has been configured so that its default language is that of the country in which it is located. If therefore the language of the tree structure is determined dynamically in the tree server, at the time of the request from the browser, thanks to the header of the latter, this means that the language of the tree structure is determined based on browser settings, which are likely to match the country where the computer is located. In our example, the user will see a tree structure in the language of the country whose language he does not speak. If the problem does not arise with advertising banners whose message is clear, this regardless of the language, the question becomes unavoidable as regards the possibility, for this banner, of deploying more provided information, which poses the problem of language determination. Another way to determine the language is to do it during the development phase and not during the production phase (display phase). Logically, the language of the banner menu must correspond to that of the page that the Internet user consults and in which the said banner is inserted. Indeed, if the Internet user consults this page, it is because he understands the language. We will assume, in what follows, that the choice of language corresponding to the banner is made when associating the tree with said banner, that is to say during the development phase.
Pour qu'il y ait alors adéquation linguistique entre la langue de l'internaute et les menus du bandeau enrichi, il faut que les contraintes suivantes soient respectées :For there to be a linguistic adequacy between the language of the Internet user and the menus of the enhanced banner, the following constraints must be respected:
• Si le bandeau originel a un attribut linguistique particulier (du texte ou un lien vers une page Web de langue donnée), on reposera sur le fait que le bandeau enrichi sera naturellement traffické sur des sites en adéquation linguistique avec le bandeau non enrichi. Autrement dit, le fait d'enrichir le bandeau n'influencera pas le plan média de la centrale d'achat.• If the original banner has a particular linguistic attribute (text or a link to a web page in a given language), we will rest on the fact that the enriched banner will naturally be trafficked on sites in linguistic adequacy with the non-enriched banner. In other words, the fact of enriching the banner will not influence the media plan of the central purchasing office.
• Si le bandeau originel n'a pas d'attribut linguistique particulier (pas de texte ni lien vers une page Web invitant à un choix préalable de la langue), la centrale d'achat doit s'assurer que le marqueur, enrichi d'un appel à un arbre de langue donnée, est bien traffické sur des pages Web en adéquation linguistique avec ledit menu. En effet, tout bandeau enrichi est linguistiquement spécifique. Cela va nécessiter que la centrale d'achat réajuste son plan média.• If the original banner does not have any particular linguistic attribute (no text or link to a Web page inviting a prior choice of language), the central purchasing office must ensure that the marker, enriched with a call to a tree of given language, is well trafficked on Web pages in linguistic adequacy with the said menu. Indeed, any enriched banner is linguistically specific. This will require the central purchasing office to readjust its media plan.
En se plaçant ainsi dans la chaîne des acteurs participant à la phase de production, le serveur d'arbre s'assure la capacité de compter le nombre d'affichages de la RichBanner. Afin que le serveur d'arbre puisse également participer au comptage à l'occasion de la phase d'utilisation, plusieurs possibilités peuvent être envisagées :By placing itself in the chain of actors participating in the production phase, the tree server ensures the ability to count the number of displays of the RichBanner. So that the tree server can also participate in the counting during the use phase, several possibilities can be envisaged:
1-Des trackers post-click peuvent être placés dans les minipages de telle manière qu'un serveur soit informé à chaque fois qu'une telle minipage est affichée. 2- Lorsque le clic sur un menu n'est pas suivi de l'affichage d'une minipage, comme cela peut par exemple être le cas de l'affichage dynamique d'un formulaire en JavaScript, une requête d'insertion, présente au sein même du code cible, enregistrera l'activation de cette commande du menu. Chaque action sur les différents menus pouvant être enregistrée sur un serveur, le reporting est en mesure de s'appuyer sur le découpage de l'information représenté par la structure arborescente. Il est dès lors possible d'avoir des informations très précises concernant l'utilisation de l'interactivité de la Rich-Banner : aussi précise que le découpage réalisé par l'annonceur pour donner accès à son ensemble de fonctionnalités. L'idée repose sur le fait que l'on a la même information que celle délivrée par les trackers post-click des pages Web du site annonceur, à ceci près que ces informations sont obtenues à partir des choix de commandes de menus faits par 1 'utilisateur. Le principe de production de Rich-Banner est exposé figure 14.1-Post-click trackers can be placed in the minipages so that a server is informed each time such a minipage is displayed. 2- When the click on a menu is not followed by the display of a minipage, as it can for example be the case of the dynamic display of a form in JavaScript, an insertion request, present at within the target code, will record the activation of this menu command. Each action on the different menus can be recorded on a server, reporting is able to rely on the breakdown of information represented by the tree structure. It is therefore possible to have very precise information concerning the use of the interactivity of the Rich-Banner: as precise as the breakdown made by the advertiser to give access to its set of functionalities. The idea is based on the fact that we have the same information as that delivered by post-click trackers of the web pages of the advertiser site, except that this information is obtained from the choices of menu commands made by 1 'user. The Rich-Banner production principle is shown in Figure 14.
Par ailleurs, la figure 15 présente les phases de production de Rich-Banner. Le serveur Web fournit la page Web du support de la publicité, le serveur de publicité régie fournit le fichier contenant un lien vers le plan média, le serveur de publicité agence fournit un lien vers le bandeau publicitaire, le serveur de contenu fournit l'élément (par exemple: bandeau), le serveur d'arbre fournit la structure arborescente et le Serveur de mini-pages fournit les mini-pages que l'on appelle à partir du menu déployé de la RB.In addition, Figure 15 shows the Rich-Banner production phases. The web server provides the advertising support web page, the advertising network server provides the file containing a link to the media plan, the agency advertising server provides a link to the banner ad, the content server provides the element (for example: banner), the tree server provides the tree structure and the mini-page server provides the mini-pages that are called from the deployed menu of the RB.
La figure 16 présente un procédé possible d'une phase de production de la RichBanner conforme à l'invention. C'est le cas du Tag Agence de type document.write ( '<A href= « ... » ><IMG src= « ... » ></A>'). Les étapes Al à Ail, qui apparaissent sur la figure 16, reprennent les étapes Al à Ail dont il a été fait une explication précédemment. Voici comment peut se présenter le DOM (Document Object Model) de la page de consultation pour que fonctionne la RichBanner :FIG. 16 shows a possible method of a production phase of the RichBanner according to the invention. This is the case of the Agency Tag of type document.write ('<A href= "..."><IMG src = "..."></A>'). Steps Al to Ail, which appear in FIG. 16, repeat steps Al to Ail which have been explained above. Here is what the DOM (Document Object Model) of the consultation page can look like for the RichBanner to work:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0
Tr ansitional/ /EN " >Tr ansitional / / EN ">
<HTML> <BODY><HTML> <BODY>
<! — CALQUE RICHBANNER —><! - RICHBANNER LAYER ->
/* Calque englobant à la fois le bandeau publicitaire, le logo de la technologie RichBanner ainsi que le (ou les) calque(s) du menu associé au bandeau publicitaire et les minipages*// * Layer including both the banner ad, the RichBanner technology logo as well as the menu layer (s) associated with the banner ad and the minipages * /
<DIV id="div_richbanner" STYLE≈"position : absolute ; " onMouseOver≈" javascript:document. getElementByld( ' div_onglet ' ) .style.visibility= 'visible ' ; " javascript:document.getElementByld( ' div_ongle ' ) . style.visibility≈ ' hidden ' ; "><DIV id = "div_richbanner" STYLE≈ "position: absolute;" onMouseOver≈ "javascript: document. GetElementByld ('div_ Tab') .style.visibility = 'visible';" document.getElementByld ('div_ongle' ). style.visibility≈ 'hidden'; ">
<! — CALQUE ONGLET —><! - LAYER TAB ->
<DIV id="div_onglet" STYLE="position: absolute ; left : 0 ; top : 0 ; visibility : hidden ; " onMouseOver≈" javascript : document. getElementByld ( 'div_menu' )<DIV id = "div_ Tab" STYLE = "position: absolute; left: 0; top: 0; visibility: hidden;" onMouseOver≈ "javascript: document. GetElementByld ('div_menu')
. style. visibility≈' isible' ; ">. style. visibility≈ 'isible'; ">
<SCRIPT LANGUAGE≈" JavaScript" SRC="onglets . js"></SCRIPT><SCRIPT LANGUAGE≈ "JavaScript" SRC = "tabs. Js"> </SCRIPT>
</DIV></ DIV>
<! — BANDEAU — ><! - HEADBAND ->
/* Bandeau publicitaire/ * Banner
"ext" est une extension de fichier correspondant à une page"ext" is a file extension corresponding to a page
Web statique (htm, html) ou dynamique (asp, php, cfm, jsp, xml). */Static (htm, html) or dynamic (asp, php, cfm, jsp, xml) web. * /
<A href="http:// ... / lien_annonceur.ext" target=_blank> <IMG src="http:// ... / image__bandeau.gif"> </A><A href="http:// ... / lien_annonceur.ext" target=_blank> <IMG src = "http: // ... / image__bandeau.gif"> </A>
<! — CALQUE Logo RB —> /* Calque comprenant le logo placé sur le bandeau publicitaire et indiquant que ce dernier est une RichBanner */<! - RB Logo LAYER -> / * Layer including the logo placed on the advertising banner and indicating that it is a RichBanner * /
<DIV ID= « div_logo » STYLE≈"position: absolute ; left : [largeur du bandeau]-wlogo ; top : [hauteur du bandea ]- hlogo ; "> <A href="http://www.intercreative.net"> <IMG src="logo_richbanner.gif" border=0> </A> </DIV><DIV ID = "div_logo" STYLE≈ "position: absolute; left: [strip width] -wlogo; top: [strip height] - hlogo;"> <A href = "http://www.intercreative.net "> <IMG src =" logo_richbanner.gif "border = 0> </A> </DIV>
<! — CALQUE MENU --><! - MENU LAYER ->
/* Calque comprenant le code permettant de déployer la structure arborescente *// * Layer including the code allowing to deploy the tree structure * /
/*Le menu est initialement caché*// * The menu is initially hidden * /
<DIV id="div_menu" STYLE≈"position: absolute ; left : 0 ; top : [hauteur du bandeau] ; visibility : hidden ;" onmouseout≈" javascript:document. getElementByld( 'div_menu' ) . style.visibility≈ ' hidden ' ; " onmouseover≈" javascript:document. getElementByld( 'div nenu' ) .style.visibility≈ 'visible' ; "><DIV id = "div_menu" STYLE≈ "position: absolute; left: 0; top: [height of banner]; visibility: hidden;" onmouseout≈ "javascript: document. getElementByld ('div_menu'). style.visibility≈ 'hidden';" onmouseover≈ "javascript: document. getElementByld ('div nenu') .style.visibility≈ 'visible';">
/*Référence à la fonction JavaScript incluant la structure de menus, son style et le code permettant son déploiement et l'interactivité*/ <script language≈" JavaScript" type="text/JavaScript " src="menu. js"x/script>/ * Reference to the JavaScript function including the menu structure, its style and the code allowing its deployment and interactivity * / <script language≈ "JavaScript" type = "text / JavaScript" src = "menu. js" x / script>
</DIV></ DIV>
<!— CALQUE MINIPAGE —><! - MINIPAGE LAYER ->
/*Les minipages sont initialement cachées*// * The minipages are initially hidden * /
<DIV id="div_minipage" STYLE="position: absolute ; left : 0<DIV id = "div_minipage" STYLE = "position: absolute; left: 0
; top : [hauteur_bandeau+ hauteur_menu] ; visibility : h i d d e n ; " onmouseout≈" javascript:document. getElementByld( ' div_minipag e ' ) . style .visibility≈ ' hidden ' ; document.getElementByld( ' div_ menu' ) .style.visibility≈' hidden' ; " onmouseover≈" javascrip :document. getElementByld( 'div_menu' ); top: [headband_height + menu_height]; visibility: h i d d e n; "onmouseout≈" javascript: document. getElementByld ('div_minipag e'). style .visibility≈ 'hidden'; document.getElementByld ('div_ menu') .style.visibility≈ 'hidden'; "onmouseover≈" javascrip: document. getElementByld ('div_menu')
.style.visibility≈ 'visible' ; "> <IFRAME id=" iframe_minipage " height ="300" width="470" scrolling="yes" src≈"minipage. ext"x/IFRAME> </DIV>.style.visibility≈ 'visible'; "> <IFRAME id =" iframe_minipage "height =" 300 "width =" 470 "scrolling =" yes "src≈" minipage. ext "x / IFRAME> </DIV>
</DIV></ DIV>
<HTML> <B0DY><HTML> <B0DY>
La figure 17 illustre le code qui précède. Le fichier « menu. js », auquel il est fait référence à l'aide d'un chemin absolu dans l'attribut SRC de la balise SCRIPT, contient des instructions de type « document.write », permettant d'écrire, dans le DOM de la page de consultation, les balises HTML (ainsi que leurs attributs et nœud texte) permettant de visualiser la structure de menus. Il peut notamment y écrire des balises DIV afin de positionner des éléments de menu à n'importe quelle position, relativement à la bannière publicitaire à laquelle cette structure de menus est associée. Il y écrit également les références aux fonctions définies dans le fichier distant « menu. js ». Puisqu'il est fait appel aux instructions « document .write » au cours de la phase de chargement de la page Web, celles-ci conduisent à écrire dynamiquement dans la page Web sans que cette dernière ne se recharge.Figure 17 illustrates the above code. The file "menu. js ", which is referred to using an absolute path in the SRC attribute of the SCRIPT tag, contains instructions of type" document.write ", allowing to write, in the DOM of the page of consultation, HTML tags (as well as their attributes and text node) allowing to visualize the menu structure. He can in particular write DIV tags there in order to position menu items at any position, relative to the advertising banner with which this menu structure is associated. He also wrote there the references to the functions defined in the remote file "menu." js ". Since the “document .write” instructions are used during the loading phase of the Web page, these lead to writing dynamically in the Web page without the latter being reloaded.
La figure 18 illustre le cas de la technique traditionnelle de l'e-publicité avec b : un bandeau B : Page Web contenant le bandeauFigure 18 illustrates the case of the traditional technique of e-advertising with b: a banner B: Web page containing the banner
S : Page Web support A : Page Web annonceur IF : iframeS: Support web page A: Advertiser web page IF: iframe
H : hauteur de b et de IF W : largeur de b et de IFH: height of b and IF W: width of b and IF
C'est le cas du Tag Agence de type document.write ('<IFRAME src≈ « ... » >') (ou ILAYER) . Le bandeau traditionnel apparaît à travers une IFRAME. Ce cas diffère du cas où le marqueur était de la forme <A href="..."> <IMG src="..."> </A>, dans la mesure où, dans le cas présent, il n'est pas fait explicitement mention du bandeau.This is the case for the Agency Tag of type document.write ('<IFRAME src≈ "...">') (or ILAYER). The traditional banner appears through an IFRAME. This case differs from the case where the marker was of the form <A href="...">> <IMG src = "..."> </A>, in that in this case it doesn’t is not explicitly mentioned the banner.
Dans le cas du tag agence de type IFRAME, l'agence a la complète maîtrise de l'enrichissement du marqueur sans qu'il lui soit nécessaire de modifier le tag Agence qui se trouve sur le serveur de régie.In the case of an agency tag of the IFRAME type, the agency has complete control over the enrichment of the marker without it being necessary for it to modify the Agency tag which is located on the management server.
Dans le cas du tag agence de type IMG, le marqueur était le tag Agence, tandis que dans le cas présent, le marqueur est la valeur de l'attribut SRC de 1 ' IFRAME écrite dynamiquement dans le DOM de la page de consultation. La phase de développement :In the case of the IMG type agency tag, the marker was the Agency tag, while in this case, the marker is the value of the SRC attribute of the IFRAME dynamically written in the DOM of the consultation page. The development phase:
Dans le cadre de la présente invention, le marqueur originel est la page B.In the context of the present invention, the original marker is page B.
Ce qui suit présente un exemple de procédé destiné à enrichir la page B.The following presents an example of a process intended to enrich page B.
Au cours de la phase de développement, la page B est transformée en une page Bbis , qui est le marqueur enrichi.During the development phase, page B is transformed into a page B bis , which is the enriched marker.
La phase de développement conduit à enrichir le marqueur originel B (page B.ext) d'un code client (par exemple écrit en JavaScript) obtenu à partir d'un arbre choisi parmi ceux que propose l'interface de développement, ainsi que d'attributs stylistiques et d'interactivité renseignés également par le biais de l'interface de développement.The development phase leads to enriching the original marker B (page B.ext) with a client code (for example written in JavaScript) obtained from a tree chosen from those offered by the development interface, as well as 'stylistic and interactivity attributes also informed through the development interface.
Le code client est nommé « code arbre stylisé » : c'est le moyen de déploiement.The client code is called "stylized tree code": it is the means of deployment.
Un processus côté serveur (par exemple en Java) fabrique, à partir de l'arbre, un code interprétable par la plate-forme de l'internaute (par exemple JavaScript). Ce code doit permettre à l'internaute, une fois le processus d'affichage terminé, de déployer graphiquement l'arbre stylisé sur sa plate-forme (phase de déploiement) et de cliquer sur les menus ainsi déployés (phase d'utilisation), afin, par exemple, d'accéder à des pages Web (minipages) affichées dans des pop-up. Ce code est fabriqué au cours de la phase de développement lorsque sont associés un arbre (ou mécanisme de création d'arbre) et des attributs stylistiques et d'interactivité à une page Web.A server-side process (for example in Java) builds, from the tree, a code interpretable by the surfer's platform (for example JavaScript). This code must allow the internet user, once the display process is complete, to graphically deploy the stylized tree on his platform (deployment phase) and to click on the menus thus deployed (usage phase), for example, to access web pages (minipages) displayed in pop-ups. This code is made during the development phase when a tree (or tree creation mechanism) and stylistic and interactivity attributes are associated with a web page.
Une fois ce code fabriqué, il est incorporé dans la page B qui s'est ainsi enrichie pour devenir la page Bbis, page qui s'est également vue attribuée un certain nombre de fonctionnalités lui permettant, en phase de production, de réaliser des processus spécifiques. C'est ainsi, par exemple, que la balise BODY se voit attribuée une réaction spécifique à l'événement onLoad, ceci par le biais d'une fonction « create_rb() », dont nous expliquerons le mécanisme dans le chapitre relatif à la phase de production.Once this code has been produced, it is incorporated into page B, which has been enriched to become the page B bis , page which has also been allocated a certain number of functionalities allowing it, in the production phase, to carry out specific processes. This is how, for example, the BODY tag is assigned a specific reaction to the onLoad event, this by means of a "create_rb ()" function, the mechanism of which we will explain in the chapter on the phase. of production.
Conjointement, pour avoir accès à cette fonction, la page Bbis, doit inclure une référence au fichier « rb.js » la contenant.At the same time, to have access to this function, page B bis must include a reference to the “rb.js” file containing it.
Toujours au cours de cette phase de développement, la page Bbls ainsi obtenue, a été placée à l'URL de la page B, de façon à être appelée par la page S en lieu et place de la page B initiale.Also during this development phase, the page B bls thus obtained was placed at the URL of page B, so as to be called by page S in place of the initial page B.
Nous notons sur la figure 19 :We note in Figure 19:
S : Page Web de consultation rb : Rich-Banner b : bandeauS: Web page for consultation rb: Rich-Banner b: banner
Code Menu: code Javascript (permet de déployer l'arbre sur la plate-forme cliente) MP: Mini-Page B: page de l'agence contenant b avant sa transformation en BbisMenu Code: Javascript code (allows the tree to be deployed on the client platform) MP: Mini-Page B: agency page containing b before its transformation into Bbis
Bbis : : Page Web obtenu à partir de B dans la phase de développementBbis:: Web page obtained from B in the development phase
T: Structure arborescente A: Page Web de l'annonceurT: Tree structure A: Advertiser's web page
Al à A9 : phase d'affichage Ul & U2 : : phase d'utilisation IF1: tag iframe de la régie et placé sur la page Web de consultation H: hauteur de b et de IF1 W: largeur de b et de IFl urlBbis : url de la page BAl to A9: display phase Ul & U2:: use phase IF1: iframe tag of the control room and placed on the consultation web page H: height of b and IF1 W: width of b and IFl urlBbis: url of page B
Plus précisément, la page support S est la page que consulte l'internaute.More specifically, the support page S is the page that the Internet user consults.
Le tag publicitaire correspond au tag que la régie demande au Webmestre de placer dans le code source de la page S. Le tag agence est de la forme document .write ( '<IFRAME ... >') et est écrit dynamiquement dans le DOM de la page de consultation S. C'est l' iframe que nous noterons IFX The advertising tag corresponds to the tag that the agency requests the Webmaster to place in the source code of the page S. The agency tag is in the form of document .write ('<IFRAME ...>') and is written dynamically in the DOM of the consultation page S. This is the iframe that we will denote IF X
La valeur de l'attribut « src » (pour source) de l' iframe IFX : c'est l'URL de la page B.The value of the "src" attribute (for source) of the iframe IF X : this is the URL of page B.
L'internaute consulte la page support S (Al et A2) .The internet user consults the support page S (Al and A2).
Le tag publicitaire requête l'adserver de la régie en lui fournissant, par exemple, l'URL de la page appelante (A3), ce qui permet au processus serveur de la régie de déterminer le tag Agence à sélectionner et restituer (A4). Nous considérons ici que le tag Document.write ( '<IFRAME ... >') est choisi : l'iframe IFX est alors chargé dans la page de consultation S.The advertising tag requests the ad manager to manage it, for example by providing it with the URL of the calling page (A3), which allows the ad server process to determine the Agency tag to select and return (A4). We consider here that the tag Document.write ('<IFRAME ...>') is chosen: the iframe IF X is then loaded in the consultation page S.
Ceci entraîne le chargement de la page Bbis (A5) en non plus de la page B originelle, puisque la page B a été remplacée par la page Bbis au cours de la phase de développement.This results in the loading of page B bis (A5) in addition to the original page B, since page B was replaced by page B bis during the development phase.
A la fin du chargement de la page Bbis, l'événement « onLoad » de sa balise « BODY » est notifié. La valeur de l'attribut onLoad est la fonction JavaScript « create_ rb() » qui est accessible puisque définie dans le fichier « rb.js » référencé dans la balise SCRIPT de la page Bbis.At the end of the loading of the page B bis , the “onLoad” event of its “BODY” tag is notified. The value of the onLoad attribute is the JavaScript function "create_ rb ()" which is accessible since defined in the “rb.js” file referenced in the SCRIPT tag on page B bis .
Cette fonction utilise l'instruction « parent.parent.document » afin de lui permettre, à partir de la page Bbis, de sortir de la balise DIV, puis d'accéder au DOM (document object model) de la page support S.This function uses the “parent.parent.document” instruction to allow it, from the bis page, to exit the DIV tag, then access the DOM (document object model) of the S support page.
Ainsi, l'expression « parent .parent.document . getElementByTagName( ' iframe ' ) » permet-elle, par exemple, d'atteindre une balise iframe du DOM de la page S.Thus, the expression "parent .parent.document. getElementByTagName ('iframe') ”allows, for example, to reach an iframe tag from the DOM of page S.
(On peut noter que ceci n'est pas nécessaire si on décide d'intervenir directement sur le tag agence, considéré alors comme le marqueur originel, auquel cas on perd cependant l'avantage de n'intervenir que sur le serveur d'élément dans la phase de développement, ce qui est intéressant dans la mesure où cela rend le procédé encore moins intrusif).(We can note that this is not necessary if we decide to intervene directly on the agency tag, considered then as the original marker, in which case we lose however the advantage of only intervening on the element server in the development phase, which is interesting insofar as it makes the process even less intrusive).
Il faut cependant déterminer le bon tag IFRAME, au cas où il y en aurait plusieurs sur la page de consultation.It is however necessary to determine the correct IFRAME tag, in case there are several on the consultation page.
Lorsque l' iframe IFX charge sa source, elle requête d'abord l'adserver agence (c'est la requête explicitement écrite en valeur de l'attribut SRC de l' iframe IFX) .When the iframe IF X loads its source, it first requests the agency adserver (this is the request explicitly written in value of the SRC attribute of the iframe IF X ).
Cette requête restitue l'URL URL(Bbis) sur le serveur d'élément.This request returns the URL URL (B bis ) on the element server.
Lorsque le code « code arbre stylisé » accède au DOM de la page S, il accède aux dernières valeurs chargées (ce qui n'est pas nécessairement identique au code source de la page S).When the code "stylized tree code" accesses the DOM of page S, it accesses the last values loaded (which is not necessarily identical to the source code of page S).
En particulier, « code arbre stylisé », en se référant à la valeur de l'attribut SRC de l' iframe IFl accède à URL(Bbis) et non à la requête initiale sur l'adserver agence. On peut donc repérer, parmi plusieurs iframe, l' iframe dont l'attribut SRC a pour valeur URL(Bbis) , ce que l'on fait en parcourant la liste obtenue à partir de 1 ' instruction parent.document. getElementByTagName( ' iframe ' ) et en stoppant la recherche lorsqu'un élément de cette liste a URL(Bbis) pour valeur de l'attribut SRC. (Il s'agit, par exemple, d'une boucle en JavaScript permettant d'extraire, un à un, les éléments « elt » de la liste et d'effectuer le test suivant : elt.src≈ URL(B,-is)). C'est au niveau de l'interface de développement que doit être précisée l'URL URL(Bbis), ce que l'on doit connaître si l'on veut ensuite l'enregistrer à la bonne place.In particular, "stylized tree code", referring to the SRC attribute value of the iframe IF accesses URL (Ba) and not to the initial request to the ad server agent. We can therefore identify, among several iframe, the iframe whose SRC attribute has URL value (B bis ), which we do by browsing the list obtained from the parent.document instruction. getElementByTagName ('iframe') and by stopping the search when an element of this list has URL (B bis ) for value of the attribute SRC. (It is, for example, a loop in JavaScript allowing to extract, one by one, the “elt” elements from the list and to perform the following test: elt.src≈ URL (B, - is )). It is at the level of the development interface that the URL URL (B bis ) must be specified, which one must know if one then wants to save it in the right place.
La page S dont le DOM, juste avant le chargement de la page Bbis, était le suivant :The S page whose DOM, just before the loading of the bis page, was as follows:
<HTML><HTML>
<BODY ... ><BODY ...>
<IFRAME SRC≈"url(Bbis) "><IFRAME SRC≈ "url (B bis )">
• • •• • •
</ IFRAME> </ BODY> </ HTML></ IFRAME> </ BODY> </ HTML>
devient la page S' dont le DOM, à la suite de l'exécution de la fonction create_rb() et de son action conséquente sur le DOM de la page S, est maintenant le suivant :becomes page S 'whose DOM, following the execution of the function create_rb () and its consequent action on the DOM of page S, is now the following:
S'S '
<HTML> <BODY . . . ><HTML> <BODY. . . >
<DIV STYLE≈ "position : absolute ; "><DIV STYLE≈ "position: absolute;">
<IFRAME SRC= "url ( Bbis) " visible ( ) ; " ( ) ; "><IFRAME SRC = "url (B bis )" visible ();" ();">
• •• •
</ IFRAME></ IFRAME>
<DIV STYLE="position:absolute ; left : 0 ; top : H ; "><DIV STYLE = "position: absolute; left: 0; top: H;">
« code arbre stylisé »"Stylized tree code"
</DIV></ DIV>
</DIV></ DIV>
</ B0DY></ B0DY>
</ HTML></ HTML>
Il s'agit d'abord de l'imbrication de l' IFRAME (IFX) dans une balise DIV.It is first of all the nesting of the IFRAME (IF X ) in a DIV tag.
Puis une seconde balise DIV est imbriquée dans la première, à la suite de la balise de fermeture de la balise IFRAME.Then a second DIV tag is nested in the first, following the closing tag of the IFRAME tag.
Cette seconde balise DIV est destinée à accueillir le graphisme de l'arbre stylisé (par exemple sous forme de menus déroulants) associés au bandeau b.This second DIV tag is intended to accommodate the graphics of the stylized tree (for example in the form of drop-down menus) associated with the banner b.
Ainsi l'attribution de valeurs aux attributs « left » et « top » de l'attribut STYLE de cette balise suffit à positionner le contenu de la seconde balise DIV relativement au coin supérieur gauche de la première baliseThus the assignment of values to the "left" and "top" attributes of the STYLE attribute of this tag is sufficient to position the content of the second DIV tag relative to the upper left corner of the first tag
DIV. H est ici la hauteur de l' IFRAME. Autrement dit, il est ainsi possible de positionner les menus déroulants précisément par rapport au bandeau b.DIV. Here is the height of the IFRAME. In other words, it is thus possible to position the drop-down menus precisely with respect to the banner b.
On a placé « code arbre stylisé » (qui a été fabriqué au cours de la phase de développement) entre deux DIV.We placed "stylized tree code" (which was manufactured during the development phase) between two IVDs.
Ce code représente l'arbre stylisé, c'est-à- dire l'arbre aussi bien du point de vue des données, du graphisme que de l'interactivité. Si, dans le cas du tag IMG, il était nécessaire d'encadrer le code de l'arbre stylisé entre deux DIV pour le positionner, ce n'est plus le cas ici, si l'on part du principe que le bandeau se trouve toujours en haut et à gauche de la page Web Bbig. Une fois affichée, la Rich-Banner peut être utilisée par l'internaute : il interagit avec elle en déployant les menus et en cliquant sur les commandes qui apparaissent.This code represents the stylized tree, that is to say the tree from the point of view of data, graphics as well as interactivity. If, in the case of the IMG tag, it was necessary to frame the code of the stylized tree between two DIVs to position it, this is no longer the case here, if we assume that the banner is always at the top left of the B big web page. Once displayed, the Rich-Banner can be used by the Internet user: he interacts with it by deploying the menus and clicking on the commands that appear.
Il a alors accès à des mini-pages et peut ainsi consulter le minisite Web de l'annonceur tout en restant sur la page support S .He then has access to mini-pages and can thus consult the advertiser's mini-website while remaining on the support page S.
On aurait également pu concevoir que le fichier javascript distant « http:// ... /rb.js » soit obtenu à partir de l'interface de développement et contienne l'arbre stylisé (au lieu que cela soit la page Bbis qui le contienne) .We could also have conceived that the remote javascript file “http: // ... /rb.js” is obtained from the development interface and contains the stylized tree (instead of being the page B bis which contains it).
Si le nom de fichier « rb.js » ne change pas d'un arbre à un autre, le chemin y accédant est spécifique à l'arbre en question et est stocké sur le serveur d'arbre. L'interface de développement se charge de réaliser 1 ' automatisme consistant à créer un nouveau chemin à chaque création d'arbre, et à modifier la page Bbis afin qu'elle fasse référence au bon fichier « rb.js ». Considérons le cas du Tag Agence de type document.write ('<EMBED src≈ « ... » >') (ou OBJECT) :If the file name "rb.js" does not change from one tree to another, the path to it is specific to the tree in question and is stored on the tree server. The development interface takes care of the automation consisting of creating a new path each time a tree is created, and modifying the page B bis so that it refers to the correct "rb.js" file. Consider the case of the Agency Tag of type document.write ('<EMBED src≈ "...">') (or OBJECT):
Dans le même esprit que ce qui précède, on peut appliquer une ou des méthode(s) permettant à un tag de type EMBED ou OBJECT de s'enrichir d'une structure arborescente située sur un serveur d'arbre externe ou non.In the same spirit as the above, we can apply one or more method (s) allowing a tag of type EMBED or OBJECT to enrich itself with a tree structure located on an external tree server or not.
Cela peut permettre notamment d'enrichir d'un arbre externe aussi bien un fichier Flash qu'une applet Java.This can allow in particular to enrich an external tree as well a Flash file as a Java applet.
L'enrichissement du marqueur originel peut se faire en procédant à un appel d'arbre après que soit appelée la source de l'EMBED (ou de l'OBJECT).The enrichment of the original marker can be done by calling a tree after the source of the EMBED (or the OBJECT) is called.
L'enrichissement peut également concerner une concaténation de la chaîne de caractères constituant la valeur de l'attribut source « SRC ». Il peut s'agir alors, par exemple, d'ajouter une chaîne de caractères constituée d'une liste d'items du type paramètre≈ « valeur » , items séparés par le caractère « & », ceci afin de spécifier à la page dynamique appelée, les paramètres qu'on désire lui transmettre .The enrichment can also relate to a concatenation of the character string constituting the value of the source attribute "SRC". It can then be, for example, to add a character string consisting of a list of items of the type parameter≈ "value", items separated by the character "&", this in order to specify on the dynamic page called, the parameters that we want to transmit to it.
Nous pouvons également envisager la possibilité d'associer une unique structure arborescente à un ensemble de bandeaux distincts figurant sur une même page Web.We can also consider the possibility of associating a single tree structure with a set of separate banners appearing on the same web page.
Ainsi, cette unique structure arborescente sera stylisée afin de permettre à l'internaute de naviguer, grâce à un seul « tableau de bord » présent sur sa page, à travers les fonctionnalités offertes par l'ensemble des bandeaux publicitaires présents sur la page qu'il consulte.Thus, this unique tree structure will be stylized in order to allow the internet user to navigate, thanks to a single “dashboard” present on its page, through the functionalities offered by all of the advertising banners present on the page that he consults.
La phase de développement de Rich-Word, illustrée figure 20, se compose de trois interfaces distinctes : • L'interface RégieThe Rich-Word development phase, illustrated in Figure 20, consists of three separate interfaces: • The Régie interface
RI: L'utilisateur de l'interface régie (en général la régie qui gère les espaces publicitaires pour le compte de sites Web par l'intermédiaire de son trafficker) commence par entrer un mot de passe l'identifiant, puis inscrit un site Web dont elle assure la gestion des espaces publicitaires en indiquant son URL (ici le site dont l'URL est: PS_i2j2).RI: The user of the governed interface (usually the authority that manages advertising space on behalf of websites through his trafficker) begins by entering a password identifying him, then registers a website for which it manages advertising space by indicating its URL (here the site whose URL is: PS_i 2 j 2 ).
R2: Lorsque le trafficker clique sur le boutonR2: When the trafficker clicks on the button
OK, l'URL PS_i2j2 est mémorisée dans la base de données des sites Web (PS).OK, the URL PS_i 2 j 2 is stored in the website database (PS).
R3 : Le click sur le bouton OK a également conduit à attribuer et présenter un mot de passe dédié au site inscrit par le trafficker de la régie.A3: The click on the OK button has also led to assigning and presenting a password dedicated to the site registered by the trafficker of the sales center.
R4 : Le trafficker prend connaissance dudit mot de passe R5 : Le trafficker communique, par exemple par email, ledit mot de passe au Webmestre du siteR4: The trafficker becomes aware of said password R5: The trafficker communicates, for example by email, said password to the Webmaster of the site
PS_i2j2.PS_i 2 d 2 .
• L'interface Agence• The Agency interface
Al: L'utilisateur de l'interface agence (en général l'agence qui gère les achats d'espaces publicitaires pour le compte d'un annonceur par l'intermédiaire de son trafficker) commence par entrer un mot de passe l'identifiant. A2 : Elle choisit ensuite un site Web dans la liste déroulante "URL Site Web" qui lui présente l'ensemble des URL des sites Web de la base de données PS, constituée des sites Web qui ont, indépendamment, renseigné l'interface de développement qui leur est dédiée. Ici elle choisit l'URL PS_i2j2.Al: The user of the agency interface (in general the agency which manages the purchases of advertising space on behalf of an advertiser through his trafficker) begins by entering a password identifying him. A2: She then chooses a website from the "Website URL" drop-down list which presents her with all the URLs of the websites in the PS database, made up of websites. who have independently informed the dedicated development interface. Here she chooses the URL PS_i 2 j 2 .
A3: L'agence indique, dans le champ "Mot(s)" prévu à cet effet, le (ou les) mot (s) sur lequel (lesquels) elle désire communiquer sur le site qu'elle a sélectionné. Ici, elle sélectionne le mot "Web", indiquant ainsi qu'elle désire communiquer sur le mot "Web" sur la page Web PS_i2j2.A3: The agency indicates, in the "Word (s)" provided for this purpose, the word (s) on which it wishes to communicate on the site it has selected. Here, she selects the word "Web", indicating that she wishes to communicate on the word "Web" on the web page PS_i 2 j 2 .
A4: L'agence sélectionne un des annonceurs dont elle assure la gestion. Elle sélectionne ici l'annonceur AD^ - par le biais de la liste déroulante "Annonceur" . A5 : Le choix de l'annonceur provoque l'affichage, dans la liste déroulante "Arbre" de l'ensemble des structures arborescentes de l'annonceur AD^^. L'agence sélectionne un des arbres présentés dans cette liste déroulante. Elle choisit ici l'arbre noté T_i1j1k.A4: The agency selects one of the advertisers it manages. Here she selects the advertiser AD ^ - using the "Advertiser" drop-down list. A5: The choice of the advertiser causes the display, in the "Tree" drop-down list, of all the tree structures of the advertiser AD ^^. The agency selects one of the trees presented in this drop-down list. Here she chooses the tree noted T_i 1 j 1 k.
ce Webmestrethis Webmaster
Wl: Le Webmestre entre le mot de passe que lui a communiqué la régie dans le champ "Mot de passe" prévu à cet effet.Wl: The Webmaster enters the password communicated to him by the management in the "Password" field provided for this purpose.
W2 : ceci a pour effet d'indiquer, à partir de la base de données PS, l'URL PS_i2j2 du site du Webmestre. W3 : Dans le champ "répertoire", le Webmestre indique, sous la forme d'une URL relative, la portion du site dont les pages sont les espaces publicitaires que la régie a en charge de gérer pour le Rich-Word. W4,W5: Lorsque le Webmestre clique sur le bouton OK, chacune des pages Web incluses dans le répertoire susmentionné, sont agrémentées d'un code JavaScript permettant, lorsque la page est consultée, d'aller rechercher les structures arborescentes correspondant aux mots achetés sur cette page.W2: this has the effect of indicating, from the PS database, the URL PS_i 2 d 2 of the Webmaster's site. W3: In the "directory" field, the Webmaster indicates, in the form of a relative URL, the portion of the site whose pages are the advertising spaces that the agency is responsible for managing for Rich-Word. W4, W5: When the Webmaster clicks on the OK button, each of the Web pages included in the aforementioned directory are embellished with a JavaScript code allowing, when the page is consulted, to search for the tree structures corresponding to the words purchased on this page.
W6 : la nouvelle page est enregistrée à l'Url de l'ancienne.W6: the new page is saved to the old url.
La diminution de l'intrusion correspond à une non-intervention du Webmestre.The decrease in intrusion corresponds to a non-intervention by the Webmaster.
On peut rendre la phase de développement encore moins intrusive en permettant au Webmestre de ne pas y intervenir. Il suffit, pour ce faire, d'enrichir les marqueurs originels des bandeaux publicitaires d'un appel au script serveur "searchWord. jsp" qui requête la base de données RW. Ce procédé peut également s'étendre aux bandeaux publicitaires qui ne sont pas des Rich-Banner. Ainsi, il n'est pas nécessaire de modifier les pages Web que la régie désire mettre à disposition des agences pour la réservation de mots, dans la mesure où le tag y figure déjà par le biais des bandeaux publicitaires dont les marqueurs ont été enrichis de l'appel au serveur de Rich- Word.We can make the development phase even less intrusive by allowing the Webmaster not to intervene. To do this, it suffices to enrich the original markers of the banner ads with a call to the server script "searchWord. Jsp" which requests the RW database. This process can also be extended to advertising banners which are not Rich-Banners. Thus, it is not necessary to modify the web pages that the advertising agency wishes to make available to agencies for the reservation of words, insofar as the tag already appears there through the banner ads whose markers have been enriched with the call to the Rich-Word server.
La phase de production du Rich-Word est illustrée figure 21.The Rich-Word production phase is illustrated in Figure 21.
Cette phase de production du Rich-Word comprend les étapes suivantes :This Rich-Word production phase includes the following stages:
1 : L'internaute consulte une page Web du site PS_i2j2.1: The internet user consults a web page of the PS_i site 2 d 2 .
2 : Le code, inséré dans cette page au cours de la phase de développement, permet de requêter une page Web dynamique distante « searchWord.ext », en lui donnant pour valeur l'URL de la page courante.2: The code, inserted into this page during the development phase, allows you to request a dynamic web page remote "searchWord.ext", giving it the URL of the current page.
3 : Ladite page dynamique importe la liste des mots réservés pour cette page, à l'occasion de la phase de développement.3: Said dynamic page imports the list of words reserved for this page, during the development phase.
4 : Le texte de la page Web courante est parcouru à la recherche des mots réservés, ce qui détermine une nouvelle liste, dite « liste restreinte »4: The text of the current Web page is searched for reserved words, which determines a new list, called "short list"
5 : Est importé, à partir du serveur d'arbre, l'ensemble des structures arborescentes coïncidant avec les mots de la liste restreinte.5: Is imported from the tree server, all the tree structures coinciding with the words of the shortlist.
6 : Modification du DOM de la page Web courante par intégration desdites structures arborescentes .6: Modification of the DOM of the current web page by integration of said tree structures.
Dans le cas de Rich-Word, l'élément est un mot.In the case of Rich-Word, the element is a word.
L'idée de Rich-Word est de permettre à une agence de réserver, sur une page Web donnée, un ensemble de mots pendant une certaine période. Les pages Web sont aujourd'hui le plus souvent dynamiques, si bien que l'on ne peut prévoir le contenu de la page Web avant que les champs texte, qui font appel dynamiquement aux champs d'une table d'une base de données, ne soient remplis du texte qu'ils extraient de cette base. La figure 22 résume le principe de l'appel dynamique de texte à partir d'une base de données. La page Web est constituée d'un certain nombre de nœuds Texte TN±. Certains de ces nœuds texte font appel, par le biais d'un marqueur <MA>, à une base de données. A cet effet peuvent être utilisées diverses technologies SSI (serveur side include): asp, php, cfm, jsp ... Le marqueur <MA> effectue donc une requête (Request) sur une base de données, requête dont le résultat (Response) est affiché à la place dudit marqueur. Ainsi, si l'élément est le mot, nous devons prendre en compte le fait que cet élément est stocké initialement dans le champ d'une table d'une base de données. Ce n'est qu'une fois que les contenus définitifs des nœuds texte ont été intégrés, de cette façon, au contenu de la page Web, que l'on est en mesure de confronter l'ensemble des contenus des nœuds texte à l'ensemble des mots qui ont été réservés par les agences pour cette page à des fins de communication. La figure 23 en montre le principe.The idea behind Rich-Word is to allow an agency to reserve a set of words on a given web page for a certain period of time. Web pages are today most often dynamic, so that one cannot predict the content of the Web page before the text fields, which dynamically call upon the fields of a table of a database, are filled with the text they extract from this database. Figure 22 summarizes the principle of dynamic call of text from a database. The web page consists of a number of TN Text nodes ± . Some of these text nodes use a database using an <M A > marker. Various SSI technologies (side include server) can be used for this purpose: asp, php, cfm, jsp ... The <M A > marker therefore performs a request (Request) on a database, request whose result (Response ) is displayed in place of said marker. Thus, if the element is the word, we must take into account the fact that this element is initially stored in the field of a table of a database. Only after the final content text nodes have been integrated, in this way, to the content of the web page, that we are able to compare all of the content of the text nodes with all of the words that have been reserved by the agencies for this page for communication purposes. Figure 23 shows the principle.
A la fin du chargement de la page, et donc une fois que l'ensemble des nœuds texte TN± ont été résolus, une requête est adressée à la base de données RW afin d'obtenir l'ensemble des mots réservés par les agences pour cette page Web: cette liste est notée WordList. Un processus client génère ensuite une liste restreinte E qui est l'intersection de WordList et de l'ensemble des mots contenus dans les nœuds texte T±. E est donc constitué d'un ensemble de mots ei f un mot ed ayant à la fois été réservé par une agence pour cette page Web et ayant été importé d'une base de données dans un champ d'une table à l'occasion du chargement de la page dynamique: E={ej}. Cet ensemble E est envoyé en paramètre d'un processus visant à extraire, de la base de données du serveur d'arbre, l'ensemble T={tj} des structures arborescentes tj associées aux βj .At the end of the page loading, and therefore once all the TN ± text nodes have been resolved, a request is sent to the RW database in order to obtain all the words reserved by the agencies for this Web page: this list is noted WordList. A client process then generates a shortlist E which is the intersection of WordList and all the words contained in the text nodes T ± . E therefore consists of a set of words e if a word e d having both been reserved by an agency for this Web page and having been imported from a database in a field of a table on occasion loading the dynamic page: E = {e j }. This set E is sent as a parameter of a process aimed at extracting, from the tree server database, the set T = {t j } from the tree structures t j associated with β j .
La définition de la structure arborescente se fait indépendamment du fait que l'on soit dans le cas de Rich-Word ou de Rich-Banner ou autre. Dans le cas de RichWord, l'élément est un mot. La définition de l'élément consiste en la création du texte contenant le mot-élément, texte enregistré dans le champ d'une table d'une base de données. Dans le cas de RichWord, le marqueur originel, constitué de la page Web contenant l'ensemble des tags <M±>, a un lien avec les éléments dans la mesure où ces tags permettent de charger dynamiquement les TNt qui contiennent les éléments. La différence de fond entre RichWord et RichBanner réside dans le fait que l'étape d'enrichissement consiste ici en le stockage de l'association de l'élément (ici le mot) et de la structure arborescente (ainsi que de son moyen de déploiement). Il n'y a pas, dans le cas de Rich-Word, d'enrichissement d'un marqueur dans une phase de développement. Il n'y a qu'un tag à mettre dans la page numérique. Par contre, dans le cas de Rich-Banner, le marqueur originel contient une référence à un mécanisme de choix d'élément et l'enrichissement consiste à lui adjoindre une référence à un mécanisme de création dynamique d'arbre associé à l'élément.The definition of the tree structure is done independently of whether one is in the case of Rich-Word or Rich-Banner or other. In the case of RichWord, the element is a word. The definition of the element consists in the creation of the text containing the word-element, text recorded in the field of a table of a database. In the case of RichWord, the original marker, consisting of the Web page containing all the tags <M ± >, has a link with the elements insofar as these tags make it possible to dynamically load the TN t which contain the elements. The fundamental difference between RichWord and RichBanner lies in the fact that the enrichment step here consists of storing the association of the element (here the word) and the tree structure (as well as its means of deployment). In the case of Rich-Word, there is no enrichment of a marker during a development phase. There is only one tag to put on the digital page. On the other hand, in the case of Rich-Banner, the original marker contains a reference to an element choice mechanism and the enrichment consists of adding a reference to it to a dynamic tree creation mechanism associated with the element.
La figure 24 illustre la notion d'association dans le cas du Rich-Word. Cette figure peut cependant également s'appliquer au cas où le mot est un élément d'un autre type. Rich-Word s'applique autant aux mots contenus dans les pages Web qu'aux mots contenus dans le code source des graphismes vectoriels, dont les cartes géographiques vectorielles, puisque lesdits graphismes stockent explicitement lesdits mots dans leur code source. - Une application possible de Rich-Word concerne l'e-publicité par la faculté d'acheter un (des) mot(s) sur une page Web, ceci pour une durée déterminée, et de déployer des menus adaptés à ce (ces) mot (s) et relatifs, par exemple, à des offres de service. - Une autre application possible concerne l'e- learning par la faculté de fournir des explications détaillées et structurées, textuelles et/ou multimédia, à des mots de pages Web ou de graphismes vectoriels.Figure 24 illustrates the notion of association in the case of Rich-Word. This figure can however also apply to the case where the word is an element of another type. Rich-Word applies as much to the words contained in the Web pages as to the words contained in the source code of the vector graphics, of which the geographical vector maps, since the said graphics explicitly store the said words in their source code. - A possible application of Rich-Word concerns e-advertising by the ability to buy a word (s) on a web page, this for a fixed period, and to deploy menus adapted to this (these) word (s) and relating, for example, to service offers. - Another possible application concerns e-learning by the ability to provide detailed and structured explanations, text and / or multimedia, to words on web pages or vector graphics.
Une autre application concerne les encyclopédies par la faculté d'associer des mots, contenus dans une page Web ou un graphisme vectoriel, aux explications détaillées et structurées, textuelles et/ou multimédia issues d'une encyclopédie numérique, éventuellement en ligne. - On peut également utiliser Rich-Word à des fins de traduction de mots, contenus dans une page Web ou un graphisme vectoriel, en s 'appuyant sur des dictionnaires numériques, éventuellement en ligne. Cette liste d'applications possibles est non exhaustive .Another application relates to encyclopedias by the ability to associate words, contained in a web page or vector graphics, with detailed and structured explanations, textual and / or multimedia from a digital encyclopedia, possibly online. - Rich-Word can also be used for the translation of words, contained in a web page or vector graphics, by relying on digital dictionaries, possibly online. This list of possible applications is not exhaustive.
Les principes de Rich-Image sont illustrés figures 25 et 26. On considère une image sur laquelle figure un ensemble de m zones sensibles représentées par les polygones Pk. Le polygone Pk a n(k) sommets dont les coordonnées sont notées x±, yt . Lorsque l'on clique sur le polygone Pk on accède à la page Web cible_k.ext où l'extension ext peut appartenir, par exemple, à l'ensemble suivant: html, xml, asp, php, cfm, jsp ...The Rich-Image principles are illustrated in FIGS. 25 and 26. We consider an image on which there is a set of m sensitive zones represented by the polygons P k . The polygon P k an (k) vertices whose coordinates are noted x ± , y t . When we click on the polygon P k we access the target_k.ext web page where the ext extension can belong, for example, to the following set: html, xml, asp, php, cfm, jsp ...
Le code HTML de cette image, avec ses zones sensibles, est le suivant: <IMG src≈"..." usemap="#zones">The HTML code of this image, with its sensitive areas, is as follows: <IMG src≈ "..." usemap = "# zones">
<MAP name≈"zones"><MAP name≈ "zones">
<AREA href="cible_l.ext" shape="poly" coords="x1,y1,...,xn(1),yn(1)"/><AREA href = "target_l.ext" shape = "poly" coords = "x 1 , y 1 , ..., x n (1) , y n (1) "/>
<AREA href="cible_k.ext" shape="poly" coords="x1,y1,...,xn(k),yn(k)"/><AREA href = "target_k.ext" shape = "poly" coords = "x 1 , y 1 , ..., x n (k) , y n (k) "/>
<AREA hr e f = " c ib le_m . ext " shape="poly" coords="x1, γ1, ..., xn(m) , yn(m) " /><AREA hr ef = "c ib le_m. Ext" shape = "poly" coords = "x 1 , γ 1 , ..., x n (m) , y n (m) "/>
<MAP><MAP>
</IMG> Une modification du code HTML consistant à donner, pour valeur des attributs "href" des balises "AREA" une expression du type "javascript: [code javascript de menus]" donne, au lieu d'un appel à une page Web, le déploiement d'un menu. <IMG src≈"..." usemap="#zones"></ IMG> A modification of the HTML code consisting in giving, for the value of the "href" attributes of the "AREA" tags, an expression of the type "javascript: [menu javascript code]" gives, instead of a call to a Web page, the deployment a menu. <IMG src≈ "..." usemap = "# zones">
<MAP name≈"zones"><MAP name≈ "zones">
<AREA href="javascript :[ javascript menu]!" shape="poly' coords="x1,y1,...,xn(1),yn(1)"><AREA href = "javascript: [javascript menu] ! " Shape = "poly 'coords =" x 1 , y 1 , ..., x n (1) , y n (1) ">
<AREA href≈"javascript: [javascript menu]k" shape="poly" coords="x1,y1,...,xn(k),yn(k)"><AREA href≈ "javascript: [javascript menu] k " shape = "poly" coords = "x 1 , y 1 , ..., x n (k) , y n (k) ">
<AREA href≈"javascript : [javascript menu],." shape="poly" coords="x1,y1,...,xn(m),yn(m)"><AREA href≈ "javascript: [javascript menu] ,." shape = "poly" coords = "x 1 , y 1 , ..., x n (m) , y n (m) ">
<MAP><MAP>
</lMG></ LMG>
La phase de développement de Rich-Image va ainsi consister à travailler à partir du marqueur originel, constitué par le tag IMG, afin de l'enrichir, par ajout d'un tag MAP définissant l'ensemble des zones sensibles déployant les menus. A la différence de Rich-Banner et de Rich-Word, la phase de développement intègre un travail graphique consistant à dessiner sur l'image même l'ensemble des zones sensibles desquelles on compte déployer les structures arborescentes .The Rich-Image development phase will therefore consist of working from the original marker, constituted by the IMG tag, in order to enrich it, by adding a MAP tag defining all the sensitive areas deploying the menus. Unlike Rich-Banner and Rich-Word, the development phase incorporates a graphic work consisting of drawing on the image itself all the sensitive areas from which we intend to deploy the tree structures.
L'interface de développement invite, dans un premier temps, l'utilisateur à coller le marqueur originel dans le champ "marqueur". L'utilisateur dessine ensuite une zone sensible sur l'image qu'il a importé afin qu'elle apparaisse sur la page de l'interface. Puis il valide cette zone sensible en cliquant sur le bouton "Association arbre", ce qui entraîne l'ouverture d'une fenêtre ("choix d'un arbre et stylisation") reprenant en grande partie l'interface de développement de la Rich-Banner. L'utilisateur définit alors un arbre stylisé pour la zone sensible qu'il vient de dessiner, en procédant comme s'il attribuait un arbre stylisé à un bandeau publicitaire. Chaque arbre stylisé est sauvegardé dans la base de données des structures arborescentes (El). Après validation (clic sur le bouton "OK"), la fenêtre disparaît, lui donnant la possibilité de dessiner d'autres zones sensibles auxquelles il associera des arbres stylisés (E2). Au fur et à mesure du déroulement de ce processus, le marqueur originel est progressivement enrichi, le nouveau marqueur étant en mémoire dans le DOM de la page Web de l'interface de développement. Une fois cela réalisé, l'utilisateur clique sur le bouton de validation (bouton "OK") (SI), ce qui entraîne la mise à disposition du marqueur enrichi dans le champ "marqueur", de telle manière que l'utilisateur puisse le copier pour le transmettre aux serveurs de régie qu'il choisira.The development interface initially invites the user to paste the original marker in the "marker" field. The user then draws a sensitive area on the image it imported so that it appears on the interface page. Then it validates this sensitive area by clicking on the "Tree association" button, which opens a window ("tree selection and stylization") largely taking up the Rich- development interface. Banner. The user then defines a stylized tree for the sensitive area he has just drawn, by proceeding as if he were assigning a stylized tree to an advertising banner. Each stylized tree is saved in the tree structure database (El). After validation (click on the "OK" button), the window disappears, giving him the possibility of drawing other sensitive zones with which he will associate stylized trees (E2). As this process proceeds, the original marker is gradually enriched, the new marker being stored in the DOM of the web page of the development interface. Once this is done, the user clicks on the validation button ("OK" button) (SI), which results in the provision of the enriched marker in the "marker" field, so that the user can copy to transmit it to the management servers it chooses.
La phase de production a une particularité essentielle: après que le marqueur enrichi ait fait appel à l'image par le biais de la balise IMG, il sollicite le serveur d'arbre autant de fois qu'il y a de balises AREA imbriquées dans la balise MAP, c'est-à-dire autant de fois qu'il y a de zones sensibles associées à une structure arborescente.The production phase has one essential characteristic: after the enriched marker has called on the image via the IMG tag, it requests the tree server as many times as there are nested AREA tags in the MAP tag, that is to say as many times as there are sensitive areas associated with a tree structure.
Quant à la cascade de requêtes conduisant à appeler le marqueur enrichi, il peut s'agir, par exemple, d'une simple page Web incorporant ce marqueur. L'image peut également être, par exemple, un bandeau publicitaire, auquel cas, ledit bandeau sera acheminé vers la plate-forme cliente de l'internaute suivant le processus classique dont nous avons déjà fait mention, à savoir le tag publicitaire, suivi du tag agence et enfin de l'appel au serveur de contenu. Ainsi, on peut concevoir d'adjoindre des zones sensibles sur des bandeaux publicitaires existants, zones sensibles auxquelles on associe des structures arborescentes stockées sur un serveur d'arbre indépendant. On ajoute ainsi l'interactivité, non plus à l'extérieur de la bannière mais au sein même de l'espace publicitaire.As for the cascade of requests leading to calling the enriched marker, it can be, for example, a simple Web page incorporating this marker. The image can also be, for example, an advertising banner, in which case, said banner will be routed to the client platform of the Internet user according to the conventional process which we have already mentioned, namely the advertising tag, followed by agency tag and finally the call to the content server. Thus, it is conceivable to add sensitive areas to existing advertising banners, sensitive areas to which we associate tree structures stored on an independent tree server. Interactivity is thus added, no longer outside the banner but within the advertising space itself.
Un cas particulier de Rich-Image consiste à naviguer d'images en images par le biais des zones sensibles, c'est-à-dire de permettre, à partir d'un click sur une zone sensible zSi de l'image A, d'atteindre une image B qui, elle-même, contient des zones sensibles dont la cible est une autre image. Cela peut effectivement se concevoir selon le procédé de la présente invention, dans la mesure où l'on considère la création d'une structure arborescente TL réduite à une feuille contenant le code client (javascript par exemple) permettant d'atteindre l'image B. Cette structure arborescente Ti peut également ne pas se réduire à une feuille et présenter un ensemble d'images différentes Bj vers lesquelles naviguer à partir de 1 ' image A.A special case of Rich-Image consists in navigating from images to images through sensitive areas, that is to say, allowing, from a click on a sensitive area zSi of image A, d '' reach an image B which, itself, contains sensitive zones whose target is another image. This can indeed be conceived according to the method of the present invention, insofar as we consider the creation of a tree structure T L reduced to a sheet containing the client code (javascript for example) making it possible to reach the image B. This tree structure Ti may also not be reduced to a sheet and present a set of different images B j towards which to navigate from the image A.
Les zones sensibles d'une image sont réalisées à partir de polygones fermés. La question se pose de savoir s'il est possible d'établir, sur une image, des zones sensibles à partir d'autres primitives géométriques que les polygones fermés, et ceci sans plug-in, c'est-à-dire en ne comptant que sur le navigateur natif. La solution passe par la possibilité de construire l'ensemble des primitives géométriques à partir de polygones fermés. Si cela est réalisé, il sera alors possible de construire n'importe quelle figure géométrique à partir de zones sensibles. Il s'agit donc d'établir un ensemble de correspondance sous la forme, par exemple de bibliothèques de script en javascript.The sensitive areas of an image are made from closed polygons. The question arises of knowing if it is possible to establish, on an image, sensitive zones from other geometric primitives than closed polygons, and this without plug-in, that is to say by not counting only on the native browser. The solution goes through the possibility of constructing the set of geometric primitives from closed polygons. If this is done, then it will be possible to construct any geometric figure from sensitive areas. It is therefore a question of establishing a set of correspondence in the form, for example of script libraries in javascript.
La balise <map> doit être utilisée avec la balise <area>qui, elle, possède trois attributs : shape, coords et href. Nous nous intéressons ici à shape et coords .The <map> tag must be used with the <area> tag, which has three attributes: shape, coords and href. We are interested here in shape and coords.
« shape » peut prendre trois valeurs :"Shape" can take three values:
- rect : Pour un rectangle - circle : Pour un cercle poly : Pour un polygone « c o o r d s » :- rect: For a rectangle - circle: For a poly circle: For a "c o o r d s" polygon:
- Indique les coordonnées des coins supérieurs gauche et inférieur droit de la zone pour un rectangle « rect » - Indique les coordonnées de chaque angle du polygone si vous optez pour la valeur « poly »- Indicates the coordinates of the upper left and lower right corners of the area for a rectangle "rect" - Indicates the coordinates of each angle of the polygon if you choose the value "poly"
- Indique les coordonnées du centre du cercle et la dimension du rayon de ce même cercle pour la valeur « circle »- Indicates the coordinates of the center of the circle and the dimension of the radius of this same circle for the value "circle"
Les polygones ne posent bien sûr aucun problème puisqu'ils correspondent à la valeur "poly" de l'attribut "shape". Donc : carrés, rectangles, losanges, triangles, quadrilatères ... ne posent pas de problèmes. Les cercles ne posent bien sûr aucun problème puisqu'ils correspondent à la valeur "circle" de l'attribut "shape". La droite (AB) (aussi bien que la demi-droite [AB) ou le segment [AB]) est représentée par le polygone ABA (triangle). L'ellipse est représentée par un polygone inscrit dans l'ellipse que l'on cherche à tracer. La polyline (ligne brisée) Al ... , An est obtenue par le polygone Alf ... , _ι r A.,, A-..!, ... rA . La courbe (C) est obtenue par la polyline Aιr ... , A-, dont les sommets sont répartis régulièrement sur la courbe (C), et ceci suffisamment fréquemment. Le point est représenté par un cercle de petit diamètre. Et ainsi de suite.Polygons are of course no problem since they correspond to the "poly" value of the "shape" attribute. So: squares, rectangles, diamonds, triangles, quadrilaterals ... are no problem. Circles are of course no problem since they correspond to the "circle" value of the "shape" attribute. The line (AB) (as well as the half-line [AB) or the segment [AB]) is represented by the polygon ABA (triangle). The ellipse is represented by a polygon inscribed in the ellipse that we are trying to trace. The polyline (broken line) A l ..., A n is obtained by the polygon A lf ..., _ ι r A. ,, A- .. ! , ... r A. The curve (C) is obtained by the polyline A ιr ..., A-, the vertices of which are distributed regularly on the curve (C), and this frequently enough. The point is represented by a small diameter circle. And so on.
On peut donc ainsi concevoir notamment une équivalence entre le principe des zones sensibles d'une image en HTML et les plug-ins à vocation de graphisme vectoriel (SVG, Flash ...) .We can thus conceive in particular an equivalence between the principle of sensitive areas of an image in HTML and plug-ins with vocation of vector graphics (SVG, Flash ...).
On note que, dans le cas du Rich-Geobject, et ce le plus souvent, il est préférable de faire en sorte que le serveur du support de consultation soit identique au support de l'élément, c'est-à-dire ici du serveur spatial. II est effectivement nécessaire que l'élément, afin d'être correctement affiché, subisse les mêmes types de traitement que ceux appliqués au support de consultation (la carte géographique). Ces traitements sont du domaine particulier des SIG (Systèmes d'Information Géographique). Il s'agit notamment des agents intelligents en vue du stockage puis de l'extraction des données stockées selon une indexation spatiale, du clipping évitant tout débordement graphique, des transformations permettant une conversion en mode vectoriel de données structurées par exemple en GML (Geography Markup Language).It is noted that, in the case of the Rich-Geobject, and this most often, it is preferable to ensure that the server of the consultation medium is identical to the medium of the element, that is to say here of the space server. It is indeed necessary that the element, in order to be correctly displayed, undergo the same types of treatment as those applied to the consultation medium (the geographic map). These treatments are specific to GIS (Geographic Information Systems). These include intelligent agents for the storage and then the extraction of the data stored according to a spatial indexing, clipping avoiding any graphic overflow, transformations allowing conversion into structured mode of structured data for example in GML (Geography Markup Language).
La phase de développement de Rich-Geobject est assez proche de celle de Rich-Image dans la mesure où, de manière équivalent, elle intègre un travail graphique consistant à dessiner sur la carte même l'ensemble des primitives géométriques desquelles on compte déployer les structures arborescentes.The development phase of Rich-Geobject is fairly close to that of Rich-Image insofar as, in an equivalent manner, it integrates a graphic work consisting of drawing on the map even the set of geometric primitives of which we intend to deploy the structures tree.
S'il s'agit d'une carte géographique statique (image Gif par exemple), le problème se ramène à celui déjà traité de Rich-Image. Cependant, s'il s'agit d'une carte géographique dynamique, le problème se ramène, en partie, à celui traité dans le cas de Rich-Word, à savoir le stockage de l'association entre l'élément (ici la primitive géométrique) et la structure arborescente. Car ce n'est qu'une fois que ladite primitive fera partie intégrante du DOM de la page de la plate-forme cliente, qu'il sera possible d'effectuer la recherche de la structure arborescente qui lui a été éventuellement associée dans une phase antérieure de développement. Les primitives sont mémorisées par leur forme en coordonnées terrestres (latitude et longitude). Elles sont définies par la faculté offerte, par l'interface de développement à l'utilisateur, de tracer ces primitives en surimpression d'une carte géographique, puis de les associer à des structures arborescentes stylisées. L'interface de développement doit donc servir une carte géographique, issue d'un serveur spatial, et permettre à l'internaute de naviguer sur ladite carte, afin de positionner correctement ladite primitive géométrique. La phase de production reposera sur des cartes géographiques servies par le même serveur spatial que celui qui a servi au cours de la phase de développement, ceci afin d'éviter tout problème d'incohérence de données.If it is a static geographic map (Gif image for example), the problem comes down to the one already dealt with in Rich-Image. However, if it is a dynamic map, the problem comes down, in part, to that treated in the case of Rich-Word, namely the storage of the association between the element (here the geometric primitive) and the tree structure. Because it is only once that said primitive will become an integral part of the DOM of the page of the client platform, that it will be possible to carry out the search for the tree structure which has possibly been associated with it in a phase anterior development. Primitives are memorized by their shape in terrestrial coordinates (latitude and longitude). They are defined by the faculty offered, by the development interface to the user, of drawing these primitives in superimposition of a geographical map, then of associating them with stylized tree structures. The development interface must therefore serve a geographic map, coming from a space server, and allow the internet user to navigate on said map, in order to correctly position said geometric primitive. The production phase will be based on geographic maps served by the same space server as that which served during the development phase, in order to avoid any problem of data inconsistency.
La figure 29 indique un exemple d'interface de développement. La phase El correspond à l'enregistrement de l'arbre stylisé, tandis que la phase E2 fait revenir l'internaute à l'interface de départ. En phase SI sont enregistrées les coordonnées terrestres de la primitive géométrique, qu'il vient de dessiner sur la carte géographique, ainsi que l'association de cette primitive avec l'arbre stylisé qu'il vient de créer.Figure 29 shows an example of a development interface. Phase E1 corresponds to the registration of the stylized tree, while phase E2 brings the user back to the starting interface. In the SI phase, the terrestrial coordinates of the geometric primitive, which he has just drawn on the geographic map, are recorded, as well as the association of this primitive with the stylized tree which he has just created.
La figure 30 représente un exemple de phase de production de Rich-Geobject, dans le cas d'un serveur spatial s 'appuyant sur la technologie SVG. La requête de l'internaute conduit à afficher une carte géographique, ce qui conduit à afficher les primitives géométriques correspondantes, et ce qui conduit finalement à importer les arbres stylisés associés à ces primitives géométriques. Ainsi, dans la phase d'affichage, l'internaute effectue une requête spatiale à partir, par exemple, d'un click sur une carte géographique d'une page Web. Dans la phase de déploiement, la structure arborescente est graphiquement déployée à partir d'un survol par la souris d'un des éléments affichés. Enfin, dans la phase d'utilisation, l'internaute clique sur un des menus déployés et a accès à la minipage correspondante dans une pop-up, minipage éventuellement dynamiquement créée pour tenir compte des coordonnées géographiques correspondant à la position du curseur.FIG. 30 represents an example of the Rich-Geobject production phase, in the case of a space server relying on SVG technology. The user's request leads to the display of a geographic map, which which leads to display the corresponding geometric primitives, and which ultimately leads to importing the stylized trees associated with these geometric primitives. Thus, in the display phase, the Internet user makes a spatial request from, for example, a click on a geographic map of a web page. In the deployment phase, the tree structure is graphically deployed from a mouse over of one of the displayed elements. Finally, in the use phase, the user clicks on one of the menus deployed and has access to the corresponding minipage in a pop-up, minipage possibly dynamically created to take into account the geographic coordinates corresponding to the cursor position.
Considérons une navigation de type nouvelle génération.Consider a new generation type navigation.
La méthode traditionnelle de navigation peut être modélisée comme ceci : l'internaute navigue de pages Web en page Web par le biais de clics sur les liens desdites pages. Nous identifierons chaque étape de cette navigation par l'indice i=l, 2, 3 ... A la iιeme étape de la navigation, nous noterons L la page Web affichée dans le navigateur. L'internaute démarre sa navigation par l'ouverture du navigateur qui ouvre la page d'accueil dudit navigateur, page Web correspondant à l'indice i≈l. Autrement dit la navigation démarre à la page A1. On définit la suite de pages Web (AA) de la façon suivante : l'internaute passe de la page AL à la page Ai+1 en cliquant sur un lien de la page Ai. Les liens d'une page Web sont repérés, dans son DOM (document object model), entre autres par l'attribut « href » des éléments « A » ou des éléments « IMG ». L'internaute clique sur le kieme lien de la page A±, kième lien dans l'ordre d'apparition dans le DOM de la page Ai au sens d'un parsing défini au préalable. On peut donc définir la suite (k±) comme la suite constituée par les indices k choisis par l'internaute au cours de sa navigation de page en page. Autrement dit, à la iιeme étape, l'internaute clique sur le kiième lien de la page A . A l'instar de la suite ( i), la suite (k±) n'est pas connue a priori, mais est construite au fur et à mesure de la navigation. Elle est donc connue seulement a posteriori, aucune règle mathématique ne permettant de la définir a priori puisqu'elle dépend des choix arbitraires de la navigation de l'internaute.The traditional method of navigation can be modeled like this: the Internet user navigates from Web pages to Web page by means of clicks on the links of said pages. We will identify each stage of this navigation by the index i = l, 2, 3 ... At the i th stage of navigation, we will note L the web page displayed in the browser. The internet user starts browsing by opening the browser which opens the home page of said browser, a web page corresponding to the index i≈l. In other words, navigation starts on page A 1 . We define the web page sequence (A A ) in the following way: the Internet user goes from page A L to page A i + 1 by clicking on a link on page Ai. The links of a Web page are identified, in its DOM (document object model), among others by the attribute "href" of the elements "A" or of the elements "IMG". The user clicks on the k th link of the page A ± , k th link in the order of appearance in the DOM of the page A i in the sense of a parsing defined beforehand. We can therefore define the sequence (k ± ) as the sequence formed by the indices k chosen by the user during his navigation from page to page. In other words, at the i th step, the user clicks on the ki th link on page A. Like the sequence (i), the sequence (k ± ) is not known a priori, but is built as you navigate. It is therefore known only a posteriori, no mathematical rule making it possible to define it a priori since it depends on the arbitrary choices of the navigation of the Internet user.
On notera A± (k) la page Web, cible du klème lien de la page A±. A la iιeme étape de sa navigation, l'internaute clique sur le kJ"eme lien de la page Ai f lien dont la valeur de l'attribut href est donc url (A± (ki)). Par définition de la suite de pages Web (A±) constituant la navigation de l'internaute, on a : Ai+1=Ai (k±). C'est une façon de dire que la page Ai+1 est la page cible du lien kA de la page A±.We will note A ± (k) the web page, target of the k th link of page A ± . At the i th stage of his navigation, the Internet user clicks on the kJ " th link of the page A if link whose value of the attribute href is therefore url (A ± (ki)). By definition of the continuation of Web pages (A ± ) constituting the navigation of the Internet user, we have: A i + 1 = Ai (k ± ). This is a way of saying that page A i + 1 is the target page of the link k A from page A ± .
Définissons maintenant une navigation Farnelienne : considérons une navigation traditionnelle (Ai), définie par la relation : Ai+1=Ai (ki) . Considérons ensuite une page dynamique P située sur un serveur à l'url suivante : url(P). Par hypothèse, cette page P dynamique doit admettre, en entrée, au moins un paramètre nommé « url », de type chaîne de caractères. On écrira : P(url, ... ) Une navigation ( 'i) est dite « navigation Farnelienne d'origine (A£) et de paramètre P », ce que nous notons (A'i)=F[ (AL) ,P] , si, pour tout i, on a A'i(k)= P(url(A±(k)) ...). Si on remplace k par kif on a alors :Now define a Farnelian navigation: consider a traditional navigation (Ai), defined by the relation: A i + 1 = Ai (ki). Then consider a dynamic page P located on a server at the following url: url (P). By assumption, this dynamic page P must admit, as input, at least one parameter named "url", of type string. We will write: P (url, ...) A navigation ('i) is called "Farnelian navigation of origin (A £ ) and of parameter P", which we note (A'i) = F [(A L ), P], if, for all i, we have A'i (k) = P (url (A ± (k)) ...). If we replace k with k if we then have:
A'i(ki) = P(url(Ai(ki)) , ...) soit A'i+1 = P(url(Ai+1)). Dans le cas, par exemple, du kième lien constitué par un lien hypertexte, on avait, dans le DOM de la page Al r l'élément suivant : <A href≈ « url(A±(k)) » > Désormais, on a, dans le DOM de la page A'i, l'élément suivant : <A href≈ « url(P) ? url≈ 'url(Ai(k))' & ... » >A'i (ki) = P (url (Ai (ki)), ...) or A ' i + 1 = P (url (A i + 1 )). In the case, for example, of the k th link constituted by a hypertext link, we had, in the DOM of page A lr the following element: <A href≈ "url(A ± (k))"> Now, we have, in the DOM of page A'i, the following element: <A href≈ "url (P)? url≈ 'url (Ai (k))'& ... ">
Une fois k£ déterminé (à l'occasion du clic de l'internaute), Ai+1 l'est au même moment, puisque A1+1=Ai (k±) . La requête lancée est alors la suivante : « url(P) ? url≈ iurl(Ai(ki) ) ' & ... », c'est-à-dire : « url(P) ? url≈ 'url(Ai+1)' & ... »Once k £ has been determined (when the user clicks), A i + 1 is determined at the same time, since A 1 + 1 = Ai (k ± ). The query launched is then the following: “url (P)? url≈ i url (A i (k i )) '& ... ", that is to say:" url (P)? url≈ 'url (A i + 1 )'& ... "
La nature de la page dynamique P conditionne le type de traitement effectué sur le serveur. Afin que la navigation (A'±) « colle », autant que possible, à la navigation (Ai) , on doit veiller à ce que soit respectée une contrainte supplémentaire relative à la nature de ce traitement. Dans notre cas, A'i+1 (résultat de la requête « url(P) ? url≈ 'url(Ai+1)' & ... ») ne doit pas trop être « éloigné » de Ai+1. Nous imposerons donc, qu'au minimum, le k ième iien de la page A'i+1 ait pour cible « url(P) ? url≈ yurl(A1+1(k) ) ' & ... » Ce qui entraîne que le traitement opéré par la page P contienne, au minimum, l'opération consistant, pour chaque lien k de la page Ai+1 (page accessible puisque son url est en paramètre de P), à extraire l'url url(Ai+1(k) ) , et à réaliser une concaténation de chaîne de caractères entraînant la création dynamique de la chaîne de caractères suivante : « url(P) ? url≈ yurl(Ai+1(k) ) ' & ... », chaîne placée en page cible du kième l ien de l a page A / l+ι .The nature of the dynamic page P conditions the type of processing carried out on the server. So that navigation (A ' ± ) "sticks" as much as possible to navigation (Ai), care must be taken to ensure that an additional constraint relating to the nature of this processing is observed. In our case, A ' i + 1 (result of the query "url (P)? Url≈' url (A i + 1 ) '&...") must not be too far from A i + 1 . We will therefore impose that, at a minimum, the k th ii en on page A ' i + 1 has for target "url (P)? url≈ y url (A 1 + 1 (k)) '& ... "Which means that the processing performed by page P contains, at a minimum, the operation consisting, for each link k of page A i + 1 (page accessible since its url is in parameter of P), to extract the url url (A i + 1 (k)), and to perform a concatenation of character string resulting in the dynamic creation of the following character string: "Url (P)? url≈ y url (A i + 1 (k)) '& ... ", string placed on the target page of the k th link of page A / l + ι .
Une généralisation du concept de navigationA generalization of the concept of navigation
Farnelienne peut consister à ne pas être contraint par une page dynamique P indépendant des indices i et k. Nous noterons alors Pik au lieu de P. Nous définissons ainsi, à partir de la navigation (Ax) , une navigation (A'i) , dite navigation « d'origine (A ) » et « paramétrée par la suiteFarnelienne can consist in not being constrained by a dynamic page P independent of the indices i and k. We we will then denote P ik instead of P. We thus define, from the navigation (A x ), a navigation (A'i), called the “original (A)” navigation and “subsequently configured
(Pi*) »• La suite (A'i+1) est alors définie par la relation de récurrence suivante :(Pi *) » • The sequence (A ' i + 1 ) is then defined by the following recurrence relation:
A'i+1= Pik(url(Ai(ki)) , ...) ou encore A'i+1 = Pik(url(Ai+1) )A ' i + 1 = P ik (url (Ai (ki)), ...) or A' i + 1 = P ik (url (A i + 1 ))
Une navigation (Bi) est dite conditionnée s'il existe une navigation (A£) et une suite de conditions (Ci), telles que, pour tout i, la page Bi corresponde à la transformation « minimale » de la page Ai, de telle façon que B± vérifie la condition Ci. On notera : (Bi)=C[ (A±) , (Ci) ] On dira de la navigation (Bi) qu'elle est une navigation conditionnée par (Ci) et d'origine (A±) .A navigation (Bi) is said to be conditioned if there is a navigation (A £ ) and a series of conditions (Ci), such that, for all i, the page Bi corresponds to the "minimal" transformation of the page Ai, of such that B ± verifies the condition Ci. We will note: (Bi) = C [(A ± ), (Ci)] We will say of the navigation (Bi) that it is a navigation conditioned by (Ci) and of origin (A ± ).
Cas particulier : Dans le cas où la suite (Ci) est constante et vaut C, on dira, par abus de langage, que (B±) est conditionnée par C.Special case: In the case where the sequence (Ci) is constant and worth C, we will say, by abuse of language, that (B ± ) is conditioned by C.
La condition C, que l'on suppose être vérifiée par AL, page actuellement affichée dans le navigateur, est dite « se propager » de AL à Ai+1 si, à l'issue de la transition conduisant à l'affichage de Ai+1, elle est vérifiée par Ai+1.Condition C, which is supposed to be verified by A L , page currently displayed in the browser, is said to be "propagated" from A L to A i + 1 if, at the end of the transition leading to display of A i + 1 , it is verified by A i + 1 .
Par définition d'une navigation (Bi) conditionnée par la condition C, ladite condition C doit être vérifiée pour tout i supérieur ou égal à 1. Pour que cela soit réalisé, elle doit être vérifiée pour i≈l et doit se « propager » de AA à Ai+1 (ceci pour tout i supérieur ou égal à 1) . Pour que le procédé de propagation de la condition C soit effectif, on doit tenir compte non seulement de la propagation de ladite condition C mais aussi de la propagation des moyens de cette propagation. Un moyen de réalisation d'une telle propagation consiste à faire en sorte qu'il existe un fichier, appelé par convention « script distant » , inc luant un code interprétable par la plate-forme cliente , tel que , pour tout i, soient vérifiées les deux contraintes suivantes :By definition of a navigation (Bi) conditioned by condition C, said condition C must be verified for any i greater than or equal to 1. For this to be achieved, it must be verified for i≈l and must "propagate" from A A to A i + 1 (this for any i greater than or equal to 1). For the propagation method of condition C to be effective, account must be taken not only of the propagation of said condition C but also of the propagation of the means of this propagation. One way of carrying out such a propagation consists in ensuring that there is a file, called by “remote script” convention, including a code interpretable by the client platform, such that, for all i, the following two constraints are verified:
« Ai contient une référence au « script distant »"Ai contains a reference to the" remote script "
Un cas particulier est celui du script distant dont le langage est le javascript, et que nous noterons « sd.js », ladite référence pouvant alors s'exprimer de la façon suivante : <SCRIPT src≈ « url(sd.js) »></SCRIPTA special case is that of the remote script whose language is javascript, and which we will note “sd.js”, said reference can then be expressed as follows: <SCRIPT src≈ “url (sd.js)”> </ SCRIPT
• La cible du kième lien de la page A± est une instruction lançant la fonction sd avec pour paramètre (url(Ai(k) ) ) .• The target of the k th link on page A ± is an instruction launching the sd function with the parameter (url (Ai (k))).
Dans le cas particulier précédent, il s'agira de l'instruction suivante :In the previous particular case, it will be the following instruction:
« javascript : sd(url(Ai(k) ) ) »"Javascript: sd (url (Ai (k)))"
Nous avons, jusqu'à présent, mentionné la notion de propagation de la condition C de i à i+1. Il est bien sûr nécessaire, afin qu'une telle propagation puisse exister, que la première page Aλ d'une telle navigation (Ai) vérifie ladite condition C, autrement dit qu'il y ait un début à cette propagation. La solution va consister, ici, à faire en sorte qu'une telle navigation démarre dès l'ouverture du navigateur. Pour cela, la solution consiste à redéfinir la page d'accueil du navigateur, que nous noterons A0, sans pour autant imposer à l'internaute de voir, à l'ouverture du navigateur, une autre page que celle qu'il a l'habitude de voir en premier, page que nous noterons ici Ax. Autrement dit, il va s'agir de définir une nouvelle page d'accueil A0 qui effectuera un traitement puis redirigera vers la page Aλ . Ledit traitement aura pour finalité de faire en sorte que la page Ax vérifie la condition c, car si cela est le cas, il en sera donc de même de la page A2 puis de la page A3 et ainsi de suite, du fait de la propagation de ladite condition.So far, we have mentioned the notion of propagation of the condition C from i to i + 1. It is of course necessary, so that such a propagation can exist, that the first page A λ of such a navigation (Ai) satisfies said condition C, in other words that there is a beginning to this propagation. The solution here will be to ensure that such navigation starts as soon as the browser is opened. For that, the solution consists in redefining the home page of the navigator, which we will note A 0 , without forcing to the Net surfer to see, at the opening of the navigator, another page than that which it has used to see first, page that we will note here A x . In other words, it will be a question of defining a new home page A 0 which will process and then redirect to page A λ . The purpose of said processing will be to cause page A x to satisfy condition c, because if this is the case, it will therefore be the same for page A 2 then page A 3 and so on, because the spread of said condition.
Il s'agit d'un problème équivalent au principe connu de mathématiques, dit de « récurrence ». Si on note P± la propriété suivante : (PA) « La page A± vérifie la condition C »It is a problem equivalent to the known principle of mathematics, called "recurrence". If we note P ± the following property: (P A ) "Page A ± checks condition C"
Et si l'on suppose que :And if we assume that:
• la propriété Px est vraie,• the property P x is true,
• Pour tout i supérieur ou égal à 1, (Pi est vraie) entraîne que (P±+i est vraie)• For any i greater than or equal to 1, (Pi is true) implies that (P ± + i is true)
Alors, conformément au principe de récurrence, on peut dire que : pour tout i supérieur ou égal à 1, (P± est vraie) .Then, in accordance with the principle of recurrence, we can say that: for any i greater than or equal to 1, (P ± is true).
Ceci est une autre façon de dire que quelle que soit la page atteinte au cours du processus de navigation de l'internaute, celle-ci vérifie la condition C.This is another way of saying that whatever page is reached during the browsing process, the user checks condition C.
Le tout est donc de faire en sorte que la page A0 se redirige vers Ax de telle manière que Px soit vraie, c'est-à-dire que Ax vérifie la condition C.The main thing is therefore to ensure that the page A 0 redirects to A x in such a way that P x is true, that is to say that A x satisfies condition C.
L'internaute définit la page qu'il verra en premier (Ax) par le biais d'un site Web dédié et non plus directement par le navigateur.The user defines the page he will see first (A x ) through a dedicated website and no longer directly by the browser.
Une fois cette page Ax renseignée à l'aide d'un champ texte d'un formulaire dudit site Web dédié, la validation dudit formulaire entraîne la création d'une page dynamique vérifiant la condition C ainsi que les moyens de sa propagation, et se redirigeant automatiquement vers la page Ax.Once this page A x filled using a text field of a form of said dedicated website, the validation of said form results in the creation of a dynamic page verifying condition C as well as the means of its propagation, and automatically redirecting to page A x .
La validation du formulaire entraîne également la modification des paramètres du navigateur en attribuant comme page d'accueil de celui-ci ladite page dynamique A0.The validation of the form also entails the modification of the browser settings by assigning the dynamic page A 0 as its home page.
Nous dirons de la navigation Farnelienne (A'i)=F[ (Ai) ,P] qu'elle est une navigation d'élément permanent « ep », si c'est une navigation conditionnée par la condition C définie par le fait que, pour tout i :We will say of the Farnelian navigation (A'i) = F [(Ai), P] that it is a navigation of permanent element "ep", if it is a navigation conditioned by the condition C defined by the fact that , for all i:
Le DOM de A'± inclut un fragment identifié par la chaîne de caractères « ep », l'interprétation de ce fragment par le navigateur correspondant à la représentation dudit élément permanent sur la page affichée dans le navigateur.The DOM of A ' ± includes a fragment identified by the character string "ep", the interpretation of this fragment by the browser corresponding to the representation of said permanent element on the page displayed in the browser.
Un exemple de fragment est le calque suivant : <DIV id≈ « ep »> ... code HTML ... </DIV> (Nous considérerons, par la suite, être dans ce cas particulier) . Ledit fragment est posté pour être récupéré par la page dynamique de la navigation Farnelienne. La propagation de ladite condition C consiste à propager un fragment de code identifié de façon permanente de page en page, ainsi que de propager le moyen de cette propagation. Afin de différencier le cas particulier de la condition de l'élément permanent d'une condition plus générale, nous nommerons « ep » le script distant et « ep() » une fonction définie dans ledit script distant.An example of a fragment is the following layer: <DIV id≈ "ep"> ... HTML code ... </DIV> (We will consider, in the following, to be in this particular case). Said fragment is posted to be retrieved by the dynamic Farnelian navigation page. The propagation of said condition C consists in propagating a fragment of code identified permanently from page to page, as well as in propagating the means of this propagation. In order to differentiate the particular case of the condition of the permanent element from a more general condition, we will name "ep" the remote script and "ep ()" a function defined in said remote script.
Un cas particulier est celui du script permanent exprimé en javascript, que nous noterons « ep.js », ladite référence pouvant alors s'exprimer de la façon suivante : <SCRIPT src≈ « url (ep.js) »></SCRIPT>A particular case is that of the permanent script expressed in javascript, which we will note "ep.js", said reference can then be expressed as follows: <SCRIPT src≈ "url (ep.js)"> </SCRIPT>
Par définition de la suite (k±), l'internaute clique sur le kiième lien de la page Ai r ce qui, par hypothèse, appelle la fonction ep(url(Ai(ki) ) . Étudions un principe possible de fonctionnement d'un tel appel :By definition of the sequence (k ± ), the user clicks on the ki th link on the page A ir which, by hypothesis, calls the function ep (url (Ai (ki)). Let us study a possible principle of operation of such a call:
• cette fonction crée dynamiquement un formulaire contenant un champ texte (élément de type « input » ) , dont 1 ' attribut « name » a pour valeur « ep » , qui permet de poster l'élément <DIV id= « ep »>, ceci grâce à la méthode document. getElementByld( « ep ») qui permet de repérer cet élément.• this function dynamically creates a form containing a text field (element of type "input"), whose attribute "name" has the value "ep", which allows the element <DIV id = "ep"> to be posted, this thanks to the document method. getElementByld ("ep") which locates this element.
• La fonction donne ensuite, en valeur de l'attribut « action » du bouton « submit » dudit formulaire, la chaîne de caractères correspondant à la requête suivante : url(P) ? url=url(Ai(ki) ) , où A^k est la chaîne de caractères passée en paramètre de la fonction « ep » .• The function then gives, in value of the "action" attribute of the "submit" button of said form, the character string corresponding to the following query: url (P)? url = url (Ai (ki)), where A ^ k is the character string passed in parameter of the "ep" function.
• Enfin, la fonction simule un clic sur le bouton « submit » du formulaire, ceci grâce à l'instruction « submit.click( ) », ce qui a pour conséquence d'envoyer ladite requête accompagnée du fragment correspondant à l'élément permanent dans l'état dans lequel il était au moment du click de l'internaute sur un des liens de la page Ai.• Finally, the function simulates a click on the "submit" button of the form, this thanks to the "submit.click ()" instruction, which results in sending said request accompanied by the fragment corresponding to the permanent element in the state it was in when the user clicked on one of the links on the Ai page.
Dans le cadre de la technologie XML, nous pouvons considérer que la page P est un fichier XML associé à une feuille de style XSLT que nous noterons Q ; La page dynamique est alors notée : PQ.In the context of XML technology, we can consider that page P is an XML file associated with an XSLT stylesheet which we will denote by Q; The dynamic page is then noted: P Q.
La page PQ vers laquelle est orienté l'internaute est donc le résultat d'un processus XSLT transformant la page Ai+1 en A'i+1, ce que l'on peut noter sous la forme : A'i+1=PQ(Ai+1) . La page PQ commence par charger dans son DOM la page ceci grâce à l'url dont la chaîne de caractères est explicitement écrite en paramètre de la requête url(PQ?url(Ai(ki) ) ) .The page P Q towards which the Internet user is directed is therefore the result of an XSLT process transforming the page A i + 1 into A ' i + 1 , which can be noted in the form: A' i + 1 = P Q (A i + 1 ). The P Q page starts with load the page in your DOM this thanks to the url whose character string is explicitly written as a parameter of the url request (P Q ? url (Ai (ki))).
Détaillons maintenant la transformation t transformant Ai+1 en A'i+1 ) :Let us now detail the transformation t transforming A i + 1 into A ' i + 1 ):
Une fois la page Ai+1 chargée dans le DOM de la page PQ, cette dernière va parser (traverser) le DOM de la page Ai+1 à la recherche des occurrences de liens (par exemple en recherchant les éléments ayant un attribut « href »). Pour chaque lien ainsi trouvé, elle analyse la chaîne de caractères constitutive de la valeur de sa cible (par exemple la valeur de l'attribut « href »). Si ladite chaîne de caractères commence par l'expression « javascript », aucune modification n'est apportée. Si ce n'est pas le cas, cela veut dire que la valeur de l'attribut « href » du kιeme lien de la page Ai+1 est de la forme url (Ai+1 (k)). Le processus XSLT modifie alors la valeur de cet attribut par concaténation dynamique d'une chaîne de caractères afin que la nouvelle valeur soit : « javascript : ep(url(PQ) ? url(Ai+1(k) ) ) », ce qui permet de faire en sorte que la deuxième contrainte de conditionnante soit vérifiée par la pageOnce the page A i + 1 loaded in the DOM of page P Q , the latter will parse (cross) the DOM of page A i + 1 in search of link occurrences (for example by searching for elements having a attribute "href"). For each link thus found, it analyzes the character string constituting the value of its target (for example the value of the "href" attribute). If the said character string begins with the expression "javascript", no modification is made. If it is not the case, that means that the value of the attribute "href" of the k th link of the page A i + 1 is of the form url (A i + 1 (k)). The XSLT process then modifies the value of this attribute by dynamic concatenation of a character string so that the new value is: "javascript: ep (url (P Q )? Url (A i + 1 (k)))", which allows to make sure that the second condition constraint is checked by the page
Elle s'est ainsi bien propagée de i à i+1. Il suffit donc qu'elle soit vérifiée pour i≈l pour que, se propageant ainsi, elle le soit pour tout i supérieur ou égal à 1, conformément au principe mathématique de raisonnement par récurrence (Voir chapitre précédent). De la même manière, la première contrainte de conditionnante se propage de i à i+1 par la simple capacité du processus PQ à générer le code suivant : « <SCRIPT src≈ « ep.js »></SCRIPT> dans la nouvelle page affichée.It thus propagated well from i to i + 1. It therefore suffices that it is verified for i≈l so that, propagating in this way, it is verified for any i greater than or equal to 1, in accordance with the mathematical principle of reasoning by induction (See previous chapter). In the same way, the first conditioner constraint propagates from i to i + 1 by the simple capacity of the process P Q to generate the following code: "<SCRIPT src≈" ep.js "></SCRIPT> in the new page displayed.
La première condition de l'élément permanent s'est propagée de i à i+1, puisque le formulaire dynamiquement créé, a posté le fragment identifié par « ep », de telle manière qu'il soit récupéré dans la nouvelle page affichée. Quant à la deuxième condition de l'élément permanent, elle s'est propagée de i à i+1 puisqu'il s'agit d'une fonctionnalité incluse dans la fonction ep(), à laquelle fait référence la nouvelle page affichée du fait de la propagation des deux contraintes de conditionnante.The first condition of the permanent element propagated from i to i + 1, since the dynamically created form posted the fragment identified by "Ep", so that it is retrieved from the new page displayed. As for the second condition of the permanent element, it has propagated from i to i + 1 since it is a functionality included in the ep () function, to which the new page displayed refers because of the propagation of the two conditioning constraints.
Le principe de Rich-Miniportail est de permettre à un internaute de naviguer sur Internet tout en ayant « à portée de souris » son portail personnalisé « qui le suit de page en page » .The principle of Rich-Miniportail is to allow a surfer to browse the Internet while having "at your fingertips" his personalized portal "which follows him from page to page".
L'utilisation de Rich-Miniportail se fait conformément aux principes inhérents à la présente invention, notamment quant à la capacité de consulter et agir sur le miniportail sans quitter pour autant le site de consultation.Rich-Miniportail is used in accordance with the principles inherent in the present invention, in particular with regard to the ability to consult and act on the miniportal without leaving the consultation site.
Rich-Miniportail est, de ce point de vue, une avancée, en comparaison des barres d'outils des portails que l'internaute installe sur son ordinateur, dans la mesure où les boutons desdites barres d'outils entraînent la redirection vers une page Web autre que la page de consultation de l'internaute.Rich-Miniportail is, from this point of view, an advance, compared to the toolbars of the portals that the Internet user installs on his computer, insofar as the buttons of the said toolbars cause redirection to a Web page other than the user’s consultation page.
D'autre part, Rich-Miniportail bénéficie de l'ensemble des fonctionnalités de Rich-Navigator, à savoir la capacité de créer des structures arborescentes personnalisées qui font appel à des services fournis par des sociétés externes : météo, dictionnaire, agenda ....On the other hand, Rich-Miniportail benefits from all of the Rich-Navigator functionalities, namely the ability to create personalized tree structures that use services provided by external companies: weather, dictionary, calendar ... .
Ainsi, l'internaute peut choisir un certain nombre de fonctionnalités n'existant pas nécessairement dans un portail donné, ou choisir un service équivalent, mais autre que celui proposé dans le portail qu'il a l'habitude d'utiliser.Thus, the Internet user can choose a certain number of functionalities which do not necessarily exist in a given portal, or choose an equivalent service, but other than that offered in the portal which he is used to using.
Une fois définies des structures arborescentes personnalisées stockées sur un serveur d'arbre, Rich- Miniportail peut être aussi bien accessible par le biais des boutons d'une barre d'outil que par ce que nous appellerons dans ce qui suit un « élément permanent » .Once defined custom tree structures stored on a tree server, Rich- Miniportal can be accessed as well via the buttons of a toolbar as by what we will call in the following a "permanent element".
Le principe de l'élément permanent pour leThe principle of the permanent element for the
Rich-Miniportail est le suivant : à l'occasion du chargement d'une nouvelle page dans un navigateur, ce procédé permet à un objet, qui occupait une position déterminée dans la fenêtre principale du navigateur ainsi qu'un état intrinsèque particulier, de figurer dans les mêmes position et état sur la page Web nouvellement chargée.Rich-Miniportail is the following: when loading a new page in a browser, this process allows an object, which occupied a determined position in the main window of the browser as well as a particular intrinsic state, to appear in the same position and state on the newly loaded web page.
Ce principe est illustré figure 31 (même position) et figure 32 (même état).This principle is illustrated in Figure 31 (same position) and Figure 32 (same state).
Le procédé est le suivant : la solution consiste à écrire dynamiquement, dans le DOM (document object model) de la page Web en cours de chargement, un calque contenant les informations, relatives à l'élément permanent, récupérées à partir de la page précédente, conformément au procédé dit de « navigation par élément permanent » tel que décrit dans le chapitre précédent.The process is as follows: the solution consists in writing dynamically, in the DOM (document object model) of the web page being loaded, a layer containing the information, relating to the permanent element, retrieved from the previous page , in accordance with the so-called “permanent element navigation” process as described in the previous chapter.
Ce calque doit être positionné précisément dans la fenêtre principale du navigateur, ce qui nécessite de spécifier une valeur à l'attribut position : absolute ... C'est une des conditions de la navigation conditionnée.This layer must be positioned precisely in the main browser window, which requires specifying a value for the position attribute: absolute ... This is one of the conditions for conditioned navigation.
La mise en route du processus par l'internaute comporte les étapes suivantes :The start-up of the process by the Internet user includes the following steps:
• Inscription de l'internaute sur un site Web spécifique• User registration on a specific website
L'internaute, afin de démarrer le processus de navigation par élément permanent, doit s'inscrire au préalable à un service en ligne disponible à l'aide d'une interface d'un site dédié. L'internaute s'inscrit en définissant son pseudonyme ainsi qu'un mot de passe.The Internet user, in order to start the navigation process by permanent element, must register with prior to an online service available using an interface on a dedicated site. The user registers by defining his pseudonym and a password.
• Définition du type de l'élément• Definition of the type of the element
Une fois inscrit, l'internaute accède à d'autres interfaces, lui permettant de choisir le type d'élément graphique qui sera affiché en surimpression des pages Web sur lesquelles il naviguera.Once registered, the user accesses other interfaces, allowing him to choose the type of graphic element that will be displayed superimposed on the web pages on which he will navigate.
• Création d'arbres• Creation of trees
L'internaute accède ensuite à une interface de création de structures arborescentes. Il utilisera, à cet effet, des services qu'il personnalisera en fonction de ses besoins spécifiques : agenda, dictionnaire, météo ... Il bénéficie de l'ensemble des fonctionnalités déjà abordées en ce qui concerne la création de structures arborescentes : composition d'un arbre à partir de deux arbres ...The user then accesses an interface for creating tree structures. For this purpose, he will use services which he will personalize according to his specific needs: agenda, dictionary, weather forecast ... He will benefit from all the functionalities already discussed with regard to the creation of tree structures: composition of 'a tree from two trees ...
• Création et activation d'un élément permanent• Creation and activation of a permanent element
La création d'un élément permanent consiste d'abord à associer un élément graphique à un arbre puis à stocker cette association dans la base de données d'un serveur. L' activation de cet élément permanent consiste ensuite à cliquer sur un bouton de validation, qui a pour effet de donner à un booléen la valeur true spécifiant ainsi que cet élément doit être servi à l'ouverture du navigateur.The creation of a permanent element consists first of all in associating a graphic element with a tree and then in storing this association in the database of a server. The activation of this permanent element then consists in clicking on a validation button, which has the effect of giving a boolean the value true specifying thus that this element must be served when opening the browser.
• Définition d'une page d'accueil La définition d'une page d'accueil s'effectue de la même manière que pour l'enclenchement du processus de navigation conditionnée. Le procédé permettant d'enclencher la navigation par élément permanent est décrit plus haut.• Definition of a home page The definition of a home page is done in the same way as for the initiation of the conditioned navigation process. The method for initiating navigation by permanent element is described above.
Lorsqu'un internaute recherche, par le biais d'un moteur de recherche, les occurrences d'un mot sur le Web, la recherche peut s'étendre à une recherche dans les contenus textuels des graphismes vectoriels ainsi que dans les structures arborescentes actives.When a user searches for occurrences of a word on the Web using a search engine, the search can extend to a search in the text content of vector graphics as well as in active tree structures.
Le graphisme vectoriel permet d'accéder au contenu textuel explicitement écrit dans le code source. On peut donc étendre la recherche des moteurs de recherche au contenu textuel des graphismes vectoriels (SVG, Flash ...) . Ceci s'applique, en particulier, au cas de la cartographie vectorielle. On peut, en effet, envisager une recherche par un moteur de recherche qui conduit, outre les résultats traditionnels (pages Web, images ...) , à afficher les résultats des contenus textuels des cartes géographiques vectorielles. Par exemple, une recherche sur le mot « Pruneau » peut conduire à afficher une carte géographique automatiquement centrée sur la ville d'Agen, si une carte, par exemple au format SVG est présente sur le Web et mentionne, dans son code source, le mot « Pruneau » au niveau (latitude et longitude) de la ville d'Agen. Il se peut que le mot « Pruneau » soit stocké dans une base de données et non dans le code source du fichier SVG qui se crée dynamiquement en puisant les informations de ladite base de données. Dans ce cas, le problème est équivalent au problème de référencement des pages Web dynamiques dont certaines solutions ont été envisagées comme le fait de produire de pages statiques à partir des pages dynamiques et de les stocker sur un serveur Web. Réciproquement, on peut envisager un service géolocalisé permettant de restreindre geographiquement la recherche d'un moteur de recherche en fonction de l'endroit du clic sur une carte géographique. Ceci s'applique aussi au cas où la position géographique n'est pas obtenue à partir d'un clic sur une carte géographique mais à partir d'un GPS. De plus, Rich- Word n'est pas réduit à une utilisation sur une page Web mais également sur des cartes géographiques compte tenu de l'accès textuel aux mots de ladite carte.Vector graphics provide access to text content explicitly written in the source code. We can therefore extend the search of search engines to the textual content of vector graphics (SVG, Flash ...). This applies, in particular, to the case of vector mapping. One can, in fact, consider a search by a search engine which leads, in addition to traditional results (web pages, images ...), to display the results of the textual content of vector geographic maps. For example, a search on the word "Prune" can lead to the display of a geographical map automatically centered on the city of Agen, if a map, for example in SVG format is present on the Web and mentions, in its source code, the word "Prune" at the level (latitude and longitude) of the city of Agen. The word "Prune" may be stored in a database and not in the source code of the SVG file which is created dynamically by drawing information from the said database. In this case, the problem is equivalent to the problem of referencing dynamic web pages, some solutions of which have been envisaged such as the fact of producing static pages from dynamic pages and of storing them on a web server. Conversely, we can consider a geolocated service allowing to geographically restrict the search for a search engine. search based on the location of the click on a geographic map. This also applies to the case where the geographic position is not obtained from a click on a geographic map but from a GPS. In addition, Rich-Word is not reduced to use on a Web page but also on geographic maps given the textual access to the words on said map.
Les arbres activés peuvent, par exemple, être mis à disposition sur un serveur Web sous la forme d'une page statique. De cette façon, en faisant en sorte que ces pages soient référencées par les moteurs de recherche, lesdits arbres seront également accessibles à l'occasion de la recherche d'un mot sur un moteur de recherche. Une publicité sous forme d'une Rich-Banner bénéficiera ainsi d'une plus grande visibilité puisque également accessible par le biais des moteurs de recherche.Activated trees can, for example, be made available on a web server as a static page. In this way, by ensuring that these pages are referenced by the search engines, said trees will also be accessible when searching for a word on a search engine. An advertisement in the form of a Rich-Banner will therefore benefit from greater visibility since it is also accessible through search engines.
L'invention est décrite dans ce qui précède à titre d'exemple. Il est entendu que l'homme du métier est à même de réaliser différentes variantes de 1 ' invention sans pour autant sortir du cadre du brevet. The invention is described in the foregoing by way of example. It is understood that a person skilled in the art is able to produce different variants of the invention without going beyond the scope of the patent.
Claims
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
FR03/01296 | 2003-02-04 | ||
FR0301296A FR2850771B1 (en) | 2003-02-04 | 2003-02-04 | METHOD FOR ENRICHING THE CONTENT OF A DIGITAL PAGE IN WHICH FORMAT ALLOWS THE CREATION OF LINKS TO COMPUTING OBJECTS |
Publications (3)
Publication Number | Publication Date |
---|---|
WO2004072759A2 true WO2004072759A2 (en) | 2004-08-26 |
WO2004072759A3 WO2004072759A3 (en) | 2004-12-09 |
WO2004072759B1 WO2004072759B1 (en) | 2005-02-03 |
Family
ID=32696362
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/FR2004/000258 WO2004072759A2 (en) | 2003-02-04 | 2004-02-04 | Method of enhancing the contents of a digital page having a format which enables the creation of links to computer objects |
Country Status (2)
Country | Link |
---|---|
FR (1) | FR2850771B1 (en) |
WO (1) | WO2004072759A2 (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2349203B2 (en) † | 2008-11-07 | 2020-02-26 | Anteis S.A. | Heat sterilised injectable composition of hyaluronic acid or one of the salts thereof, polyols and lidocaine |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
FR3101178A1 (en) * | 2019-09-19 | 2021-03-26 | Indigo Sas | INTERACTIVE COMMUNICATION SYSTEM ESPECIALLY FOR THE ANALYSIS OF INTERACTION EVENTS |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6792575B1 (en) * | 1999-10-21 | 2004-09-14 | Equilibrium Technologies | Automated processing and delivery of media to web servers |
DE10006229A1 (en) * | 2000-02-11 | 2001-08-16 | Comma Soft Ag | Encapsulated data reproducing method for e.g. web pages, involves adding generated data elements with current data elements, such that they are automatically reproduced at specified display area |
US7181684B2 (en) * | 2000-12-12 | 2007-02-20 | Oracle International Corporation | Dynamic tree control system |
-
2003
- 2003-02-04 FR FR0301296A patent/FR2850771B1/en not_active Expired - Fee Related
-
2004
- 2004-02-04 WO PCT/FR2004/000258 patent/WO2004072759A2/en active Application Filing
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2349203B2 (en) † | 2008-11-07 | 2020-02-26 | Anteis S.A. | Heat sterilised injectable composition of hyaluronic acid or one of the salts thereof, polyols and lidocaine |
Also Published As
Publication number | Publication date |
---|---|
FR2850771B1 (en) | 2005-07-22 |
WO2004072759A3 (en) | 2004-12-09 |
FR2850771A1 (en) | 2004-08-06 |
WO2004072759B1 (en) | 2005-02-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20180095734A1 (en) | System and method for creating a universally compatible application development system | |
CN102754127B (en) | The method and system of the cartoon medium that collects is inputted based on keyword and character string | |
JP5581309B2 (en) | Information processing method for broadcast service system, broadcast service system for implementing the information processing method, and recording medium related to the information processing method | |
US20070208751A1 (en) | Personalized content control | |
US20140047413A1 (en) | Developing, Modifying, and Using Applications | |
TWI479334B (en) | Method, computer storage medium and computer system for container reputation | |
US20140164159A1 (en) | Customizable virtual gift wrapping & presentation | |
US20230214461A1 (en) | System and process for generating code snippets to license digital content | |
WO2009000028A1 (en) | Virtual 3d environments | |
US20110314368A1 (en) | Method to Generate a Software Part of a Web Page and Such Software Part | |
WO2013140076A2 (en) | Method and system for developing applications for consulting content and services on a telecommunications network | |
TW201017568A (en) | User interface for internet advertisement | |
JP2009011831A (en) | Game providing system and game providing method which support continuous distribution by the internet | |
WO2009120004A2 (en) | Keyword-advertisement method using meta-information related to digital contents and system thereof | |
EP3497674B1 (en) | System for composing or modifying virtual reality sequences, method of composing and system for reading said sequences | |
US20080027822A1 (en) | Method and apparatus for electronic literary macrame business development | |
Todaro | Internet Marketing Methods Revealed: The complete guide to becoming an Internet marketing expert | |
EP2219113B1 (en) | Display method, corresponding device and computer program product | |
Percival et al. | HTML5 advertising | |
WO2004072759A2 (en) | Method of enhancing the contents of a digital page having a format which enables the creation of links to computer objects | |
KR20110018249A (en) | Banner advertisement production sales service system | |
Reinhardt | Flash Mx 2004 Action Script Bible | |
KR20250029490A (en) | Method and system for managing information of information provider based on conversation with information provider | |
Medina et al. | Pro SharePoint 2013 Branding and Responsive Web Development | |
Heilmann et al. | Web Development Solutions |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
AK | Designated states |
Kind code of ref document: A2 Designated state(s): AE AG AL AM AT AU AZ BA BB BG BR BW BY BZ CA CH CN CO CR CU CZ DE DK DM DZ EC EE EG ES FI GB GD GE GH GM HR HU ID IL IN IS JP KE KG KP KR KZ LC LK LR LS LT LU LV MA MD MG MK MN MW MX MZ NA NI NO NZ OM PG PH PL PT RO RU SC SD SE SG SK SL SY TJ TM TN TR TT TZ UA UG US UZ VC VN YU ZA ZM ZW |
|
AL | Designated countries for regional patents |
Kind code of ref document: A2 Designated state(s): BW GH GM KE LS MW MZ SD SL SZ TZ UG ZM ZW AM AZ BY KG KZ MD RU TJ TM AT BE BG CH CY CZ DE DK EE ES FI FR GB GR HU IE IT LU MC NL PT RO SE SI SK TR BF BJ CF CG CI CM GA GN GQ GW ML MR NE SN TD TG |
|
121 | Ep: the epo has been informed by wipo that ep was designated in this application | ||
B | Later publication of amended claims |
Effective date: 20041129 |
|
WWW | Wipo information: withdrawn in national office |
Ref document number: 2004707956 Country of ref document: EP |
|
WWE | Wipo information: entry into national phase |
Ref document number: 2004707956 Country of ref document: EP |
|
32PN | Ep: public notification in the ep bulletin as address of the adressee cannot be established |
Free format text: CONSTATATION DE LA PERTE D UN DROIT CONFORMEMENT AE LA REGLE 69(1) CBE , FORMULAIRE 1205A DATE DU 17.11.05 |
|
122 | Ep: pct application non-entry in european phase |