Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

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

 A criação de um projeto na CronApp IDE permite que o usuário escolha como deseja implementar sua aplicação.

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 projeto (Low-code ou High-code), em seguida, informe um nome e selecione a origem do novo projeto.

Âncora
figura1
figura1


Image Added

Image RemovedFigura 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: projetos com pouca codificação, utiliza recursos visuais que geram rápido desenvolvimento.

      • Mobile e Web: seu projeto será configurado para o desenvolvimento de aplicações com Front-End (mobile e web) e Back-End.

        Informações

        É 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 .
      • 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

  3. Low-Code: é uma ferramenta de desenvolvimento projetada para facilitar o desenvolvimento com baixa programação, acelerando sua implementação. Essa ferramenta permite criação do seu software/sistema de forma mais rápida, produtiva e fácil. Disponíveis para serem trabalhas nas linguagens Java (Back-End) e JavaScript (Front-End):

    1. Apenas Web: serão gerados arquivos para o desenvolvimento de uma aplicação Web.

    2. Mobile e Web: serão gerados arquivos para desenvolvimento de um projeto para mobile, que também pode ser incluído a geração da parte WEB e em que ambos compartilham sistemas como: banco de dados, funções dos blocos servidor, fontes de dados e entre outros, gerando ao final seu site e aplicativo para Android e/ou iOS.

  4. High-Code: desenvolvimento convencional com codificação dos comandos da linguagem definida, utilizando as bibliotecas da IDE. As linguagens disponíveis NodeJs, Java, Python e C#.Net
    1. em Back-End e JavaScript e TypeScript para o Front-End

  5. Java: é uma linguagem de programação de alto nível orientado a objetos.

  6. Nodejs: é um interpretador de código JavaScript com o código aberto, focado em migrar o Javascript do lado do cliente para servidores. Precisa gerar arquivos para desenvolver em NodeJS
    1. .

  7. Plugin: são componentes autossuficientes de software, customizáveis pelo usuário final, para rodar na nuvem. Podem ser acoplados ao sistema para montar uma aplicação que resolva um problema de negócio complexo, automatizar uma atividade. Nesse caso, você irá gerar arquivos para desenvolvimento do mesmo; 

  8. Python: é uma linguagem de programação alto nível, você pode criar algoritmos em Python nesta opção.

  9. Nome do projeto: campo para definir o nome do seu projeto.

  10. Projeto sob versão: O versionamento de software é um processo de controle de versões estabelecido por meio de numerações diferentes. 
  11. Origem do novo projeto:

    • O projeto está sob controle de versão?:

  12. se seu projeto esta sob controle de software marque esta opção.
  13. Copiar modelo: Caso não esteja sob controle de versão, escolha essa opção e após selecionará um modelo para o sistema.

  14. Seleciona a versão: Caso seja um projeto sob controle de versão, escolha a versão que será utilizada. Se ele não for, deixe a versão que aparece como padrão (versão 1.0). 

Projeto Low-Code

Configuração

 Após selecionar o modelo disponível para a criação de aplicações LOW-CODE, o ambiente para desenvolvimento com baixa codificação será gerado para você. Mas, antes disso, existe uma tela para fazer os informes dos campos do projeto.

Image Removed

Figura 2 - Informe de campos

    • se seu projeto já foi iniciado e está em um servidor Git, marque esta opção e, 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 existente: essa opção cria um projeto com 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 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.

Âncora
projetoLowCode
projetoLowCode

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.

Modelo

