![Page 1: SQuAT-Vis: Visualizationand Interaction in Software ......SSP 2020 SQuAT-Vis: VisualizationandInteraction in Software ArchitectureOptimization–Sebastian Frank, André van Hoorn 7](https://reader035.vdocuments.us/reader035/viewer/2022071609/6147d006a830d0442101add2/html5/thumbnails/1.jpg)
Institute of Software EngineeringSoftware Quality and Architecture
11th Symposium on Software Performance 2020 (SSP 2020) – Extended Abstract
Sebastian Frank,André van Hoorn
SQuAT-Vis:Visualization andInteraction in SoftwareArchitecture Optimization*
*ECSA‘20Tool Demo
![Page 2: SQuAT-Vis: Visualizationand Interaction in Software ......SSP 2020 SQuAT-Vis: VisualizationandInteraction in Software ArchitectureOptimization–Sebastian Frank, André van Hoorn 7](https://reader035.vdocuments.us/reader035/viewer/2022071609/6147d006a830d0442101add2/html5/thumbnails/2.jpg)
Proposed CandidateProposed Candidate
Software Architecture Optimization (SAO) - Context & Use Cases
SSP 2020 SQuAT-Vis: Visualization and Interaction in Software Architecture Optimization – Sebastian Frank, André van Hoorn 2
Architecture Goals
Software ArchitectureOptimization Approach
Generate New Architecture(s)
EvaluateQuality
Stop?
Architecture Responses
SantiagoSoftware Architect
Proposed Candidate(s)
Initial Candidate
CandidateSelection
StoppingCriteria
ImplementCandidate
ExplainResults
I want to optimizemy softwarearchitecture
TextualData
Motivation Method Concept / Tool Demo Evaluation Summary / Future Work
Based on:A. Aleti et al. “Software architectureoptimization methods: A systematic literaturereview”. In: TSE 39.5 (2013), pp. 658–683.
![Page 3: SQuAT-Vis: Visualizationand Interaction in Software ......SSP 2020 SQuAT-Vis: VisualizationandInteraction in Software ArchitectureOptimization–Sebastian Frank, André van Hoorn 7](https://reader035.vdocuments.us/reader035/viewer/2022071609/6147d006a830d0442101add2/html5/thumbnails/3.jpg)
Investigating SAO Results is difficult
SSP 2020 SQuAT-Vis: Visualization and Interaction in Software Architecture Optimization – Sebastian Frank, André van Hoorn 3
Graphical Modeling EditorsGraphical Modeling EditorsGraphical Modeling EditorsPlots / (Generic) Visualization Tools
Architecture
Responses
Motivation Method Concept / Tool Demo Evaluation Summary / Future Work
Goal
Investigate suitable visualization and interaction techniques to support architects in (interactive) SAOand develop a tool implementing these techniques.
![Page 4: SQuAT-Vis: Visualizationand Interaction in Software ......SSP 2020 SQuAT-Vis: VisualizationandInteraction in Software ArchitectureOptimization–Sebastian Frank, André van Hoorn 7](https://reader035.vdocuments.us/reader035/viewer/2022071609/6147d006a830d0442101add2/html5/thumbnails/4.jpg)
Research Method and Process
SSP 2020 SQuAT-Vis: Visualization and Interaction in Software Architecture Optimization – Sebastian Frank, André van Hoorn 4
Domain Analysis Design Implementation Evaluation
• Prototyping
• 3 Views
• GlassFish Server
• Javascript + D3.js
• Expert User Study
• Scalability Study
• 4 Use Cases
• SAO Approaches
Motivation Method Concept / Tool Demo Evaluation Summary / Future Work
![Page 5: SQuAT-Vis: Visualizationand Interaction in Software ......SSP 2020 SQuAT-Vis: VisualizationandInteraction in Software ArchitectureOptimization–Sebastian Frank, André van Hoorn 7](https://reader035.vdocuments.us/reader035/viewer/2022071609/6147d006a830d0442101add2/html5/thumbnails/5.jpg)
Groups & Tags
SSP 2020 SQuAT-Vis: Visualization and Interaction in Software Architecture Optimization – Sebastian Frank, André van Hoorn 5
Candidate Groups
Candidate Tags
Current Marked Selected Comparison
Initial Pareto Suggested
Motivation Method Concept / Tool Demo Evaluation Summary / Future Work
![Page 6: SQuAT-Vis: Visualizationand Interaction in Software ......SSP 2020 SQuAT-Vis: VisualizationandInteraction in Software ArchitectureOptimization–Sebastian Frank, André van Hoorn 7](https://reader035.vdocuments.us/reader035/viewer/2022071609/6147d006a830d0442101add2/html5/thumbnails/6.jpg)
Tool DemoMotivation Method Concept / Tool Demo Evaluation Summary / Future Work
SSP 2020 SQuAT-Vis: Visualization and Interaction in Software Architecture Optimization – Sebastian Frank, André van Hoorn 6
![Page 7: SQuAT-Vis: Visualizationand Interaction in Software ......SSP 2020 SQuAT-Vis: VisualizationandInteraction in Software ArchitectureOptimization–Sebastian Frank, André van Hoorn 7](https://reader035.vdocuments.us/reader035/viewer/2022071609/6147d006a830d0442101add2/html5/thumbnails/7.jpg)
Evaluation: Use Cases
Case Study ST+ CoCoME
TaskCandidateSelection
StoppingCriteria
ImplementCandidate
ExplainResults
CandidateSelection
StoppingCriteria
ImplementCandidate
ExplainResults
Expert 1
Expert 2
Expert 3
SSP 2020 SQuAT-Vis: Visualization and Interaction in Software Architecture Optimization – Sebastian Frank, André van Hoorn 7
Motivation Method Concept / Tool Demo Evaluation Summary / Future Work
( )( ) ( )
( )
( ) ( ) ( ) ( ) ( )
![Page 8: SQuAT-Vis: Visualizationand Interaction in Software ......SSP 2020 SQuAT-Vis: VisualizationandInteraction in Software ArchitectureOptimization–Sebastian Frank, André van Hoorn 7](https://reader035.vdocuments.us/reader035/viewer/2022071609/6147d006a830d0442101add2/html5/thumbnails/8.jpg)
Summary & Future Work
SSP 2020 SQuAT-Vis: Visualization and Interaction in Software Architecture Optimization – Sebastian Frank, André van Hoorn 8
Proposed CandidateProposed Candidate
Architecture Goals
Software ArchitectureOptimization Approach
Generate New Architecture(s)
EvaluateQuality
Stop?
Architecture Responses
SantiagoSoftware Architect
VisualizationTool
Proposed Candidate(s)
Initial Candidate
CandidateSelection
StoppingCriteria
ImplementCandidate
ExplainResults
I want to optimizemy softwarearchitecture
TextualData
( )
Improve/Add Views
Scalability
„Tool Integration“
Motivation Method Concept / Tool Demo Evaluation Summary / Future Work