Skip to end of metadata
Go to start of metadata

Nesses passos iremos verificar se está tudo funcionando corretamente em nosso projeto. tanto na parte web quanto mobile.

 

Os sistemas web criados pelo Cronapp são responsivos e se adequam aos diferentes tamanhos de telas através dos navegadores do smartphone, tablets ou TVs; já os projetos mobile possibilitam criar aplicativos nativos para rodar diretamente nos sistemas Android e IOS.

Veremos que o Cronapp nos permite testar os sistemas mobiles em pelo menos três formas distintas, sem a necessidade de gerar arquivos nativos.

Inicializando o servidor

Você pode Rodar (1) ou Debugar (2) seu projeto clicando nos botões de atalho ou através do menu Executar no menu do sistema. Dê preferência ao modo Debug, pois nesse modo é possível realizar diversas alterações no sistema, atualizar a página e ver as modificações sem a necessidade de rodar o projeto novamente.

Figura 1.1 - Maneiras de executar o projeto

 

Assim que o projeto começar a compilar, a barra de status mudará de azul para verde, sinalizando que o projeto está em execução. Aguarde o carregamento do servidor (1) e a exibição da URL de testes na janela de saída (2). (Figura 1.2)

Figura 1.2 - Compilando projeto para teste


Observação:

A URL de testes gerado após iniciar o servidor é temporário, ou seja, ao executar a aplicação novamente não é garantido que o domínio seja igual.

Primeiro acesso

Por padrão, ao abrir o projeto web ou mobile, a primeira tela a ser apresentada é a de login e você pode usar o usuário administrador que já vem cadastrado em todos os projetos:

  • login: admin
  • senha: admin

Figura 1.3 - Tela de login da aplicação

Como testar

Assim que o servidor Tomcat for iniciado, os botões Parar Aplicação (1) e Abrir Navegador (2) ficarão habilitados. Ao clicar no botão Abrir Navegador (2), um menu é aberto para selecionar uma das opções para testar o projeto. (Figura 2.1)

 

Figura 2.1 - principais formas de testes

 

  1. Parar Aplicação: finaliza o servidor Tomcat;
  2. Abrir Navegador: expandir o menu de execução;
  3. Navegador [webapp]: abre outra aba do navegador com o projeto web;
  4. Navegador [mobile]: abre outra aba do navegador com o projeto mobile;
  5. Simulador: abre outra aba no Cronapp para rodar o projeto mobile.

 

Além das opções no menu do botão Abrir Navegador, é possível rodando tanto o simulador dentro do Cronapp quanto simulador no Smartphone através do Aplicativo Cronapp Browser. (Figura 2.2)

Figura 2.2 - Formas de testar o mobile

No menu do sistema, acesse Dispositivos Móveis > Executar para encontrar as opções:

  1. Simulador: abre outra aba no Cronapp para rodar o projeto mobile.
  2. Cronapp Browser: abre uma janela com um QR Code, permitindo abrir o projeto em um smartphone através do Aplicativo do Cronapp.

Projeto web e mobile no navegador

Ao clicar nas opções Navegador [webapp] ou Navegador [mobile] (itens 3 e 4 da figura 2.1) o projeto será aberto em uma nova aba no seu browser, como podemos ver nas Figuras 2.3 e 2.4.

 

Figura 2.3 - Página Minhas Reservas do projeto web aberta no navegador

 

Figura 2.4 - Página Minhas Reservas do projeto mobile aberta no navegador

 

Execute o projeto mobile no navegador somente para testar as funções mais básicas do sistema, já que o navegador não possui vários recursos disponíveis no Smartphone.

Simulador

O Simulador é utilizado apenas para testar a aplicação mobile. Ao selecionar essa opção, uma nova aba é aberta dentro do Cronapp, permitindo que você simule a visualização da aplicação na vertical ou horizontal e a responsividade do sistema para um Smartphone ou Tablet.

Figura 2.5 - Simulador de aplicações mobile no Cronapp

 

Nessa opção, os recursos nativos do Smartphone, como câmera, GPS, toque pinça e outros não poderão ser simulados.

Cronapp Browser

Para usar essa opção de teste é necessário que você tenha o aplicativo Cronapp Browser instalado em seu dispositivo e assim que for acionado, seu projeto será baixado em seu smartphone e rodará em uma camada acima do aplicativo. O app Cronapp Browser é a melhor opção para testar, não nativamente, seu projeto mobile, pois consegue simular e usar praticamente todos os recursos do Smartphone exigidos pela aplicação.

Primeiramente, acesse a loja virtual do IOS ou Android através dos links abaixo, faça o download e instale a aplicação Cronapp Browser em seu dispositivo.

 

    

 

Links para o aplicativo de testes Cronapp Browser           

 

Dica:

Lembre-se de conceder todas as permissões solicitadas pelo aplicativo, como o uso do recurso da câmera.

 

Ao abrir o aplicativo, clique no botão Acionar Leitura para ativar o recurso da câmera e volte para o Cronapp para gerar o QRCode.


Figura 2.6 - Tela inicial do Cronapp Browser

 

Com o projeto rodando, acesse no menu de sistemas Dispositivos Móveis > Executar > Cronapp Browser (Item 2 na Figura 2.2). Ao iniciar essa funcionalidade, uma janela com um QRcode é gerada para permitir a leitura pelo aplicativo Cronapp Browse.

Aponte a câmera do smartphone para o seu monitor para efetuar a leitura do QRCode gerado pela IDE. 


Figura 2.7 - Leitura do QRcode gerado pelo Cronapp

 

Após a leitura, o projeto é baixado temporariamente no smartphone e executado por cima da aplicação 

 

 

  • No labels