Tutoriel | Créer un bandeau d'info défilant "Le Monde" (communication)

Tutoriel | Créer un bandeau d’info défilant « Le Monde »


:hourglass: Temps nécessaire : 7-15 min
:thermometer: Niveau de difficulté : 2/5
:penguin: Sources de données nécessaires : 1

Résultat souhaité :


image

1. Créez une nouvelle source « Services HTTP »

Retrouvez les URL d’autres thématiques « Le Monde » : https://www.lemonde.fr/actualite-medias/article/2019/08/12/les-flux-rss-du-monde-fr_5498778_3236.html (copiez/collez l’URL terminant par .xml)

2. Identifiez l’élément « item »

  • C’est cet élément qui contient les informations que nous souhaitons : cliquez sur la flèche qui permet d’ancrer l’élément, puis cliquer sur le +1
  • Sélectionnez les colonnes : « link », « pubDate », « title »
  • Ouvrez l’élément « media:content » puis sélectionnez aussi la colonne « url »

  • Cliquez sur « Sauvegarder »
  • Si vous ne voyez plus les données lors de la sauvegarde, cliquez une fois sur la source « Le Monde » à gauche, puis à nouveau une fois sur « Sauvegarder » (bug en cours de résolution)

image

3. Déposez-glissez 1 widget image, 2 widgets texte, 1 widget date, 1 widget QR code

4. Dans un widget texte, connectez le champ « title»

Saisie libre (plus rapide) : Copiez-collez : {{Le Monde:1:title}}

5. Dans l’autre widget texte, écrivez « Scannez le QR code pour lire l’article depuis votre smartphone / tablette »

6. Dans le widget image, connectez le champ « url »

Saisie libre (plus rapide) : Copiez-collez : {{Le Monde:1:media:content/url}}

6. Dans le widget date, connectez le champ « pubDate »

  • Supprimez le format d’entrée déjà écrit
    image
  • Dans les paramètres, ajustez le format de sortie à votre convenance (ou allez à la prochaine étape)
  • Format d’affichage : cliquez sur « Format personnalisé » puis : copiez-collez : LL à HH[h]mm
    image

7. Dans le widget QR Code, connectez le champ « link »

Saisie libre (plus rapide) : Copiez-collez : {{Le Monde:1:link}}

8. Déposez-glissez 1 widget répétition

  • ajustez-le de sorte à ce que le rectangle soit un peu plus grand que l’ensemble de votre création
  • cliquez sur le cadenas
  • glissez vos éléments à l’intèrieur; pour cela, séléctionnez tous les éléments en une seule fois à l’aide de la touche « Maj » puis déplacez-les dans le rectangle du widget répétition

9. Dans les paramètres (bouton « roue crantée ») du widget répétition, ajustez les réglages d’affichage

  • Direction : Horizontale
  • Défilement : Tout
  • Ligne (nombre de lignes affichées) : 2
  • Vitesse de défilement : 6 (fera défiler les articles toutes les 6 secondes)

9. Dans les propriétés de style (bouton « pinceau ») du widget répétition, ajustez les réglages

  • Couleur : Rendez la couleur par défaut 100% transparente


Bravo !