Erstellen von Raspberry Pi-Werbedisplays

Himbeer-Pi

Bei dem Raspberry Pi handelt es sich um einen Computer im Wert von £ 25 / $ 35, der ursprünglich entwickelt wurde, um das Problem des Rückgangs der Computerkenntnisse von Kindern in Großbritannien zu lösen. Es wurde seitdem von einer eifrigen Gemeinschaft von Hackern und Machern neu konzipiert und kann überall auf der Welt als Antriebsprojekt gefunden werden.

Zielsetzung

Mit einer Raspberry Pi und Screenly-Software zeige ich Ihnen, wie Sie ein Gerät erstellen, das Werbeinhalte für ein Immobilienfenster anzeigt. Ich erkläre, wie Sie mit einem Zeitplan den Inhalt über einen Laptop steuern können, der mit demselben Netzwerk wie das Raspberry Pi verbunden ist.

Bedarf

  • Ein Himbeer-Pi
  • Eine leere SD-Karte mit mindestens 4 GB Kapazität
  • TV / Monitor mit HDMI-Anschluss
  • HDMI Kabel
  • Kabelgebundener Netzwerkzugriff für Ihren Raspberry Pi und Ihren Laptop

Screenly

Screenly ist ein Betriebssystem für den Raspberry Pi. Ihr einziger Zweck besteht darin, Digital Signage über eine einfach zu verwendende Webseite zu erstellen. Nach dem Kopieren auf eine SD-Karte wird auf Screenly über eine Webschnittstelle zugegriffen, die später in diesem Lernprogramm behandelt wird. 

SD-Karte erstellen

Laden Sie eine Kopie des Screenly-Betriebssystems von der Screenly-Website herunter. Ich verwende die Open-Source-Version der Software, die zwar völlig kostenlos ist, jedoch einige Einschränkungen aufweist, die später erläutert werden.

Laden Sie die ZIP-Datei auf Ihren Computer herunter und legen Sie Ihre leere SD-Karte in den entsprechenden Steckplatz Ihres Computers ein. Die ZIP-Datei enthält eine Image-Datei, die das vollständige Screenly-Betriebssystem ist. Extrahieren Sie die ZIP-Datei auf Ihre Festplatte.

Nun, da Sie das Bild haben, müssen Sie es auf Ihre SD-Karte kopieren.

Verwenden eines Bildes

Erstellen einer Screenly-SD-Karte über die Befehlszeile in Terminal auf einem Mac

Ein Image ist eine Momentaufnahme eines funktionierenden Betriebssystems. Es handelt sich um eine Byte-für-Byte-Kopie der ursprünglichen Installation. Da alle Raspberry Pi-Modelle dieselbe Architektur haben, können Sie ein Image verwenden, um Betriebssysteme schnell freizugeben.

Das Erstellen Ihrer SD-Karte wird für Mac, Windows und Linux unterschiedlich gehandhabt. Screenly enthält eine Anleitung zum Einrichten einer Screenly SD-Karte unter Mac, Linux oder Windows. 

Einrichten des Himbeer-Pi

Mit der neuen SD-Karte ist es nun an der Zeit, den Raspberry Pi zusammenzubauen. Sie benötigen keine Tastatur oder Maus, die an Ihren Raspberry Pi angeschlossen ist, sondern lediglich ein HDMI-Kabel, um Ihren Pi mit einem Bildschirm zu verbinden, ein Ethernet-Kabel, das an Ihren Router angeschlossen ist, und dann die SD-Karte einlegen. Sobald diese Peripheriegeräte angeschlossen sind, können Sie das Netzteil einstecken und den Pi starten.

Erster Start

Zeigt beim ersten Start die IP-Adresse des Geräts an. Greifen Sie über einen Webbrowser auf das Bedienfeld zu.

Beim ersten Start benötigt der Raspberry Pi etwas mehr Zeit als normal, um zu starten, da er ziemlich viele Einstellungen hinter den Kulissen hat. Sobald der Startvorgang abgeschlossen ist, wird ein Bildschirm mit der IP-Adresse und Portnummer angezeigt, die der Router dem Raspberry Pi zugewiesen hat. 

Notieren Sie sich diese, da Sie sie später brauchen werden. Normalerweise befindet sich die IP-Adresse für Ihren Router im internen IP-Bereich und die Portnummer ist 8080, so dass die Adresse möglicherweise aussieht [IP-Adresse des Himbeer-Pi]: 8080. Oder in meinem Fall, 192.168.0.27:8080

Screenly Open Source Edition verwenden

