-
Notifications
You must be signed in to change notification settings - Fork 2
/
sirius-web.html
367 lines (324 loc) · 19.5 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
<!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="#try" data-row="#try" class="smooth-scroll">Try It</a>
</li>
<li>
<a href="#support" target="_blank">Support</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 to define custom <b>web applications</b> supporting 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="_self">
<img src="images/sirius-web/siriusweb-visuel1.gif" 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 defined with Sirius Web support the edition of your DSL with both your specific visual notation and your 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 offer a modern UX and are deployed on a web server running with 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>Without installation<br>on your desktop</h4>
<p>Once deployed on a server, just start your custom studio directly from a web browser, without any specific installation on user's desktop</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="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" class="bg_lightest_grey text-center">
<div class="container">
<h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Features</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>
</section>
<section id="features" class="">
<div class="container">
<div class="row">
<div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
<h3>Shared projects</h3>
<p>A project created with Sirius Web contains a set of models. These models can be defined based on the domain models installed on the server.</p>
<p>Once created, you can share the project's URL to allow others to simultaneously access and modify its contents.</p>
<p>Projects can also be download locally in an open format and re-uploaded later to any other Sirius Web repository.</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/oI7ierlTXzA?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>Assisted Layout</h3>
<p>Graphical modeling allows users to better understand complex systems by revealing objects' dependencies (edges and nesting) and visually highlighting properties (images, colors, shapes, sizes).</p>
<p>But manually layouting diagram containing dozens of graphical objects to produce highly effective representations can be very tedious.</p>
<p>Sirius Web assists the users in layouting diagrams, so that he can concentrate on providing and analysing data, rather than aligning boxes and edges to the pixel.</p>
<p>In first versions of Sirius Web, layout is automatic. Different kinds of assisted-layout mechanisms will come progressively.</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/lG_h5hC_2ak?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>Modern UX</h3>
<p>Sirius Web is not just a revamping of Sirius Desktop. Relying on a modern technical stack, it implements a new UX design to offer a fluent and intuitive experience adapted to web usages.</p>
<p>While recognizing Sirius principles, you will notice many slight changes that make graphical modeling more efficient: less mouse moves, intuitive tools, onboarding process, ...</p>
<p>Tools created with Sirius Web can be easily used by end-users with no experience in classic Eclipse workbench.</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/VJFfzzAnL5c?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>Extensibility</h3>
<p>Faithful to the principles of Sirius, Sirius Web is designed as an extensible and adaptable web platform. It can fit with your specific context and smoothly integrate with your own web applications.</p>
<p>You can add new kinds of representations in Sirius Web, or directly integrate components of Sirius Web (a representation for example) within other applications.</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/illustrations/sirius-web-extensibility.png" target="_" title="Extensibility"><img src="images/illustrations/sirius-web-extensibility.png" class="" alt="Extensibility"></a>
</div>
</div>
</div>
</section>
<section id="support" class="text-center bg_lightest_grey">
<div class="container">
<h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Need Help?</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-4 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>Learn how to use Sirius Web<br>to implement web-based modeling tools<br>thanks to online user guides.</p>
<p><a class="" href="http://docs.obeostudio.com/" target="_blank">Online Documentation <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-comment fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Discussions</h4>
<p>Find relevant posts/answers.<br>No solution yet to your concern?<br>Come and ask your question.</p>
<p><a class="" href="https://github.com/eclipse-sirius/sirius-web/discussions" target="_blank">Learn more <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-life-ring fa-3x pa2 txt_indigo" aria-hidden="true"></i>
</div>
<div>
<h4>Professional support</h4>
<p>Need expertise or custom development<br>to integrate Sirius Web in your own context?<br>We can help you.</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>
</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 © 2024 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>