Differences

This shows you the differences between two versions of the page.

--- cs:sw:01-mervis:hmi-image-hidden [2021/08/02 11:50]
avsetula
+++ cs:sw:01-mervis:hmi-image-hidden [2021/08/02 14:18] (current)
avsetula
@@ Line 19: / Line 19: @@
   - [[cs:sw:01-mervis:creating-new-project-hidden|vytvořit projekt a přiřadit PLC]]
   - [[cs:sw:01-mervis:creating-simple-hmi-hidden|vytvořit grafickou HMI šablonu a přiřadit ji k PLC]]
-  - nastavit [[cs:sw:01-mervis:creating-simple-hmi-hidden#zabezpeceni_hmi|zabezpečení HMI]]
 </WRAP>
@@ Line 37: / Line 36: @@
 </figure></html>
-Zde za pomoci myši přetáhněte prvek <html><span class="avBlueText">Chart</span></html> na <html><span class="avBlueText">HMI šablonu</span></html> otevřenou v pracovním prostoru.
+Vždy doporučujeme řadit zdrojová data podle obsahu do samostatných adresářů. Pro vytvoření nového adresáře klikněte pravým tlačítkem myši na složku <html><span class="avBlueText">Zdroje</span></html> a v kontextovém menu vyberte <html><span class="avBlueText">Přidat > Přidat adresář</span></html>.
 <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:03_hmi-image_cz.png)">
@@ Line 43: / Line 42: @@
 </figure></html>
-Tento prvek máte nyní označen a v pravém sloupci se vám proto zobrazí jeho vlastnosti.
+Vložte název nového adresáře (v případě návodu je použit název <html><span class="avOrangeText">Moje obrázky</span></html>) a klikněte na <html><span class="avBlueText">OK</span></html> pro potvrzení.
-Zde klikněte na <html><span class="avBlueText">Mapování grafu</span></html> a otevřete nabídku pomocí tlačítka {{:files:dialog-open_button.png?nolink|}}.
-<html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:04_hmi-image_cz.png)">
+{{ :cs:sw:01-mervis:04_hmi-image_cz.png?nolink |}}
-<img src="https://kb.unipi.technology/_media/cs:sw:01-mervis:04_hmi-image_cz.png" />
-</figure></html>
-Otevře se vám dialog <html><span class="avBlueText">Mapování grafu</span></html>, ten je pomyslně rozdělen do dvou částí:
+Pomocí šipky vlevo od složky <html><span class="avBlueText">Zdroje</span></html> rozbalte její obsah, kde je také nově vytvořená složka se zvoleným názvem. Nyní na ni klikněte pravým tlačítkem myši a v kontextovém menu vyberte <html><span class="avBlueText">Přidat > Přidat obrázek</span></html>.
-  - Horní část slouží k nastavení jedné, či více os Y
-  - Spodní část slouží pro nastavení jednotlivých řad v grafu a jejich vlastností, např.mapování proměnných, název, jednotku, či osu Y ke které proměnná náleží
 <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:05_hmi-image_cz.png)">
@@ Line 58: / Line 52: @@
 </figure></html>
-Protože nám postačí pouze jedna osa Y, ponecháme v horní části předem definovanou <html><span class="avOrangeText">osu 1</span></html>, můžeme u ní nastavit maximum nebo minimum. Pokud ponecháte auto, bude se <html><span class="avOrangeText">osa 1</span></html> dynamicky přizpůsobovat zobrazovaným hodnotám.
+Na následujícím snímku jsou již vidět vložené obrázky ve vlastním adresáři, které lze dále použít v HMI šabloně.
-Nyní klikněte na <html><span class="avBlueText">přidat</span></html> ve spodní části dialogu, poté se zobrazí další nastavení této mapované proměnné.
 <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:06_hmi-image_cz.png)">
@@ Line 66: / Line 58: @@
 </figure></html>
