# Hodnocení pomocí smajlíků K vytvoření tohoto výstupního formuláře musíte splnit několik kroků, obdobně jako u tvorby základního výstupního formuláře: Vytvořit HTML dokument, přidat CSS styly a pomocí „JavaScript metod“ zajistit funkčnost ratingu a posílání dat z formuláře. Následně je nutné formulář nahrát na libovolný hosting podporující protokol **HTTPS** a přidat odkaz na formulář do administračního rozhraní aplikace Mluvii. Doporučujeme vytvářet výstupní formulář pomocí webové aplikace codepen.io kvůli jednoduchosti a přehlednosti. Začít můžete kliknutím [na tento odkaz](https://codepen.io/pen?template=KXZyGp), kde je již přednastaven ui framework [Bootstrap](https://getbootstrap.com/docs/4.0/components/forms/) s malou library [simplebar](https://github.com/Grsmto/simplebar), kvůli těžkostem se scrollováním iframe na systémech iOS. Na konci tohoto návodu můžete nalézt kompletní kód výstupního formuláře. #### Jak bude formulář vypadat Přímý odkaz pro vložení formuláře do administrace aplikace Mluvii: #### HTML HTML kód obsahuje elementy svg obrazců smajlíků a ostatní input elementy. První dva div tagy (a na ně napojené css a javascript) slouží k zobrazení vlastních scrollbarů pro lepší user experience na mobilních zařízeních. #### CSS Styling #### JavaScript kód Javascript kód formuláře zajištuje animace smajlíků a odeslání dat z formuláře do aplikace Mluvii. Úplné možnosti API formuláře naleznete v obecném návodu na tvorbu výstupního formuláře. ### Nahrát vytvořený formulář na libovolný hosting V případě, že jste formulář vytvořili přes službu codepen.io, nejdříve klikněte na tlačítko **Save**, poté exportujte v **.zip** formátu (viz návod níže). Tím máme připravený formulář. Nyní je potřeba nahrát formulář na internet, abychom na něho mohli odkazovat z administračního rozhraní. V našem případě využijeme GitHub stránky. Bližší informace naleznete [zde](https://pages.github.com/). V případě, že využijete jiný nástroj než codepen.io, bude kód formuláře vypadat takto: ```html

``` #### Vložení odkazu do administrace aplikace Mluvii Vytvořili jste vstupní formulář pomocí codepen.io. Ten jste exportovali na Váš počítač. Exportované složky jste nahráli do GitHub repozitáře a poté zapnuli GitHub stránky. Tím pádem máte odkaz na náš formulář, který vložíte do administračního rozhraní.