Návod na vytvorenie obsahu TV

Na vytvorenie obsahu pre TV na 5. poschodi sa používa softvér AMX InspiredSignage Xpress. Softvér je prístupný na dedikovanom stroji určenom pre upload obsahu na TV - kpisignage (správca Feciľak, Michalko).

Po otvorení programu je dostupné nasledujúce okno:

• 1 - zoznam zariadení DigitalSignage IS-SPX - zariadenia AMX, na ktoré sa vytvorený obsah nahráva a cez ne je distribuovaný na TV.
• 2 - nami vytvorené projekty
• 3 - predvytvorený obsah už obsiahnutý v programe

My devices

Zoznam zariadení pripojených na sieť:

• 1460 - TV pred B521
• 1680 - TV na chodbe v B
• 1749 - TV na chodbe v A

My projects

Obsahuje všetky vytvorené projekty v programe, projekty sa ukladajú do adresára C:\Documents and Settings\admin\My Documents\AMX\XPress\My Projects

My Templates

Predvytvorený obsah dodaný už s programom, obsahuje napríklad rôzne pozadia v HD rozlíšení, digitálne hodiny, análogové hodiny, čítačku RSS feedov a pod.

Vytvorenie nového projektu

Nový projekt vytvoríme pomocou pravého kliku v otvorenom adresári My Projects a z kontextového menu New Project -> Aspect 16:9. Vytvoril sa nám nový adresár s názvom "New Project". Cez kontextové menu ho môžme vhodne premenovať (Rename). Dvojklikom nový projekt otvoríme. Obsahuje jediný súbor s názvom index.svg. Tento súbor je veľmi dôležitý (je možné ho však zmazať, znova vytvoriť, a pod.), pretože obsahuje playlist obsahu, ktorý sa na TV zobrazí (podobne ako s web stránkami).

Softvér pracuje s kombináciou SVG súborov, playlistov a vrstiev. Index.svg je vždy len playlist, to znamená, že bude obsahovať len zoznam jednotlivých SVG súborov, ktoré sa budú dookola (alebo ako si nastavíme) zobrazovať na TV.

Cez pravý klik si vytvoríme New SVG file->Aspect 16:9 a dvojklikom nový súbor otvoríme (kedykoľvek možno súbory premenovať).

V tomto okne sa vpravo nachádza zoznam vrstiev v SVG súbore a hore je živý náhľad na vytvorený obsah, s možnosťou prehrať. V novom SVG sa už nachádza jedna vrstva, obsahujúca textové pole. Textové pole je možné pridať pomocou nástroja New text layer:

Vytvoríme si jednoduchý projekt s pozadím, RSS feedom a dvoma striedajúcimi sa obrázkami. Do projektu je možné nahrávať akýkoľvek obsah cez kontextové menu v projekte - Upload a výberom požadovaného súboru. Program podporuje obrazové formáty ako PNG, JPEG, GIF a pod. Po nahratí súboru ho máme uložený v projekte. Súbory je možné prenášať medzi jednotlivými projektmi, alebo medzi My Templates a projektmi jednoduchým drag & dropom medzi jednotlivými adresármi:

Pozadie sa takisto drag&dropom presunie medzi Layers. Vrstvy na vrchu v zozname sú na spodku obrazu. V náhľade cez kontextové menu vieme pozadie roztiahnuť pomocou Full screen.

Teraz si pridáme dva obrázky, ktoré sa budú dookola striedať. Toto dosiahneme tak, že vytvoríme nový playlist - kontextové menu v projekte New Playlist. Do projektu si nahráme dva ľubovolné obrázky, otvoríme nový playlist (nesmie sa volať index.svg!) a presunieme tieto dva obrázky do zoznamu Media v pravo. Po kliknutí na Play ikonu vidíme tieto dva obrázky rotovať po 5 sekúnd. Ak chceme zmeniť čas trvania jedného obrázka, klikneme na Properties na spodku zoznamu a zmeníme hodnotu Default slide duration na požadovanú dobu. V playliste, ktorý sa práve vysiela na TV je táto hodnota 25 sekúnd. Potvrdíme Enterom a klikneme na Apply. Teraz sa počas prehrávania playlistu budú obrázky striedať až po 25 sekukndách.

