forked from EmbeddedMontiArc/webspace
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
223 lines (200 loc) · 9.87 KB
/
index.htm
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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<html>
<head>
<title>EmbeddedMontiArc</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="logo.css">
<link rel="stylesheet" type="text/css" href="nav.css">
<base target="_blank">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<ul class="navul">
<li class="navli"><a class="active" href="#home">Home</a></li>
<li class="navli"><a href="Elysium/">Online-IDE</a></li>
<li class="navli"><a href="reporting/report/componentQuality.html">Model Explorer</a></li>
<li class="navli"><a href="demonstartor-preview/">Online Car Tutorial</a></li>
<li class="navli"><a href="InteractiveSimulator/">Interactive PacMan and SuperMario Simulator</a></li>
<li class="navli"><a href="Models2018.EXE/htmlModels/">Graphical Models including Math LaTeX support</a></li>
<li class="navli"><a href="https://embeddedmontiarc.github.io/webspace2/Visualisation/index_master9.htm">C&C View artifacts of Case Study with Daimler AG</a></li>
<li class="navli"><a href="OCL">OCL Fiddle (2017er version)</a></li>
</ul>
<div class="div-body">
<center>
<div style="max-width:1000px;">
<div style="max-width:900px;">
<div id="emalogo"></div>
<div id="rightEmaLogo"><div>EmbeddedMontiArc</div>
<div style="font-size:30px;">Modeling Language for Cyber-Physical Systems</div></div>
</div>
</div style="float:clear;">
<div id="emas">
<div class="w3-content w3-display-container">
<div class="w3-display-container mySlides">
<img src="emas.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-middle w3-container w3-padding-16 w3-black">
Overview Picture
</div>
</div>
<div class="w3-display-container mySlides">
<img src="TwoExamples.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Examples: Self-Driving Car and Image Clustering
</div>
</div>
<div class="w3-display-container mySlides">
<img src="IntegratedTestEnvironment.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Integrated Test Environment
</div>
</div>
<div class="w3-display-container mySlides">
<img src="SyntaxHighlighting.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomright w3-container w3-padding-16 w3-black">
Syntax Highlighting
</div>
</div>
<div class="w3-display-container mySlides">
<img src="GraphischeVisualisierung.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Visualization (Ports with Names)
</div>
</div>
<div class="w3-display-container mySlides">
<img src="GraphischeVisualisierung2.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Visualization (Ports without Names)
</div>
</div>
<div class="w3-display-container mySlides">
<img src="GraphischeVisualisierung3.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Visualization (only Components)
</div>
</div>
<div class="w3-display-container mySlides">
<img src="reporting.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Quality Reports
</div>
</div>
<div class="w3-display-container mySlides">
<img src="reporting2.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-topright w3-container w3-padding-16 w3-black">
CI Testing Output in Reports
</div>
</div>
<div class="w3-display-container mySlides">
<img src="simulator1.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Car Simulator (Top View)
</div>
</div>
<div class="w3-display-container mySlides">
<img src="simulator2.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Car Simulator (Front View)
</div>
</div>
<div class="w3-display-container mySlides">
<img src="simulator3.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Car Simulator (Side View)
</div>
</div>
<div class="w3-display-container mySlides">
<img src="cluster.png" style="height: auto; width: auto; max-height:500px; max-width:500px;">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
ClusterFiddle
</div>
</div>
<div class="w3-display-container mySlides">
<img src="emasvideo.png" style="height: auto; width: auto; max-height:500px; max-width:500px; cursor: pointer;" onclick="var win = window.open('https://youtu.be/VTKSWwWp-kg', '_blank'); win.focus();">
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Overview Video of EmbeddedMontiArcStudio
</div>
</div>
<!-- <img class="mySlides" src="emas.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="TwoExamples.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="IntegratedTestEnvironment.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="SyntaxHighlighting.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="GraphischeVisualisierung.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="GraphischeVisualisierung2.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="GraphischeVisualisierung3.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="reporting.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="reporting2.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="simulator1.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="simulator2.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="simulator3.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;">
<img class="mySlides" src="cluster.png"
style="height: auto; width: auto; max-height:500px; max-width:500px;"> -->
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button>
</div>
<div id="download"><a href="https://rwth-aachen.sciebo.de/s/ljgKW9cWvL2qMH9"
class="action-button shadow animate red">Download EmbeddedMontiArcStudio</a><br><br>Installer for Windows 64-bit</div>
</div>
<div style="width:90%; text-align:left;">
Features:
<ul>
<li>3D-Driver Simulator inclusive Physic Engine</li>
<li>IDE with Outline, Syntax Highlighting and Parser Error Messages</li>
<li>Optimized native C++ Generator and Compiler Supporting SIMD and GPU</li>
<li>Automatic graphical layout inclusive three different Abstraction Levels for Textual Component and Connector Models</li>
<li>Automatic Test Environment for Component Black Box Testing</li>
<li>Component Quality Analysis inclusive Report Output</li>
<li>Two complete examples: Autopilot model for self-driving cars <i>and</i> Cluster model to cluster images for object detection</li>
<li><a style="color:white" href="https://explorer.embeddedmontiarc.com/report/report.html">Model Explorer</a> with over 1'500 example EmbeddedMontiArc models</li>
</ul>
<br>
Language Highlights:
<ul>
<li>Textual Language for Component and Connector Models</li>
<li>Port Types are strongly typed with complete Unit support, e.g.
<i>(0 km/h : 0.1 km/h : 250 km/h)</i> means that the type accepts
the values from 0 kilometer per hour up to 250 kilometer per hour in steps of
0.1 kilometer per hour.</li>
<li>Port and Component Arrays (no need for copying elements several times as in Simulink)</li>
<li>Generic Components similar to Java's template generics (easy reuseability of components)</li>
<li>Vector-based connectors (e.g. <i>connect filter[:].output -> filteredOutput[:]</i>
connects from all filter instances the corresponding output ports to all
filteredOutput ports of the current instance)</li>
<li>Behavior of Atomic Components can be modeled in a typed version of Matlab.
No matrix dimension mismatches during runtime - it will be verified during
compile time!</li>
<li>Matrices can be typed with algebraic properties, e.g. <i>diag Q^{10, 10} mat</i> creates
a diagonal 10x10 matrix with the name <i>mat</i>.</li>
</ul>
</div>
</center>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
</body>
</html>