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 Realizar uma avaliação do template para implementar aprimoramentos no layout atual do Sistema Integrado 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 Sistema Integrado de Escalas e Plantões (SIEP), o time identificou diversas áreas de aprimoramento no layout. Algumas melhorias foram implementadas para nas primeiras entregas, no entanto, foram identificados outros pontos que requerem melhorias 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 sistema está em desenvolvimento e foi projetado apenas para a 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)