Ferramentas de Dashboard

Prof. M.Sc. Marcelo Tomio Hama

1
 Ferramentas de
Dashboard

AULAS 11 e 12

Software:
Visualização e Pesquisa por
Ferramentas de Dashboard

2
Introdução

Temos à disposição diferentes tipos de ferramentas, em que cada qual

podemos aplicar em diferentes problemas e para diferentes tipos de
dados.

E para outras classes de problemas e/ou dados que não se aplicam às

ferramentas que vimos? Os Softwares podem ser usados para
criarmos visualizações bastante especializadas.

Exemplos:
- Nuvem de palavras, UML, visualização de linhas de código
programas, nuvem de imagens, ferramentas CAD

3
Introdução

Por meio de
softwares,
podemos criar
visualizações
específicas e
interativas para
um determinado
tipo de contexto,
tornando-a
altamente
especializada.
Conceito da Nuvem de Imagens do Spotwish.
Fonte: http://wp.clicrbs.com.br/

4
Ferramenta: X-Ray

X-Ray é um plug-in
de visualização de
software de código
aberto para a
estrutura do Eclipse.
Fornece visualização
da complexidade do
sistema, visualização
da dependência de
classes e de pacotes
para um determinado
projeto Java. Além
disso, seu modelo do
projeto Java
subjacente pode ser
acionado e usado
por outros plug-ins. Visualização de código Java. Exemplo:
https://xray.inf.usi.ch/xray.php

5
Ferramenta: Softvis Collection

O exemplo abaixo é um trecho de código em Notepad++, um programa de edição de

texto para Windows. Os retângulos pretos representam um diretório específico na base
de código, enquanto os quadrados coloridos são arquivos de código-fonte individuais. A
cor representa a propriedade, com o vermelho indicando que o arquivo pertence a um
único contribuidor, enquanto o verde mostra os arquivos que são propriedade da equipe.

Visualização de código Java. Exemplo:

http://www.softviscollection.org/vis/code-ownership-distribution-map/

6
Ferramenta: AutoCAD

Desenvolvido pela Autodesk, o AutoCAD permite criar, anotar e projetar geometria em

2D e modelos em 3D com objetos sólidos, superfícies e objetos de malha. Além disso, é
possível automatizar tarefas como comparar desenhos e versões antigas e atuais em
uma mesma tela, adicionar blocos, criar agendamentos, e muitas outras.

Viewport de um desenho em AutoCAD. Fonte:

https://l3software.com.br/autocad/

7
Hands-On em Caso de Estudo

No software, deveremos ter as seguintes

Sua empresa faz parte da indústria de
ferramentas CAD. Para este mês,
assumimos um projeto para a criação
de uma nova ferramenta para auxiliar
engenheiros a desenharem peças
para o setor mecânico e mecatrônico.
informações visuais:
1. Janela de visualização que nos
mostre o desenho 3D da peça em
trabalho/design;
2. Informações como larguras, alturas,
comprimentos, e pesos;
3. Barras de ferramentas específicas à
criação das peças;
4. Design de interações gerais.

A proposta da sua visualização deverá ser entregue em formato de wireframe,

com dados mockados. Na proposta, "o que" será mostrado não é relevante,
sendo o objetivo apresentar "o como" os dados serão mostrados;
Por ser um software CAD, temos a oportunidade de implementar alto nível de
interações e animações na ferramenta, como o pan, zoom-in/out, ou
focalizações e rotações. Devemos ter, também, atenção às posições e locais
das barras de ferramentas para que fiquem acessíveis sem atrapalhar a visão.

Um exemplo para ideias: https://www.youtube.com/watch?v=U3LG3PswsRw

8
Dúvidas?
marcelo.hama@fmu.br

Referências:
http://www.softviscollection.org/
https://softvis.wordpress.com/tools/

Enquete da Disciplina:
https://forms.gle/scyf4mNah1qaB6oy7