-Nejdůležitější je zde položka <html><span class="avBlueText">Proměnná</span></html>, zde klikněte na {{:files:dialog-open_button.png?nolink|}}. Otevře se dialog pro výběr proměnné, vyberete proto požadovanou proměnou, kterou chcete použít v grafu.
+Dvojklikem otevřete HMI šablonu a pro vložení obrázku do šablony klikněte ve spodní části levého panelu na <html><span class="avBlueText">HMI objekty</span></html>, tím zobrazíte nabídku s prvky pro Mervis HMI.
 <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:07_hmi-image_cz.png)">
@@ Line 72: / Line 64: @@
 </figure></html>
-Můžete nastavit i další vlastnosti, v tomto návodu se tím nebudeme zabývat, ale přidáme další 3 řady. Celkem se nám v grafu budou zobrazovat 4 řady s proměnnými typu <html><span class="avOrangeText">real</span></html>.
+Zde za pomoci myši přetáhněte prvek <html><span class="avBlueText">Image</span></html> na HMI šablonu otevřenou v pracovním prostoru.
 <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:08_hmi-image_cz.png)">
@@ Line 78: / Line 70: @@
 </figure></html>
-V tuto chvíli můžete projekt nahrát do PLC, graf vám bude vypisovat hodnoty v závislosti na čase, avšak **nebude se ukládat jejich historie**.
+Klikem, nebo tahem označte vložený prvek. V pravém sloupci jeho vlastností nyní klikněte na <html><span class="avBlueText">Zdroj obrázku</span></html> a následně otevřete nabídku pomocí tlačítka {{:files:dialog-open_button.png?nolink|}}.
 <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:09_hmi-image_cz.png)">
@@ Line 84: / Line 76: @@
 </figure></html>
-Pro ukládání historických hodnot, které by se zobrazily v grafu musíte nejprve [[cs:sw:01-mervis:storing-data-to-mervis-db-hidden|vytvořit záznam historie]], povolit ukládání a případně připojit k Mervis DB.
+Otevře se dialogové okno pro výběr obrázku, zde vyberte žádaný obrázek a klikněte na <html><span class="avBlueText">OK</span></html> pro potvrzení.
-<html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:10_hmi-image_cz.png)">
+{{ :cs:sw:01-mervis:10_hmi-image_cz.png?nolink |}}
-<img src="https://kb.unipi.technology/_media/cs:sw:01-mervis:10_hmi-image_cz.png" />
-</figure></html>
-Máte-li použité proměnné v historii, <html><span class="avOrangeText">nahrajte sestavu</span></html> do PLC. Po nahrátí můžete pod kolonkou <html><span class="avBlueText">Výstup</span></html> naléznout informace o zálohování do historie. <html><span class="avBlueText">Max. délka historie</span></html> značí čas, jak dlouho je možné ukládat do lokálního záznamu PLC při současném počtu proměnných daného typu.
+Po vložení lze měnit <html><span class="avOrangeText">pozici, rozměry, roztažnost, otočení</span></html> a <html><span class="avOrangeText">zrcadlení</span></html> obrázku. Výsledek může vypadat např. jako na následujícím snímku:
 <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:11_hmi-image_cz.png)">
 <img src="https://kb.unipi.technology/_media/cs:sw:01-mervis:11_hmi-image_cz.png" />
 </figure></html>
-Nyní jsou již proměnné zálohovány do historie. Počkejte 5 minut a otevřete stránku s grafem, nyní už by mělo být viditelné, že si graf vyčetl hodnoty z historie.
-Poznáte to tak, že na grafu budou body a každý bod znázorňuje jeden uložený stav načtený z historie. Ve výchozím nastavení se hodnota ukládá jen jednou za minutu, proto od sebe budou body vzdáleny přesně jednu minutu na ose X.
-<html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/cs:sw:01-mervis:12_hmi-image_cz.png)">
-<img src="https://kb.unipi.technology/_media/cs:sw:01-mervis:12_hmi-image_cz.png" />
-</figure></html>