-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
351 lines (318 loc) · 17.9 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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
---
layout: default
permalink: /
---
<!--Main Content Area-->
<main id="content">
<section id="framework" class="introduction scrollto">
<div class="row clearfix">
<div class="col-3">
<div class="section-heading">
<h3>THE WRENCH FRAMEWORK</h3>
<h2 class="section-title">Accurate, scalable, and reproducible simulations</h2>
<p class="section-subtitle" style="color: #666">
WRENCH builds on the open-source <a href="https://simgrid.org"
target="_blank"><strong>SimGrid</strong></a> simulation framework for simulation accuracy
(via its validated simulation models), scalability (low ratio of simulation time to simulated
time, ability to run large simulations on a single computer with low compute, memory, and energy
footprints), and expressivity (ability to simulate arbitrary platform, application, and
execution scenarios). WRENCH provides high-level simulation abstractions on top of SimGrid to
make it possible to implement simulators of complex scenarios with minimal development effort.
</p>
</div>
</div>
<div class="col-2-3">
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
<div class="icon-block-description">
<h4><i class="fa fa-th-large" style="color: goldenrod"></i> SIMULATION BUILDING
BLOCKS</h4>
<p>Prototype implementations of cyberinfrastructure (CI) components and underlying algorithms
</p>
</div>
</div>
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
<div class="icon-block-description">
<h4><i class="fa fa-bullseye" style="color: orangered"></i> SIMULATION ACCURACY</h4>
<p>Captures the behavior of a real-world system with as little bias as possible via validated
simulation models</p>
</div>
</div>
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-block-description">
<h4><i class="fa fa-expand" style="color: dodgerblue"></i> SCALABILITY</h4>
<p>Ability to run large simulations quickly on a single computer with low compute, memory, and
energy footprints</p>
</div>
</div>
<div class="col-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-block-description">
<h4><i class="fa fa-check" style="color: mediumseagreen"></i> REPRODUCIBLE RESULTS
</h4>
<p>Reproduction or repetition of published results by a party working independently using the
same/different simulation models</p>
</div>
</div>
<div class="col-1 icon-block icon-top wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-block-description">
<h4><i class="fa fa-book" style="color: darkorange"></i> EDUCATION</h4>
<p><a href="https://eduwrench.org" target="_blank">eduWRENCH</a> provides a set of
simulation-driven, self-contained, modules for teaching parallel and distributed computing.
These modules span a range of proficiency levels, from college freshmen to graduate
students, and for assessing the pedagogic effectiveness of simulation-drive pedagogy</p>
</div>
</div>
</div>
<div class="col-1" style="padding-top: 0;">
<p class="section-subtitle" style="color: #666">
In a nutshell, WRENCH makes it possible to:
<ul class="section-subtitle" style="color: #999; margin-left: 1em;">
<li>Develop in-simulation implementations of runtime systems that execute application workloads on
distributed hardware platforms managed by various software services commonly known as
Cyberinfrastructure (CI) services; and</li>
<li>Quickly, scalably, and accurately simulate, on a single computer, arbitrary application and
platform
scenarios for these runtime system
implementation.</li>
</ul>
</p>
</div>
</div>
</section>
<section id="publications" class="secondary-color text-center scrollto clearfix ">
<div class="row clearfix" style="display: flex; flex-wrap: wrap;">
<div class="section-heading" style="margin: auto">
<h3>RESEARCH PUBLICATIONS</h3>
<h2 class="section-title">Research Papers, Journal Articles, and Technical Reports</h2>
</div>
<div>
<strong style="font-size: 1.25em;">Citing WRENCH</strong>
<p>
When citing WRENCH, please use the following paper. You should also actually read that paper, as it
provides a recent and general overview on the framework.
</p>
<pre>H. Casanova, R. Ferreira da Silva, R. Tanaka, S. Pandey, G. Jethwani, W. Koch, S. Albrecht, J. Oeth, and F. Suter, "Developing Accurate and Scalable Simulators of Production Workflow Management Systems with WRENCH", Future Generation Computer Systems, vol. 112, p. 162-175, 2020.</pre>
<pre>
@article{wrench,
title = {Developing Accurate and Scalable Simulators of Production Workflow Management Systems with WRENCH},
author = {Casanova, Henri and Ferreira da Silva, Rafael and Tanaka, Ryan and Pandey, Suraj and Jethwani, Gautam and Koch, William and Albrecht, Spencer and Oeth, James and Suter, Fr\'{e}d\'{e}ric},
journal = {Future Generation Computer Systems},
volume = {112},
number = {},
pages = {162--175},
year = {2020},
doi = {10.1016/j.future.2020.05.030}
}</pre>
</div>
{% if site.data.publications.size > 0 %}
{% for n in site.data.publications %}
<div class="pricing-block wow fadeInUp" data-wow-delay="0.4s">
<div class="pricing-block-content"
style="padding: 0; display: flex; max-width: 380px; min-width: 380px; margin: 1em 1em">
<p><a href="{{ n.url }}" target="_blank">{{ n.title }}</a>,
{{ n.authors }}, {{ n.description }},
doi: <a href="http://dx.doi.org/{{ n.doi }}" target="_blank">{{ n.doi }}</a>
</p>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</section>
{% assign total_usage = site.data.citations | size %}
<section id="usage" class="scrollto clearfix">
<div class="row clearfix">
<div class="col-3">
<div class="section-heading">
<h3>THEY USE WRENCH</h3>
<h2 class="section-title">Research Outcomes Enabled by WRENCH</h2>
<p class="section-subtitle">
WRENCH has enabled research in <strong>{{ total_usage }} research articles.</strong> These
articles include research outcomes produced by our own team as well as other researchers from
the workflows community.
</p>
</div>
</div>
<div class="col-2-3">
<canvas id="usageChart" style="max-height: 23em; max-width: 100%"></canvas>
</div>
</div>
<div class="row clearfix" style="display: flex; flex-wrap: wrap; margin-top: 0; padding-top: 0;">
{% assign usages = site.data.citations | sort: "year" | reverse %}
{% for n in usages %}
<div class="pricing-block col-3 wow fadeInUp" data-wow-delay="0.4s" style="display: flex;">
<div style="box-shadow: #eee 1px 1px 1px; padding: 1em; border: 1px #fafafa solid">
<p class="pricing-sub" style="margin: 0">
{{n.authors}}, <strong><a href="{{n.url}}" target="_blank">{{n.title}}</a></strong>,
{{n.year}}
</p>
</div>
</div>
{% endfor %}
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>
<script type="text/javascript">
let entries = [
{% assign usages = site.data.citations | sort: "year" %}
{% for n in usages %}
{
year: "{{n.year}}",
type: "{{n.type}}"
},
{% endfor %}
]
let data = {
labels: [],
datasets: [],
}
let datasetTypes = ["Journal", "Conference", "Workshop", "PhD Thesis", "Report"];
let datasetColors = ["#A7226E", "#EC2049", "#F7DB4F", "#F26B38", "#2F9599", "#547980", "#FF8C94"];
for (let i = 0; i < datasetTypes.length; i++) {
data.datasets.push({
label: datasetTypes[i],
backgroundColor: datasetColors[i],
data: []
});
}
for (let i = 0; i < entries.length; i++) {
if (!data.labels.includes(entries[i].year)) {
data.labels.push(entries[i].year);
for (let j = 0; j < datasetTypes.length; j++) {
data.datasets[j].data.push(0);
}
}
let index = datasetTypes.indexOf(entries[i].type);
data.datasets[index].data[data.labels.indexOf(entries[i].year)]++;
}
let ctx = document.getElementById("usageChart");
new Chart(ctx, {
type: 'bar',
data: data,
options: {
scales: {
y: {
stacked: true,
title: {
display: true,
text: '# Usages in Research Outcomes'
}
},
x: {
stacked: true,
title: {
display: true,
text: 'Years'
}
}
},
chartArea: {
backgroundColor: "#FEF8F8"
},
tooltips: {
position: 'nearest',
mode: 'point',
intersect: 'false'
}
}
});
</script>
<section id="about" class="secondary-color text-center scrollto clearfix ">
<div class="row clearfix" style="display: flex; flex-wrap: wrap;">
<div class="section-heading" style="margin: auto">
<h3>WHO ARE WE?</h3>
<h2 class="section-title">ABOUT</h2>
</div>
<div>
<p>WRENCH is open-source software distributed under the LGPLV3 license</p>
<p>
WRENCH is mainly developed by a collaborative team from the <a href="https://www.ics.hawaii.edu/"
target="_blank">University of Hawai'i at Mãnoa</a> (UHM), the <a
href="https://www.ornl.gov/group/workflows-and-ecosystem-services" target="_blank">Oak Ridge
National Laboratory</a> (ORNL), and the University of Southern California (USC).
</p>
</div>
{% if site.data.team_current.size > 0 %}
{% for n in site.data.team_current %}
<div class="pricing-block wow fadeInUp" data-wow-delay="0.4s">
<div class="pricing-block-content"
style="padding: 0; display: flex; max-width: 380px; min-width: 380px; margin: 1em 1em">
<div>
<img src="/images/aboutus/{{ n.photo }}" alt=""
style="max-height: 4em; min-height: 4em; min-width: 4em; max-width: 4em; border-radius: 0.25em" /><br />
<a href="mailto:{{ n.email }}" style="font-size: 0.8em;"><i class="fa fa-envelope"></i></a>
<a href="{{ n.linkedin }}" target="_blank" style="font-size: 0.8em;"><i
class="fa fa-linkedin"></i></a>
<a href="{{ n.website }}" target="_blank" style="font-size: 0.8em;"><i
class="fa fa-link"></i></a>
</div>
<div style="text-align: left; margin: 0; margin-left: 1em;">
<p style="line-height: 1.2em; margin: 0;">
<strong>{{ n.name }}</strong><br />
<span style="color: #999; font-size: 0.9em;">{{ n.description }}</span><br />
</p>
</div>
</div>
</div>
{% endfor %}
{% endif %}
<div class="col-1"><br />PREVIOUS CONTRIBUTORS</div>
{% if site.data.team_current.size > 0 %}
{% for n in site.data.team_previous %}
<div class="pricing-block wow fadeInUp" data-wow-delay="0.4s">
<div class="pricing-block-content"
style="padding: 0; display: flex; max-width: 380px; min-width: 380px; margin: 1em 1em">
<div>
<img src="/images/aboutus/{{ n.photo }}" alt=""
style="max-height: 3em; min-height: 3em; min-width: 3em; max-width: 3em; border-radius: 0.25em; filter: grayscale(1);" />
</div>
<div style="text-align: left; margin: 0; margin-left: 1em;">
<p style="line-height: 1.2em; margin: 0;">
<a href="{{ n.linkedin }}" target="_blank" style="font-size: 0.8em;"><i
class="fa fa-linkedin"></i></a> <strong>{{ n.name }}</strong><br />
<span style="color: #999; font-size: 0.9em;">{{ n.description }}</span><br />
</p>
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</section>
<section id="dev-corner" class="introduction scrollto">
<div class="row clearfix">
<div class="col-2">
<div class="section-heading">
<h3>DEV'S CORNER</h3>
<h2 class="section-title">Best practices and collaborative insights for developing and enhancing the WRENCH simulation framework</h2>
<p class="section-subtitle" style="color: #666">
WRENCH's source code is available on <a href="https://github.com/wrench-project/wrench" target="_blank"><i class="fa fa-github"></i> GitHub</a>. Our preferred channel to report a bug or request a feature is via WRENCH's Github <a href="https://github.com/wrench-project/wrench/issues" target="_blank">Issues Track</a>.
</p>
<p class="section-subtitle" style="color: #666">
You can also reach the WRENCH team via our support email at <a href="mailto:[email protected]"><i class="fa fa-envelope"></i> [email protected]</a>.
</p>
</div>
</div>
<div class="col-3">
<div class="col-1 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
<div class="icon-block-description">
<h4><i class="fa fa-slack" style="color: goldenrod"></i> JOIN US ON SLACK</h4>
<p>Connect with the <a href="https://join.slack.com/t/wrench-project/shared_invite/zt-g88hfxj7-pcuxOBMS7jSBkq1EhAn2~Q" target="_blank">WRENCH community on Slack</a> to collaborate with peers, share your experiences, and get real-time support and updates on the WRENCH simulation framework</p>
</div>
</div>
<div class="col-1 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
<div class="icon-block-description">
<h4><a href="https://wfcommons.org/" target="_blank"><img src="https://wfcommons.org/images/wfcommons-horizontal.png" style="max-height: 1.75em;" /></a></h4>
<p>The WfCommons project offers a collection of workflow traces and tools for generating synthetic yet realistic workflow instances, seamlessly compatible with simulators developed using the WRENCH framework</p>
</div>
</div>
<div class="col-1 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
<div class="icon-block-description">
<h4><i class="fa fa-github"></i> Latest Unstable Version</h4>
<p>If you want to use the latest unstable version, that will contain brand-new features and can achieve up-to-date performances (but may also contain bugs as the stabilization work is still underway), you may consider retrieving the latest unstable version.</p>
<pre style="background-color: #eee; margin: 0;">git clone https://github.com/wrench-project/wrench.git</pre>
</div>
</div>
</div>
</div>
</section>
</main>