Brevet FR2980287A1 — publié le 20130322

Procédé d'annotation d'un document Web, programme d'ordinateur et dispositif électronique associés La présente invention concerne un procédé d'annotation d'un document traité par une application de navigation sur un réseau informatique, le procédé étant mis en oeuvre dans un dispositif électronique comprenant une unité de traitement, un écran, des moyens d'affichage de données à l'écran, l'application de navigation et une application d'annotation, ledit procédé comportant les étapes suivantes : le traitement du document par l'application de navigation, l'exécution de l'application d'annotation, comportant l'affichage d'une barre d'outils pour ajouter une annotation en un point du document traité par l'application de navigation, en vue de l'affichage du document annoté. On connaît un procédé du type précité. Un tel procédé permet à un utilisateur d'ajouter des annotations personnalisées à un document Web, et de visualiser des annotations ajoutées par un autre utilisateur sur ce document depuis un dispositif informatique, par exemple un ordinateur ou un téléphone portable. Une annotation est un élément graphique associé à un document et comprend du contenu non-natif du document renseigné par un utilisateur. De telles annotations permettent ainsi aux utilisateurs d'échanger des informations, des suggestions, des impressions, etc. relatives à un document via le document lui-même, plutôt que via un système de messagerie par exemple. Ces annotations prennent par exemple la forme d'une note, d'un lien ou d'une image pointant vers un élément du document auquel elle se réfère. L'application d'annotation est de façon classique implémentée sous la forme d'un « plug-in » d'une application de navigation, c'est-à-dire d'une extension dépendante de l'application de navigation sur le document. Elle interagit alors avec l'application de navigation et affiche les annotations générées ou restituées sur la représentation du document que l'application de navigation génère. Une telle application est par exemple décrite dans US 2011/0066957 A1. Dans ce document, l'application d'annotation est une extension de l'application de navigation installée sur le dispositif informatique. L'application de navigation réalise alors l'affichage d'une barre d'outils adaptés à la création et au positionnement d'annotations sur le document visualisé. Les annotations générées ou restituées ainsi que la barre d'outils sont superposées par l'extension à la représentation du document générée par l'application de navigation. Un but de l'invention est donc de permettre un meilleur positionnement des annotations, un positionnement plus aisé, ainsi qu'une meilleure visibilité du rendu correspondant à l'annotation pendant sa mise en place. A cet effet, suivant un premier aspect, l'invention a pour objet un procédé d'annotation du type précité, caractérisé en ce qu'il comprend en outre les étapes suivantes, la barre d'outils comportant au moins une zone associée à un type d'annotation respectif : détection par l'application d'annotation d'une action de glisser-déposer opérée depuis la zone associée audit type d'annotation respectif jusqu'à un point dans le document ; ajout par l'application d'annotation d'une annotation du type respectif audit point du document suite à ladite action. Le procédé selon l'invention peut comprendre l'une ou l'autre des caractéristiques suivantes, prise(s) isolément ou suivant toute combinaison techniquement possible : le réseau informatique est le réseau internet et le document est un document Web ; la détection de l'action de glisser-déposer est réalisée à l'aide de moyens d'interaction avec les moyens d'affichage ; la barre d'outils comporte une zone associée à des annotations de type smileys, et/ou une zone associée à des annotations de type flèche et/ou une zone associée à des annotations de type texte, la détection par l'application d'annotation d'une action de glisser-déposer opérée depuis ladite ou lesdites zone(s) associée jusqu'à un point dans le document donnant lieu à l'ancrage par l'application d'annotation d'une annotation du type respectif audit point du document suite à ladite action ; l'affichage de barre d'outils suite à l'exécution de l'application d'annotation est réalisé sur le document ; il comprend en outre une étape d'envoi des annotations ancrées au document à un serveur sur le réseau, d'une date d'ancrage desdites annotations au document et d'un identifiant du document ; l'exécution de l'application d'annotation comprend en outre une requête auprès d'un serveur du réseau indiquant un identifiant du document, et comprenant en outre les étapes suivantes : sur réception de ladite requête, sélection par le serveur dans un espace de stockage, de données de définition d'annotations précédemment apportées au document et des dates d'ancrage desdites annotations en fonction de l'identifiant du document indiqué dans la requête et envoi par le serveur à destination de l'application d'annotation du dispositif électronique des annotations et dates d'ancrage sélectionnées ; réception par l'application d'annotation desdites annotations et dates d'ancrage sélectionnées et affichage sur ledit document traité de certaines au moins desdites annotations. Suivant un deuxième aspect, l'invention a également pour objet un programme d'ordinateur d'annotation d'un document, comprenant des instructions logicielles pour mettre en oeuvre les étapes, incombant à l'application d'annotation, d'un procédé d'annotation suivant le premier aspect de l'invention lors d'une exécution dudit programme sur une unité de traitement d'un dispositif électronique comportant des moyens d'affichage, ladite application d'annotation et une application de navigation sur un réseau informatique comportant un module de gestion de l'interface graphique d'accès à un réseau et un module de gestion de rendu de document. Suivant un troisième aspect, l'invention a également pour objet un dispositif électronique comportant : une unité de traitement ; des moyens d'affichage ; une application de navigation sur un réseau informatique ; une application d'annotation propre à restituer et/ou ajouter des annotations sur un document traité par l'application de navigation; l'exécution de l'application d'annotation comportant l'affichage d'une barre d'outils pour ajouter une annotation en un point du document traité par l'application de navigation, l'ajout d'au moins une annotation par un utilisateur sur ledit document en vue de l'affichage d'une représentation du document annoté ; ledit dispositif électronique étant caractérisé en ce que la barre d'outils comportant au moins une zone associée à un type d'annotation respectif, l'application d'annotation est adaptée pour détecter une action de glisser-déposer opérée depuis la zone associée audit type d'annotation respectif jusqu'à un point dans le document et pour ajouter une annotation du type respectif audit point du document suite à ladite action. L'invention sera mieux comprise à la lecture de la description qui va suivre, donnée uniquement à titre d'exemple, et se référant aux dessins annexés, sur lesquels : - la figure 1 est une représentation schématique d'un système global comprenant un dispositif électronique adapté pour la mise en oeuvre d'un procédé selon l'invention, - la figure 2 est une représentation schématique d'une représentation source d'un document Web via une application de navigation exécutée par un dispositif selon l'invention, - la figure 3 est une représentation schématique d'une représentation cible du même document que la Figure 2, et - la figure 4 est un organigramme d'un procédé selon l'invention ; - la figure 5 est un organigramme correspondant à la mise en oeuvre d'une étape de l'organigramme de la figure 4 ; - les figures 6 à 8 illustrent l'ajout d'une annotation dans un mode de réalisation de l'invention. En référence à la figure 1, le système global 10 comprend un dispositif électronique 12 adapté pour interagir avec un réseau 14 afin d'établir une communication avec au moins un serveur Web 16, un serveur 18de gestion d'annotations, et un autre dispositif électronique 20. De manière connue, le serveur Web 16 est adapté pour stocker des documents, par exemple des pages HTML, du contenu multimédia, etc. Le serveur Web 16 est également adapté pour traiter une requête qu'il reçoit en provenance d'un dispositif électronique 12 ou 20. De façon classique, le traitement de la requête par le serveur 16 a pour effet l'envoi par celui-ci d'un document qu'il contient à destination du dispositif électronique dont provient la requête. Le serveur de gestion d'annotations 18 est adapté pour stocker une application d'annotation 22 et des données d'annotations 24 générées par l'application d'annotation 22 lors de son fonctionnement, comme on le verra par la suite. Le dispositif électronique 12 est formé par exemple d'un ordinateur personnel, d'un téléphone portable ou d'une tablette à écran tactile. Il comprend des moyens 32 de saisie d'informations générées par un utilisateur, des moyens 34 de visualisation, des moyens 36 de télécommunication, et une unité centrale 38 de traitement adaptée pour exécuter des applications nécessaires au fonctionnement du dispositif électronique 12. Les moyens de visualisation 34 comprennent de façon connue un écran 44 et des moyens de traitement de l'information graphique, par exemple un processeur graphique 46 et une mémoire graphique 48 associée. De façon connue, les moyens de saisie 32 comprennent un clavier 40 à partir duquel l'utilisateur peut commander l'exécution de logiciels, de fonctionnalités de ces logiciels, ajouter du texte à un document, etc. Les moyens 32 de saisie comprennent aussi des moyens d'interaction avec une information affichée sur les moyens de visualisation 34, comme par exemple une souris 42 maniée par un utilisateur et dont le déplacement pilote un déplacement correspondant d'un curseur 57 apparaissant sur l'écran 44. Dans le cas considéré, la souris 42 comporte un bouton actionnable par une pression de l'utilisateur sur le bouton (un clic). Le processeur graphique 46 est adapté pour traiter l'information graphique stockée dans la mémoire graphique 48 et réaliser l'affichage sur l'écran 44 de cette information ou d'une représentation de celle-ci. De façon avantageuse, les moyens de saisie 32 et les moyens de visualisation 34 peuvent présenter une forme commune, dans le cas d'un écran tactile par exemple. Les moyens de télécommunication 36 comprennent une interface réseau permettant au dispositif électronique 12 de communiquer avec d'autres dispositifs connectés au réseau 14, par exemple le serveur Web 16, le serveur de gestion d'annotation 18, ou le dispositif électronique 20. L'unité centrale 38 de traitement comprend un processeur 50 et une ou plusieurs mémoires 52. Le processeur 50 est adapté pour exécuter des applications contenues en mémoire 52, notamment un système d'exploitation permettant le fonctionnement classique d'un dispositif électronique. La mémoire 52 comprend différentes zones de mémoire, allouées statiquement ou dynamiquement, qui contiennent des applications destinées à être exécutées par le dispositif informatique 12. La mémoire 52 comprend ainsi au moins une application 54 d'envoi de requête, une application de navigation 56. La mémoire de l'application de navigation 56 comprend une zone mémoire 59 allouée à l'application 22 d'annotations. L'application 54 d'envoi de requête a pour fonction d'instruire au dispositif électronique 12 l'envoi d'une requête à destination d'un dispositif distant via ses moyens de communication 36. Lorsque l'application 54 d'envoi de requête est exécutée par le dispositif 12, une connexion au réseau est effectuée via un protocole de communication, par exemple le protocole HTTP (HyperText Transfert Protocol) ou UMTS (Universal Mobile Telecommunications System) dans le cas d'un téléphone, et une requête, par exemple une requête HTTP, est envoyée à travers le réseau 14 à un dispositif distant connecté au réseau 14. De manière connue, lorsque le dispositif distant est un serveur et que la requête est une requête HTTP contenant l'adresse dite URL (Universal Ressource Locator) d'une ressource stockée sur le dispositif distant, par exemple un document Web YY, le serveur retourne la ressource demandée au dispositif électronique 12. La réception d'une requête par le serveur 18 dédié déclenche l'envoi de l'application 22 d'annotation elle-même à destination du dispositif informatique 12, comme on le verra par la suite. L'application de navigation 56 a pour fonction de permettre à l'utilisateur d'accéder à un contenu, par exemple le document Web YY, de le visualiser sur les moyens de visualisation 34 et d'interagir avec ce contenu, notamment via une interface graphique 64 que comprend l'application 56. De manière connue, l'application de navigation 56 comprend au moins un module 58 de gestion d'une interface graphique d'accès à un réseau et un module 60 de gestion de rendu. Ces modules correspondent à des sous-ensembles logiciels de l'application de navigation 56 qui implémentent les fonctions qui les composent. Le module 58 de gestion d'interface a pour fonction de piloter les éléments de l'interface graphique 64 de l'application de navigation 56 et d'assurer la connexion au réseau 14 pour requérir et recevoir une page Web notamment. De façon connue, et en référence aux figures 1, 2 et 3, ces éléments peuvent comprendre des boutons 66 de défilement entre les documents visualisés, une barre 68 de navigation, une barre de menu déroulant 70 et une barre de marque-pages 71. L'utilisateur interagit alors avec ces éléments via les moyens de saisie 32. Le module de gestion de rendu 60 a pour fonction de piloter l'ensemble des fonctionnalités associées au traitement des documents et d'en réaliser l'affichage sur les moyens de visualisation 34. De manière connue, ce module de gestion 60 a pour fonction de générer une représentation du document, d'ajouter des éléments graphiques au document visualisé, d'exécuter le contenu multimédia du document, d'exécuter les « scripts » s'y trouvant et d'interagir avec les actions de l'utilisateur. Lors du fonctionnement de l'application 56 de navigation, la réception d'éléments associés à une page Web que l'utilisateur souhaite consulter, déclenche leur traitement par l'unité centrale 38 et leur envoi vers le module 60 de gestion de rendu. Celui-ci réalise alors la construction d'une représentation du document, qui est ensuite sauvegardée dans la mémoire 46 des moyens 34 de visualisation, puis affichée sur l'écran 44. Ce module 60 de gestion de rendu correspond au coeur de l'application de navigation 56 et repose sur l'utilisation de langages et de technologies standards recommandées par le W3C (en anglais « World Wide Web Consortium »). Ces technologies comprennent par exemple le HTML (en anglais « Hypertext Markup Language »), le CSS (en anglais « Cascading Style Sheet »), et le Javascript, qui est un langage de manipulation d'objets fournis par une application, telle l'application 56 de navigation ou l'application d'annotation 22. Ainsi une application pilotée par le module de gestion d'une application de navigation est adaptable à différentes applications de navigation. De manière connue, le document Web YY est construit à partir d'un langage de balisage, par exemple le HTML. D'autres langages et technologies couramment utilisées pour la construction d'un tel document sont le XML (en anglais « Extensible Markup Language »), ou, le JavaScript, le CSS, etc. Le langage de balisage permet à un développeur, un créateur de contenu, etc. de construire un document en y ajoutant des éléments balisés sémantiquement. Les balises sont ensuite traitées par le module de gestion de rendu 60 qui génère une représentation logique du document à partir de celles-ci avec laquelle les modules de l'application interagissent. Dans un dispositif selon l'invention, le module 60 de gestion de rendu implémente les représentations logiques de type Document Object Model (DOM). Une représentation DOM d'un document définit la structure logique du document sous forme arborescente. Chaque noeud de l'arborescence correspond à un élément du document structuré, par exemple une image, un bloc de texte, un lien, etc. Chaque noeud comprend des noeuds dits « fils » situés à un rang en-dessous dans l'arborescence. Chacun des fils de ce noeud correspond à une portion logique du document de granularité supérieure à ce noeud, c'est-à-dire de plus grand détail. Ainsi, le noeud de premier rang de la représentation DOM correspond au document en entier, ses fils correspondent aux portions logiques principales du document, leur fils à des portions logiques de ces portions logiques principales, etc. Dans ce qui suit, les données « traitées » par le module de gestion de rendu 60 correspondent à la représentation DOM du document à partir de laquelle est créée une représentation affichée sur les moyens de visualisation 44. Les données dites « sources » du module 60 correspondent aux données -par exemple le code HTML- du document nécessaires au module 60 pour en réaliser la représentation DOM. L'application 56 de navigation comprend en outre plusieurs fonctionnalités illustrées sur les Figures 2 et 3. De manière connue, l'une de ces fonctionnalités permet à l'utilisateur de saisir, dans le navigateur, via une barre de navigation 68, l'adresse URL d'une ressource à laquelle il souhaite accéder. L'application 56 de navigation est également adaptée pour permettre à l'utilisateur de générer des marque-pages 72, également appelés signets (de l'anglais « bookmark »), lui permettant d'accéder rapidement à une ressource donnée. De manière classique, ces marque-pages 72 sont remplaçables par des marque- pages « scriptes » 74, également appelés signets « scriptes » (de l'anglais « bookmarklet »). Cette fonctionnalité de génération de marques-pages est pilotée par le module 58 de gestion d'interface et est par exemple implémentée à l'aide d'un bouton 75 de raccourci dédié sous la forme d'onglets dans un menu déroulant 76 de l'application et/ou dans la barre de marque-pages 71. De manière connue, lorsque l'utilisateur souhaite créer un marque-page 72 associé à une ressource spécifique, il « clique » via la souris 42 sur le bouton 75 de raccourci. Le module 58 de gestion d'interface ordonne à l'unité centrale 38 de traitement l'exécution d'une commande qui a pour résultat la création d'un marque-page 72 accessible ultérieurement via un onglet dans le menu déroulant 76 et/ou via un onglet dans la barre de marque-pages 71. Lorsque l'utilisateur souhaite accéder à une ressource à laquelle est associé un marque-page 72, il clique via la souris sur l'onglet correspondant dans le menu déroulant 76. Le navigateur exécute alors une commande ayant pour résultat l'envoi d'une requête par le dispositif informatique 12 à un serveur distant sur lequel est stockée la ressource correspondant au marque-page 72. La fonction d'un marque-page scripté 74 est de permettre, outre l'accès à une ressource distante, l'exécution d'un script, par exemple un Javascript, qui est contenu dans le marque-page scripté. Ainsi, une fonctionnalité plus riche que le simple accès à la ressource peut être associée à un marque-page 72 via un marque-page scripté 74 qui le remplace dans le menu déroulant 76. De manière connue, ces marque-pages scriptés 74 permettent la modification du document visualisé, la consultation d'un moteur de recherche, l'exécution d'une requête particulière, etc. L'application d'annotation 22 comprend, dans le mode de réalisation considéré et en référence à la figure 1, un module d'annotation 221 adapté pour créer et restituer des annotations, un module 222 de contrôle d'interaction utilisateur, adapté pour afficher une barre d'outils pour la saisie de commandes d'utilisateur et pour détecter des commandes de l'utilisateur, et un module 223 de communication. Dans le mode de réalisation considéré, l'application d'annotation 22 est propre à être mise en oeuvre par le dispositif électronique 12 relativement à un document Web ,après avoir été par exemple préalablement « injectée » dans le document. L'injection est réalisée de la manière suivante : un marque-page scripté 74 spécifique désigné ci-dessous par l'appellation « marque-page scripte Annotate » créé un élément dans le document par le biais de la fonction Javascript standard document.createElement(`script), puis assigne la source de ce script à un fichier Javascript situé sur le serveur 18 en modifiant l'attribut src de l'élément préalablement créé. Enfin, l'élément est ajouté dans le document par le biais de la fonction JavaScript standard document.body.appendChild(S), où S est l'élément préalablement créé, ce qui a pour effet de déclencher l'injection, puis l'exécution du fichier Javascript pointé par S. En informatique, on désigne par injection d'une application à un document, l'ajout du code et des fonctions qui constituent l'application, au document. En pratique, l'application 22 implémente du code comprenant des fonctions et des scripts en langages HTML, CSS et Javascript, comme on le verra par la suite. Lors de l'injection de l'application 22 dans le document, ces fonctions et ces scripts sont ajoutés à ceux qui composent le document lui-même. L'application 22 réalise ainsi une extension du document. Cette application 22 d'annotation a pour fonction de permettre à un utilisateur d'ajouter et de visualiser des annotations 78 sur un document Web YY. Ces annotations 78 peuvent avoir été générées par lui ou par un autre utilisateur sur une autre représentation du document. Cette représentation peut par exemple avoir elle-même été générée depuis un autre dispositif informatique 20. Plus particulièrement, l'application d'annotation 22 est adaptée pour restituer une annotation ajoutée à une représentation 80 (c'est-à-dire au rendu du document généré par le module 60 de gestion de rendu à partir de la représentation DOM du document avec laquelle le module 60 de gestion de rendu interagit) dite « source » d'un document Web YY sur une représentation 82 dite « cible » du même document. Deux représentations d'un même document peuvent varier sensiblement l'une de l'autre du fait des différences entre les moyens de visualisation utilisés, les tailles des fenêtres de visualisation, des tailles des polices utilisées, des niveaux de zoom utilisés, etc. L'application d'annotation 22 est également adaptée pour communiquer avec le serveur 18 dédié via les moyens 36 de communication de l'ordinateur 12 afin d'obtenir les informations dont elle a besoin pour fonctionner, comme on le verra par la suite. L'application d'annotation 22 comprend une fonctionnalité de création d'annotation sur une représentation d'un document Web YY et une fonctionnalité de restitution d'une annotation associée à un tel document. La fonctionnalité de création d'annotation permet à un utilisateur de créer une annotation 78 personnalisée, par exemple une image, un bloc de texte, du texte libre, etc. et de l'associer à un élément graphique que comprend le document. A cet effet, l'application d'annotation 22 permet à l'utilisateur de sélectionner le type de l'annotation 78 qu'il souhaite ajouter, le contenu de l'annotation, un élément dit « source » de la représentation auquel l'annotation est associée, la position de l'annotation relativement à cet élément source, etc. Ces fonctions sont notamment implémentées par l'intermédiaire du module de contrôle d'interaction utilisateur 222 adapté pour générer l'affichage d'une barre d'outils 84 sur les moyens de visualisation 34 par le module de gestion de rendu 60 lors de l'exécution de l'application d'annotation 22 sur le dispositif électronique 12. L'utilisateur peut interagir avec cette barre d'outils 84 pour générer des annotations sur un document Web. Cette barre d'outils 84 permet à l'utilisateur de sélectionner un élément d'annotation type (par exemple, une boîte de texte, une image, un dessin à main levée), d'en modifier certains attributs (par exemple la couleur ou la taille), puis de positionner l'élément sur la page web à annoter. Dans le mode de réalisation considéré, l'application 22 d'annotation n'interagit qu'avec le module de gestion de rendu 60 pour générer ou restituer des annotations 78 sur les documents : elle ne traite que des données contenues dans les registres propres du module de gestion de rendu 60 et avec des fonctions propres du module de gestion de rendu 60, sans avoir recours à d'autres données ou fonctions de l'application de navigation 56 extérieures au module de gestion de rendu 60. L'application 22 d'annotation utilise ainsi les technologies HTML, CSS, Javascript. HTML et CSS sont utilisés pour implémenter le visuel de l'application d'annotation, et le Javascript est utilisé pour implémenter la communication avec le serveur 18 ainsi que la logique de l'application, c'est à dire la manière dont l'application 22 réagit aux actions de l'utilisateur. Dans un autre mode de réalisation, l'application 22 d'annotation a recours à d'autres données ou fonctions de l'application de navigation 56 extérieures au module de gestion de rendu 60, tout en étant exécutée dans le « contexte » de l'application de navigation 56. Dans un premier temps, l'utilisateur sélectionne le type de l'annotation 78 qu'il veut ajouter parmi plusieurs types à l'aide de la barre d'outils 84. Ces types correspondent ainsi à une image, telle une binette, encore appelé « smiley », ou une flèche, un champ de texte, du texte libre, etc. Comme représenté en figures 2, 3, et 6 à 8, dans le mode de réalisation considéré, la barre d'outils 84 est affichée sur le document Web YY et comporte un certain nombre de zones sélectionnables prédéfinies. En référence notamment à la représentation de la barre d'outils 84 apparaissant en figure 6, cette barre d'outils 84 comporte 4 zones supérieures respectivement 100, 101, 102, 103 associées à des modes distincts de saisie d'annotation, respectivement un mode de saisie d'un tracé, un mode de saisie de texte, un mode d'ajout de smileys et un mode d'ajout de flèches. Chacun de ces modes est sélectionnable par un clic sur la zone associée 100, 101, 102 ou 103 associée en positionnant le curseur 57 sur la zone à l'aide de la souris 42 et en cliquant alors sur le bouton de la souris. Lorsque le module de contrôle d'interaction utilisateur 222 détecte un tel clic, il détermine la position du curseur 57 sur les moyens de visualisation 34 et, en fonction en outre de la position connue de la barre d'outils 84 sur les moyens de visualisation 34 et de la localisation, connue, des zones 101 à 103 sur la barre d'outils, il en déduit la zone sélectionnée. La sélection d'une zone parmi les zones 100, 101, 102, 103 a pour conséquence la commande, par le module de contrôle d'interaction utilisateur 222, de l'affichage d'une barre d'outils 84 dont le contenu est spécifique à la zone sélectionnée. Ainsi, le contenu de la barre d'outils 84 représentée en figure 6 correspond à une sélection préalable de la zone de smileys 102. Elle comporte, outre les zones 100, 101, 102, 103, une zone 105 de boutons de couleur, un bouton de fermeture 104 de la barre d'outils, une zone 106 de smileys, un bouton 107 d'annulation. Dans le cas considéré, la zone 105 de boutons de couleur comporte 6 boutons correspondant chacun à une couleur respective vert, bleu, rouge, jaune, noir et blanc, sélectionnables chacun par l'utilisateur en positionnant le curseur 57, à l'aide de la souris 42, sur le bouton de couleur choisie et en cliquant sur le bouton de la souris. De la même façon qu'indiquée ci-dessus pour la détection de la sélection d'une zone 100 à 103, lorsque l'utilisateur clique sur un bouton de couleur de la zone 105, le module de contrôle d'interaction utilisateur 122 détecte la sélection de ce bouton de couleur, dans le cas considéré, le bouton correspondant à la couleur verte, et il commande l'affichage, dans la couleur correspondante, des smileys de la zone de smileys 106. La zone de smileys 106 comporte un certain nombre de modèles de smileys différents, 8 dans le cas présent. Selon l'invention, l'utilisateur positionne un smiley dans le document YY à l'aide d'une opération de glisser-déposer (en anglais « drag-and-drop ») depuis un modèle de smiley sélectionné dans la zone de smileys106 jusqu'à un emplacement choisi sur le document YY. Ainsi, en référence à la figure 6, un utilisateur positionne le curseur 57 sur un modèle de smiley de la zone 106 de smileys, dans le cas considéré, le modèle de smiley 51, à l'aide de la souris 42. Puis il clique sur le bouton de la souris, en maintenant le clic ie en ne relâchant pas le bouton de la souris. Ce clic, ainsi que la position, sur les moyens de visualisation 34, du curseur correspondant au clic, sont identifiés par le module de contrôle d'interaction utilisateur 222. De la même façon qu'indiquée ci-dessus, comme la position de la barre d'outils 84 est connue par le module de contrôle d'interaction, ainsi que la position de chaque modèle de smiley sur cette barre d'outils et la couleur préalablement définie pour le smiley, le module de contrôle d'interaction utilisateur 222 détermine quel est le smiley sélectionné par l'utilisateur parmi les 8 smileys présents dans la zone 106. Suite à cette détermination par le module de contrôle d'interaction utilisateur 222, le module d'annotation 121 crée alors un objet DOM ayant pour fond l'image png du smiley sélectionné et l'ajoute au document Web YY en cours de visualisation. Ceci est réalisé par des appels « Javascript document.createElement() » et « document.appendChild() » et en positionnant la propriété Javascript « this.style.backgroundlmage » sur l'URL de l'image correspondant au smiley sélectionné ou « this » représente l'objet Javascript préalablement créé. En référence à la figure 7, l'utilisateur déplace alors la souris 42, en maintenant son appui sur le bouton de la souris. Ce déplacement est détecté par le module de contrôle d'interaction utilisateur 222, et les propriétés CSS de position (left,top) de l'élément DOM sont alors modifiées par le module d'annotation 221 en fonction de la position de la souris. Ceci est réalisé en modifiant les propriétés Javascript « this.style.top » et « this.style.left » ou « this » représente l'objet Javascript en cours de 30 déplacement. Le module de gestion de rendu 60 affiche, sur les moyens de visualisation 34, le déplacement correspondant du smiley 51' correspondant à cet élément DOM, qui est une copie du modèle de smiley 51 sélectionné sur la barre de contrôle 84. En référence à la figure 8, lorsque l'utilisateur relâche le bouton de la souris 42, cet 35 événement est détecté par le module de contrôle d'interaction 222, et les propriétés CSS de position de l'objet 5'1 ne sont plus mises a jour. Ce smiley 5'1 reste donc à l'endroit où il a été placé, qui correspond à l'endroit où l'utilisateur a relâché le bouton de la souris 42. Le document Web YY comporte alors une nouvelle annotation 78', qui est le smiley S'1 vert ainsi placé. On notera que dans le cas d'un écran tactile, le clic est un appui, non pas sur le bouton de la souris, mais directement sur le modèle de smiley S1 sélectionné affiché sur les moyens de visualisation 34, l'utilisateur maintenant alors son doigt (ou un stylet) en contact de l'écran tactile jusqu'à l'emplacement de destination choisi, où il lève son doigt de l'écran. De la même façon qu'indiquée ci-dessus pour la détection de la sélection d'une zone 100 à 103, lorsque l'utilisateur clique sur le bouton de fermeture 104, le module de contrôle d'interaction utilisateur 122 détecte cette sélection et commande la fin de l'affichage de la barre d'outils 84. De la même façon qu'indiquée ci-dessus pour la détection de la sélection d'une zone 100 à 103, lorsque l'utilisateur clique sur le bouton d'annulation 107, le module de contrôle d'interaction utilisateur 122 détecte la sélection du bouton 107 d'annulation et annule le résultat de la dernière action de l'utilisateur relativement à la barre d'outils 84. Dans un mode de réalisation, les opérations d'annotations dans les modes de saisie de texte et d'ajout de texte sont réalisées également par glisser-déposer. Ainsi, suite à la sélection de la zone 101 par l'utilisateur par clic, le contenu de la barre d'outil 84 apparaissant sur les moyens de visualisation 34 est modifié en faisant apparaître, à la place de la zone 106 de smileys, deux modèles de cadre : un modèle de cadre à placer à gauche du point du document YY de destination et un modèle de cadre à placer à droite du point du document YY de destination. De façon similaire à celle décrite ci-dessus en référence aux smileys, l'utilisateur sélectionne, puis déplace jusqu'à au point de placement souhaité, un modèle de cadre, par opération de glisser-déposer. Une fois le cadre positionné, l'utilisateur clique sur le cadre ainsi placé et peut remplir le cadre avec du texte saisi à l'aide du clavier 40. De même, suite à la sélection de la zone 103 par l'utilisateur par clic, le contenu de la barre d'outil 84 apparaissant sur les moyens de visualisation 34 est modifié en faisant apparaître à la place de la zone 106 de smileys, une zone de sélection de direction. Cette zone de sélection comporte par exemple une flèche à laquelle l'utilisateur peut imposer un mouvement de rotation autour de l'une de ses extrémités en effectuant une action de glisser-déposer depuis un point de la flèche dans sa position initiale jusqu'à une position finale du point de la flèche correspondant à un angle donné de rotation autour de l'extrémité fixe du segment, déterminant ainsi la direction de la flèche à ajouter dans le document. Puis, de façon similaire à l'ajout dans le document d'une annotation de type smiley décrite ci-dessus, l'utilisateur clique sur la flèche présentant un direction ainsi déterminée, et positionne sur le document YY, une nouvelle annotation correspondant à l'ajout de cette flèche, par glisser-déposer. Dans le mode de réalisation considéré, la barre d'outils 84 reste dans sa position initiale sur les moyens de visualisation 34 lorsque l'utilisateur fait défiler le document Web dans le sens vertical ou horizontal. Dans le mode de réalisation considéré, l'utilisateur peut déplacer la barre d'outils 84 en disposant le curseur 57 à l'aide de la souris 42, sur une zone de la barre d'outils 84 (autres que les zones associées aux fonctions décrites ci-dessus), puis en effectuant une opération de glisser-déposer à l'aide de la souris vers l'endroit choisi. Dans un mode de réalisation, lorsque par action de glisser-déposer depuis un modèle d'annotation présenté en une zone donnée dans la boîte d'outils 84, le point de destination de l'annotation placé par l'utilisateur (par relâchement du bouton) tel que détecté par le module de contrôle d'interaction 122 se situe au sein de la barre d'outils 84, l'ajout de l'annotation n'est pas pris en compte par le module d'annotation 221, et il est commandé au module de gestion de rendu 60 par le module d'annotation 221, d'afficher un déplacement inverse du modèle d'annotation depuis le point de relâchement jusqu'à la zone donnée de départ dans la boîte d'outils. En fonction du type de l'annotation créée, l'application 22 d'annotation définit un point d'ancrage 86 associé à l'annotation 78. Par exemple, le point d'ancrage 86 d'une image est le centre de l'image sauf si cette image représente une flèche, auquel cas le point d'ancrage défini sera l'extrémité de la pointe de la flèche. En outre, le point d'ancrage d'un texte libre est défini comme étant le premier point du premier trait effectué par l'utilisateur via les moyens de saisie. Pour chaque annotation, les coordonnées (X, Y) de son point d'ancrage sont déterminées relativement au coin supérieur gauche de la page. Via l'exécution de la routine standard JavaScript DOM document.elementFromPoint(), l'application 22 extrait les valeurs de paramètres de l'élément 88 dit « source » (c'est-à-dire du noeud correspondant de la représentation DOM à partir de laquelle est générée la représentation source 80) de la représentation source 80 qui comprend le point de coordonnées (X, Y) auquel l'annotation 78 est alors associée. Ces paramètres - qui comprennent entre autre le décalage en coordonnées entre le point d'ancrage 86 de l'annotation 78 et l'élément 88 - présentent des degrés d'importance distincts. Les paramètres dits essentiels comprennent le type de l'élément (image, texte, etc.). Les paramètres dits de haute importance comprennent une donnée ID d'identification, une donnée de source de l'élément 88 source -par exemple son URL- et le contenu textuel HTML de l'élément - lorsque l'élément 88 source est un paragraphe par exemple-. Les paramètres de faible importance comprennent les coordonnées de l'élément source 88 relatives au coin supérieur gauche de la page. Les valeurs de ces paramètres sont stockées par le module de communication 223, ainsi que des informations d'identification du document auquel l'annotation est rattachée. L'ensemble de ces informations définit les informations d'annotation 24. Les informations d'annotation 24 générées par l'application d'annotation 22 lors de la création d'une annotation 78 sont alors communiquées via les moyens de communication 36 du dispositif électronique 12 au serveur dédié 18 qui les stocke. Ces données 24 sont ensuite nécessaires à l'application 22 d'annotation pour la restitution d'annotations 78 associées à un document visualisé sur un dispositif 12 selon l'invention. A cet effet, l'application exécute la routine Javascript DOM document.getElementsByTagName() à partir de la valeur du type de l'élément source, qui retourne un tableau des éléments 90 candidats ayant pour type le type de l'élément source 88 auquel l'annotation 78 est associée. Ce tableau est alors stocké en mémoire. A partir de ce tableau, un sous-tableau d'éléments candidats 90 est généré par l'application 22 à partir des éléments candidats 90 dont l'une au moins des valeurs des paramètres de haute importance est égale à celle du paramètre correspondant de l'élément source 88. En pratique, la comparaison des propriétés des éléments est effectuée à partir d'un condensat (« hash ») des propriétés. Pour des raisons de coût de calcul, ce condensat ne comprend qu'une partie de la valeur de ces propriétés, par exemple les 32 caractères initiaux ou finaux de celles-ci. Si un seul élément candidat 90 correspond, celui-ci est sélectionné comme élément cible 92 de l'annotation correspondante. Si plus de deux éléments correspondent, les coordonnées des éléments candidats 90 sont comparées. Celui dont les coordonnées dans la représentation cible 82 sont les plus proches des coordonnées de l'élément source 88 dans la représentation source 80 est sélectionné. Si aucun élément ne correspond, la comparaison précédente est réitérée à partir du tableau de tous les éléments candidats 90. Si l'application 22 d'annotation n'identifie toujours pas d'élément cible 92, les coordonnées du point d'ancrage 86 de l'annotation 78 dans la représentation source 80 sont utilisées pour repositionner l'annotation 78 sur la représentation cible 82. En pratique, une fois un élément cible 92 identifié, l'application 22 d'annotation obtient ses coordonnées et positionne l'annotation 78 relativement à cet élément cible 92 en faisant correspondre cette position relative avec la position de l'annotation 78 relativement à l'élément source 88. L'application 22 modifie alors la représentation DOM générée par le module 60 de gestion de rendu qui réalise alors l'affichage de l'annotation 78 directement sur la représentation 82 du document qu'il génère sur les moyens de visualisation 34. L'application 22 procède ainsi en ancrant une annotation 78 nouvellement créée à un élément du document considéré. Dans le dispositif 12 selon l'invention, l'application 22 d'annotation n'a pas besoin d'être installée préalablement à son utilisation. Lorsque l'utilisateur de l'application 22 d'annotation souhaite ajouter une annotation 78 à un document Web, il implémente l'application 22 via un marque-page scripté 78 de son application 56 de navigation. L'application 22 est alors téléchargée par le serveur dédié 18 sur le dispositif informatique 12 puis injectée dans le document. Dans un mode de réalisation, le marque-page scripté 74 est généré automatiquement par le serveur dédié 18 lorsque l'utilisateur s'y enregistre pour pouvoir utiliser l'application 22. Le marque-page scripté 74 est inséré dans une page web présentée à l'utilisateur par le serveur 18 comme un URL ayant un attribut texte ou image invitant l'utilisateur à mémoriser cet URL comme marque-page. Un tel procédé de déploiement de l'application 22 sur un dispositif électronique est adapté à tous les dispositifs dont la ou les applications de navigation disposent d'un module de gestion de rendu. De par les technologies standard - HTML, CSS, Javascript, etc. - que l'application 22 exploite pour fonctionner et du fait qu'elle est injectée dans le document web, elle ne requiert en outre aucune modification de l'application de navigation 56 pour fonctionner, et ne repose sur aucune technologie propriétaire d'une application de navigation 56 donnée. L'application d'annotation 22 est donc adaptée pour permettre à l'utilisateur d'ajouter et de visualiser des annotations sur le document Web YY via toutes les applications de navigation, notamment les applications de navigation implémentées sur les téléphones portables. Par ailleurs, le stockage de l'application 22 sur le serveur de gestion d'annotation 18 dédié facilite sa mise à jour, par exemple lors d'une modification du procédé d'annotation qu'elle implémente. En effet, seule la mise à jour de l'application 22 se trouvant sur le serveur 18 dédié est alors nécessaire. En référence à la Figure 4, la mise en oeuvre d'un procédé dans un mode de mise en oeuvre de l'invention va maintenant être décrite de façon détaillée. Lors d'une étape 210, l'utilisateur saisit dans la barre 68 de navigation l'adresse URL « URLdoc1 » d'un document Web YY qu'il souhaite consulter grâce au clavier 32. L'application de navigation 56 commande à l'unité de traitement 38 l'exécution de l'application 54 de requête. L'application 54 de requête génère une requête émise via les moyens de communication 36 à destination du serveur Web 16 sur lequel est stocké le document. A l'issue de cette étape 210, le serveur web 16 reçoit la requête émise par le dispositif informatique 12. Lors d'une étape 220, le serveur Web 16 retourne le contenu du document Web YY. A l'issue de cette étape 220, le dispositif informatique 12 reçoit le contenu du document par ses moyens de communication 36. Le document est alors transmis au module 60 de gestion de rendu de l'application 56 de navigation. Lors d'une étape 230, le module 60 de gestion de rendu construit une représentation DOM source 80 du document ainsi transmis et réalise l'affichage de la représentation DOM 80 sur l'écran 44. Lors d'une étape 240, l'utilisateur interagit avec le système de marque-pages 72 du navigateur. Celui-ci actionne le marque-page scripté « Annotate » 74. Lors d'une étape 250, la requête associée au marque-page scripté 74 est envoyée par l'application 54 d'envoi de requête via les moyens 36 de communication à destination du serveur de gestion d'annotations dédié 18. A l'issue de cette étape 250, le serveur de gestion d'annotations dédié 18 reçoit la requête qui lui est destinée. Au cours d'une étape 260, le serveur 18 dédié à l'application 22 déploie l'application d'annotation 22 sur le dispositif informatique 12. A l'issue de cette étape 260, l'application 22 reçue est installée dans la zone de mémoire 59 qui lui est allouée et devient apte à être exécutée. Lors d'une étape 270, l'application d'annotation 22 est exécutée et commande l'exécution de l'application 54 d'envoi de requête par l'unité centrale 38. Le dispositif informatique 12 envoie alors une nouvelle requête à destination du serveur dédié 18 via ses moyens 36 de communication. Cette nouvelle requête comprend une adresse URL identifiant le document Web A l'issue de cette étape 270, le serveur dédié 18 reçoit la requête. Lors d'une étape 280, le serveur dédié 18 transmet au dispositif informatique 12 les informations d'annotation 24 associées au document qui ont été préalablement stockées en association avec l'adresse URL identifiant le document Web lorsque de telles informations existent. Lors d'une étape 290, l'unité centrale 38 traite les informations 24 reçues et l'application d'annotation 22 détermine si des annotations 78 associées au document sont à restituer sur une nouvelle représentation DOM cible 82 du document en fonction des informations 24 reçues. Lors d'une étape 300, l'application 22 d'annotation identifie chacun des éléments cibles 92 de la représentation cible 82 auxquels sont associées des annotations 78, comme décrit ci-dessus. Cette identification est réalisée par le biais de fonctions JavaScript standard telles que document.elementFromPoint() et par les attributs standards des éléments HTML tels que HTMLElementObject.tagName, HTMLElementObject.innerHTML, HTMLElementObject.id, imageObject.src, où HTMLElementObject représente un élément cible et imageObject un élément cible qui est une image. Lors d'une étape 310, l'application d'annotation 22 restitue les annotations 78 via le module 60 de gestion de rendu de l'application 56 de navigation sur la représentation cible 82 générée par le module 60 à partir de la représentation DOM source 80. Cette restitution est réalisée par le biais de fonctions JavaScript standard telles que document.getElementsByTagName() et par les attributs standards des éléments HTML tels que HTMLElementObject.innerHTML, HTMLElementObject.id, imageObject.src, où HTMLElementObject représente un élément cible et imageObject un élément cible qui est une image Lors d'une étape 320, l'utilisateur peut ou non procéder à la création d'une annotation 78. Si tel est le cas, l'utilisateur définit via l'application 22 la ou les annotations 78, 78 qu'il ajoute à la représentation cible 82 du document comme décrit ci-dessus. Par exemple, dans un mode de réalisation, lors de cette étape 320, les étapes 321 à 323 indiquées sur la figure 5 sont mises en oeuvre. En référence à la figure 6, dans une étape 321, l'utilisateur positionne le curseur 57 à l'aide de la souris 42 sur le modèle de smiley S1 présenté sur la barre d'outils 84. Dans une étape 322, l'utilisateur clique sur le bouton de la souris 42, sélectionnant ainsi le modèle de smiley S1, et maintient cet appui. Dans une étape 322, en référence à la figure 7, tout en maintenant son appui sur le bouton, l'utilisateur déplace la souris, ce qui a pour effet de déplacer une copie S'1 du smiley sélectionné, de manière à l'amener en direction d'un point du document YY sur lequel il souhaite ajouter le smiley sélectionné. Dans une étape 323, en référence à la figure 8, une fois le smiley S'1 placé sur ce point du document, l'utilisateur relâche le bouton de la souris. Une nouvelle annotation 78' correspondant à l'ajout du smiley S'1 dans le document YY est ainsi prise en compte. Les informations d'annotation 24 générées par la création d'une ou plusieurs annotation(s) 78 sont stockées en mémoire 52 par le module d'annotation 221. A l'issue de l'étape 320, les annotations 78, 78' sont affichées sur une nouvelle représentation cible 82 générée par le module 60 de gestion de rendu. Au cours d'une étape 330, le module de communication 223 de l'application d'annotation 22 transmet, via les moyens 36 de communication, les informations d'annotation 24 générées lors de l'étape 320 à destination du serveur dédié 18. Celui-ci les stocke ensuite dans ses moyens de stockage en correspondance avec l'URL identifiant le document, et indique en outre pour ces nouvelles informations d'annotations générées, la date de leur réception par leur serveur, ainsi que le pseudonyme d'utilisateur pour envoi ultérieur à destination d'un dispositif informatique 12 ou 20 selon l'invention depuis lequel un utilisateur souhaitera consulter les annotations 78 ajoutées au document d'URL « URLdoc1 ». REVENDICATIONS1. Procédé d'annotation d'un document traité par une application (56) de navigation sur un réseau informatique, le procédé étant mis en oeuvre dans un dispositif électronique (12) comprenant une unité de traitement (18), un écran (44), des moyens (46, 48) d'affichage de données à l'écran, l'application de navigation (56) et une application (22) d'annotation, ledit procédé comportant les étapes suivantes : le traitement du document par l'application de navigation (56), l'exécution de l'application d'annotation, comportant l'affichage d'une barre d'outils pour ajouter une annotation en un point du document traité par l'application (56) de navigation, en vue de l'affichage du document annoté ; ledit procédé étant caractérisé en ce qu'il comprend en outre les étapes suivantes, la barre d'outils comportant au moins une zone associée à un type d'annotation respectif : - détection par l'application d'annotation d'une action de glisser-déposer opérée depuis la zone associée audit type d'annotation respectif jusqu'à un point dans le document ; - ajout par l'application d'annotation d'une annotation du type respectif audit point du document suite à ladite action. 2. Procédé d'annotation selon la revendication 1, selon lequel le réseau informatique est le réseau internet et le document est un document Web. 3. Procédé d'annotation selon la revendication 1 ou 2, selon lequel la détection de l'action de glisser-déposer est réalisée à l'aide de moyens d'interaction avec les moyens d'affichage. 4. Procédé d'annotation selon l'une quelconque des revendications précédentes, selon lequel la barre d'outils comporte une zone associée à des annotations de type smileys, et/ou une zone associée à des annotations de type flèche et/ou une zone associée à des annotations de type texte, la détection par l'application d'annotation d'une action de glisser-déposer opérée depuis ladite ou lesdites zone(s) associée jusqu'à un point dans le document donnant lieu à l'ancrage par l'application d'annotation d'une annotation du type respectif audit point du document suite à ladite action35 5. Procédé d'annotation selon l'une quelconque des revendications précédentes, selon lequel l'affichage de barre d'outils suite à l'exécution de l'application d'annotation est réalisé sur le document. 6. Procédé d'annotation selon l'une quelconque des revendications précédentes, comprenant en outre une étape d'envoi des annotations ancrées au document à un serveur sur le réseau, d'une date d'ancrage desdites annotations au document et d'un identifiant du document. 7. Procédé d'annotation selon l'une quelconque des revendications précédentes, selon lequel l'exécution de l'application d'annotation comprend en outre une requête auprès d'un serveur du réseau indiquant un identifiant du document, et comprenant en outre les étapes suivantes : - sur réception de ladite requête, sélection par le serveur dans un espace de stockage, de données de définition d'annotations précédemment apportées au document et des dates d'ancrage desdites annotations en fonction de l'identifiant du document indiqué dans la requête et envoi par le serveur à destination de l'application d'annotation du dispositif électronique des annotations et dates d'ancrage sélectionnées ; - réception par l'application d'annotation desdites annotations et dates d'ancrage sélectionnées et affichage sur ledit document traité de certaines au moins desdites annotations. 8. Programme d'ordinateur d'annotation d'un document, comprenant des instructions logicielles pour mettre en oeuvre les étapes, incombant à l'application d'annotation, d'un procédé d'annotation selon l'une quelconque des revendications précédentes lors d'une exécution dudit programme sur une unité de traitement d'un dispositif électronique comportant des moyens d'affichage (34), ladite application d'annotation et une application de navigation sur un réseau informatique comportant un module (58) de gestion de l'interface graphique d'accès à un réseau (14) et un module (60) de gestion de rendu de document. 9. Dispositif électronique (12) comportant : - une unité de traitement (18) ; - des moyens d'affichage (34) ; - une application (56) de navigation sur un réseau informatique ;- une application d'annotation propre à restituer et/ou ajouter des annotations (78) sur un document traité par l'application de navigation ; l'exécution de l'application d'annotation comportant l'affichage d'une barre d'outils pour ajouter une annotation en un point du document traité par l'application (56) de navigation, l'ajout d'au moins une annotation par un utilisateur sur ledit document en vue de l'affichage d'une représentation du document annoté (82) ; ledit dispositif électronique étant caractérisé en ce que la barre d'outils comportant au moins une zone associée à un type d'annotation respectif, l'application d'annotation est adaptée pour détecter une action de glisser-déposer opérée depuis la zone associée audit type d'annotation respectif jusqu'à un point dans le document et pour ajouter une annotation du type respectif audit point du document suite à ladite action. 10. Dispositif électronique (12) selon la revendication 9, dans lequel le réseau informatique est le réseau internet et le document traité par l'application de navigation est 15 un document Web.