visualização de software com o kdevelop 4 · 2009-07-01 · live blue kde hacking in the tropics...

Live Blue KDE hacking in the tropics Visualização de Software com o KDevelop 4 FISL 10 1

Live Blue (http://liveblue.wordpress.com)

Visualização de Softwarecom o KDevelop 4

Sandro Santos [email protected]

http://[email protected]


Um desafio inicial

● Qual método do seu sistema é o mais chamado ?


Um desafio inicial



Um desafio inicial

● Como melhorar a compreensão de sistemas que estão cada vez mais complexos ?

● Como obter, de forma rápida e intuitiva, informações relevantes a partir de centenas de milhares de linhas de código ?

● Uma saída:● Visualizar o software = gerar representações visuais

interativas explorando aspectos cognitivos do sistema visual humano


Visualização

● Computação gráfica● Visualização científica● Visualização de informação:

– Geralmente aplicada a grandes conjuntos de dados– A meta é facilitar a obtenção de informações não tão

aparentes no sistema– Aparentes: sumarizações e busca por item específico– Nãoaparentes: padrões, exceções, relacionamentos,

grupos, similaridades, distâncias etc


Visualização de Informação

● Quantos números 3 abaixo ?

1281768756138976546984506985604982826762

9809858458224509856458945098450980943585

9091030209905959595772564675050678904567

8845789809821677654876364908560912949686



● Quantos números 3 abaixo ?

1281768756138976546984506985604982826762

9809858458224509856458945098450980943585

9091030209905959595772564675050678904567

8845789809821677654876364908560912949686



● O sistema visual humano processa diversas informações visuais simultaneamente

● Imagens são notadamente bem lembradas● Visualizações ajudam a encontrar padrões● Porém estes serão invisíveis se não apresentados

da melhor forma● Entender como funciona a percepção visual

humana é importante para os sistemas



● Diversos paradigmas de visualização existem para diferentes tipos de dados:

– 1D– 2D– 3D– Multidimensionais– Hierárquicos– Network– Temporais



● 1D: SeeSoft



● 2D: selforganizing maps



● 3D: WebBook



● Multidimensionais:



● Hierárquicos:



● Network:



● Temporais:● Representam informações que se baseiam numa

ordem temporal● Aplicação: visualização da evolução de repositórios de

software


Visualização de Software

● Em sistemas complexos, compreender a partir somente do códigofonte não é viável

● Como obter as seguintes informações:– Fluxo de controle: complexidade ciclomática, código não

alcançável, possibilidade de loops etc– Associação de métricas a atributos visuais: coesão,

acoplamento, modularidade– Localização de bad smells e sugestões de refactoring– Classes frequentemente atualizadas no repositório– Recuperação de arquitetura



● Geralmente as abordagens se classificam em:● Visualização estática:

– Representa visualmente os aspectos estruturais, obtidos dos artefatos de software, sem requerer a sua execução

● Visualização dinâmica:– Representa aspectos de execução e comportamento do

software durante sua execução. Ex: KCachegrind● Visualização de Evolução:

– Realiza a visualização de repositórios



● Visualização estática:



● Visualização dinâmica:



● Visualização de evolução:


O KDevelop

● Criado em 1998 com o objetivo de ser uma IDE multilinguagem de fácil uso para o KDE


O KDevelop

● Totalmente reprojetado para a versão 4


O KDevelop

● Características da versão 4:– Core languages: C/C++, C#, Ruby, Java– Version control support: Subversion, Perforce– Build systems: GNU Autotools, CMake, QMake– Suporte a vários projetos simultâneos– Baseado na KDevPlatform + Sublime– Arquitetura de plugins (Kross enabled)– Navegação e consulta baseadas em semântica– Visualização de software


O KDevelop

● Visualização de software no KDevelop 4:● Projeto participante do Google Summer of Code 2009

● Meta:– Control Flow Graphs– Visualização Polimétrica– Projeto arquitetural para suporte de novas visualizações


O KDevelop


O KDevelop

● O KDevelop e a DUChain:● Estrutura de representação das declarações,

definições e usos presentes no códigofonte

TopDUContext

DUContext DUContext


O KDevelop



TopDUContext

DUContext DUContext


O KDevelop

● KDevelop, Graphviz, KGraphViewer:● Utilização do Graphviz para representação e layout

dos control flow graphs● Utilização da KPart do KGraphViewer para a

renderização do grafo


O KDevelop

● Resultados preliminares:


O KDevelop



O Develop

● Desafios:● Tradeoff entre informação e desempenho● Funcionalidades eficazes de navegação● Visualização de conexões signalsslots● Visualização dos incoming arcs● Representação multinível


Trabalhos (não muito) futuros

● Conclusão dos control flow graphs● Implementação da visualização polimétrica● Framework para futuras visualizações● Visualização de dependência entre classes


Conclusões

● Ferramentas de visualização como apoio indispensável ao editor de código em sistemas complexos

● Desafios para navegação e filtragem dos artefatos● Visualização de evolução● Recuperação de arquitetura● Rastreabilidade de requisitos


Live Blue (http://liveblue.wordpress.com)

Visualização de Softwarecom o KDevelop 4

Sandro Santos [email protected]

http://[email protected]

visualização de software com o kdevelop 4 · 2009-07-01 · live blue kde hacking in the tropics...

Documents