Créer un kiosque Raspberry Pi rapidement avec FullPageOS

Avez-vous déjà voulu avoir un écran chez vous qui diffuse vos photos ou vidéos préférées en boucle, ou affiche un tableau de bord que vous consultez régulièrement ? Si vous avez un Raspberry Pi, configurer cet affichage est plus facile que jamais avec FullPageOS. Voici comment vous pouvez le faire.

FullPageOS peut être directement sélectionné et flashé sur une carte SD en utilisant le logiciel Raspberry Pi Imager. Après cela, des liens vers des images, vidéos, ou sites web personnalisés peuvent être configurés pour être affichés sur le Raspberry Pi au démarrage.

Vous obtenez un site web affiché en plein écran dans une fenêtre de navigateur très facilement. Cool, non ? Commençons par en savoir un peu plus sur FullPageOS.

Si vous débutez avec Raspberry Pi ou Linux, j’ai quelque chose qui peut vous aider !
Téléchargez ma fiche mémo des commandes Linux gratuitement – c’est un guide de référence rapide avec toutes les commandes essentielles dont vous aurez besoin utiliser votre Raspberry Pi. Cliquez ici pour l’obtenir gratuitement !

Qu’est-ce que FullPageOS et un kiosque ?

Un kiosque est un écran (qu’il soit interactif ou non) qui affiche des éléments comme des publicités, des images, des vidéos, des informations, etc. Il est généralement utilisé pour la publicité dans les lieux publics afin que les clients et les visiteurs connaissent mieux les services ou produits disponibles.

Un Raspberry Pi est un choix très économique et idéal pour créer ce kiosque. Il existe de nombreux logiciels disponibles spécifiquement pour cet objectif. Certains ont déjà été couverts sur RaspberryTips :

• Installer DAKboard sur Raspberry Pi (Affichages personnalisables)
• Installer Anthias par Screenly sur Raspberry Pi (Signalisation numérique) (en anglais)

Cependant, si vous souhaitez afficher des images ou une page Web, les configurer serait exagéré. C’est là que FullPageOS vient à votre rescousse ! Vous pouvez tout configurer en quelques minutes et obtenir tout de même un bel écran fonctionnel pour vous-même ou votre entreprise.

Commençons maintenant le tutoriel proprement dit. Voici tout ce dont vous aurez besoin :

• Un Raspberry Pi : Bonne nouvelle ! Vous aurez besoin d’un Raspberry Pi 2 ou d’un modèle plus récent (malheureusement, le Pi Zero n’est pas pris en charge). Je vous suggère d’utiliser un Raspberry Pi 4 avec au moins 2 Go de RAM, c’est ce que j’ai utilisé.
• Un ordinateur avec un lecteur de carte SD (peut être un Raspberry Pi avec Imager dessus).
  Vous pouvez utiliser un adaptateur USB bon marché si vous n’en avez pas (comme celui-ci sur Amazon).
• Une carte micro-SD pour installer la dernière version de Raspberry Pi OS sur le Raspberry Pi.
  Voici ma recommandation actuelle pour les meilleures performances, mais n’importe quel modèle fera l’affaire pour ce tutoriel car il vise à vous montrer comment installer et configurer Tailscale sur votre Pi.
• Un moniteur ou un écran : Vous devez avoir un écran sur lequel vous pouvez afficher la page web ou les images que vous avez configurées. De plus, si vous voulez interagir avec votre page web, vous avez besoin d’un clavier et d’une souris connectés à votre Pi.
• Raspberry Pi Imager : Nous allons utiliser le logiciel Imager pour flasher l’image de FullPageOS sur notre carte SD.

Super ! Maintenant que nous sommes prêts, commençons par les étapes d’installation.

Instructions d’installation de FullPageOS

Il n’y a pas d’étapes d’installation spécifiques à effectuer pour ce tutoriel, car FullPageOS est disponible sur Raspberry Pi Imager. Tout ce que vous avez à faire est de sélectionner cette option et vous êtes prêt pour la partie flashage ! Cool, non ? Commençons le processus.

