Ir para o conteúdo principal

Estudo de Modelo Intuitivo para Mapeamento de Lotes de Medicamentos

Data de elaboração 13/10/2021
Responsável pelo estudo
  1. Alan da Silva Souza
  2. Gabriel Santi Binda
  3. Raissa de Sousa Stolduski
  4. Taillon Miguel Gonçalves
Equipe do estudo Tambaqui
Alvo Simeron
Origem

Objetivo estratégico: definir um layout intuitivo para que seja possível exibir a distribuição de lotes de medicamentos do CAFI
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.
Observações observações gerais a respeito do estudo técnico
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 Chartimage-1634134279332.png

  • Tree Chart

    image-1634134382394.png

  • Interactive Tree Chart

    image-1634134439001.png

  • Collapsible Tree Chart


    image-1634134495864.png

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.


Voltar ao topo