Accueil TechnologiesRaspberry Pi Créez un écran de diffusion de données / messages avec un Raspberry Pi
Données sur écran

Créez un écran de diffusion de données / messages avec un Raspberry Pi

par Jérémy PASTOURET

Je reviens avec un nouveau tutoriel orienté Raspberry Pi 3. Si vous n’avez jamais entendu parler du Raspberry Pi et que vous souhaitez savoir de quoi je cause, suivez ce lien :

Présentation du Raspberry Pi – Partie 1

Si vous ne savez pas comment (ou quoi) acheter pour le Raspberry Pi, suivez ce guide : achetez le pack Budget, c’est largement suffisant. Pour le tuto d’aujourd’hui il faudra simplement acheter en plus un écran avec port HDMI.

Que faut-il acheter pour utiliser un Raspberry Pi ?

Notre but sera de paramétrer le Raspberry Pi pour afficher des onglets sous Chromium (Chrome en Open Source) en plein écran. On voit ce genre de choses chez notre dentiste, pharmacien… c’est comme un panneau publicitaire. L’objectif : afficher des données utiles sous forme de dashboards techniques. Par exemple : un rapport d’activité de votre site web, ou l’actualité, ou encore les prévisions météo. On peut imaginer tout un tas de possibilités, tant que c’est du Web.

Dans un premier temps, je vous montrerai comment paramétrer votre Raspberry Pi pour afficher Chromium en plein écran qui change d’onglet toutes les 5 minutes.

Ensuite, je vous montrerai comment installer Dashing, un dashboard développé en Ruby pour afficher des données sympas. Enfin dans un dernier article, je vous présenterai Graphana, un outil très connu afin d’afficher des informations pour les développeurs.

 

Installation de Chromium

Chromium

En pré-requis, vous devez télécharger et installer Raspbian Stretch with desktop sur votre carte SD. Puis branchez votre Raspberry Pi à un écran avec un clavier et une souris. Lancez alors un terminal, soit en utilisant le menu traditionnel, soit avec le raccourci CTRL-T.

Tapez la commande suivante :

sudo apt-get update
sudo apt-get install rpi-chromium-mods

 

Cela permettra d’installer Chromium s’il n’est pas présent dans le système. Sinon la console vous indiquera qu’il est déjà présent :

Installation de Chromium

 

Modification du démarrage du Raspberry Pi pour lancer Chromium

Pour cela, vous devez modifier l’autostart de LXDE-Pi. Il s’agit de la couche logiciel pour l’ouverture de votre environnement de travail. Pour ce faire, vous devez saisir dans le terminal la commande suivante :

nano ~/.config/lxsession/LXDE-pi/autostart

 

Ou si vous préférez le mode terminal :

Editer l'autostart de LXDE

 

Quand vous aurez appuyé sur la touche entrée, Nano s’ouvrira en mode édition :

Edition de l'autostart de LXDE

 

Vous devrez alors rajouter tout un tas de lignes. J’ai été sympa et je vous les ai écrites ci-dessous, pour que vous puissiez les copier-coller facilement.

@xset s off
@xset -dpms
@xset s noblank

@sed -i 's/"exited_cleanly": false/"exited_cleanly": true/' ~/.config/chromium/Default/Preferences

@unclutter

## Empeche l'affichage du restore table au reboot de chromium
sed -i 's/"exited_cleanly": false/"exited_cleanly": true/' ~/.config/chromium/Default/Preferences
sed -i 's/"exit_type": "Crashed"/"exit_type": "None"/' ~/.config/chromium/Default/Preferences
@chromium-browser -noerrdialogs -kiosk http://0.0.0.0:3030

 

Bien entendu, vous devez remplacer http://0.0.0.0:3030 par l’adresse du site web que vous souhaitez afficher. Si vous souhaitez faire apparaître plusieurs pages, il suffit d’insérer un espace et de rajouter les URL.

