Skip to end of metadata
Go to start of metadata

O Front End das aplicações mobile são construídos com as mesmas tecnologias para web, incluindo uma camada adicional que permite a criação de aplicações híbridas que podem ser compiladas para código nativo de dispositivos móveis que utilizam sistemas operacionais Android ou iOS, através do framework Cordova e Ionic. Dessa forma, é possível desenhar o código uma única vez, acessando inclusive recursos próprios dos dispositivos, tais como, câmera, GPS, etc. Após o desenho da aplicação, a mesma pode ser compilada e disponibilizada como código nativo desses dispositivos. 

Note que, ao criar uma aplicação do tipo Mobile na IDE e marcar a opção "FrontEnd" durante a criação, o projeto criado tem 2 pastas onde são armazenados arquivos com código para interação com o usuário final.

 


Figura 1 - Árvore de recursos de um projeto mobile


A pasta mobileapp é onde desenvolve o front-end específico do mobile, que tem um visual diferente. Poderá ser exportada como app para instalar no celular (Figura 2). Na pasta webapp é possível gerar um front-end para  a aplicação Web, que será responsiva, se gerada pelo CronApp.  Poderá ser usada no celular, visualizada no browser (Figura 3). Ao rodar o projeto, é possível abrir a aplicação no browser como projeto mobile ou projeto web (Figura 4).


Figura 2 - Editor de front-end mobile



Figura 3 - Editor de front-end web


Figura 4 - Abrir o projeto com o browser

 

 

Aqui no repositório de documentações do CronApp, você pode encontrar diversas informações sobre como fazer a edição do front-end (Editor de Front-End).

 

 

Nesta página

 

  • No labels