Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: DI-2659, DI-2671

Visão Geral

Como na maioria dos Ambientes de desenvolvimento Integrado (IDE), o Cronapp possui áreas bem distintas e funcionais para facilitar o trabalho do desenvolvedor em seus projetos. Na figura abaixo são especificadas apresentadas as principais áreas do ambiente.


Image Modified

Figura 1 - Ambiente de desenvolvimento do Cronapp


  1. Botão do menu do sistema: ao clicar no botão, um menu lateral será expandido, exibindo atalhos e outros menus.
  2. Menu do sistema;: exibe os principais menus do sistema.
  3. Botões de atalhoatalhos para salvar e fechar arquivos, além de atalhos para executar o projeto.
  4. Menu do usuário: contém informações do usuário, plano adquirido, consumo de recurso e atalhos para atalhos para outros locais dentro da plataforma Cronapp.
  5. Botões de atalhoatalho para os recursos mais utilizados durante o desenvolvimento.
  6. Modo Avançado: quando desabilitado, oculta os recursos não visuais do Cronapp.
  7. Árvore hierárquica: exibe a árvore de arquivos do projeto ao habilitar Arquivos do projeto: exibe a árvore de arquivos do projeto ao habilitar o Modo Avançado ou a árvore de recursos (simplificado), quando o Modo Avançado estiver desabilitado. Possui atalhos laterais para facilitar o acesso.
  8. Área de trabalho: espaço onde são exibidas as janelas das funcionalidades, separadas por suas abasferramentas.
  9. Área de informações: local onde são apresentadas as janelas de console, depuração, erros, expressões, breakpoints e outras.
  10. Barra de status:  processos que rodam em segundo plano no IDE, como carregamento de bibliotecas, preparação do ambiente de trabalho, detecção de erros do projeto e warningsárea com informações sobre o status atual do projeto.

Âncora
botao-menu-sistema
botao-menu-sistema

Botão do Menu do sistema

Arquivo

Realiza algumas ações no arquivo aberto na área de trabalho.

  • Buscar: procura pelo nome de um arquivo ou pelo tipo de arquivo (Java, HTML, txt, entre outros).
  • Buscar símbolos: procura por arquivos dentro do projeto e dentro de dependências do projeto.
  • Buscar conteúdo: procura pelo conteúdo em todos os arquivos do projeto.
  • Índice de métodos: lista os métodos do arquivo, facilitando a navegação. Opção disponível apenas quando um arquivo *.java estiver aberto.
  • Abrir recentes: lista os últimos arquivos fechados.
  • Salvar: salvar o conteúdo da aba ativa na área de trabalho.

  • Salvar como: cria uma cópia do arquivo em edição, permitindo alterar o nome e local de salvamento.

  • Salvar todos: salva o conteúdo de todas as abas abertas.

  • Fechar: fecha a aba da área de trabalho ativa no momento.

Editar

  • Desfazer: desfaz a última ação feita.
  • Refazer: refaz a última ação desfeita.
  • Recortar: recorta algum conteúdo selecionado.
  • Copiar: copia um conteúdo selecionado.
  • Colar: cola um conteúdo copiado ou recortado.
  • Pesquisar: pesquisa por um conteúdo na janela aberta.
  • Substituir: pesquisa por um conteúdo na janela aberta e o substitui por outro.

Projeto

Menu responsável por gerenciar e configurar o projeto aberto, além de abrir algumas funcionalidades.

  • Novo Projeto: cria um projeto.
  • Abrir Projeto: abre um projeto criado.
  • Abrir Recentes: apresenta uma lista de projetos que foram utilizados recentemente na IDE.
  • Fonte de dados: abre a janela de fontes de dados, onde é possível criar, buscar, remover e alterar as fontes do sistema.
  • Banco de dados: abre o arquivo context.xml em modo low code, permitindo criar bancos de dados, removê-los, manipulá-los, verificar e adicionar perfis dos bancos.
  • Chaves de internacionalização: exibe as chaves de internacionalização (mobile, cliente e servidor). Permitindo adicionar novas ou editar as já existentes.

  • Permissão de segurança: cria grupos de acessos e permissões de acessos a diretórios e páginas.
  • Eventos e ações: abre uma janela com para criar eventos e ações as propriedades existentes através dos blocos de programação. Por padrão, os eventos não são definidos e as ações utilizam o padrão do framework. Alguns eventos são criados no lado do cliente, enquanto o restante é criado no lado do servidor.
  • Parâmetros do sistema: abre a janela de parâmetros do sistema, através dela é possível criar parâmetros e vinculá-los aos perfis de banco de dados, permitindo gerar .war com parâmetros diferentes para cada perfil.
  • Agendador de tarefas: abre uma janela para criação de jobs, permitindo definir tempo para executar ações geradas por bloco de programação.
  • Configurações: abre a janela de configurações do projeto, permitindo editar algumas informações gerais, versionamento do sistema e autenticação.
  • Limpar todos os caches: limpa todos os dados do cache da IDE.
  • Compartilhar projeto: cria uma cópia compactada do projeto por 24 horas, um link público é gerado para permitir seu compartilhamento.
  • Conceder acesso remoto: cria um link para permitir que outro usuário trabalhe ao mesmo tempo no mesmo projeto, usado para suporte.

  • Fechar: fecha o projeto atualmente aberto na IDE.

Plugin

O plugin do Cronapp é uma pequena aplicação desenvolvida e disponibilizada para provê funcionalidade bem específica aos projetos Cronapp. Existem vários plugins que facilitam a integração com sistemas externos, podendo ser gratuitos ou pagos. Você é livre para criar plugins e disponibilizá-los com outros usuários e projetos.

  • Plugins da organização: lista de plugins criados pelo usuário, informando seu tipo e sua licença. É possível adicionar o seu plugin ao Marketplace do Cronapp.
  • Plugins instalados: exibe os plugins instalados no projeto.
  • Instalar plugins: abre uma janela para adicionar um plugin ao projeto aberto.
Informações
titleSaiba mais

Para saber mais sobre Plugins, acesse a documentação Plugins Cronapp.

Espaço de Trabalho

Possui algumas configurações do ambiente Cronapp.

  • Idiomas: define o idioma da IDE, atualmente estão disponíveis os idiomas inglês e português.
  • Perfil do Usuário: abre uma janela para exibir algumas informações de sua conta.
  • Mudar senha: altera a senha do seu usuário Cronapp.
  • Memória de Run/Debug: seleciona a porcentagem de memória reservada para a execução do projeto.
  • Memória de Desenvolvimento: seleciona a porcentagem de memória destinada para o desenvolvimento do projeto.
  • Modo de uso da IDE: define o modo de desenvolvimento no Cronapp. Equivale a desativar ou ativar o botão de alternância Modo Avançado (destaque 4 da figura 1).
    Acesse o tópico Opção de Modo Avançado para mais detalhes.

    • Analista: oculta os recursos high-code e destaca os recursos visuais do Cronapp.
    • Avançado: exibe todo o conteúdo do projeto.

Executar

Menu que reúne algumas funcionalidades necessárias para executar a aplicação.

  • Rodar: roda o projeto.
  • Debug: roda o projeto em modo de depuração.
  • Parar Aplicação: para a execução da aplicação no servidor Tomcat.
  • Prosseguir execução: usado em modo debug, executa a aplicação ignorando os breakpoints.
  • Próximo passo: segue para a próxima linha do código, mas não entra no método, se houver.
  • Entrar: segue para a próxima linha do código e entra no método, se houver.
  • Sair: caso esteja dentro de método, clicando em sair, você segue para a próxima linha de código após a chamada do método.
  • Abrir Navegador: exibe opções de visualizações da aplicação.
    • Navegador web: abre o projeto web em uma página web.
    • Navegador mobile: abre o projeto mobile em uma página web.
    • Simulador: abre o projeto mobile em um simulador dentro do Cronapp.
    • Visualizar documentação das APIs (Swagger): abre outra aba no navegador com a página do Swagger.
    • Visualizar arquivo de configuração (OpenAPI):  abre outra aba no navegador com o esquema do OpenAPI. Acessível também através do seu endereço: <domínio>/api/metadata/configuration

