> For the complete documentation index, see [llms.txt](https://docs.vdttechnology.com/dokumentace-twin-skin/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vdttechnology.com/dokumentace-twin-skin/jednotlive-sekce-aplikace/stranka-predikce.md).

# Stránka Predikce

Na stránce Predikce je k nalezení několik stejných komponent se stejnými údaji jako na domovské stránce. Akorát s rozdílem, že je stránka obohacena o několik komponent pro informování uživatele ohledně Predikce vývoje aktuálního filtračního cyklu a parametrů s tím spojených. Důležitými komponentami na stránce je graf s predikcí diferenčního tlaku a karta s predikovaným časem do praní.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FtvzPMilMmmu7O7y8KCfU%2FSn%C3%ADmek%20obrazovky%202023-11-23%20121330.png?alt=media&amp;token=fabba818-1ecf-4334-af8c-60e3b14cda62" alt=""><figcaption></figcaption></figure>

Uživatel pozná, že se nachází na stránce s predikcí podle velkého nadpisu v horní části stránky a podle tyrkysově barevného lemování obvodu na pravé, levé i spodní straně aplikace.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FDwaPhZgX43Pwqk9e6utf%2FSn%C3%ADmek%20obrazovky%202023-11-22%20130910.png?alt=media&amp;token=e8a15df6-69cb-4033-ab95-930276841391" alt=""><figcaption></figcaption></figure>

Zároveň údaje, které jsou predikovány, lze rozeznat podle barvy písma. V případě, že je písmo šedé, jedná se o data získávána přímo z provozu.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FZW526laNuL5wJWrvPPCy%2FSn%C3%ADmek%20obrazovky%202023-11-22%20152515.png?alt=media&amp;token=73d2573c-a9f5-43e7-ac55-2be274b503ac" alt="" width="281"><figcaption></figcaption></figure>

V případě, že je písmo tyrkysové, tak se jedná o data predikovaná.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FstVsPdnTDVZKnfnXyg52%2FSn%C3%ADmek%20obrazovky%202023-11-23%20121216.png?alt=media&amp;token=73570b67-f377-4860-9175-b50161f59cdd" alt=""><figcaption></figcaption></figure>

Stejnými komponentami na stránce jsou: **Aktuální průtok** (viz. [Aktuální průtok](/dokumentace-twin-skin/jednotlive-sekce-aplikace/domovska-stranka.md#aktualni-prutok-uv)), **Množství vody za den** (viz. [Množství vody za den](/dokumentace-twin-skin/jednotlive-sekce-aplikace/domovska-stranka.md#mnozstvi-vody-za-den)), **Kvalita surové vody** (viz. [Kvalita surové vody](/dokumentace-twin-skin/jednotlive-sekce-aplikace/domovska-stranka.md#kvalita-surove-vody)), **Stav vodojemu** (viz. [Stav vodojemu](/dokumentace-twin-skin/jednotlive-sekce-aplikace/domovska-stranka.md#stav-vodojemu)) i samotné **Digitální dvojče** v pozadí (viz. [Digitální dvojče](/dokumentace-twin-skin/jednotlive-sekce-aplikace/domovska-stranka.md#digitalni-dvojce)).

## Graf predikce diferenčního tlaku

Karta zobrazuje pouze jeden parametr, a tím je Diferenční tlak. Nedílnou součástí grafu je ovšem i zobrazování predikce vývoje Diferenčního tlaku, která je vypočítávána pomocí neuronové sítě.

Samotný graf zobrazuje hodnoty parametru formou časové řady. Hodnoty se postupně zapisují a tvoří tzv. časovou řadu, na které lze dobře pozorovat zapsané hodnoty v čase. Na základě vstupních hodnot je vypočítávána i predikce pro daný parametr, tudíž lze snadno pozorovat jeho předpokládané chování do budoucna až na následujících **8 hodin**. V horní části je legenda grafu. Jedná se o název parametru, který představuje reálné (historická data), plus jeho predikce, která představuje jeho očekávané budoucí chování. Názvy jsou klikatelné, tudíž pokud uživatel klikne na jednu ze dvou možností, v grafu se vyfiltruje a zůstane zobrazena pouze druhá možnost. Opětovným kliknutím ji navrátí do grafu.

Vlevo nahoře je zobrazena jednotka parametru, po levé straně je graf popsán hodnotami, kterých může parametr nabývat, a ve spodní části je graf popsán časem, kdy byly hodnoty zapsány. Uživatel má možnost přejet myší do prostoru grafu, kde se následně vykreslí malé okénko. Okno představuje popis grafu, konkrétně název i hodnotu parametru a čas v místě, kde se zrovna nachází ukazatel myši. Uživatel se tak může pohybovat po grafu a zobrazovat si přesné údaje dle času, které ho zajímají.

Zároveň lze skrz graf pozorovat svislou čáru. Ta představuje **Aktuální čas**, a v podstatě reprezentuje předěl mezi daty reálnými a daty predikovanými.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2F7yo4WbqE9gaUoQ02p0Bt%2FSn%C3%ADmek%20obrazovky%202023-11-23%20121128.png?alt=media&amp;token=1346dc26-2c64-4f7c-9247-455dcb888f8f" alt=""><figcaption></figcaption></figure>

V pravém horním rohu se vyskytuje tlačítko, které otevře novou komponentu s Detailem daného grafu: <img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FUMYiYt8vj2YRW7VZdvzl%2FSn%C3%ADmek%20obrazovky%202023-11-20%20181335.png?alt=media&amp;token=06d945ee-45d8-420a-893a-d6124238d95b" alt="" data-size="line">

### Detail grafu

Detail zobrazuje stejné informace jako graf zmenšený, ovšem je rozšířen a možnost volby časového rozmezí, tudíž kromě predikce Diferenčního tlaku lze pozorovat i reálná (historická) data Diferenčního tlaku.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FVq7HRj3iIxZp3oIySA9F%2FSn%C3%ADmek%20obrazovky%202023-11-23%20121045.png?alt=media&amp;token=449f6923-1480-4642-8b98-a6bb9a07494a" alt=""><figcaption></figcaption></figure>

#### Volba datumu v detailu grafu

V horní části komponenty lze najít několik tlačítek pro vybrání časového rozmezí pro zobrazení hodnot v grafu. Po otevření komponenty je automaticky vybrán 1 den zpětně. Uživatel má 2 možnosti pro volbu rozmezí. Nejdříve je na levé straně tlačítko pro vybrání libovolného datumu od kdy do kdy.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FyJE5ztkiY3XE6hdMcBAI%2FSn%C3%ADmek%20obrazovky%202023-11-20%20182309.png?alt=media&amp;token=c3b7fb51-17a1-49cf-bf1c-3e12ec8ab0b9" alt=""><figcaption></figcaption></figure>

Jakmile uživatel klikne do prostoru datumu, zobrazí se komponenta s kalendářem, ve které si je možné vybrat rozptyl časového rozmezí zobrazených dat.

Stačí, aby uživatel najel na datum, kde chce začínat. Buď může pomocí šipek v horní části přejíždět doprava či doleva po jednom měsíci, nebo může kliknout na zkratku měsíce a vybrat si tak libovolný měsíc rychleji. Také může kliknout na rok a vybrat si rychleji libovolný rok. Jakmile je uživatel na požadovaném měsíci, klikne myší na datum, kterým by rád začínal časové rozmezí. Dále si najde datum, kterým by rád končil rozmezí a opětovně na něj klikne. Tím bylo navoleno časové rozmezí. Teď už stačí ve spodní části kliknutím na tlačítko „Zvolit“. Tím se potvrdí výběr a volba datumu se automaticky projeví do grafu. Tlačítkem „Zrušit“ se daná komponenta s výběrem časového rozmezí zavře a žádná změna se neprovede.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FqirXDuAQX4vvbtXJOdM5%2FSn%C3%ADmek%20obrazovky%202023-11-23%20120821.png?alt=media&amp;token=8618ac4f-93ad-45f3-a0a0-c05e250f1526" alt=""><figcaption></figcaption></figure>

V případě, že by uživatel rád detailnější zobrazení času v řádu hodin či minut, stačí kliknout na ikonku hodin pod kalendářem, čímž se zobrazí sekce s výběrem hodin a minut. Pokud chce uživatel přejít zpět na výběr datumu, postačí opětovně kliknout na ikonku kalendáře.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FyXIHkf58E7rBCrIZAY1K%2FSn%C3%ADmek%20obrazovky%202023-11-23%20120912.png?alt=media&amp;token=2c228ca8-48c2-46a1-aadd-37688ecd80b6" alt=""><figcaption></figcaption></figure>

Druhou možností, jak se vybrat časové rozmezí zobrazených hodnot je pomocí tlačítek v pravé horní části. Jakmile uživatel otevře komponentu, v grafu se automaticky zobrazí data 1 den zpětně. Pomocí této skupiny tlačítek má uživatel možnost rychlé volby časového rozmezí. Jakmile klikne na jednu ze čtyř možností, změna se automaticky promítne do grafu. Má tak možnost rychle přepínat mezi časovými rozmezími. Na rychlý výběr má možnost volby 1 den nazpět,  7 dní nazpět, 14 dní nazpět a 30 dní zpětně.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FFz2p5fvINpnIMqZJybKn%2FSn%C3%ADmek%20obrazovky%202023-11-20%20182838.png?alt=media&amp;token=740ffc6e-4754-478f-a110-3dec527dca2a" alt=""><figcaption></figcaption></figure>

#### Graf v detailu grafu

Detail grafu zobrazuje pouze jeden parametr, a tím je Diferenční tlak. Nedílnou součástí grafu je ovšem i zobrazování predikce Diferenčního tlaku, která je vypočítávána pomocí neuronové sítě.

Samotný graf zobrazuje hodnoty parametru formou časové řady. Hodnoty se postupně zapisují a tvoří tzv. časovou řadu, na které lze dobře pozorovat zapsané hodnoty v čase. Na základě vstupních hodnot je vypočítávána i predikce pro daný parametr, tudíž lze snadno pozorovat jeho předpokládané chování do budoucna až na následujících **8 hodin**. V horní části je legenda grafu. Jedná se o název parametru, který představuje reálná (historická) data, plus jeho predikce, která představuje jeho očekávané budoucí chování. Názvy jsou klikatelné, tudíž pokud uživatel klikne na jednu ze dvou možností, v grafu se vyfiltruje a zůstane zobrazena pouze druhá možnost. Opětovným kliknutím ji navrátí do grafu.

Vlevo nahoře je zobrazena jednotka parametru, po levé straně je graf popsán hodnotami, kterých může parametr nabývat, a ve spodní části je graf popsán časem, kdy byly hodnoty zapsány. Uživatel má možnost přejet myší do prostoru grafu, kde se následně vykreslí malé okénko. Okno představuje popis grafu, konkrétně název i hodnotu parametru a čas v místě, kde se zrovna nachází ukazatel myši. Uživatel se tak může pohybovat po grafu a zobrazovat si přesné údaje dle času, které ho zajímají.

Zároveň lze skrz graf pozorovat svislou čáru. Ta představuje **Aktuální čas**, a v podstatě reprezentuje předěl mezi daty reálnými a daty predikovanými. V případě, že si uživatel navolí časové rozmezí, které není blízké přítomnosti, predikce v grafu nebude zobrazena. Pokud si naopak uživatel navolí časové rozmezí, které spadá pouze do budoucnosti, nebudou zobrazena žádná data. Maximální časového rozmezí do budoucna k zobrazení dat je pouze v míře 8 hodin, jelikož 8 hodin je maximální doba predikce.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2F0CUS8MZEOc8fep98nEZI%2FSn%C3%ADmek%20obrazovky%202023-11-23%20120717.png?alt=media&amp;token=9dc2ae96-2f19-4091-91e9-539e0659d367" alt=""><figcaption></figcaption></figure>

#### Zavřít

V pravém spodním rohu se vyskytuje zelené tlačítko „Zavřít“, které slouží pro zavření komponenty s Detailem grafu. Detail lze zavřít i křížkem v pravém horním rohu.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FMcDFaCewpBb3Zs8Svgfm%2FSn%C3%ADmek%20obrazovky%202023-11-20%20183712.png?alt=media&amp;token=52f20fb0-3bd1-43ed-ada2-9389f69c2f03" alt=""><figcaption></figcaption></figure>

## Odtok do spotřebiště

Karta vypisuje hodnotu i jednotku parametru pro odtok do spotřebiště. Jedná se o stejný údaj, který je k nalezení v kartě Stav vodojemu (viz. Stav vodojemu) a představuje hodnotu pro odběr vody z vodojemu.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FVYv27dGDRq3h33OagBgr%2FSn%C3%ADmek%20obrazovky%202023-11-22%20131605.png?alt=media&amp;token=a49fc9c3-34b3-4635-a27a-f1da9f200b16" alt=""><figcaption></figcaption></figure>

## Čas do praní

Zde je vypisován čas do praní, který je vypočítáván na základě predikce Diferenčního tlaku. Ve své podstatě karta vypisuje čas, kdy by měl Diferenční tlak dosáhnout hodnoty diferenčního tlaku pro praní stanoveném na základě tabulkových hodnot.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FvKO0ErXY42VySogydfkz%2FSn%C3%ADmek%20obrazovky%202023-11-23%20121216.png?alt=media&amp;token=ccfca2e9-d029-4732-b01e-06f60efb209e" alt=""><figcaption></figcaption></figure>

V případě, že čas pro praní je predikován v čase převyšujícím 8 hodin, je v kartě vypsána informace „čas do praní je mimo dosah predikce“.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FQW77C1kvSFKDMOY5jkTR%2FSn%C3%ADmek%20obrazovky%202023-11-22%20131501.png?alt=media&amp;token=8e485cf7-2499-452f-af9d-68b0b216bbdc" alt=""><figcaption></figcaption></figure>

## Diferenční tlak pro praní (Δ P)

Karta zobrazuje parametr diferenční tlak pro praní, což se vypočítává na základě tabulkových hodnot v závislosti na aktuálním průtoku vody.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2F930cUF9o4RlfEFbEl7W9%2FSn%C3%ADmek%20obrazovky%202023-11-22%20131439.png?alt=media&amp;token=a066943a-03a2-4e70-850e-cf42d968213b" alt=""><figcaption></figcaption></figure>
