Novidades: App Builder com Recursos de IA Mais Inteligentes, ApexCharts, Melhorias na Pivot Grid e Muito Mais
O lançamento de agosto do App Builder traz recursos poderosos de IA, componentes de visualização, manipulação de dados mais fácil e interações de usuário aprimoradas. Confira.
Zdravko Kolev 7min read O mais recente lançamento do App Builder traz recursos poderosos de IA, componentes de visualização, manipulação de dados mais fácil e interações de usuário aprimoradas para seu fluxo de trabalho de design para código. A Pivot Grid leva a eficiência um passo além ao gerar automaticamente dimensões e valores a partir dos campos de dados, oferecendo uma visualização de pivô pronta para uso em segundos. Para experiências de interface de usuário mais suaves, adicionamos um recurso de Item de Lista Selecionado que aplica estilos e armazena valores escolhidos, além de novos modelos de Grade Vazia e Indicador de Carregamento para fornecer feedback significativo ao trabalhar com grades de dados.
Antes de mergulhar nessas novas funcionalidades, se esta é sua primeira vez aprendendo sobre o App Builder, deixe-me compartilhar rapidamente por que você deve considerá-lo uma ferramenta-chave no processo de desenvolvimento de aplicativos para sua organização:
- Um construtor de aplicativos visual – a plataforma unificada para executivos de nível C, arquitetos corporativos, líderes de equipe de desenvolvimento, designers, desenvolvedores e stakeholders.
- Ferramenta em nuvem WYSIWYG com arrastar e soltar que ajuda empresas a projetar e construir aplicativos completos 80% mais rápido do que nunca.
- Uma ferramenta low-code que gera código pronto para produção para Angular, React, Web Components e Blazor, e converte designs do Figma em código.
Desta vez, vou começar com as novidades da perspectiva de IA no App Builder.
Aumente a Produtividade com Recursos de IA Mais Inteligentes
Este lançamento traz várias melhorias que tornam a geração de aplicativos mais rápida, precisa e fácil de interagir. De estruturas de saída mais limpas a novas formas de gerar visualizações e temas, os recursos de IA agora se integram de forma mais perfeita ao seu fluxo de trabalho.
Saída de Aplicativos com Melhor Estrutura
Os aplicativos gerados por IA agora vêm com layout aprimorado, organização de componentes e estrutura de conteúdo. Isso significa que seus aplicativos gerados exigem menos limpeza manual, permitindo que você se concentre em refinar design e lógica em vez de corrigir inconsistências.
Atalhos de Teclado e Diálogos de Confirmação
Produtividade e segurança recebem um impulso com atalhos de teclado para o painel de chat de IA e área de design:
- Ctrl/Cmd + Shift + C – Iniciar um novo chat na visualização atual
- Ctrl/Cmd + Alt + C – Iniciar um novo chat em uma nova visualização
- F2 – Renomear item de histórico selecionado
- Ctrl/Cmd + Shift + A – Abrir o painel GenAI em qualquer lugar da área de design
Além disso, ações destrutivas, como excluir uma etapa de chat ou uma sessão inteira, agora acionam diálogos de confirmação, evitando perda de dados acidental e alinhando o comportamento de IA com o resto da plataforma.
Gerar Visualizações a partir de Imagens
Você pode agora carregar uma ou mais imagens e deixar a IA gerar visualizações de aplicativos correspondentes automaticamente. Este recurso simplifica fluxos de trabalho de design, transformando ativos visuais em layouts de aplicativos funcionais em segundos.
Gerenciamento de Tema Alimentado por IA
Criar e atualizar temas agora é mais fácil com assistência de IA. O App Builder pode gerar, modificar e excluir temas com base em sua entrada, ajudando você a manter uma marca e estilo consistentes em seus aplicativos.
Prompt: “mude as cores desta visualização para serem baseadas em outono”
Geração de Fonte de Dados Mais Inteligente
A IA agora produz fontes de dados mais precisas para componentes como Grids e Gráficos de Dados, reduzindo o tempo de configuração e tornando os aplicativos gerados imediatamente funcionais.
Prompt: “Estou criando um painel interno para minha empresa de logística para rastrear remessas diárias, inventário de armazém e desempenho de entrega. Preciso de uma página que exiba KPIs, gráficos e tabelas de forma limpa e organizada, com filtros rápidos para intervalos de datas e status de remessa. Deve dar aos gerentes uma visão geral instantânea do desempenho do negócio.”
Resultado:
Fala para Texto para Prompts de IA
A interação com IA é ainda mais intuitiva com suporte a fala para texto. Clique no botão de microfone na área de prompt, fale suas instruções e veja-as transcrever diretamente no campo de texto, perfeito para fluxo de trabalho com as mãos livres ou captura rápida de ideias.
Experimente como essas atualizações de IA tornam a construção de aplicativos mais rápida, inteligente e mais interativa em https://preview.appbuilder.dev/
Agora, voltando ao site de Produção do App Builder. O que há de novo neste lançamento do App Builder?
Pivô com Mais Inteligência com Visualizações Geradas Automaticamente
Configurar uma Pivot Grid agora é mais fácil do que nunca. Em vez de definir manualmente linhas, dimensões e valores, o App Builder gera automaticamente a visualização de pivô com base na fonte de dados que você conecta. Simplesmente solte uma Pivot Grid na sua tela, vincule-a aos seus dados, e o layout é criado para você.
Isso significa:
- Configuração mais rápida
- Menos etapas de configuração
- E insight instantâneo nos seus dados.
Você sempre pode refinar o layout depois, mas a geração automática oferece um ponto de partida funcional que economiza tempo e aumenta a produtividade.
Confira como a configuração de pivô pode ser fácil:
Melhore a UX com Funcionalidade de Item de Lista Selecionado
As listas no App Builder ficaram ainda mais interativas. Com suporte a seleção de item de lista, você pode agora criar listas dinâmicas e com estado, onde itens selecionados são estilizados consistentemente e seus valores armazenados para uso posterior. Este recurso está disponível em Listas vinculadas a dados. Se seus itens de Lista forem declarados manualmente, a opção “Ativar seleção de item” não será aplicável. Isso abre cenários como:
- Destaque de uma ação escolhida em um portfólio
- Marcação de um cliente ativo em um diretório
- Ou construção de fluxos de trabalho simples baseados em seleção
Além disso, o estado de seleção pode ser vinculado a variáveis, facilitando a reutilização e aplicação em outras partes da lógica do seu aplicativo.
Veja como a seleção de lista funciona na prática:
Dê Vida às Suas Grids com Modelos Vazios e de Carregamento
As Grids agora oferecem suporte a dois novos estados projetados para melhorar o feedback do usuário: o Modelo de Grade Vazia e o Modelo de Indicador de Carregamento. Esses estados permitem que você informe aos usuários quando não há dados para exibir ou quando dados estão sendo ativamente buscados.
- Modelo de Grade Vazia: Configure um espaço reservado com texto, ícones ou imagens quando nenhum registro for retornado, perfeito para consultas dinâmicas que podem retornar zero resultados.
- Modelo de Indicador de Carregamento: Mostre uma interface de carregamento enquanto chamadas de dados assíncronos estão em andamento, fornecendo feedback claro durante tempos de espera.
Ambos os modelos são configuráveis no Painel de Propriedades do App Builder e suportados em Data Grid, Tree Grid, Hierarchical Grid e Row Islands. Enquanto o sinalizador isLoading deve ser definido manualmente após a geração de código, o App Builder gerencia a configuração em tempo de design para que você possa se concentrar em personalizar a experiência do usuário.
Conclusão…
Este lançamento reflete nosso compromisso contínuo em entregar experiências de aplicativos escaláveis e modernas no App Builder. Quer você esteja projetando grids de dados complexos, aplicando regras de validação robustas ou otimizando fluxos de trabalho de DevOps, esta atualização oferece as ferramentas para se mover mais rápido e construir melhor.
Experimente os novos recursos hoje em appbuilder.dev
App Builder é um divisor de águas no processo de desenvolvimento de aplicativos. Com seu construtor visual baseado em nuvem, capacidades de baixo código e novos recursos, é uma ferramenta obrigatória para qualquer organização. Experimente hoje! Se você precisa de mais detalhes, o encorajamos a conferir nosso:
Para experimentar tudo nas últimas atualizações do App Builder, visite seu portal de cliente e obtenha a versão mais recente. Como sempre, estamos animados em ouvir seus comentários e saber o que você gostaria de adicionar ou recomendar. Portanto, envie-me um e-mail em zkolev@appbuilder.dev e me informe como podemos ajudá-lo a continuar entregando valor a seus clientes com Infragistics.
Atualizações de Produto
app builder lançamento do app builder código baixo desenvolvimento de código baixo
