Visualização de Software com o KDevelop 4

Transcrição

1 Live Blue ( Visualização de Software com o KDevelop 4 Sandro Santos Andrade sandro.andrade@gmail.com liveblue@googlegroups.com 1

2 Um desafio inicial Qual método do seu sistema é o mais chamado? 2

3 Um desafio inicial Qual método do seu sistema é o mais chamado? 3

4 Um desafio inicial Qual método do seu sistema é o mais chamado? 4

5 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 5

6 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ão aparentes: padrões, exceções, relacionamentos, grupos, similaridades, distâncias etc 6

7 Visualização de Informação Quantos números 3 abaixo?

8 Visualização de Informação Quantos números 3 abaixo?

9 Visualização de Informação 9

10 Visualização de Informação 10

11 Visualização de Informação 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 11

12 Visualização de Informação Diversos paradigmas de visualização existem para diferentes tipos de dados: 1 D 2 D 3 D Multidimensionais Hierárquicos Network Temporais 12

13 Visualização de Informação 1 D: SeeSoft 13

14 Visualização de Informação 2 D: self organizing maps 14

15 Visualização de Informação 3 D: WebBook 15

16 Visualização de Informação 3 D: WebBook 16

17 Visualização de Informação Multidimensionais: 17

18 Visualização de Informação Hierárquicos: 18

19 Visualização de Informação Hierárquicos: 19

20 Visualização de Informação Hierárquicos: 20

21 Visualização de Informação Network: 21

22 Visualização de Informação Temporais: Representam informações que se baseiam numa ordem temporal Aplicação: visualização da evolução de repositórios de software 22

23 Visualização de Software Em sistemas complexos, compreender a partir somente do código fonte 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 23

24 Visualização de Software Geralmente as abordagens se classificam em: Visualização estática: Visualização dinâmica: Representa visualmente os aspectos estruturais, obtidos dos artefatos de software, sem requerer a sua execução 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 24

25 Visualização de Software Visualização estática: 25

26 Visualização de Software Visualização estática: 26

27 Visualização de Software Visualização dinâmica: 27

28 Visualização de Software Visualização de evolução: 28

29 O KDevelop Criado em 1998 com o objetivo de ser uma IDE multi linguagem de fácil uso para o KDE 29

30 O KDevelop Totalmente reprojetado para a versão 4 30

31 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 31

32 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 32

33 O KDevelop 33

34 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 34

35 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 35

36 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 36

37 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 37

38 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 38

39 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 39

40 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 40

41 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 41

42 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 42

43 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 43

44 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 44

45 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 45

46 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 46

47 O KDevelop O KDevelop e a DU Chain: Estrutura de representação das declarações, definições e usos presentes no código fonte TopDUContext DUContext DUContext 47

48 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 48

49 O KDevelop Resultados preliminares: 49

50 O KDevelop Resultados preliminares: 50

51 O KDevelop Resultados preliminares: 51

52 O KDevelop Resultados preliminares: 52

53 O KDevelop Resultados preliminares: 53

54 O KDevelop Resultados preliminares: 54

55 O KDevelop Resultados preliminares: 55

56 O KDevelop Resultados preliminares: 56

57 O Develop Desafios: Tradeoff entre informação e desempenho Funcionalidades eficazes de navegação Visualização de conexões signals slots Visualização dos incoming arcs Representação multi nível 57

58 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 58

59 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 59

60 Live Blue ( Visualização de Software com o KDevelop 4 Sandro Santos Andrade sandro.andrade@gmail.com liveblue@googlegroups.com 60