Brevet FR3053138A1 — publié le 20171229

DOMAINE TECHNIQUE DE L'INVENTION Le domaine de l'invention est celui de l'informatique. Plus précisément, l'invention concerne un procédé d'édition automatisée d'un template informatique. L'invention trouve notamment des applications dans le domaine de l'e-mailing et des pages au format HTML (acronyme anglais d'« Hyper Text Markup Language »). L'invention doit notamment pouvoir être utilisé par un utilisateur n'ayant pas de connaissances spécifiques dans le langage HTML. ÉTAT DE LA TECHNIQUE Les templates informatiques, également appelés gabarit de mise en page ou modèles de fichiers, sont des patrons de mise en page définissant l'emplacement des éléments de la page tels que des images, des textes, des boutons, des vidéos, etc. Les templates informatiques utilisés pour l'envoi d'e-mails transactionnels ou pour l'affichage de page web sont assez complexes. Les templates informatiques comprennent en effet de nombreux blocs configurés selon une présentation choisie. De plus, notamment pour les emails, le rendu obtenu doit être consistent quelque soit l'outil informatique affichant les templates, l'outil informatique pouvant être un navigateur web, un logiciel de messagerie ou un logiciel d'édition d'un template. Il existe dans l'art antérieur des logiciels informatiques permettant d'éditer et de modifier un template informatique. L'inconvénient majeur de ces techniques est que la modification de plusieurs templates informatiques nécessite de modifier chacun des templates, un par un, ce qui est long et fastidieux pour un utilisateur. De plus, la plupart des éditeurs de template existant nécessite pour l'utilisateur une connaissance approfondie du langage HTML, ce qui est rarement le cas des personnes du marketing ou de la communication comme un designer. En effet, la plupart des techniques connues consistent à éditer un e-mail directement dans le langage HTML. C'est le cas pour de nombreux outils en ligne permettant les emails de campagnes. De plus, ces outils sont limités à l'e-mail et ne permettent pas l'édition de pages HTML. Aucun des systèmes actuels ne permet de répondre simultanément à tous les besoins requis, à savoir de proposer une technique d'édition automatisée de plusieurs templates informatiques qui soit rapide, simple à utiliser. 3053138 2 OBJET DE L'INVENTION La présente invention vise à remédier à tout ou partie des inconvénients de l'état de la technique cités ci-dessus. A cet effet, la présente invention vise un procédé d'édition automatisée d'un 5 template informatique comprenant au moins un bloc. Le template informatique, également appelé modèle de fichiers, peut correspondre à un email ou à une page web. Le bloc peut comprendre un ou plusieurs éléments pouvant être du texte, une image, un jeu, voire un bouton à cliquer. La configuration des blocs du template est fonction du rendu souhaité. 10 Selon l'invention, le procédé comprend les étapes suivantes : - identification d'au moins un bloc modifiable du template ; - lecture des paramètres d'édition du bloc modifiable ; - affichage du template en associant le bloc modifiable à un formulaire d'édition adapté aux paramètres d'édition dudit bloc associé ; 15 - sélection par un utilisateur d'un bloc modifiable parmi le ou les blocs identifiés et affichage du formulaire d'édition associé audit bloc ; - modification dudit bloc par l'intermédiaire dudit formulaire d'édition ; - affichage du template comprenant ledit bloc modifié. Ainsi, le procédé objet de l'invention permet de modifier un bloc identifié dans 20 un template informatique quelconque, dont la configuration des blocs a été établie préalablement. La lecture des paramètres d'édition peut s'effectuer sur une partie ou l'ensemble des blocs identifiés. La sélection du bloc à modifier peut s'effectuer en cliquant dessus, ce qui permet d'afficher un formulaire d'édition adapté au bloc à modifier. Une définition simple de chaque bloc permet de générer automatiquement 25 les formulaires d'édition correspondant, simplifiant à la fois le travail des designers et l'édition par les utilisateurs finaux. Dans des mises en oeuvre particulières de l'invention, le template informatique est au format HTML (acronyme anglais d'« Hyper Text Markup Language »). Dans des mises en oeuvre particulières de l'invention, un bloc est identifié par 30 l'intermédiaire d'une classe et/ou d'au moins un attribut. Ainsi, l'attribut permet d'identifier des blocs ayant la même classe. L'attribut peut être par exemple le type du bloc, la position du bloc dans le template ou toutes autres valeurs permettant de singulariser chaque bloc. 3053138 3 Dans des mises en oeuvre particulières de l'invention, le template informatique comprend des éléments du framework open-source Ember. Avantageusement, l'étape d'identification des blocs modifiables comprend pour chacun desdits blocs les sous-étapes suivantes : 5 - reconnaissance d'un bloc ayant une classe « ember-block » dans le template informatique ; - identification dudit bloc grâce aux données « data-ember-type » et/ou « data-ember-context » associées audit bloc. Dans des mises en oeuvre particulières de l'invention, les paramètres d'édition 10 associés à chacun desdits blocs sont extraits d'un fichier de configuration associé au template informatique. Dans des mises en oeuvre particulières de l'invention, l'affichage du template est adapté à la taille de l'écran. Ainsi, l'affichage du template s'effectue de manière responsive, c'est à dire 15 adaptée à différentes tailles d'écran : écran d'ordinateur (généralement supérieur à 11 pouces), écran de tablettes tactiles (généralement compris entre 7 et 11 pouces), écran de smartphones (généralement compris entre 4 et 7 pouces). Dans des mises en oeuvre particulières de l'invention, le bloc modifiable comprend soit : 20 - au moins une image ; - au moins un texte ; - au moins une icône et au moins un texte. L'invention concerne également un produit programme d'ordinateur comprenant des instructions de code de programme pour l'exécution des étapes d'un 25 procédé d'édition automatisée, lorsque ledit programme est exécuté sur un ordinateur, une tablette ou un smartphone. Enfin, l'invention vise aussi un système informatique d'édition automatisée d'un template informatique comprenant une pluralité de bloc, ledit système informatique comprenant des moyens pour : 30 - identifier au moins un bloc modifiable du template ; - lire des paramètres d'édition de chaque bloc modifiable ; - afficher le template en associant chaque bloc modifiable à un formulaire d'édition adapté aux paramètres d'édition dudit bloc associé ; 3053138 4 - sélectionner un bloc modifiable parmi le ou les blocs identifiés et afficher le formulaire d'édition associé audit bloc ; - modifier ledit bloc par l'intermédiaire dudit formulaire d'édition ; - afficher le template comprenant ledit bloc modifié. 5 LISTE DES FIGURES D'autres avantages, buts et caractéristiques particulières de la présente invention ressortiront de la description non limitative qui suit d'au moins un mode de réalisation particulier des dispositif et procédé objets de la présente invention, en 10 regard des dessins annexés, dans lesquels : la figure 1 est un affichage d'un template objet de la modification par un procédé d'édition automatisée ; la figure 2 illustre sous la forme d'un schéma synoptique un mode de réalisation d'un procédé d'édition automatisée du template en référence à la 15 figure 1 ; la figure 3 représente trois formulaires d'édition utilisés par le procédé d'édition en référence à la figure 2. DESCRIPTION DÉTAILLÉE DE L'INVENTION 20 La présente description est donnée à titre non limitatif, chaque caractéristique d'un mode de réalisation pouvant être combinée à toute autre caractéristique de tout autre mode de réalisation de manière avantageuse. On note, dès à présent, que les figures ne sont pas à l'échelle. 25 Exemple d'un mode de réalisation particulier de l'invention La figure 1 représente l'affichage à l'écran d'un template 100 d'un message électronique, couramment appelé page HTML, destiné à être utilisé dans une campagne promotionnelle afin de promouvoir la présence d'une loterie électronique sur un site marchand. 30 Le template 100 dont un extrait du code informatique au format HTML est inclus en annexe de la présente description, est traité par un système informatique pouvant être un ordinateur ou un terminal portable comme par exemple un smartphone ou une tablette. 3053138 5 Dans le présent exemple non limitatif de l'invention, le template 100 est configuré en utilisant des éléments du framework Ember bien connu de l'homme du métier, en utilisant notamment le framework Handlebars, également bien connu de l'homme du métier. Le framework open-source Ember permet aux développeurs 5 informatiques de créer des pages au format HTML. Le framework open-source Handlebars est un moteur de template permettant de générer des templates informatiques. Le template 100 comprend dans le présent exemple une matrice de sept blocs 110 de même largeur formant une colonne. Les sept blocs 110 sont alignés 10 verticalement et contigus deux à deux. Dans des variantes de ce mode de réalisation particulier de l'invention, la matrice des blocs 110 forme une ligne, un rectangle ou un carré. Les blocs 110 du template 100 comprennent : - deux blocs images 111 comprenant chacun une zone apte à recevoir une 15 image ; - trois blocs textes 112 comprenant chacun une zone apte à recevoir un texte ; - un bloc mixte 113 comprenant une zone apte à recevoir quatre icônes 114 alignées horizontalement. Chaque icône comprend un titre 115 et un texte 20 descriptif 116 ; et - un bloc jeu 117 comprenant une zone apte à recevoir un jeu développé en HTML et en JavaScript. La configuration de la matrice des blocs 110 permet d'afficher de haut en bas : - un bloc image 1111 en en-tête ; 25 - un bloc texte 1121 ; - un bloc mixte 113 ; - un bloc texte 1122 ; - un bloc jeu 117 ; - un bloc texte 1123 ; et 30 - un bloc image 1112 en pied. Chaque bloc 110 correspond à une classe « ember-block », associée à deux attributs : un type de bloc « data-ember-type » et un contexte « data-embercontext ». Le type de bloc et le contexte permettent d'identifier chaque bloc dans le template. 3053 13 8 6 Par exemple, pour les blocs images 111, le type de bloc « data-ember-type » est égal à « image » et le contexte « data-ember-context » est égal à « images.header » ou « images.footer » suivant la position de l'image, respectivement en en-tête (bloc 1111), et en pied (bloc 1112). Le contexte permet 5 ainsi de distinguer les deux blocs images 111. Le template informatique 100 est modifié par un utilisateur par l'intermédiaire d'un système informatique d'édition automatisée comprenant des moyens de mise en oeuvre d'un procédé 200 d'édition automatisée. Le procédé 200, illustré sous la forme d'un schéma synoptique en figure 2, 10 comprend une première étape 210 d'identification des blocs 110 modifiables du template 100. Dans le présent exemple, les blocs 110 modifiables sont les blocs images 111, les blocs textes 112 et le bloc mixte 113. Les blocs 110 modifiables sont identifiés au cours de la première étape 210 par l'intermédiaire du type de bloc 15 « data-ember-type » et/ou du contexte « data-ember-context ». Pour les blocs images 111, le type de bloc est égal à « image ». Pour les blocs textes 112, le type de bloc est égal à « text ». Il convient de souligner que lorsque plusieurs blocs comprennent le même type de bloc, les blocs sont différenciés par l'intermédiaire du contexte. 20 Dans le cas d'un bloc non générique, comme par exemple le bloc mixte 113, seule la valeur du contexte « data-ember-context » permet d'identifier ce bloc. Pour chaque bloc modifiable, le procédé 200 lit au cours d'une deuxième étape 220 les paramètres d'édition associés à chacun des blocs 110 dans un fichier de configuration associé au template 100. 25 Les paramètres d'édition comprennent l'ensemble des paramètres permettant l'affichage des éléments du bloc 110. Par exemple, les paramètres d'édition associés au bloc image 1111 comprennent : - l'emplacement du fichier image source. Le fichier source peut être au 30 format jpeg, png, gif, etc. ; - l'alignement horizontal de l'image dans le bloc 1111, comme par exemple 30 5 10 {{{config.text.html}}} [-- .1 25 Extrait du fichier de configuration associé au template 100 30 "images": { "header": { "file": "http://static.luckycart.com/sources/saas/mails/images/header.jpg", "placeholder": "config.images.header.file", "alignHz": "center", "pxTop": "0", "pxLeft": "0", "pxBottom": "20px", "pxBorder": "0", 5 "colorBorder": "#c9c9c9", "pxMaxWidth": "600px", "link": { "href": "", "alt": "Jeu XXX" 3053138 10 10 } }, "footer": { "file": "http://static.luckycart.com/sources/saas/mails/images/footer.jpg", "placeholder": "config.images.footer.file", 15 "alignHz": "center", "pxTop": "20px", "pxBottom": "0", "pxLeft": "0", "pxBorder": "0", 20 "colorBorder": "#6f6f6f", "pxMaxWidth": "600px", "link": { "href": "", "alt": "Jeu XXX" 25 } } }, "win": { "params": { 30 "subject": "Félicitations [First Name], vous avez gagné !", "compiledSub": "Félicitations , vous avez gagné !", "colorText": "#000" }, 3053138 11 "text": { "colorText": "#555555", "colorLinks": "#004da0", "placeholder": "config.text.html", "html": "..." } b REVENDICATIONS1. Procédé d'édition automatisée (200) d'un template informatique (100) comprenant au moins un bloc (110), caractérisé en ce qu'il comprend les étapes suivantes : - identification (210) d'au moins un bloc modifiable du template ; - lecture (220) des paramètres d'édition du bloc modifiable ; - affichage (230) du template en associant le bloc modifiable à un formulaire d'édition adapté aux paramètres d'édition dudit bloc ; - sélection (240) par un utilisateur d'un bloc modifiable parmi le ou les blocs identifiés et affichage du formulaire d'édition associé audit bloc ; - modification (250) par l'utilisateur dudit bloc par l'intermédiaire dudit formulaire d'édition ; - affichage (260) du template comprenant ledit bloc modifié. 2. Procédé selon la revendication 1, caractérisé en ce que le template informatique est au format HTML (acronyme anglais d'« Hyper Text Markup Language »). 3. Procédé selon l'une quelconque des revendications 1 et 2, caractérisé en ce qu'un bloc est identifié par l'intermédiaire d'une classe et/ou d'au moins un attribut. 4. Procédé selon l'une des revendications 2 et 3, caractérisé en ce que le template informatique comprend des éléments du framework open-source Ember. 5. Procédé selon la revendication 4, caractérisé en ce que l'étape d'identification du ou des blocs modifiables comprend pour chacun desdits blocs les sous-étapes suivantes : - reconnaissance d'un bloc ayant une classe « ember-block » dans le template informatique ; - identification dudit bloc grâce aux données « data-ember-type » et/ou « data- ember-context » associées audit bloc. 3053138 13 6. Procédé selon l'une quelconque des revendications 1 à 5, caractérisé en ce que les paramètres d'édition associés à chacun desdits blocs sont extraits d'un fichier de configuration associé au template informatique. 5 7. Procédé selon l'une quelconque des revendications 1 à 6, caractérisé en ce que l'affichage du template est adapté à la taille de l'écran. 8. Procédé selon l'une quelconque des revendications 1 à 7, caractérisé en ce que le bloc modifiable comprend soit : 10 - au moins une image ; - au moins un texte ; - au moins une icône et au moins un texte. 9. Produit programme d'ordinateur comprenant des instructions de code de 15 programme pour l'exécution des étapes d'un procédé selon l'une quelconque des revendications 1 à 8, lorsque ledit programme est exécuté sur un ordinateur, une tablette ou un smartphone. 10. Système informatique d'édition automatisée d'un template informatique 20 comprenant au moins un bloc, caractérisé en ce qu'il comprend des moyens pour - identifier au moins un bloc modifiable du template ; - lire des paramètres d'édition du bloc modifiable ; - afficher le template en associant le bloc modifiable à un formulaire 25 d'édition adapté aux paramètres d'édition dudit bloc ; - sélectionner un bloc modifiable parmi le ou les blocs identifiés et afficher le formulaire d'édition associé audit bloc ; - modifier ledit bloc par l'intermédiaire dudit formulaire d'édition ; - afficher le template comprenant ledit bloc modifié.