Estudo de Modelo Intuitivo para Mapeamento de Lotes de Medicamentos

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.

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

2. Desenvolvimento

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

  
  

  

3. Conclusão

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.

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