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

Versio 12. heinäkuuta 2016 kello 13.27 (näytä wikiteksti) Nikolai (keskustelu | muokkaukset) (Ak: Uusi sivu: This clock feature functions in '''both HDCube and PiCube media players'''. It can be used as follows:) ← Vanhempi muutos		Nykyinen versio 12. heinäkuuta 2016 kello 14.18 (näytä wikiteksti) Nikolai (keskustelu | muokkaukset) (Ak: Uusi sivu: === Modifying the clock ===)
(36 välissä olevaa versiota samalta käyttäjältä ei näytetä)
Rivi 10:		Rivi 10:
−	[[Tiedosto:Kellotoiminto1.jpg|right|600px]] Valitse näyttöryhmä FirstView Managerin Yhteenveto-sivulta. Valitse "Lisää sisältöä" --> "Lisää HTML".	+	[[Tiedosto:Kellotoiminto1_en.png|right|600px]] Choose a display group from the Overview page of the FirstView Manager. Choose "Add Content" --> "Add HTML".
	<br clear=all>		<br clear=all>
−	[[Tiedosto:Kellotoiminto2.png|right|600px]] Anna esitykselle nimi, ja kopioi kellon URL-osoite sille varatulle riville. Sivu on itsessään päivittyvä, joten valitse päivitysväliksi "no refresh". Valitse esitykselle haluttu näyttöaika ja tallenna.	+	[[Tiedosto:Kellotoiminto2_en.png|right|600px]] 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.
−	Responsiivisen javascript-kellon URL-osoite: https://app.firsttechnology.fi/apps/common/kello/moddableClock.php?bg=black&fg=white	+	The URL address of the responsive javascript clock: https://app.firsttechnology.fi/apps/common/kello/moddableClock.php?bg=black&fg=white
	<br clear=all>		<br clear=all>
−	Näin kello tulee koko ruudulle muun medialistan mukana, eli kello on ruudulla juuri niin kauan kuin se on siihen määritetty, jonka jälkeen muu materiaali ilmestyy ruudulle normaalisti, kunnes on uudelleen kellon vuoro.	+	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.
−	[[Tiedosto:Kellotoiminto3.png|right|600px]] Jos haluat kellon useammin ruudulle, niin silloin voi valita esimerkiksi "tiheän toiston" esitystä lisättäessä, jolloin kellon vuoro näytöllä on jokaisen esityksen jälkeen. Kello ilmestyy ruudulle siis joka toinen kerta.	+	[[Tiedosto:Kellotoiminto3_en.png|right|600px]] 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.
	<br clear=all>		<br clear=all>