Ferramentas

Em ferramentas é possível fazer o gerenciamento dos tipos de bancos de dados e dos backups automáticos, além de abrir o terminal.

  • Gerenciador de SQL: abre o Sistema de Gerenciamento de Banco de Dados (SGBD) online.
  • Terminal: acessa o terminal Linux, onde você tem acesso a todos os arquivos do seu projeto.
  • Testador de consultas JPQL: abre uma janela onde é possível testar consultas JPQL, para mais informações, acesse a documentação oficial do Assistente de consulta JPQL.
  • Gerenciamento de Backups: gerencia os backups de seus projetos, permitindo baixar, remover ou restaura-los.

Deploy

Acesso aos recursos na nuvem e publicação na App Store.

  • Serviços de Cloud: abre a janela com os serviços disponíveis do Cronapp cloud: publicação, configuração de domínios, geração de certificados SSL, criação de banco de dados, armazenamento e gerenciamento de backup de banco de dados.
  • Publicar Aplicação na App Storefaz a publicação do seu projeto mobile diretamente na loja da Apple.

Dispositivos Móveis

Esse menu somente estará ativo para projetos mobile. Veja mais detalhes sobre essas funcionalidades em Menu Dispositivos Móveis.

  • Compilar: compila e gera um arquivo binário para as plataformas mobile.
    • Android: gera arquivos .apk utilizado na plataforma Android.
    • iOS: gera arquivos .ipa utilizados na plataforma iOS.
  • Executar: traz a opção de executar o projeto em uma aba dentro do Cronapp ou simular a execução no próprio smartphone através do aplicativo de testes Cronapp Browser;

    Informações
    titleDica:

    Baixe o Aplicativo de desenvolvimento do Cronapp nas lojas oficiais do Android (Play Store) ou iOS (Apple Store).

  • Gerar Projeto Nativo: gera arquivo .zip para abrir o projeto mobile no Xcode.
  • Limpar workspace: apaga as modificações feitas nos plugins do Cordova.
  • Configurações: abre a janela de configurações dos projetos mobile. Nela é possível inserir a URL do servidor do sistema em projeto, além de inserir a chave do Android ou a assinatura do iOS.

Ajuda

  • Relatar problemasExibe uma janela de reporte de erro.
  • Lista de atalhos: exibe todas as teclas de atalho que são suportadas nas janelas de edição de códigos do Cronapp;
  • Iniciar Assistente: habilita o assistente que informa os passos iniciais dentro do Cronapp.
  • Sobre: abre uma janela com informações sobre a versão atual do Cronapp e o servidor no qual o Cronapp está sendo executado.
  • Termos de Serviço Beta do Cronapp: Exibe os termos para uso da versão Beta do Cronapp. Opção disponível apenas nas versões beta do Cronapp.
ÂncorarelatarProblemasrelatarProblemas

Relatar Problemas 

Essa funcionalidade permite que o usuário informe ao suporte do Cronapp, de forma detalhada, um problema presente na aplicação ou na própria IDE. Nós podemos acessar essa função de duas formas diferentes, a primeira é pelo atalho de Ajuda e a segunda é através da opção Enviar console, presente no menu de contexto que aparece no console do depurador quando clicamos com o botão sobre ele, confira nas figura abaixo.

Image Removed

Figura 1.1 - Aba Ajuda mostrando a opção Relatar Problema

Ao clicar nessa opção, uma janela será exibida, nela é possível informar o Título do reporte, a gravidade do problema, a descrição e também é possível anexar arquivos, como arquivos compactados, vídeos, áudio e outros.

Image Removed

Figura 1.2 - Janela de reporte de erro exibida através do menu de contexto presente no console do depurador

A segunda forma de exibir a janela de reporte é através da opção Enviar console, como mostrado na figura acima. Essa janela possui quatro campos, os quais serão descritos a seguir:

  1. Título: Neste campo é descrito o título do erro.
  2. Severidade: Informa a gravidade do erro, podendo ser: Baixa, Média ou Alta.
  3. Descrição: Campo destinado à relatar os passos que o usuário seguiu para chegar ao erro. É importante detalhar o máximo possível para uma melhor avaliação do suporte.
  4. Arquivos: Campo destinado à anexos de mídias, como imagens do erro, vídeos referentes ao processo que levou ao erro e também é possível anexar o projeto em questão.
Dica

Dependendo da gravidade do erro, é muito importante anexar o projeto compactado junto ao reporte, utilize a opção Arquivos para realizar tal procedimento.

Âncora

O botão do Menu do sistema se encontra no canto superior esquerdo da IDE e é uma extensão da barra de menu azul, contendo atalhos, menus do sistema e recursos utilizados com menor frequência.


Image Added

Figura 2 - Botão do Menu do sistema


  1. Botão do Menu do sistema.
  2. Testar com Selenium IDE: abre a ferramenta para criar testes automatizados.
  3. Rodar os Testes: executa os testes configurados na Ferramenta integrada de testes ou Testes unitários.
  4. Terminal: acessa o terminal Linux, onde você tem acesso a todos os arquivos do seu projeto.
  5. Fonte de Dados: abre a janela para criar e listar as Fontes de dados do projeto.
  6. Banco de Dados: abre a janela de configuração de Banco de dados e perfis da aplicação.
  7. Serviços de Cloud: abre a janela com os serviços disponíveis do Cronapp cloud.
  8. Modo Avançado: define o modo de desenvolvimento no Cronapp.

    • Desabilitado: oculta os recursos high-code e destaca os recursos visuais do Cronapp.
    • Habilitado: exibe todo o conteúdo do projeto.
  9. Outros Menus do sistema: menus utilizados com menor frequência.  


Âncora
modo-avancado
modo-avancado

Opção de Modo Avançado

Esse recurso é uma ótima opção para diminuir ainda mais a curva de aprendizado dentro do Cronapp. Ao desabilitar o botão alternância Modo Avançado (destaque 8 da figura 2), o Cronapp realiza algumas alterações em sua interface para facilitar o desenvolvimento dentro da plataforma. Essas alterações consistem em ocultar os recursos e arquivos que necessitam de algum desenvolvimento high-code, normalmente desnecessário ao utilizar o Cronapp, exibindo os diretórios e arquivos do projeto de forma simplificada e destacando os recursos visuais. 

Também é possível alternar entre os modos através do menu do sistema: Espaço de Trabalho > Modo de uso da IDE > Modo Analista para desabilitar ou Espaço de Trabalho > Modo de uso da IDE > Modo Avançado para habilitar.

A alternância entre os modos pode ser feita a qualquer momento durante o desenvolvimento do projeto e não gera qualquer impacto no resultado final. Assim, mesmo que a estrutura de arquivos seja exibida de forma simplificada, ao exportar seu projeto, a hierarquia de arquivos estará igual ao apresentado no Modo Avançado, pois trata-se da estrutura real.

Acesse o tópico "Opção Modo Avançado" da documentação Estrutura de arquivos para mais detalhes.


Âncora
menu-sistema
menu-sistema

Menu do sistema

O Menu do sistema do Cronapp é dividido em 2 partes: na barra de menu azul (destaque 1 da figura 3) são exibido os menus utilizados com maior frequência, enquanto os demais (3) são acessíveis a partir do botão do menu do sistema (2) . 


Image Added

Figura 3 - Disposição dos menus do sistema


Quando não existem projetos abertos no espaço de trabalho do Cronapp, o menu do sistema sofrerá algumas alterações, exibindo apenas recursos que podem funcionar sem um projeto aberto. Nesse momento, é possível alternar entre as telas de Bem-vindos e Meus Projetos, veja mais detalhes na documentação Abrir projeto.

Projeto

