vidi - the visual design inspector (esug2014)
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/VidiTRANSCRIPT
![Page 1: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/1.jpg)
ViDIVisual Design Inspector
R AE E LVYuriy TymchukMichele Lanza
![Page 2: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/2.jpg)
ViDIVisual Design Inspector
R AE E LVYuriy TymchukMichele Lanza
Defect
![Page 3: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/3.jpg)
Not so long ago in the cyber space … promoted by Doru
![Page 4: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/4.jpg)
Pharo 3 Changes
![Page 5: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/5.jpg)
Changes…
![Page 6: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/6.jpg)
Pharo 2-3 Critiques
![Page 7: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/7.jpg)
![Page 8: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/8.jpg)
![Page 9: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/9.jpg)
![Page 10: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/10.jpg)
![Page 11: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/11.jpg)
![Page 12: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/12.jpg)
CC Workflow
![Page 13: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/13.jpg)
CC Workflow
No sense of!system status
![Page 14: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/14.jpg)
CC Workflow
No sense of!system status
Breaks flow
![Page 15: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/15.jpg)
![Page 16: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/16.jpg)
Package
Class
Method
Foreign Class
![Page 17: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/17.jpg)
Package
Class
Method
Foreign Class
More CriticsLess Critics
![Page 18: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/18.jpg)
You can interact!
![Page 19: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/19.jpg)
* this viz is made with Roassal3D
![Page 20: ViDI - The Visual Design Inspector (esug2014)](https://reader033.vdocuments.site/reader033/viewer/2022052903/5578e2bad8b42a5c5c8b4783/html5/thumbnails/20.jpg)
https://github.com/Uko/Vidi