Flasher l’image de l’OS sur la carte SD

Si vous souhaitez télécharger l’image manuellement, vous pouvez le faire en visitant la page officielle GitHub de FullPageOS et ensuite flasher l’image téléchargée en utilisant Imager ou Balena Etcher (en anglais).

Je vais vous guider à travers le processus de flashage de cet OS en utilisant le Raspberry Pi Imager.

• Ouvrez le logiciel Raspberry Pi Imager. Choisissez l’appareil Raspberry Pi que vous utilisez. Je vais choisir le Raspberry Pi 4 car c’est le modèle que j’utilise.
  
  
  
• Une fois cela fait, l’étape suivante consiste à choisir l’image de l’OS. Il suffit de cliquer sur le bouton CHOOSE OS.
  
  
  
• Cela ouvrira une nouvelle fenêtre du système d’exploitation. Faites défiler vers le bas et sélectionnez Other specific-purpose OS.
  
  
  
• Sous cela, vous devez rechercher et cliquer sur l’option FullPageOS.
  
  
  
• Cela ouvrira la fenêtre finale qui montre les options de l’OS. Vous verrez les versions stable et Nightly pour l’OS. Pour ce tutoriel, restons sur la version stable afin d’éviter toute surprise.
  
  
  
• Une fois que vous avez sélectionné l’OS, insérez votre carte SD, cliquez sur CHOOSE STORAGE et sélectionnez votre carte SD parmi les choix disponibles.
  
  
• Une fois que vous avez tout terminé, cliquez sur le bouton Next.
  Sélectionnez “No” pour les paramètres de personnalisation car nous n’en avons pas besoin.
• Ensuite, une fenêtre s’ouvrira vous informant que toutes les données sur cette carte SD seront effacées. Confirmez en appuyant sur YES.
  
  
  
• Cela lancera le processus de flashage. Le système peut vous demander de saisir votre mot de passe pour démarrer le processus.
  
  
• Ça prendra quelques minutes pour être terminé, donc soyez patient. Une fois le processus terminé, la carte SD s’éjecte automatiquement de votre système.

Avec cela, nous avons configuré avec succès notre carte SD pour le Raspberry Pi. Ensuite, voyons quelles étapes de configuration nous devons suivre pour ce système d’exploitation (croyez-moi, il y en a peu).

Premiers pas avec FullPageOS

Avant d’ajouter cette carte SD à votre Pi, il y a certaines choses que vous devez configurer : quel site web afficher ou quelle image/vidéo afficher sur votre écran ! Vous avez deux options : le configurer directement depuis votre système principal ou utiliser SSH. Nous allons garder les choses simples et utiliser notre PC pour terminer cela.

Il y a deux étapes principales dans le processus de configuration avant démarrage :

• Configurer une connexion Wi-Fi
• Premier démarrage

Alors, commençons.

Configurer la connexion Wi-Fi

Nous allons configurer le Pi pour se connecter à notre réseau Wi-Fi afin que nous ayons l’option de SSH dans notre système en cas de besoin (comme il n’y a pas d’interface utilisateur que vous pouvez utiliser pour configurer les choses).

• D’abord, réinsérez votre carte SD dans le lecteur de carte (vous devrez peut-être la retirer et la réinsérer) afin qu’elle apparaisse comme un lecteur de démarrage sur votre système.
  
  
• Trouvez le fichier nommé fullpageos-wpa-supplicant.txt et ouvrez-le dans un éditeur de votre choix (je suggère VS Code ou Sublime Text).
  
  
• Ensuite, nous allons modifier la section réseau et entrer nos identifiants Wi-Fi à la place du texte par défaut.
  Entrez le nom de votre réseau Wi-Fi dans ssid et le mot de passe dans la section psk.
  
  
• Une fois que vous avez terminé cela, enregistrez le fichier et c’est tout.