Menu responsável por gerenciar e configurar o projeto aberto, além de abrir algumas ferramentas fundamentais para o projeto.

  • Meus Projetos: abre a tela para criar ou abrir um projeto existente.
  • Abrir Recentes: apresenta uma lista de projetos que foram utilizados recentemente na IDE.
  • Fonte de Dados: abre a janela de Fontes de dados, onde é possível criar, pesquisar, remover e alterar as Fontes de dados do sistema.
  • Banco de Dados: abre a janela de configuração de Banco de dados e perfis da aplicação.
  • Chaves de Internacionalização: exibe a tela para a configuração das chaves de internacionalização web, mobile e servidor.

  • Permissão de Segurança: abre a tela para configuração dos permissionáveis, grupos e usuários.
  • Gerenciamento de Tokens: abre a ferramenta para o gerenciamento das chaves de APIs e Tokens de autenticação usados no projeto.
  • Eventos e Ações: permite a configuração de eventos e ações do projeto, substituindo recursos padrões do Cronapp.
  • Parâmetros do Sistema: permite criar e personalizar os parâmetros do sistema.
  • Agendador de Tarefas: abre uma janela para criação de jobs, permitindo definir tempo para executar ações geradas por bloco de programação.
  • Gerar Documentação: exibe a ferramenta de geração automática de diversas partes do sistema, como Diagrama de dados, APIs, Bloco de programação e outros. 
  • Compartilhar Projeto: cria uma cópia compactada do projeto, um link público é gerado para permitir que a pessoa que recebeu o link possa obter uma cópia do projeto em seu espaço de trabalho. O link expira depois de 24 horas.
  • Conceder Acesso Remoto: cria um link para permitir que outro usuário trabalhe ao mesmo tempo no mesmo projeto, usado para suporte.

  • Importar: importa um projeto Cronapp em formato *.zip ou obtém serviços de uma estrutura SOAP e OpenAPI.
  • Exportar: permite exportar tanto as bibliotecas do projeto quanto o próprio projeto, para o Git ou nos formatos: *.war ou *.zip.
  • Limpar Todos os Caches: limpa todos os dados do cache da IDE.
  • Recompilar: exibe opções para recompilar recursos servidor e cliente.
    • Recompilar Projeto: compila o lado servidor do projeto.
    • Recompilar e Reabrir Projeto: compila o lado servidor, e em seguida, fecha e abre o projeto.
    • Recompilar Maven: permite executar comandos Maven. O comando padrão força a resolução das dependências Maven (pom.xml).
    • Recompilar NPM Web: compila as dependências NPM da aplicação web (package.json).
    • Recompilar NPM Mobile: compila as dependências NPM da aplicação mobile.
  • Configurações: abre a ferramenta de configurações do projeto, permitindo visualizar e editar diversos recursos do sistema.
  • Fechar: fecha o projeto atualmente aberto na IDE.

Equipe

O conteúdo deste menu irá variar dependendo se o projeto está ou não sob versionamento Git.

Sem versionamento

Com versionamento

  • Acesse o tópico "Menu de opções" da documentação Versionamento usando Git para obter a descrição da lista de itens.

Espaço de Trabalho

Possui algumas configurações do ambiente Cronapp.

  • Idiomas: define o idioma da IDE, atualmente estão disponíveis os idiomas inglês e português.
  • Perfil do Usuário: abre uma janela para exibir algumas informações de sua conta.
  • Mudar Senha: altera a senha do seu usuário Cronapp.
  • Memória de Run/Debug: seleciona a porcentagem de memória reservada para a execução do projeto.
  • Memória de Desenvolvimento: seleciona a porcentagem de memória destinada para o desenvolvimento do projeto.
  • Modo de Uso da IDE: define o modo de desenvolvimento no Cronapp. Equivale a desativar ou ativar o botão de alternância Modo Avançado. Acesse o tópico Opção de Modo Avançado para mais detalhes.

    • Analista: oculta os recursos high-code e destaca os recursos visuais do Cronapp.
    • Avançado: exibe todo o conteúdo do projeto.
  • Perfis da VPN: abre a janela de configuração de VPN no Cronapp.
  • Preferências: abre a janela de configurações do espaço de trabalho

Âncora
perfil-usuario
perfil-usuario

Perfil do Usuário

Essa janela é acessível a partir do menu do sistema Espaço de Trabalho > Perfil do Usuário e possui informações do usuário logado.


Image Added

Figura 3.1 - Janela do perfil do usuário


  1. Foto do perfil do usuário: exibe a foto selecionada pelo usuário.
  2. Selecione uma imagem: abre janela de seleção de imagem para adicionar ao perfil.
  3. Limpar imagem: exclui a imagem selecionada e retorna a imagem padrão.
  4. Campo Identificador: registro único do usuário dentro da plataforma Cronapp.
  5. Campo Nome: permite que o usuário altere o seu nome dentro da plataforma Cronapp.
  6. Mudar senha: abre a janela para alteração da senha do usuário.

Âncora
preferencias-espaco-trabalho
preferencias-espaco-trabalho

Preferências do Espaço de Trabalho

Essa janela é acessível a partir do menu do sistema Espaço de Trabalho > Preferências e possui algumas configurações para personalizar o seu ambiente de trabalho no Cronapp.


Image Added

Figura 3.2 - Janela do perfil do usuário


  • Máximo de linhas no console: define a quantidade máxima de linhas exibidas por vez no Console do depurador. Definir um valor muito alto pode ocasionar lentidão ou travamentos no Console do depurador.
  • Receber notificações gerais: habilita o recebimento de mensagens referentes ao contrato e aos projetos atualmente em desenvolvimento.
  • Receber notificações do Cloud Services: habilita o recebimento de mensagens informando sobre alterações dos recursos do Cloud Services vinculados ao contrato do usuário.
  • Receber notificações com novidades: notificações sobre lançamentos e atualizações do Cronapp.
  • Usar Abas na Abertura de Arquivos: define como será visível a lista de arquivos abertos. 
  • Preferir Popups ao invés de Abas: ao habilitar, o Cronapp deixará de exibir alguns recursos em janelas flutuantes (exemplo Configurações do projeto) e passará a abrir na área de trabalho, criando uma aba com os demais arquivos abertos.
  • Sempre Mostrar Código Fonte: exibe a aba "Código" em ferramentas como Editor de Views e Editor de Blocos de programação, independente da configuração do Modo Avançado.

Âncora
usar-abas-abertura-arquivos
usar-abas-abertura-arquivos

Usar Abas na Abertura de Arquivos

Essa opção na janela de Preferências do Espaço de Trabalho (Figura 3.2) define como o usuário poderá alterar entre os arquivos abertos na IDE.

Ao habilitar, o Cronapp exibirá várias abas na parte superior da área de trabalho (destaque 1 da figura 3.3), permitindo alterar entre as telas ao selecionar cada aba, da mesma forma como ocorre com os navegadores web. É possível acessar o menu de contexto diretamente na aba.


Image Added

Figura 3.3 - Exibindo a lista de arquivos abertos a partir de abas


Ao desabilitar, o Cronapp exibirá a opção Abertos (destaque 1 da figura 3.4), logo abaixo do Botão do Menu do Sistema. Um pequeno círculo em amarelo mostrará a quantidade de arquivos abertos no momento. Clique para exibir a lista e alterar entre os arquivos abertos. O primeiro da lista representa o conteúdo aberto atualmente na área de trabalho, posicione o cursor do mouse sobre ele para exibir o seu menu de contexto.

Esse modo não exibe um "x" em cada elemento da lista, como ocorre no modo aba, logo, para fechar um arquivo é necessário utilizar o botão "X" na barra de menu azul ou através da opção "Fechar" do menu de contexto.


Image Added

Figura 3.4 - Exibindo a lista de arquivos abertos a partir do atalho "Abertos"

Ajuda

  • Relatar problemasexibe uma janela de reporte de erro.
  • Documentação: abre o portal de documentação do Cronapp.
  • Academia Cronapp: abre a plataforma com cursos de capacitação e fórum de interação entre os usuários do Cronapp.
  • Lista de atalhos: exibe todas as teclas de atalho que são suportadas nas janelas de edição de códigos do Cronapp.
  • Iniciar Assistente: exibe opções para habilitar ou desabilitar o assistente que informa os passos iniciais dentro do Cronapp.
  • Notas da Versão: abre a janela com o Release notes.
  • Termos de Serviço Beta do Cronapp: exibe os termos para uso da versão Beta do Cronapp. Opção disponível apenas nas versões beta do Cronapp.
  • Sobre: informações sobre a versão atual do Cronapp e o servidor no qual o Cronapp está sendo executado.

