Partilhar via


Gerar uma página usando linguagem natural

Use linguagem natural para criar uma página generativa que é criada usando IA. As páginas generativas são uma experiência condicionada por IA concebida para simplificar, acelerar e melhorar o processo de design de aplicações em aplicações condicionadas por modelo. Ao interagir com o agente da aplicação, cria páginas totalmente funcionais nas suas aplicações condicionadas por modelo ao descrever o que precisa em linguagem natural e especificar que tabelas do Microsoft Dataverse referenciar. Pode até anexar uma imagem de como gostaria que a página parecesse.

Depois de descrever a página, o sistema processa os seus requisitos e especificações e gera de forma inteligente o código React que abrange tanto a experiência de front-end do utilizador, selecionando os componentes certos e determinando o melhor esquema e a lógica de negócio correspondente. Através de uma experiência interativa e conversacional, pode refinar o design da página em tempo real, ajustando elementos, esquema e funcionalidade para combinar perfeitamente com a sua visão.

Pré-requisitos

  • O ambiente do Power Platform tem de estar localizado na região dos EUA. Este recurso ainda não está disponível em outras regiões.

Criar uma página generativa em aplicações condicionadas por modelo

  1. Inicie sessão no Power Apps.

  2. Abra uma aplicação condicionada por modelo para edição.

  3. No estruturador de aplicações, selecione Adicionar uma página>Descrever uma página.

    Uma experiência de página inteira generativa é aberta.

  4. Na caixa de texto, escreva uma descrição do tipo de página que deseja criar. A descrição deve incluir requisitos funcionais e, opcionalmente, quaisquer especificações de UX opcionais. Por exemplo, pode introduzir Criar uma página que mostra registos de Conta como uma galeria de cartões que usa um aspeto moderno. Inclua o nome, a imagem da entidade no topo e o site, e-mail, número de telefone. Torne a galeria deslocável usando dados da tabela Conta.

  5. Adicione tabelas e imagens conforme apropriado ao selecionar Adicionar dados>Adicionar tabela. Pode associar até seis tabelas do Dataverse. Na captura de ecrã, a tabela Conta é adicionada. Adicione uma tabela à página generativa

  6. Opcionalmente, carregue uma imagem para guiar a IU da página gerada ao selecionar Adicionar dados>Anexar imagem. Pode ser um esboço num guardanapo ou uma imagem de resolução mais alta.

  7. Opcionalmente, escolha o modelo de IA que você deseja usar para gerar a página. Escolha o modelo de IA que você deseja usar para gerar sua página

  8. Quando terminar de descrever a página, selecione Gerar página.

O agente iniciará um processo de compilação de várias etapas que você pode observar em tempo real:

  • Transmitindo seus pensamentos: o agente primeiro descreve sua interpretação do prompt, listando requisitos, suposições e um plano de execução.
  • Geração de código: Em seguida, ele escreve o código subjacente para sua página com base no plano.
  • Transpilação: O código gerado é então transpilado para garantir compatibilidade e renderização adequada.
  • Renderização final: Finalmente, a experiência do usuário concluída é exibida.

Se a experiência do usuário não for exibida no final desse processo, você poderá visualizá-la selecionando a guia Visualizar .

Uma experiência de utilizador de página gerada

Veja o código gerado, iterar e publicar

Depois de gerar sua página, você tem várias opções para refiná-la e finalizá-la:

  1. Ver e editar o código gerado Selecione a guia Código para exibir o código gerado pelo agente do aplicativo. Ver o código da página generativa e iterar no design

    Você pode refinar a saída de duas maneiras:

    • Converse com o agente do aplicativo de forma iterativa para corrigir erros, ajustar o layout ou adicionar funcionalidade.
    • Edite manualmente o código selecionando Editar na guia Código. Depois de fazer algumas edições, você pode selecionar Salvar para confirmar as alterações como uma nova iteração ou Cancelar para descartar as alterações.
  2. Comparar iterações Depois de concluir duas ou mais iterações com o agente, você pode selecionar Comparar na guia Código para exibir uma diferença de código entre a iteração atual e a anterior.

    Nota

    Atualmente, esse recurso só está disponível a partir da segunda iteração na sessão atual.

  3. Anexar uma captura de ecrã para referência rápida Na experiência de chat, clique em Anexar>Adicionar captura de tela para incluir uma captura de tela da visualização atual com sua próxima interação com o agente de aplicativo. Isso é útil para ajudar a ajustar os visuais da página.

  4. Guardar e publicar Na barra de comandos, selecione Salvar para evitar perder o progresso na sua página.
    Quando estiver satisfeito com a sua página, selecione Guardar e Publicar para publicar todas as alterações pendentes da aplicação, incluindo quaisquer páginas generativas.

Importante

Embora o agente faça uma tentativa de melhor esforço para gerar código completo e pronto para produção, incluindo considerações sobre práticas recomendadas de acessibilidade e segurança, você é, em última análise, responsável pela validação do código. Certifique-se de que o código gerado atenda aos padrões e requisitos de conformidade da sua organização.

Adicionando páginas generativas a soluções

As páginas generativas reconhecem a solução e podem ser adicionadas a uma solução (por meio de um aplicativo) para facilitar a movimentação entre ambientes. Para adicionar uma página generativa a uma solução, faça o seguinte:

Importante