Vous avez configuré avec succès les paramètres de connectivité Wi-Fi de votre Pi. Lorsque votre Pi démarre, il se connectera à votre réseau configuré.

Premier démarrage

Par défaut, si vous démarrez votre OS à cette étape, vous devriez voir la page web FullPageOS par défaut qu’ils ont définie comme indiqué ci-dessous (Notez que le premier démarrage prendra du temps, soyez patient).

Scanner le lien vous mènera à la page de documentation qui montre comment configurer des liens dans FullPageOS. Voici le lien pour la documentation pour information.

C’est tout ! FullPageOS est en cours d’exécution sur votre Pi.

Maintenant, voyons comment apporter des modifications de configuration pour changer ce que nous voyons sur notre écran.

Personnalisez la vue de votre site Web

Cette section couvrira les différentes personnalisations pour l’affichage de votre Pi avec FullPageOS. En particulier, nous nous concentrerons principalement sur ces deux options :

• Afficher un site Web/Tableau de bord
• Afficher une vidéo

Avant de commencer avec les options ci-dessus, voyons comment nous pouvons nous connecter via SSH à notre Pi exécutant FullPageOS pour nous faciliter la vie (nous n’aurons pas à retirer la carte SD à chaque fois que nous voulons apporter des modifications).

Accès SSH

L’accès SSH pour le Pi vous permet d’accéder au système d’exploitation via une fenêtre de terminal sur votre ordinateur principal. Voici le lien vers mon tutoriel où j’explique en détail SSH sur un Raspberry Pi.

Pour FullPageOS, la bonne nouvelle est que SSH est activé par défaut.

Donc, une fois que vous avez démarré le Pi, vous pouvez vous y connecter avec un ordinateur ou un appareil sur le même réseau que votre Pi. Voici tous les détails dont vous aurez besoin pour établir une connexion SSH.

• Adresse : fullpageos.local (vous pouvez également utiliser l’adresse IP de votre Pi si vous la connaissez).
• Nom d’utilisateur : pi
• Mot de passe : raspberry (je vous recommande vivement de le changer pour des raisons de sécurité).

Une fois que vous avez ouvert un terminal, tout ce que vous avez à faire est d’exécuter la commande suivante : ssh et d’utiliser le mot de passe par défaut pour établir une connexion SSH. Vous pourrez effectuer des modifications de configuration sans retirer votre carte SD.

Donc, commençons par la première option de configuration d’un site web à afficher sur votre écran au démarrage.

Si les commandes Linux ce n’est pas trop votre truc, n’hésitez pas à jeter un œil à cet article qui vous explique les commandes qu’il faut absolument connaître. Je vous donne aussi une antisèche à télécharger pour les avoir toujours sous la main !

Option 1 : afficher un site web/tableau de bord personnalisé

Dans la plupart des cas, si vous voulez un affichage interactif, vous voudrez afficher votre site web préféré ou le plus visité. Ou si vous avez un appareil intelligent, vous voudrez un tableau de bord numérique disponible à tout moment. Dans tous les cas, vous devrez suivre les étapes ci-dessous :

• Depuis le terminal où vous vous êtes connectés en SSH à votre Pi, allez dans le répertoire de démarrage et localisez le fichier nommé fullpageos.txt car nous y ferons nos modifications de configuration. Vous pouvez utiliser les commandes suivantes :
  
  cd /boot
ls -l full*
  
  
  
• Maintenant, copiez le lien du site web que vous souhaitez afficher sur votre écran (il doit être accessible via internet public) et changez le lien dans ce fichier pour modifier ce que votre écran doit afficher. (Je choisis bien sûr le site RaspberryTips !).
  
  Vous pouvez le faire en utilisant la commande suivante :
  
  sudo vi fullpageos.txt
  
  Ensuite, appuyez sur “i” sur votre clavier et collez le lien, après quoi vous pouvez appuyer à nouveau sur “i” puis “:wq” pour enregistrer le fichier (J’ai un tutoriel sur Vim ici, en anglais, qui peut aider si vous êtes un peu perdu avec cet éditeur de texte).
  
  
  
