Votre première mise en page

Votre écran est connecté et reste sur le logo, donc le lecteur fonctionne et attend d'avoir quelque chose à afficher. Ce qu'il lui faut, c'est une mise en page publiée : un écran complet de design, avec images, vidéo et texte placés où vous le voulez.

Ouvrez l'éditeur et donnez-lui un nom

1. Connectez-vous sur app.myeasycms.com.
2. Allez dans Création > Mises en page.
3. Cliquez sur Ajouter une mise en page. Il n'y a pas de formulaire, l'éditeur s'ouvre immédiatement.
4. Cliquez sur Sans titre en haut et donnez-lui un nom.

Astuce Nommez-la d'abord. Les mises en page sans nom sont pénibles à retrouver un mois plus tard.

Création > Mises en page. Ajouter une mise en page ouvre l'éditeur immédiatement.

Ce que vous avez sous les yeux

L'éditeur est un canevas plutôt qu'une grille de zones fixes, et quatre éléments font le travail.

• Le canevas est l'écran lui-même, dessiné à la résolution de la mise en page. Tout y est positionné, redimensionné et pivoté directement, et les éléments peuvent se chevaucher.
• La boîte à outils est d'où provient le contenu, avec notamment une recherche dans la bibliothèque pour les fichiers déjà présents dans votre compte.
• Les widgets sont les modules de contenu : médias de la bibliothèque, horloges, météo, RSS, pages web intégrées. Glissez-en un sur le canevas et ses paramètres apparaissent dans le panneau Propriétés.
• Les éléments sont les composants de design, Texte, Dates et heures, Lignes et Formes, ouverts avec le bouton A de la boîte à outils. Utilisez-les pour les titres et légendes plutôt que d'envoyer un graphique pour chaque ligne de texte.

Le canevas, c'est l'écran. Vous y glissez des éléments depuis la boîte à outils plutôt que de remplir une grille de zones.

Mettez-y une image ou une vidéo plein écran

Si le fichier n'est pas encore dans votre bibliothèque, téléversez-le : Bibliothèque > Médias, Ajouter un média, glissez-déposez le fichier, Terminé.

Ensuite :

1. Dans l'éditeur, ouvrez Recherche dans la bibliothèque dans la boîte à outils.
2. Trouvez votre fichier et glissez-le sur le canevas.
3. Tirez ses poignées jusqu'aux bords. Les boutons Aligner sur, en bas à droite, vous aident à le placer proprement.

Encodez la vidéo plein écran à la résolution de la mise en page, afin que le lecteur n'ait aucune mise à l'échelle à faire.

Un raccourci. Si un écran n'a jamais besoin que de ce seul fichier, passez complètement outre la mise en page :

1. Allez dans Bibliothèque > Médias et ouvrez le menu de la ligne du fichier.
2. Choisissez Planification.
3. Sélectionnez vos écrans et cliquez sur Terminer.

Il joue en plein écran, sans rien d'autre.

Quand vous avez besoin d'une playlist

Une playlist est ce vers quoi vous vous tournez quand une zone de l'écran doit faire défiler plusieurs éléments. Ajoutez-en une avec Ajouter des playlists dans la boîte à outils, placez-la sur le canevas, puis ouvrez l'éditeur de playlist depuis l'icône dans son coin et ajoutez des éléments à sa chronologie.

Vous n'en avez pas besoin pour une seule image ou vidéo, ni pour un design où tout est à l'écran en même temps. Vous en avez besoin pour une série d'offres qui défilent au centre pendant qu'un logo et une horloge restent fixes. Une playlist construite une fois peut être réutilisée sur d'autres mises en page, voir Playlists et la bibliothèque de médias.

Réglez la résolution pour qu'elle corresponde à l'écran

Sans rien de sélectionné, le panneau Propriétés comporte une liste déroulante Résolution. Réglez-la pour correspondre à l'écran : 1920 × 1080 en paysage, 1080 × 1920 pour un écran monté verticalement.

Quand les deux ne correspondent pas, le lecteur redimensionne le design pour l'adapter et vous obtenez des bandes noires autour, ou le redimensionne pour remplir et le contenu est rogné sur les bords. C'est de l'arithmétique, pas un défaut : la solution, c'est la résolution, pas le design. Résolution et orientation de l'écran couvre toute la chaîne : l'écran, la sortie du lecteur et la mise en page doivent tous s'accorder.

Publiez-la, sinon rien ne sera jamais diffusé

Attention Une mise en page doit être publiée avant de pouvoir être diffusée. Un brouillon non publié n'atteint jamais un écran : ni via une programmation, ni comme mise en page par défaut, jamais. C'est la raison la plus courante pour laquelle un nouvel écran affiche encore le logo après un après-midi de travail de design.

Pour publier :

1. Ouvrez le menu à trois lignes en haut à droite de l'éditeur.
2. Choisissez Publier.
3. Laissez Publier maintenant coché pour passer en ligne immédiatement. Ou décochez-le et définissez une Date de publication pour un changement qui doit arriver pendant la nuit.

Tant que vous n'avez pas publié, la mise en page reste un brouillon et ne sera pas diffusée. C'est la raison la plus courante pour laquelle un premier écran reste vide.

Modifier plus tard ne présente aucun risque. Checkout crée une copie brouillon pendant que la version publiée continue de se diffuser sans y toucher, et vos modifications n'atteignent les écrans que lorsque vous publiez ce brouillon.

Vérifiez le statut avant de programmer

Le haut de l'éditeur affiche le statut de la mise en page à côté de sa durée totale. Une coche verte, c'est ce que vous voulez. Un point d'exclamation orange est normal sur une mise en page contenant du contenu en direct comme une page web, le CMS ne peut pas vérifier ce qu'il n'héberge pas.

Une mise en page invalide est une mise en page contenant des éléments manquants ou défectueux. Un lecteur ne l'affichera pas : il revient à la mise en page par défaut de l'écran, ou à l'écran de démarrage si aucune valeur par défaut n'est définie, ce qui ressemble à une absence totale d'activité. Réglez les deux points ici plutôt que de chercher plus tard un défaut de programmation, et si une mise en page reste invalide sans que vous en compreniez la raison, ouvrez une demande de support en indiquant le nom de la mise en page.

Suivant : Programmer votre premier contenu, qui met cette mise en page à l'écran au bon moment.

Articles liés : Programmer votre premier contenu, Playlists et la bibliothèque de médias, Résolution, orientation et dimensionnement des mises en page, Quota de stockage et envoi de médias