Usando popovers para simplificar a interface de um app

Create Your Free Account

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

Este exercício faz parte do curso

Introdução a Apps de IA no Sigma

InicianteNível de habilidade

4.8+

O Capítulo 1 apresenta os conceitos fundamentais para criar Apps de IA no Sigma, com foco em como os apps integram a entrada do usuário para acionar fluxos de trabalho baseados em ações. A ênfase principal está nas tabelas de entrada vinculadas, um dos blocos de construção mais importantes para apps no Sigma. Você explora como criar tabelas de entrada vinculadas que exibem dados do data warehouse ao lado de valores inseridos pelo usuário, permitindo interação direta com os conjuntos de dados subjacentes. O capítulo também aborda boas práticas para governar a entrada do usuário, incluindo controlar quais tipos de dados podem ser inseridos e definir quando as tabelas são editáveis. Ao final deste capítulo, você vai entender bem como coletar entradas de forma segura e eficaz, mantendo a integridade dos dados dentro do seu app.

Exercise 1: O que são AI Apps?Exercise 2: Explorando um app concluído para aprovações de empréstimo Exercise 3: Um app finalizado para promoções de gerentes de crédito Exercise 4: Enriquecendo dados existentes com tabelas de entrada vinculadas Exercise 5: Entendendo as tabelas de entrada vinculadas Exercise 6: Criando uma tabela de entrada vinculada Exercise 7: Capturar indicações de promoção Exercise 8: Testando comportamentos de linked input tables Exercise 9: Governando a entrada de dados em tabelas de entrada vinculadas Exercise 10: Gerenciando edições na tabela de entrada de agentes de empréstimo

No Capítulo 2, você aprende a tornar seus apps de IA mais interativos e responsivos usando modais e sequências de ações. Modais permitem apresentar janelas pop-up focadas dentro do app, oferecendo acesso a informações adicionais ou um espaço para entradas mais detalhadas sem poluir a interface principal. Você verá como modais podem melhorar a usabilidade e guiar o usuário em tarefas específicas. O capítulo também apresenta as sequências de ações, que permitem que os apps respondam dinamicamente a ações do usuário, como clicar em um botão ou selecionar uma linha de tabela. Você aprende a disparar vários efeitos a partir de uma única interação, ajudando a automatizar fluxos de trabalho e simplificar a experiência do usuário. Juntos, modais e sequências de ações oferecem ferramentas poderosas para criar apps que parecem intuitivos, interativos e orientados a objetivos.

Exercise 1: Usando modais para registrar decisões e entradas do usuário Exercise 2: Crie um modal para capturar indicações para promoção Exercise 3: Usando sequências de ações para fluxos de trabalho em apps Exercise 4: Entendendo sequências de ações básicas Exercise 5: Criando uma sequência de ações para abrir um modal Exercise 6: Disparando a abertura e o fechamento de um modal Exercise 7: Preenchendo modais com valores de controles Exercise 8: Preenchendo um modal com IDs de gerentes de crédito Exercise 9: Registrar nomeações com uma sequência de ações Exercise 10: Adicionando sequências de ações condicionais Exercise 11: Evitando nomeações duplicadas

O Capítulo 3 foca em aprimorar a interface e a experiência geral dos seus apps de IA. Você começa aprendendo sobre popovers, um elemento de UI versátil usado para ocultar menus de filtro ou exibir informações contextuais apenas quando necessário. Isso ajuda a manter os apps limpos, mas ainda assim oferece aos usuários acesso fácil a controles e detalhes. O capítulo também explora diversos recursos de design e organização que melhoram a usabilidade e o apelo visual. Você aprende a incorporar botões de navegação, divisores e contêineres com abas para estruturar o conteúdo e orientar melhor os usuários pelo app. Ao final do Capítulo 3, você vai entender como escolhas cuidadosas de layout e design podem deixar seus apps de IA mais intuitivos, polidos e agradáveis de usar.

Exercise 1: Usando popovers para simplificar a interface de um app

Exercício atual

Exercise 2: Configure um popover para conter controles da página Exercise 3: Aproveitando botões para navegação e interação Exercise 4: Adicionando um botão 'Clear filters' em um popover Exercise 5: Adicionando elementos de UI e layout para organização Exercise 6: Deixando o app de promoções de gerentes de crédito mais organizado Exercise 7: Juntando tudo Exercise 8: Encerramento