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

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 20.04.1 LTS (ou Lubuntu pour les machines anciennes)

 

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)

 

On y va pour la partie serveur, 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

 

Borne d'affichage autonome sous Linux

On recherche / installe / active l'extension "foyer" (le menu extensions est situé à gauche)

 

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/7.4/apache2/php.ini

Rechercher uplad_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 pour faire plus pro

Redémarrer pour tester le bon fonctionnement ;-)

 

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…

 

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

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