| <!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.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" 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> |
| |
| <!-- Old version of font awesome for some icons --> |
| <script src="https://use.fontawesome.com/b51f77a16a.js"></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://www.obeocloudplatform-demo.com/signup">Start here</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 studios to the web</h1> |
| <p>Principles you like in Sirius Desktop,<br> available on a modern cloud-based stack</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-3 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>Graphical and<br>Domain-Specific</h4> |
| <p>Created custom graphical modeling workbenches support both your specific visual notation and your own domain concepts</p> |
| <p><a class="" href="" target=""> <i class="" 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-cogs fa-3x pa2 txt_indigo" aria-hidden="true"></i> |
| </div> |
| <div> |
| <h4>Defined by<br>a Configuration File</h4> |
| <p>Visual editors are declared by a configuration file which is interpreted at runtime, meaning very few lines of code and easy tuning</p> |
| <p><a class="" href="" target=""> <i class="" 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-server fa-3x pa2 txt_indigo" aria-hidden="true"></i> |
| </div> |
| <div> |
| <h4>Deployed on<br>a Web Server</h4> |
| <p>The backend of your modeling tool is 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-3 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>Rendered in<br>a Web Browser</h4> |
| <p>Once deployed on a server, just start using the modeling tool directly from a web browser, without specific installation on user's desktop</p> |
| <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i> |
| </a></p> |
| </div> |
| </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="500ms" data-wow-delay=".3s"></h3> |
| <p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"><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><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="500ms" data-wow-delay=".3s"></h3> |
| <p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></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="try" class="bg_lightest_grey text-center"> |
| <div class="container"> |
| <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Try it on the cloud</h2> |
| <h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3> |
| <p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"><p>Obeo provides a private instance that allows you to try <b>Sirius Web</b>'s features.</p> |
| <p>It also enables you to experience <b>additional features</b> coming with <b><a href="https://www.obeosoft.com/en/products/obeo-cloud-platform" target="_blank">Obeo Cloud Platform</a></b>:<br>users management, teams, public/private projects, notifications of currently active users, ...</p></p> |
| |
| |
| |
| <p><a class="btn btn-default" href="https://www.obeocloudplatform-demo.com/signup" target="_blank">Register</a></p> |
| </div> |
| </section> |
| <section id="support" class="text-center"> |
| <div class="container"> |
| <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Need Support?</h2> |
| <h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3> |
| <p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p> |
| |
| |
| |
| |
| <div class="row"> |
| <div class="col-md-6 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>Forum</h4> |
| <p>Find relevant posts/answers.<br>No solution yet to your concern?<br>Come and ask your question.</p> |
| <p><a class="" href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Exchange with the community <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i> |
| </a></p> |
| </div> |
| </div> |
| |
| |
| |
| |
| <div class="col-md-6 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 © 2021 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://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li> |
| <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li> |
| <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li> |
| <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" 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> |