Par exemple @chromium-browser -noerrdialogs -kiosk http://0.0.0.0:3030 https://les-enovateurs.com et ainsi de suite.

Vous devriez obtenir le même écran que moi :

Rajouter Chromium au démarrage du Raspberry

 

Il vous suffit ensuite de faire un CTRL + X et d’appuyer sur la touche Y (pour dire Yes, je sauvegarde ma modification).

 

Installation de Revolver Tabs sur Chromium

Si vous souhaitez montrer plusieurs onglets, la solution la plus pratique consiste à afficher un onglet toutes les X minutes. Pour cela, on doit utiliser Revolver Tabs. Lancez donc Chromium grâce au menu de Raspbian.

Installation d'extension sous Chromium

 

Tout comme dans Chrome, vous devez appuyer sur les 3 petits points en haut à droite, puis More tools ou Plus d’outils. Ensuite, cliquez sur Extensions. Une nouvelle fenêtre s’ouvre avec la liste de vos extensions courantes. Cliquez sur More Extensions ou Plus d’extensions, comme indiqué dans l’encadré rouge sur la capture d’écran.

Avoir plus d'extensions Chromium

 

Après avoir cliqué sur le lien, Chromium vous ouvre un nouvel onglet.

Recherche de l'extension Revolver Tabs

 

C’est le marketplace de Chromium. Il sert à installer des extensions. Rendez-vous dans la barre de recherche en haut à gauche et saisissez les deux mots « Revolver tabs », comme sur l’image ci-dessous. Puis appuyez sur la touche entrée.

Ajout de Revolver Tabs

 

Chromium recherche dans sa bibliothèque d’extensions celle qui nous intéresse. Vous devriez donc avoir le même résultat que moi (ci-dessus). Cliquez sur le bouton Add To Chrome ou Ajouter à Chrome.

Installation de l'extension

 

Après avoir téléchargé l’extension, Chromium s’assure que vous souhaitez poursuivre l’installation et vous demande votre confirmation. Cliquez sur le bouton Add extension ou Ajouter l’extension.

Extension installé sur Chromium

 

Là, votre Chromium a installé Revolver Tabs. Il vous indique sur quel bouton vous pouvez appuyer pour le paramétrer. Effectuez un clic droit sur l’icône de Revolver Tabs comme sur l’image ci-dessous :

Modifier les options de Revolver Tabs

Puis cliquez sur Options. A cet instant, un autre onglet s’ouvre avec la liste des options du plugin. Ne vous inquiétez pas, ça ne prend que quelques secondes.

Ajouter la rotation des onglets sous Chromium

 

Vous devez simplement cocher les cases Auto Start et Rotate only when inactive. Pour faire simple, voici ce qu’on dit au plugin : « quand Chromium se lance, démarre automatiquement la rotation des onglets ». Par défaut, il change d’onglet toutes les 15 secondes. Vous pouvez modifier cette durée si vous en avez envie (il s’agit du premier paramètre tout en haut). On dit aussi au plugin : « surtout, ne fais pas de rotation quand j’utilise le navigateur ». C’est hyper pratique : imaginez que vous voulez changer de compte utilisateur manuellement sur un onglet qui afficherait les statistiques Google Analytics. Vous pouvez rapidement vous retrouver avec le plugin qui vous fait changer d’onglet… alors que vous êtes en train de modifier une donnée.

C’est pour ça qu’avant de vous laisser vaquer à vos occupations, je vais vous donner…

 

L’ultime bonus Chromium

L'ultime bonus Chromium

 

Ces trois raccourcis vous sauveront la vie :

  • CTRL + TAB pour passer à l’onglet suivant
  • CTRL + SHIFT + TAB pour passer à l’onglet précédent.
  • L’ultime raccourci, ALT + F4 pour fermer Chromium et éteindre correctement le Raspberry Pi – ou faire des réglages.

La suite de nos aventures

Maintenant que vous avez un écran de diffusion, vous devez y mettre de l’information. Pour faire cela, rendez-vous sur cet article :

