Estudo de Modelo Intuitivo para Mapeamento de Lotes de Medicamentos

Data: 06/04/21

Autores:

1. Alan da Silva Souza
2. Gabriel Santi Binda
3. João Vitor Paulino Nobre
4. Raissa de Sousa Stolduski
5. Taillon Miguel Gonçalves

Objetivo

O Objetivo do estudo aqui apresentado, é de pesquisar e definir um layout intuitivo para que seja possível exibir a distribuição de lotes de medicamentos do CAFI aos hospitais.

Introdução

Para alcançar o objetivo proposto, foram seguidos alguns passos de pesquisa e testes de vários layouts para verificar qual se adequava mais a realidade do objetivo, assim sendo, será descrito em detalhes durante o estudo.

Modelos

Alguns modelos foram encontrados e testados nessa pesquisa por um layout, que serão citados abaixo.

• Simple Tree Chart

• Tree Chart

  

• Interactive Tree Chart

  

• Collapsible Tree Chart

  
  

  

Resultados

Com os modelos encontrados acima, o que foi escolhido é o Interactive Tree Chart, que mesmo muito simples, é de fácil customização e seu código é de fácil implementação, já que, foi testado dentro do ambiente de desenvolvimento, dito isso, é possível gerar algumas US até sua implementação final:

5 Pontos - Testar integração total com o layout e código do Simeron;

8 Pontos - Exibir distribuição de medicamentos do CAFI até o Hospital usando o Chart;

8 Pontos - Customizar Chart para se adequar ao layout e identidade visual do Simeron.

Glossário

Chart - Gráfico;

Tree Chart - Gráfico em árvore;

Simple Tree Chart - Gráfico em árvore simples;

Interactive Tree Chart - Gráfico em árvore interativo;

Collapsible Tree Chart - Gráfico em árvore dobrável.

Referências

[1] OBSERVABLEHQ. D3 Gallery. 2021. Disponível em: https://observablehq.com/@d3/gallery. Acesso em: 13 out. 2021.

[2] OBSERVABLEHQ. D3 Collapsible Tree. 2021. Disponível em: https://observablehq.com/@d3/collapsible-tree. Acesso em: 13 out. 2021.

[3] ECHARTS. ECharts Apache Tree. 2021. Disponível em: https://echarts.apache.org/examples/en/index.html#chart-type-tree. Acesso em: 13 out. 2021.

[4] CODEPEN. D3 Tree. 2021. Disponível em: https://codepen.io/santisjp/pen/eYENKZN. Acesso em: 13 out. 2021.

[5] ZINGCHART. Tree Module. Disponível em: https://www.zingchart.com/docs/chart-types/tree-module. Acesso em: 13 out. 2021.

ENVOLVIDOS