Reclameschermen voor Raspberry Pi maken

Raspberry Pi

De Raspberry Pi is een £ 25 / $ 35-computer die oorspronkelijk is gemaakt om het probleem van de achteruitgang van de computervaardigheden van kinderen in het VK op te lossen. Sindsdien is het heropgericht door een enthousiaste community van hackers en makers en kan het worden ingezet voor projecten over de hele wereld.

Doelstelling

Met behulp van een Raspberry Pi- en Screenly-software laat ik u zien hoe u een apparaat kunt maken dat reclame-inhoud voor een onroerend goed-venster weergeeft. Ik zal uitleggen hoe je een schema gebruikt om de inhoud te besturen via een laptop die is verbonden met hetzelfde netwerk als de Raspberry Pi.

Vereisten

  • Een Raspberry Pi
  • Een lege SD-kaart met minimaal 4 GB aan capaciteit
  • TV / Monitor met HDMI-poort
  • HDMI kabel
  • Bedrade netwerktoegang voor uw Raspberry Pi en laptop

Screenly

Screenly is een besturingssysteem gebouwd voor de Raspberry Pi. Het enige doel ervan is het creëren van digitale borden via een eenvoudig te gebruiken webpagina. Eenmaal gekopieerd naar een SD-kaart, is toegang tot Screenly mogelijk door een webinterface te bezoeken die later in deze zelfstudie aan bod komt. 

Een SD-kaart maken

Download een exemplaar van het Screenly-besturingssysteem van de website van Screenly. Ik gebruik de open source-versie van de software, die volledig gratis te gebruiken is, maar bepaalde beperkingen heeft, later uitgelegd.

Download het zip-bestand naar uw computer en plaats uw lege SD-kaart in de relevante sleuf op uw computer. Het zip-bestand bevat een beeldbestand dat het volledige Screenly-besturingssysteem is, extraheert het zip-bestand naar uw harde schijf.

Nu dat je de afbeelding hebt, moet je deze naar je SD-kaart kopiëren.

Een afbeelding gebruiken

Een gescreende SD-kaart maken vanaf de opdrachtregel in Terminal op een Mac

Een afbeelding is een momentopname van een werkend besturingssysteem. Het is een byte voor byte-kopie van de originele installatie en omdat alle Raspberry Pi-modellen dezelfde architectuur hebben, kunt u een afbeelding gebruiken om snel besturingssystemen te delen.

Het maken van uw SD-kaart wordt anders behandeld voor Mac, Windows en Linux. Screenly heeft een handleiding voor het instellen van een Screenly SD-kaart met behulp van Mac, Linux of Windows. 

De Raspberry Pi instellen

Met de nieuwe SD-kaart klaar voor gebruik, is het nu tijd om de Raspberry Pi te monteren. U hebt geen toetsenbord of muis nodig die op uw Raspberry Pi is aangesloten, alleen een HDMI-kabel om uw Pi op een scherm aan te sluiten, een ethernetkabel die op uw router is aangesloten en plaats vervolgens de SD-kaart. Zodra deze randapparatuur is aangesloten, bent u klaar om de voeding in te brengen en de Pi op te starten.

Eerste boot

Geeft het IP-adres van het apparaat op het eerste moment weer. Open het configuratiescherm via een webbrowser.

Voor de eerste keer opstarten heeft de Raspberry Pi het iets langer nodig dan normaal om te starten, omdat er nogal wat achter-de-schermen-configuratie is om te voltooien. Nadat het opstarten is voltooid, ziet u een scherm met het IP-adres en poortnummer dat de router heeft toegewezen aan de Raspberry Pi. 

Noteer deze, want u hebt ze later nodig. Het IP-adres bevindt zich meestal in het interne IP-bereik van uw router en het poortnummer is 8080, dus het adres kan er als volgt uitzien: [IP-adres van Raspberry Pi]: 8080. Of, in mijn geval, 192.168.0.27:8080

Met behulp van Screenly Open Source Edition

