A configuração de um novo projeto no Cronapp ocorre em apenas 4 ou 5 janelas. Com exceção do tipo de projeto (destaque 1 da figura 1) e origem do projeto (4 da figura 1), todos os demais campos podem ser modificados durante o desenvolvimento do projeto. 

Novo Projeto

Para criar um projeto, clique no botão Novo projeto (seta da Figura 1) e a primeira janela de configuração será aberta para selecionar o tipo do Ao clicar no ícone Novo projeto (Figura 1), a janela de criação espera a seleção do tipo de projeto (Low-code ou High-code) para que, em seguida, o informe um nome possa ser preenchido e de onde serão obtidos os arquivos iniciais escolhido.e selecione a origem do novo projeto.

Image AddedImage Removed

Figura 1 - Novo Projeto

1. Meus Projetos: apresenta uma lista contendo todos os projetos criados pelo usuário, além de oferecer a opção de adicionar um novo projeto por meio do botão 'Novo Projeto'. Ao clicar nesse botão, a janela correspondente à Figura 1 será exibida.
2. Tipo do Projeto:

   1. Low-code:

   Low-Code: desenvolvimento de

   1. projetos com pouca codificação, utiliza recursos visuais que geram rápido desenvolvimento.

   Apenas

   1. • Mobile e Web: seu projeto será configurado para o desenvolvimento de

   uma aplicação web

   1. • aplicações com

   Back

   1. • Front-End

   em Java;Mobile e Web: seu projeto será configurado para o desenvolvimento de aplicações

   1. • (mobile e web

   , possuindo

   1. • ) e Back-End

   em Java

   1. • .
        

        Informações

   titleDica:

   1. • É possível criar um projeto sem a parte web, bastando somente desmarcar a opção incluir Front-End web na janela de configurações.

        
        

      • Apenas Web: seu projeto será configurado para o desenvolvimento de uma aplicação com Front-End (web) e Back-End .
   High-Code
   1. • Microsserviço:  projetos de microsserviço envolvem a criação e organização de pequenos serviços independentes, facilitando a modularidade, escalabilidade e manutenção de sistemas mais complexos. 

   2. High-code: desenvolvimento convencional com codificação. É possível criar projetos nas plataformas NodeJs, Java e Python em Back-End e JavaScript e TypeScript para o Front-End

   ;

   1. .

3. Nome do projeto: campo para definir o nome do seu projeto;.

4. Origem do novo projetoFontes iniciais:

   • O projeto está sob controle de versão?: se seu projeto já foi iniciado e está em um servidor GIT, por exemploGit, marque esta opção e informe a URI , na próxima tela;, informe a URL, branch e outras informações do repositório (mais detalhes em Importar e exportar projetos).

   • Baseado em Modelo existenteCopiar modelo: essa opção cria um projeto com base em um modelo básico (veja o que vem nesse projeto em Projeto modelo);um escopo mínimo que já conta com sistema de segurança e autenticação, controle de usuários, log do sistema, cookies e muito mais (acesse Projeto modelo para mais detalhes).

   • O projeto está em um arquivo ZIP?: permite permite importar projetos compactados. Após finalizar, outra tela será aberta para selecionar o arquivo (mais detalhes em Importar e exportar projetos).

Após preencher os campos necessários, clique em Finalizar para ser direcionado para a janela de Projetos Low-code ou High-code.

Projeto Low-

code

Projetos Low-code tem o foco no desenvolvimento rápido de aplicações (RAD) e possui várias ferramentas projetada para facilitar o desenvolvimento com baixa programação. Nesse formato, a implementação do seu projeto se torna mais produtiva e fácil. Projetos nesse modelo utilizam arquitetura Java em seu Back-End e JavaScript no Front-End.Ao selecionar uma opção Low-Code e clicar em Finalizar na janela de Novo projeto (Figura 1), outra janela será aberta para iniciar as configurações iniciais.

Modelo

Os modelos possuem uma série de tecnologias (JPA, AngularJSAngular, Maven, Ionic, SpringBoot e outras) que vem integradas junto com sua aplicação. Atualmente temos disponíveis os modelos Mobile Low-code Project para projetos do tipo mobile ou mobile com e web e Projeto Web Low-code para projetos somente webapenas web.

Selecione a opção disponível e clique em Avançar.

Image AddedImage Removed

Figura 2 - Modelo para projeto do tipo mobile e web

Configuração

A próxima tela permite definir informações como o ID Id da aplicação e segurança. Essas configurações podem ser alteradas após a criação do projeto.

Realize as configurações desejadas e clique em Avançar.

Image RemovedImage Added

Figura 3 - Informe de campos para a aplicaçãoJanela de configurações iniciais do projeto apenas web

• Id ID da aplicação: identificação da aplicação.

• Incluir Front-End:

  • Em projetos web são web são gerados arquivos relacionados ao Front-End da aplicação;.

  • Nos projetos mobile e web, desmarque a opção Incluir Font-End web se desejar somente um projeto mobile.

• Incluir Back-End: seu projeto terá um Back-End Java e poderá fornecer serviços REST para serem consumidos por seu Front-End ou outras aplicações.

