Open the menu

    Customização do aplicativo

    O código-fonte gerado pelo LumisXP é uma base para que um aplicativo seja gerado. Embora algumas customizações visuais possam ser feitas somente através da interface de criação de aplicativos, outras customizações podem ser necessárias no aplicativo final gerado.

    Ícones e splash screens

    Os ícones e as splash screens do aplicativo podem ser customizados substituindo os arquivos presentes em res/icons, para ícones, e res/screens, para splash screens.
    Caso haja a necessidade, a configuração deles pode ser alterada no arquivo config.xml do aplicativo (arquivo de configuração do Apache Cordova™).
    Por padrão, os ícones para o Android ficam em res/icons/android e os de iOS em res/icons/ios.

    Mudanças visuais

    Mudanças meramente visuais podem ser feitas no aplicativo em dois níveis:

    1. Mudanças no CSS: O estilo usado no aplicativo vem do arquivo www/css/styles.css. Esse arquivo é gerado a partir do código-fonte SASS www/css/styles.scss. A solução pode tanto customizar diretamente o arquivo CSS (www/css/styles.css) quanto customizar o arquivo SASS (www/css/styles.scss) e compilá-lo para um arquivo CSS.
    2. Mudanças no HTML: Algumas mudanças de visual podem requerer mudanças na estrutura do HTML do aplicativo. Nesse caso, o arquivo www/index.html deve ser alterado para alcançar a customização desejada.

    Fluxo do aplicativo

    Para realizar mudanças mais complexas, é importante saber como o aplicativo funciona. Abaixo há um esboço macro do fluxo do aplicativo:

    Fluxo resumido do aplicativo

    No fluxo, o passo de auto login autentica o usuário no LumisXP, caso o mesmo possua credenciais armazenadas no aplicativo.
    Os passos adicionais são passos necessários para garantir o correto funcionamento do aplicativo em conjunto com o LumisXP.
    O iframe exibe o site LumisXP para o usuário, que pode navergar através do mesmo.
    Ao navegar, é feita uma validação para averigurar se o usuário foi para a tela de login na solução (ao acessar uma área ao qual não tenha acesso, por exemplo). Nesse caso, o usuário é redirecionado para a tela de login do aplicativo. Essa tela de login (do aplicativo) exibe um formulário para o usuário entrar com suas credenciais. Ao enviar os dados, a tela de login do aplicativo armazena as credenciais do usuário no aplicativo e prossegue para os passos adicionais.

    Outras alterações

    Caso a solução necessite de outras alterações, deve-se verificar no Apache Cordova™ como realizar tais alterações.