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).

Com objetivo de facilitar a personalização das páginas, foi disponibilizado no diretório de instalação do mesmo, um arquivo que 

1. Em Microsiga Protheus TOTVS Smart Client (se versão 10) ou ByYou Smart Client (se versão 11), digite informe o nome do compatibilizador no campo Programa Inicial. Descreva se o compatibilizador deve ter uma data específica ou superior para que a atualização nos dicionários seja efetuada corretamente. Importante: Para a correta atualização do dicionário de dados, certifique-se que a data do compatibilizador seja igual ou superior a ___/___/____.
2. Clique em OK para continuar.
3. Após a confirmação é exibida uma tela para a seleção da empresa em que o dicionário de dados será modificado ou é apresentada a janela para seleção do compatibilizador. Selecione o programa xxxx().
4. Ao confirmar é exibida uma mensagem de advertência sobre o backup e a necessidade de sua execução em modo exclusivo.
   1. Clique em Processar para iniciar o processamento. O primeiro passo da execução é a preparação dos arquivos.
      É apresentada uma mensagem explicativa na tela.
   2. Em seguida, é exibida a janela Atualização concluída com o histórico (log) de todas as atualizações processadas. Nesse log de atualização são apresentados somente os campos atualizados pelo programa. O compatibilizador cria os campos que ainda não existem no dicionário de dados.
   3. Clique em Gravar para salvar o histórico (log) apresentado.
   4. Clique em OK para encerrar o processamento.

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)