Personalização do Banco de Talentos

Características do Requisito

Descrição

O Banco de Talentos foi redesenhado visando adequar-se à experiência 8 e proporcionar melhorias em sua usabilidade e performance. Devido a esta reformulação, neste documento iremos demonstrar como realizar a personalização do Layout, para que cada empresa faça a adaptação para sua identidade visual.

*Procedimento para Personalização

O Banco de Talentos possui o layout baseado por padrão na logomarca TOTVS (utiliza as cores base azul e branca), conforme pode ser visualizado no item Anexos deste documento com alguma de suas telas: nas imagens Figura 01, Figura 02, Figura 03 e Figura 04. Visando facilitar a adaptação, no diretório virtual de instalação do mesmo no Servidor de Aplicação IIS, sistema (Figura 05) podemos localizar a pasta "Customcustom" (caminho: FrameHTMLatravés do caminho "FrameHTML\RM\Rhu-BancoTalentos\framework\assets\custom), " que possui as subpastas "img" e "css" , que armazenarão respectivamente imagens e um arquivo .css para esta operaçãopersonalização. Na subpasta "css" possui um existe o arquivo denominado "layout_custom.css" que contém instruções e comentários de como personalizar os itens das as páginas,  e já na pasta "img" é o local utilizado para incluir novas utilizada armazenar imagens utilizadas pelo arquivo de personalização (Figura 05)que será criado.

Para criar fazer uma nova personalização deve-se criar um arquivo com o nome **"rm_rhu_layout_personalizado.css"(baseados nas informações do arquivo layout_custom.css)  na não deve ser utilizado outro nome) na pasta "css"e a logomarca da empresa em questão deve ser amarzenada armazenada na pasta "img". Uma vez criado estes arquivos, o sistema detectará automaticamente  a existência destes arquivos e habilitará a de uma nova identidade visual e carregará automaticamente no sistema.

Como exemplo , disponibilizamos no diretório "css" um exemplo de layout tema personalizado já implementado com o nome "rm_rhu_layout_personalizado-sample.css", caso necessite queira visualizar este exemplo será necessário renomear este arquivo para o nome indicado  "rm_rhu_layout_personalizado.css" para que o sistema habilite esse novo visual. Este tema de exemplo pode ser visualizado através das imagens no item anexo deste documento ( Figuras 06, Figuras  Figuras 07, Figuras  Figuras 08 e Figuras e Figuras 09).

Para *Para realização deste procedimento é necessário que o mesmo seja feito por um profissional com conhecimento de desenvolvimento Web.

** Toda a personalização deve ser criada a partir das informações contidas no arquivo layout_custom.css

Anexos

Figura 01 - Tela de Home

Figura 02 - Tela de Painel de Vagas

Figura 03 - Tela Perfil

Figura 04 - Edição de Dados Pessoais (Tela de Perfil)

Figura 05 - Servidor de Aplicação - Local de Instalação

Figura 04 - Tela de Home (personalizada)

Figura 05 - Tela de Perfil (personalizada)

Figura 06 - Tela de Painel de Vagas (personalizada)

Figura 07 -  Edição de Dados Pessoais - Tela de Perfil (personalizada)