Âncora
relatarProblemas
relatarProblemas

Relatar Problemas 

Essa funcionalidade permite que o usuário informe ao suporte do Cronapp, de forma detalhada, um problema presente na aplicação ou na própria IDE. Esse recurso está disponível pelo menu Ajuda > Relatar Problema (figura 3.5) ou através da opção Enviar console (figura 3.6), presente no menu de contexto do Console do depurador. Confira nas figuras abaixo.


Image Added

Figura 3.5 - Aba Ajuda mostrando a opção Relatar Problema


Ao clicar nessa opção, uma janela será exibida, nela é possível informar o título do report, a gravidade do problema, a descrição e também é possível anexar arquivos, como arquivos compactados, vídeos, áudio e outros.


Image Added

Figura 3.6 - Janela de report de erro exibida através do menu de contexto presente no console do depurador


Essa janela possui quatro campos descritos a seguir:

  1. Título: resumo sobre o problema.
  2. Severidade: seleção da gravidade do erro, podendo ser: Baixa, Média ou Alta.
  3. Descrição:relatar os passos para chegar ao problema. É importante detalhar o máximo possível para uma melhor avaliação do suporte.

    Bloco de código
    languagetext
    themeConfluence
    titleSugestão do modelo de descrição
    <Resumo do problema gerado e o seu impacto>
    
    PASSOS:
    <Lista com os passos necessários para replicar o problema>
    
    ATUAL: <Descrição do erro ou problema gerado a partir dos passos acima>
    ESPERADO: <Situação que deveria ocorrer caso o erro ou problema não existisse>
  4. Arquivos: campo para anexar mídias: imagens, vídeos referentes ao processo que levou ao erro e também é possível anexar o projeto em questão.


Dica

Dependendo da gravidade do erro, é muito importante anexar o projeto compactado junto ao report. Dessa forma, exporte o projeto como .zip, abra a janela Relatar Problemas e utilize a opção Arquivos para realizar tal procedimento.

Arquivo

Realiza algumas ações no arquivo aberto na área de trabalho.

  • Buscar: (atalho: shift + shift) procura pelo nome de um arquivo ou pelo tipo de arquivo (Java, HTML, txt, entre outros).
  • Buscar Símbolos: procura por arquivos dentro do projeto e dentro de dependências do projeto.
  • Buscar Conteúdo: procura pelo conteúdo em todos os arquivos do projeto.
  • Índice de Métodos: lista os métodos do arquivo, facilitando a navegação. Opção disponível apenas quando um arquivo *.java estiver aberto.
  • Abrir Recentes: lista os últimos arquivos fechados.
  • Salvar: (atalho: ctrl + S) salva o conteúdo da aba ativa na área de trabalho.

  • Salvar Como: cria uma cópia do arquivo em edição, permitindo alterar o nome e local de salvamento.

  • Salvar Todos: (atalho: ctrl + shift + S) salva o conteúdo de todas as abas abertas.

  • Próximo: (atalho: alt + →) alterna para a próxima tela aberta na área de trabalho.
  • Anterior: (atalho: alt + ←) alterna para a tela anterior aberta na área de trabalho.
  • Fechar: fecha a aba da área de trabalho ativa no momento.

Editar

Permite a edição e pesquisa do conteúdo do arquivo aberto.

  • Desfazer: desfaz a última ação feita.
  • Refazer: refaz a última ação desfeita.
  • Recortar: recorta algum conteúdo selecionado.
  • Copiar: copia um conteúdo selecionado.
  • Colar: cola um conteúdo copiado ou recortado.
  • Pesquisar: pesquisa por um conteúdo na janela aberta.
  • Substituir: pesquisa por um conteúdo na janela aberta e o substitui por outro.

Plugin

O plugin do Cronapp é uma pequena aplicação desenvolvida e disponibilizada para provê alguma funcionalidade bem específica aos projetos Cronapp. Existem vários plugins que facilitam a integração com sistemas externos. Além dos plugins existentes, você também pode criar seus próprios plugins.

  • Plugins da Organização: lista de plugins criados por você ou sua organização.
  • Plugins Instalados: exibe os plugins instalados no projeto.
  • Instalar Plugins: abre uma janela para adicionar um plugin ao projeto.

Executar

Menu que reúne algumas funcionalidades necessárias para executar a aplicação.

  • Iniciar Projeto: roda o projeto em modo de depuração.
  • Iniciar Projeto sem Debug: roda o projeto.
  • Parar Projeto: para a execução da aplicação no servidor Tomcat.
  • Prosseguir Execução: [debug das funções servidor] executa a aplicação ignorando os breakpoints.
  • Próximo Passo: [debug das funções servidor] segue para a próxima linha do código, mas não entra no método, se houver.
  • Entrar: [debug das funções servidor] segue para a próxima linha do código e entra no método, se houver.
  • Sair: [debug das funções servidor] caso esteja dentro de método, clicando em sair, você segue para a próxima linha de código após a chamada do método.
  • Abrir Navegador: exibe opções para abrir a aplicação quando ela estiver em execução. As opções de Swagger e OpenAPI só estarão disponíveis após habilitar esse recurso nas Configurações do projeto.
    • Navegador (Web): abre o projeto web em uma página web.
    • Navegador (Mobile): abre o projeto mobile em uma página web.
    • Simulador: abre o projeto mobile em um simulador dentro do Cronapp (Acesse tópico "Simulador" em Menu Dispositivos Móveis para mais detalhes).
    • Visualizar documentação das APIs (Swagger): abre outra aba no navegador com a página do Swagger.
    • Visualizar arquivo de configuração (OpenAPI): abre outra aba no navegador com o esquema do OpenAPI. Acessível também através do seu endereço: <domínio>/api/metadata/configuration
  • Rodar os Testes: executa os testes configurados na Ferramenta integrada de testes ou Testes unitários.

Ferramentas

Em ferramentas é possível fazer o gerenciamento dos tipos de bancos de dados e dos backups automáticos, além de abrir o terminal.

  • Gerenciador de SQL: abre a ferramenta de Manipulação de dados do Banco de dados (Acesse tópico "Manipular dados" em Banco de dados para mais detalhes).
  • Terminal: acessa o terminal Linux, onde você tem acesso a todos os arquivos do seu projeto.
  • Testador de Consultas JPQL: abre uma janela onde é possível testar consultas JPQL.
  • Gerenciamento de Backups: gerencia os backups de seus projetos, permitindo baixar, remover ou restaurá-los.
  • Testar com Selenium IDE: abre a ferramenta para criar testes automatizados.

Deploy

Acesso aos recursos na nuvem e publicação na App Store.

Dispositivos Móveis

Esse menu somente estará ativo para projetos mobile. Veja mais detalhes sobre essas funcionalidades em Menu Dispositivos Móveis.

  • Compilar: compila e gera um arquivo binário para as plataformas mobile.
    • Android: gera arquivos .apk ou .bundle utilizados na plataforma Android.
    • iOS: gera arquivos .ipa utilizados na plataforma iOS.
  • Executar: traz opções para executar o projeto mobile.

    • Simulador: abre a aplicação mobile em um simulador dentro do Cronapp.

    • Cronapp Browser: abre a aplicação mobile em um smartphone a partir do app Cronapp Browser.

      Informações

      Baixe o Aplicativo de desenvolvimento do Cronapp nas lojas oficiais do Android (Play Store) ou iOS (Apple Store).

  • Gerar Projeto Nativo: gera arquivo .zip para abrir o projeto mobile no Xcode.
  • Limpar Workspace: apaga as modificações feitas nos plugins do Cordova.
  • Configurações: abre a janela de configurações dos projetos mobile Android e iOS.

Âncora
botões-atalho
botões-atalho

Botões de Atalho

A barra de menu azul do Cronapp possui os botões de atalhos mais importantes. Esses botões podem variar a depender do contexto do projeto, por exemplo, parado, em execução ou em debug.

Projeto parado

A figura abaixo apresenta os botões de atalhos da barra de menu com o projeto parado.


Image Added

