Refonte de l’affichage dynamique de l’ENPJJ
Fin 2023, l’opportunité budgétaire s’est présentée de rénover le système et le matériel de l’affichage dynamique de l’École (ENPJJ – École nationale de protection judiciaire de la jeunesse). Depuis 2008, l’affichage dynamique consistait en 7 écrans LCD 50″, installés en paysage et reliés en série sur une seule ligne SDI prenant son origine en régie. L’allumage de ces écrans était manuel (7j/7, 24h/24) et leur consommation électrique, non négligeable.
Écran de l’Atrium (hall d’accueil), écran de la cafétéria et un exemple d’écran dans les bâtiments.
J’ai piloté ce projet de modernisation, avec le soutien des équipes techniques et financières. J’ai opté pour des écrans Iiyama de 65″ pour six d’entre eux. Ainsi, l’investissement dans l’installation serait minimal, puisque les supports déjà présents seraient réutilisables. Cinq ont été installés en portrait ; seul celui de la cafétéria a été conservé en paysage. Enfin, pour le hall d’accueil, j’ai fait le choix d’un écran de 98″, installé à la verticale, afin de profiter au maximum d’une niche architecturale datant du passé industriel de l’École : avant | projection | après
Cependant, une fois l’installation faite, il a aussi fallu implémenter le système de gestion des contenus. Dès le départ, il était prévu de développer un système web de gestion personnalisé. Ainsi, le respect de la charte graphique de l’État serait plus facilement respecté et la gestion des contenus facilitée, car simplifiée par rapport aux possibilités offertes par le CMS du constructeur (Content Management System). Ce dernier n’est utilisé que par les équipes du pôle multimédia pour la gestion poussée des équipements (programmation de l’allumage, mise à jour et débogage à distance). Les écrans affichent donc une page web, développée spécialement pour les besoins spécifiques de l’École, avec des modules semi-automatiques (date, affichage du planning des salles, météo) et des modules facilement manageables par les équipes de communication (mise en avant verticale – cf. ci-dessous) et programmation de la playlist de vidéos d’information.
Un module d’alerte a également été implémenté afin d’utiliser les écrans lors des alertes incendie ou intrusion. Ces alertes sont déclenchables via la page de management principale ou par API, implémentée dans un boîtier Stream Deck installé au PC sécurité, pour un déclenchement facilité par bouton.
L’image ci-contre montre la page de management de l’application sur laquelle les administrateurs peuvent programmer les « mises en avant » (vidéos en plein écran – verticales ou horizontales – diffusées à chaque actualisation de la page, avant l’affichage des autres modules informationnels).
L’application est aussi implémentée pour un déploiement facilité sur différents sites (par simple duplication et renommage de dossiers sur le serveur). De même, un système de droits, simple mais robuste, a été mis en place sur les pages de management, pour limiter certaines fonctions lors de l’implémentation de sous-espaces : par exemple, la médiathèque dispose d’un écran et ses équipes peuvent programmer leurs propres vidéos, spécifiques à leurs écrans (tout en ayant accès aux vidéos des autres écrans), mais ne disposent pas des fonctionnalités d’alerte ou de changement de localisation pour la météo ou le planning des salles.
NB : L’application est évidemment responsive à l’orientation de l’écran sur lequel elle est déployée et peut également être ouverte sur les PC des agents pour un accès plus direct aux informations.
Ce projet a permis, outre l’ajout de fonctionnalités de communication, d’alerte et de management partagé, une économie de 75% de la consommation électrique, tout en agrandissant les surfaces d’affichage et, évidemment, l’implémentation de tous ces systèmes a fait l’objet de la rédaction de fiches de procédures.
Enfin, après l’intégration des équipements et des systèmes de management, mon travail fut aussi de créer des templates facilement modifiables pour alimenter en vidéos ces écrans. Voici quelques exemples (objets graphiques essentiels dans After Effects) :