Uporabniška navodila Info Table - Računalniški center Univerze v

Uporabniška navodila
za spletno aplikacijo digitalnega oglaševanja vsebin
Info Table
Pripravil: Danilo Majhenič
Pregledali in uredili: Katja Harej Pulko, Miha Kočar
Različica: 1.1
Maribor, marec 2010
Zadnja posodobitev 20.april 2010
Kazalo
Opis rešitve ..................................................................................... 3
Tehnična predpriprava vsebin ................................................................ 3
Omejitve vmesnika – uporaba šumnikov ................................................. 4
Uporaba šumnikov pri opisih vsebin znotraj spletnega vmesnika, ni dovoljena
(same vsebine pa lahko vsebujejo šumnike). ........................................... 4
Vmesnik XIBO ................................................................................... 4
Nalaganje vsebin ............................................................................ 7
Dodajanje predvajalne vsebine (Layout) ................................................ 9
Dodajanje in spreminjanje regij (napredno) ........................................... 12
Urejanje urnika (Schedule) ............................................................... 14
Privzet predvajalni seznam ............................................................... 15
Predogled - Broadcasting .................................................................. 16
Uporabniki sistema............................................................................ 16
Primeri .......................................................................................... 17
Vključevanje RSS (napredno) ............................................................. 17
Dodajanje videov iz YouTube, Vimeo, ipd. (napredno) ............................... 17
Galerija slik s pomočjo PowerPoint...................................................... 18
Prikaz datuma............................................................................... 19
Stran 2 od 19
Opis rešitve
LCD televizije (v nadaljevanju InfoTable) za digitalno oglaševanje na posameznih
članicah in rektoratu Univerze v Mariboru, so opremljene z odprtokodnim sistemom
XIBO, ki v prvi vrsti omogoča objavljanje vsebin na eni ali več lokacijah (LCD).
Sistem omogoča prikazovanje slik, video posnetkov, spletnih vsebin, novičarskih
kanalov (RSS), besedil in predstavitev. Objave temeljijo na osnovi urnika, s čimer
lahko vnaprej pripravimo kdaj naj se določene vsebine prikazujejo. Potreba po
odstranitvi neaktualne objave tako odpade, saj rok aktualnosti vsebine nastavimo
že ob objavi.
Uporabniki sistema so razvrščeni v različne nivoje dostopa. Objavljeno vsebino
lahko drugim uporabnikom nastavijo kot vidno (Public) ali nevidno (Private) s čimer
se tudi prepreči, da bi si uporabniki vsebine pomotoma brisali. Vsebina se na
infoTable nalaga preko spletnega vmesnika.
Omogočena je tudi nastavitev avtomatskega vklopa in izklopa infoTabel, kar
prispeva k ekonomski in ekološki porabi sredstev.
V nadaljevanju so prikazani primeri nalaganja vsebin in splošni napotki za uporabo
spletnega vmesnika Xibo.
Tehnična predpriprava vsebin
Za pravilen prikaz vsebine je potrebno le to prilagoditi širokim zaslonom (razmerje
stranic 16:9). Vsebine se namreč na zaslonih raztegnejo do robov (t.i. fullscreen
oz. celozaslonsko delovanje), zaradi česar pride do popačenega prikaza vsebin, v
kolikor ne opravimo potrebnih prilagoditev.
V powerpoint 2007 to nastavimo v zavihku
načrt in nato kliknemo na Priprava strani.
Izberemo Diaprojekcija na zaslonu (16:9) in
potrdimo.
V powerpoint 2003 to nastavimo, tako da
gremo v Datoteka in nato Priprava strani kjer
v spustnem menuju izberemo Po meri, ter
nastavimo širino 80 cm in višino 45 cm,
nastavitve shranimo. (Slika 1).
Slika 1
Stran 3 od 19
Predstavitve powerpoint je potrebno tehnično nastaviti za predvajanje v zanki.
V powerpoint to nastavimo tako da v menuju
izberemo Diaprojekcija > Priprava
diaprojekcije > izklopimo opcijo prikaži
drsnik, in vklopimo opcijo »ponavljal dokler
ne pritisnemo esc« (Slika 3).
Za predvajanje v zanki je potrebno ob
izdelavi Powerpoint predstavitev, na vsaki
strani tudi nastavit čas predvajanja
strani (Slika 2). Edino tako lahko sistem
samodejno predvaja vse strani v
predstavitvi. V nastavitvah iz slike 3Slika 3
tako nastavimo »Uporabi čase, če
obstajajo«.
Slika 2
Slika 3
Pri dodajanju vsebin (predvsem velja za spletne strani), upoštevajte da je
celozaslonska ločljivost nastavljena na 1366*768 pik.
Omejitve vmesnika – uporaba šumnikov
Uporaba šumnikov pri opisih vsebin znotraj spletnega vmesnika, ni dovoljena
(same vsebine pa lahko vsebujejo šumnike).
Imena datotek (vsebin) naj tudi NE vsebujejo šumnikov.
Vmesnik XIBO
Vmesnik XIBO je spletna aplikacija, ki je dosegljiva na naslovu: https://einfo.unimb.si/
Rokovanje z vmesnikom poteka z različnimi akcijami:
- enojni klik,
- dvojni klik,
- desni klik in
- vnos s tipkovnico.
Ker sta dvojni in desni klik neobičajna pri rabi spletnih strani in tako
nekatere možnosti ne bodo na voljo na prvi pogled, poizkusite tudi z njima.
OPOMBA:
Stran 4 od 19
Postopek nalaganja vsebin na infoTable
UM
Tehnično pripraviti za 16:9 razmerje stranic
Priprava vsebin
Izklopimo opcijo prikaza drsnika (powerpoint)
Vklopimo ponavljanje predvajanja (powerpoint)
Priporočamo, da posamezen predvajalna vsebina predstavlja posamezen
dogodek
Layout
(Predvajalni vsebina)
Za polno zapolnitev zaslona izberemo template: Full screen 16:9
Posamezen zaslon oziroma predvajalno vsebino lahko s pomočjo regij
razdelimo na več delov
Regija
Velikost regiji spreminjamo v spodnjem desnem kotu
Dodatno regijo ustvarimo z desnim klikom, nato Add region
Timeline
(Časovni trak)
Na časovni trak nanizamo vsebino, ki se bo odvijala v posameznem
predvajalnem seznamu
Želite dodati
novo vsebino?
Da
Možne vsebine so:
- Powepoint (ppt, pps, pptx)
- Video (wmv, avi, mpg, mpeg)
- Slike (jpg, jpeg, png, bmp, gif)
- Flash (swf)
- Spletna stran
- Novičarski kanal (RSS/XML)
- Vstavki-Embedded code (lastno definirana HTML koda, YouTube videi, ipd.)
Da
Dodatne regije so primerne za razdeljevanje ekrana, v primeru ko želimo
imeti osnovno predstavitev, poleg nje pa še morebitne druge informacije,
kot recimo informacije z oglasne deske, vreme, ipd.
Ne
Želite dodati
novo regijo?
Ne
Schedule
(Urnik)
V urniku določimo kateri predvajalni seznami se bodo predvajali v določenem
terminu.
V kolikor je dodanih v istem terminu več predvajalnih seznamov, se le-ti
krožno predvajajo en za drugim.
Ta diagram je le okvirni pripomoček za nalaganje vsebin na infoTable. Natančni napotki o tehničnih nastavitvah, so v uporabniških
navodilih infoTabel.
Računalniški center UM, marec
2010
Stran 5 od 19
Dashboard – Namizje. Osnovni zaslon po Schedule – Urnik. Zaslon na katerem
prijavi. Znotraj njega sta povezavi na lahko pogledamo urnik objav za
urnik
(Schedule)
in
urejevalnik posamezno InfoTablo.
predvajalnih
vsebin
(Layout).
V
zgornjem meniju imamo še več izbir.
Slika 5
Slika 4
Layout – Zaslon na katerem lahko Library – Knjižnica z vsebinami, ki jih
ustvarimo in urejamo predvajalne lahko
uporabimo
v
predvajalnih
vsebine.
seznamih (Layout).
Slika 7
Slika 6
Broadcasting – Prikazuje, kaj se v tem Timeline – časovni trak je zaporedje
trenutku predvaja na posameznem predstavitvenih datotek (vsebin).
zaslonu.
Slika 8
Slika 9
Region – Regije. Vsaka predvajalna
vsebina je lahko sestavljena iz ene ali
več regij, ki vsebuje svoj časovni trak.
Slika 10
Stran 6 od 19
Nalaganje vsebin
Datoteke z že pripravljeno vsebino za predvajanje, lahko nalagamo na dva različna
načina. Naložimo jih lahko neposredno v knjižnico (Library), ali jih dodamo pri
izdelavi predvajalne vsebine (Layout).
a) Nalaganje datotek s pomočjo knjižnice (Library)
V meniju izberemo Library, nato kliknemo na Add media s čimer dodamo datoteko
(Slika 11).
Slika 11
Izberemo želeni tip datoteke, ki jo bomo naložili (Slika 12).
Slika 12
V zadnjem koraku nalaganja datoteke v knjižnico:
 določimo datoteko, ki jo bomo naložili (največ 128MB),
 trajanje predvajanja posamezne vsebine (čas nastavimo pri PowerPoint,
Flash in video datotekah, toliko kot traja dejansko, sicer ga odreže, oziroma
dovolimo, da se odvrti večkrat) in
 morebitna preimenovanja.