Figura 4 - Botões de atalho com o projeto parado


  1. Salvar: (atalho ctrl+s) salva o conteúdo da aba ativa na área de trabalho.

  2. Salvar todos: (atalho ctrl+shift+s) salva o conteúdo de todas as abas abertas.

  3. Fechar: fecha a aba ativa na área de trabalho.
  4. Iniciar projeto: roda o projeto em modo debug.
    1. Ao clicar no lado direito do ícone Iniciar projeto, um menu será exibido para executar o projeto em um dos perfis da aplicação (acesse o tópico "Perfis da aplicação" em Banco de dados para mais detalhes).

Projeto em execução

A figura abaixo apresenta os botões de atalhos da barra de menu azul com o projeto em execução.


Image Added

Figura 4.1 - Botões de atalho com o projeto rodando


  1. Parar: para a execução do projeto.
  2. Abrir navegador: exibe opções de inicialização das aplicações:
    1. Ao clicar no lado direito no Abrir navegador, um menu será exibido com opções para inicializar as aplicações. Essas opções podem variar a depender do tipo de projeto ou se a opção "Open API" estiver habilitada nas Configurações do Projeto.
      • Navegador [web]: abre o projeto web em outra aba do navegador.
      • Navegador [mobile]: abre o projeto mobile em outra aba do navegador.
      • Simulador: abre o projeto mobile utilizando o simulador Cronapp.
      • Visualizar documentação das APIs (Swagger): abre outra aba no navegador com a página do Swagger.
      • Visualizar arquivo de configuração (OpenAPI): abre outra aba no navegador com o esquema do OpenAPI. Acessível também através do endereço: <domínio da aplicação>/api/metadata/configuration
  3. Botões debug: esses botões só serão exibidos após executar alguma função servidor com ponto de interrupção (breakpoint), acesse o tópico "Debug Visual" em Bloco de programação para mais detalhes
    • Prosseguir execução: executa a aplicação normalmente, ignorando os breakpoints.
    • Próximo passo: segue para a próxima linha do código ou bloco de programação, mas não entra no método se houver.
    • Entrar: segue para a próxima linha do código ou bloco de programação e entra no método.
    • Sair: caso esteja dentro de método, clicando em sair, você segue para a primeira linha de código ou bloco de programação que fica fora do método.
botões-atalhobotões-atalho

Botões de Atalho

Apresenta as funcionalidades mais usadas do menu do sistema.

Image Removed

Figura 2.1 - botões de atalho com o projeto parado

  1. Novo: cria um projeto.
  2. Abrir projeto: abre um projeto já criado.
  3. Salvar: salvar o conteúdo da aba ativa na área de trabalho.

  4. Salvar todos: salva o conteúdo de todas as abas abertas.

  5. Executar: roda o projeto em modo debug.
  6. Abrir Selenium IDE: abre o Selenium IDE.
  7. Rodar os testes: executa os testes existentes no Selenium IDE.
  8. Prosseguir execução: (debug) executa a aplicação normalmente, ignorando os breakpoints.
  9. Próximo passo: (debug) segue para a próxima linha do código ou bloco de programação, mas não entra no método se houver.
  10. Entrar: (debug) segue para a próxima linha do código ou bloco de programação e entra no método.
  11. Sair: (debug) caso esteja dentro de método, clicando em sair, você segue para a primeira linha de código ou bloco de programação que fica fora do método.
  12. Terminal: acessa o terminal Linux, onde você tem acesso a todos os arquivos do seu projeto utilizando os comandos do Linux.
  13. Fonte de Dados: abre a janela de fontes de dados, onde é possível criar, buscar, remover e alterar as fontes do sistema.
  14. Banco de Dados: abre a janela de configuração do banco de dados.
  15. Serviços de Cloud: abre a janela de serviços da nuvem Cronapp: publicação, configuração de domínios, geração de certificados SSL, criação de banco de dados, armazenamento e gerenciamento de backup de banco de dados.
  16. Iniciar assistente: Abre o menu com opções para habilitar ou desativar o assistente que faz um tour pela IDE.

Image Removed

Figura 2.2 - botões de atalho com o projeto rodando

  1. Parar: para a execução do projeto.
  2. Abrir navegador: exibe opções de visualizações da aplicação:
  3. Navegador [web]: abre o projeto web em outra aba do navegador;
  4. Navegador [mobile]: abre o projeto mobile em outra aba do navegador;
  5. Simulador: abre o projeto mobile utilizando o simulador Cronapp.
  6. Visualizar documentação das APIs (Swagger): abre outra aba no navegador com a página do Swagger.
  7. Visualizar arquivo de configuração (OpenAPI):  abre outra aba no navegador com o esquema do OpenAPI. Acessível também através do seu endereço: <domínio>/api/metadata/configuration


Âncora
menu-usuario
menu-usuario

Menu do Usuário

O menu do usuário se encontra no canto superior direito da IDE, em um menu dropdown com o logo da Cronapp.

Image Removed

Figura 3.1 - Menu dropdown para acesso ao menu do usuário

Após clicar na logo do Cronapp, um menu será exibido.

Image Removed

Figura 3.2 - Menu do usuário

da IDE, em um menu dropdown com o ícone ou imagem do usuário.


Image Added

Figura 5 - Menu do usuário


  1. Menu do usuário: clique para expandir o Menu do usuário, esse ícone pode ser substituído por uma imagem na janela do perfil do usuário.
  2. Usuário: exibe informações do usuário logado, sua organização e contrato. Clique sobre seu nome ou contrato para abrir a janela do perfil do usuário.
  3. Plano e recurso atual
    • Plano: plano plano em que sua conta está associada;.
    • Memoria: informa informa o consumo de memória RAM no momento, posicione o mouse sobre a barra para obter o valor exato;CPU: informa o consumo de processamento RAM no momento, posicione o mouse sobre a barra para obter o valor exato;
    • Expiração: data em que expira o contrato.
  4. Botões:
    • Mudar PlanoAo clicar nesse botão, você será redirecionado ao portal Cronapp para alterar seu plano atual.
    • DocsAbre este portal de documentação do Cronapp.
    • SuporteAbre a central de ajuda com as perguntas mais frequentes dos usuários e links para central de relacionamento e suporte técnico. Usuários FREE também podem tirar suas dúvidas abrindo um chamado técnico através do nosso portal.
    • Sair: realiza logoff na IDE.
Informações

Acesse a plataforma Cronapp Academy e tire suas dúvidas em nosso fórum discussão e assista a cursos de capacitação.

Âncora
    • exato em um tooltip.
    • CPU: informa o consumo de processamento no momento, posicione o mouse sobre a barra para obter o valor exato em um tooltip.
    • Expiração: data em que expira o contrato. Alguns planos não possuem período de expiração no contrato, logo, exibirá uma data muito a frente.
  1. Botões:
    • Docs: abre o portal de documentação do Cronapp.
    • Suporte: abre a central de ajuda com as perguntas mais frequentes dos usuários e links para central de relacionamento e suporte técnico. Também é possível tirar suas dúvidas em nosso fórum de discussão Cronapp Academy.
    • Sair: realiza logoff na IDE.

Âncora
arvore-hierarquica
arvore-hierarquica

Árvore de arquivos

A árvore de arquivos exibe os diretórios e arquivos pertencentes ao seu projeto. A forma como o conteúdo e os atalhos laterais serão exibidos dependerá da configuração da opção Modo Avançado:

  • Árvore de arquivos: ao habilitar o Modo Avançado, será exibido a estrutura hierárquica real do projeto, com todos os seus diretórios e arquivos.
  • Árvore de recursos: ao desabilitar o Modo Avançado, o conteúdo da árvore será exibido de forma simplificada, ocultando arquivos como as classes Java de entidades ou arquivos de configurações que podem ser manipulados de forma visual. O conteúdo deixará de ser organizado por hierarquia de diretórios e passarão a ser exibidos com base em suas funcionalidades, por exemplo, os blocos de programação Servidor, Cliente Web e Cliente Mobile serão agrupados.

Acesse a documentação Estrutura de arquivos para mais detalhes.


Image Added

