

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Tutorial: Gere um aplicativo usando IA
<a name="getting-started-tutorial-ai"></a>

AWS O App Studio contém recursos generativos de IA em todo o serviço para ajudar a acelerar a criação de aplicativos. Neste tutorial, você aprenderá como gerar um aplicativo usando IA descrevendo seu aplicativo usando linguagem natural. 

Usar a IA para gerar um aplicativo é uma ótima maneira de começar a criar, pois muitos dos recursos do aplicativo são criados para você. Normalmente, é muito mais fácil começar a criar a partir de um aplicativo gerado com recursos existentes do que começar a partir de um aplicativo vazio.

**nota**  
Você pode ver a postagem do blog [Crie aplicativos de nível corporativo com linguagem natural usando o AWS App Studio (versão prévia)](https://aws.amazon.com/blogs/aws/build-custom-business-applications-without-cloud-expertise-using-aws-app-studio-preview) para ver um passo a passo semelhante que inclui imagens. A postagem do blog também contém informações sobre como instalar e configurar recursos relacionados ao administrador, mas você pode pular para a parte sobre a criação de aplicativos, se desejar.

Quando o App Studio gera um aplicativo com IA, ele cria o aplicativo com os seguintes recursos, personalizados para o aplicativo que você descreveu:
+ **Páginas e componentes**: *os componentes* são os blocos de construção da interface de usuário do seu aplicativo. Eles representam elementos visuais como tabelas, formulários e botões. Cada componente tem seu próprio conjunto de propriedades, e você pode personalizar um componente para atender às suas necessidades específicas. *As páginas* são os contêineres dos componentes.
+ **Automações**: você usa *automações* para definir a lógica e os fluxos de trabalho que governam o comportamento do seu aplicativo. Por exemplo, você pode usar automações para criar, atualizar, ler ou excluir linhas em uma tabela de dados ou para interagir com objetos em um bucket do Amazon S3. Você também pode usá-los para lidar com tarefas como validação de dados, notificações ou integrações com outros sistemas.
+ **Entidades**: os dados são as informações que impulsionam seu aplicativo. O aplicativo gerado cria *entidades* semelhantes às tabelas. As entidades representam os diferentes tipos de dados que você precisa armazenar e trabalhar, como clientes, produtos ou pedidos. Você pode conectar esses modelos de dados a uma variedade de fontes de dados, incluindo AWS serviços e externas APIs, usando conectores do App Studio.

**Contents**
+ [Pré-requisitos](#getting-started-tutorial-ai-prerequisites)
+ [Etapa 1: Criar um aplicativo do](#getting-started-tutorial-ai-steps-create-application)
+ [Etapa 2: Explore seu novo aplicativo](#getting-started-tutorial-ai-steps-explore)
  + [Explore páginas e componentes](#getting-started-tutorial-ai-steps-explore-pages)
  + [Explore automações e ações](#getting-started-tutorial-ai-steps-explore-automations)
  + [Explore dados com entidades](#getting-started-tutorial-ai-steps-explore-data-entities)
+ [Etapa 3: visualize seu aplicativo](#getting-started-tutorial-ai-steps-preview)
+ [Próximas etapas](#getting-started-tutorial-ai-next-steps)

## Pré-requisitos
<a name="getting-started-tutorial-ai-prerequisites"></a>

Antes de começar, analise e preencha os seguintes pré-requisitos:
+ Acesso ao AWS App Studio. Para obter mais informações, consulte [Configurando e fazendo login no AWS App Studio](setting-up.md).
+ Opcional: revise [AWS Conceitos do App Studio](concepts.md) para se familiarizar com conceitos importantes do App Studio.

## Etapa 1: Criar um aplicativo do
<a name="getting-started-tutorial-ai-steps-create-application"></a>

A primeira etapa na geração de um aplicativo é descrever o aplicativo que você deseja criar para o assistente de IA no App Studio. Você pode revisar o aplicativo que será gerado e iterar conforme desejado antes de gerá-lo.

**Para gerar seu aplicativo usando IA**

1. Faça login no App Studio.

1. Na navegação à esquerda, escolha **Builder hub** e escolha **\$1 Criar aplicativo**.

1. Escolha **Gerar um aplicativo com IA**.

1. No campo **Nome do aplicativo**, forneça um nome para seu aplicativo.

1. Na caixa de diálogo **Selecionar fontes de dados**, escolha **Ignorar**.

1. Você pode começar a definir o aplicativo que deseja gerar descrevendo-o na caixa de texto ou escolhendo **Personalizar** em um exemplo de prompt. Depois de descrever seu aplicativo, o App Studio gera os requisitos e detalhes do aplicativo para você analisar. Isso inclui casos de uso, fluxos de usuários e modelos de dados.

1. Use a caixa de texto para iterar com seu aplicativo conforme necessário até ficar satisfeito com os requisitos e os detalhes.

1. Quando você estiver pronto para gerar seu aplicativo e começar a criar, escolha **Gerar aplicativo**.

1. Opcionalmente, você pode ver um pequeno vídeo que detalha como navegar pelo seu novo aplicativo.

1. Escolha **Editar aplicativo** para entrar no ambiente de desenvolvimento do seu aplicativo.

## Etapa 2: Explore seu novo aplicativo
<a name="getting-started-tutorial-ai-steps-explore"></a>

No ambiente de desenvolvimento, você encontrará os seguintes recursos:
+ Uma tela que você usa para visualizar ou editar seu aplicativo. A tela muda dependendo do recurso selecionado.
+ Guias de navegação na parte superior da tela. As guias estão descritas na lista a seguir:
  + **Páginas**: onde você usa páginas e componentes para criar a interface do usuário do seu aplicativo.
  + **Automações**: onde você usa ações em automações para definir a lógica de negócios do seu aplicativo.
  + **Dados**: onde você define entidades, seus campos, dados de amostra e ações de dados para definir os modelos de dados do seu aplicativo.
  + **Configurações do aplicativo**: onde você define as configurações do seu aplicativo, incluindo as funções do aplicativo, que você usa para definir a visibilidade das páginas com base nas funções para seus usuários finais.
+ Um menu de navegação do lado esquerdo, que contém recursos com base na guia que você está visualizando.
+ Um menu do lado direito que lista recursos e propriedades dos recursos selecionados nas guias **Páginas** e **Automações.**
+ Um console de depuração que exibe avisos e erros na parte inferior do construtor. Pode haver erros no aplicativo gerado. Isso provavelmente se deve às automações que exigem um conector configurado para realizar ações, como enviar um e-mail com o Amazon Simple Email Service.
+ Uma janela de bate-papo **Ask AI** para obter ajuda contextual do assistente de criação de IA.

Vamos examinar mais de perto as guias **Páginas**, **Automações** e **Dados**.

### Explore páginas e componentes
<a name="getting-started-tutorial-ai-steps-explore-pages"></a>

A guia **Páginas** mostra as páginas e seus componentes que foram gerados para você.

Cada página representa uma tela da interface de usuário (UI) do seu aplicativo com a qual seus usuários interagirão. Nessas páginas, você pode encontrar vários componentes (como tabelas, formulários e botões) para criar o layout e a funcionalidade desejados.

Reserve algum tempo para visualizar as páginas e seus componentes usando o menu de navegação do lado esquerdo. Ao selecionar uma página ou componente, você pode escolher **Propriedades** no menu do lado direito.

### Explore automações e ações
<a name="getting-started-tutorial-ai-steps-explore-automations"></a>

A guia **Automações** mostra as automações e suas ações que foram geradas para você.

As automações definem a lógica comercial do seu aplicativo, como criar, visualizar, atualizar ou excluir entradas de dados, enviar e-mails ou até mesmo invocar funções APIs Lambda.

Reserve um tempo para visualizar as automações usando o menu de navegação do lado esquerdo. Ao escolher uma automação, você pode visualizar suas propriedades no menu **Propriedades** do lado direito. Uma automação contém os seguintes recursos:
+ As automações são compostas por ações individuais, que são os alicerces da lógica de negócios do seu aplicativo. Você pode visualizar as ações de uma automação no menu de navegação do lado esquerdo ou na tela de uma automação selecionada. Ao selecionar uma ação, você pode visualizar suas propriedades no menu **Propriedades** do lado direito.
+ Os parâmetros de automação são como os dados são passados para uma automação. Os parâmetros atuam como espaços reservados que são substituídos por valores reais quando a automação é executada. Isso permite que você use a mesma automação com entradas diferentes a cada vez.
+ A saída de automação é onde você configura o resultado de uma automação. Por padrão, uma automação não tem saída, portanto, para usar o resultado de uma automação em componentes ou outras automações, você deve defini-los aqui.

Para obter mais informações, consulte [Conceitos de automação](automations-concepts.md).

### Explore dados com entidades
<a name="getting-started-tutorial-ai-steps-explore-data-entities"></a>

A guia **Dados** mostra entidades que foram geradas para você.

As entidades representam tabelas que contêm os dados do seu aplicativo, semelhantes às tabelas em um banco de dados. Em vez de conectar a interface de usuário (UI) e as automações do seu aplicativo diretamente às fontes de dados, elas se conectam primeiro às entidades. As entidades atuam como intermediárias entre sua fonte de dados real e seu aplicativo do App Studio. Isso fornece um único local para gerenciar e acessar seus dados.

Reserve algum tempo para visualizar as entidades que foram geradas escolhendo-as no menu de navegação do lado esquerdo. Você pode revisar os seguintes detalhes:
+ A guia **Configuração** mostra o nome da entidade e seus campos, que representam as colunas da sua entidade.
+ A guia **Ações de dados** mostra as ações de dados que foram geradas com sua entidade. Componentes e automações podem usar ações de dados para buscar dados da sua entidade.
+ A guia **Dados** de amostra mostra dados de amostra, que você pode usar para testar seu aplicativo no ambiente de desenvolvimento (que não se comunica com serviços externos). Para ter mais informações sobre ambientes, consulte [Ambientes de aplicativos](applications-publish.md#application-environments).
+ A guia **Conexão** mostra informações sobre as fontes de dados externas às quais a entidade está conectada. O App Studio fornece uma solução gerenciada de armazenamento de dados que usa uma tabela do DynamoDB. Para obter mais informações, consulte [Entidades de dados gerenciadas no AWS App Studio](managed-data-entities.md).

## Etapa 3: visualize seu aplicativo
<a name="getting-started-tutorial-ai-steps-preview"></a>

Você pode pré-visualizar um aplicativo no App Studio para ver como ele aparece para os usuários. Você também pode testar sua funcionalidade usando-a e verificando os registros em um painel de depuração.

O ambiente de pré-visualização do aplicativo não suporta a exibição de dados ativos ou a conexão com recursos externos com conectores, como fontes de dados. Em vez disso, você pode usar dados de amostra e saída simulada para testar a funcionalidade.

**Para pré-visualizar seu aplicativo para testes**

1. No canto superior direito do criador de aplicativos, escolha **Visualizar**.

1. Interaja com as páginas do seu aplicativo.

## Próximas etapas
<a name="getting-started-tutorial-ai-next-steps"></a>

Agora que você criou seu primeiro aplicativo, aqui estão algumas próximas etapas:
+ Para outro tutorial de introdução que inclui imagens, consulte a postagem do blog [Crie aplicativos de nível corporativo com linguagem natural usando o AWS App Studio](https://aws.amazon.com/blogs/aws/build-custom-business-applications-without-cloud-expertise-using-aws-app-studio-preview) (versão prévia).
+ Os aplicativos usam conectores para enviar e receber dados ou para se comunicar com serviços externos (serviços e AWS serviços de terceiros). É necessário aprender mais sobre conectores e como configurá-los para criar aplicativos. Observe que você deve ter a função de **administrador** para gerenciar conectores. Para saber mais, consulte [Conecte o App Studio a outros serviços com conectores](connectors.md).
+ Para saber mais sobre como visualizar, publicar e, eventualmente, compartilhar seu aplicativo com usuários finais, consulte[Visualizando, publicando e compartilhando aplicativos](applications-preview-publish-share.md).
+ Continue explorando e atualizando o aplicativo que você gerou para ter uma experiência prática.
+ Para saber mais sobre a criação de aplicativos, confira [Documentação do Builder](builder-documentation.md) o. Especificamente, os tópicos a seguir podem ser úteis para explorar:
  + [Referência de ações do Automation](automations-actions-reference.md)
  + [Referência de componentes](components-reference.md)
  + [Interagindo com o Amazon Simple Storage Service com componentes e automações](automations-s3.md)
  + [Considerações e mitigações de segurança](security-considerations-and-mitigations.md)