Ir para o conteúdo principal

Avaliação técnica de implementação do layout no SIEP

Data de elaboração 11/07/2023
Responsável pelo estudo Carlos Eduardo Carvalho do Viso

Equipe do estudo

José Lucas da Silva Costa
Milton Daniel Yama Ribera
Gabriel Santi Binda

Alvo Sistema do SIEP
Origem Layout do sistema
Objetivo AvaliarRealizar uma avaliação do template para elaboraimplementar oaprimoramentos no layout atual do sistemaSistema SIEPIntegrado de Escalas e Plantões.
Documentação Correlata Não se aplica.
Observações Sem observações.

1. Glossário de Termos


1. SIEP - Sistema Integrado de Escalas e Plantões.

2. Introdução


Diante do Layout atual do sistema Integrado de Escalas e Plantões foi identificado que será necessário realizar algumas modificações para atender melhor os usuários e facilitar a navegação.

3. Objetivo


Estudar e avaliar quais mudanças necessárias para melhoria e correções de Layout no sistema SIEP.

3.1 JUSTIFICATIVA


Durante o processo de desenvolvimento do sistemaSistema Integrado de Escalas e Plantões - SIEP(SIEP), o time detectouidentificou váriosdiversas áreas de aprimoramento no layout. Algumas melhorias foram implementadas para nas primeiras entregas, no entanto, foram identificados outros pontos deque requerem melhorias de layout e foram aplicado alguns  detalhes para realizarmos a primeiro entrega, mas foi observado alguns pontos antes que precisam ser melhorados.adicionais.

3.2 RESULTADOS DA PESQUISA


Identificar as páginas e quais histórias de usuários serão necessárias criar, com as pesquisa foi definido dois template.

4. Desenvolvimento - Melhorias de Layout no SIEP

4.1 CENÁRIO ATUAL


Atualmente o SIEP esta em produção contando somente com a sua página web.

4.2 PROBLEMAS DO CENÁRIO ATUAL


Futuramente será utilizado o mesmo Layout nas páginas, acontecem que algumas telas atualmente estão com problemas referente a visualização em dispositivos móveis que possuem telas menos.

4.3 SOLUÇÃO

- Página Home

A página home do sistema Integrado de Escalas e Plantões - SIEP não tem um layout definido, segue abaixo a captura de tela. Vale salienta que será corrigido o layout e responsividade. 

image.png

- Página Escalas

A página Escalas do sistema Integrado de Escalas e Plantões, será melhorado a questão da responsividade, não esta ocupando corretamente o tamanho da tela Web e Mobile.

image.png

- Página Escalas Homologadas

A página Escalas Homologadas do sistema Integrado de Escalas e Plantões, será melhorado a questão da responsividade, não esta ocupando corretamente o tamanho da tela Web e Mobile. 

image.png

- Observação

A página, Servidores e Solicitações, estão em desenvolvimento entretanto será aplicado o layout, responsividade e a fonte adequada.

5. Desenvolvimento - Sugestão de layout(template)

OPÇÃO 1
URL: Dash UI - Next.Js Admin Dashboard Template (dash-ui-admin-template.vercel.app)

image.png

OPÇÃO2
URL: Windmill Dashboard (windmill-dashboard.vercel.app)

image.png

Como resultado das pesquisa foi escolhido dois template como mostra a capturas acima, irá ser utilizado esse dois modelo para implementar o novo layout no sistema SIEP, entretanto será corrigido a responsividade do sistema SIEP.

Conclusão


Diante da análise técnica feita no código do sistema Integrado de Escalas e Plantões - SIEP, foi possível avaliar a situação atual do sistema e pontos de responsividade. Inicialmente, foi verificado que parte do sistema precisava de mudança no layout, entretanto em algumas parte do sistema não tinha um layout especifico e foi preciso implementa um layout para o sistema SIEP.

Laudo Técnico

Introdução

 

Este laudo técnico tem como objetivo avaliar o layout do sistema Integrado de Escalas e Plantões. O escopo da análise envolveu a avaliação da responsividade do código e a identificação que podem ser implementadas para melhorar a usabilidade e a navegação do sistema. 

Metodologia

Para realizar a análise, foram utilizadas técnica de análise estática de código, inspeção manual do código-fonte e pesquisa de template.

 

Conclusão

 

Com base na análise realizada, foi identificada falhas em questão de responsividade no sistema, recomenda-se que seja implementada no sistema o layout para evitar quebra em diferentes dispositivos, garantindo a navegação e usabilidade do usuário. A implementação do layout pode melhorar significativamente a usabilidade e o melhor desempenho do usuário no sistema. Recomenda que a equipe tome medidas para corrigir a quebra de tela em diferentes tipo de dispositivos 


Elaborado por:


Carlos Eduardo Carvalho do Viso

Estagiário


Porto Velho - RO, 11 de julho de 2023.

Referências


1 - Melhorias de Layout no... | Superintendência Estadual de Tecnologia da Informação e Comunicação (sistemas.ro.gov.br)
2 - Avaliação técnica de v... | Superintendência Estadual de Tecnologia da Informação e Comunicação (sistemas.ro.gov.br)