1 / 19

Enhancing Visualization of Large Component Diagrams in Component-Based Software

This presentation discusses the challenges of visualizing component-based software and introduces innovative techniques to enhance the clarity of large UML component diagrams. It covers the importance of defined interfaces, the black-box nature of components, and presents various visualization options. Key techniques for reducing visual clutter, such as clustering highly connected components and interactive highlighting, are demonstrated through a tool designed to improve comprehension of complex applications. The presentation concludes with a summary of contributions and addresses potential questions.

awen
Télécharger la présentation

Enhancing Visualization of Large Component Diagrams in Component-Based Software

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Large component diagrams visualizationLukas HolyDCSE, FAS, University ofWest BohemiaPilsen, 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 • Tooldemonstration • Summary of contribution

  3. Introduction

  4. 4 Softwarecomponents - 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. 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 PlainUML Well-known May not capture all the specifics 5

  6. Large component diagrams visualization How to handle the complexityof large UML component diagrams? Applications can easily consist of hundreds nodes Either overview or detailed view 6

  7. Proposed techniques

  8. Factors influencing graph visualization

  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. Application wireframe 10

  11. Clustered Interfaces and Symbols - Component 11

  12. Clustered Interfaces and Symbols - Group 12

  13. SeCo technique - design overview 13

  14. Complex Component Application Explorer tool demonstration 14

  15. Viewport for component diagrams Better exploration and understanding Clustering, proxy elements and detailed view

  16. CoCA-Ex - Viewportintegration

  17. Preliminary validation -Removing nodes with highest degrees Nuxeo application visualized by AIVA All 202 components Removed 7 components with highest degrees 17

  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 modelofshownapplication 18

  19. 19 Q & A

More Related