-
Notifications
You must be signed in to change notification settings - Fork 2
/
sirius-web.html
551 lines (501 loc) · 33 KB
/
sirius-web.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
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Sirius | Sirius WebHome</title>
<meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
<link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
<link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
<link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
<link rel="stylesheet" href="/sirius/assets/css/main.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
<script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
<!-- 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 -->
<!-- Eclipse Foundation cookie consent: -->
<link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
<script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
<script src= "/sirius/assets/js/ga.js"></script>
<!-- FontAwesome Latest version Kit (automatically updated) -->
<script src="https://kit.fontawesome.com/16cf99803e.js" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script>
jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
</script>
<!-- Triggers tooltips -->
<script>
jQuery(document).ready(function() {
jQuery('.hasTooltip').tooltip();
});
</script>
</head>
<body>
<!-- Navigation -->
<header id="top-bar" class="navbar navbar-expand-lg fixed-top">
<div class="container">
<div id="super-menu" class="d-flex">
<nav class="main-menu ml-auto">
<ul class="nav navbar-nav">
<li><a href="/sirius">Sirius Desktop</a></li>
<li class="current"><a href="#">Sirius Web</a></li>
</ul>
</nav>
</div>
<div class="d-flex" id="main-menu-items">
<a class="navbar-brand" href="/sirius">
<img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i>
</button>
<nav class="navbar-collapse collapse" id="navbarResponsive">
<div class="main-menu ml-auto">
<ul class="nav navbar-nav">
<li>
<a href="#features" data-row="#features" class="smooth-scroll">Features</a>
</li>
<li>
<a href="#extensibility" data-row="#extensibility" class="smooth-scroll">Extensibility</a>
</li>
<li>
<a href="#open-innovation" data-row="#open-innovation" class="smooth-scroll">Open innovation</a>
</li>
<li>
<a href="#references" data-row="#references" class="smooth-scroll">References</a>
</li>
<li>
<a href="#resources" data-row="#resources" class="smooth-scroll">Resources</a>
</li>
<li id="dwnld">
<a href="https://github.com/eclipse-sirius/sirius-web">Download</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<section id="intro" class="">
<div class="container">
<div class="row align-items-end">
<div class="col-md-5 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<h1>Easily create and deploy graphical studios to the web</h1>
<p>An open-source <b>low-code</b> platform for defining custom <b>web applications</b> that support your specific <b>visual languages</b></p>
<p>
<a class="d-none"></a>
<a class="d-none"></a>
</p>
</div>
<div class="col-md-7 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<p>
<a href="" class="wow fadeInUp" data-wow-delay=".6s" target="_">
<img src="images/sirius-web/siriusweb-diagram.png" alt="Easily create and deploy studios to the web">
</a>
</p>
</div>
</div>
</div>
</section>
<section id="why_sirius_web" class="bg_lightest_grey text-center">
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fas fa-project-diagram fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Graphically represent<br>and edit data</h4>
<p>Modeling studios built with Sirius Web support the editing of your DSL using both your specific visual notation and native domain concepts</p>
<p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
</a></p>
</div>
</div>
<div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fab fa-html5 fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>With a modern<br>cloud-based application</h4>
<p>Your studios provide a modern UX and are deployed on a web server using state-of-the-art technologies: Spring, React, PostgreSQL, GraphQL</p>
<p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
</a></p>
</div>
</div>
<div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fas fa-power-off fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>No Desktop Installation Required</h4>
<p>Once deployed on a server, users can launch your custom studio directly from a web browser, with no need for any specific desktop installation</p>
<p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
</a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/CNS5LEr9QQE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/in6KrDVmWmU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section id="download" class="bg_indigo text-white text-center">
<div class="container">
<h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Download from Github</h2>
<h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s"><p><b>Sirius Web</b> is a sub-project of Eclipse Sirius. It is <b>open-source</b> and hosted at the <a href='http://eclipse.org/' target='_blank'>Eclipse Foundation</a></p>
<p>Source code is available on <a href='https://github.com/eclipse-sirius/sirius-web' target='_blank'>GitHub</a>. It contains an example application, built using the frontend and backend components.</p></p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
<p><a class="btn btn-default" href="https://github.com/eclipse-sirius/sirius-web" target="_blank">Go to Source Code</a></p>
</div>
</section>
<section id="features">
<div class="container text-center">
<h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Your Modern Web-based Studio</h2>
<h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s">By using Sirius Web to create your custom graphical studio, you automatically gain access to<br>a set of ready-to-use features expected from a modern web-based modeling environment.</p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="/sirius/images/sirius-web/features.png" width="1000"></p>
</div>
<div class="container">
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3>Rapid Onboarding</h3>
<p>For end users working with a studio built using Sirius Web, starting a new modeling project is simple and intuitive.</p><p>They can either open an existing project, create one from scratch, import a file, or initialize a new project using a pre-configured template.</p><p>Once the project is created, contextual accelerators and tools guide the user in populating the model, precisely editing object properties, and exploring the entire model.</p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/R4Zd4sN2joQ?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="row">
<div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
<h3>Tailored Graph Diagrams</h3>
<p>Diagrams are the primary type of representation you can configure to enable end users to visually model and edit their data. In a diagram, model elements are depicted as nodes (shapes or images) and edges (directed or undirected).</p><p>A studio created with Sirius typically offers several types of graph diagrams, each tailored to represent specific types of objects with their own appearance (shape, color, label, internal elements, etc.), and to visualize how they relate to other elements within the same diagram.</p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
<a href="images/sirius-web/siriusweb-diagram.png" target="_" title="Tailored Graph Diagrams"><img src="images/sirius-web/siriusweb-diagram.png" class="" alt="Tailored Graph Diagrams"></a>
</div>
</div>
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3></h3>
<p>Each diagram comes with built-in advanced features, including:</p><ul><li>Graphical element layout management (arrange, auto-layout, pin/unpin, shading, helper lines, etc.)</li><li>High-quality rendering options (zoom, full-screen mode, SVG export, etc)</li></ul><p>Additionally, graph diagrams provide tools that users can execute, either from the diagram's background or directly on any visible element. These tools can be customized specifically for the studio.</p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/BNcqFzoyViU?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="row">
<div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
<h3>Form Views</h3>
<p>The principles used by Sirius Web to display an object's properties in the Details View can also be applied to create specific form-based editors.</p><p>A form-based editor consists of specially arranged widgets that allow users to edit model elements.</p><p>These widgets can range from basic (text fields, checkboxes, radio buttons, etc.) to more advanced types (sliders, image pickers, calendars, charts, etc.).</p><p><a href='' target='_'> <i class='' aria-hidden='true'></i></a></p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 text-center order-1 wow fadeInUp" data-wow-delay=".2s">
<iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/S_qw1hfn5r4?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3>Gantt Charts</h3>
<p>Sirius Web supports this familiar visual representation that shows the start and finish dates of various elements.</p><p>It features a timeline at the top, with horizontal bars positioned and sized according to dates and durations. These bars can be linked to illustrate dependencies.</p><p>While commonly used for task scheduling in projects, Gantt charts can be applied to any domain involving dates.</p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/pUg4uyF_FnA?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="row">
<div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
<h3>Deck Representation</h3>
<p>The Deck representation is a visual format popularized by Kanban boards, where cards are displayed in lanes.</p><p>Each lane typically represents a specific state (e.g., Not Started, In Progress, Completed).</p><p>With Sirius Web, this representation can be used for specific domains, allowing users to manage their data with cards.</p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 text-center order-1 wow fadeInUp" data-wow-delay=".2s">
<iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/kkxqB8wIUlE?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3>Portal Representation</h3>
A portal is a ready-to-use representation that allows end users to create a custom view composed of multiple existing representations, such as diagrams, forms, Gantt charts, and more.
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/0hVER_3goCw?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
</div>
</section>
<section id="extensibility" class="bg_lightest_grey">
<div class="container text-center">
<h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Flexible and Highly Extensible</h2>
<h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s">Most of the features offered by Sirius are highly customizable, enabling you to perfectly tailor the studio for your end users.</p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
<p class="wow fadeInDown popup-gallery" data-wow-duration="800ms" data-w ow-delay=".6s">
<a href="/sirius/images/sirius-web/siriusweb-principles.jpg" target='_' title="Sirius Web Principles"><img src="/sirius/images/sirius-web/siriusweb-principles.svg" width="1110"></a>
</p>
</div>
<div class="container">
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3>Low Code Approach</h3>
<p>Studios built with Sirius Web are primarily defined through configuration, requiring a minimal programming.</p><p>The platform provides built-in features to specify the structure of your data (Domain), and how it can be graphically visualized and edited (View).</p><p>This approach significantly reduces the amount of code needed to create a modeling tool, allowing developers to focus more on defining modeling concepts, graphical representations, and value-added functionalities.</p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/p_tDEzGtS0o?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="row">
<div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
<h3>Modular and Modern Architecture</h3>
<p>The studio's features defined by configuration are complemented by source code built on a modular and modern web-based architecture.</p><p>Sirius Web's technical foundation leverages the latest web technologies, including React, Spring Boot, PostgreSQL, and GraphQL, ensuring it remains at the forefront of web development.</p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
<a href="/sirius/images/sirius-web/siriusweb-technologies.png" target="_" title="Sirius Web Technologies: React, Spring Boot, PostgreSQL, and GraphQL"><img src="/sirius/images/sirius-web/siriusweb-technologies.png" class="" alt="Sirius Web Technologies: React, Spring Boot, PostgreSQL, and GraphQL"></a>
</div>
</div>
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3>Seamless Integration Capabilities</h3>
<p>This architecture makes it easy to integrate external components into your studio, such as form widgets, graphical views, and business rules.</p><p>Conversely, your studio can be integrated into other applications, providing advanced editing and visualization capabilities.</p><p>In the video beside this text, you can see an integration between the Papyrus web editor (created with Sirius Web) and an LLM: in this experimental example, an AI application copilots the end user in the creation of a UML model.</p>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/tNYg9kx4O7s?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
</div>
</section>
<section id="open-innovation" class="bg_grey">
<div class="container text-center">
<h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Welcome On Board!</h2>
<h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s"><p>Sirius Web exists thanks to the fruitful collaboration, in an <a href='https://www.obeosoft.com/en/company/open-innovation' target='_blank'>open-innovation</a> model,<br>between the project team and end-user organizations that fund the development of new features.</p><p>Together, let's build your future cutting-edge modeling solution with Sirius Web.</p></p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
</div>
<div class="container">
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3></h3>
<p>Are you:</p><ul><li>A <b>Software Provider</b> distributing modeling products?</li><li>A <b>Large Organization</b> with your own modeling methodology?</li></ul><p>Do you need:</p><ul><li>To <b>migrate</b> a desktop modeling tool <b>to the web</b>?</li><li>To <b>develop</b> a brand-new <b>web-based</b> modeling tool?</li></ul>
<p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<a href="/sirius/images/illustrations/sirius-web-extensibility.png" target="_" title="Open Innovation"><img src="/sirius/images/illustrations/sirius-web-extensibility.png" class="" alt="Open Innovation"></a>
</div>
</div>
<p class="text-center"><a class="btn btn-default text-white" href="https://www.obeosoft.com/en/company/open-innovation" target="_blank">Let’s work together</a></p>
</div>
</section>
<section id="references">
<div class="container text-center">
<h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Powered by Sirius Web!</h2>
<h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s">Discover the studios with Sirius Web inside.</p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
</div>
<div class="container">
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3>Eclipse SysON</h3>
<p>Eclipse SysON is an open-source, web-based MBSE modeling tool designed for authoring SysML v2 models.</p><p>The SysON workbench is developed using Sirius Web.</p>
<p><a href="https://mbse-syson.org" target="_">Project page <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<a href="/sirius/images/sirius-web/logo_syson.svg" target="_" title="Eclipse SysON"><img src="/sirius/images/sirius-web/logo_syson.svg" class="" alt="Eclipse SysON"></a>
</div>
</div>
<div class="row">
<div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
<h3>Eclipse Papyrus</h3>
<p><a href='https://eclipse.dev/papyrus'>Eclipse Papyrus</a> is an industrial-grade, open-source Model-Based Engineering tool.</p><p>The web editors for Papyrus are developed using Sirius Web.</p>
<p><a href="https://eclipse.dev/papyrus" target="_">Project page <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
<a href="/sirius/images/sirius-web/logo_papyrus.svg" target="_" title="Eclipse Papyrus"><img src="/sirius/images/sirius-web/logo_papyrus.svg" class="" alt="Eclipse Papyrus"></a>
</div>
</div>
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3>Obeo SmartEA</h3>
<p><a href='https://www.obeosmartea.com/'>Obeo SmartEA</a> is a graphical and collaborative Enterprise Architecture solution that supports ArchiMate and BPMN standards.</p><p>The web editors for Obeo SmartEA are developed using Sirius Web.</p>
<p><a href="https://www.obeosmartea.com/" target="_">Product page <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
</div>
<div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
<a href="/sirius/images/sirius-web/logo_obeo_smartea.svg" target="_" title="Obeo SmartEA"><img src="/sirius/images/sirius-web/logo_obeo_smartea.svg" class="" alt="Obeo SmartEA"></a>
</div>
</div>
</div>
</section>
<section id="resources" class="text-center bg_lightest_grey">
<div class="container">
<h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Resources</h2>
<h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s"></p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
<div class="row">
<div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fas fa-file-alt fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Documentation</h4>
<p></p>
<p><a class="" href="http://docs.obeostudio.com/" target="_blank">Reference Documentation <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
</a></p>
</div>
</div>
<div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fa fa-comments fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Discussions</h4>
<p></p>
<p><a class="" href="https://github.com/eclipse-sirius/sirius-web/discussions" target="_blank">Official forum <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
</a></p>
</div>
</div>
<div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fas fa-graduation-cap fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Training</h4>
<p></p>
<p><a class="" href="https://www.obeosoft.com/en/services/training" target="_blank">Learn form Experts <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
</a></p>
</div>
</div>
<div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fas fa-life-ring fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Professional support</h4>
<p></p>
<p><a class="" href="https://www.obeosoft.com/en/contact" target="_blank">Contact Obeo <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
</a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fas fa-newspaper fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Articles</h4>
<p></p>
<p><a class="" href="https://blog.obeo.fr/tags/siriusweb" target="_blank">Team's Blog <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
</a></p>
</div>
</div>
<div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fas fa-play-circle fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Videos</h4>
<p></p>
<p><a class="" href="https://www.youtube.com/playlist?list=PLDCKzuGIN_Zy1YTEJWo1nvrtHRs-Vwbc6" target="_blank">Youtube Playlist <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
</a></p>
</div>
</div>
<div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<div>
<i class="fas fa-paper-plane fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Mailing List</h4>
<p></p>
<p><a class="" href="https://www.obeosoft.com/en/sirius-mailing-list" target="_blank">Receive news by Obeo <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
</a></p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-3">
<p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
<p id="copyright">Copyright © 2025 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
</div>
<div class="col-md-3">
<h6>Eclipse Foundation</h6>
<ul>
<li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
<li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
<li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
<li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
<li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
<li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
</ul>
</div>
<div class="col-md-3">
<h6>Project Links</h6>
<ul>
<li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
<li><a href="https://github.com/eclipse-sirius/sirius-desktop/discussions" target="_blank">Sirius Desktop Discussions</a>
<li><a href="https://github.com/eclipse-sirius/sirius-web/discussions" target="_blank">Sirius Web Discussions</a>
<li><a href="https://github.com/eclipse-sirius/sirius-desktop/issues" target="_blank">Sirius Desktop Issues</a>
<li><a href="https://github.com/eclipse-sirius/sirius-web/discussions" target="_blank">Sirius Web Issues</a>
<li><a href="https://github.com/eclipse-sirius" target="_blank">Source Code</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
<script src="/sirius/common_assets/js/wow.min.js" defer></script>
<script src="/sirius/common_assets/js/main.js" defer></script>
<script src="/sirius/common_assets/js/magnific-popup.min.js" defer></script>
<script src="/sirius/common_assets/js/magnific-popup.video.js" defer></script>
<!-- Call wow function -->
<script>
jQuery(document).ready(function(){
"use strict";
new WOW().init();
jQuery('.smooth-scroll').scrollingTo();
var url = window.location;
// Will only work if string in href matches with location
jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
// Will also work for relative and absolute hrefs
jQuery('ul.nav a').filter(function() {
return this.href == url;
}).parent().addClass('active');
jQuery(".nav a").on("click", function(){
jQuery(".nav").find(".active").removeClass("active");
jQuery(this).parent().addClass("active");
});
});
</script>
</body>
</html>