Um die Screenly-Anwendung zu verwalten, müssen Sie eine Browsersitzung auf Ihrem Computer öffnen und in die Adressleiste die IP-Adresse und die Portnummer eingeben, die Sie zuvor notiert haben.

Sie sehen jetzt einen Bildschirm, ähnlich dem Bild unten, der den Startpunkt für das Projekt darstellt.

Die Screenly-Übersicht

Mit Assets arbeiten

Assets sind die einzelnen Inhalte, die in den Zeitplan eingefügt werden. Assets können Bilder, Videos oder Webseiten sein.

Assets sind entweder aktiv oder inaktiv. Aktive Assets sind solche, die im Zeitplan verwendet werden, und inaktive Assets werden nicht verwendet.

Um ein Asset hinzuzufügen, klicken Sie auf Asset hinzufügen oben rechts auf dem Bildschirm, um Folgendes anzuzeigen:

Asset hinzufügen
  • Assets können über eine URL hochgeladen oder verlinkt werden 
  • In diesem Handbuch laden Sie einige Inhalte hoch, die auf dem Raspberry Pi gespeichert werden
  • Geben Sie dem neuen Asset einen Spitznamen, damit es leicht identifiziert werden kann.
  • Klicken Hochladen
  • Wählen Sie aus, welche Datei Sie verwenden möchten, und der Assettyp wird abhängig vom hochgeladenen Inhalt geändert
  • Wenn der Inhalt zeitabhängig ist, können Sie das Start- und Enddatum eines Assets ändern
  • Ändern Sie die Dauer, damit Kunden den Inhalt lesen können. Zehn Sekunden sind normalerweise ausreichend

Nachdem das Asset erstellt wurde, wird es wie folgt in den Abschnitt für inaktive Assets platziert:

Inaktives Asset

Um ein Asset zu aktivieren, müssen Sie auf das Symbol klicken an aus Schalter rechts neben dem Asset. Das Asset wird jetzt in den Bereich verschoben Aktive Vermögenswerte Abschnitt und wird im Zeitplan verwendet.

Inhalt einplanen

Im Zeitplan wird die Reihenfolge der Assets erstellt, die Sie auf dem Bildschirm anzeigen möchten. Sagen Sie Screenly, was angezeigt werden soll, die Dauer und ändern Sie schnell die Reihenfolge, um Ihre Anforderungen zu erfüllen. Ich habe zwei geschaffen Vermögenswerte, namens Haus 1 und Haus 2. Das ist einfach .png Bilddateien, die ich in Inkscape für dieses Lernprogramm erstellt habe.

Jedes Asset wird zehn Sekunden lang auf dem Bildschirm angezeigt, bevor es zum nächsten Asset wechselt. Sobald alle Assets angezeigt wurden, wird der Zeitplan an den Anfang zurückgeführt.

Die Reihenfolge lässt sich leicht ändern, sodass ein bestimmtes Asset zu einem bestimmten Zeitpunkt abgespielt wird: Klicken Sie in der Sequenz mit der linken Maustaste auf das aktive Asset, das Sie verschieben möchten, und halten Sie es gedrückt. Ziehen Sie es dann entlang des Zeitplans. 

Beachten Sie, dass Sie ein aktives Asset nicht zu den inaktiven Assets verschieben können und umgekehrt. Um Assets zwischen den beiden zu verschieben, müssen Sie sie drehen auf oder aus.

Inhalt für den Bildschirm gestalten

Screenly kann auf jeder Bildschirmgröße verwendet werden, es ist jedoch wichtig, dass Sie Ihren Inhalt für den Bildschirm entwerfen, den Sie verwenden werden. In diesem Tutorial habe ich Inkscape verwendet, um Inhalte mit einer Auflösung von 1920 x 1080 zu entwerfen, was die Standardauflösung für einen 1080p-Fernseher ist.

Eine in Inkscape erstellte Vorlage

Video hinzufügen

Screenly Open Source Edition ist ein wenig wählerisch, wenn es um Videos geht. Jedes Video, das Sie abspielen möchten, muss sein mp4 oder H264 codiert. Wenn Sie andere Videotypen abspielen möchten, müssen Sie die Pro-Version von Screenly erwerben.

Ergebnisse

In diesem Tutorial habe ich gezeigt, wie man ein Werbesystem aufbaut, das einem Immobilienbüro ein auffälliges Design und eine einfache Verwaltung der Inhalte bietet. 

Dieses Projekt kann erweitert werden, um verschiedene Informationen für Clubs, Autohäuser und Sportgeschäfte zu veröffentlichen. Überall dort, wo eine Anzeige von rotierenden Informationen nützlich wäre.