Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ViDI - The Visual Design Inspector (esug2014)

ViDI - The Visual Design Inspector (esug2014)

ViDI is a platform to provide interactive 2D and 3D visualizations of Design Problems in Smalltalk systems. The user can inspect and correct issues in the source code, as well as compare different versions of the same system in terms of design quality. ViDI is built on top of Moose, CodeCity, Roassal, and CodeCritics.

Video from presentation: http://youtu.be/TYjWpTSK4Cg
Get it: https://github.com/Uko/Vidi

Yuriy Tymchuk

August 22, 2014
Tweet

More Decks by Yuriy Tymchuk

Other Decks in Programming

Transcript

  1. ViDI
    Visual Design Inspector
    R A
    E E L
    V
    Yuriy Tymchuk
    Michele Lanza

    View Slide

  2. ViDI
    Visual Design Inspector
    R A
    E E L
    V
    Yuriy Tymchuk
    Michele Lanza
    Defect

    View Slide

  3. Not so long ago
    in the cyber space …
    promoted by Doru

    View Slide

  4. Pharo 3 Changes

    View Slide

  5. Changes…

    View Slide

  6. Pharo 2-3 Critiques

    View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. CC Workflow

    View Slide

  13. CC Workflow
    No sense of!
    system status

    View Slide

  14. CC Workflow
    No sense of!
    system status
    Breaks
    flow

    View Slide

  15. View Slide

  16. Package
    Class
    Method
    Foreign Class

    View Slide

  17. Package
    Class
    Method
    Foreign Class
    More Critics
    Less Critics

    View Slide

  18. You can interact!

    View Slide

  19. * this viz is made with Roassal3D

    View Slide

  20. https://github.com/Uko/Vidi

    View Slide