Créer un Kiosk / ScreenShow avec un Raspberry Pi – Installation de Smashing

Vous pourriez aussi aimer

10 commentaires

Lionel 4 février 2019 - 14 h 46 min

Merci pour ce très bon tuto!
J’ai eu quelques pb avec la version strech full, j’ai procédé de cette façon:
raspbian PI3 20018_11_13-strech-full (chromium est dèjà installé)

1.Installer Raspbian et configurer en français.

2.Supprimer veille
sudo apt-get install xscreensaver
menu des applications ➜ Préférences ➜ Économiseur d’écran. puis: désactiver

3.Lancer chromium et url au démarrage
sudo nano /etc/xdg/lxsession/LXDE-pi/autostart
et ajouter:
@/usr/bin/chromium-browser –kiosk –disable-restore-session-state –incognito puis l’adresse souhaitée

4.Rafraîchir la page toutes les x secondes
ajouter et configurer plugin “super auto refresh plus” depuis la page à afficher

Répondre
Jérémy PASTOURET 5 février 2019 - 20 h 16 min

Merci Lionel pour ce retour d’expérience qui aidera sûrement d’autres bidouilleurs.

Répondre
Guillaume 28 janvier 2020 - 19 h 42 min

Hello,

Merci pour ce tuto très sympa je trouve l’idée séduisante. J’ai un vieux raspberry pie 2 dont je ne sais pas quoi faire. Est ce que ça peu fonctionner dessus ?
Merci
Guillaume

Répondre
Jérémy PASTOURET 17 février 2020 - 13 h 26 min

Salut,
Je te remercie pour ton commentaire. Je pense que ça peut marcher, mais tout dépend de ce que tu vas afficher.
S’il y a beaucoup de données, ou que c’est très graphique, cela risque d’être compliqué… voire très lent.
Mais il existe d’autres moyens d’utiliser un vieux Raspberry Pi : tu peux te tourner du côté de la domotique, par exemple.

Si tu trouves d’autres alternatives, n’hésite pas à nous en parler en commentaire.
Et si tu es motivé pour partager notre site sur tes réseaux, cela nous sera d’une grande aide 🙂

Jérémy.

Répondre
Franck 10 mai 2020 - 20 h 55 min

Merci pour ce bon tuto qui m’a beaucoup aidé
serait il possible d’avoir un tuto ou une piste pour affichage les salles de réunion le temps …. avec un raspberry

merci et bon courage

Répondre
Jérémy PASTOURET 11 mai 2020 - 11 h 38 min

Merci pour ton commentaire.
Pour les salles de réunion, je ne connais pas de tuto ni de projet.
Je te conseille cependant de rechercher sur GitHub un projet Web qui gère cette problématique.
Tu pourras combiner l’outil Open Source trouvé avec le tuto de cet article.

Répondre
LAF 30 juin 2020 - 14 h 40 min

Très bon tuto, merci. Par contre le défilement « par page » de votre page web, je trouve ça hyper pénible.

Répondre
Jérémy PASTOURET 30 juin 2020 - 14 h 45 min

Merci pour votre commentaire. Je suis content que le tuto vous ait plu.
Par contre qu’entendez-vous par défilement « par page » ? Vous parlez du scrolling ? Ou du découpage du tuto en différents articles ?

Répondre
LAF 30 juin 2020 - 15 h 20 min

Oui je parle du scrolling, quand je scroll avec la molette de ma souris sur votre page, la page descend par gros paquets. Je n’avais jamais vu cet effet auparavant. Je dois naviguer avec l’ascenseur sinon impossible de se caler sur certains paragraphe. Ca perd en lisibilité je trouve.

Répondre
Jérémy PASTOURET 30 juin 2020 - 15 h 28 min

Merci pour votre remarque. Je vais essayer d’identifier le paramètre à modifier sur le site. Par curiosité, quel navigateur utilisez-vous ?

Répondre

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.