Se a sua página generativa foi criada durante a fase de pré-visualização, deve carregar a página generativa no estruturador de aplicações do modelo para iniciar uma migração única para o novo modelo de dados com reconhecimento de solução. Quando a página for carregada no designer, você verá uma mensagem de progresso "Atualizando sua página". Não feche a janela até que a migração seja concluída.

  1. Adicionar o aplicativo que contém sua(s) página(s) generativa(s) a uma solução
    • Em Power Apps, selecione Soluções no painel de navegação esquerdo e abra a solução desejada.
    • Selecione Adicionar existente > Aplicação > Aplicação condicionada por modelo.
    • Selecione o aplicativo que contém as páginas generativas.
  2. Exportar a solução (como gerenciada ou não gerenciada)
    • Verifique se o sitemap do aplicativo está incluído na solução. Caso contrário, deve ser solicitado durante as verificações de dependência.
    • As páginas generativas (mostradas como linhas do UX Agent Project ) também serão solicitadas com base em sua dependência no sitemap.

Nota

Verifique estes itens se nenhuma página generativa for solicitada durante as verificações de dependência:

  • As páginas criadas durante a pré-visualização só serão apresentadas se tiverem sido migradas. Carregue-os no designer para iniciar a migração.
  • Se o sitemap estiver incluído na solução e suas páginas generativas tiverem sido migradas, tente fazer uma pequena alteração no sitemap (por exemplo, reordenar ou renomear uma página), republicando o aplicativo e tentando exportar novamente.

Após a exportação, você pode importar o aplicativo e as páginas generativas para outro ambiente. Quando aberto no designer no ambiente de destino, apenas o primeiro prompt e o código publicado estarão disponíveis. A conversa completa do agente não é transferida com a página.

Limitações

Estas são as limitações atuais das páginas generativas:

  • A sua página só se pode ligar a tabelas do Dataverse (até 6 para uma única página). Pode realizar operações de criar, ler, atualizar e eliminar (CRUD) nessas tabelas. Não podem ser utilizadas outras origens de dados.
  • Seu prompt pode ter no máximo 50.000 caracteres.
  • Só inglês dos EUA é suportado.
  • A colaboração não é suportada. Certifique-se de que apenas um criador está a trabalhar numa página generativa de cada vez para evitar conflitos não intencionais.
  • Apenas estes tipos de dados são suportados:
    • Opção
    • Moeda
    • Customer
    • Data e Hora
    • Apenas Data
    • Número Decimal
    • Número de Vírgula Flutuante
    • Imagem
    • Procura
    • Texto Multilinha
    • Status
    • Razão do Estado
    • Texto
    • Número Inteiro
    • Sim/Não
    • Identificador Exclusivo

Perguntas mais frequentes

Posso começar a conceber a minha aplicação no Estruturador de Planos e, em seguida, usar páginas generativas?

Sim, embora atualmente não haja integração direta entre planos e páginas generativas, você pode usar planos para definir suas tabelas e aplicativos e, em seguida, alternar para o designer de aplicativos para criar as páginas generativas desejadas.

Existem taxas adicionais ou créditos necessários para usar páginas generativas?

Não, a experiência de criador para páginas generativas (e planos) não exige créditos adicionais de IA ou de mensagem.

Que tipo de imagens funcionam melhor para orientar a geração de IU?

Depende do seu objetivo. Se você sabe exatamente como deseja que a página final pareça, esboços ou wireframes claros e detalhados (sejam desenhados à mão ou digitais) são mais eficazes. Se você tem apenas um conceito geral e quer que o agente preencha os detalhes, esboços rápidos de quadro branco ou até mesmo desenhos de guardanapo podem funcionar bem.

Posso usar páginas generativas com aplicações de tela ou outros tipos de aplicações?

Não, as páginas generativas são atualmente apenas suportadas em aplicações condicionadas por modelo.

Existe uma forma de reutilizar ou de clonar uma página generativa entre ambientes?

Sim, as páginas generativas são elementos com reconhecimento de solução que podem ser movidos entre ambientes. Apenas a última versão publicada do código e o primeiro prompt são mantidos com a solução; O histórico completo de revisões permanece no ambiente original.

Posso editar manualmente o código gerado?

Yes. Você pode editar manualmente o código gerado selecionando Editar na guia Código . Suas alterações são salvas como uma nova iteração. Selecione Cancelar para cancelar as edições se optar por não mantê-las.

É garantido que o código gerado por páginas generativas esteja pronto para produção e em conformidade com os padrões da minha organização?

Não Embora o agente faça uma tentativa de melhor esforço para produzir código de alta qualidade e pronto para produção com as melhores práticas de acessibilidade e segurança em mente, é sua responsabilidade validar a saída. Sempre revise o código gerado para garantir que ele esteja alinhado com os padrões, políticas e requisitos de conformidade da sua organização.

Como forneço feedback sobre a caraterística?

A melhor forma de fornecer feedback sobre páginas generativas é usar os botões de polegar para cima/para baixo na experiência de chat que estão disponíveis após cada iteração. Também recomendamos vivamente que selecione Sim em Partilhar amostras de conteúdo relevante e ficheiros de registo adicionais para que possamos depurar ou tentar recriar quaisquer problemas que tenha encontrado com a caraterística.

E se eu não vir as páginas generativas ativadas no meu ambiente?

Confirme se o seu ambiente está na região dos EUA.