PIXLOVADocumentation

Les éléments

Tous les éléments que vous pouvez poser sur une création, leurs réglages et leurs animations.

Les éléments s’ajoutent depuis le panneau Ajouter de l’éditeur : cliquez sur un élément pour le poser au centre de la page, ou glissez-le à l’endroit voulu. Une fois l’élément sélectionné, ses réglages courants apparaissent dans la barre au-dessus de la page ; tous ses réglages sont dans Plus d’options.

Une création compte au plus 200 éléments.

Couleur des formes et icônes

Dans le panneau Ajouter, la rangée Couleur des formes et icônes choisit la couleur des formes, icônes, météo et flux RSS que vous allez ajouter. Par défaut, elle est blanche sur un fond sombre et noire sur un fond clair. Autre couleur permet de choisir n’importe quelle teinte. Vous pourrez toujours changer la couleur de l’élément une fois posé.

Texte

Le panneau propose trois textes prêts à l’emploi : Ajouter un titre, Ajouter un sous-titre et Ajouter un paragraphe.

Pour modifier le texte, double-cliquez dessus sur la page et tapez directement. Vous pouvez aussi le modifier dans Plus d’options > Texte. Un texte compte au plus 2000 caractères ; un texte vide est signalé avant la publication.

Dans la barre de réglages :

  • la Police ;
  • la taille, avec Réduire la taille et Augmenter la taille (par paliers de 10 %) ou en saisissant une valeur ;
  • la Couleur du texte ;
  • Gras ;
  • l’alignement : Gauche, Centre, Droite.

Dans Plus d’options : Texte, Police, Taille (px), Graisse, Interligne, Espacement (px) (entre les lettres), Couleur, Alignement et Alignement vertical (Haut, Milieu, Bas).

Polices disponibles

Les créations utilisent six polices, identiques dans l’éditeur et sur tous les écrans :

PoliceGraisses disponibles
Inter100 à 900
Roboto100 à 900
Open Sans300 à 800
Montserrat100 à 900
Playfair Display400 à 900
Roboto Mono100 à 700

Il n’est pas possible d’importer vos propres polices.

Formes

La section Formes propose deux familles de formes.

Rectangle, Arrondi, Cercle, Pilule, Ligne et Anneau sont des formes réglables :

  • dans la barre : Forme (Rectangle ou Cercle), Remplissage et Bordure ;
  • dans Plus d’options : Forme (Rectangle ou Ellipse), Remplissage et Bordure (une couleur, ou aucune), Épaisseur (px) de la bordure et, pour un rectangle, Arrondi (px) des coins.

Triangle, Étoile, Losange, Hexagone, Flèche, Cœur, Bulle, Badge, Croix et Chevron sont des dessins, comme les icônes (voir ci-dessous).

Icônes

La section Icônes présente une sélection d’icônes (étoile, cœur, caddie, Wi-Fi, horaires, café, parking…). Cliquez sur Tout voir pour afficher toute la sélection.

Le champ Rechercher une icône cherche dans cette sélection et dans toute la bibliothèque d’icônes Lucide. Les icônes de la bibliothèque se trouvent par leur nom anglais (par exemple « coffee » ou « calendar »).

Une icône, comme une forme dessinée, reste nette à toutes les tailles. Ses réglages :

  • Couleur : une seule couleur pour tout le dessin ;
  • Proportions (dans Plus d’options) : Gardées (le dessin garde ses proportions dans le cadre) ou Étirées (il remplit le cadre).

Emoji

La section Emoji propose des emoji classés par groupes : Visages, Gestes, Cœurs et éclats, Cuisine, Météo et nature, Fêtes et loisirs, Commerce et lieux et Symboles. Ce sont les emoji Fluent de Microsoft, dessinés de la même façon sur tous les écrans.

Un emoji garde ses couleurs d’origine : seul le réglage Proportions est disponible.

Image et vidéo

Pour ajouter une image ou une vidéo :

  • cliquez sur une vignette du panneau Médias : l’élément est créé aux proportions du média ;
  • ou cliquez sur Image ou Vidéo dans la section Widgets et médias, puis choisissez le fichier dans la fenêtre Choisir une image ou Choisir une vidéo.

Seuls les médias prêts (préparés par la bibliothèque) peuvent être utilisés. Voir Médiathèque.

