getstarted.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/magnific-popup.min.js"></script>
 	<script type="text/javascript" src="js/magnific-popup.video.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 - Get Started</title>
 	<link type="text/css" rel="stylesheet" href="css/style.css" />
 	<link type="text/css" rel="stylesheet" href="css/media.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">Get Started</h1>

 	<div class="section left">
 		<div class="image">
 			<iframe class="popup-youtube shadow" width="400" height="250" src="https://www.youtube.com/embed/08XIW8hZOyQ?fs=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
 			<p align="center"><a href="http://www.obeo.fr/videos/sirius/Sirius%20-%20Getting%20Started.mp4" target="_blank">Download Video <i class="fa fa-download"></i></a></p>
 			<p  align="center"><a href="articles-videos.html">More Articles and Videos <i class="fa fa-arrow-circle-right"></i></a></p>
 		</div>
 		<h2>Introduction</h2>
 		<p>Watch this video to discover how to simply create a graphical modeling tool with Sirius Desktop.</p>
 		<p>With this video, you will see how to: </p>
 		<ul>
 			<li>create a Sirius project (Viewpoint Specification project)</li>
 			<li>initialize a Diagram to graphically vizualize and edit the model elements</li>
 			<li>define Nodes and Edges to display model elements on the diagram</li>
 			<li>add a Creation Tool to create new model elements from a palette</li>
 		</ul>
 	</div>

 	<div class="clear"></div>

 	<div class="section">
 	<h2>Tutorials</h2>
 	<p>Follow a step-by-step scenario to create your first modeling tool with Sirius Desktop.
 	</p>
 	</div>

 	<p><a id="basicfamily"></a></p>
 	<br />
 	<div class="usecase" >
 		<div class="medias">
 			<div class="popup-gallery">
 				<a href="images/screenshots/screenshot_advanced_tutorial.png" title="Sirius - Advanced Tutorial">
 					<img class="shadow" src="images/screenshots/screenshot_starter_tutorial.png" alt="Sirius - Advanced Tutorial" width="520" />
 				</a>
 			</div>
 		</div>
 		<div class="infos">
 			<div class="title">
 				<h2>BasicFamily Tutorial</h2>
 			</div>

 			<div class="descr">
 				<p>This tutorial explains how to use Eclipse Sirius to create graphical editors for visually describing a family.</p>
 				<p>It is composed of five parts, from the definition of the domain model to the deployment to end-users via an updatesite, including the creation of advanced editors and tools (ports, compartments, tables, etc.).</p>
 				<p>&nbsp;</p>
 				<p><a href="https://wiki.eclipse.org/Sirius/Tutorials/BasicFamily">Start the tutorial <i class="fa fa-arrow-circle-right">&nbsp;</i></a></p>
 			</div>
 		</div>
 	</div>

 	<p><a id="mindstorms"></a></p>
 	<br />
 	<div class="usecase">
 		<div class="medias">
 			<div class="popup-gallery">
 				<a href="images/screenshots/screenshot_compartments_tutorial.png" title="Sirius - Compartments Tutorial">
 					<img class="shadow" src="images/screenshots/screenshot_mindstorms_robot_tutorial.png" alt="Sirius - Compartments Tutorial" width="520" />
 				</a>
 			</div>
 		</div>
 		<div class="infos">
 			<div class="title">
 				<h2>Mindstorms Robot Tutorial</h2>
 			</div>

 			<div class="descr">
 				<p>This tutorial explains how to use Eclipse Sirius to create a graphical modeling tool for a Mindstorms Robot.</p>
 				<p>It is composed of four parts, illustrated with videos, from the definition of the domain model to the creation of a simple graphical diagram with navigation and creation tools, including the customization of properties views.</p>
 				<p>&nbsp;</p>
 				<p><a href="https://wiki.eclipse.org/Sirius/Tutorials/Mindstorms">Start the tutorial <i class="fa fa-arrow-circle-right">&nbsp;</i></a></p>
 			</div>
 		</div>
 	</div>


 </div> <!-- Fin body_wrapper -->

 <div class="clear"></div>

 <section class="bg_light_gray">
 	<article class="row centered">
 		<div class="community_links">
 			<div class="community_item">
 				<h2><a href="http://www.eclipse.org/sirius/doc/">Documentation</a></h2>
 				<a href="http://www.eclipse.org/sirius/doc/"><span class="community_icons" id="doc"></span></a>
 				<p>Complete user guide and specifier manual</p>
 			</div>
 			<div class="community_item">
 				<h2><a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262">Forum</a></h2>
 				<a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262"><span class="community_icons" id="forum"></span></a>
 				<p>Find relevant posts/answers. No solution yet to your concern? Come and ask your question</p>
 			</div>
 			<div class="community_item last_item">
 				<h2><a href="https://www.obeodesigner.com/en/services">Professional Support</a></h2>
 				<a href="https://www.obeodesigner.com/en/services"><span class="community_icons" id="support"></span></a>
 				<p>Obeo, co-leader of Sirius, provides professional support services to help you with Sirius: training, custom development & expertise</p>
 			</div>
 		</div> <!-- Fin community_links -->

 		<div class="clear" ></div>
 	</article>
 </section>

 <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/magnific-popup.min.js"></script>
	<script type="text/javascript" src="js/magnific-popup.video.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 - Get Started</title>
	<link type="text/css" rel="stylesheet" href="css/style.css" />
	<link type="text/css" rel="stylesheet" href="css/media.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">Get Started</h1>

	<div class="section left">
	<div class="image">
	<iframe class="popup-youtube shadow" width="400" height="250" src="https://www.youtube.com/embed/08XIW8hZOyQ?fs=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
	<p align="center"><a href="http://www.obeo.fr/videos/sirius/Sirius%20-%20Getting%20Started.mp4" target="_blank">Download Video <i class="fa fa-download"></i></a></p>
	<p align="center"><a href="articles-videos.html">More Articles and Videos <i class="fa fa-arrow-circle-right"></i></a></p>
	</div>
	<h2>Introduction</h2>
	<p>Watch this video to discover how to simply create a graphical modeling tool with Sirius Desktop.</p>
	<p>With this video, you will see how to: </p>
	<ul>
	<li>create a Sirius project (Viewpoint Specification project)</li>
	<li>initialize a Diagram to graphically vizualize and edit the model elements</li>
	<li>define Nodes and Edges to display model elements on the diagram</li>
	<li>add a Creation Tool to create new model elements from a palette</li>
	</ul>
	</div>

	<div class="clear"></div>

	<div class="section">
	<h2>Tutorials</h2>
	<p>Follow a step-by-step scenario to create your first modeling tool with Sirius Desktop.
	</p>
	</div>

	<p><a id="basicfamily"></a></p>
	<br />
	<div class="usecase" >
	<div class="medias">
	<div class="popup-gallery">
	<a href="images/screenshots/screenshot_advanced_tutorial.png" title="Sirius - Advanced Tutorial">
	<img class="shadow" src="images/screenshots/screenshot_starter_tutorial.png" alt="Sirius - Advanced Tutorial" width="520" />
	</a>
	</div>
	</div>
	<div class="infos">
	<div class="title">
	<h2>BasicFamily Tutorial</h2>
	</div>

	<div class="descr">
	<p>This tutorial explains how to use Eclipse Sirius to create graphical editors for visually describing a family.</p>
	<p>It is composed of five parts, from the definition of the domain model to the deployment to end-users via an updatesite, including the creation of advanced editors and tools (ports, compartments, tables, etc.).</p>
	<p> </p>
	<p><a href="https://wiki.eclipse.org/Sirius/Tutorials/BasicFamily">Start the tutorial <i class="fa fa-arrow-circle-right"> </i></a></p>
	</div>
	</div>
	</div>

	<p><a id="mindstorms"></a></p>
	<br />
	<div class="usecase">
	<div class="medias">
	<div class="popup-gallery">
	<a href="images/screenshots/screenshot_compartments_tutorial.png" title="Sirius - Compartments Tutorial">
	<img class="shadow" src="images/screenshots/screenshot_mindstorms_robot_tutorial.png" alt="Sirius - Compartments Tutorial" width="520" />
	</a>
	</div>
	</div>
	<div class="infos">
	<div class="title">
	<h2>Mindstorms Robot Tutorial</h2>
	</div>

	<div class="descr">
	<p>This tutorial explains how to use Eclipse Sirius to create a graphical modeling tool for a Mindstorms Robot.</p>
	<p>It is composed of four parts, illustrated with videos, from the definition of the domain model to the creation of a simple graphical diagram with navigation and creation tools, including the customization of properties views.</p>
	<p> </p>
	<p><a href="https://wiki.eclipse.org/Sirius/Tutorials/Mindstorms">Start the tutorial <i class="fa fa-arrow-circle-right"> </i></a></p>
	</div>
	</div>
	</div>


	</div> <!-- Fin body_wrapper -->

	<div class="clear"></div>

	<section class="bg_light_gray">
	<article class="row centered">
	<div class="community_links">
	<div class="community_item">
	<h2><a href="http://www.eclipse.org/sirius/doc/">Documentation</a></h2>
	<a href="http://www.eclipse.org/sirius/doc/"><span class="community_icons" id="doc"></span></a>
	<p>Complete user guide and specifier manual</p>
	</div>
	<div class="community_item">
	<h2><a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262">Forum</a></h2>
	<a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262"><span class="community_icons" id="forum"></span></a>
	<p>Find relevant posts/answers. No solution yet to your concern? Come and ask your question</p>
	</div>
	<div class="community_item last_item">
	<h2><a href="https://www.obeodesigner.com/en/services">Professional Support</a></h2>
	<a href="https://www.obeodesigner.com/en/services"><span class="community_icons" id="support"></span></a>
	<p>Obeo, co-leader of Sirius, provides professional support services to help you with Sirius: training, custom development & expertise</p>
	</div>
	</div> <!-- Fin community_links -->

	<div class="clear" ></div>
	</article>
	</section>

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