-
Notifications
You must be signed in to change notification settings - Fork 3
/
features.html
449 lines (391 loc) · 23.3 KB
/
features.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WCRD68P');</script>
<!-- End Google Tag Manager -->
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" type="image/png" href="images/favicon.ico">
<title>Capella MBSE Tool - Features</title>
<meta name="description" content="A sustainable and extensible modeling workbench to master architectural design and manage complexity.">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Template CSS Files
================================================== -->
<!-- Twitter Bootstrs CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<!-- template main css file -->
<link rel="stylesheet" href="css/main.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/latofonts.css">
<link rel="stylesheet" href="css/flag-icons.min.css">
<!-- Cookie content -->
<link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
<!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
<!-- End Google Tag Manager -->
<!-- Template Javascript Files
================================================== -->
<!-- Angular -->
<base href="/">
<script src="js/angular-1.7.8.min.js"></script>
<script src="angular/capella.js"></script>
<!-- jquery -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/lazysizes.min.js" async></script>
<script src="js/helpers.js"></script>
<script defer src="https://kit.fontawesome.com/16cf99803e.js" crossorigin="anonymous"></script>
</head>
<body ng-app="capella" data-deferred-cloak>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCRD68P"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--
==================================================
Header Section
================================================== -->
<ng-include src="'angular/blocks/header.html'"></ng-include>
<!--
==================================================
Intro Section
================================================== -->
<section class="hero-area solution">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="block wow fadeInUp" data-wow-delay=".3s">
<section class="cd-intro">
<h1 class="wow fadeInUp animated" data-wow-delay=".4s" >
Features and Benefits
</h1>
</section> <!-- cd-intro -->
<h2 class="wow fadeInUp animated" data-wow-delay=".6s" >
A sustainable and extensible modeling workbench<br> to master architectural design and manage complexity
</h2>
</div>
</div>
</div>
</div>
</section><!--/#intro_banner-->
<!--
==================================================
Main Content
================================================== -->
<section id="benefits" class="text-center">
<div class="container">
<div class="row">
<ul class="nav nav-tabs">
<li class="active"><a href="#diagrams" data-toggle="tab">Diagrams</a></li>
<li><a href="#tooling" data-toggle="tab">Tooling</a></li>
<li><a href="#videos" data-toggle="tab">Videos</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div id="diagrams" class="tab-pane fade active in">
<p>This section provides an overview of the different kinds of
diagrams supported by Eclipse Capella™. It is not an exhaustive list of
all diagrams available in each Arcadia engineering phase.</p>
<h3>Operational Architecture</h3>
<p>
Operational architecture diagrams are used in Operational
Analysis. It captures the allocation of <b>Operational
Activities</b> to <b>Operational Entities</b>. Operational Processes
can be displayed as highlighted paths.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/OperationalArchitecture.png"><img class="lazyload" width="680" height="507" alt="Operational Architecture" data-src="images/start/diagrams/OperationalArchitecture.png">
</a></p>
<h3>Capabilities</h3>
<p>
Capabilities diagrams are available in all Arcadia engineering
phases but are particularly useful in Operational Analysis and
System Need Analaysis. <b>Capabilities</b> are similar to UML use
cases. They are illustrated by Dataflows, Functional Chains and
Sequence Diagrams.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/Capabilities.png"><img class="lazyload" width="680" height="331" alt="[MCB]" data-src="images/start/diagrams/Capabilities.png">
</a></p>
<h3>Dataflows</h3>
<p>Dataflow diagrams are available in all Arcadia engineering
levels. They represent information dependency between functions.
These diagrams provide rich mechanisms to manage complexity:
Computed simplified links between high-level Functions,
categorization of Exchanges, etc. Functional Chains can be
displayed as highlighted paths.</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/dataflows.jpg"><img class="lazyload" width="680" height="395" alt="Dataflows" data-src="images/start/diagrams/dataflows.jpg">
</a></p>
<h3>Architecture</h3>
<p>
Architecture diagrams are used in all Arcadia engineering phases.
Their main goal is to show the allocation of <b>Functions</b>
onto <b>Components</b>. Functional Chains can be displayed as
highlighted paths. In System Need Analysis, these diagrams
contain one box representing the System under study plus the
Actors.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/architecture_1.jpg"><img class="lazyload" width="680" height="288" alt="Architecture" data-src="images/start/diagrams/architecture_1.jpg">
</a></p>
<p>
In Logical Architecture, these diagrams show the building blocks
of the system. These are called <b>Logical Components</b>.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/architecture_2.jpg"><img class="lazyload" width="680" height="385" alt="Architecture" data-src="images/start/diagrams/architecture_2.jpg">
</a></p>
<p>
In Physical Architecture, these diagrams also show the allocation
of <b>Behavioural Components</b> onto <b>Implementation
Components</b> (typically material, but not necessarily).
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/architecture_3.jpg"><img class="lazyload" width="680" height="499" alt="Architecture" data-src="images/start/diagrams/architecture_3.jpg">
</a></p>
<h3>Trees</h3>
<p>
Tree diagrams represent breakdowns of either <b>Functions</b> or
<b>Components</b>. Each node can be folded / unfolded.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/tree_1.jpg"><img class="lazyload" width="680" height="341" alt="Trees" data-src="images/start/diagrams/tree_1.jpg">
</a></p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/tree_2.jpg"><img class="lazyload" width="680" height="318" alt="Trees" data-src="images/start/diagrams/tree_2.jpg">
</a></p>
<h3>Sequence Diagrams</h3>
<p>Capella provides several kinds of sequence diagrams:
Functional Scenarios (lifelines are Functions), Exchange
Scenarios (lifelines are Components/Actors while sequence
messages are Functional or Component Exchanges), Interface
Scenarios (lifelines are Components/Actors while sequence
messages are Interface Operations). Modes, States and Functions
can also be displayed on these diagrams.</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/scenario.jpg"><img class="lazyload" width="680" height="486" alt="Sequence Diagrams" data-src="images/start/diagrams/scenario.jpg">
</a></p>
<h3>Modes and States</h3>
<p>Modes and States diagrams are UML-inspired state machines.
Modes / States / Transitions can be related to Functions,
Functional Exchanges, Interface Operations, etc.</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/modesstates.jpg"><img class="lazyload" width="680" height="417" alt="Modes and States" data-src="images/start/diagrams/modesstates.jpg">
</a></p>
<h3>Classes and Interfaces</h3>
<p>Capella provides advanced mechanisms to model bit-precise
data structures and relate them to Functional Exchanges,
Component or Function Ports, Interfaces, etc.</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/classesinterfaces_1.jpg"><img class="lazyload" width="680" height="284" alt="Classes Interfaces" data-src="images/start/diagrams/classesinterfaces_1.jpg">
</a></p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/start/diagrams/classesinterfaces_2.jpg"><img class="lazyload" width="680" height="261" alt="Classes Interfaces" data-src="images/start/diagrams/classesinterfaces_2.jpg">
</a></p>
</div>
<div id="tooling" class="tab-pane">
<p>The following is a non-exhaustive list of Capella
differentiating features.</p>
<h3>Methodological Guidance</h3>
<p>
The activity browser provides a <b>methodological access</b> to
all key activities of Capella. It is the main entry point to a
model and is both meant for beginners and power users.
</p>
<p><a href="arcadia.html" data-row="#documentation">Read more about Arcadia method <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
</a>
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/overview.png"><img class="lazyload" width="680" height="371" data-src="images/features/overview.png" alt="Capella - Methodological Guidance">
</a></p>
<h3>Semantic Colormap</h3>
<p>As graphical
representations of elements play a key role in communication,
Capella relies on a consistent colour scheme. This favours
enhanced model readability for all stakeholders (architects, V&V
practitioners, specialty engineers, managers, etc.).</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/colormap.png"><img class="lazyload" width="680" height="475" data-src="images/features/colormap.png" alt="Capella - Semantic Colormap">
</a></p>
<h3>Semantic Browser</h3>
<p>
More useful than the standard hierarchical view of the model, the
<b>semantic browser</b> instantaneously provides the context of
model elements trough <b>meaningful queries</b>. It is the
preferred way to navigate in models and diagrams and to quickly
analyse the relationships between model elements.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/semantic_browser.png"><img class="lazyload" width="680" height="219" data-src="images/features/semantic_browser.png" alt="Capella - Semantic Browser">
</a></p>
<h3>Computed Links</h3>
<p>
A key feature of Capella is its ability to scale and <b>to
tackle the increasing complexity of models</b>. Capella
automatically computes graphical simplifications. The information
exchanges between lower-level functions are automatically
displayed on higher-level functions. This relieves architects
from managing intermediate information exchanges and manually
maintaining consistency between several levels of abstraction.
Capella also provides tag-based mechanisms allowing the graphical
grouping of semantically close exchanges.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/complexity_0.png"><img class="lazyload" width="680" height="403" data-src="images/features/complexity_0.png" alt="Capella - Computed Links">
</a></p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/complexity_1.png"><img class="lazyload" width="680" height="339" data-src="images/features/complexity_1.png" alt="Capella - Computed Links">
</a></p>
<h3>Advanced Diagram Management</h3>
<p>
<b>Automated contextual diagrams</b>: Content is automatically
updated according to preselected elements and predefined semantic
rules <b>Synchronization/unsynchronization of
diagrams</b>: Gives a fine level of control on the elements which
are systematically displayed or not (Ports of Functions,
Exchanges between Components, Properties of Classes, etc.)
<b>Filters</b> help improve readability of diagrams by selecting
display options and automatically hiding / showing elements.
<b>Layers</b> are means to customise the graphical rendering of
elements in a diagram based on different concerns (e.g.
speciality viewpoints).
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/filters.png"><img class="lazyload" width="680" height="397" data-src="images/features/filters.png" alt="Capella - Advanced Diagram Management">
</a></p>
<h3>Model Validation</h3>
<p>
Capella organizes model validation rules in several categories:
Integrity, design, completeness, traceability, etc. Architects
can define <b>validation profiles</b> focusing on different
aspects. Whenever possible, <b>quick fixes</b> provide quick and
automated solutions.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/quickfixes.png"><img class="lazyload" width="680" height="237" data-src="images/features/quickfixes.png" alt="Capella - Model Validation">
</a></p>
<h3>Semantic delete with preview</h3>
<p>Capella provides
instant impact analysis of deletions.</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/del_preview.png"><img class="lazyload" width="680" height="479" data-src="images/features/del_preview.png" alt="Capella - Semantic delete with preview">
</a></p>
<h3>Replicable elements and libraries</h3>
<p>
Replicable Elements are mechanisms allowing the <b>easy reuse
of (possibly multi-root) model parts</b>. A Replicable Elements
Collection (REC, for Record) is a definition of an element / set
of elements which can be reused in multiple contexts /
configurations / models. A Replica (RPL, for Replay) is an
instantiation of a REC. RECs can be packaged in libraries, which
can be shared between several projects.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/rec_rpl.png"><img class="lazyload" width="680" height="232" data-src="images/features/rec_rpl.png" alt="Capella - Replicable elements and libraries">
</a></p>
<!--
<h3>Modelling Patterns</h3>
<p>Recurring
modelling schemes can be captured with patterns.</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/patterns.png"><img class="lazyload" width="680" height="auto" data-src="images/features/patterns.png" alt="Capella - Modelling Patterns" >
</a></p>
-->
<h3>Transition System/Subsystems</h3>
<p>
The <b>automated and iterative transition between system and
subsystems</b> is a great help for managing several levels of
engineering. The contract and model of the subsystems are
computed from the system. Ideally, subsystems stakeholders are
involved in co-engineering activities at system level before the
transition occurs.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/transition_system_subsystem.png"><img class="lazyload" width="680" height="581" data-src="images/features/transition_system_subsystem.png" alt="Capella - Transition System/Subsystems">
</a></p>
<h3>Multi-Viewpoint</h3>
<p>
Capella provides basic demonstration viewpoints (Mass, Cost and
Latency). Combined with Kitalpha, it also provides an <b>API
for viewpoint development</b> and a contributive comparison view to
evaluate the performance of candidate architectures according to
different concerns.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/multi_vp.png"><img class="lazyload" width="680" height="463" data-src="images/features/multi_vp.png" alt="Capella - Multi-Viewpoint">
</a></p>
<h3>HTML output</h3>
<p>
Sharing models with all stakeholders is essential in model-based
systems engineering. Publishing and sharing HTML versions of
models helps <b>make models THE reference of all engineering
activities</b>.
</p>
<p class="text-center"><a rel="gallery" class="fancybox" href="images/features/html.jpg"><img class="lazyload" width="680" height="338" data-src="images/features/html.jpg" alt="Capella - HTML output">
</a></p>
</div>
<div id="videos" class="tab-pane">
<iframe width="560" height="315" src="//www.youtube.com/embed/OGpHMR_j3AM?rel=0&autoplay=0&loop=0&wmode=opaque&controls=1&showinfo=0&theme=light&vq=hd720&color=white" frameborder="0" allowfullscreen=""></iframe>
<p>
<b>Embedded methodological guidance</b>
</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/WtwAzftHd4A?rel=0&autoplay=0&loop=0&wmode=opaque&controls=1&showinfo=0&theme=light&vq=hd720&color=white" frameborder="0" allowfullscreen=""></iframe>
<p>
<b>Manage model complexity</b>
</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/UiOiBomTU1c?rel=0&autoplay=0&loop=0&wmode=opaque&controls=1&showinfo=0&theme=light&vq=hd720&color=white" frameborder="0" allowfullscreen=""></iframe>
<p>
<b>Browsing the model</b>
</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/HKMaGc99Zh8?rel=0&autoplay=0&loop=0&wmode=opaque&controls=1&showinfo=0&theme=light&vq=hd720&color=white" frameborder="0" allowfullscreen=""></iframe>
<p>
<b>Productivity tools</b>
</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/cT43CmZM2go?rel=0&autoplay=0&loop=0&wmode=opaque&controls=1&showinfo=0&theme=light&vq=hd720&color=white" frameborder="0" allowfullscreen=""></iframe>
<p>
<b>Multi-viewpoint trade-off analysis</b>
</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/zvIzyDxAj1c?rel=0&autoplay=0&loop=0&wmode=opaque&controls=1&showinfo=0&theme=light&vq=hd720&color=white" frameborder="0" allowfullscreen=""></iframe>
<p>
<b>Creation of viewpoint with Capella Studio 1.1.0</b>
</p>
</div>
</div>
</div>
</div>
</section> <!-- #how -->
<div id="back-to-top" data-spy="affix" data-offset-top="100"
class="back-to-top hidden-xs hidden-sm affix-top">
<button class="btn btn-default" title="Back to Top">
<i class="fa fa-caret-up"></i>
</button>
</div>
<script type="text/javascript">
// Back to top
jQuery('#back-to-top').on('click', function() {
jQuery("html, body").animate({
scrollTop : 0
}, 500);
return false;
});
</script>
<!--
==================================================
Call To Action Section Start
================================================== -->
<ng-include src="'angular/blocks/call2action.html'"></ng-include>
<!--
==================================================
Footer Section
================================================== -->
<ng-include src="'angular/blocks/footer.html'"></ng-include>
<!-- bootstrap js -->
<script defer src="js/bootstrap.min.js"></script>
<!-- wow js -->
<script defer src="js/wow.min.js"></script>
<script defer src="js/jquery.fancybox.js"></script>
<!-- template main js -->
<script defer src="js/main.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-57722280-1"></script>
<script async src="js/googleAnalytics.js"></script>
<script async src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
<!-- modernizr js -->
<script defer src="js/vendor/modernizr-2.6.2.min.js"></script>
</body>
</html>