The clock feature

It is possible to display a realtime clock on screen. There are two different clock features available.

Modifiable and responsive javascript clock

This clock feature functions in both HDCube and PiCube media players. It can be used as follows:

Choose a display group from the Overview page of the FirstView Manager. Choose "Add Content" --> "Add HTML".

Name the presentation and copy the clock's URL address to the URL section. The site updates itself, so choose "no refresh" as the refresh rate. Select the desired display time for the presentation and click Save.

The URL address of the responsive javascript clock: https://app.firsttechnology.fi/apps/common/kello/moddableClock.php?bg=black&fg=white

Now the clock will show on screen in addition to other material. The clock will show based on the defined schedule. After this other material will show normally, until the clock can be seen again.

If you want the clock to show more often on the screen, the "frequent" selection can be ticked when adding the presentation. When done like this, the clock will be the every other presentation shown on screen.

If you want the clock to be shown all the time (at the same time as other presentations), the display has to be split into zones. The clock must then have its own zone. More on display zones can be found here.

Kellon muokkaaminen

The clock can be modified using the parameters in the URL address as follows: (Modifiable and responsive javascript clock -- a link, where modifying parameters can be found)

bg = taustan väri, esim bg=white. Tässä voi käyttää HTML-standardin värimäärittelyjä.

Hexadesimaaleilla värikoodausta syötettäessä on kuitenkin muistettava vaihtaa '#' -merkki osoiteriville sopivaan '%23' -muotoon.

fg = fontin väri. esim fg=black. Yllämainittu hexamäärittely toimii myös tässä.

format = aikaleiman muoto. tässä on viisi eri vaihtoehtoa, eli format voi olla 0-4. Esim: format=2.

Muotoilut ovat seuraavanlaiset:

• 0 = P.KK.VUOSI
• 1 = HH:MM:SS
• 2 = P.KK - HH:MM
• 3 = P.KK.VUOSI - HH:MM:SS
• 4 = HH:MM (oletus jos format parametria ei syötetä)

Voit siis itse muokata linkkiä niin, että kellosta tulee haluamasi näköinen. Jos esimerkiksi haluat kellon, jossa on keltainen tausta, sininen fontti ja ajan esitysmuoto HH:MM, linkistä tulee seuraavanlainen: https://app.firsttechnology.fi/apps/common/kello/moddableClock.php?bg=yellow&fg=blue&format=4

Muista kopioida päivitetty linkki HTML-esityksen URL-kenttään!

Tekstipohjan kellotoiminto

Tekstipohjaan on mahdollista lisätä kelloelementti. On huomioitava, että näin voi tehdä ainoastaan HDCube-mediasoittimen kanssa.

Tekstipohjan kellotoiminto toimii seuraavasti:

Mene FirstView Managerin Esityspohjat-välilehdelle ja valitse "Tekstieditorin esityspohja"-pudotusvalikosta tekstipohja, johon haluat lisätä kellon. Paina sitten oikeassa reunassa olevaa kynäpainiketta. Jos valmiita tekstipohjia ei ole, on luotava uusi. Tietoa tekstipohjien luomisesta löydät tästä linkistä.

Tekstipohjan muokkausikkunassa paina Asettelumallin vierestä kynäpainiketta. Asettelumallin muokkaustoiminto (Layout Editor) aukeaa.

Valitse alhaalta "Käytettävissä olevat elementit"-välilehti. Raahaa sivun alareunasta kelloelementti näyttöalueelle.

Voit muokata kelloelementin asetuksia klikkaamalla sitä näyttöalueelta. Näin elementtikohtaiset asetukset aukeavat editorin alareunasta. Voit myös klikata suoraan Elementtikohtaiset asetukset -välilehteä ja valita kelloelementin Asetukset-pudotusvalikosta.

Voit muuttaa kellon sijaintia vetämällä sitä näyttöalueella. Voit myös suurentaa/pienentää kelloa vetämällä kelloelementin oikeasta alareunasta. Lisäksi voidaan muokata ajan muotoilua, fonttia, fontin kokoa ja väriä ja elementin tasausta.

Muista tallentaa muutokset Viimeistele-välilehdeltä.

Kelloelementti lisätään siis nimenomaan tekstipohjan asettelumalliin. Uutta tekstipohjaa tehdessäsi voit siis valita asettelumallin, jossa on valmiina kelloelementti tai voit luoda kokonaan uuden asettelumallin, johon lisätään kelloelementti (painamalla plus-merkkiä Asettelumallin vierestä tekstipohjan muokkausikkunassa).