• Tipo de autenticação: define a define a forma de autenticação dos usuários com o sistema:

  Nenhuma;

  • Sessão; autenticação via sessão no servidor da aplicação;

  • Token; Token: gera autenticação via via jwt completamente configurado;.

  • SSO (Oauth2): clique aqui para para mais detalhes;.

  • SAML: clique aqui para mais detalhes.

  • Nenhuma.
• Posição do menu: define define o posicionamento do menu da aplicação web:da Barra de navegação web.
  Esse campo só estará disponível nessa janela ao selecionar o projeto Low-code Apenas web (destaque 2a da figura 1).
  
  • Horizontal:  (padrão) menu fica posicional posicionado horizontalmente na tela.
  • Vertical: menu fica posicionado verticalmente.
• Login por redes sociais: se permitido, o usuário poderá logar na aplicação via redes sociais; permite o usuário acessar a aplicação via redes sociais (veja mais detalhes na documentação Login por redes sociais).
• Autenticação mútua: se permitido, acrescenta um fator de segurança a mais para o projetopermite login por certificação digital (veja mais detalhes na documentação Autenticação mútua (certificado digital)).

Tema

Na próxima etapa selecione um dos vários temas disponíveis. O tema padrão adotado pelo Cronapp é o Material e ele é o único que está em conforme com as normas de acessibilidade .(mais detalhes sobre a modificação de temas em Temas e Skins).

Se a opção selecionada na janela de Novo Projeto (Figura 1) foi "Mobile e Web", essa será a última janela, basta clicar em Finalizar e aguardar o carregamento do projeto. Porém, se a opção selecionada foi "Apenas Web", clique em Avançar para ser direcionado para a janela de configuração do Banco de dados.

Image AddedImage Removed

Figura 4 - Seleção do tema para a aplicação

Banco de dados

Aplicações Web possui mais uma telaO Projeto Low-code Apenas Web (destaque 2a da figura 1) possui uma janela a mais, a de configuração do banco de dados. Essa configuração pode ser feita posteriormente em Banco de dados.

Selecione uma das opção e clique em Finalizar.

Image AddedImage Removed

Figura 5 - Seleção do banco de dados para a aplicaçãoo projeto Low-code Apenas web

1. Utilizar banco de dados temporário em disco (H2): é um banco local que utiliza memória e armazenamento em disco, normalmente utilizado para a parte inicial do desenvolvimento do sistema, como teste. Os containers, onde são publicadas as aplicações no Cronapp, não possuem armazenamento em disco. Dessa forma, quando sua aplicação for publicada, você poderá até utilizar o banco H2 e tudo irá funcionar, inclusive a gravação e leitura de dados, porém, ao parar a aplicação o container será desligado e os dados perdidos.

2. Criar ou utilizar banco de dados existente na nuvem Cronapp: Utiliza a infraestrutura de armazenamento do Serviço de Cloud do Cronapp. Possui confiabilidade, escalabilidade e segurança para o seu projeto.

   • Bancos de dados na nuvem: exibe os bancos de dados na nuvem do Cronapp associados a sua conta;

   • Novo banco de dados na nuvem: Cria banco de dados na nuvem do Cronapp:

     • +: Nome do banco de dados a ser criado e adicionado a sua conta.

3. Utilizar outro banco de dados existente:  É possível utilizar É possível utilizar os bancos de dados Mysql, Oracle, SQLServer, Postgresql, H2, BD2, Derby criados fora da plataforma Cronapp.

   • Fabricante: o tipo de banco a ser utilizado;

   • Usuário; 

   • Senha;

   • Nome do banco: nome do banco de dados a ser utilizado;

   • Testar Conexão: testar a conexão para ver se todas as credenciais estão corretas.

   principais bancos de dados do mercado (veja mais detalhes em Banco de dados).

Backup automático

Após o carregamento do projeto recém criado, o Cronapp exibirá um pop-up perguntando Após clicar em Finalizar (Figura 5), o Cronapp irá gerar um projeto com base nas configurações feitas. Em seguida, perguntará se deseja habilitar o backup automático desse projeto.

Image Added

Figura 6 - Sistema de backup automático do projeto

Projeto High-Code

Projetos High-Code não possuem ferramentas que agilizam e facilitam o desenvolvimento, ficando a cargo do desenvolvedor gerar todo o conteúdo de Back-End e Front-End, instalação e configuração de bibliotecas externas.  

Além da estrutura de desenvolvimento na nuvem, o Cronapp disponibiliza alguns modelos de tecnologias para integrar ao seu projeto no momento da criação, gerando uma estrutura básica para iniciar o desenvolvimento. Os modelos variam com a linguagem selecionada. . Veja mais detalhes em Criar projetos High code.

Plugin Cronapp

Uma das opções dos projetos High-code é o desenvolvimento de plugins para integração com projetos Low-code. Sendo possível gerar componentes de API para API para bloco de programação ou componente visual, permitindo a utilização em um ou mais outros projetos.

Como os projetos Low-code trabalham apenas com Java e JavaScript, os plugins deverão ser desenvolvidos nessas linguagens. Veja mais detalhes na documentação Criar plugin.