Os modelos possuem uma série de tecnologias (JPA, Angular, 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 e web e Projeto Web Low-code para projetos apenas web.

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


Image Added

Figura 2 - Modelo para projeto do tipo mobile e web

Âncora
config
config

Configuração

A próxima tela permite definir informações como o 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 Added

Figura 3 - Janela de configurações iniciais do projeto apenas web


  • Id

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

  • Incluir Front-End:

 são
    • Em projetos web são gerados arquivos relacionados ao

front
    • Front-

end
    • End da aplicação

, que é a parte do sistema que irá interagir diretamente com o usuário, como por exemplo a interface que são utilizadas algumas linguagens como a de marcação HTML, de estilo CSS e de programação JavaScript. 
    • .

    • Nos projetos mobile e web, desmarque a opção Incluir Font-End web se desejar somente um projeto mobile
AvisoAo criar o Front-End de um projeto mobile, além da parte visual da aplicação, é gerado também uma página web
    • .
  • Incluir Back-End:

 é a camada que trabalha por fica por trás do Front-End, faz as funcionalidades do sistema funcionarem, onde será implementada a regra de negócio do sistema. Existem varias linguagens para desenvolver o back-end das aplicações e elas são de acordo com a necessidade do cliente, alguns disponíveis na cronapp IDE são Java e Python
  •  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 do Nenhuma: aplicação é acessada sem autenticação
  • usuários com o sistema:

  • Normal: existe uma estrutura de dados para entrar com usuário e senha, página para cadastro de novos usuários, utiliza servidor para o usuário.

  • Token: muito parecido com o normal, mas nesse caso não utiliza serviços para o usuário;

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

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

      • SAML: clique aqui para mais detalhes.

      • Nenhuma
      • .
    • Posição do menu:
     define o posicionamento do menu da aplicação:
    • define o posicionamento 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 posicionado
    Horizontal: menu fica posicional
      • horizontalmente na tela.
      • Vertical: menu fica posicionado verticalmente.
    • Login por redes sociais:
     se permitido o usuário poderá logar na
    • permite o usuário acessar a aplicação via redes sociais
    , o que é pratico e vem se tornando uma funcionalidade comum nos sistemas atuais. 

    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 Added

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

    Âncora
    bancoDados
    bancoDados

    Banco de dados

    O 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 Added

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

    Informações
    titleImportante

    A tela de informe/selecione os campos muda conforme o tipo de projeto Low-code. Se ele for Apenas web, será conforme a Figura 2; caso ele seja Mobile e Web, somente os campos de 1 ao 4 serão apresentados e a opção normal em tipo de autenticação não está disponível.

    Tema

    Existem alguns temas disponibilizados pela CronApp para a criação de aplicações mobile e WEB, esses modelos são templates padrão utilizando HTML e CSS de Bootstrap, que eles facilitam o desenvolvimento de sua aplicação, já que seus arquivos de interface serão gerados automaticamente de acordo com o tema que escolher.

    Seleção do banco de dados

    Banco de Dados é o local onde ficam armazenados, de forma organizada, os dados do seu sistema. Os objetivos de um sistema de banco de dados são o de isolar o usuário dos detalhes internos do banco e promover a independência dos dados em relação às aplicações, ou seja, tornar independente da aplicação, a estratégia de acesso e a forma de armazenamento.

    Image Removed

    Figura 3 - Seleção do banco de dados para a aplicação


    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

    2. ; Os
    3. . Os containers, onde são publicadas as aplicações no

    4. CronApp
    5. 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

    6. ao
    7. , ao parar a aplicação o container será desligado e os dados perdidos.

    8. Criar ou utilizar banco de dados existente na nuvem

    9. CronApp: banco mais robusto para desenvolvimento de aplicações,  o gerenciamento de dados na nuvem te da a possibilidade de gerar mais escala, armazenar uma quantidade maior de arquivos com um investimento reduzido, sem precisar de servidores locais
    10. 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:

    11.  mostrará
      •  exibe os bancos de dados na nuvem do Cronapp associados a sua conta

    12. , que estarão disponíveis para sua utilização
      • ;

      • Novo banco de dados na nuvem:

    13.  caso não tenha, ou deseje criar um novo banco
      •  Cria banco de dados na nuvem

    14. , você poderá cria-lo diretamente da IDE
      • do Cronapp:

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

    15. Utilizar outro banco de dados existente: É

    16.  possível utilizar um banco de dados que tenha sido criado fora da plataforma CronApp, se ele for de um desses fabricantes: Mysql, Oracle, SQLServer, Postgresql, H2, BD2, Derby;
    17. Fabricante: o tipo de banco a ser utilizado;

    18. Usuário: usuário que detém o banco de dados; 

    19. Senha: senha correspondente ao usuário;

    20. Nome do banco: nome do banco de dados a ser utilizado;

    21. Testar Conexão: testar a conexão para ver se todas as credenciais estão corretas.
    22. possível utilizar os 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 se deseja habilitar o backup automático desse projeto.


    Informações
    titleImportante

    Lembramos que o Cronapp não se responsabiliza pelos dados do usuário. O Gerenciador de Backups e o Backup Automático são funcionalidades que têm o intuito de trazer mais segurança, mas não sobrepõem a necessidade do uso de ferramentas de controle de versão, como por exemplo, o GIT, ou backups manuais do seu projeto, através do download do código-fonte.


    Image Added

    Figura 6 - Sistema de backup automático do projeto

    Âncora
    projetoHighCode
    projetoHighCode

    Projeto High-Code

    Projetos Hight-Code são mais independentes comparados com projetos Low-Code, nesse caso o desenvolvimento é como em outras IDE's, codificando todo o conteúdo, porém utilizando todos os recursos e bibliotecas do CronApp.

    Painel
    titleNessa Página

    Índice

     

    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 bloco de programação ou componente visual, permitindo a utilização em 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.

    Nesta Página

    Índice


    Saiba mais


    Assista sobre o tema no Cronapp Academy

    Informações

    Caso seja seu primeiro acesso ao Cronapp Academy, crie antes uma conta gratuita e matricule-se no curso abaixo.