Opcija Sharing (pravice dostopa) nam omogoča, da določimo, kdo vse lahko vidi, ali
dodaja to datoteko tudi v svoje predvajalne sezname. Privzeta nastavitev je
zasebno – Private, s katero vidi datoteko samo tisti, ki jo je nalagal. Pri nastavitvi
Group – skupina, jo lahko uporabljajo vsi uporabniki iste skupine (uporabniki v
skupine razvrščeni glede na članico UM). Pri nastavitvi Public - javno, lahko
datoteko uporabljajo na vseh InfoTablah članic UM. Opcija Sharing je na voljo tudi
pri predvajalnih seznamih (Layout). V knjižnico dodane vsebine lahko nato
uporabimo v predvajalnih seznamih.
Stran 7 od 19
Slika 13
Opomba: Naložene datoteke, ki so v knjižnici je možno tudi prenesti na svoj
računalnik. Ta funkcija je omogočena v knjižnjici (Library), s klikom na Download v
stolpcu Actions (Slika 11).
b) Nalaganje datoteke pri urejanju predvajalne vsebine je razen v začetnih
korakih enako kot pri nalaganju v knjižnico. Začetni koraki so opisani v
poglavju o dodajanju predvajalne vsebine.
Stran 8 od 19
Dodajanje predvajalne vsebine (Layout)
Na namizju (Dashboard) izberemo Layout (Slika 14Slika 14).
Slika 14
Prikaže se nam seznam predvajalnih vsebin. Novo predvajalno vsebino ustvarimo s
klikom na Add Layout. Vpišemo osnovne podatke (brez šumnikov), nastavimo
pravice dostopa predvajalne vsebine za druge uporabnike in izberemo predlogo
(Template) Full Screen 16:9. Shranimo (Slika 15).
Slika 15
Stran 9 od 19
Z izbiro predloge Full Screen 16:9 se čez celoten zaslon ustvari ena regija (Slika 16)
v katero lahko s pomočjo časovnega traku dodajamo vsebine. Za urejanje
časovnega traku dvokliknemo v regijo.
Slika 16
Ob dvokliku se nam prikaže časovni trak (Slika 17), v katerega lahko dodajamo
poljubne vsebine. Izbiramo lahko med datotekami oziroma vsebinami, ki smo jih že
predhodno dodali v knjižico, ali pa jih dodamo na tem mestu. Nalaganje datoteke
poteka po enakem postopku kot je že bilo opisano v poglavju o nalaganju vsebin, s
to razliko da imamo 4 dodatne tipe vsebin. V časovni trak lahko dodamo spletne
strani (Webpage), novičarske kanale RSS (Ticker), besedilo (Text) in vgrajeni html
(Embedded), ki ga uporabimo za prikaz videov s servisov kot je YouTube.
Za izbiro vsebin iz knjižnice izberemo ikono Library.
Slika 17
V kolikor vemo kakšno vrsto datoteke bomo iz knjižnice priklicali v prejšnjem
koraku izberemo ustrezno ikono in v naslednjem oknu kliknemo Library (Slika 18).
Stran 10 od 19
Slika 18
Vsebino iz knjižnice dodamo tako, da jo na desni strani seznama označimo in jo
nižje nato dodamo v časovni trak. Kliknemo Assign (Slika 19)
Slika 19
Nato smo spet v zaslonu časovnega traku, kjer lahko dodajamo nove datoteke
oziroma vsebine, ki jih lahko po tipih tudi mešamo med seboj. Vrstnega reda
datotek v časovnem traku ne moremo drugače spreminjati, kot da jih zbrišemo in
ponovno nastavimo v drugačnem zaporedju.
Ko imamo želene vsebine dodane v časovni trak, ga lahko zapremo zgoraj desno z X
(Slika 20).
Slika 20
Ko smo z upravljanjem vsebine zaključili, moramo le to dodati na urnik predvajanja
(Schedule) – glej navodila Urejanje urnika (Schedule).
Stran 11 od 19
Dodajanje in spreminjanje regij (napredno)
Regije lahko spreminjamo v rubriki predvajalnih vsebin (Dashboard -> Layout). V
seznamu predvajalnih vsebin, poiščemo tisto, ki ji želimo spreminjati ali dodajati
regije in kliknemo (na desni strani) Design. Regije imajo spodaj in na desni zeleni
rob s katerim lahko spreminjamo velikosti regij, s klikom nanje in nošenjem pa jim
lahko spreminjamo lokacijo na zaslonu (Slika 21).
Slika 21
V črnih prostorih lahko ustvarjamo nove regije. Enostavno v črnem delu desno
kliknemo in pritisnemo Add Region – dodaj regijo. Ta postopek ponavljamo za
toliko regij, kolikor jih želimo (Slika 22). V vsako regijo lahko damo poljubno
vsebino.
Slika 22
Ko imamo več regij, lahko med njimi nastajajo prostori z barvo ozadja. Za potrebe
oblikovanja je tako tukaj možnost spreminjanja barve ozadja oziroma dodajanje
lastne slike za ozadje. V delu kjer ni regije desno kliknemo (če je čez ves zaslon, si
jo zmanjšamo ali premaknemo) in izberemo opcijo Edit background. S pomočjo
spustnega seznama lahko spreminjamo barvo ozadja (ta nastavitev nima učinka v
Stran 12 od 19
kolikor nastavimo sliko ozadja). Na naslednjem spustnem seznamu lahko izbiramo
iz knjižnice sliko za ozadje. V kolikor slike še nismo naložili imamo na dnu možnost
Add Image s katero lahko sliko dodamo v knjižnico. Z zadnjim spustnim seznamom
nastavimo dimenzije zaslona. Kot že višje omenjeno so zasloni z razmerjem stranic
16:9, tako izberemo nastavitev 16:9 HD Widescreen. Nastavitev shranimo s klikom
na Save.
Slika 23
Stran 13 od 19
Urejanje urnika (Schedule)
Z urejanjem urnika, vsebinam, ki smo jih ustvarili, določimo časovna obdobja v
katerih želimo, da se prikazujejo na zaslonih. S tem tudi vsebino objavimo.
Ko kliknemo Schedule (ali v zgornjem meniju, ali na namizju - Dashboard) se nam
prikaže seznam InfoTabel, med katerimi izberemo tisto, na katero želimo dodati
vsebino, oziroma želimo videti kaj je vneseno v njenem urniku (Slika 24).
Slika 24
Za izbrano InfoTablo se nam prikaže koledar z vnosi (seznamom) predvajalnih
vsebin (Slika 25).
Slika 25
Z dvoklikom na dan v urniku se nam odpre okno v katerem lahko vnose dodajamo
ali urejamo.
Predvajalno vsebino dodamo v urnik tako, da:
 nastavimo začetni in končni čas objave (privzeto je predlagan končni čas eno
uro od trenutka urejanja, začetni pa na čas urejanja),
Stran 14 od 19