Ak chceme tieto dva striedajúce sa obrázky zobraziť na predtým vytvorenom pozadí, jednoducho otvoríme SVG, ktoré pozadie obsahuje a drag&dropom presunieme tento playlist medzi vrstvy:

Po prehratí tohto SVG vidíme, že pozadie ostáva statické a striedajú sa len dva obrázky v playliste. Teraz do tohto SVG pridáme RSS feed. Tento modul sa nachádza v My Templates->News->News_ticker.svg. Pretiahneme ho do nášho projektu a vložíme ako vrstvu do SVG úplne na vrch (čiže v zozname Layers ako posledný). Dvojklikom na túto vrstvu si otvoríme nastavenia RSS čítačky a zmenou RSS Feed Source vložíme URL na RSS stránky, napríklad RSS zo zena.sme.sk:

Potvrdíme Enterom a klikneme na Apply. V náhľade zmeníme veľkosť vrstvy a po kliknutí na prehrať vidíme naše správy na požadovanom mieste:

RSS feed je úplne bez úprav, jeho rýchlosť je možné zmeniť v nastaveniach čítačky - Crawl speed. Jednotlivé novinky tiež nie sú nijako oddelené - syntax zobrazovania je v nastaveniach pod položkou Layout. Pre súčasný projekt na TV je syntax "[SPX][title] ::".

Zatiaľ sme si ukázali ako skombinovať rôzne vrstvy - obrázky, playlisty a klasické SVG. Teraz je všetko potrebné presunúť do playlistu index.svg. Stačí presunúť náš pracovný SVG súbor do playlistu index.svg (ak nie je na celú obrazovku, stačí ho roztiahnuť). Tento playlist bude obsahovať len jeden SVG. Keďže sa nemá táto jedna položka s čím striedať, program automaticky nastaví túto jednu položku na cyklenie - indikuje to čierna šípka v zozname Media v playliste.

Ak je projekt hotový a uložený a hlavne je všetko potrebné v súbore index.svg, možno celý projekt drag & dropom preniesť do My Devices na jednotlivé zariadenia a obsah bude okamžite viditeľný na TV. Projekt vytvorený v tomto návode je možné stiahnúť tu:

https://wiki.cnl.sk/pub/Main/NavodNaInspiredSignage/testpr.zip

Poznámka

Súbory vytvárané týmto programom sú textové - editovateľné textovým editorom, preto je možné niektoré prvky jednoducho upravovať aj mimo programu (napríklad zmeniť farbu pozadia/písma a pod.). Zariadenia podporujú aj PHP a JavaScript , zdrojový kód RSS čítačky je napríklad prístupný buď editovaním priamo súboru v projekte, alebo dvojklikom v projekte na news_crawler, v pravo dole na karte XML_TREE pod tagom script. RSS čítačka je napríklad v JavaScripte , no vytvorené hodiny v My Templates sú napísané v PHP. Preto je možné pomocou týchto jazykov napísať ľubovoľný modul a použiť ho v obsahu.

Súčasný projekt

Obsah, ktorý sa zobrazuje na TV v súčasnosti, je uložený v projekte s názvom projekt. Obsahuje hlavný playlist index.svg a jedno hlavné SVG s názvom New.svg. Toto SVG obsahuje ako spodnú vrstvu playlist obrázkov - v súbore obrazky.svg, RSS čítačku pre správy z DSL.sk a textové pole DSL.sk. Čítačka bola editovaná mimo programu v textovom editore, aby mala biele pozadie pod čiernym textom.

-- Main.domanik - 07 Nov 2011