- Criado por Fábio Duarte Freitas, última alteração em 17/05/2022
Você está vendo a versão antiga da página. Ver a versão atual.
Comparar com o atual Ver Histórico da Página
« Anterior Versão 11 Próxima »
O Cronapp possui novas ferramentas de visualização de arquivos, através delas podemos visualizar a exibição de arquivos como: PDF, PNG, JPG, SVG e HTML. Confira abaixo o funcionamento de cada uma delas.
Dica
É aconselhável inserir PDF's e imagens na pastar Resources (Caminho no modo avançado: src/main/resources/assets).
Visualizador de PDF
Exibe o arquivo em PDF da mesma forma que seria exibido no navegador, o modo de exibição varia conforme o navegador utilizado.
Figura 1 - Upload de um arquivo PDF
O passos mostrados na imagem acima, serão os mesmos para a criação de qualquer arquivo.
- Escolha a pasta de sua preferência dentro da pasta Recursos;
- Selecione a opção Novo;
- Selecione a opção Fazer Upload, existem duas formas de fazer o upload de um arquivo, a primeira é clicando no botão Add, dessa forma será aberta uma janela de seleção de arquivos do seu computador, a segunda forma é arrastando diretamente o arquivo de sua escolha para a tela Envio de arquivo.
A figura 1.1 ilustra o visualizador de PDF utilizando o Chrome como navegador. Se o usuário estivesse utilizando o Internet Explorer, o PDF seria exibido da mesma forma que é apresentado nele.
Figura 1.1 - Visualizador de PDF utilizando o Chrome
Visualizador de imagens
Exibe o arquivo de imagens do tipo PNG, JPG, JPEG e SVG, Atualmente o visualizador de imagens tem a única função de zoom in e zoom out
Figura 1.2 - Visualizador de imagens
Fonte
Link da imagens acima: https://pixabay.com/pt/vectors/gatos-animais-de-estima%c3%a7%c3%a3o-animais-7122943/
Editor de documentos
O editor de documentos é uma ferramenta ideal para criação de documentações do sistema. Inicialmente precisamos criar um diretório na parte de documentação, confira a imagem abaixo.
Figura 1.3 - Criação do diretório
- Clique com o botão direito em Documentação;
- Em seguida, clique em Diretório.
- Por fim, dê um nome ao arquivo que será criado.
Agora precisamos criar o arquivo de documentação dentro desse diretório, repita o mesmo processo, mas no passo 3 clique em Documentação.
Observação
O diretório e arquivo architecture são criados por padrão em todo projeto do Cronapp, a imagem acima representa somente o passo a passo para a criação de um arquivo de documentação. As opções Editor de Texto, Navegador e Editor de documentos está presente também nos formulários web/mobile
Para abrir o Editor de Documentos, siga os seguintes passos, clique com o botão direito no arquivo criado > Abrir com > Editor de Documentos. Confira na imagem abaixo
Figura 1.4 - Abrindo o editor de documentos
Importante!
Uma vez que o arquivo esteja aberto, as opções do menu Abrir com, só será visível novamente quando o arquivo for fechado.
O editor que será exibido é semelhante ao Editor de Texto Rico. Confira na figura 1.5
Figura 1.5 - Editor de documentos
Muitos dos elementos presentes no Editor de documentos podem ser encontrados na documentação Editor de Texto Rico. Seu diferencial é o campo Código-Fonte. Qualquer alteração feita no Código-Fonte, alterará o texto presente no visualizador, e vice-versa. No exemplo da figura abaixo estamos adicionando a propriedade style="color:#e74c3c" ao segundo parágrafo, "Camadas", perceba que a alteração feita no código refletiu no texto do editor, O mesmo aconteceria se alterássemos manualmente a cor do parágrafo, a tag style="color:#e74c3c" seria aplicada ao Código-Fonte.
Figura 1.6 - Editor de documentos Código-Fonte
Navegador
O navegador é um visualizador de páginas HTML, funciona como um pré-visualizador de como a página irá ser renderizada na web. Perceba que na figura 1.5 existem links, porém, como o arquivo está em modo de edição, nenhum desses links funcionará. Se abrirmos o arquivo com o Navegador, ele irá exibir a página da mesma forma que seria exibida na web, inclusive com os links funcionando.
Figura 1.7 - Navegador
- Sem rótulos