Om de Screenly-applicatie te beheren, moet je een browsersessie op je computer openen en in de adresbalk het IP-adres en het poortnummer typen dat je eerder hebt genoteerd.

Je ziet nu een scherm, vergelijkbaar met de afbeelding hieronder, dat het startpunt is voor het project.

Het overzichtsschema Screenly

Werken met activa

Activa zijn de afzonderlijke stukjes inhoud die in het schema worden geplaatst. Activa kunnen afbeeldingen, video's of webpagina's zijn.

Activa zijn actief of inactief. Actieve activa zijn activa die worden gebruikt in de planning en inactieve activa worden niet gebruikt.

Klik op om een ​​item toe te voegen Asset toevoegen in de rechterbovenhoek van het scherm om iets te laten zien dat lijkt op:

Een activum toevoegen
  • Activa kunnen via een URL worden geüpload of gekoppeld aan 
  • In deze gids upload je wat inhoud die op de Raspberry Pi wordt opgeslagen
  • Geef het nieuwe item een ​​bijnaam, zodat het gemakkelijk kan worden geïdentificeerd.
  • Klik Uploaden
  • Kies welk bestand u wilt gebruiken, het activumtype zal veranderen afhankelijk van de inhoud die u uploadt
  • Als de inhoud tijdsgevoelig is, kunt u de start- en einddatum van een item wijzigen
  • Wijzig de duur zodat klanten de inhoud kunnen lezen. Tien seconden is meestal voldoende

Nadat het activum is gemaakt, wordt het in het gedeelte inactieve activa geplaatst, zoals weergegeven:

Inactief actief

Om een ​​actief actief te maken, moet u klikken op de aan uit schakelaar rechts van het activum. Het activum gaat nu naar de Actieve activa sectie en wordt gebruikt in het schema.

Inhoud plannen

In het schema wordt de reeks items gemaakt die u op het scherm wilt weergeven. Vertel Screenly wat te laten zien, de duur en verander snel de volgorde om aan uw vereisten te voldoen. Ik heb er twee gemaakt middelen, riep Huis 1 en Huis 2. Deze zijn eenvoudig .png afbeeldingsbestanden die ik in Inkscape heb gemaakt voor deze zelfstudie.

Elk activum zal tien seconden op het scherm staan ​​alvorens naar het volgende activum te gaan. Zodra alle activa zijn weergegeven, loopt het schema terug naar het begin.

De volgorde kan eenvoudig worden gewijzigd zodat een bepaald item in een bepaald stadium wordt afgespeeld: klik in de reeks met de linkermuisknop en houd de muisknop ingedrukt over het actieve item dat u wilt verplaatsen en sleep het vervolgens over het schema. 

Merk op dat u een actief activum niet naar de niet-actieve activa kunt verplaatsen en omgekeerd. Om activa tussen de twee te verplaatsen, moet u ze omdraaien op of uit.

Inhoud voor het scherm ontwerpen

Screenly kan op elk schermformaat worden gebruikt, maar het is belangrijk dat u uw inhoud ontwerpt voor het scherm dat u gaat gebruiken. Voor deze tutorial gebruikte ik Inkscape om inhoud te ontwerpen met een resolutie van 1920x1080, de standaardresolutie voor een 1080p-televisie.

Een sjabloon gemaakt in Inkscape

Video toevoegen

Screenly Open Source Edition is een beetje kieskeurig als het om video gaat. Elke video die je wilt spelen moet dat zijn mp4 of H264 gecodeerd. Als u andere soorten video wilt spelen, moet u de pro-versie van Screenly aanschaffen.

resultaten

In deze tutorial heb ik laten zien hoe een reclamesysteem te bouwen dat een vastgoedkantoor een opvallend ontwerp en een eenvoudige manier biedt om de inhoud te beheren. 

Dit project kan worden uitgebreid om verschillende informatie voor clubs, autodealers en sportwinkels te adverteren. Sterker nog, overal waar een weergave van roterende informatie nuttig zou zijn.