Comment créer un gabarit de clip RSS

Un exemple de création d'un gabarit de clip RSS dans l'éditeur de gabarit

Créer un nouveau gabarit
Ajouter une source de données RSS
Création du visuel

Créer un nouveau gabarit

Sur le Studio ITESLIVE cliquez sur l'onglet nommé paramètres et sélectionnez la gestion des gabarits.

Naviguez au dossier dans lequel vous désirez créer le gabarit et cliquez sur le bouton « nouveau gabarit ».

Avant de faire la création du visuel, il faut fournir les informations suivantes.

• Nom: Identifiant unique pour le gabarit
• Nom Anglais: Le nom qui sera affiché lorsque le Studio est utilisé en Anglais
• Nom Français: Le nom qui sera affiché lorsque le Studio est utilisé en Français
• Type: Dans ce cas-ci, nous devons sélectionner le type de gabarit nommé Données externes
  
• Type de clip données externes: RSS
• Dimensions: La résolution du gabarit doit être identique à la résolution de la zone 
• Icône: Un fichier que vous pouvez sélectionner qui servira de "Thumbnail" pour le gabarit
• Langue: Détermine le nombre de langues disponibles dans le gabarit
• Transition de l'introduction (facultatif): L'animation de la transition utilisée pour le gabarit s'il y a une transition
• Durée la transition de l'introduction (facultatif): La durée en secondes pour la transition de l'introduction
• Durée de l'introduction: La durée en secondes pour l'introduction

Une fois que les informations ont été entrées, cliquez sur le bouton accepter.

Ajouter une source de données RSS

Une fois que les configurations ont été appliquées, le Studio ITESLIVE ouvrira automatiquement l'éditeur de gabarit. Cliquez sur l'icône qui représente un disque dur dans le coin supérieur gauche de l'éditeur de gabarit.

Dans la fenêtre de sélection de sources de données, cliquez sur le « + » pour ajouter une nouvelle source de données.

Sélectionnez la source de données désirée, et cliquez sur le bouton « Sélectionner ».

La source de données sélectionnée sera affichée du côté droit de la fenêtre de sélection de sources de données, vous devez maintenant spécifier les configurations qui seront utilisées pour la source de données. 

• Est optionnel: Si cette case à cocher est activée, le clip RSS va être diffusé même s'il n'y a pas de données. Il est donc préférable de laisser cette configuration inactive pour éviter de diffuser un clip RSS vide dans le cas où il n'y a plus de données temporairement dans le flux.
• Éléments par clip: L'objectif du clip RSS est de diffuser un article par clip lors de sa diffusion, il faut donc spécifier qu'il y aura 1 élément par clip.
• Traitements des listes vides: Dans le cas où le flux RSS est disponible, mais ne contient pas de données valides, il serait préférable de maintenir temporairement les nouvelles actuellement diffusées dans votre affichage. Il faut donc spécifier que le logiciel ITESLIVE doit «Passer les versions avec une liste vide».
• Noeud principal: Le noeud principal représente l'emplacement où les données seront situées dans le flux RSS. Naviguez dans la structure de données et sélectionnez le champ suivant, car celui-ci est le standard pour les flux RSS.
  rss -> channel -> item

Une fois que les configurations ont été appliquées, cliquez sur l'icône qui représente une disquette dans le coin supérieur droit de la fenêtre.

Une fois que la source de données est visible du côté gauche de la fenêtre, cliquez sur l'icône qui représente un X dans le coin supérieur droit de la fenêtre.

Création du visuel

Création d'un arrière-plan

Cliquez sur l'outil de forme dans la liste du côté gauche de l'éditeur de gabarit.

Cliquez dans l'espace blanc du gabarit et déplacez votre souris en maintenant le clic afin de placer l'outil.

Vous pouvez utiliser les cercles autour de la forme ou les contrôles pour la position et la taille de la forme pour placer l'outil.