• Voilà, c’est tout ! Facile, n’est-ce pas ? Maintenant, vous pouvez redémarrer le Pi depuis le terminal ou simplement le débrancher puis le rebrancher pour que notre écran affiche le site web mis à jour.
  
  
  
• Alternativement, vous pouvez configurer un tableau de bord à afficher sur cet écran. Tout ce que vous avez à faire est de changer le lien dans le fichier texte pour qu’il pointe vers votre tableau de bord (quelque chose comme ceci).
  
  

Option 2 : afficher une vidéo

Maintenant, voyons comment afficher une vidéo (en plein écran) sur notre écran. Cela peut sembler un peu complexe, mais ne vous inquiétez pas, nous allons voir ça pas à pas pour que le processus reste digeste.

• Pour cela, la première étape consiste à obtenir l’URL de la vidéo que vous souhaitez diffuser sur votre PiDisplay (c’est un bon début, non ?).
• Je vais choisir une de mes vidéos YouTube pour ce tutoriel.
  Ouvrez la vidéo, puis vous devriez voir le lien dans votre barre d’adresse. Le lien devrait ressembler à ceci : https://www.youtube.com/watch?v=x6sNzmO4pwY.
• Toutefois, il faut noter qu’ouvrir ce lien ouvre la plateforme YouTube, et non la vidéo en plein écran. Pour cela, nous allons devoir apporter quelques modifications à ce lien. Voici à quoi devrait ressembler le lien final :
  Vous pouvez récupérer l’identifiant unique de votre vidéo à partir de l’image ci-dessus et ajouter les options supplémentaires en ajoutant un “?” après le lien. Pour l’instant, j’ai ajouté les options autoplay et qualité vidéo. Si vous souhaitez afficher une vidéo en mode paysage, vous pouvez même ajouter l’option mute qui désactive le son (ajoutez mute=1).
• Une fois que vous avez votre lien vidéo, collez-le dans votre fichier fullpageos.txt et enregistrez.
  Ensuite, suivez le même processus. Votre vidéo devrait se lancer automatiquement.

Ceci marque la fin de ce tutoriel. Vous savez maintenant comment utiliser FullPageOS, de l’installation à la configuration pour afficher différentes pages web et vidéos sur votre écran FullPageOS Pi.

Merci d’avoir lu cet article. À bientôt dans le prochain !

Ressources supplémentaires pour votre Raspberry Pi

Initiation au Raspberry Pi en vidéo
Si vous débutez et voulez passer rapidement à la vitesse supérieure, j’ai exactement ce qu’il vous faut.
Regardez ma formation vidéo qui vous aidera à démarrer du bon bien, choisir votre matériel, installer les meilleures applications et vous lancer directement dans vos premiers projets avec mon aide.
Regarder les vidéos dès maintenant

Maîtrisez votre Raspberry Pi en 30 jours
Vous avez besoin de plus ? Si vous êtes à la recherche des meilleures astuces pour devenir expert sur Raspberry Pi, ce livre est fait pour vous. Développez vos compétences sous Linux et pratiquez via de nombreux projets en suivant mes guides étape par étape. 10% de remise aujourd’hui !
Télécharger le livre au format PDF ici

Maîtrisez Python sur Raspberry Pi
Pas besoin d’être un génie pour coder quelques lignes pour votre Raspberry Pi.
Je vous apprends juste ce qu’il faut sur Python afin de réaliser n’importe quel projet. La seconde partie du livre est d’ailleurs consacrée à des exemples de projets où je vous guide pas à pas.
Ne perdez pas de temps, apprenez le strict nécessaire et économisez 10% avec ce lien :
Télécharger maintenant

Autres ressources pour profiter de votre Raspberry Pi
J’ai regroupé toutes mes recommandations de logiciels, sites utiles et de matériel sur cette page de ressources. Je vous invite à la consulter régulièrement pour faire les bons choix et rester à jour.
Visiter les pages ressources