v spustnem meniju izberemo ime želene predvajalne vsebine,
nastavimo morebitno ponavljanje in
objavo shranimo s klikom na Save - shrani.
Vsebina je na ta način naložena, vendar je potrebno počakati cca. 15 minut, da se
vse InfoTable osvežijo z morebitnimi novimi podatki oz. vsebinami.
V kolikor je več vnosov na isti dan, lahko v spodnjem delu okna vidimo podrobnejši
urnik po urah (Slika 26). Vsak predvajalna vsebina v urniku je opremljena z imenom
(Event), opisnim časom predvajanja (Start, End) in grafičnim prikazom
predvajanja, ki je izveden s sivimi in modrimi kvadratki, ki predstavljajo termine z
vsebino. Sivo obarvani so od drugih uporabnikov in jih ne moremo urejati, modre
lahko. V vse termine pa lahko dodamo svoje nove predvajalne vsebine (Layout). V
kolikor je ob določenem terminu (npr. ob 10. uri) več predvajalnih vsebin, se vsaka
na novo dodana odvrti na koncu že vnesenih.
Slika 26
Privzet predvajalni seznam
Možno je nastavi privzeto predvajalno vsebino (Default layout), v kolikor v urniku
ni nobenih drugih vnosov. Možno je nastaviti tudi, da se privzeta vsebina predvaja
vedno, skupaj z ostalimi vsebinami (Interleave), ali pa le v primerih, ko ni drugih
vsebin. Privzet seznam NI namenjen oglaševanju prihajajočih dogodkov, temveč
prikazu osnovnih informacij, ki so aktualne čez vso leto.
Predlagamo da vsebuje:
 Informacije o članici
