Telas de login

O sistema permite a customização da tela de login por meio de um cadastro de telas de login que é avaliado de acordo com o navegador utilizado pelo usuário. Apesar dessa funcionalidade existir, atualmente não é mais recomendada a criação de telas de login customizadas. A implementação de uma tela de login é complexa e exige uma manutenção não trivial para que ela acompanhe as funcionalidades do sistema e as melhores práticas de segurança.

Processo Telas de login

Caminho: Admin > Aparência e personalização > Telas de login.

Neste processo é possível configurar a tela de login padrão do sistema, permitindo modificar as cores e imagens de fundo. Ele também permite criar e configurar telas de login diferentes da padrão por meio da opção “Configurar telas customizadas”.

Título e subtítulo da base de dados

Para configurar o título da base de dados apresentado na tela de login deve ser utilizado o processo “Admin > Base de dados > Configurações”. Nele, além de configurar o título da base de dados, também é possível definir um subtítulo, sendo este último recomendado para indicar a finalidade das bases de dados que não são de produção, como as de “Desenvolvimento”, “Homologação” ou “Treinamento”. Mais detalhes no manual Base de dados.

Cores da tela de login

No processo é possível definir as cores utilizadas na tela de login. A cor mais importante é a primária, que será aplicada sobre os principais elementos da interface. Também podem ser informadas as cores a serem utilizadas nos links, erros e no fundo da tela.

Para as configurações de cores acima, também deve ser indica uma cor auxiliar a ser utilizada nos elementos textuais, iconográficos e traços exibidos sobre a cor base. Para cores bases claras, é recomendado o uso da cor preta (#000000). Para cores bases escuras, a cor branca (#ffffff).

Ao definir as cores, deve-se buscar seguir a paleta de cores sugerida pelo Material Design, podendo ser utilizada a ferramenta Color Tool para gerar sugestões a partir de uma cor base.

Caso desejado, as cores padrões do sistema podem ser restauradas por meio do botão “Restaurar valores padrões”, eliminando a configuração realizada.

Imagens de fundo

A tela de login padrão permite configurar um conjunto de imagens de fundo que serão alternadas diariamente. Por padrão, o sistema possui um conjunto de imagens fornecidas pelo fornecedor, mas outras podem ser adicionadas por meio da grade “Imagens de fundo”.

O botão “Carregar novas imagens” deve ser utilizado para realizar o upload de novas imagens e os botões “Inserir” e “Remover” para ativar ou desativar imagens carregadas anteriormente. As imagens carregadas serão gravadas no diretório da Virtual File System “/Dados/Arquivos/Aparência e Personalização/Imagens de fundo”. Se não forem configuradas “Imagens de fundo”, serão utilizadas as definidas pelo fornecedor do sistema.

As imagens de fundo devem ter o menor tamanho possível para melhorar a experiência do usuário, portanto é recomendado que elas sejam otimizadas por ferramentas de compressão de imagens como o Squoosh antes de serem carregadas no sistema. O tamanho máximo permitido é 500KB.

Configurando uma tela de login customizada

Para criar uma tela de login customizada, deve ser utilizado o botão “Configurar telas customizadas”. Na grade “Telas de login” apresentada, deve ser adicionado um novo registro, preenchendo as seguintes informações:

  • O título da página de login no campo “Título usuário não autenticado”. Esse é o título que será exibido antes do login do usuário.
  • O diretório que conterá os arquivos “login.ijs” e login.css”. Esses arquivos devem implementar a tela de login customizada e devem ser criados por um desenvolvedor com experiência no assunto, evitando problemas de segurança.
  • As regras de utilização que definem a prioridade da tela de login customizada em relação às demais. A tela de login exibida será aquela com maior prioridade para um determinado navegador.

Para desativar uma tela de login, devem ser removidas as “Regras de utilização” dela, ou deve ser utilizada uma prioridade inferior à definida para a tela de login “Padrão”.