Visualization of Traceability Models with Domain-specific Layouting
-
Upload
zoltan-ujhelyi -
Category
Technology
-
view
210 -
download
5
description
Transcript of Visualization of Traceability Models with Domain-specific Layouting
![Page 1: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/1.jpg)
Budapest University of Technology and Economics Department of Measurements and Informa<on Systems
Visualiza<on of Traceability Models with Domain-‐specific Layou<ng
Ábel Hegedüs, Zoltán Ujhelyi, István Ráth and Ákos Horváth
{hegedusa,ujhelyiz,rath,ahorvath}@mit.bme.hu
![Page 2: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/2.jpg)
Mo<va<on Verifica<on transforma<on for BPEL workflows
o Complex transforma<on o Traceability model automa<cally generated • Proven useful during transforma<on debugging
!"
#
$
!"
%
%
%
&
'
'
'
!()*
+
,-
Receive
TransformCopy
Reply
NoYes
Input
Output
Inputcorrectformat?
![Page 3: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/3.jpg)
Mo<va<on Verifica<on transforma<on for BPEL workflows
o Complex transforma<on o Traceability model automa<cally generated • Proven useful during transforma<on debugging
!"
#
$
!"
%
%
%
&
'
'
'
!()*
+
,-
Receive
TransformCopy
Reply
NoYes
Input
Output
Inputcorrectformat?
![Page 4: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/4.jpg)
Visualiza<on of Traceability Models Goal: integrated visualiza<on of…
o Traceability records and o A filtered version of the source and target model
Graph display o Model Elements as Nodes o Traceability Rela<ons as Arcs
Source model element
Traceability model element Target
model element
![Page 5: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/5.jpg)
Graph layout algorithms Generic Layout Algorithms
o Considers only nodes and arcs o Aesthe<c criteria op<miza<on
Domain-‐specific Layout Algorithms o Uses model-‐specific informa<on
![Page 6: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/6.jpg)
Grid Layout
![Page 7: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/7.jpg)
Spring Layout
Source-‐Traceability-‐Target
Model Triplets
Source-‐Traceability-‐Target
Model Triplets
![Page 8: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/8.jpg)
Radial Layout
![Page 9: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/9.jpg)
Radial Layout
Traceability Model
![Page 10: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/10.jpg)
Radial Layout Source and Target Model (Mixed)
![Page 11: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/11.jpg)
Requirements 1. Minimize node overlapping 2. Minimize arc crossing 3. Place corresponding model elements close 4. Separate source, target and traceability models 5. Maintain the mental map during changes
![Page 12: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/12.jpg)
Based on grid layout o Simple layout o Separa<on of model parts o No node overlapping • Requirement 1. ✔
Filters o Based on type rela<ons o Removing intramodel rela<ons
Layout for traceability visualiza<on – I.
![Page 13: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/13.jpg)
Based on grid layout o Simple layout o Separa<on of model parts o No node overlapping • Requirement 1. ✔
Filters o Based on type rela<ons o Removing intramodel rela<ons
r_s
r_t
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
input:tVariable
V2ID:var2id
inputID:identifier
input:tVariable
V2ID:var2id
input:tVariable
V2ID:var2id
inputID:identifier
sFinished:identifier
inputID:identifier
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
input:tVariable
V2ID:var2id
inputID:identifier
Layout for traceability visualiza<on – I.
![Page 14: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/14.jpg)
Ordering o Placing corresponding elements next to each other • Requirement 3. ✔
o Separates source and target model elements • Requirement 4. (Only in case of 1:1 correspondence)
o Short edges – Few edge crossings • Requirement 2. ✔
Layout for traceability visualiza<on – II.
![Page 15: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/15.jpg)
Ordering o Placing corresponding elements next to each other • Requirement 3. ✔
o Separates source and target model elements • Requirement 4. (Only in case of 1:1 correspondence)
o Short edges – Few edge crossings • Requirement 2. ✔
r_s
r_t
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
input:tVariable
V2ID:var2id
inputID:identifier
input:tVariable
V2ID:var2id
input:tVariable
V2ID:var2id
inputID:identifier
sFinished:identifier
inputID:identifier
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
input:tVariable
V2ID:var2id
inputID:identifier
Layout for traceability visualiza<on – II.
![Page 16: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/16.jpg)
Ordering o Placing corresponding elements next to each other • Requirement 3. ✔
o Separates source and target model elements • Requirement 4. (Only in case of 1:1 correspondence)
o Short edges – Few edge crossings • Requirement 2. ✔
Further enhancements o Handling traceability links with mul<ple source or target connec<ons • Requirement 4. ✔
Layout for traceability visualiza<on – II.
![Page 17: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/17.jpg)
Ordering o Placing corresponding elements next to each other • Requirement 3. ✔
o Separates source and target model elements • Requirement 4. (Only in case of 1:1 correspondence)
o Short edges – Few edge crossings • Requirement 2. ✔
Further enhancements o Handling traceability links with mul<ple source or target connec<ons • Requirement 4. ✔
r_s
r_t
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
input:tVariable
V2ID:var2id
inputID:identifier
input:tVariable
V2ID:var2id
input:tVariable
V2ID:var2id
inputID:identifier
sFinished:identifier
inputID:identifier
receive:tReceive
R2ID:rec2id
recID:identifier
process:tProcess
S2ID:scope2id
processID: identifier
S2ID:scope2id
sFinished:identifier
input:tVariable
V2ID:var2id
inputID:identifier
Layout for traceability visualiza<on – II.
![Page 18: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/18.jpg)
Integra<on Graph visualiza<on component for VIATRA2
o User-‐selected model elements to visualize o Reacts to model space changes • Possibly during transforma<ons
Traceability visualiza<on o Domain-‐specific layout algorithm used o Aeer model changes relayou<ng
![Page 19: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/19.jpg)
DEMO
![Page 20: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/20.jpg)
Evalua<on Poten<al problems
o Informa<on loss • Hiding internal structure of source and target models
o Large space consump<on • A row is required for every traceability record
![Page 21: Visualization of Traceability Models with Domain-specific Layouting](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bfd0774a79594d628b456f/html5/thumbnails/21.jpg)
Conclusion and Future Plans Domain-‐specific layout algorithm
o Traceability models o Fulfills requirements o Integrated into transforma<on development environment
Future plans o Displaying structure of source/target models o Other domain-‐specific visualiza<ons