Borne d'affichage autonome sous Linux

Voici un tuto pour installer une borne d'affichage dynamique autonome à l'aide de Wordpress

Ce tuto pourrait servir à l'accueil des établissements scolaires par exemple

Matériel : un vieux pc suffit (2Go de Ram), ou alors un Raspberry PI

Un vieil écran en VGA fera l'affaire (le pc allume et éteint l'écran)

Logiciel : j'ai utilisé Ubuntu LTS (ou Lubuntu pour les machines anciennes)

On y va pour la partie serveur

(cette partie peut être virtualisée)

Installer Ubuntu avec une configuration réseau en adresse IP fixe, car oui cette borne fera office de serveur !

Penser à cocher la case "ouverture automatique de session" (sinon ça peut se faire après coup)

Penser à cocher la case pour installer les fonctionnalités multimédia (formats non libres)

ouvrir un terminal (ctrl + alt + t)  :

sudo apt update 

sudo apt install apache2 php libapache2-mod-php mariadb-server php-mysql  php-curl php-gd php-intl php-json php-mbstring php-xml php-zip ssh

test : Depuis la borne, lancer Firefox et aller à : http://localhost

(La page Apache / Ubuntu doit s'afficher)

sudo a2enmod rewrite

sudo nano /etc/apache2/sites-available/wordpress.conf

copier-coller ce paragraphe dans l'éditeur de fichiers :

<VirtualHost *:80>
        ServerName wordpress.localhost
        DocumentRoot /var/www/html/wordpress
        <Directory /var/www/html/wordpress>
                AllowOverride all
                Require all granted
        </Directory>
        ErrorLog /var/log/apache2/error.wordpress.log
        CustomLog /var/log/apache2/access.wordpress.log combined
</VirtualHost>

(Ctrl+X puis O pour quitter en sauvegardant) 

sudo a2ensite wordpress

sudo systemctl reload apache2

On télécharge Wordpress et on le copie au bon endroit :

wget https://fr.wordpress.org/wordpress-latest-fr_FR.zip
sudo unzip wordpress-latest-fr_FR.zip -d /var/www/html/


On ajoute les bons droits :
sudo chown www-data:www-data /var/www/html/wordpress -R
sudo chmod -R -wx,u+rwX,g+rX,o+rX /var/www/html/wordpress


On créé un utilisateur de base de données avec son mot de passe personnalisé
sudo mysql
CREATE DATABASE wordpress;
CREATE USER 'wpuser'@'localhost' IDENTIFIED BY 'votre-mot-de-passe';
GRANT ALL ON wordpress.* TO 'wpuser'@'localhost';
FLUSH PRIVILEGES;
QUIT;

Pour continuer l'installation de Wordpress, depuis la borne, lancer Firefox et aller à : http://localhost/wordpress

Choisir votre identifiant / mot de passe administrateur propre à Wordpress

On recherche / installe / active l'extension "foyer" (le menu extensions est situé à gauche). Ou alors télécharger le module manuellement ici : https://downloads.wordpress.org/plugin/foyer.zip

Créer au moins un slide, puis un channel et enfin un display

Bien repérer le lien de votre diaporama quand vous l'aurez créer

Il faut soit se déconnecter, soit ouvrir le navigateur en "mode privé", ou soit utiliser un autre navigateur pour profiter pleinement du diaporama

Plus d'infos : http://mikedafunk.over-blog.org/2021/04/des-bornes-d-affichage-dynamiques-grace-a-wordpress-sur-synology.html

Aller dans les réglages de Wordpress pour paramétrer l’adresse IP en dur (à la place de l'URL 'nom du site') afin que la borne puisse être administrable depuis n'importe quel pc de l'intranet

Pour accéder à la page d’administration de Wordpress depuis un autre pc du même réseau intranet :  http://ip-de-votre-borne/wordpress/wp-admin

Optionnel : Augmenter la taille des fichiers d’upload

(notamment pour importer les vidéos)

Soit depuis la borne, soit depuis une session SSH

sudo nano /etc/php/X.X/apache2/php.ini (la version d'apache varie)

Rechercher upload_max et post_max à l’aide du raccourci clavier 'ctrl+w'

Augmentez les tailles qui par défaut sont ridicules (j'ai mis upload 200M et post 800M)

('Ctrl+X' puis O pour quitter en sauvegardant)

sudo systemctl reload apache2

Pour que la nouvelle configuration soit prise en compte

Installation de la partie cliente

Ouvrir un terminal et taper les commandes :

sudo apt install unclutter

(« unclutter » permet de cacher le pointeur de la souris)

sudo apt install ubuntu-restricted-extras

(si vous avez oublié de cocher la case des fonctionnalités multimédia à l'installation)

Toujours dans le terminal :

sudo nano /usr/bin/firefox-fullscreen

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

unclutter -idle 0.01 -root & firefox -kiosk -url http://ip-serveur/wordpress/index.php/foyer/affichage-dynamique/

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

Pour lancer ce script au démarrage de la session : https://doc.ubuntu-fr.org/tutoriel/application_demarrage

La commande sera : sh /usr/bin/firefox-fullscreen

Désactiver la veille / verrouillage

Personnaliser le fond d’écran, cacher la barre des tâches pour faire plus pro

Enfin redémarrer pour tester le bon fonctionnement ;-)

Bonus :

Penser à 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…

Pour programmer l'extinction automatique de la borne par exemple tous les jours à 19h, 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