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á.
# Carregue e modifique o projeto de demonstração do Infrastructure Composer
Use este tutorial para se familiarizar com a interface de usuário do Infrastructure Composer e aprender como carregar, modificar e salvar o projeto de demonstração do Infrastructure Composer.
Este tutorial é feito no console do Infrastructure Composer. Depois de concluído, você estará pronto para começar[Crie seu primeiro aplicativo com o Infrastructure Composer](getting-started-build.md).
**Topics**
+ [Etapa 1: abrir a demonstração](#getting-started-demo-open)
+ [Etapa 2: Explore a tela visual do Infrastructure Composer](#getting-started-demo-navigate)
+ [Etapa 3: Expandir sua arquitetura de aplicativos](#getting-started-demo-expand)
+ [Etapa 4: Salve seu aplicativo](#getting-started-demo-save)
+ [Próximas etapas](#getting-started-demo-next)
## Etapa 1: abrir a demonstração
Comece a usar o Infrastructure Composer criando um projeto de demonstração.
**Para criar um projeto de demonstração**
1. Faça login no [console do Infrastructure Composer](https://console.aws.amazon.com/composer).
1. Na página **inicial**, escolha **Abrir demonstração**.
O aplicativo de demonstração é um aplicativo básico sem servidor para criar, ler, excluir e atualizar (CRUD) que inclui:
+ Um recurso do Amazon API Gateway com cinco rotas.
+ Cinco AWS Lambda funções.
+ Uma tabela do Amazon DynamoDB.
A imagem a seguir é da demonstração:
![\[A tela visual do Infrastructure Composer, mostrando um aplicativo CRUD básico sem servidor.\]](http://docs.aws.amazon.com/pt_br/infrastructure-composer/latest/dg/images/aac_t1_09.png)
## Etapa 2: Explore a tela visual do Infrastructure Composer
Conheça os recursos da tela visual para criar seu projeto de demonstração do Infrastructure Composer. Para obter uma visão geral do layout da tela visual, consulte[Visão geral visual](reference-visual.md).
**Para explorar as características da tela visual**
1. Quando você abre um projeto de aplicativo novo ou existente, o Infrastructure Composer carrega a visualização em tela, conforme indicado acima da área de visualização principal.
![\[Os botões de visualização Canvas e Template na parte superior da área de visualização principal do Infrastructure Composer.\]](http://docs.aws.amazon.com/pt_br/infrastructure-composer/latest/dg/images/aac_t1_02.png)
Para mostrar o código de infraestrutura do seu aplicativo na área de exibição principal, escolha **Modelo**. Por exemplo, aqui está a visualização do modelo AWS Serverless Application Model (AWS SAM) do projeto de demonstração do Infrastructure Composer.
![\[Captura de tela da visualização do modelo do Infrastructure Composer mostrando o código do modelo do projeto de demonstração.\]](http://docs.aws.amazon.com/pt_br/infrastructure-composer/latest/dg/images/aac_t1_03.png)
1. Para mostrar novamente a visualização em tela do seu aplicativo, escolha **Canvas**.
1. Para mostrar os recursos do seu aplicativo organizados em uma visualização em árvore, escolha **Lista**.
![\[Na tela visual do Infrastructure Composer, a guia Lista é selecionada e mostra uma visualização em árvore do seu aplicativo.\]](http://docs.aws.amazon.com/pt_br/infrastructure-composer/latest/dg/images/aac_t1_05.png)
1. Para mostrar a paleta de recursos, escolha **Recursos**. Essa paleta apresenta cartões que você pode usar para expandir a arquitetura do seu aplicativo. Você pode pesquisar cartões ou percorrer a lista.
![\[A paleta de recursos é selecionada e mostra os recursos em destaque que você pode usar na arquitetura do seu aplicativo.\]](http://docs.aws.amazon.com/pt_br/infrastructure-composer/latest/dg/images/aac_t1_10.png)
1. Para se mover pela tela visual, use gestos básicos. Para obter mais informações, consulte [Coloque cartões na tela](reference-navigation.md).
## Etapa 3: Expandir sua arquitetura de aplicativos
Nesta etapa, você expandirá a arquitetura do seu aplicativo adicionando uma função Lambda à sua tabela do DynamoDB.
**Para adicionar uma função Lambda à sua tabela do DynamoDB**
1. Na paleta de **recursos (Resources**), arraste o cartão do componente aprimorado **da Função Lambda** até a tela, à direita do cartão de tabela do **DynamoDB**.
![\[A demonstração está em tela com uma função Lambda ao lado da tabela do DynamoDB.\]](http://docs.aws.amazon.com/pt_br/infrastructure-composer/latest/dg/images/aac_t1_07.png)
1. Conecte a tabela do DynamoDB à função Lambda. Para conectá-los, clique na porta direita da placa **DynamoDB** Table e arraste-a até a porta esquerda da placa **Lambda** Function.
1. Escolha **Organizar** para organizar os cartões na visualização em tela.
![\[A demonstração está em tela com uma função Lambda conectada à tabela do DynamoDB.\]](http://docs.aws.amazon.com/pt_br/infrastructure-composer/latest/dg/images/aac_t1_08.png)
1. Configure sua função Lambda. Para configurá-lo, faça o seguinte:
+ Na visualização em tela, modifique as propriedades da função no painel **Propriedades do recurso**. Para abrir o painel, clique duas vezes no cartão da Função **Lambda**. Ou selecione o cartão e escolha **Detalhes**. Para obter mais informações sobre as propriedades configuráveis da função Lambda listadas no painel Propriedades **do recurso**, consulte o Guia [AWS Lambda do](https://docs.aws.amazon.com/lambda/latest/dg/index.html) desenvolvedor.
+ Na visualização do modelo, modifique o código da sua função (`AWS::Serverless::Function`). O Infrastructure Composer sincroniza automaticamente suas alterações na tela. Para obter mais informações sobre o recurso de função em um AWS SAM modelo, consulte [AWS::Serverless::Function](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/sam-resource-function.html)a *referência AWS SAM de recursos e propriedades*.
## Etapa 4: Salve seu aplicativo
Salve seu aplicativo salvando manualmente seu modelo de aplicativo em sua máquina local ou ativando a **sincronização local**.
**Para salvar manualmente seu modelo de aplicativo**
1. No **menu**, selecione **Salvar > Salvar** **arquivo de modelo**.
1. Forneça um nome para seu modelo e escolha um local em sua máquina local para salvá-lo. Pressione **Salvar**.
Para obter instruções sobre como ativar a **sincronização local**, consulte[Sincronize e salve localmente seu projeto no console do Infrastructure Composer](using-composer-project-local-sync.md).
## Próximas etapas
Para começar a criar seu primeiro aplicativo, consulte[Crie seu primeiro aplicativo com o Infrastructure Composer](getting-started-build.md).