ViDI - The Visual Design Inspector (esug2014)

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

description

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

Transcript of ViDI - The Visual Design Inspector (esug2014)

Page 1: ViDI - The Visual Design Inspector (esug2014)

ViDIVisual Design Inspector

R AE E LVYuriy TymchukMichele Lanza

Page 2: ViDI - The Visual Design Inspector (esug2014)

ViDIVisual Design Inspector

R AE E LVYuriy TymchukMichele Lanza

Defect

Page 3: ViDI - The Visual Design Inspector (esug2014)

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

Page 4: ViDI - The Visual Design Inspector (esug2014)

Pharo 3 Changes

Page 5: ViDI - The Visual Design Inspector (esug2014)

Changes…

Page 6: ViDI - The Visual Design Inspector (esug2014)

Pharo 2-3 Critiques

Page 7: ViDI - The Visual Design Inspector (esug2014)
Page 8: ViDI - The Visual Design Inspector (esug2014)
Page 9: ViDI - The Visual Design Inspector (esug2014)
Page 10: ViDI - The Visual Design Inspector (esug2014)
Page 11: ViDI - The Visual Design Inspector (esug2014)
Page 12: ViDI - The Visual Design Inspector (esug2014)

CC Workflow

Page 13: ViDI - The Visual Design Inspector (esug2014)

CC Workflow

No sense of!system status

Page 14: ViDI - The Visual Design Inspector (esug2014)

CC Workflow

No sense of!system status

Breaks flow

Page 15: ViDI - The Visual Design Inspector (esug2014)
Page 16: ViDI - The Visual Design Inspector (esug2014)

Package

Class

Method

Foreign Class

Page 17: ViDI - The Visual Design Inspector (esug2014)

Package

Class

Method

Foreign Class

More CriticsLess Critics

Page 18: ViDI - The Visual Design Inspector (esug2014)

You can interact!

Page 19: ViDI - The Visual Design Inspector (esug2014)

* this viz is made with Roassal3D

Page 20: ViDI - The Visual Design Inspector (esug2014)

https://github.com/Uko/Vidi