-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (168 loc) · 9.23 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Scalable Reactive Model Transformations">
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="js/googleAnalytics.js"></script>
<script src="js/magnific-popup.video.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/functions.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="angular/viatra.js"></script>
<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>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<title>Viatra - Scalable reactive model transformations</title>
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
<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">
</head>
<body ng-app="viatra" ng-controller="main" class="cloak">
<ng-include src="'angular/blocks/header.html'"></ng-include>
<div class="clear"></div>
<section class="highlight_banner bg_light_gray centered">
<article class="row">
<div class="col-sm-4">
<div class="overlay-skew"></div>
<div class="img-skew-wrap">
<div class="img-skew"><img src="images/screenshots/home/screen-1.png" /></div>
</div>
</div>
<div class="col-sm-4">
<div class="img-skew-wrap">
<div class="overlay-skew"></div>
<span class="img-skew"><img src="images/screenshots/home/screen-2.png" /></span>
</div>
</div>
<div class="col-sm-4">
<div class="img-skew-wrap">
<div class="overlay-skew"></div>
<span class="img-skew"><img src="images/screenshots/home/screen-3.png" /></span>
</div>
</div>
<div class="clear"></div>
<br />
<h1>Scalable reactive model transformations</h1>
<p>Helping handle models and data structures</p>
<br />
<p><a class="btn read-more" href="#">Read More</a></p>
<div class="more">
<p>The Eclipse <strong>VIATRA</strong>™ framework is a model and data transformation tool that helps move information back and forth in the most efficient way. The platform focuses specifically on event-driven and reactive transformations, which happen on-the-fly as the models change. </p>
<p>VIATRA is a long-running project that incorporates the results of over 15 years of active research and development. VIATRA offers </p>
<ul type="disc">
<li>a domain-specific language for graph queries and reactive transformations</li>
<li>a Java runtime library which is scalable and easy to embed.</li>
</ul>
<p>VIATRA primarily targets model-driven engineering tools based on the industry-standard Eclipse Modeling Framework, though it can be used in other contexts as well. VIATRA is an enabling technology and its biggest benefit is the power it gives you to close abstraction gaps. These exist in every data-driven application where structured data needs to be moved across various languages or representation formats. </p>
<p>VIATRA helps you create model transformations that convert objects between languages. Trivial transformations (i.e. copying pieces of data from one document to another) are easy with any general purpose programming language such as Java. In contrast, VIATRA gives you easy-to-use and reusable programming patterns to address non-trivial transformations, such as </p>
<ul type="disc">
<li>Changing of structure, i.e. converting a UML model to a source code.</li>
<li>Derived data and abstractions: manipulating data during conversion, e.g. filtering information for creating ‘abstract views’</li>
<li>Combining multiple sources of information in a significant way to produce a new result, e.g. when creating data streams for dashboards</li>
<li>Changing structure: projection of data containing only relevant information during the conversion phrase </li>
</ul>
</div>
</article>
</section>
<div class="clear"></div>
<section class="parallax back1 txt_white">
<article class="row">
<header class="centered">
<p class="image"></p>
<h2 class="uppercase txt_white">VIATRA 2.9.1 is released</h2>
<div class="col-md-12">
<p class="black-box">VIATRA 2.9.1 fixes a critical issue found in SimRel 2024-09. All users are expected to upgrade as soon as possible.
</p>
<br />
<p><a class="btn" href="https://github.com/eclipse-viatra/org.eclipse.viatra/discussions/195">Details</a></p>
</div>
</header>
</article>
</section>
<div class="clear"></div>
<section class="bg_light_gray whyviatra">
<article class="row">
<header class="centered">
<a id="why"></a>
<h2 class="uppercase">Why Viatra?</h2>
<div class="col-md-4">
<p><img src="images/icons/home/icon-scalability.png" /></p>
<h3>Scalability</h3>
<p class="text">Scalability is a core principle of VIATRA. VIATRA achieves scalability via incrementality. Built-in high-performant incremental algorithms enable saving time when a query or a transformation is run multiple times.
</p>
</div>
<div class="col-md-4">
<p><img src="images/icons/home/icon-documentation.png" /></p>
<h3>Documentation and Extensive Q&A work</h3>
<p class="text">VIATRA is well documented for both users and programmers through case studies, research papers and blogs. Every release goes through extensive QA testing performed automatically to ensure constant high-quality releases.
</p>
</div>
<div class="col-md-4">
<p><img src="images/icons/home/icon-support.png" /></p>
<h3>Support</h3>
<p class="text">Support is an important perk VIATRA developers receive. If you run into a problem in the development process, the VIATRA team is there to help you.
</p>
</div>
</header>
</article>
</section>
<div class="clear"></div>
<section class="">
<article class="row">
<a id="manage_complexity"></a>
<div class="col-md-5">
<h2 class="uppercase">Development Environment</h2>
<p>The VIATRA framework includes a powerful query development environment that includes a feature-rich editor for model queries, a code generator to ease integrating queries into Java applications. Furthermore, the environment also includes a set of views that collect and evaluate model queries under development them on different models, simplifying the development and debugging process.</p>
</div>
<div class="col-md-7">
<div class="videowrapper youtube" id="4aKDRSiCXXQ" style="width: 560px; height: 315px;">
<a href="https://www.youtube.com/watch?v=4aKDRSiCXXQ"><img src="./images/screenshots/home/viatra-ide-video.jpg" /><i class="fa fa-5x fa-play"></i></a>
</div>
<script src="js/yt-embed.min.js" ></script>
</div>
</article>
</section>
<div class="clear"></div>
<section class="bg_light_gray centered">
<article class="row">
<a id="sirius_rocks"></a>
<h2 class="uppercase">Further benefits to working with VIATRA?</h2>
<div class="col-sm-4">
<p><img src="images/icons/home/icon-performance.png" /></p>
<h3>Performance tunability</h3>
<p>Trade-off between runtime, memory usage, incrementality.</p>
</div>
<div class="col-sm-4">
<p><img src="images/icons/home/icon-integration.png" /></p>
<h3>Easy to integrate</h3>
<p>Build your custom tool based on VIATRA.</p>
</div>
<div class="col-sm-4">
<p><img src="images/icons/home/icon-usability.png" /></p>
<h3>Usability</h3>
<p>Well designed APIs and IDE integration.</p>
</div>
</article>
</section>
<section class="centered partners">
<article class="row">
<a id="sponsors"></a>
<h2 class="uppercase">PARTNERS</h2>
<div class="col-sm-4 logo"><a href="https://incquerylabs.com" target="_blank"><img src="images/logos/incq-logo.png" class="incq" /></a></div>
<div class="col-sm-2 logo"><a href="https://www.itemis.com" target="_blank"><img src="images/logos/itemis-logo.svg" class="itemis" /></a></div>
<div class="col-sm-3 logo"><a href="https://www.yourkit.com" target="_blank"><img src="images/logos/yk-logo.png" class="yk" /></a></div>
<div class="col-sm-3 logo"><a href="https://www.bme.hu" target="_blank"><img src="images/logos/muegyetem-logo.png" class="muegyetem" /></a></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>