Přidávání prvků UI a rozložení pro lepší organizaci

Create Your Free Account

By continuing, you accept our Terms of Use, our Privacy Policy and that your data is stored in the USA.

Toto cvičení je součástí kurzu

Úvod do AI aplikací v Sigma

SkillTag.level.beginnerSkillTag.label

4.9+

Kapitola 1 představuje základní koncepty tvorby AI aplikací v Sigma se zaměřením na to, jak aplikace integrují vstupy uživatelů pro řízení pracovních postupů založených na akcích. Velký důraz je kladen na propojené vstupní tabulky, které patří k nejdůležitějším stavebním blokům aplikací v Sigma. Prozkoumáš, jak vytvářet propojené vstupní tabulky zobrazující data ze skladu společně s hodnotami zadanými uživatelem, což umožňuje přímou interakci s podkladovými datovými sadami. Kapitola také pokrývá osvědčené postupy pro správu vstupů uživatelů — včetně řízení toho, jaké datové typy lze zadávat, a definování toho, kdy jsou tabulky editovatelné. Po dokončení této kapitoly budeš dobře rozumět tomu, jak bezpečně a efektivně sbírat vstupy uživatelů a zároveň zachovávat integritu dat v aplikaci.

Exercise 1: Co jsou AI aplikace?Exercise 2: Prozkoumání hotové aplikace pro schvalování půjček Exercise 3: Hotová aplikace pro povýšení úvěrových specialistů Exercise 4: Obohacování existujících dat pomocí propojených vstupních tabulek Exercise 5: Principy propojených vstupních tabulek Exercise 6: Vytvoření propojené vstupní tabulky Exercise 7: Zachycení nominací na povýšení Exercise 8: Testování chování propojených vstupních tabulek Exercise 9: Řízení zadávání dat v propojených vstupních tabulkách Exercise 10: Správa úprav ve vstupní tabulce úvěrových poradců

V kapitole 2 se naučíš, jak udělat své AI aplikace interaktivnější a responzivnější pomocí modálů a sekvencí akcí. Modály ti umožní zobrazovat cílená vyskakovací okna v rámci aplikace — uživatelé tak získají přístup k dalším informacím nebo prostor pro podrobnější zadávání bez zbytečného přeplnění hlavního rozhraní. Uvidíš, jak modály zlepšují použitelnost a provázejí uživatele konkrétními úlohami. Kapitola také představuje sekvence akcí, díky nimž mohou aplikace dynamicky reagovat na akce uživatelů — například na kliknutí na tlačítko nebo výběr řádku tabulky. Naučíš se, jak z jediné interakce spustit více efektů najednou, což pomáhá automatizovat pracovní postupy a zjednodušovat uživatelský zážitek. Modály a sekvence akcí ti dohromady dají výkonné nástroje pro tvorbu aplikací, které působí intuitivně, interaktivně a promyšleně.

Exercise 1: Použití modálních oken pro zachycení rozhodnutí a vstupu uživatele Exercise 2: Vytvoření modalu pro zachycení nominací na povýšení Exercise 3: Používání sekvencí akcí pro pracovní postupy aplikace Exercise 4: Základy akčních sekvencí Exercise 5: Vytvoření sekvence akcí pro otevření modálu Exercise 6: Spouštění otevření a zavření modálu Exercise 7: Naplnění modálních oken hodnotami ovládacích prvků Exercise 8: Naplnění modálu ID úvěrových poradců Exercise 9: Zaznamenání nominací pomocí sekvence akcí Exercise 10: Přidávání podmíněných sekvencí akcí Exercise 11: Zabránění duplicitním nominacím

Kapitola 3 se zaměřuje na vylepšení uživatelského rozhraní a celkového zážitku z tvých AI aplikací. Začneš poznáváním popoverů — všestranného prvku UI, který slouží ke skrytí nabídek filtrů nebo zobrazení kontextových informací jen tehdy, kdy jsou potřeba. Díky tomu zůstanou aplikace přehledné a uživatelé mají stále snadný přístup k ovládacím prvkům a detailům. Kapitola také prozkoumává řadu funkcí pro design a organizaci, které zlepšují jak použitelnost, tak vizuální přitažlivost. Naučíš se, jak zapracovat navigační tlačítka, oddělovače a kontejnery s kartami pro strukturování obsahu a plynulejší provázení uživatelů aplikací. Po dokončení kapitoly 3 pochopíš, jak promyšlené rozhodnutí o rozvržení a designu dokáže udělat tvé AI aplikace intuitivnějšími, propracovanějšími a příjemnějšími na používání.

Exercise 1: Popovers pro přehlednější rozhraní aplikace Exercise 2: Nakonfiguruj popover obsahující ovládací prvky stránky Exercise 3: Navigační tlačítka a interakce Exercise 4: Přidání tlačítka „Vymazat filtry" do popoveru Exercise 5: Přidávání prvků UI a rozložení pro lepší organizaci

Aktuální cvičení

Exercise 6: Dokončení aplikace pro nominace úvěrových poradců Exercise 7: Vše dohromady Exercise 8: Shrnutí