Figura 6 - Árvore de arquivos do projeto Cronapp


  1. Botões de Atalhos: filtram os arquivos com base na opção selecionada. A primeira opção "Arquivos" sempre exibirá todo o conteúdo. Os atalhos irão variar a depender da opção Modo Avançado

    Informações
    A depender de como o Espaço de trabalho do Cronapp esteja configurado, a opção "Abertos" estará disponível logo acima de "Arquivos". Veja mais detalhes no tópico Usar Abas na Abertura de Arquivos.
  2. Campo de Pesquisa: faz uma busca na lista de arquivos exibidas no momento. Dessa forma, se o botão de atalho "Lógicas" estiver selecionado, não exibirá nada ao pesquisar pela página "user", por exemplo.
    É necessário pressionar [ENTER] para adicionar ou remover o termo da busca.
  3. Exibir na Árvore: seleciona na árvore o conteúdo aberto na área de trabalho.
  4. Expandir: expande todos os diretórios do primeiro nível.
  5. Encolher: recolhe todos os diretórios.
  6. Fixar / Desfixar: quando fixado, não permite que a área da árvore de arquivos seja minimizada automaticamente.
  7. Arquivos: local onde os arquivos do projeto serão exibidos.


Âncora
atalhos-arvore-arquivos
atalhos-arvore-arquivos

Atalhos da árvore de arquivos

A árvore de arquivos só está disponível ao ativar o Modo Avançado e exibe a estrutura hierárquica real do projeto, com todos os seus diretórios e arquivos. Os atalhos laterais podem variar com o tipo de projeto aberto e tem o objetivo de expandir o diretório relacionado.


Image Added

Figura 6.1 - Atalhos e seus respectivos diretórios sendo visualizado em Movo Avançado


Atalhos e seus diretórios:

  1. Arquivos: minimiza ou maximiza a área da árvore de arquivos.
  2. Diagramas: diretório do Diagrama de dados (Endereço: diagram/).
  3. Dados: diretório das Fontes de dados (Endereço: src/main/java/META-INF/datasources/).
  4. Interface Mobile: diretório dos Formulários Mobile (Endereço: src/main/mobileapp/www/views/).
  5. Interface Web: diretório dos Formulários Web (Endereço: src/main/webapp/views/).
  6. Bloco Mobile: diretório dos Blocos de programação Mobile (Endereço: src/main/mobileapp/www/js/blockly/).
  7. Bloco Servidor: diretório dos Blocos de programação Servidor (Endereço: src/main/java/blockly/).
  8. Bloco Web: diretório dos Blocos de programação Web (Endereço: src/main/webapp/js/blockly/).
  9. Dashboard: diretório dos Dashboards (Endereço: src/main/java/dashboards/).
  10. Relatórios: diretório dos Relatórios (Endereço: src/main/java/reports/).


Âncora
atalhos-arvore-recursos
atalhos-arvore-recursos

Atalhos da árvore de recursos

A árvore de recursos só está disponível ao desativar o Modo Avançado e exibe os arquivos do projeto que possui recursos visuais, ocultando arquivos que necessitam de desenvolvimento high-code. O conteúdo é organizado por agrupamento de recursos similares. Os atalhos laterais tem o objetivo de filtrar o que foi selecionado.

Alguns desses atalhos apontam para diretórios virtuais, esses diretórios não existem na estrutura de arquivos do projeto e tem o objetivo de organizar conteúdos similares na estrutura da árvore de recursos. Diretórios virtuais não exibem menu de contexto ao clicar com o botão direito do mouse.


Image Added

Figura 6.2 - Atalhos e seus respectivos diretórios sendo visualizado em Movo Avançado desabilitado


