Création d'écrans publicitaires Raspberry Pi

Tarte aux framboises

Le Raspberry Pi est un ordinateur à 25 £ / 35 $ qui a été créé à l'origine pour aider à résoudre le problème du déclin des compétences informatiques des enfants au Royaume-Uni. Depuis, il a été réaffecté par une communauté enthousiaste de pirates informatiques et de décideurs et peut être utilisé pour mener à bien des projets dans le monde entier..

Objectif

À l'aide d'un logiciel Raspberry Pi et Screenly, je vais vous montrer comment créer un appareil permettant d'afficher du contenu publicitaire pour une fenêtre immobilière. Je vais expliquer comment utiliser un programme pour contrôler le contenu via un ordinateur portable connecté au même réseau que le Raspberry Pi..

Exigences

  • Un Raspberry Pi
  • Une carte SD vierge d'au moins 4 Go de capacité
  • TV / moniteur avec port HDMI
  • câble HDMI
  • Accès réseau filaire pour votre Raspberry Pi et votre ordinateur portable

Screenly

Screenly est un système d'exploitation conçu pour le Raspberry Pi. Son seul objectif est de créer une signalisation numérique via une page Web conviviale. Une fois copié sur une carte SD, il est possible d'accéder à Screenly en visitant une interface Web, qui est décrite plus loin dans ce didacticiel.. 

Créer une carte SD

Téléchargez une copie du système d’exploitation Screenly à partir du site Web Screenly. J'utilise la version open source du logiciel, qui est totalement libre d'utilisation mais présente certaines limitations, a expliqué plus tard.

Téléchargez le fichier zip sur votre ordinateur et insérez votre carte SD vierge dans l'emplacement approprié de votre ordinateur. Le fichier zip contient un fichier image qui est le système d'exploitation complet de Screenly, extrayez le fichier zip sur votre disque dur..

Maintenant que vous avez l'image, vous devez la copier sur votre carte SD.

Utiliser une image

Création d'une carte SD Screenly à partir de la ligne de commande dans Terminal sur un Mac

Une image est un instantané d'un système d'exploitation opérationnel. Il s’agit d’un octet pour une copie octet de l’installation originale. Grâce à la même architecture de tous les modèles Raspberry Pi, vous pouvez utiliser une image pour partager rapidement les systèmes d’exploitation..

La création de votre carte SD est gérée différemment pour Mac, Windows et Linux. Screenly propose un guide pour la configuration d'une carte SD Screenly sous Mac, Linux ou Windows. 

Mise en place du Raspberry Pi

Avec la nouvelle carte SD prête à l'emploi, le moment est venu d'assembler le Raspberry Pi. Vous n'aurez pas besoin d'un clavier ou d'une souris connecté à votre Raspberry Pi, mais simplement d'un câble HDMI pour connecter votre Pi à un écran, d'un câble Ethernet connecté à votre routeur, puis insérez la carte SD. Une fois ces périphériques branchés, vous êtes prêt à brancher l’alimentation et à démarrer le périphérique Pi..

Premier démarrage

Screenly affiche l'adresse IP du périphérique au premier démarrage. Accéder au panneau de commande via un navigateur Web.

Pour le premier démarrage, le Raspberry Pi aura un peu plus de temps que d'habitude à démarrer, car il a beaucoup de configuration en coulisse à compléter. Une fois le démarrage terminé, vous verrez un écran indiquant l'adresse IP et le numéro de port attribué par le routeur à Raspberry Pi.. 

Notez-les car vous en aurez besoin plus tard. En règle générale, l’adresse IP se trouve dans la plage IP interne de votre routeur et le numéro de port est 8080; l’adresse peut donc ressembler à [Adresse IP de Raspberry Pi]: 8080. Ou, dans mon cas, 192.168.0.27:8080

Utilisation de Screenly Open Source Edition

Pour administrer l’application Screenly, vous devez ouvrir une session de navigateur sur votre ordinateur. Dans la barre d’adresse, tapez l’adresse IP et le numéro de port indiqués précédemment..

Vous verrez maintenant un écran, semblable à l'image ci-dessous, qui constitue le point de départ du projet..

L'aperçu du calendrier Screenly

Travailler avec des actifs

Les actifs sont les éléments individuels de contenu qui sont placés dans la planification. Les atouts peuvent être des images, des vidéos ou des pages Web..

Les actifs sont soit actifs, soit inactifs. Les actifs actifs sont ceux qui sont utilisés dans la planification et les actifs inactifs ne sont pas utilisés.

Pour ajouter un atout, cliquez sur Ajouter un actif en haut à droite de l'écran pour afficher quelque chose de similaire à:

Ajout d'un actif
  • Les actifs peuvent être téléchargés, ou liés à, via une URL 
  • Dans ce guide, vous allez télécharger du contenu qui sera stocké sur le Raspberry Pi.
  • Attribuez un surnom au nouvel actif afin qu'il puisse être facilement identifié.
  • Cliquez sur Télécharger
  • Choisissez le fichier que vous souhaitez utiliser. Le type d’actif changera en fonction du contenu que vous téléchargez.
  • Si le contenu est sensible au temps, vous pouvez modifier la date de début et de fin de tout élément.
  • Modifiez la durée pour que les clients puissent lire le contenu. Dix secondes suffisent généralement

Une fois l’actif créé, il est placé dans la section des actifs inactifs, comme indiqué:

Actif inactif

Pour activer un actif, vous devez cliquer sur le bouton Allumé éteint commutateur situé à droite de l'actif. L'actif passera maintenant à la Actifs actifs section et sera utilisé dans le calendrier.

Contenu de planification

La planification est l'endroit où la séquence d'actifs que vous souhaitez afficher, à l'écran, est créée. Dites à Screenly ce qu’il faut montrer, la durée et changez rapidement la séquence pour répondre à vos exigences. J'ai créé deux les atouts, appelé Maison 1 et Maison 2. Ce sont simples .png fichiers image que j'ai créés dans Inkscape pour ce tutoriel.

Chaque élément sera affiché à l'écran pendant dix secondes avant de passer à l'élément suivant. Une fois que tous les actifs ont été affichés, la planification reprendra au début..

La séquence est facilement modifiable de sorte qu'un élément particulier soit lu à un certain stade: dans la séquence, cliquez avec le bouton gauche de la souris et maintenez le bouton de la souris enfoncé sur l'élément actif que vous souhaitez déplacer, puis faites-le glisser dans le programme.. 

Notez que vous ne pouvez pas déplacer un actif actif vers les actifs inactifs et inversement. Pour déplacer des actifs entre les deux, vous devrez les activer. sur ou de.

Conception du contenu pour l'écran

Screenly peut être utilisé sur n’importe quelle taille d’écran, mais il est important que vous conceviez votre contenu pour l’écran que vous utiliserez. Pour ce tutoriel, j'ai utilisé Inkscape pour concevoir du contenu avec une résolution de 1920x1080, qui est la résolution standard d'un téléviseur 1080p..

Un modèle créé dans Inkscape

Ajout de vidéo

Screenly Open Source Edition est un peu difficile en matière de vidéo. Toute vidéo que vous souhaitez lire doit être mp4 ou H264 codé. Si vous souhaitez lire d'autres types de vidéo, vous devez acheter la version professionnelle de Screenly..

Résultats

Dans ce tutoriel, j'ai montré comment construire un système publicitaire qui fournira à une agence immobilière un design accrocheur et un moyen simple de gérer le contenu.. 

Ce projet peut être étendu afin de diffuser différentes informations pour les clubs, les concessionnaires automobiles et les magasins de sport. En fait, partout où un affichage d'informations en rotation serait utile.