> 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/zakladni-rozlozeni-aplikace.md).

# Základní rozložení aplikace

Díky přehlednému prostředí je aplikace pro uživatele snadno ovladatelná. Jakmile uživatel vstoupí do aplikace, nachází se automaticky na Domovské stránce. Po levé stráně se vyskytují čtyři kulatá tlačítka, která buď uživatele přesunou v aplikaci na další stránky, nebo poskytnou uživateli další možnosti.

### Menu

Menu se nachází po levé straně pod logem. **1. tlačítko** přenese uživatele na **Domovskou stránku** aplikace, **2. tlačítko** na **stránku s predikcemi** a **3. tlačítko** na **stránku se simulacemi**. **4. tlačítko** po stisknutí **poskytne** uživateli **další funkcionality**.  Tlačítko zbarvené barvou informuje uživatele ohledně toho, na jaké stránce se momentálně nachází, nebo zda je aktivní tlačítko pro zobrazení rozšířených funkcionalit.

Na prvním tlačítku se nachází malé zelené kolečko s ikonou zámku. Jakmile uživatel klikne do příslušného prostoru, na celé stránce se schovají všechny komponenty a zůstane zobrazeno pouze digitální dvojče společně s Menu tlačítky. Tlačítko následně zčervená. Pokud uživatel na příslušné tlačítko opětovně klikne, komponenty se znovu zobrazí.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FviItURvfVw4wscZ9SEm3%2Fimage.png?alt=media&amp;token=74e8bb68-849d-458a-8ae4-a5f05f649a2c" alt=""><figcaption></figcaption></figure>

Na prvním tlačítku se nachází malé zelené kolečko s ikonou zámku. Jakmile uživatel klikne do příslušného prostoru, na celé stránce se schovají všechny komponenty a zůstane zobrazeno pouze digitální dvojče společně s Menu tlačítky. Tlačítko následně zčervená. Pokud uživatel na příslušné tlačítko opětovně klikne, komponenty se znovu zobrazí.

Před:

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2F7ixnfcxVefXSaXNZENgX%2FSn%C3%ADmek%20obrazovky%202023-11-21%20111021.png?alt=media&amp;token=86da0d2b-1ba5-44d2-b89f-b2f8da4b1792" alt=""><figcaption></figcaption></figure>

Po:

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2F1p2IlWfnsns7uPobOiOm%2FSn%C3%ADmek%20obrazovky%202023-11-21%20111048.png?alt=media&amp;token=690afaa1-8fe8-4207-ab16-57c6e3983128" alt=""><figcaption></figcaption></figure>

V případě, že je zakliknuto 4. tlačítko s ikonou tří teček, zobrazí se uživateli 3 další tlačítka. **1. zobrazuje zvolený jazyk** pro celou aplikaci. Jakmile uživatel najede na dané tlačítko myší, zobrazí se po jeho pravé straně další tlačítko. To zobrazuje zkratku jazyka, do které lze aplikaci přeložit. Postačí na něj pouze kliknout a zvolený jazyk se projeví jak v samotné aplikaci, tak i v tlačítku zobrazující zvolený jazyk. **Zde lze** tedy **přepínat jazyk aplikace**. **2. tlačítko** s ikonkou otazníku přesměruje uživatele na **stránku s dokumentací**. Zde jsou k nalezení **veškeré potřebné informace** ohledně aplikace i všech jejích funkcionalit. **3. tlačítko** přesune uživatele **na stránku helpdesku VDT Technology**, kde lze komunikovat s podporou dodatečné otázky, či nahlašovat případné chyby. Pro zavření rozšířeného menu stačí kliknout opětovně na tlačítko s ikonou tří teček.

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FyW5CcEy90WQGRMvYt3AL%2Fimage.png?alt=media&amp;token=c5369fa0-087c-493b-81c0-a31c1ea9ebcf" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1110040602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ1L4ZdUCgbjILnDtjYVn%2Fuploads%2FV2YPNeXxYJZH1dpQM98t%2Fimage.png?alt=media&amp;token=f49fc694-5274-46e3-83b1-f7d0078346cc" alt=""><figcaption></figcaption></figure>