Dans la barre de réglages :

  • Choisir ou Remplacer le média ;
  • l’ajustement : Remplir (le média couvre tout le cadre, quitte à être recadré), Entière (le média est affiché en entier dans le cadre) ou Étirer (le média est déformé pour remplir le cadre) ;
  • pour une vidéo, Son active ou coupe le son.

Dans Plus d’options, le nom du média est affiché (« (non prêt) » s’il est encore en préparation, « Média introuvable » s’il a été supprimé), avec l’Ajustement (Contenir, Couvrir (recadrer), Étirer). Pour une vidéo s’ajoutent :

  • Muette et En boucle (activés par défaut) ;
  • Volume (%) ;
  • Début (s) et Fin (s) : pour ne lire qu’un extrait. Avec une fin à 0, la vidéo est lue jusqu’à la fin.

Vidéos et son

Une création affiche au plus deux vidéos visibles en même temps. Pour qu’une vidéo soit sonore, réglez Son sur Une vidéo sonore au plus dans le panneau Page : dans une composition muette, toutes les vidéos sont lues sans son.

Heure et date

Dans Widgets et médias, Heure ajoute une horloge et Date ajoute la date du jour. Les deux sont le même élément, l’horloge, avec un format différent.

Dans la barre : Police, taille et Couleur. Dans Plus d’options :

  • Format : heure sur 24 h, heure sur 24 h avec secondes, heure sur 12 h, date courte, date longue, ou date et heure (chaque format est présenté par un exemple) ;
  • Fuseau (vide : celui de l’écran) : laissez vide pour afficher l’heure locale de chaque écran, ou saisissez un fuseau comme « Europe/Paris » ;
  • Police, Taille (px), Couleur et Alignement.

Les noms des jours et des mois sont écrits dans la langue de la personne qui a ajouté l’horloge.

QR code

QR code (dans Widgets et médias) ajoute un QR code. Saisissez son contenu dans la barre de réglages, à la place de l’adresse d’exemple : une adresse web, un texte, une adresse mailto: ou des données Wi-Fi WIFI: (1000 caractères au plus).

Dans Plus d’options : Contenu, couleur des Modules, Fond du QR et Correction d’erreur (L 7 %, M 15 %, Q 25 %, H 30 %). Une correction plus élevée rend le code plus robuste, mais plus dense.

Zone de playlist

Zone de playlist (dans Widgets et médias) réserve un emplacement de la page qui diffuse une liste de lecture. Choisissez la liste dans Plus d’options > Playlist : seules les listes de lecture publiées sont proposées.

La zone joue la dernière version publiée de la liste. Elle reste vide dans l’aperçu de l’éditeur. Une zone sans liste choisie empêche la publication. Voir Programmation.

Météo et prévisions

Dans Infos en direct, Météo ajoute les conditions actuelles et Prévisions ajoute la météo des jours suivants. Le lieu proposé par défaut est Paris.

Pour changer de lieu :

  1. Cliquez sur le nom du lieu dans la barre de réglages.
  2. Saisissez une ville ou une adresse dans Ville ou adresse, puis cliquez sur Chercher.
  3. Cliquez sur le bon lieu dans la liste des résultats.

Dans la barre : le lieu, l’affichage (Maintenant ou Jours), l’Unité (°C ou °F) et la Couleur du texte. Dans Plus d’options : Police, Afficher le nom du lieu et, pour l’affichage par jours, Nombre de jours (de 2 à 7, aujourd’hui compris).

Les prévisions viennent de MET Norway (licence CC BY 4.0) : le widget affiche la mention « MET Norway » sur l’écran. La recherche de lieux utilise OpenStreetMap.

Flux RSS

Dans Infos en direct, Flux RSS ajoute un bandeau d’actualités en bas de la page.

  1. Remplacez l’adresse d’exemple par celle de votre flux, dans le champ de la barre de réglages. L’adresse doit commencer par http:// ou https:// et désigner un flux RSS ou Atom.
  2. Appuyez sur Entrée ou cliquez ailleurs pour l’appliquer.

Dans la barre : l’adresse, l’affichage (Bandeau, Liste ou Un par un), la taille et la Couleur du texte. Dans Plus d’options :

  • Police ;
  • Articles affichés (de 1 à 20) ;
  • Vitesse du bandeau (px/s) pour l’affichage en bandeau ;
  • Durée par article (s) (de 1 à 120) pour l’affichage un par un ;
  • Afficher les résumés, pour les affichages en liste et un par un.

