Crearea afișărilor publicitare pentru zmeura Pi

Zmeura Pi

Raspberry Pi este un calculator de 25 de lire sterline / $ 35 creat inițial pentru a ajuta la rezolvarea problemei unui declin al abilităților de calcul al copiilor din Marea Britanie. De atunci, a fost re-intenționată de o comunitate de hackeri și factori de decizie și poate fi găsit proiecte de alimentare din întreaga lume.

Obiectiv

Folosind software-ul Raspberry Pi și Screenly, vă voi arăta cum să creați un dispozitiv care să afișeze conținut publicitar pentru o fereastră imobiliară. Voi explica cum să utilizați un program pentru a controla conținutul printr-un laptop conectat la aceeași rețea ca la Raspberry Pi.

cerinţe

  • O zmeură Pi
  • Un card SD gol, cu o capacitate de cel puțin 4 GB
  • TV / Monitor cu port HDMI
  • Cablu HDMI
  • Acces prin rețea prin cablu pentru laptopul dvs. Raspberry Pi și laptop

Screenly

Screenly este un sistem de operare construit pentru Raspberry Pi. Scopul său unic este de a crea semne digitale printr-o pagină web simplă. Odată copiat pe un card SD, Screenly este accesat vizitând o interfață web care este acoperită mai târziu în acest tutorial. 

Crearea unui card SD

Descărcați o copie a sistemului de operare Screenlay de pe site-ul Screenly. Folosesc versiunea open source a software-ului, care este complet liberă de utilizare, dar are anumite limitări, explicată ulterior.

Descărcați fișierul zip pe computer și introduceți cardul SD gol în slotul relevant al computerului. Fișierul zip conține un fișier imagine care este întregul sistem de operare Screen, extrage fișierul zip pe hard disk.

Acum, că aveți imaginea, trebuie să o copiați pe cardul SD.

Utilizarea unei imagini

Crearea unui card SD de pe linia de comandă în Terminal pe un Mac

O imagine este un instantaneu al unui sistem de operare. Este un octet pentru o copie de octet a instalării originale și datorită tuturor modelelor Raspberry Pi având aceeași arhitectură, puteți utiliza o imagine pentru a partaja rapid sistemele de operare.

Crearea cardului dvs. SD este tratată diferit pentru Mac, Windows și Linux. Screenly are un ghid pentru configurarea unui card Screenaly SD utilizând Mac, Linux sau Windows. 

Configurarea zmeii Pi

Cu noul card SD gata de plecare, acum este momentul pentru a asambla Raspberry Pi. Nu veți avea nevoie de o tastatură sau de mouse atașată la Raspberry Pi, doar un cablu HDMI pentru a vă conecta dispozitivul Pi la un ecran, un cablu ethernet atașat la router și apoi introduceți cardul SD. Odată ce aceste periferice au fost conectate, sunteți gata să introduceți sursa de alimentare și să încărcați dispozitivul Pi.

Primul boot

Ecranul afișează adresa IP a dispozitivului la prima încărcare. Accesați panoul de control prin intermediul unui browser web.

Pentru primul boot, Raspberry Pi va dura puțin mai mult decât normal pentru a începe, deoarece are o mulțime de configurații în spatele scenei pentru a le finaliza. Odată ce boot-ul este finalizat, veți vedea un ecran care arată adresa IP și numărul de port pe care router-ul le-a alocat la Raspberry Pi. 

Faceți o notă de aceste lucruri, după cum veți avea nevoie mai târziu. În mod obișnuit, adresa IP va fi în intervalul IP intern, pentru router, iar numărul portului este 8080, astfel încât adresa ar putea să arate [Adresa IP a zmeii Pi]: 8080. Sau, în cazul meu, 192.168.0.27:8080

Folosind Screenlight Open Source Edition

Pentru a administra aplicația Screenly trebuie să deschideți o sesiune de browser pe computer și în bara de adrese introduceți adresa IP și numărul portului pe care l-ați notat anterior.

Veți vedea acum un ecran, similar cu imaginea de mai jos, care este punctul de plecare pentru proiect.

Prezentarea generală a ecranului ecranului

Lucrul cu active

Activele sunt piesele individuale de conținut care sunt plasate în program. Activele pot fi imagini, videoclipuri sau pagini web.

Activele sunt active sau inactive. Activele active sunt cele care sunt utilizate în program, iar activele inactive nu sunt utilizate.

Pentru a adăuga un material, faceți clic pe Adăugați un activ în partea din dreapta sus a ecranului pentru a afișa ceva similar cu:

Adăugarea unui activ
  • Activele pot fi încărcate sau conectate prin intermediul unei adrese URL 
  • În acest ghid veți încărca conținut care va fi stocat pe zmeura Pi
  • Oferiți noului element o poreclă, astfel încât să poată fi ușor identificată.
  • Clic Încărcați
  • Alegeți ce fișier doriți să utilizați tipul de material se va schimba în funcție de conținutul pe care îl încărcați
  • Dacă conținutul este sensibil la timp, puteți modifica data de începere și de încheiere a oricărui element
  • Modificați durata astfel încât clienții să poată citi conținutul. Zece secunde sunt de obicei suficiente

Odată ce activul este creat, acesta este plasat în secțiunea de active inactive după cum se arată:

Activ inactiv

Pentru a face un activ activ, trebuie să faceți clic pe on / off comutator situat în partea dreaptă a activului. Activul va trece acum la Active active secțiune și vor fi utilizate în program.

Programarea conținutului

Programul este locul în care este creată secvența de active pe care doriți să o afișați pe ecran. Spuneți ecranului ce trebuie afișat, durata și modificați rapid succesiunea pentru a îndeplini cerințele dvs. Am creat două bunuri, denumit Casa 1 și Casa 2. Acestea sunt simple .png fișiere imagine pe care le-am creat, în Inkscape, pentru acest tutorial.

Fiecare element va apărea pe ecran timp de zece secunde înainte de a trece la următorul element. Odată ce toate activele au fost afișate, programul va reveni la început.

Secvența este ușor modificată astfel încât un anumit element să fie jucat într-o anumită etapă: în secvență, faceți clic stânga și mențineți apăsat butonul mouse-ului peste activul activ pe care doriți să-l mutați și apoi trageți-l în jurul programului. 

Rețineți că nu puteți muta un activ activ către activele inactive și invers. Pentru a muta activele între cele două, va trebui să le transformați pe sau de pe.

Proiectarea conținutului pentru ecran

Ecranul poate fi folosit pe orice dimensiune a ecranului, dar este important să proiectați conținutul pentru ecranul pe care îl veți folosi. Pentru acest tutorial, am folosit Inkscape pentru a crea un conținut cu o rezoluție de 1920x1080, care este rezoluția standard pentru o televiziune de 1080p.

Un șablon creat în Inkscape

Adăugarea videoclipului

Screensaver Open Source Edition este un pic cam captivant cand vine vorba de video. Orice videoclip pe care doriți să îl jucați trebuie să fie mp4 sau H264 codificat. Dacă doriți să redați alte tipuri de videoclipuri, atunci va trebui să achiziționați versiunea pro a ecranului.

Rezultate

În acest tutorial am arătat cum să construiți un sistem publicitar care să ofere un birou imobiliar cu un design atractiv și un mijloc simplu de a administra conținutul. 

Acest proiect poate fi extins pentru a face publicitate diferitelor informații pentru cluburi, dealeri auto și magazine de sport. De fapt, oriunde ar fi utilă afișarea informațiilor rotative.