Ero sivun ”Kellotoiminto/en” versioiden välillä

Versio 12. heinäkuuta 2016 kello 13.54 (näytä wikiteksti) Nikolai (keskustelu | muokkaukset) (Ak: Uusi sivu: == Text template's clock function ==) ← Vanhempi muutos		Versio 12. heinäkuuta 2016 kello 13.55 (näytä wikiteksti) Nikolai (keskustelu | muokkaukset) (Ak: Uusi sivu: It is possible to add a clock element to a text template. '''NOTE!''' This can only be done using the '''HDCube media player'''.) Uudempi muutos →
Rivi 74:		Rivi 74:
−	Tekstipohjaan on mahdollista lisätä kelloelementti. On huomioitava, että näin voi tehdä ainoastaan '''HDCube-mediasoittimen''' kanssa.	+	It is possible to add a clock element to a text template. '''NOTE!''' This can only be done using the '''HDCube media player'''.

---

Versio 12. heinäkuuta 2016 kello 13.55

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 = background color, e.g. bg=white. HTML standard color definitions can be used here.

When inserting color code as hexadecimals, remember to switch the '#' tag to the more suitable '%23' form.

fg = font color, e.g. fg=black. The hexadecimal definitions mentioned above also work here.

format = date/time format. There are five alternatives, i.e. the format can be 0-4. For example: format=2.

The date formats are:

• 0 = D.M.YEAR
• 1 = HH:MM:SS
• 2 = D.M - HH:MM
• 3 = D.M.YEAR - HH:MM:SS
• 4 = HH:MM (the default format if a format parameter isn't inserted)

Therefore you can modify the link yourself to make the clock appear as you want. For example, if you want a clock with a yellow background, blue font and a HH:MM time format, the link will be as follows: https://app.firsttechnology.fi/apps/common/kello/moddableClock.php?bg=yellow&fg=blue&format=4

Remember to copy the updated link to the URL section of the HTML presentation!

Text template's clock function

It is possible to add a clock element to a text template. NOTE! This can only be done using the HDCube media player.

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).