Zones d'ecran

Divisez votre ecran en plusieurs zones pour afficher differents contenus simultanement

Zones d'ecran

Les zones d'ecran vous permettent de diviser votre affichage en plusieurs zones, chacune montrant un contenu different. C'est parfait pour des dispositions complexes comme des panneaux menu avec des articles en vedette, ou des ecrans d'accueil avec actualites et meteo.

Que sont les zones ?

Les zones sont des zones rectangulaires sur votre ecran qui peuvent chacune afficher un contenu independant. Considerez-les comme des "ecrans dans l'ecran".

  • Zone 0 (Zone principale) - Affiche votre playlist ou sequence assignee
  • Autres zones - Affichent des medias statiques (images ou videos)

Utilisez la Zone 0 pour votre contenu rotatif principal (playlists/sequences) et les autres zones pour du contenu de support statique comme les menus, logos ou elements de marque.

Modeles de zones disponibles

Screenzzie propose quatre dispositions de zones preconfigurees :

ModeleDescriptionZones
CompletZone unique en plein ecran1
Division 50/50Deux colonnes verticales egales2
Principal+LateralGrande zone principale avec barre laterale2
QuadrantsQuatre quadrants egaux4

Plein Écran

La disposition par défaut - une zone couvrant tout l'écran.

100%

Division 50/50

Deux colonnes égales, parfait pour comparer du contenu ou afficher deux flux.

50%
50%

Principal + Barre Latérale

Une zone principale 2/3 avec barre latérale 1/3. Idéal pour le contenu principal avec des informations complémentaires.

66%
33%

Quadrants

Quatre zones égales (25% chacune). Idéal pour afficher plusieurs types de contenu simultanément.

25%
25%
25%
25%

Configuration des zones

Les modeles de zones sont selectionnes dans l'onglet Design de la configuration de l'ecran :

Etape 1 : Ouvrir la configuration de l'ecran

  1. Accedez a Ecrans
  2. Cliquez sur l'ecran que vous souhaitez configurer
  3. Cela ouvre l'editeur de configuration a /screens/[id]/configuraciones

Etape 2 : Selectionner le modele de zone

  1. Allez dans l'onglet Design dans la barre laterale
  2. Trouvez la section "Modele de zone"
  3. Cliquez sur l'une des quatre options de modele
  4. L'apercu du canevas se met a jour immediatement

Etape 3 : Assigner du contenu aux zones

Pour la Zone 0 (Zone principale) :

  • Allez dans l'onglet Contenu
  • Selectionnez une playlist ou sequence
  • Ce contenu est lu dans la Zone 0

Pour les autres zones (1, 2, 3) :

  1. Cliquez sur une zone dans l'apercu du canevas
  2. Une fenetre modale s'ouvre pour selectionner le contenu
  3. Choisissez une image ou video de votre bibliotheque multimedia
  4. Cliquez sur Enregistrer
  5. Les modifications s'appliquent immediatement

Seule la Zone 0 prend en charge les playlists et sequences. Les autres zones affichent des medias statiques (images ou videos) que vous selectionnez dans votre bibliotheque multimedia.

Details des modeles de zones

Complet (Complete)

+---------------------------+
|                           |
|         Zone 0            |
|       (Plein ecran)       |
|                           |
+---------------------------+
  • Zone unique couvrant tout l'ecran
  • Ideal pour un affichage de contenu simple
  • Modele par defaut pour les nouveaux ecrans

Division 50/50

+-------------+-------------+
|             |             |
|   Zone 0    |   Zone 1    |
|             |             |
+-------------+-------------+
  • Deux colonnes egales
  • Zone 0 (gauche) : Playlist/sequence
  • Zone 1 (droite) : Media statique
  • Ideal pour contenu + informations laterales

Principal+Lateral

+------------------+--------+
|                  |        |
|     Zone 0       | Zone 1 |
|     (Grande)     |(Petite)|
|                  |        |
+------------------+--------+
  • La zone principale occupe 2/3 de l'ecran
  • La barre laterale occupe 1/3
  • Parfait pour du contenu en vedette avec des infos de support

Quadrants

+-------------+-------------+
|   Zone 0    |   Zone 1    |
+-------------+-------------+
|   Zone 2    |   Zone 3    |
+-------------+-------------+
  • Quatre quadrants egaux
  • Zone 0 : Playlist/sequence
  • Zones 1-3 : Medias statiques
  • Ideal pour les affichages multi-contenus comme les panneaux menu

Proprietes des zones

ProprieteDescription
PositionDeterminee par le modele (fixe)
TaillePourcentage base sur le modele
ContenuZone 0 : Playlist/sequence ; Autres : Media statique
Z-IndexLes superpositions s'affichent au-dessus de tout le contenu des zones

Zone 0 (Zone principale)

La premiere zone (Zone 0) est speciale :

  • Affiche votre playlist ou sequence assignee
  • Respecte automatiquement les planifications
  • Le contenu est assigne dans l'onglet Contenu
  • Les autres zones n'affichent que des medias statiques

Bonnes pratiques

Considerations de resolution

  • Les zones plus grandes peuvent afficher du contenu detaille
  • Les zones plus petites fonctionnent mieux avec des medias simples
  • Considerez la lisibilite du texte a la taille de la zone
  • Testez sur la resolution reelle de l'ecran

Adequation du contenu

Adaptez le contenu a l'objectif de la zone :

Type de zoneMeilleur contenu
Zone principale (grande)Videos, playlists, contenu en vedette
Barre lateraleImages statiques, menus, marque
Petites zonesLogos, graphiques simples

Performance

  • Chaque zone peut lire une video independamment
  • Pour de meilleures performances, limitez la video a 1-2 zones
  • Utilisez des images statiques pour les zones plus petites
  • Les dispositions complexes peuvent necessiter plus de ressources de l'appareil

Ajout de superpositions

Les superpositions (horloge, meteo, image, annonces) apparaissent au-dessus des zones :

  1. Allez dans l'onglet Design
  2. Glissez une superposition depuis la barre laterale
  3. Deposez-la n'importe ou sur le canevas
  4. Positionnez et redimensionnez selon vos besoins
  5. Les superpositions s'affichent au-dessus de tout le contenu des zones

Depannage

Le contenu de la zone ne s'affiche pas

  • Verifiez que le contenu est assigne a la zone
  • Verifiez que le fichier multimedia est pris en charge
  • Assurez-vous que l'ecran est en ligne
  • Essayez d'actualiser la page

Problemes de performance

  • Reduisez le nombre de zones avec video
  • Utilisez des videos de resolution inferieure
  • Utilisez des images statiques dans les zones plus petites
  • Envisagez une disposition de zones plus simple

Les zones ne se mettent pas a jour

  • Verifiez votre connexion internet
  • Assurez-vous que les modifications ont ete enregistrees
  • Actualisez l'ecran depuis le tableau de bord
  • Verifiez que l'appareil physique est connecte

Prochaines etapes

  • Ajoutez des Superpositions au-dessus des zones
  • Creez des Playlists pour la Zone 0
  • Apprenez-en plus sur les Sequences pour la rotation de contenu basee sur le temps