Rivi 32:		Rivi 32:
−	Jos kellon on oltava ruudulla jatkuvasti, niin silloin kannattaa käydä jakamassa näyttöalueet ja määrittää kellolle oma näyttöalueensa. Lisää näyttöryhmien jakamisesta [[Näytön jakaminen|tästä linkistä.]]	+	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 [[Näytön jakaminen osiin/en|here.]]
−	=== Kellon muokkaaminen ===	+	=== Modifying the clock ===
−	Kello on muokattavissa osoiterivin parametreillä seuraavasti:	+	The clock can be modified using the parameters in the URL address as follows:
−	([https://app.firsttechnology.fi/apps/common/kello/moddableClock.php?bg=black&fg=white Muokattava ja responsiivinen javascript-kello] -- linkki, josta saa haettua "muokkaus" parametrejä)	+	([https://app.firsttechnology.fi/apps/common/kello/moddableClock.php?bg=black&fg=white 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ä.	+	bg = background color, e.g. bg=white. HTML standard color definitions can be used here.
−	Hexadesimaaleilla värikoodausta syötettäessä on kuitenkin muistettava vaihtaa '#' -merkki osoiteriville sopivaan '%23' -muotoon.	+	When inserting color code as hexadecimals, remember to switch the '#' tag to the more suitable '%23' form.
−	fg = fontin väri. esim fg=black. Yllämainittu hexamäärittely toimii myös tässä.	+	fg = font color, e.g. fg=black. The hexadecimal definitions mentioned above also work here.
−	format = aikaleiman muoto. tässä on viisi eri vaihtoehtoa, eli format voi olla 0-4. Esim: format=2.	+	format = date/time format. There are five alternatives, i.e. the format can be 0-4. For example: format=2.
−	Muotoilut ovat seuraavanlaiset:	+	The date formats are:
−	*0 = P.KK.VUOSI	+	*0 = D.M.YEAR
	*1 = HH:MM:SS		*1 = HH:MM:SS
−	*2 = P.KK - HH:MM	+	*2 = D.M - HH:MM
−	*3 = P.KK.VUOSI - HH:MM:SS	+	*3 = D.M.YEAR - HH:MM:SS
−	*4 = HH:MM (oletus jos format parametria ei syötetä)	+	*4 = HH:MM (the default format if a format parameter isn't inserted)
−	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	+	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
−	Muista kopioida päivitetty linkki HTML-esityksen URL-kenttään!	+	Remember to copy the updated link to the URL section of the HTML presentation!
−	== Tekstipohjan kellotoiminto ==	+	== Text template's clock feature ==
−	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'''.
−	Tekstipohjan kellotoiminto toimii seuraavasti:	+	The text template's clock feature functions as follows:
−	[[Tiedosto:Kellotoiminto4.png|right|600px]] 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 [[ Sisällön lisääminen näytölle|tästä linkistä.]]	+	[[Tiedosto:Kellotoiminto4_en.png|right|600px]] Go to the Templates tab from the FirstView Manager and choose the template to which you want to add a clock from the "Text editor template" dropdown list. Then click the pencil icon from the right side. If no text templates exist, a new one has to be created. More information on creating text templates can be found [[ Sisällön lisääminen näytölle/en|here.]]
	<br clear=all>		<br clear=all>
−	[[Tiedosto:Kellotoiminto5.jpg|right|600px]]Tekstipohjan muokkausikkunassa paina Asettelumallin vierestä kynäpainiketta. Asettelumallin muokkaustoiminto (Layout Editor) aukeaa.	+	[[Tiedosto:Kellotoiminto5_en.png|right|600px]] When the modifying tool of the text template opens, click the pencil icon next to the "Layout" section. The Layout Editor will open.
	<br clear=all>		<br clear=all>
−	[[Tiedosto:Kellotoiminto6.png|right|600px]]Valitse alhaalta "Käytettävissä olevat elementit"-välilehti. Raahaa sivun alareunasta kelloelementti näyttöalueelle.	+	[[Tiedosto:Kellotoiminto6_en.png|right|600px]] Choose the "Available elements" tab from the lower part of the editor. Drag the clock element into the screen area.
	<br clear=all>		<br clear=all>
−	[[Tiedosto:Kellotoiminto8.png|right|600px]]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.	+	[[Tiedosto:Kellotoiminto8_en.png|right|600px]] You can modify the settings of the clock element by clicking it in the screen area. The Element settings tab will open from the lower part of the editor. You can also directly click the Element settings tab and then choose the clock element from the "Settings" dropdown list.
−	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.	+	You can move the clock in the screen area by dragging it. You can also make stretch/shrink it from the lower right corner of the element. In addition, Date format, Font, Font color, Font size and Alignment can be modified.
	<br clear=all>		<br clear=all>
−	[[Tiedosto:Kellotoiminto7.png|right|600px]]Muista tallentaa muutokset Viimeistele-välilehdeltä.	+	[[Tiedosto:Kellotoiminto7_en.png|right|600px]] Remember to save your changes by clicking Save from the Finalize tab.
	<br clear=all>		<br clear=all>
−	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).	+	The clock element is specifically added to the layout of the text template. Therefore, when creating a new text template you can choose a layout with a clock element already in it or you can create a new layout, to which a clock element will be added (by clicking the plus sign next to the Layout section in the text template's modifying window).
	<br clear=all>		<br clear=all>

---

Nykyinen versio 12. heinäkuuta 2016 kello 14.18

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.

Modifying the clock

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 feature

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

The text template's clock feature functions as follows:

Go to the Templates tab from the FirstView Manager and choose the template to which you want to add a clock from the "Text editor template" dropdown list. Then click the pencil icon from the right side. If no text templates exist, a new one has to be created. More information on creating text templates can be found here.

When the modifying tool of the text template opens, click the pencil icon next to the "Layout" section. The Layout Editor will open.

Choose the "Available elements" tab from the lower part of the editor. Drag the clock element into the screen area.

You can modify the settings of the clock element by clicking it in the screen area. The Element settings tab will open from the lower part of the editor. You can also directly click the Element settings tab and then choose the clock element from the "Settings" dropdown list.

You can move the clock in the screen area by dragging it. You can also make stretch/shrink it from the lower right corner of the element. In addition, Date format, Font, Font color, Font size and Alignment can be modified.

Remember to save your changes by clicking Save from the Finalize tab.

The clock element is specifically added to the layout of the text template. Therefore, when creating a new text template you can choose a layout with a clock element already in it or you can create a new layout, to which a clock element will be added (by clicking the plus sign next to the Layout section in the text template's modifying window).