Seuls les titres et résumés des articles sont affichés, en texte simple.

Tableau de données

Dans Infos en direct, Tableau de données affiche sous forme de tableau les informations d’un flux XML ou JSON : tarifs, horaires, disponibilités, résultats… Pixlova relit les données et met le tableau à jour sur les écrans.

Cliquez sur Données dans la barre de réglages, puis :

  1. Source : choisissez Adresse du flux et collez l’adresse (elle doit commencer par http:// ou https://). Choisissez XML ou JSON, puis cliquez sur Lire. Vous pouvez aussi choisir Fichier et Importer un fichier XML ou JSON (2 Mo au plus).

  2. Une ligne pour chaque… : Pixlova propose les éléments qui se répètent dans le flux, les plus nombreux d’abord, avec un exemple. Choisissez celui qui doit faire une ligne du tableau (un hébergement, une période, un produit…).

  3. Colonnes (8 au plus) : Pixlova pose les trois premières colonnes. Pour chacune, réglez :

    • l’En-tête de la colonne ;
    • l’Information affichée, y compris celles de l’élément parent (marquées « ↑ ») ;
    • le Format de la colonne : Texte, Nombre, Prix (€), Date ou Date et heure.

    Pour un prix ou un nombre, Multiplier par 7 (prix à la semaine) transforme un prix à la nuit en prix à la semaine. Sous chaque colonne, un exemple montre la valeur affichée. Ajouter une colonne, Déplacer vers la gauche et Retirer la colonne complètent le tableau.

Dans la barre : Données, la taille, la couleur du texte et le fond des en-têtes. Dans Plus d’options :

  • Titre et Mention sous le tableau (par exemple « Prix TTC. ») ;
  • Police et taille ;
  • Lignes par page (de 1 à 50) et Durée d’une page (s) : au-delà d’une page, les pages se succèdent ;
  • Afficher les en-têtes de colonnes et Afficher la date de mise à jour ;
  • les couleurs du texte, du titre, des en-têtes, du fond du tableau et d’Une ligne sur deux.

L’adresse du flux et vos réglages restent sur Pixlova : les écrans ne reçoivent que le tableau mis en forme. Seules les adresses lisibles directement, sans identifiant ni mot de passe, sont prises en charge. Un fichier importé n’est jamais relu : importez-en un nouveau pour mettre le tableau à jour.

Comment les infos en direct sont mises à jour

Les écrans ne consultent jamais la météo ni les flux eux-mêmes : Pixlova récupère les données et les envoie aux écrans avec le contenu.

  • Les flux RSS et les tableaux de données sont relus toutes les 15 minutes, la météo toutes les 30 minutes environ. Les écrans concernés reçoivent automatiquement les nouvelles données.
  • Un écran hors ligne continue d’afficher les dernières données reçues.
  • Tant qu’aucune donnée n’a encore été lue, le widget s’affiche en attente. Cela n’empêche pas de publier.

Dans l’éditeur, la barre de réglages signale l’état des données : « Chargement des données… », « Source injoignable : dernières données connues. » ou le message d’erreur du flux (adresse refusée ou illisible, par exemple).

Animer un élément

Le bouton Animer de la barre de réglages ajoute du mouvement à l’élément sélectionné. Une animation comprend deux parties, facultatives :

  • Entrée, jouée au début de l’affichage de la création : Fondu, Monte, Descend, Depuis la droite, Depuis la gauche, Zoom ou Rebond. Réglez sa Durée (de 0,1 à 10 s) et son Délai (de 0 à 60 s) ;
  • Mouvement, répété tant que la création est affichée : Pulsation, Flottement, Rotation, Secousse, Clignotement ou Saut. Réglez la Durée d’un cycle (de 0,2 à 60 s).

Choisissez Aucune pour retirer l’entrée ou le mouvement. Dans l’éditeur, les animations sont figées pendant que vous travaillez : cliquez sur Lire l’animation pour les voir sur la page, ou ouvrez l’aperçu.

Players à jour

Les icônes, emoji, formes dessinées, la météo, les flux RSS, les tableaux de données et les animations demandent un Player récent. Un Player qui n’a pas encore été mis à jour garde son contenu actuel, et l’écran signale l’incompatibilité tant qu’une telle création lui est destinée. Voir Players.

Sur cette page