blob: 2cb2763ee01ace1710aec1233bc58e6e0fc947e2 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta name="theme" content="Syna">
<meta name="theme-version" content="v0.17.2">
<meta name="theme-url" content="https://syna.okkur.org">
<meta name="theme-description" content="Highly customizable open source theme for Hugo based static websites">
<meta name="theme-author" content="Okkur Labs">
<meta name="theme-author-url" content="https://about.okkur.org">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="google" content="notranslate" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="We are continuously improving our documentation, in case you miss something, please contact us
Technical documentation can be found on the respective GitHub page of the EMF.cloud component (see below). Additionally, please see this talk introducing EMF.cloud at EclipseCon 2019
See here for the available support options
">
<meta property="og:title" content="Documentation" />
<meta property="og:description" content="" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.eclipse.org/emfcloud/documentation/" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Documentation &amp;middot; EMF.cloud" />
<meta name="twitter:description" content="We are continuously improving our documentation, in case you miss something, please contact us
Technical documentation can be found on the respective GitHub page of the EMF.cloud component (see below). Additionally, please see this talk introducing EMF.cloud at EclipseCon 2019
See here for the available support options
">
<meta name="twitter:url" content="https://www.eclipse.org/emfcloud/documentation/" />
<meta property="og:image" content="">
<meta name="twitter:image" content="">
<meta name="author" content="Eclipse Foundation">
<meta name="generator" content="Hugo 0.78.1" />
<title>Documentation &middot; EMF.cloud</title>
<!-- Theme Styles -->
<style>
.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important; }
@-ms-viewport {
width: device-width; }
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar; }
*,
*::before,
*::after {
box-sizing: inherit; }
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 540px;
max-width: 720px;
max-width: 960px;
max-width: 1140px; }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-first {
order: -1; }
.order-last {
order: 13; }
.order-0 {
order: 0; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.order-5 {
order: 5; }
.order-6 {
order: 6; }
.order-7 {
order: 7; }
.order-8 {
order: 8; }
.order-9 {
order: 9; }
.order-10 {
order: 10; }
.order-11 {
order: 11; }
.order-12 {
order: 12; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; } }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
</style>
<link href="/emfcloud/style.min.2d5765aa3e4fed70eaf0bd10253606fa6ef8db695ce655c98c920ffd0364fd7d.css" rel="stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" sizes="16x16 32x32" type="image/x-icon" href="/emfcloud/favicon.ico">
<link rel="icon" href="/emfcloud/favicon.png">
<link rel="apple-touch-icon-precomposed" href="/emfcloud/favicon.png">
<script>
window.syna = {
};
</script>
<script src="/emfcloud/scripts/syna-head.min.0757f18970a0a32d5acac5a2accc5fe82f787821866c545d9ed17ca765f291a3.js"></script></head>
<body class="bg-secondary">
<!-- Navigation --><nav class="overlay fragment navbar navbar-expand-lg py-2 scroll-spy bg-light navbar-light" id="nav" role="navigation">
<div class="container">
<a class="navbar-brand py-0" href="/emfcloud/#">
<img src="/emfcloud/images/logo.png" height="35" class="d-inline-block align-top" alt="EMF.cloud">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse justify-content-end collapse show" id="navbarCollapse">
<ul class="navbar-nav"><li class="nav-item">
<a href="/emfcloud/"
class="nav-link">
Home
</a>
</li><li class="nav-item">
<a href="/emfcloud/support"
class="nav-link">
Support
</a>
</li><li class="nav-item">
<a href="/emfcloud/documentation"
class="nav-link">
Documentation
</a>
</li><li class="nav-item">
<a href="/emfcloud/contact"
class="nav-link">
Contact
</a>
</li><li class="nav-item">
<a href="https://github.com/eclipse-emfcloud/emfcloud"
class="nav-link">
GitHub
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="scroll-to-top bg-primary has-font-icon"
title="Back to top"
><i class="fas fa-angle-up"></i><span class="sr-only">Back to top</span>
</div>
<!-- Content -->
<section id="content" class="fragment content-fragment">
<div class="container-fluid bg-light overlay">
<div class="container py-5 overlay">
<div class="row">
<article class="col-md-12">
<div class="title-container row mx-0">
<div class="title col px-0 text-center text-body">
<h2>Documentation</h2>
</div>
</div>
<div class="content-body col-12 content px-0 text-body"><span style='display:block; text-align: center;'>
<p>We are continuously improving our documentation, in case you miss something, please <a href="/emfcloud/contact/">contact us</a></p>
</span>
<span style='display:block; text-align: center;'>
<p>Technical documentation can be found on the respective GitHub page of the EMF.cloud component (see below). Additionally, please see <a href="https://docs.google.com/presentation/d/e/2PACX-1vQVxtf1OFWq7JTldMcjuApsW47N6IlCGfuitGEyOE-MqeNde99Dm5-JO0XJG9R54NIYsoxq1AK6y7mW/pub?start=false&loop=false&delayms=3000">this talk introducing EMF.cloud at EclipseCon 2019</a></p>
</span>
<span style='display:block; text-align: center;'>
<p>See <a href="/emfcloud/support/">here for the available support options</a></p>
</span>
</div>
</article>
</div>
</div>
</div>
</section>
<!-- Content -->
<section id="video" class="fragment content-fragment">
<div class="container-fluid bg-white overlay">
<div class="container py-5 overlay">
<div class="row">
<article class="col-md-12">
<div class="title-container row mx-0">
<div class="title col px-0 text-center text-body">
<h2>Videos</h2>
</div>
</div>
<div class="content-body col-12 content px-0 text-body"><span style='display:block; text-align: center;'>
Eclipse Cloud Tool Time 2021: <a target="_blank" href="https://www.youtube.com/watch?v=qjris1CdJow">Web-based modeling tools with EMF.cloud</a></br></br>
EclipseCon 2020: <a target="_blank" href="https://www.youtube.com/watch?v=YQyaCR_V5zc">Ecore tools in the cloud - behind the scenes</a></br></br>
EclipseCon 2020: <a target="_blank" href="https://www.youtube.com/watch?v=tqcCUxtyslE">Diagram editors in the web with Eclipse GLSP
</a></br></br>
EclipseCon 2019: <a target="_blank" href="https://www.youtube.com/watch?v=ezX0DIeR3ek">Lifting the greatness of EMF into the cloud with EMF.cloud</a></br></br>
</span>
</div>
</article>
</div>
</div>
</div>
</section>
<!-- Content -->
<section id="articles" class="fragment content-fragment">
<div class="container-fluid bg-light overlay">
<div class="container py-5 overlay">
<div class="row">
<article class="col-md-12">
<div class="title-container row mx-0">
<div class="title col px-0 text-center text-body">
<h2>Articles</h2>
</div>
</div>
<div class="content-body col-12 content px-0 text-body"><span style='display:block; text-align: center;'>
<p><a target="_blank" href="https://eclipsesource.com/blogs/2021/02/25/the-emf-cloud-model-server/">The EMF.cloud Model Server</a></br></br>
<a target="_blank" href="https://eclipsesource.com/blogs/2021/02/03/how-to-build-a-tree-editor-in-eclipse-theia/">How to build a tree editor in Eclipse Theia</a></br></br>
<a target="_blank" href="https://eclipsesource.com/blogs/2020/07/24/a-web-based-modeling-tool-based-on-eclipse-theia/">A web-based modeling tool based on Eclipse Theia, EMF.cloud and GLSP</a></br></br>
<a target="_blank" href="https://eclipsesource.com/blogs/2019/12/16/introducing-emf-cloud/">Introducing EMF.cloud</a></br></br>
<a target="_blank" href="https://eclipsesource.com/blogs/2021/02/10/web-based-diagram-editor-features-in-eclipse-glsp/">Web-based diagram editor features in Eclipse GLSP</a></br></br>
<a target="_blank" href="https://eclipsesource.com/blogs/2021/01/27/glsp-diagrams-in-vs-code-theia-eclipse-and-plain-html/">GLSP: Diagrams in VS Code, Theia, Eclipse and plain HTML</a></br></br>
</span></p>
</div>
</article>
</div>
</div>
</div>
</section>
<!-- Items -->
<section id="githubpages" class="fragment ">
<div class="container-fluid bg-white ">
<div class="container py-5 ">
<div class="title-container row mx-0">
<div class="title col px-0 text-center text-body">
<h2>GitHub Pages</h2>
</div>
</div>
<div class="row justify-content-center align-items-stretch items">
<div class="col-md-4 d-flex flex-column">
<a href="https://github.com/eclipse-emfcloud/ecore-glsp" class="col justify-content-between d-flex flex-column header text-body">
<div class="row image justify-content-center align-items-center">
<span class="fa-stack fa-3x m-2" title="Theia Ecore tools">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-project-diagram fa-stack-1x fa-inverse"></i>
<span class="sr-only">Theia Ecore tools</span>
</span>
</div>
<div class="row justify-content-center text-center">
<h4 class="mb-3 text-body">Theia Ecore tools</h4></div>
</a>
<div class="row justify-content-center text-center p-2">
<div class=" text-body">
<p>The <a href="https://github.com/eclipse-emfcloud/ecore-glsp">GLSP-based Ecore editor on GitHub</a></p>
</div>
</div>
</div>
<div class="col-md-4 d-flex flex-column">
<a href="https://github.com/eclipse-emfcloud/emfcloud-modelserver" class="col justify-content-between d-flex flex-column header text-body">
<div class="row image justify-content-center align-items-center">
<span class="fa-stack fa-3x m-2" title="The model server">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-database fa-stack-1x fa-inverse"></i>
<span class="sr-only">The model server</span>
</span>
</div>
<div class="row justify-content-center text-center">
<h4 class="mb-3 text-body">The model server</h4></div>
</a>
<div class="row justify-content-center text-center p-2">
<div class=" text-body">
<p><a href="https://github.com/eclipse-emfcloud/emfcloud-modelserver">The model server on GitHub</a></p>
</div>
</div>
</div>
<div class="col-md-4 d-flex flex-column">
<a href="https://github.com/eclipsesource/coffee-editor" class="col justify-content-between d-flex flex-column header text-body">
<div class="row image justify-content-center align-items-center">
<span class="fa-stack fa-3x m-2" title="The &#39;coffee editor&#39;">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-coffee fa-stack-1x fa-inverse"></i>
<span class="sr-only">The &#39;coffee editor&#39;</span>
</span>
</div>
<div class="row justify-content-center text-center">
<h4 class="mb-3 text-body">The &lsquo;coffee editor&rsquo;</h4></div>
</a>
<div class="row justify-content-center text-center p-2">
<div class=" text-body">
<p><a href="https://github.com/eclipsesource/coffee-editor">The &ldquo;coffee editor&rdquo; on GitHub</a></p>
</div>
</div>
</div></div>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer" class="fragment ">
<div class="container-fluid bg-light ">
<div class="container py-5 ">
<div class="row">
<div class="col-md m-2 text-body">
<h4></h4>
<a href="#">
<img src="/emfcloud/images/logo.png" class="img-fluid w-50" alt="EMF.cloud">
</a>
<div class="row justify-content-left ml-0">
<span class="fa-stack fa-2x mt-3 mr-1" title="twitter">
<a href="https://twitter.com/emfcloud" class="ignore-color-change">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-fw text-light"></i>
<span class="sr-only">twitter</span>
</a>
</span>
<span class="fa-stack fa-2x mt-3 mr-1" title="github">
<a href="https://github.com/eclipsesource/emfcloud" class="ignore-color-change">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-fw text-light"></i>
<span class="sr-only">github</span>
</a>
</span>
<span class="fa-stack fa-2x mt-3 mr-1" title="spectrum">
<a href="https://spectrum.chat/emfcloud" class="ignore-color-change">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="far fa-comments fa-stack-1x fa-fw text-light"></i>
<span class="sr-only">spectrum</span>
</a>
</span>
</div>
</div>
<div class="col-md m-2 text-body">
<h4>Related Projects</h4>
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link p-0 display-5" href="https://eclipse.org/glsp">Eclipse GLSP</a>
</li>
<li class="nav-item">
<a class="nav-link p-0 display-5" href="https://jsonforms.io">JSON Forms</a>
</li>
<li class="nav-item">
<a class="nav-link p-0 display-5" href="https://eclipsesource.com/technology/eclipse-theia">Eclipse Theia IDE</a>
</li>
<li class="nav-item">
<a class="nav-link p-0 display-5" href="https://eclipse.org/che">Eclipse Che</a>
</li>
</ul>
</div>
<div class="col-md m-2 text-body">
<div><h4 id="emfcloud">EMF.cloud</h4>
<p>EMF.cloud is a project hosted at the Eclipse Foundation, lead by <a href="https://projects.eclipse.org/projects/ecd.emfcloud/who">Eugen Neufeld</a>, organized within the <a href="https://projects.eclipse.org/projects/ecd">Eclipse Cloud Development</a> project.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Copyright -->
<footer class="overlay fragment container-fluid bg-secondary" id="copyright">
<div class="container">
<div class="row py-3">
<div class="col-md">
<div class="row mx-0 my-2 justify-content-center text-center text-lg-none text-black-50">
<div class="row mx-0 mr-lg-auto justify-content-center">
<div class="col-auto px-1 copyright-legal">© Copyright&nbsp;2021</div>
<div class="col-auto px-0 copyright-by"> by Eclipse Foundation</div>
</div>
</div>
</div>
<div class="col-md">
<div class="row mx-0 my-2 justify-content-center">
<ul class="nav ml-lg-auto">
<li class="nav-item">
<a class="nav-link py-0" href="https://projects.eclipse.org/projects/ecd.emfcloud"
>About</a>
</li>
<li class="nav-item">
<a class="nav-link py-0" href="https://www.eclipse.org/legal/privacy.php"
>Privacy Policy</a>
</li>
<li class="nav-item">
<a class="nav-link py-0" href="https://www.eclipse.org/legal/termsofuse.php"
>Terms of Use</a>
</li>
<li class="nav-item">
<a class="nav-link py-0" href="https://www.eclipse.org/legal/copyright.php"
>Copyright</a>
</li>
<li class="nav-item">
<a class="nav-link py-0" href="https://www.eclipse.org/legal/"
>Legal</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div id="react"></div>
<!-- Theme Code -->
<script async defer src="/emfcloud/scripts/syna-main.min.68ae1ae47948304c9c224cfc1a97ffe16c57514bc587dd6140dcb82389a8d299.js"></script>
<script async defer src="/emfcloud/scripts/syna-content.min.bf537eb5ace369e45e8b4ed41b8d235a65db92236a400ed5659f7a3c41d0f221.js"></script>
<script async defer src="/emfcloud/scripts/syna-content.min.bf537eb5ace369e45e8b4ed41b8d235a65db92236a400ed5659f7a3c41d0f221.js"></script>
<script async defer src="/emfcloud/scripts/syna-content.min.bf537eb5ace369e45e8b4ed41b8d235a65db92236a400ed5659f7a3c41d0f221.js"></script>
</body>
</html>