Personnalisation visuelle des panneaux d'affichage
Les panneaux d'affichage Omniscol sont conçus pour s'intégrer visuellement à votre charte graphique. Deux niveaux de personnalisation sont possibles : (1) les réglages dans l'interface (suffisants pour la majorité des cas), (2) le remplacement complet de la page web qui rend le panneau (pour les déploiements à forte identité visuelle).
Réglages dans l'interface
Dans le module EDT, le bouton Panneau d'affichage ouvre l'écran de configuration des panneaux. Cet écran expose les options de rendu suivantes, modifiables sans toucher au code :
- Taille de police — petite, moyenne ou grande. L'affichage utilise
des unités relatives à la taille de la fenêtre (
vmin), donc la lisibilité reste cohérente quel que soit le format de l'écran (16:9,4:3, vertical). - Couleurs — couleur de fond, couleur du texte, couleurs des lignes paires et impaires de la grille des séances. Tous les codes hexadécimaux sont acceptés ; vous pouvez calquer la palette de votre charte.
- Bandeau de tête — combinaison ordonnée de : titre, logo, date du jour. Vous choisissez ce qui apparaît en en-tête et dans quel ordre.
- Colonnes de la grille — sélection et ordre parmi : salle, classes, professeurs, matière, horaires. Cacher une colonne (par exemple les professeurs pour un panneau public à l'entrée) ou la réordonner est immédiat.
- Format du nom des professeurs — prénom-nom, nom-prénom,
titre + nom (Mme Durand), titre + prénom. Les titres
M.etMmesuivent automatiquement la langue de l'interface ; ce qui se règle par panneau, c'est le format retenu. - Logo — le logo de l'établissement chargé dans la configuration de l'école peut être affiché dans le bandeau de tête.
Ces réglages sont enregistrés dans la configuration du panneau. Attention : contrairement aux séances et aux messages, qui se rafraîchissent seuls, ces options visuelles (couleurs, taille, colonnes, bandeau, format des noms) sont intégrées à la page au moment où elle se charge. Après les avoir sauvegardés, rechargez les onglets déjà ouverts sur les écrans (F5 ou redémarrage de la page kiosque) pour qu'ils prennent le nouveau rendu.
Remplacement complet du gabarit (licence MIT)
Le gabarit qui rend la page d'affichage est explicitement sous licence MIT et peut être copié puis adapté pour personnaliser un panneau d'établissement.
Cela ouvre plusieurs scénarios pour les établissements qui veulent aller au-delà des réglages :
- Refonte visuelle complète — réécrire le HTML/CSS du gabarit pour coller à une charte graphique forte (police propriétaire, animations spécifiques, mise en page non standard).
- Intégration dans un signage existant — embarquer le contenu d'un panneau Omniscol dans une page d'affichage globale qui multiplexe cours, météo, actualités de l'école, vidéos…
- Vues métier spécifiques — créer un affichage par exemple pour les surveillants (qui doit faire quoi), pour un service technique (occupation des salles avec besoins matériels), etc.
Pour cela, deux approches complémentaires :
- Fork du gabarit — si vous auto-hébergez Omniscol, dupliquez
panel.dot, modifiez-le, et déployez votre version. La licence MIT autorise explicitement les modifications, les redistributions et les usages commerciaux. - API JSON du panneau — si vous voulez garder Omniscol comme
source de données mais rendre l'affichage côté tiers, l'URL du
panneau expose aussi une variante JSON
(
GET /panels/:accesshash/lessons). Elle renvoie la liste des séances filtrées selon la configuration du panneau, prêtes à être consommées par un système de signage tiers (Yodeck, Xibo, ScreenCloud, un tableau de bord maison). Cette URL s'ouvre avec la clé d'accès du panneau, sans jeton supplémentaire. Pour des intégrations système à système plus larges, l'API REST Omniscol est décrite dans API Omniscol.
Recommandations pratiques
Quelques points qui reviennent souvent dans les déploiements :
- Contraste — un fond sombre + texte clair est plus reposant pour un écran qui tourne 12 h par jour qu'un fond blanc.
- Police taille « Grande » dès que l'écran est lu à plus de 2 m (typique d'un hall d'entrée). Garder « Moyen » pour les écrans de porte de salle, vus de plus près.
- Logo dans le bandeau de tête — toujours utile pour l'identification rapide quand plusieurs panneaux coexistent dans un grand campus.
- Date dans le bandeau de tête — utile en hall (les visiteurs vérifient la date), moins utile devant une salle (le contexte est évident).
- Cacher la colonne professeurs sur les panneaux publics si votre établissement a des règles internes sur l'affichage nominatif.
Procédure
Calquer la charte de l'école sur un panneau
-
Deux niveaux de personnalisation : (1) réglages dans l'interface (suffisants 90 % du temps), (2) remplacement complet du gabarit MIT pour les chartes fortes.
-
Ouvrez la configuration du panneau dans le module EDT, via le bouton Panneau d'affichage. L'écran montre les options de rendu : couleurs, taille, bandeau de tête, colonnes, format des noms.
-
Calez les couleurs sur votre charte : couleur de fond, couleur du texte, couleurs des lignes paires/impaires. Codes hexadécimaux acceptés. Pour un écran 12h/jour, préférez fond sombre + texte clair (plus reposant).
-
Bandeau de tête : choisissez l'ordre de logo, titre, date. Logo utile dès qu'il y a plusieurs panneaux sur un campus. Date utile en hall, dispensable devant une salle.
-
Colonnes de la grille : sélectionnez et réordonnez parmi salle, classes, professeurs, matière, horaires. Pour un panneau public à l'entrée où votre règlement interdit l'affichage nominatif, masquez la colonne professeurs.
Format des noms (si conservé) : prénom-nom, nom-prénom, titre+nom, titre+prénom.
-
Taille de police : grande dès que lu à plus de 2 m (hall), moyenne pour porte de salle (vue de près). Unités relatives en
vmin— la lisibilité reste cohérente quel que soit le format de l'écran. -
Sauvegardez, puis rechargez les écrans. Ces réglages visuels sont intégrés à la page au chargement : rechargez (F5) les onglets déjà ouverts sur les panneaux pour qu'ils prennent le nouveau rendu.
Pour aller plus loin (refonte complète, intégration signage tiers Yodeck/Xibo/ScreenCloud) : le gabarit
panel.dotest sous licence MIT, fork autorisé. La variante JSON de l'URL du panneau (GET /panels/:accesshash/lessons) expose la donnée prête à consommer par un système externe, avec la clé d'accès du panneau. Pour l'API REST plus large, voir API Omniscol.