whatsnew/whatsnew3.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 3.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 3.0</h1>


 	<div class="row">
 		<h2>Smarter Diagrams and Better User Experience</h2>
 		<p>This release comes with many ergonomic improvements for a better edition of diagrams.</p>
 	</div>

 	<br /><br />

 	<div class="row">
 		<div class="col_3">
 			<h2>Anchor on borders</h2>
 			<p>Now the edges are linked closely to the images. You only need to use images with a transparent background.</p>

 			<p><img class="shadow" src="../images/whatsnew3/imageborder.png" width="300px" /></p>
 		</div>

 		<div class="col_3">
 			<h2>Underline and strike through</h2>
 			<p>In the Appearance tab, in addition to <i>Bold</i> and <i>Italic</i>, it is now possible to set the font formatting style to <i>Underline</i> and <i>Strike through</i>.</p>

 			<p><img class="shadow" src="../images/whatsnew3/underline.png" width="300px" /></p>
 		</div>

 		<div class="col_3">
 			<h2>Compartments</h2>
 			<p>Containers now support vertical and horizontal compartments layout, thanks to new possible values for <i>Children Presentation</i> attribute.</p>

 			<p><img class="shadow" src="../images/whatsnew3/compartments.png" width="300px" /></p>
 		</div>
 	</div>

 	<div class="row margin_top">
 		<div class="col_3">
 			<h2>Tree and table</h2>
 			<p>Keyboard shortcuts were added on table and tree: refresh (F5), quick outline (Ctrl+O) and line deletion (Del).</p>
 		</div>
 		<div class="col_3">
 			<h2>Background image</h2>
 			<p>On diagrams, it is now possible to set a custom background image on list containers.</p>
 		</div>
 		<div class="col_3">
 			<h2>Container label visibility</h2>
 			<p>When users need to simplify their diagram, now they can hide the label of containers.</p>
 		</div>
 	</div>

 	<br /><br />
 	<div class="section left">
 		<div class="image">
 			<img class="shadow" width="400"  src="../images/whatsnew3/sirius-query-bench.png" />
 		</div>
 		<h2>Easier and Faster Query Language: AQL</h2>
 		<p>Sirius 3.0 introduces AQL (Acceleo Query Language), a new language that makes your life easier writing expressions for querying EMF models.</p>
 		<p>Usable as a new query language in Sirius configuration files, AQL is a simplified and optimized variant of Acceleo /
 		OCL. The implementation has been specifically tailored for the Sirius context, providing much better performance.</p>
 		<p>AQL expressions start with the <i>aql:</i> prefix and have a syntax similar to Acceleo (without the enclosing [../] brackets). This new syntax is very easy to learn: if you know OCL, you already know AQL!</p>

 		<p>The following example shows how an Acceleo 3 expression can be simplified with AQL:<br />
 		<ul>
 		<li><b>With Acceleo: </b><i>[if father.oclIsUndefined() then '' else father.name endif/]</i></li>
 		<li><b>With AQL: </b> <i>aql:self.father.name</i></li>
 		</ul>
 	</div>

 	<div class="clear"></div>
 	<div>
 		<h2>Better Performance and Memory Consumption</h2>

 		<p>This release comes with lots of performance improvements, also including reduced memory consumption. This was tested and validated with models composed of more than <b>1 million elements</b>.</p>
 		<p>Here is a list of major works done for Sirius 3.0:</p>
 		<p> </p>
 		<ul>
 			<li><b>Big operations (open, save, close, etc.):</b> the model footprint was reduced by 20% and the save strategy was reviewed.</li>
 			<li><b>Right-click latency:</b> selecting an object in the project explorer was optimized for large models.</li>
 			<li><b>Properties edition:</b> property views made with EEF are better integrated to greatly improve performances.</li>
 			<li><b>Refresh:</b> the refresh operation was improved for diagrams, trees and tables.</li>
 			<li><b>Image caches:</b> diagrams with a lot of images scale better.</li>
 		</ul>
 	</div>

 	<div class="section left">
 		<div class="image">
 			<img class="shadow" width="400"  src="../images/whatsnew3/imagepathselection.png" />
 		</div>
 		<h2>Stronger Modeling Tools</h2>
 		<p>With Sirius 3.0.0, potential problems when creating a new Sirius-based modeler are detected earlier:</p>
 		<ul>
 			<li>Java services can be defined and tested directly in your current development environment.</li>
 			<li>A selection wizard guarantees the valid specification of images path.</li>
 			<li>A quick Outline is now available to easily find any element in a odesign. Just hit Ctrl+O.</li>
 			<li>Validation of Sirius configuration file was improved to be more complete and precise.</li>
 		</ul>
 	</div>
 	<div class="clear"></div>

 	<br />
 	<p>The complete list of changes is available here: <a href="http://www.eclipse.org/sirius/doc/Release_Notes.html#sirius3.0.0" title="New & Noteworthy">http://www.eclipse.org/sirius/doc/Release_Notes.html#sirius3.0.0</a>.</p>
 	<p>Read <a href="http://eclipse.org/sirius/whatsnew/whatsnew2.html" title="New & Noteworthy">What's new in Sirius 2.0</a> to see the new and noteworthy features of previous version.</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 3.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 3.0</h1>


	<div class="row">
	<h2>Smarter Diagrams and Better User Experience</h2>
	<p>This release comes with many ergonomic improvements for a better edition of diagrams.</p>
	</div>

	<br /><br />

	<div class="row">
	<div class="col_3">
	<h2>Anchor on borders</h2>
	<p>Now the edges are linked closely to the images. You only need to use images with a transparent background.</p>

	<p><img class="shadow" src="../images/whatsnew3/imageborder.png" width="300px" /></p>
	</div>

	<div class="col_3">
	<h2>Underline and strike through</h2>
	<p>In the Appearance tab, in addition to <i>Bold</i> and <i>Italic</i>, it is now possible to set the font formatting style to <i>Underline</i> and <i>Strike through</i>.</p>

	<p><img class="shadow" src="../images/whatsnew3/underline.png" width="300px" /></p>
	</div>

	<div class="col_3">
	<h2>Compartments</h2>
	<p>Containers now support vertical and horizontal compartments layout, thanks to new possible values for <i>Children Presentation</i> attribute.</p>

	<p><img class="shadow" src="../images/whatsnew3/compartments.png" width="300px" /></p>
	</div>
	</div>

	<div class="row margin_top">
	<div class="col_3">
	<h2>Tree and table</h2>
	<p>Keyboard shortcuts were added on table and tree: refresh (F5), quick outline (Ctrl+O) and line deletion (Del).</p>
	</div>
	<div class="col_3">
	<h2>Background image</h2>
	<p>On diagrams, it is now possible to set a custom background image on list containers.</p>
	</div>
	<div class="col_3">
	<h2>Container label visibility</h2>
	<p>When users need to simplify their diagram, now they can hide the label of containers.</p>
	</div>
	</div>

	<br /><br />
	<div class="section left">
	<div class="image">
	<img class="shadow" width="400" src="../images/whatsnew3/sirius-query-bench.png" />
	</div>
	<h2>Easier and Faster Query Language: AQL</h2>
	<p>Sirius 3.0 introduces AQL (Acceleo Query Language), a new language that makes your life easier writing expressions for querying EMF models.</p>
	<p>Usable as a new query language in Sirius configuration files, AQL is a simplified and optimized variant of Acceleo /
	OCL. The implementation has been specifically tailored for the Sirius context, providing much better performance.</p>
	<p>AQL expressions start with the <i>aql:</i> prefix and have a syntax similar to Acceleo (without the enclosing [../] brackets). This new syntax is very easy to learn: if you know OCL, you already know AQL!</p>

	<p>The following example shows how an Acceleo 3 expression can be simplified with AQL:<br />
	<ul>
	<li><b>With Acceleo: </b><i>[if father.oclIsUndefined() then '' else father.name endif/]</i></li>
	<li><b>With AQL: </b> <i>aql:self.father.name</i></li>
	</ul>
	</div>

	<div class="clear"></div>
	<div>
	<h2>Better Performance and Memory Consumption</h2>

	<p>This release comes with lots of performance improvements, also including reduced memory consumption. This was tested and validated with models composed of more than <b>1 million elements</b>.</p>
	<p>Here is a list of major works done for Sirius 3.0:</p>
	<p> </p>
	<ul>
	<li><b>Big operations (open, save, close, etc.):</b> the model footprint was reduced by 20% and the save strategy was reviewed.</li>
	<li><b>Right-click latency:</b> selecting an object in the project explorer was optimized for large models.</li>
	<li><b>Properties edition:</b> property views made with EEF are better integrated to greatly improve performances.</li>
	<li><b>Refresh:</b> the refresh operation was improved for diagrams, trees and tables.</li>
	<li><b>Image caches:</b> diagrams with a lot of images scale better.</li>
	</ul>
	</div>

	<div class="section left">
	<div class="image">
	<img class="shadow" width="400" src="../images/whatsnew3/imagepathselection.png" />
	</div>
	<h2>Stronger Modeling Tools</h2>
	<p>With Sirius 3.0.0, potential problems when creating a new Sirius-based modeler are detected earlier:</p>
	<ul>
	<li>Java services can be defined and tested directly in your current development environment.</li>
	<li>A selection wizard guarantees the valid specification of images path.</li>
	<li>A quick Outline is now available to easily find any element in a odesign. Just hit Ctrl+O.</li>
	<li>Validation of Sirius configuration file was improved to be more complete and precise.</li>
	</ul>
	</div>
	<div class="clear"></div>

	<br />
	<p>The complete list of changes is available here: <a href="http://www.eclipse.org/sirius/doc/Release_Notes.html#sirius3.0.0" title="New & Noteworthy">http://www.eclipse.org/sirius/doc/Release_Notes.html#sirius3.0.0</a>.</p>
	<p>Read <a href="http://eclipse.org/sirius/whatsnew/whatsnew2.html" title="New & Noteworthy">What's new in Sirius 2.0</a> to see the new and noteworthy features of previous version.</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>