Page tree
Skip to end of metadata
Go to start of metadata

Nessa página veremos as partes que compõe a janela do Cronapp.

Visão Geral

Antes de começarmos a meter a mão na massa, vamos detalhar as partes do ambiente de desenvolvimento do Cronapp, assim você terá mais familiaridade durante os passos desse get started.

Como na maioria dos ambiente de desenvolvimento, o Cronapp possui áreas bem distintas e funcionais para facilitar o trabalho do desenvolvedor. Iremos destacar algumas dessas áreas e detalharemos nas próximas páginas. Na Figura 1.1 destacamos as áreas e a enumeramos, a lista logo abaixo reflete essa enumeração.


Figura 1.1 - Ambiente de desenvolvimento do Cronapp


  1. Menu do sistema;
  2. Botões de atalho: atalho das principais funções durante o desenvolvimento;
  3. Menu do usuário: contém informações do usuário, plano adquirido, consumo de recurso e atalhos para outros locais dentro da plataforma Cronapp;
  4. Árvore hierárquica com os arquivos do projeto;
  5. Área de trabalho: espaço onde são exibidas as janelas abertas, separadas por suas abas;
  6. Área de informações: local onde são apresentados as janelas de console, erros, expressões, Breakpoints e outras;
  7. Barra de statusprocessos que rodam em segundo plano na IDE, como carregamento de bibliotecas, preparação do ambiente de trabalho, detecção de erros do projeto e avisos de Warnings;
  8. Chat colaborativo: Chat online com outros usuários cadastrados.

Botões de atalho

Como estamos sempre acessando o botões do atalho durante o desenvolvimento, identificaremos essa sequencia de botões.

Figura 1.2 - Botões de atalho da IDE


  1. Criar novo projeto;
  2. Abrir projeto existente;
  3. Salvar a aba ativa ou todas as abas abertas;
  4. Compilar e rodar o projeto;
  5. Compilar e debug do projeto;
  6. Parar o projeto em execução;
  7. Abrir o projeto em outra aba no navegador (web ou mobile) ou simulador (mobile);
  8. Botões de ação do debug, só ficam habilitados quando executado o projeto em modo debug;
  9. Terminal de comandos;
  10. Banco de dados;
  11. Console de Publicações, é exibida tela com o status dos projetos publicados;
  12. Banco de dados na nuvem;
  13. Iniciar ou parar o Assistente de ajuda;
  14. Chat com o suporte do Cronapp;

Árvore de arquivos

A árvore de arquivos exibe todos os diretórios e arquivos pertencentes ao seu projeto em modo hierárquico. No topo dessa janela (Figura 1.3) encontramos botões de atalho para algumas pastas.

Atalhos

Apesar dos ícones de atalhos serem originados logo após a criação do projeto, o mesmo não ocorrer com alguns diretórios - eles não são gerados após a criação do projeto. Caso isso ocorra, basta clicar no atalho correspondente desse diretório para que ele seja gerado. 


Figura 1.3 - Definição dos atalhos da árvore de arquivos


  1. Código fonte: pasta do Java, lado servidor;
  2. Pasta relatório;
  3. Bloco do tipo servidor: pasta de bloco de programação, lado servidor;
  4. Pasta de diagrama;
  5. Pasta mobile: pasta views, lado mobile;
  6. Blocos do tipo mobile: pasta de bloco de programação, lado mobile;
  7. Pasta de views: pasta views, lado cliente;
  8. Blocos do tipo cliente: pasta de bloco de programação, lado cliente;
  9. Visualização por pastas ou categorias.


No parte superior esquerda (Figura 1.4) encontramos a opção de visualizar o nome dos diretórios e arquivos de duas formas diferentes: visualização de pasta, exibe os nomes originais e visualização de categoria exibe os nomes de forma mais amigável para o desenvolvedor.

Atenção

Ao utilizar o modo visualização de categorias, os arquivos não são renomeados e sempre que precisar informar o endereço de um arquivo, deverá usar os nomes originais, ou seja, o da visualização por pastas.


Figura 1.4 - Diferença entre a visualização por pastas e categorias

Menu de contexto da árvore

Algumas funcionalidades são encontradas exclusivamente através do menu de contexto (menu do botão direito do mouse), como por exemplo: operações de versionamento; compilação, importação e exportação de projeto; abrir arquivo em modo texto e outros. (Figura 1.5)

As opções do menu de contexto podem variar de acordo ao arquivo clicado, por exemplo, o arquivo pom.xml (Definições Maven) é o único que irá exibir as opções referentes ao Maven.

Figura 1.5 - Menu de contexto da árvore de arquivos

Abas e seu menu de contexto

Ao abrir o menu de contexto em uma das abas na área de trabalho encontramos algumas funcionalidades interessantes, por exemplo: fechamento de janelas de acordo com as condições apresentadas, restaurar para um determinado ponto no histórico de alterações, comparativo entre os pontos de alteração e exibição do arquivo dentro do árvore de arquivos do projeto. (Figura 1.6)

O nome na aba ficará em itálico enquanto seu conteúdo não tiver sido salvo.

Figura 1.6 - Menu de contexto da aba das janelas

Maximizar e minimizar janelas

Apesar dos ícones de maximizar, restaurar e minimizar serem padrões como em outras aplicações, elas podem estar posicionadas em locais diferentes. Por exemplo na janela de informações, onde o ícone de minimizar (1) encontra-se em cima  e o maximizar (2) em baixo. (Figura 1.7)

Figura 1.7 - Botões minimizar e maximizar

Barra de status

A barra de status exibe várias informações sobre o que está ocorrendo com a aplicação naquele momento, inclusive mudando de cor para alertá-lo.

Figura 1.8 - Barra de status da IDE

Chat colaborativo

O chat colaborativo permite adicionar outros usuários da plataforma Cronapp, criar grupos de conversa, realizar chamadas por áudio ou web cam e compartilhar a tela do usuário.

Figura 1.9 - Exemplo de conversa "espontânea" usando o Chat colaborativo


Para utilizar os recursos de chamada por áudio, vídeo ou compartilhamento de tela é necessário instalar a extensão Screen Capturing, alguns navegadores já possuem essa extensão nativamente, como é o caso do Firefox. Ao executar algumas dessas funções pela primeira vez, o navegar solicita a instalação dessa extensão automaticamente.


  • No labels