FR 3089040 A1 20200529 FR 1871760 A 20181123 Description Titre de l'invention : PROCÉDÉ DE CRÉATION DE DOCUMENTS NUMÉRIQUES INTERACTIFS Domaine technique [0001] La présente invention concerne le domaine des traitements informatiques pour générer des représentations graphiques d'objets numériques. Elle concerne plus particulièrement le traitement automatique du positionnement sur une interface d'objets-résultats obtenus suite à une requête ou à un traitement de données numériques. L'objectif est de générer un ensemble de couples de valeurs numériques comportant une relation de proximité entre les objets dudit ensemble afin de former un agencement calculé en temps réel pour commander une représentation graphique statique ou dynamique. L'invention concerne le domaine de la représentation cartographique utilisant les possibilités graphiques de l'interface pour fournir des informations additionnelles au sujet des objets et des thèmes affichés. [0002] Les représentations graphiques constituent des contenus hypennédia. "Hypermédia" est une métaphore pour présenter des informations dans lesquelles du texte, des images, des sons, et des actions sont reliés dans une bande complexe, non-séquentielle, d'associations qui permettent à un utilisateur de parcourir des sujets concernés, quel que soit l'ordre des sujets présentés. Hypermédia provient de "hypertexte" un terme qui à l'origine a été forgé pour décrire des documents à hase de texte comportant des liaisons avec d'autres documents pour former une bande non-séquentielle d'idées associées. 100031 Un programme d'application appelé "explorateur" est normalement utilisé pour récupérer et restituer le contenu hypermédia local ou via un réseau informatique. 100041 Le contenu hypermédia est couramment organisé sous forme de documents ayant des informations de contrôle incluses. Les informations de contrôle incluses comportent des spécifications de formatage, indiquant la manière par laquelle un document doit être restitué par l'explorateur de Web. De plus, de telles informations de contrôle peuvent comporter des liens ou "hyperliens": symboles ou instructions indiquant à l'explorateur du Web où trouver d'autres documents WWW concernés sur le réseau Internet. Un hyperlien provenant d'un sujet hypermédia vers un autre est normalement établi par l'auteur d'un document hypermédia, bien que certaines applications permettent aux utilisateurs d'insérer des hyperliens vers des sujets voulus. 100051 Un hyperlien est typiquement restitué par un explorateur sous forme d'icône graphique ou de mots clés surlignés. Un utilisateur "active" ou "suit" un hyperlien en cliquant sur une icône ou des mots clés soulignés ou en sélectionnant autrement ceux- 2 ci. Activer un lien entraîne l'explorateur à récupérer et restituer le document ou la ressource qui est ciblée par l'hyperlien ou de commander l'exécution d'une action telle que l'ouverture d'une nouvelle fenêtre, la visualisation d'une image ou d'une vidéo, la lecture d'un fichier sonore, etc. [0006] Avec l'icône d'hyperlien ou les mots clés surlignés est associée une spécification de cible sous-jacente. La spécification de cible est établie dans un document hypermédia sous-jacent, mais est normalement invisible pour l'utilisateur. La spécification de cible identifie de manière non-ambiguë un document ciblé ou une ressource ciblée, spécifiant de manière typique le nom de l'ordinateur sur lequel se trouve le document et le nom complet du fichier du document. Dans les documents WWW, les cibles sont spécifiées en utilisant des "positionneurs de ressource uniforme" (encore appelés URL). Un URL décrit tout ce qui concerne une ressource particulière qu'un explorateur du Web doit connaître pour la requérir et la restituer. Le URL décrit le protocole qu'un explorateur doit utiliser pour récupérer la ressource, le nom de l'ordinateur sur lequel elle se trouve, et le trajet et le nom de fichier de la ressource. [0007] Le contenu hypermédia utilisé par le WWW est couramment écrit en utilisant ce qui est appelé un "Langage de Marquage". Un langage de marquage généralisé standard ou "SGML" est un tel langage, défini de manière formelle en tant que "langage de représentation d'un document qui formalise le marquage et le libère des interactions du système et du traitement". SGML est un langage pour décrire la structure de documents et pour décrire un schéma d'étiquetage pour délimiter cette structure dans un texte. [0008] Pour créer un contenu hypermédia, les documents utilisent une spécialisation de SGML appelée Langage de Marquage Hypertexte ou "HTML" se présentant comme un texte en clair qui contient des instructions de formatage sous la forme de codes ou "balises" de marquage HTML. Technique antérieure [0009] On connaît dans l'état de la technique le brevet français FR3020162A1 décrivant un procédé de génération dynamique de représentations graphiques interactives dc données, comportant dcs étapes dc : [0010] - constitution d'une base de données structurée contenant des objets numériques associés à des variables et à des méta-données et d'une bibliothèque de processus - constitution d'une ontologie de domaine, comprenant une taxonomie des termes du domaine, et une expression des relations entre les termes du domaine - calcul d'une représentation numérique multidimensionnelle (nuage de mots) en fonction du résultat des traitements de calcul de distance et de pondération - et des étapes de calcul d'une représentation graphique bidimensionnelle desdits 3 objets numériques en fonction d'un processus de traitement sélectionné dans une bibliothèque de processus de traitement, et d'une partie au moins desdites variables des objets numériques - des étapes de recalcul de ladite représentation graphique bidimensionnelle en fonction des modifications imposées à ladite représentation numérique multidimensionnelle. [0011] On connaît aussi le brevet européen EP2595072 décrivant un procédé mis en oeuvre par ordinateur pour stocker des informations. Le procédé comprend la mise en oeuvre, par un ordinateur serveur de référentiel de documents, d'une hase de données flexible en termes de schéma. Le procédé consiste en outre à recevoir, par l'ordinateur serveur de référentiel de documents, des informations textuelles traitées provenant d'un ordinateur d'analyse de texte, un type sémantique étant affecté aux informations textuelles traitées. Le procédé comprend en outre le stockage, par l'ordinateur serveur de référentiel de documents, des informations de texte traitées dans la hase de données flexible en termes de schéma. Le procédé consiste en outre à transmettre, par l'ordinateur serveur de référentiel de documents, à un ordinateur d'analyse, des données sélectionnées à partir des informations textuelles traitées stockées dans la hase de données flexible en fonction du schéma en réponse à une requête reçue de l'ordinateur d'analyse. [0012] Inconvénients de l'art antérieur [0013] Les solutions de l'art antérieur ne permettent pas de générer dynamiquement les contenus hypermédia, sans connaissances des techniques de codage informatique ou des outils d'édition dédiées à la production de contenus hypennédias. Elles ne permettent pas non plus de faire évoluer dynamiquement des cartes mentales interactives, avec un mode d'exploitation unique pour la visualisation et l'utilisation des fonctionnalités hypermédia d'une carte mentale et pour la modification de cette même carte mentale sans sortir du mode de visualisation et d'exploitation. [0014] Le but de l'invention est de proposer une solution permettant à l'utilisateur de produire directement des contenus hypermédia et de les faire évoluer facilement et de manière sûre. [0015] Solution apportée par l'invention [0016] Afin de remédier à ces inconvénients, la présente invention concerne selon son acception la plus générale un procédé de création de documents numériques interactifs consistant à créer et enregistrer un fichier numérique initial de type HTML comportant une structure de page d'affichage présentant une première forme graphique et une pluralité de scripts activables chacun par un lien hypertexte caractérisé en ce que : A - lesdits scripts comportent : - un script d'activation multimode commandant i) l'exécution d'une fonction numérique correspondant à un script principal spécifique audit fichier numérique initial ii) l'affichage d'une forme graphique associée à ladite première forme graphique et desdits liens hypertextes associés aux autres scripts en cas d'activation par une action d'un second type - un premier autre script commandant la création et l'enregistrement d'un fichier numérique additionnel présentant la même structure que celle du fichier numérique initial - un second autre script commandant la modification des attributs graphiques du fichier numérique contenant ledit second script - un troisième autre script commandant la suppression du fichier numérique contenant ledit troisième script - un quatrième autre script commandant l'affichage d'un éditeur de texte et la modification du contenu d'affichage du fichier numérique contenant ledit quatrième script - un cinquième autre script commandant l'affichage d'une zone de saisie d'un lien hypertexte et de l'ajout dudit lien hypertexte dans le contenu d'affichage du fichier numérique contenant ledit cinquième script - un sixième script commandant l'affichage d'une zone de saisie d'un lien hypertexte et l'enregistrement dudit lien associé à un identifiant lié au fichier numérique initial contenant ledit sixième script et B - en ce que ledit procédé comporte : - une première étape d'ouverture dudit fichier initial avec un explorateur de fichiers pour l'affichage sur l'écran d'un ordinateur local de ladite page d'affichage - et des étapes d'activation d'un (lesdits liens et d'enregistrement des modifications résultantes. [0017] Avantageusement, chacun des fichiers numérique HTML FNHi présente une structure identique et est associé à un identifiant unique IDi enregistré dans une table numérique en relation avec le nom dudit fichier FNHi des attributs graphiques dudit fichier FNHi, des coordonnées XYi d'affichage de la représentation graphique associée audit fichier FNHi , et l'identifiant IDi-1 du fichier numérique FNHi-1 parent. [0018] De préférence, les contenus textuels desdits fichiers numériques sont enregistrés dans une table numérique en relation avec l'identifiant du fichier correspondant. [0019] L'invention concerne aussi un procédé de visualisation de cartes numériques in- teractives à partir d'un ensemble de fichiers numériques de type HTML comportant une structure de page d'affichage présentant une première forme graphique et une pluralité de scripts activables chacun par un lien hypertexte caractérisé en ce que lesdits scripts comportent : - un script d'activation multimodc commandant i) l'exécution d'une fonction numérique correspondant à un script principal spécifique audit fichier numérique initial ii) l'affichage d'une forme graphique associée à ladite première forme graphique et desdits liens hypertextes associés aux autres scripts en cas d'activation par une action d'un second type - un premier autre script commandant la création et l'enregistrement d'un fichier numérique additionnel présentant la même structure que celle du fichier numérique initial - un second autre script commandant la modification des attributs graphiques du fichier numérique contenant ledit second script - un troisième autre script commandant la suppression du fichier numérique contenant ledit troisième script - un quatrième autre script commandant l'affichage d'un éditeur de texte et la modification du contenu d'affichage du fichier numérique contenant ledit quatrième script - un cinquième autre script commandant l'affichage d'une zone de saisie d'un lien hypertexte et de l'ajout dudit lien hypertexte dans le contenu d'affichage du fichier numérique contenant ledit cinquième script - un sixième script commandant l'affichage d'une zone de saisie d'un lien hypertexte et l'enregistrement dudit lien associé à un identifiant lié au fichier numérique initial contenant ledit sixième script [0020] et en ce que l'affichage de la carte numérique est exécuté par un programme in- formatique de calcul dynamique d'une représentation graphique affichable sur un écran, prenant en compte les tables d'enregistrement des identifiants des fichiers numériques liés à ladite carte numérique et d'enregistrement des attributs d'affichage graphique desdits fichiers numériques. [0021] Description détaillée d'un exemple non limitatif de l'invention [0022] La présente invention sera mieux comprise à la lecture de la description d'un exemple non limitatif de réalisation de l'invention qui suit, se référant aux dessins annexés où : [0023] [fig.1] La figure 1 représente une vue schématique de l'architecture matérielle [0024] [fig.2] La figure 2 représente une vue schématique de l'architecture fonctionnelle [0025] [fig.3] La figure 3 représente le déroulement des actions exécutées par l'ordinateur client [0026] Architecture matérielle [0027] Les ressources matérielles mises en oeuvre par l'invention comportent un serveur (10) 6 comportant plusieurs hases de données (11, 12) et un module de communication (15) pour la communication avec des postes clients (10, 20) via un réseau local ou Internet. [0028] Les postes clients (20, 30) disposent d'un module de communication (1) et d'un programme informatique de type navigateur web (2) qui permet de lire les fichiers au format HTML reçus du serveur (10) ou enregistrés localement dans une mémoire (21, 31) pour commander l'affichage des contenus textuels et/ou graphiques et exécuter les fonctionnalités du fichier sous forme de script, par exemple en langage Java. [0029] Architecture fonctionnelle [0030] La figure 2 illustre l'écran d'affichage visible par l'utilisateur et la figure 3 représente le déroulement des actions exécutées par l'ordinateur client (20, 30). [0031] L'étape initiale consiste à créer un fichier HTML de référence qui constitue le point de départ des traitements mis en oeuvre par l'invention. [0032] Ce fichier présente la structure suivante : - un statut : . - une balise correspondant au début du contenu qui sera interprété par l'éditeur de page HTML, jusqu'à la balise finale qui marque la fin du contenu à interpréter. - une balise qui délimite l'en-tête de la page et contient des informations qui ne seront pas affichées directement dans la zone de rendu du navigateur. Par exemple le titre de la page, le lien vers une feuille de style, une description et des mots clés, l'appartenance à une carte, etc... L'en-tête des documents HTML est l'objet du chapitre L'en-tête. - une balise qui contient le titre de la page qui s'affiche dans la fenêtre du navigateur. - une balise qui délimite la partie du fichier qui comprend le texte, les liens, la référence des images et tous les contenus. - six balises de type var configuration = { [0033] Ce fichier est enregistré dans une base de données (11), en relation avec une table numérique enregistrée dans une base de données (12) où est enregistré l'identifiant IDi de ce fichier, les informations de paramétrage Pi du fichier de référence pour une carte Ci, et l'identifiant de la carte Ci. [0034] Le fichier de référence contient un appel d'un javascript commandant l'affichage d'une couronne fonctionnelle comportant six zones graphiques fonctionnelles (41 à 46) 7 lorsqu'une action dépasse une durée prédéterminée, et commande l'affichage du contenu textuel et/ou graphique du fichier dans le cas d'une action d'une durée inférieure à cette durée prédéterminée. [0035] Lors de la création d'une nouvelle carte (représentation graphique s'apparentant à une carte mentale constituée par une pluralité de formes graphique de type -bulles" reliées par des lignes de liaison), l'exécution du fichier de référence commande l'affichage d'un écran avec une forme graphique (40), par exemple un cercle, avec un texte correspondant au titre enregistré dans le fichier de référence, et éventuellement un commentaire. [0036] L'affichage peut à titre d'exemple être commandé par le logiciel de visualisation et d'analyse des liens d'interaction et des données associées Cytoscape (nom commercial) permettant de créer des visualisations de données graphiquement connectés. [0037] Cette forme graphique (40) est active, c'est-à-dire qu'une action sur cette forme provoque l'exécution d'une fonction informatique. L'interaction peut être le pointage et une action sur le bouton d'un périphérique, ou l'interaction de l'utilisateur avec un écran tactile, sur la zone d'affichage de la forme graphique (40). [0038] Lorsque l'interaction (100) est d'un premier type, par exemple un -click" court, ou un "click droit" ou un "tap", le navigateur commande l'affichage (110) du contenu du fichier HTML dans une fenêtre de type "pop in" et donne accès aux fonctionnalités (111) du fichier (40), par exemple visualisation d'une image, d'une photographie ou d'une séquence vidéo ou sonore, ou exécution d'un script. [0039] Lorsque l'interaction est d'un deuxième type, par exemple un "click" prolongé ou une répétition de "taps", le navigateur commande (120) l'affichage d'une couronne constituée de six secteurs (41 à 46) entourant la forme (40), chaque secteurs (41 à 46) contenant une icône active pour commander une fonction informatique. [0040] Optionnellement, en absence d'action, la couronne disparaît après un temps pré- déterminé, et l'écran d'affichage revient à son état antérieur. [0041] Fonctionnalité de (130) de création d'un nouveau fichier [0042] Une action sur le secteur (41) commande l'exécution d'un script correspond à un appel enregistré dans le fichier de référence. La fonction technique (130) correspond à la création d'une nouvelle bulle liée avec les mêmes fonctionnalités (la couronne de sélection de fonctions). [0043] Ce script commande : - la création d'un nouveau fichier HTML présentant la même structure que le fichier de référence par exemple par duplication du fichier de référence et attribution d'un identifiant unique - la saisie d'un titre et enregistrement dans le nouveau fichier HTML ainsi créé - l'enregistrement (131) dans la mémoire locale (21, 31) de l'ordinateur hôte 8 - le transfert au serveur (10) et enregistrement du nouveau fichier dans la hase de données (11), ainsi que de l'identifiant, du titre, de la carte associée dans la hase de données (12) - le rafraîchissement de l'affichage avec un nouvel écran présentant une forme graphique additionnelle (50,60) reliée à la forme graphique (40). [0044] Fonctionnalité de (140) de personnalisation de la forme du fichier actif [0045] La fonctionnalité (140) correspond à la fonction « Réglages » d'une bulle. [0046] Une action sur le secteur (42) commande l'exécution d'un traitement consistant à afficher un écran en mode "pop-in" d'un éditeur pour la personnalisation de la couleur, de la taille ou du titre de la représentation graphique. [0047] Les modifications sont enregistrées localement dans la mémoire (21, 31), puis à transmettre ces informations au serveur (10) pour l'enregistrement dans la mémoire du serveur des informations modifiées. [0048] Fonctionnalité de (150) de personnalisation du contenu du fichier actif [0049] La fonctionnalité de (150) correspond à la fonction de personnalisation des rubriques « Champs / dots ». [0050] Une action sur le secteur (43) commande l'exécution d'un traitement consistant à afficher un écran en mode "pop-in" correspondant aux contenus du fichier HTML actif et à un éditeur de texte permettant de saisir des textes ou des images additionnelles. Les modifications concernent également la personnalisation de la couleur, de la taille ou du titre de la représentation graphique. [0051] Les modifications sont enregistrées localement dans la mémoire (21, 31), puis ces in- formations sont transmises au serveur (10) pour l'enregistrement dans la mémoire du serveur des informations modifiées. [0052] Fonctionnalité de (160) de suppression du fichier actif [0053] La fonctionnalité de (160) correspond à la suppression de la bulle et du fichier associé. Une action sur le secteur (44) commande l'exécution d'un traitement consistant à supprimer les fichiers HTML liés au fichier actif. [0054] Cette fonctionnalité n'est activée que pour les fichiers de premier niveau, c'est-à-dire les fichiers liés directement au fichier de référence de la carte, et elle est inactivée pour les fichiers de niveau supérieur. [0055] Les modifications sont enregistrées localement dans la mémoire (21, 31), puis ces in- formations sont transmises au serveur (10) pour l'enregistrement dans la mémoire du serveur des informations modifiées. [0056] Fonctionnalité de (170) de personnalisation du contenu hypermédia du fichier actif [0057] La fonctionnalité de (170) correspond à la création d'une bulle « qui » avec des in- formations /champs à remplir. [0058] Une action sur le secteur (45) commande l'exécution d'un traitement consistant à 9 afficher un écran en mode "pop-in" correspondant aux contenus du fichier HTML actif et à un éditeur permettant de saisir un lien hypertextc ou un script dans le contenu du fichier actif. [0059] Les modifications sont enregistrées localement dans la mémoire (21, 31), puis ces in- formations sont transmises au serveur (10) pour l'enregistrement dans la mémoire du serveur des informations modifiées. [0060] Fonctionnalité de (1 80) de création d'un contenu hypermédia lié au fichier actif [0061] La fonctionnalité de (180) correspond à la création d'une bulle « lien » avec 5 types de liens selon les besoins. [0062] Une action sur le secteur (46) commande l'exécution d'un traitement consistant à afficher un écran en mode "pop-in" correspondant à un éditeur d'un lien hypermédia et d'une forme graphique associée, commandant l'affichage direct, sans passer par un fichier HTML dérivé du fichier de référence, dont l'activation commande la visualisation d'une vidéo, l'ouverture d'une fenêtre de messagerie ou de "tchat", d'une session de visioconférence ou d'une application informatique quelconque. [0063] Les modifications sont enregistrées localement dans la mémoire (21, 31), puis ces in- formations sont transmises au serveur (10) pour l'enregistrement dans la mémoire du serveur des informations modifiées. [0064] Autres fonctionnalités [0065] Les formes graphiques peuvent être déplacés sur l'écran de visualisation par une in- teraction entre un pointeur et la forme graphique associée. Dans ce cas, les modifications des coordonnées XY de l'objet sont enregistrées dans la mémoire locale (21, 31) et les coordonnées finales sont ensuite transmises, après la fin du déplacement, au serveur (10) pour l'enregistrement dans la base de données (12) en relation avec l'identifiant du fichier dont la représentation graphique a été repositionnée sur l'écran. [0066] Autres caractéristiques [0067] Le serveur comporte optionnellement une base de données (13) de personnes. Elle contient pour chaque personne un identifiant 1DPi, les informations nominatives, une photographie, la page d'accueil affectée à la personne, les cartes associées à la personne et le cas échéant les droits associés concernant l'utilisation des fonctionnalités susvisées. L'activation du lien associé à une personne permet de visualiser les: informations sur la personne, éventuellement ouvrir un lien vers une application informatique telle que google maps (nom commercial) ou une application de messagerie. [0068] Optionnellement, un formulaire de saisie est associé à la personne et permet de saisir des informations de personnalisation qui seront enregistrées dans la base de données (13). [0069] Le serveur comporte optionnellement une base de données (14) de documents qui peuvent être importés par l'activation d'un script d'un fichier HTML des cartes enregistrées. [0070] Création d'une session [0071] En mode administrateur, l'administrateur créé une carte constituée par un nouvel espace avec un fichier de référence et une liste de personnes associées : - par exemple des formateurs ou utilisateurs actifs, accédant à toutes les fonctionnalités susvisées - par exemple des utilisateurs passifs, qui ne pourront accéder qu'à une partie des fonctionnalités. [0072] Cette création d'une nouvelle carte peut également être commandée par la du- plication d'une carte existante et l'enregistrement dans un nouvel espace mémoire d'une réplication de toutes les données correspondant à une carte existante. [0073] Calendrier de visualisation [0074] Les différents éléments numériques peuvent optionnellement être associés à un in- dicateur temporel filtrant les demandes de visualisation pour ne permettre la visualisation que lorsque la date de la demande est compatible avec la date d'horloge du serveur (10). 11 [Revendication 1] [Revendication 2]