Une fois que l'outil a été placé, cliquez sur le contrôle pour la couleur de la forme dans le coin inférieur gauche de la fenêtre et spécifiez la couleur de la forme.

Ajouter une image

Les articles de la majorité des flux RSS contiennent une image qui représente le sujet de l'article, afin de diffuser cette image il faut ajouter un outil d'image dans le gabarit. Cliquez sur l'outil d'image dans la liste du côté gauche de l'éditeur de gabarit.

Cliquez dans le gabarit et déplacez votre souris en maintenant le clic afin de placer l'outil.

Vous pouvez utiliser les cercles autour de la forme ou les contrôles pour la position et la taille de la forme pour placer l'outil.

Une fois que l'outil a été placé, double-cliquez sur celui-ci afin de configurer son contenu.

Dans la fenêtre de configuration, cliquez sur l'onglet « Externe ». Ensuite, cliquez sur la liste déroulante et sélectionnez la source de données que vous avez créé plus tôt. Naviguez dans la structure de données et sélectionnez le champ suivant. 
rss -> channel -> item -> enclosure -> attr_url
Une fois le champ sélectionné, cliquez sur le bouton « Sauvegarder ».

Ajouter la date de publication, le titre et la description de l'article

Afin d'afficher les trois informations désirées, vous devrez configurer trois outils de texte. Cliquez sur l'outil de texte dans la liste du côté gauche de l'éditeur de gabarit.


Cliquez dans le gabarit et déplacez votre souris en maintenant le clic afin de placer l'outil.

Vous pouvez utiliser les cercles autour de la forme ou les contrôles pour la position et la taille de la forme pour placer l'outil.


Une fois que l'outil a été placé, double-cliquez sur celui-ci afin de configurer son contenu.

Dans la fenêtre de configuration du contenu de l'outil, écrivez « Date de publication ».


Cliquez sur l'icône qui représente un disque dur afin d'ajouter une information externe.

Cliquez sur la liste déroulante et sélectionnez la source de données que vous avez créée plus tôt. Naviguez dans la structure de données et sélectionnez le champ suivant.
rss -> channel -> item -> pubDate

Une fois que le texte est visible dans la fenêtre de configuration du contenu, cliquez sur le bouton « Sauvegarder ».

Une fois que le contenu de l'outil a été configuré, ajouter les configurations de la police désirée pour l'affichage du texte en utilisant les contrôles dans le haut de l'éditeur. Voici les configurations utilisées pour la date de publication dans cet exemple.

• Position x: 900
• Position y: 125
• Taille w: 692
• Taille h: 168
• Police: Montserrat
• Style de la police: Medium
• Taille de la police: 28 point
• Transformation du texte: Normal
• Alignement horizontal du texte: Gauche
• Alignement vertical du texte: Milieu

Répétez les étapes précédentes pour placer un outil de texte contenant le champ suivant.
rss -> channel -> item -> title

Voici les configurations utilisées pour l'outil de texte contenant cette information.

• Position x: 115
• Position y: 566
• Taille w: 1688
• Taille h: 256
• Police: Montserrat
• Style de la police: Extra Bold
• Taille de la police: 53 point
• Transformation du texte: Normal
• Alignement horizontal du texte: Gauche
• Alignement vertical du texte: Milieu

Répétez encore une fois les étapes de configuration de l'outil de texte et configurez son contenu avec le champ suivant.
rss -> channel -> item -> description

Voici les configurations utilisées pour l'outil de texte contenant cette information.

• Position x: 115
• Position y: 822
• Taille w: 1688
• Taille h: 237
• Police: Montserrat
• Style de la police: Light
• Taille de la police: 30 point
• Transformation du texte: Normal
• Alignement horizontal du texte: Gauche
• Alignement vertical du texte: Haut

Une fois que vous avez terminé, cliquez l'icône qui représente une disquette dans le coin supérieur gauche de l'éditeur de gabarit.