ER_PCREQ-8289_Login_Responsivo

Informações Gerais

Objetivo

Remodelar a página de login do PORTAL PROTHEUS para que ela seja responsiva, isto é, para que ao acessá-la a partir de um dispositivo móvel ou desktop ela tenha as mesmas características.

Definição da Regra de Negócio

Para que a página de LOGIN responsiva seja atualizada, é necessário substituir/adicionar o arquivo style.css na pasta raiz do site do PORTAL PROTHEUS.

Pontos a atuar: 

• Separar CSS do HTML
  
  • A Rotina que efetua a chamada da página de LOGIN (PWSX000.APH) deve ser alterada para que não haja CSS INLINE(aquele que é inserido junto ao código HTML, através do atributo style). As chamadas de estilo passam a ser através de CSS LINKADO (CSS fica em um arquivo separado). A Ideia é efetuar a separação física entre HTML e CSS para que seja facilitado futuras manutenções e para separar a folha de estilo para os diversos tipos de dispositivos.
    
    
• Ajustar página de login
  • O Arquivo de estilo da página de login (style.css) deve ser dividido em DESKTOP e DISPOSITIVOS MÓVEIS, as classes CSS para cada um deve ser específica para que as peculiaridades sejam tratadas de maneira diferente. A Resolução para DISPOSITIVOS MÓVEIS deve assumir tamanho mínimo de 0 pixels e tamanho máximo de 750 pixels, a resolução para DESKTOP deve assumir apenas o tamanho mínimo, que será de 750 pixels. Para os dois tipos citados acima deverão conter classes para tratar estilos do fundo da página, recipiente de login, fontes dos textos e campos de login e senha.

Não Há

Não Há

Regras de Integridade

• Os Arquivos de folha de estilo devem conter o comando ViewPort para que as funcionalidades responsiva funcionem de maneira correta.

Protótipo de Tela

Protótipo 01 - Desktop

Protótipo 02 - Dispositivo móvel - Paisagem

Protótipo 03 - Dispositivo móvel - Retrato