o uradne ure referata, strokovnih služb, kontakt dekana in prodekana
študenta, povezavo do spletne strani članice
o morebiten zemljevid članice
o Študijski koledar, izpitna obdobja
o delovni čas UKM in knjižnice članice
Stran 15 od 19
o Sporočila iz oglasne deske (v kolikor obstaja RSS/XML)
 zunanje informacije
o Ura, datum
o Vreme
Urejanje privzetega predvajalnega seznama lahko izvajajo članice same. V
preglednici predvajalnih seznamov (Layout) se namreč nahaja in je poimenovan po
načinu KraticaČlanice_privzet (primer: EPF_privzet). Lahko se ga ureja kot vsakega
ostalega, ki ste ga sami ustvarili. Možnost privzete predvajalne vsebine vam lahko
omogoči, tehnični administrator na RCUM.
Predogled - Broadcasting
Trenutno predvajano vsebino na posamezni InfoTabli lahko pogledamo v rubriki
Broadcasting (V Schedule – urniku, ikona desno zgoraj) – pogled v podatke
predvajane vsebine.
Lahko pa uporabimo servis VNC s katerim lahko vidimo kaj se dogaja neposredno na
InfoTabli – vizualni pogled. Namestitve VNC urejajo lokalni vzdrževalci
računalniških sistemov.
Uporabniki sistema
Pomaga pri
tehničnih zahtevah
in dodeljevanju
pravic uporabnikom
sistema
Objavlja vsebine na
InfoTablah vseh
članic in rektorata
UM
Glavni upravljavec vsebin na UM
Tehnični administrator
Objavlja vsebine na
InfoTabli članice
Odgovorna oseba članice 1
Odgovorna oseba članice 2
...
Odgovorna oseba članice n
Pomagajo
Odgovorni osebi
članice pri objavi
vsebin na InfoTabli
članice
Uporabniki na
članici
Uporabniki na
članici
Uporabniki na
članici
Slika 27: Uporabniki sistema Xibo
Stran 16 od 19
Primeri
Vključevanje RSS (napredno)
Predpogoj za prikazovanje RSS kanalov, je da so napisani s pravilno standardno
semantiko (RSS 2.0 specifikacije). V kolikor se malenkostno razlikuje se priporoča
ogled (zunanje) aplikacije Yahoo pipes, ki omogoča manipulacijo nad XML podatki.
Za dodajanje vsebine uredimo kot do Slika 17 in tam izberemo Ticker. Nato se nam
odpre okno v katerem nastavimo povezavo do rss kanala, morebitno hitrost in smer
drsenja (glede na velikost črk in regije preverite in nastavite hitrost drsenja
ustrezno počasi, da besedilo ostane berljivo), ter čas po katerem se naj rss kanal
spet začne predvajat od začetka (duration). V velikem vnosnem polju na spodnji
polovici, lahko urejamo videz. Privzeto so vpisane za prikaz značke za naslov
(title), datum objave (date) in opis (description). Dodamo lahko še značko za
povezavo (link), drugih značk ne moremo dodajati. Obstoječe značke lahko
odvzamemo ali jim spremenimo zaporedje. S pomočjo orodne vrstice lahko
nastavljamo velikost in barvo črk. Bodite pozorni na barve ozadja in barve besedila,
če sta le ti enaki, bo namreč vsebina ne vidna.
Dodajanje videov iz YouTube, Vimeo, ipd. (napredno)
Filmi iz internetnih strani kot so YouTube, Vimeo in podobnih so narejene v
tehnologiji flash. Te videe lahko dodajamo s pomočjo dodajanja vsebine vrste
embedded (Slika 16, zadnja ikona). Potrebno je poskrbeti za samodejni zagon
predvajanja videa. Za YouTube in Vimeo se to uredi da se doda na ustreznih mestih
besedilo &autoplay=1, ker je takšnih servisov dosti prosimo, da pri ostalih
servisih vklop samopredvajanja poiščete sami.
Ob srepminjanju predvajalnih vsebin izberemo za novo vsebino »Embedded«.
Poiščemo in v prvo polje vpišemo dolžino videa. V naslednje polje prilepimo kodo,
ki jo dobimo pri videu. Poiščemo ikono <Embed> in iz vnosnega polja kopiramo
besedila (Slika 28 in 29) ter jih prilepimo v Xibo (Slika 30).
Slika 28
Stran 17 od 19
Slika 29
Nastavimo čas trajanja videa in na označenih mestih dodamo besedilo
&autoplay=1 (Slika 30). Shranimo s pritiskom na Save.
Slika 30
Galerija slik s pomočjo PowerPoint
Powerpoint nam omogoča, da ustvarimo galerijo slik iz imenika z le nekaj kliki.
Zaženete program in greste v zavihek vstavljanje, kliknete na Album s
fotografijami in nato na nov album (Slika 31). V novem oknu pritisnete na gumb za
datoteko/disk, kjer nato izbere slike, ki jih želite dodati v album (lahko jih
označite več naenkrat).
Stran 18 od 19
Slika 31
Nato dvakrat potrdite vnos in ustvari se album. Na levi kliknete na eden izmed
diapozitivov in pritisnete na tipkovnici tipko ctrl in a hkrati, tako da označite vse
diapozitive. V zavihku animacije sedaj vklopimo samodejno premikanje
diapozitivov (Slika 2), v polje vpišemo sekunde po katerih se predstavitev premakne
na naslednji diapozitiv. V zavihku diaprojekcija kliknemo na Priprava diaprojekcije
in pripravimo predstavitev kot na Slika 3.
Prikaz datuma
Prikaz datuma lahko uredimo s pomočjo gradnika embedded, tako da vpišemo
javascript, ki prikazuje datum. Enako kot pri Slika 30 vpišemo v polje kodo za
prikaz.
<center><span style="color:gray;font-size:72px;font-weight:bold;font-family:sansserif;">Datum<br>
<script type="text/javascript">
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
var weekday=new Array(7);
weekday[0]="Nedelja";
weekday[1]="Ponedeljek";
weekday[2]="Torek";
weekday[3]="Sreda";
weekday[4]="Četrtek";
weekday[5]="Petek";
weekday[6]="Sobota";
document.write(weekday[currentTime.getDay()] + ", " + day + ". "+ month + ". " + year)
</script></span></center>
Zgornjo kodo lahko priredimo potrebam članice (barva, velikost, font, prikaz samo
recimo dneva, itd…). Shranimo s pritiskom na Save.
Pripombe in predloge na navodila lahko pošljete na einfo.admin@uni-mb.si.
Stran 19 od 19