Atalhos e seus diretórios:

  1. Arquivos: exibe todo o conteúdo da árvore de recursos, ao clicar novamente, irá minimizar ou maximizar a área da árvore de recursos.
  2. Diagramas: diretório do Diagrama de dados (Localização: Diagrama de dados/ 

perfil-usuarioperfil-usuario

Janela de perfil do Usuário

Abra a janela de informações do usuário ao clicar no nome do usuário (1 da Figura 3.2) no menu do usuário ou através do menu do sistema: Espaço de Trabalho > Perfil do Usuário. Esta janela possui campos para alterar o seu nome, alterar a foto do perfil, informar o plano atual e configurações para o recebimento de mensagens.

Para adicionar uma foto que aparecerá no perfil da sua conta Cronapp, crie ou use sua conta gravatar. Após inserir a foto, reabra o Cronapp para ver a imagem adicionada.

Image Removed

Figura 3.3 - Janela do perfil do usuário

Os campos de notificações permitem habilita os tipos de mensagens que serão recebidas por e-mail.

    • Receber notificações gerais: habilita o recebimento de mensagens referentes ao contrato e aos projetos atualmente em desenvolvimento.
    • Receber notificações do Cloud Services: habilita o recebimento de mensagens informando sobre alterações dos recursos do Cloud Services vinculados ao contrato do usuário.
    • Receber notificações com novidades: notificações sobre lançamentos e atualizações do Cronapp.
Âncoramodo-avancadomodo-avancado

Opção de Modo Avançado

Esse recurso é uma ótima opção para diminuir ainda mais a curva de aprendizado dentro do Cronapp. Ao desabilitar o botão alternância Modo Avançado (destaque 1 da figura 4.1), o Cronapp realiza várias alterações visuais que facilitam o desenvolvimento dentro da plataforma. No geral, essas alterações consistem em ocultar o conteúdo que necessita de algum desenvolvimento high-code, normalmente desnecessário ao utilizar o Cronapp, destacando os recursos visuais. 

Também é possível alternar entre os modos através do menu do sistema: Espaço de Trabalho > Modo de uso da IDE > Modo Analista para desabilitar ou Espaço de Trabalho > Modo de uso da IDE > Modo Avançado para habilitar.

Image Removed

Figura 4.1 - Localização do botão alternância Modo Avançado

A alternância entre os modos pode ser feita a qualquer momento durante o desenvolvimento do projeto e não gera qualquer impacto no resultado final. Assim, ao exportar seu projeto, independente do modo em que estiver trabalhando, a hierarquia de arquivos estará igual ao apresentado no Modo Avançado, pois trata-se do endereço real.  

O principal objetivo desse recurso é tornar o seu processo de desenvolvimento dentro do Cronapp mais simples e confortável.

Abaixo destacamos as principais alterações quando a opção Modo Avançado está desabilitada:

  1. Arquivos do sistema (veja mais em Estrutura de arquivos):
    • Ficam ocultos os diretórios de bibliotecas, arquivos fontes (exemplo: *.java, *,js), arquivos de configurações e os não mapeados pelo Cronapp.
    • Arquivos mapeados pelo Cronapp não exibem suas extensões, de forma a melhorar sua legibilidade.
    • A árvore lateral passa a exibir uma árvore de recursos, deixando de exibir seu conteúdo na forma de hierarquia de diretórios e arquivos e passa a organizá-los com base em suas funcionalidades. Assim, o Cronapp cria um endereço virtual, muito mais simples e que chamamos de Localização, ao invés de usar o Endereço real.
      Abaixo vemos a quantidade de nós necessários para acessar a tela home (web) quando estamos com o Modo Avançado desabilitado e habilitado, respectivamente:
      • Localização: Formulários/Mobile/Autenticado/home
      • Endereçosrc/main/mobileapp/www/views/logged/home.view.html
  2. Algumas janelas de funcionalidades, como editor de blocos ou editor de views, ocultam as subabas em que apresentam o código fonte.
  3. O Cronapp não perguntará ao usuário quando for necessário sobrescrever arquivos.

  4. A aba inferior "Console do depurador" ficará recolhida após executar o projeto.

  5. Na janela de criação dos blocos de programação (cliente ou servidor) será exibida a opção "Novo Bloco de Programação Java/JavaScript (High-code)". 

Âncoraarvore-hierarquicaarvore-hierarquica

Árvore de arquivos

A árvore de arquivos exibe os diretórios e arquivos pertencentes ao seu projeto. Porém, como informado no tópico anterior, a forma como o conteúdo será exibido na árvore dependerá da configuração da opção Modo Avançado:

  • Árvore de arquivos: ao habilitar o Modo Avançado, será exibido a estrutura hierárquica real do projeto, com todos os seus diretórios e arquivos.
  • Árvore de recursos: ao desabilitar o Modo Avançado, o conteúdo da árvore será exibido de forma simplificada, organizando com base em suas funcionalidades.

Acesse a página Estrutura de arquivos para mais detalhes,

O diretório principal dessa árvore, a raiz, é intitulado com o nome do projeto. Para expandir seu conteúdo, clique no símbolo ">" na frente do ícone da pasta.

Atalhos da árvore

A árvore de arquivos possui atalhos na parte superior que agilizam a navegação entre os diretórios do seu projeto. A quantidade de atalhos varia com o tipo do projeto aberto, projetos somente web não exibirão os atalhos (5) e (6) da figura 5.1, pois se trata de diretórios do projeto mobile.

Image Removed

Figura 5.1 - Atalhos e seus respectivos diretórios sendo visualizado em Movo Avançado desabilitado

No topo dessa janela (Figura 5.1) encontramos botões de atalho para algumas pastas.

  1. Ir para Código Fonte: esse atalho direciona para o diretório principal do projeto servidor quando o Modo Avançado estiver habilitado e, quando desabilitado, para o diretório de blocos de programação servidor (localização: Blocos de Programação/Servidor 

    Tooltip
    onlyIcontrue
    appendIconinfo-circle

    Endereço: src/main/java/blockly

    ).

  2. Ir para Pasta Relatórios: expande o diretório onde recomenda-se arquivar os relatórios do sistema (localização: Relatórios

    Tooltip
    onlyIcontrue
    appendIconinfo-circle

    Endereço: src/main/java/reports

    ).

  3. Ir para Pasta Dashboard: expande o diretório onde recomenda-se arquivar os dashboards do sistema (localização: Dashboard

    Tooltip
    onlyIcontrue
    appendIconinfo-circle
    Endereço: src/main/java/dashboards diagram/

    ).

    Ir para blocos do tipo servidor: expande o diretório dos blocos de programação servidor (localização: Blocos de Programação/Servidor 
  4. Dados: diretório das Fontes de dados (Localização: Fonte de dados/

    Tooltip
    onlyIcontrue
    appendIconinfo-circle
    Endereço: src/main/java/blockly

    ).

  5. Ir para Pasta de Diagrama: expande a pasta dos diagramas de dados (localização: Diagrama de dados

    Tooltip
    onlyIcontrue
    appendIconinfo-circle

    Endereço: diagram

    ).

  6. /java/META-INF/datasources/

    ).

  7. Interfaces: (diretório virtual) agrupa recursos relacionados aos Formulário, Fragmentos de formulários e Skins das aplicações Web e Mobile (Localização: Interfaces/)
  8. Lógicas: (diretório virtual) agrupa recursos relacionados aos Blocos de programação Servidor, Web e Mobile (Localização: Lógicas/)
  9. Dashboard: diretório dos Dashboards (Localização: Dashboards/

    Ir para Pasta Mobile: encaminha para o diretório de telas autenticadas do projeto mobile (localização: Formulários/Mobile/Autenticado

    Tooltip
    onlyIcontrue
    appendIconinfo-circle
    Endereço:  src/main/mobileapp/wwwjava/viewsdashboards/logged

    ).

    Ir para blocos do tipo mobile: expande o diretório dos blocos de programação mobile (localização: Bloco de Programação/Mobile
  10. Relatórios: diretório dos Relatórios (Localização: Relatórios/

    Tooltip
    onlyIcontrue
    appendIconinfo-circle
    Endereço:  src/main/mobileappjava/wwwreports/js/blockly

    ).

  11. Mídias: (diretório virtual) agrupa os diretórios de assets Servidor, Web e Mobile  (Localização: Mídias/).
  12. Fluxos: diretório dos fluxos de trabalho BPM (Localização: Fluxos/

    Ir para Pasta de Views: encaminha para o diretório de páginas autenticadas do projeto web (localização: Formulários/Web/Autenticado

    Tooltip
    onlyIcontrue
    appendIconinfo-circle
    Endereço:  src/main/webapp/wwwresources/viewsbpm/logged

    ).

    Ir para blocos tipo web: expande o diretório
  13. Testes: diretório que contém os testes unitários dos blocos de

    programação web (localização: Bloco de Programação/Web

    programação Servidor (Localização: Testes/

    Tooltip
    onlyIcontrue
    appendIconinfo-circle
    Endereço:  src/maintest/webappjava/jsblockly/blockly

    ).

  14. Skins de Tema: acessa a pasta com a lista de skins criada pelo usuário.
  15. Visualização da árvoreopção disponível apenas no Modo Avançado (figura 5.2).
    • Visualização de pasta: exibe os diretórios e arquivos com seus nomes originais;
    • Visualização de categoria: exibe alguns diretórios e arquivos com nomes mais amigáveis.

Image Removed

Figura 5.2 - Árvore sendo visualizada por Categoria e por Pasta
  1. Docs: diretório para manter as documentações do projeto, gerados a partir do Editor de protótipo ou Gerar documentação (Localização: Documentação/

    Tooltip
    onlyIcontrue
    appendIconinfo-circle
    Endereço: docs/

    ).

Menu de contexto

Existem algumas ações que podem ser feitas ao acessar o menu de contexto da na raiz do projeto (nome do projeto), diretórios e arquivos. Acesse o tópico Menu de contexto da documentação Estrutura de arquivos para mais detalhes sobre cada opção.


Image RemovedImage Added

Figura 56.3 - Menu de contexto da raiz do projeto

Projeto versionado

Projetos versionados (via Git) geram pequenas modificações visuais na árvore de nos arquivos.   As principais são: o nome os nomes dos arquivos ganha ganham cores com base no tipo de alteração em relação ao projeto base e, na raiz do projeto, são exibidos o branch atual e o número de commits ainda não enviados (destaque 1 da figura 6.4).

Veja mais detalhes sobre o versionamento de projetos Cronapp em Versionamento usando Git.


Image RemovedImage Added

Figura 56.4 - Arquivos de um projeto versionado

Âncora
area-trabalho
area-trabalho

Área de trabalho

É na área de trabalho que será feito todo o desenvolvimento da aplicação, nele nela são abertos todos os arquivos, seja as ferramentas de desenvolvimento low-code (Figura 5.17) ou o editor de código fonte, para o desenvolvimento high-code. Suas ferramentas mudam conforme o tipo de arquivo aberto.

Image Removed

Figura 6.1 - Área de trabalho com a aba de edição de views aberta

Abas da área de trabalho

Todos os arquivos abertos no Cronapp serão apresentados na área de trabalho e possuem uma aba que permite alternar a janela ativa. Cada aba possui um ícone, representando o tipo de arquivo, o seu nome e também sua extensão, caso o Modo Avançado esteja habilitado (Figura 6.2). É possível identificar se o conteúdo da aba sofreu alguma alteração e ainda não foi salvo observando se o texto da aba está em itálico e negrito.

Image Removed

Figura 6.2 - Abas da área de trabalho sendo visualizadas em modo Avançado

Ao clicar com o botão direito sobre uma aba aberta na área de trabalho é possível encontrar as seguintes funcionalidades.

Image Removed

Figura 6.2 - Menu de contexto para as abas da área de trabalho

. Suas ferramentas mudam conforme o tipo de arquivo aberto.


Image Added

Figura 7 - Área de trabalho com a aba de edição de views aberta


  1. Abas: as abas na parte superior da área de trabalho permitem alterar entre os arquivos abertos. Cada aba irá exibir o nome do arquivo e o seu ícone que permite identificar a ferramenta em que o arquivo está aberto, por exemplo: Editor de views ou Diagrama de dados.

    Dica

    Nas preferências do Espaço de trabalho é possível remover essas abas, veja mais detalhes no tópico Usar abas na abertura de arquivos.

    Utilize atalhos para navegar entre as abas:

    • ctrl + ctrl: alterna entre a aba atual e a última aba acessada.
    • alt + > ou alt + <: avança ou recua pela lista de abas abertas.
  2. Ícones de ajuda e tamanho da tela:
    • Ajuda: o ícone de ajuda contextual direciona o usuário para a documentação referente ao conteúdo aberto.
    • Maximizar / Restaurar: expande ou recolhe a área de trabalho.

Menu de contexto das abas

As abas da área de trabalho possuem menu de contexto com alguns recursos. Esse menu também estará disponível caso o seu Espaço de trabalho esteja configurado para não usar abas na abertura de arquivos.


Image Added

Figura 7.1 - Área de informações da IDE


  • Salvar: salva o arquivo da aba selecionada.
  • Salvar como: salva uma cópia do arquivo em outros diretórios do projeto.
  • Fechar: fecha a aba selecionada. Também é possível fechar a aba selecionada a partir do ícone "x" da aba ou ao clicar com o botão central do mouse.
  • Fechar outros: fecha todas as abas abertas, exceto a aba selecionada.
  • Fechar todos: fecha todas as abas abertas.
  • Histórico: apresenta um histórico de todas as alterações que ocorreu no arquivo selecionadoapresenta uma lista com o histórico das últimas alterações do arquivo selecionado. É possível retornar a qualquer um dos pontos apresentados no histórico.
  • Comparar com: faz a comparação abre uma janela para apresentar um comparativo entre o estado atual do arquivo atual com as uma das versões anteriores do mesmo arquivo.
  • Mostrar em: apresenta onde o arquivo se encontra na árvore de arquivo do projeto.

Posicione o cursor do mouse sobre uma das abas abertas na área de trabalho para exibir um tooltip com o seu endereço. (Figura 6.3)

Image Removed

Figura 6.3 - Tooltip exibindo o endereço do arquivo aberto
  • Ir Para Documentação: direciona o usuário para a documentação da ferramenta aberta no momento.


Âncora
area-infos
area-infos

Área de informações da IDE

A área de informações traz diversas sessões da plataforma, relacionadas principalmente a execução do projeto, como threads, depuração, variáveis e outros. Essa janela permite seu recolhimento ou expansão para facilitar a visualização do seu conteúdo, para isso, clique nos ícones minimizar (1 da Figura 7.18) ou maximizar (2), respectivamente.


Figura 7.1 8 - Área de informações da IDE


Informações

As abas variáveispilha de chamada e console do depurador só aparecem quando o projeto está rodando ou em modo debugging.


Abaixo destacamos cada uma das abas da área de informações do Cronapp.

Saída

Mostra sequencialmente os eventos que ocorrem no servidor da aplicação.


Figura 7Figura 8.2 1 - Aba de saída

Problemas

A aba Problemas exibe os resultados das validações sintáticas e semânticas de todo o sistemaprojeto, incluindo a lógica de negócios, processos de negócio, modelo de dados, regras de acesso ou outro ponto do aplicativo. Por meio dela é possível identificar erros, alertas e informações, com a descrição do problema, o arquivo, a linha e a partir de qual caractere o problema é iniciado. Clique sobre o problema para ser direcionado ao local em que o problema ocorre, lá será possível corrigir o problema de forma manual ou a partir de sugestões para a correção automática.

Em geral, erros impedem que o sistema seja executado ou compilado, garantindo a qualidade da aplicação. Os alertas (warnings) apenas notificam o desenvolvedor. Já as informações indicam a quantidade de marcadores TODO presentes no projeto, representando as atividades pendentes que ainda precisam ser finalizadas, sendo exibidas apenas quando blocos Marcador são utilizados.


Figura 7Figura 8.3 2 - Aba de problemas

Expressões

Nessa janela é feito o monitoramento de variáveis e expressões.


Figura 7Figura 8.4 3 - Informações sobre a variável


Clique com o botão direito no interior da janela de Expressões para adicionar ou remover expressões.


Figura 7Figura 8.5 4 - Menu que é exibido ao clicar na área

Breakpoints

Exibe os pontos de paradas adicionados no bloco de programação ou código-fonte servidor, a janela também informa o arquivo, a linha e se está ativo ou não.


Figura 7Figura 8.6 5 - Aba de breakpoints

Variáveis

Mostra o valor que a variável recebe durante sua execução, além de suas descrições (como mostrada na aba expressões).


Figura 7Figura 8.7 6 - Aba de variáveis

Pilha de chamada

Exibe as funções que estão em pilha na ordem em que são chamadas, facilitando analisar e entender o fluxo de execução da aplicação.


Figura 7Figura 8.8 7 - Aba de pilha de chamada

Âncora
console-depurador
console-depurador

Console do depurador

Aparece todas as informações sobre a depuração, como atualizações, carregamento das bibliotecas, impressão de conteúdo, erros e logs gerados pelo servidor.

Utilize o menu de contexto do console para enviar relatórios de erros para a nossa equipe de suporte, veja mais detalhes no tópico Relatar Problemas


Figura 7Figura 8.9 8 - Aba do depurador


Utilize a caixa de texto do console para executar ações em run time.


Figura 7Figura 8.10 9 - Console do depurador

Âncora
barra-status
barra-status

Barra de Status

A barra de status é uma linha horizontal localizada na parte inferior da IDE, ela exibe diversas informações sobre a situação atual do seu projeto. O conteúdo da barra varia com o tipo de arquivo aberto na área de trabalho e status do projeto. A barra ficará em azul quando o projeto estiver parado e verde ao executar (Rodar / Debug).


Image Modified

Figura 7.11 9 - Barra de status


  1. Mostra a quantidade de erros que existem no projeto, clique para abrir a aba Problemas e exibir os detalhes.
  2. Mostra a quantidade de avisos que existem no projeto, clique para abrir a aba Problemas e exibir os detalhes.
  3. Mostra a quantidade de marcadores TODO que existem no projeto, clique para abrir a aba Problemas e exibir os detalhes.
  4. Exibe informações sobre o que está ocorrendo no servidor tomcat.
  5. Mostra o status atual do projeto.
  6. Avisa quando há novas mensagens.
  7. Avisa quando há novas notificações.


A barra também exibe informações de arquivos de texto ou fontes. Clique sobre esses campos para definir configurações deste arquivo.


Image Modified
Figura 79.12 1 - Alteração da codificação do arquivo aberto ao clicar na barra de status


  1. Linha e coluna selecionada, ao clicar, um popup é aberto para informar a linha que ficará ativa;.
  2. Informações sobre a indentação do arquivo, ao clicar um popup é aberto para alterações de indentação;.
  3. Codificação do texto, ao clicar é possível alterar o enconding do arquivo;.
  4. Informa o tipo de quebra de linha, ao clicar é possível alterar essa opção;.
  5. Informa o tipo de arquivo aberto, ao clicar é possível definir o tema e configuração do texto baseado na linguagem selecionada.

Ajuda contextual

O Cronapp possui ícones de ajuda "?" que, ao clicar, abre uma nova guia no navegador exibindo a documentação da funcionalidade que você estiver acessando no momento. Esses Esses ícones estão espalhados pelo Cronapp e são úteis para tirar dúvidas sobre alguma área da IDE (Figura 8.1).


Figura 8.1 10 - Opções de ajuda


Os ícones de ajuda podem ser encontrados nas seguintes áreasNa figura 10 encontramos o ícone de ajuda espalhados por vários locais:

  1. Abas da área de trabalho: abre a documentação da aba que está ativa no momento. No exemplo da figura 8.110, a documentação que será aberta será a do editor Editor de views.
  2. Componentes visuais: para acessar a documentação dos componentes visuais, clique no na janela do Editor de views, ao selecionar um componente na tela, é possível acessar o ícone de ajuda ao lado do seu nome, nas propriedadesno nome do componente visual.
  3. Janelas: diversas janelas também possuem o ícone de ajuda próximo ao ícone de fechar.

Ajuda em blocos de programação

Caso queira acessar uma documentação referente à um bloco de programação, seja ele do tipo servidor ou cliente, basta clicar com o botão direito sob o bloco e clicar em Ajuda, como mostrado na figura 8.2.

Image Removed

Figura 8.2 - Acesse a documentação do bloco no item Ajuda do seu menu de contexto
  1. Menu de contexto da Aba: clique com botão direito sobre a aba para encontrar a opção "Ir Para Documentação".

Nesta página

Índice
maxLevel2