Download presentation
Presentation is loading. Please wait.
Published byWilfrid Palmer Modified over 9 years ago
1
Large component diagrams visualization Lukas Holy DCSE, FAS, University of West Bohemia Pilsen, CZ
2
2 Structure of this presentation Introduction of software components and problems in visualization of component-based software Proposed techniques for improving diagram visualization Tool demonstration Summary of contribution 2
3
3 Introduction
4
44 Software components - briefly Clearly defines its interfaces UML component diagram Can be started independently Have a black-box nature They are a subject of third party composition
5
5 Options in visualizing component software Component model-specific tool/notation ▫ Better comprises the model specifics ▫ Not well-know visual syntax Generic component-aware tool/notation ▫ Model independent ▫ Probably unable to represent specific features UML with profiles ▫ Enables to further specify semantics ▫ But specific features will probably not be easily accessible Plain UML ▫ Well-known ▫ May not capture all the specifics 5
6
6 Large component diagrams visualization How to handle the complexity of large UML component diagrams? Applications can easily consist of hundreds nodes Either overview or detailed view 6
7
Proposed techniques
8
8 Factors influencing graph visualization
9
9 Presented Ideas & Techniques Visual clutter reduction ▫ Based on removing highly connected components ▫ Interface clustering ▫ Interactive highlighting Details on demand ▫ Groups and clusters identification 9
10
10 Application wireframe 10
11
11 Clustered Interfaces and Symbols - Component 11
12
12 Clustered Interfaces and Symbols - Group 12
13
13 SeCo technique - design overview
14
14 Complex Component Application Explorer tool demonstration 14
15
15 Viewport for component diagrams Better exploration and understanding Clustering, proxy elements and detailed view
16
16 CoCA-Ex - Viewport integration
17
17 Preliminary validation - Removing nodes with highest degrees Nuxeo application visualized by AIVA All 202 componentsRemoved 7 components with highest degrees 17
18
18 Summary Lines reduction, by removing the selected components from the diagram area. Symbolic delegates instead of lines. Useful in the reverse engineering process It helps to create the mental model of shown application 18
19
19 Q & A 19
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.