1 / 16

Enhancing Reverse Engineering with CoCA-Ex: A Visualization Tool for Complex Component Applications

This presentation introduces CoCA-Ex, a web-based tool designed for reverse-engineering complex software component applications. It addresses the challenges in visualizing large UML component diagrams, allowing users to upload components and generate diagrams for exploration and manipulation. Key features include dynamic diagram generation, clustering techniques to manage complexity, and an interactive interface for detailed analysis. The tool supports various component models, enhancing the understanding of software structures and facilitating a more effective reverse engineering process.

urbana
Download Presentation

Enhancing Reverse Engineering with CoCA-Ex: A Visualization Tool for Complex Component Applications

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. A Visualization Tool for Reverse-engineering of ComplexComponentApplicationsLukas HolyCo-authors:Jaroslav Snajberk, Premek Brada, KamilJezekUniversity ofWest Bohemia in Pilsen,Czech Republic

  2. 2 Structure of this presentation • Introduction of software components and problems in visualization of complex CBSE • Proposed techniques for diagram visualization • Technique implementation and tool demo • Current and future work • Summary of contribution

  3. 3 Softwarecomponents - briefly • Clearly defines its interfaces • UML component diagram • Various component models and frameworks • Currently supported by CoCA-Ex tool are: • OSGi, EJB, SOFA

  4. Large component diagrams visualization How to handle the complexity of large UML component diagrams? Applications can easily consist of thousands nodes Either overview or detailed view 4

  5. CoCA-Ex reverse-engineering tool introduction • User uploads components to the server • CoCA-Ex tool shows the component diagram • Users starts working with the diagram and use its features • Users can save and share their diagrams • Technologies used: • JEE server, JSP, JSON, • JavaScript, HTML5, SVG, jQuery, qTip 5

  6. Complex Component Application Explorer (CoCA-Ex) Tool Demo 6

  7. Concepts behind CoCA-Ex tool

  8. Layout integration • Default layout after loading the application • Evaluation– Comparative user study • Clustered interfaces exploration • For large amount of interfaces or components • Clustering integration • Suggesting clusters for groups after loading the application Current and Future work 8

  9. Summary Web-based tool, publicly available http://147.228.64.46/cocaex Lines reduction, by removing the selected components from the diagram area to side area (SeCo). Symbolic delegates instead of lines. Useful in the reverse engineering process It helps to create the mental model 9

  10. Q&A http://147.228.64.46/cocaex lholy@kiv.zcu.cz http://www.kiv.zcu.cz/research/groups/dss/projects/large-diagrams-visualization 10

  11. Backup slides 11

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

  13. CoCA-Ex tool introduction • JEE server, JSP, JSON • JavaScript, HTML5, SVG, jQuery, … 13

  14. Presented Ideas & Techniques Visual clutter reduction Based on removing highly connected components Interface clustering Interactive highlighting Details on demand Groups and clusters identification 14

  15. SeCo technique - design overview 15

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

More Related