Introdução ao App Builder - Aula 1: Criar um aplicativo

Esta é a primeira aula da série de tutoriais Introdução ao App Builder, na qual você aprenderá conceitos e desenvolverá habilidades com o App Builder ao construir um aplicativo de atendimento de pedidos chamado Northwinds.

Pré-requisitos

Esta série de tutoriais requer acesso a uma instância do App Builder 4.48 com o banco de dados Northwinds já instalado. Existem duas maneiras de obter uma:

• Solicitar uma instância de treinamento com o banco de dados Northwinds pré-instalado, ou

• Baixar e instalar um pacote de lançamento contendo o banco de dados Northwinds em sua própria instância.

Solicitar uma instância de treinamento

Para obter acesso temporário a uma instância do App Builder que já possui o banco de dados Northwinds como uma fonte de dados existente, entre em contato com a Equipe de Treinamento da Jitterbit.

Baixar e instalar o Northwinds

Para usar sua própria instância do App Builder para este tutorial, siga estas etapas para baixar e instalar o banco de dados Northwinds nela:

1. Baixar o pacote de lançamento
   Use os links abaixo para baixar o pacote de lançamento correto para um desses dois tipos de banco de dados:

   Tipo de banco de dados	Link para download
   PostgreSQL	Northwinds PostgreSQL
   Microsoft SQL Server	Northwinds Microsoft SQL Server

2. Instalar o pacote de lançamento
   Em seguida, instale o pacote de lançamento em sua instância do App Builder:

   1. Faça login no App Builder.

   2. Vá para o IDE.

      Nota

      O ambiente de design integrado, ou IDE, fornece acesso rápido a todos os comandos e configurações que você precisa ao construir aplicativos. Saiba mais sobre isso em IDE.

   3. Em Deploy, clique em Instalar Release.

   4. Clique em + Pacote e depois clique em Procurar.

   5. Selecione o arquivo .LP baixado.

   6. Clique em Salvar. O painel Release à direita exibirá as informações do pacote.

   7. Feche a caixa de diálogo Pacote.

   8. Confirme se os detalhes estão corretos e clique no botão Instalar.

3. Desbloquear o aplicativo
   Finalmente, desbloqueie o aplicativo para ter acesso ao banco de dados Northwinds:

   1. Selecione IDE > Servidores de Dados.

   2. No painel Servidores de Dados, clique em Ver Todas as Fontes de Dados.

   3. Localize a fonte de dados Northwinds que você instalou e selecione-a. O painel Fonte de Dados mostrará seus detalhes.

   4. No painel Fonte de Dados, clique em Mais > Desbloquear Fonte de Dados.

Criar um novo aplicativo

Após seguir os passos acima para baixar e instalar o Northwinds, você está pronto para começar a construir seu primeiro aplicativo.

1. Acesse o Menu do Site, a página inicial do App Builder, clicando no ícone de hambúrguer no canto superior direito para acessar a gaveta de ações e, em seguida, selecionando Menu do Site.

   Nota

   A gaveta de ações é uma lista de links para recursos importantes no App Builder. Saiba mais sobre isso na gaveta de ações.

2. Acesse o IDE clicando no seu botão na parte superior.

3. No painel Build, clique em + Aplicativo. A caixa de diálogo Criar Novo Aplicativo será aberta:

   

4. Na seção ① Detalhes, faça o seguinte:

   1. Insira um nome para seu novo aplicativo no campo Nome do Aplicativo. Nesta série de tutoriais, usaremos o nome Northwinds.

   2. (Opcional) Em Carregar Logo do App, arraste e solte uma imagem, clique em Procurar para encontrar uma, ou selecione uma imagem existente no menu suspenso.

5. Na seção Fonte de Dados ②, selecione Fonte Existente.

6. Na seção Página Inicial ③, selecione Menu à Esquerda.

7. Clique em Prosseguir. A caixa de diálogo Adicionar uma Fonte ao seu aplicativo é aberta.

8. Selecione Vincular a fonte existente e clique no botão Próximo.

9. Na etapa Selecionar fontes, selecione o banco de dados relacional Northwinds.

10. Clique no botão Vincular 1 Fonte.

11. Na página de resumo, clique no botão Concluído.

O App Builder criará seu aplicativo.

Comece a projetar seu aplicativo

Agora que o App Builder criou o aplicativo, você pode encontrá-lo retornando ao menu do site e clicando no aplicativo recém-criado. Sua página inicial está vazia por enquanto:

Para começar a adicionar elementos ao seu aplicativo, vá para Gaveta de Ação > Banco de Trabalho do App. Você chegará à página inicial do Banco de Trabalho do App, que se parece com isto:

O Banco de Trabalho do App é a área principal onde você projeta seus aplicativos. É onde você encontrará as ferramentas de desenvolvimento com as quais construirá seu aplicativo e onde passará a maior parte do seu tempo desenvolvendo. Saiba mais sobre isso em Banco de Trabalho do App.

O desenvolvimento de aplicativos no App Builder é dividido em camadas, com cada camada representando um aspecto diferente do processo de desenvolvimento, e o Banco de Trabalho do App é dividido em abas que refletem essa compartimentação. Ao seguir as lições, você trabalhará em cada uma das camadas na ordem, ajudando a entender como os dados fluem através do App Builder.

Próximos passos

Você está pronto para começar a projetar sua aplicação no App Builder. Prossiga para a próxima página desta série de tutoriais, Aula 2: Adicione dados à sua aplicação.