Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog

Des bornes d'affichage dynamiques grâce à Wordpress sur Synology

par Mike Da Funk

Il y a quelques années j'avais mis en place un système de bornes d'affichages avec le logiciel LibreOffice pour un lycée en Guyane

Là je suis parti une autre solution, utiliser un plugin de Wordpress nommé "Foyer", mais toujours avec un client Linux au niveau de la borne en elle-même (Windows peut aussi très bien faire l'affaire)

Wordpress peut être installé sur un serveur Linux ou Windows, mais j'ai choisi d'utiliser la version disponible sur un NAS Synology (disque dur réseau) par facilité.

A noter qu'il est tout à fait possible d'installer Wordpress sur une des bornes directement ;-)

Le centre de paquets est le "store" des produits Synology

Le centre de paquets est le "store" des produits Synology

Pour l'installation, il suffit de passer par le centre de paquets

Des mots de passe pour le compte root, et pour l'administrateur de la base de données vous seront demandés (majuscules / minuscules / caractères spéciaux)

 

La page d'administration de Wordpress est assez claire

La page d'administration de Wordpress est assez claire

Pour ajouter une extension à Wordpress, il d'aller dans le menu "Extensions" et de cliquer sur "Ajouter"

Un moteur de recherche est alors disponible

Le plugin Foyer se trouve dans les extensions

Le plugin Foyer se trouve dans les extensions

Une fois installée, l'extension "Foyer" apparait dans le menu à gauche de Wordpress, un peu au dessus du menu "Extensions" dont on vient de parler

Dans l'ordre, créer :

  • > un ou plusieurs slides
  • > un channel comprenant un ou plusieurs des slides
  • > un display

Les slides sont basiquement composés de textes sur des images ou des vidéos (moins de 32 Mo ou liens YouTube)

Vous pourrez en profiter pour créer des comptes utilisateur supplémentaires, si vous n'êtes pas le seul à alimenter le diaporama.

Il y a un système de pré-titre / titre / post-titre pour les textes

Il y a un système de pré-titre / titre / post-titre pour les textes

Exemple de slide vidéo : https://www.blender.org/about/projects/

Exemple de slide vidéo : https://www.blender.org/about/projects/

J'ai créé 4 slides dans la chaîne n°1

J'ai créé 4 slides dans la chaîne n°1

Chouette, cela fonctionne !

 

Le lien d'accès est sous la forme : http://ip-du-serveur/wordpress/foyer/nom-de-l-article

J'ai pris la capture d'écran entre le passage d'un slide à un autre

J'ai pris la capture d'écran entre le passage d'un slide à un autre

Notre diapo est fonctionnel, nous allons pouvoir passer à l'installation de la borne à proprement parlé

 

Mon matériel : HP ProdDesk (un mini pc, mais un raspberry PI ou un Pentium 4 ferait aussi l’affaire)

 

OS : Lubuntu 20.04 (500 mo de ram et disque dur de 8Go minimum) : https://lubuntu.fr/

 

Installation de l’OS en mode UEFI avec partitionnement manuel :

  • 100 Mo en fat32 pour /boot/UEFI

  • 2 Go de Swap (mémoire virtuelle)

  • 100 Go en ext4 pour / (racine)

 

Note : la solution la plus simple est d’installer la version normale d’Ubuntu, bien plus user-friendly, l'installeur avec partitionnement automatique

 

Paramétrer évidemment un adresse IP fixe si besoin

À l’installation, penser à cocher la case pour ouvrir automatiquement la session

 

Installation des logiciels

 

Note : J’ai choisi d’utiliser la ligne de commandes car j’ai l’habitude, mais ce n’est pas obligatoire !

 

Ouvrir un terminal et taper les commandes :

sudo apt update (mise à jour des dépôts)

sudo apt install xdotool unclutter

(« unclutter » permet de cacher le pointeur de la souris, « xdotool » simule l’appui sur la touche F11, mais Firefox peut aussi être affiché en plein écran à l’aide du simple argument -kiosk)

 

Toujours dans le terminal :

sudo nano /usr/bin/firefox-fullscreen

 

Copier-coller ce script, évidemment en personnalisant l’URL :

 

unclutter -idle 0.01 -root & firefox -url http://ip-serveur/wordpress/foyer/affichage-dynamique/ & xdotool search --sync --onlyvisible --class "Firefox" windowactivate key F11

 

sudo chmod +x /usr/bin/firefox-fullscreen  (pour le rendre exécutable)

 

 

Pour lancer ce script au démarrage de la session, allez dans le menu démarrer, puis : Préférences / LXQT-Paramétrage du système / Paramétrage de session LXQT-Paramétrage

 

A gauche, cliquez sur le menu « Lancement automatique »

à droite, cliquez sur le bouton « Ajouter »

Nom : firefox-fullscreen

Commande : sh /usr/bin/firefox-fullscreen

 

Redémarrez pour tester le bon fonctionnement ;-)

Ecran d'exemple

Ecran d'exemple

Peaufinages

 

  • > Désactiver la veille / verrouillage

  • > Personnalisez le fond d’écran pour faire plus pro

  • > Cachez les raccourcis du bureau : clic droit / Préférences du bureau / onglet « Avancé »

  • > Clic droit sur la barre des tâches, configurer le tableau de bord, taille 16px, taille d’icônes 10px, Cochez la case « Masquage automatique »

 

Très important ! Pensez à installer le module complémentaire Firefox Tab Auto Refresh : https://addons.mozilla.org/fr/firefox/addon/tab-auto-refresh/

 

L’icône apparaîtra en haut à droite de Firefox, le configurer pour qu’il mette à jour la page du diaporama toutes les 600 secondes par exemple

=> car la solution Wordpress n’est pas temps réelle, si vous modifier votre diaporama, la borne n’en saura rien et la modification ne sera pas visible à l’écran…

 

Éteindre la borne automatiquement tous les jours à 19h par exemple, toujours dans le terminal : sudo crontab -e

 

Avec l’éditeur nano, ajouter à la fin du fichier :

0 19 * * * /sbin/shutdown -h now

 

Ctrl + x pour quitter / enregistrer, un message doit vous confirmer de la bonne prise en compte

 

Il est aussi possible de paramétrer dans le BIOS du HP ProDesk (touche F10 au démarrage) l'allumage automatique à telle heure tels jours de la semaine, c'est toujours ça de gagné...

___________________________________________________

Autre solution logicielle alternative : SignageOS sous le CMS Drupal

https://www.drupal.org/project/digital_signage_framework

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article