whatsnew/whatsnew2.html - gerrit/www.eclipse.org/sirius - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 	<meta http-equiv="Content-language" content="en">
 	<meta name="description" content="Graphical Editors for your DSL">

 	<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
 	<script type="text/javascript" src="../js/functions.js"></script>
 	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
 	<script src="../angular/sirius.js"></script>

 	<link rel="icon" type="image/png" href="../favicon.ico" />
 	<title>Sirius - What's New in Sirius 2.0</title>
 	<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
 	<link type="text/css" rel="stylesheet" href="../css/style.css" />
 	<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 href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.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 -->

 	<!-- 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 type="text/javascript" src="../js/ga.js"></script>
 </head>

 <body ng-app="sirius" ng-controller="main" class="cloak">
 <ng-include src="'../angular/blocks/header.html'"></ng-include>

 <div id="body_wrapper">
 	<h1 class="page_title">What's New in Sirius 2.0</h1>

 	<div class="section left">
 		<div class="image">
 			<img class="shadow" width="340"  src="../images/whatsnew2/sirius2-bigdiagram.png" />
 		</div>
 		<h2>Performance & Scalability</h2>
 		<p>For this release, a special effort was made on the performance and scalability.</p>
 		<p>These improvements have been tested and validated with models composed of more than 500 000 model elements displayed in 20 000 representations. </p>
 		<p> </p>
 		<ul>
 			<li><b>Initialization</b>: Sirius is initializing itself quicker providing a better feedback on startups and first usage.</li>
 			<li><b>Calls from the UI</b>: Calls from the UI are faster:  it scales better when you have thousands of representations.</li>
 			<li><b>Lists</b>: Diagram having lists containing numerous elements are created and refreshed quicker.</li>
 			<li><b>Select All</b>: Select All operation is now instantly completed on a big model, without any lag.</li>
 			<li><b>Tree Editors</b>: Tree Editors defined using Sirius are now more efficient in refreshing the SWT Components.</li>
 			<li><b>Delete</b>: Delete operations are now scaling based on how many things have changed, independently of the size of the model.</li>
 		</ul>
 	</div>
 	<div class="clear"></div>
 	<div class="section left">
 		<h2>User Experience</h2>
 		<p>This release comes with many ergonomic improvements for a better edition of diagrams.</p>
 	</div>

 	<div class="row">
 		<div class="col_3">
 			<h2>Shapes Distribution</h2>
 			<p>Now users can homogeneously distribute shapes: horizontaly or vertically, based on the gap between shapes or their centers.</p>
 			<p><img class="shadow" src="../images/whatsnew2/sirius2-distribution.png" /></p>
 		</div>

 		<div class="col_3">
 			<h2>Edge Centering</h2>
 			<p>The creator of the modeling tool can force an edge end to be always directed toward the center of a node.</p>

 			<p><img class="shadow" width="300" src="../images/whatsnew2/sirius2-edge-centering.png" /></p>
 		</div>

 		<div class="col_3">
 			<h2>Snap to Shape</h2>
 			<p>Now, the Snap to Shape option is selected by default on new diagrams. It displays smart guides to help you aligning objects to each others.</p>

 			<p><img class="shadow" src="../images/whatsnew2/sirius2-snap-to-shape.png" /></p>
 		</div>
 	</div>
 	<div class="row margin_top">
 		<div class="col_3">
 			<h2>Snap to Grid</h2>
 			<p>When creating a new object with the Snap to grid option activated, it is automatically aligned to the grid.</p>

 			<br />
 			<br />
 			<p><img class="shadow" src="../images/whatsnew2/sirius2-snap-to-grid.png" /></p>
 		</div>
 		<div class="col_3">
 			<h2>Touching mode</h2>
 			<p>When drawing a selecting zone on a diagram, each object touched by this zone will be added to the selection (before, the selected objects had to be entirely inside the zone).</p>

 			<p><img class="shadow" src="../images/whatsnew2/sirius2-touch-mode.png" /></p>
 		</div>
 		<div class="col_3">
 			<h2>Outline</h2>
 			<p>When an object is not visible on the diagram, its selection from the outline reveals it: Sirius automatically moves the displayed zone of the diagram in order to make the object visible.</p>

 			<p><img class="shadow" src="../images/whatsnew2/sirius2-outline.png" /></p>
 		</div>
 	</div>
 	<div class="row margin_top">
 		<div class="col_3">
 			<h2>Layout</h2>
 			<p>The move and resize of existing elements is better managed:</p>
 			<ul>
 				<li>Changing the location of an edge's end only changes its closest segment;</li>
 				<li>Resizing a shape doesn't modify its edge(s) location;</li>
 				<li>Increasing the size of a container doesn't modify the location of its children</li>
 			</ul>
 			<p><img class="shadow" src="../images/whatsnew2/sirius2-edges.png" /></p>
 			<br />
 		</div>
 		<div class="col_3">
 			<h2>Navigation and creation menus</h2>
 			<p>The former <i>Navigate</i> menu on a diagram element has been replaced by two distinct ones:</p>
 			<ul>
 				<li><i>New</i>: provides the sub-menus to create new diagrams for the selected element;</li>
 				<li><i>Open</i>: provides sub-menus to open existing diagrams owned by the selected element.</li>
 			</ul>

 			<br />
 			<p><img class="shadow" width="300" src="../images/whatsnew2/sirius2-menus.png" /></p>
 		</div>
 	</div> <!-- Fin de la setion-->
 	<br />
 	<div class="section left">
 		<div class="image">
 			<img class="shadow" src="../images/whatsnew2/sirius2-headless.png" />
 		</div>
 		<h2>Headless mode</h2>
 		<p>New APIs have been added to run Sirius without any UI.</p><p>Things like loading a representation resource, creating a diagram, refreshing it, modifying the model and saving can now be used as a server-side or continuous integration process. </p>
 	</div>
 	<div class="clear"></div>

 	<p>The complete list of changes is available here: <a href="http://wiki.eclipse.org/Sirius/2.0.0#New_.26_Noteworthy" title="New & Noteworthy">http://wiki.eclipse.org/Sirius/2.0.0#New_.26_Noteworthy</a>.</p>
 	<br />
 </div> <!-- Fin body_wrapper -->

 	<div class="clear"></div>
 	<ng-include src="'../angular/blocks/footer.html'"></ng-include>
 	<ng-include src="'../angular/blocks/call2action.html'"></ng-include>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Content-language" content="en">
	<meta name="description" content="Graphical Editors for your DSL">

	<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
	<script type="text/javascript" src="../js/functions.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
	<script src="../angular/sirius.js"></script>

	<link rel="icon" type="image/png" href="../favicon.ico" />
	<title>Sirius - What's New in Sirius 2.0</title>
	<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="../css/style.css" />
	<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 href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.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 -->

	<!-- 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 type="text/javascript" src="../js/ga.js"></script>
	</head>

	<body ng-app="sirius" ng-controller="main" class="cloak">
	<ng-include src="'../angular/blocks/header.html'"></ng-include>

	<div id="body_wrapper">
	<h1 class="page_title">What's New in Sirius 2.0</h1>

	<div class="section left">
	<div class="image">
	<img class="shadow" width="340" src="../images/whatsnew2/sirius2-bigdiagram.png" />
	</div>
	<h2>Performance & Scalability</h2>
	<p>For this release, a special effort was made on the performance and scalability.</p>
	<p>These improvements have been tested and validated with models composed of more than 500 000 model elements displayed in 20 000 representations. </p>
	<p> </p>
	<ul>
	<li><b>Initialization</b>: Sirius is initializing itself quicker providing a better feedback on startups and first usage.</li>
	<li><b>Calls from the UI</b>: Calls from the UI are faster: it scales better when you have thousands of representations.</li>
	<li><b>Lists</b>: Diagram having lists containing numerous elements are created and refreshed quicker.</li>
	<li><b>Select All</b>: Select All operation is now instantly completed on a big model, without any lag.</li>
	<li><b>Tree Editors</b>: Tree Editors defined using Sirius are now more efficient in refreshing the SWT Components.</li>
	<li><b>Delete</b>: Delete operations are now scaling based on how many things have changed, independently of the size of the model.</li>
	</ul>
	</div>
	<div class="clear"></div>
	<div class="section left">
	<h2>User Experience</h2>
	<p>This release comes with many ergonomic improvements for a better edition of diagrams.</p>
	</div>

	<div class="row">
	<div class="col_3">
	<h2>Shapes Distribution</h2>
	<p>Now users can homogeneously distribute shapes: horizontaly or vertically, based on the gap between shapes or their centers.</p>
	<p><img class="shadow" src="../images/whatsnew2/sirius2-distribution.png" /></p>
	</div>

	<div class="col_3">
	<h2>Edge Centering</h2>
	<p>The creator of the modeling tool can force an edge end to be always directed toward the center of a node.</p>

	<p><img class="shadow" width="300" src="../images/whatsnew2/sirius2-edge-centering.png" /></p>
	</div>

	<div class="col_3">
	<h2>Snap to Shape</h2>
	<p>Now, the Snap to Shape option is selected by default on new diagrams. It displays smart guides to help you aligning objects to each others.</p>

	<p><img class="shadow" src="../images/whatsnew2/sirius2-snap-to-shape.png" /></p>
	</div>
	</div>
	<div class="row margin_top">
	<div class="col_3">
	<h2>Snap to Grid</h2>
	<p>When creating a new object with the Snap to grid option activated, it is automatically aligned to the grid.</p>

	<br />
	<br />
	<p><img class="shadow" src="../images/whatsnew2/sirius2-snap-to-grid.png" /></p>
	</div>
	<div class="col_3">
	<h2>Touching mode</h2>
	<p>When drawing a selecting zone on a diagram, each object touched by this zone will be added to the selection (before, the selected objects had to be entirely inside the zone).</p>

	<p><img class="shadow" src="../images/whatsnew2/sirius2-touch-mode.png" /></p>
	</div>
	<div class="col_3">
	<h2>Outline</h2>
	<p>When an object is not visible on the diagram, its selection from the outline reveals it: Sirius automatically moves the displayed zone of the diagram in order to make the object visible.</p>

	<p><img class="shadow" src="../images/whatsnew2/sirius2-outline.png" /></p>
	</div>
	</div>
	<div class="row margin_top">
	<div class="col_3">
	<h2>Layout</h2>
	<p>The move and resize of existing elements is better managed:</p>
	<ul>
	<li>Changing the location of an edge's end only changes its closest segment;</li>
	<li>Resizing a shape doesn't modify its edge(s) location;</li>
	<li>Increasing the size of a container doesn't modify the location of its children</li>
	</ul>
	<p><img class="shadow" src="../images/whatsnew2/sirius2-edges.png" /></p>
	<br />
	</div>
	<div class="col_3">
	<h2>Navigation and creation menus</h2>
	<p>The former <i>Navigate</i> menu on a diagram element has been replaced by two distinct ones:</p>
	<ul>
	<li><i>New</i>: provides the sub-menus to create new diagrams for the selected element;</li>
	<li><i>Open</i>: provides sub-menus to open existing diagrams owned by the selected element.</li>
	</ul>

	<br />
	<p><img class="shadow" width="300" src="../images/whatsnew2/sirius2-menus.png" /></p>
	</div>
	</div> <!-- Fin de la setion-->
	<br />
	<div class="section left">
	<div class="image">
	<img class="shadow" src="../images/whatsnew2/sirius2-headless.png" />
	</div>
	<h2>Headless mode</h2>
	<p>New APIs have been added to run Sirius without any UI.</p><p>Things like loading a representation resource, creating a diagram, refreshing it, modifying the model and saving can now be used as a server-side or continuous integration process. </p>
	</div>
	<div class="clear"></div>

	<p>The complete list of changes is available here: <a href="http://wiki.eclipse.org/Sirius/2.0.0#New_.26_Noteworthy" title="New & Noteworthy">http://wiki.eclipse.org/Sirius/2.0.0#New_.26_Noteworthy</a>.</p>
	<br />
	</div> <!-- Fin body_wrapper -->

	<div class="clear"></div>
	<ng-include src="'../angular/blocks/footer.html'"></ng-include>
	<ng-include src="'../angular/blocks/call2action.html'"></ng-include>
	</body>
	</html>