Configure um popover para conter controles da página

Este exercício continua de onde você parou — mas vários controles de filtro foram adicionados à página Review & Nominate do app. Os executivos da Oakmark gostam desses controles, mas querem que você os consolide para deixar a interface menos poluída.

Ajude colapsando os controles em um popover.

Este exercicio faz parte do curso

Introdução a Apps de IA no Sigma

Ver curso

exercicio interativo prático

Transforme teoria em prática com um dos nossos exercicio interativos

Iniciar exercicio

Este exercicio faz parte do curso

Introdução a Apps de IA no Sigma

InicianteNível de habilidade

4.9+

123 reviews

Comece o curso gratuitamente

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 dos 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 a interação direta com os conjuntos de dados subjacentes. O capítulo também aborda as melhores 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ê terá uma compreensão sólida de como coletar entradas do usuário com segurança e eficácia, 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, dando aos usuários acesso a informações adicionais ou oferecendo um espaço para entradas mais detalhadas sem poluir a interface principal. Você verá como modais melhoram a usabilidade e guiam os usuários por 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 acionar 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 construir apps que parecem intuitivos, interativos e com propósito.

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 do usuário nos 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 uma variedade de recursos de design e organização que aumentam 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 guiar melhor os usuários pelo app. Ao final do Capítulo 3, você vai entender como escolhas cuidadosas de layout e design tornam seus apps de IA mais intuitivos, bem-acabados e agradáveis de usar.

Exercise 1: Usando popovers para simplificar a interface de um app Exercise 2: Configure um popover para conter controles da página

Exercicio Atual

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