Skip to content
Snippets Groups Projects

Coder integration

Merged Coder integration
coder-integration into main
Merged Jakob Görgen requested to merge coder-integration into main
Compare
and
11 files
+ 484
− 178
Compare changes
  • Side-by-side
  • Inline
Files
11
_layouts/about.html
+ 119
− 104
@@ -3,111 +3,126 @@ body_class: about
layout: base
---
<article class="about">
<section class="research">
<div class="container">
<video controls src="/assets/videos/simbricks_demo.mp4" preload="none" width="100%"
poster="/assets/images/simbricks_demo_poster.png">
simbricks_demo.mp4
</video>
{{content}}
</div>
</section>
<section class="features">
<div class="container">
<h2>Key Features</h2>
<ul>
<li class="goal-endtoend"><strong>End-to-End:</strong>
simulate full heterogeneous systems, with hosts, devices, network, and
the full software stack.
</li>
<li class="goal-scalable"><strong>Scalable:</strong>
simulate large heterogeneous systems with tens or hundreds of
separate hosts and devices.
</li>
<li class="goal-fast"><strong>Fast:</strong>
keep simulation times as low as possible.
</li>
<li class="goal-modular"><strong>Modular:</strong>
enable flexible composition of simulators, where components can be added
and swapped independently.
</li>
<li class="goal-accurate"><strong>Accurate:</strong>
preserve accuracy of constituent simulators, correctly interface and
synchronize components.
</li>
<li class="goal-easy"><strong>Easy:</strong>
quickly enable developers without simulation expertise to simulate
complex heterogeneous systems.
</li>
</ul>
</div>
</section>
<section class="techniques">
<div class="container">
<h2>Techniques</h2>
<ul>
<li class="technique-interfaces">
<h3>Open &amp; modular architecture</h3>
SimBricks defines fixed, natural component interfaces to enable flexible
modular composition of simulators to run a broad range of
heterogeneous systems.
</li>
<li class="technique-sync">
<h3>Accurate &amp; efficient synchronization</h3>
SimBricks ensures accurate simulation through correct time
synchronization, but with minimal runtime overhead even for systems with
many components.
</li>
<li class="technique-loose">
<h3>Loose coupling for easy integration</h3>
SimBricks component simulators run as separate processes that
communicate through message passing, enabling integration of simulators
using arbitrary languages and simulation models.
</li>
<li class="technique-parallel">
<h3>Parallel execution for fast simulation</h3>
SimBricks runs simulators in parallel on different host cores and
connects them through optimized shared-memory queues; proxy process
enable scaling out across machines.
</li>
</ul>
</div>
</section>
<section class="news">
<div class="container">
<h2>News</h2>
<div class="news-slider-wrapper">
<div class="news-slider">
{% for n in site.data.news.news %}
<div class="news-item">
<h3>{{ n.title }}</h3>
<div class="date" title="Date">{{ n.date }}</div>
<div class="text">{{ n.text | markdownify }}</div>
<section class="research">
<div class="container">
<video controls src="/assets/videos/simbricks_demo.mp4" preload="none" width="100%"
poster="/assets/images/simbricks_demo_poster.png">
simbricks_demo.mp4
</video>
{{content}}
</div>
</section>
<section>
<div class="container">
<div class="coder-card">
<img src="/assets/images/test-coder.png" alt="Coder-Example-Image" style="width:100%">
<div>
<h2>
<a href="{{ site.baseurl }}/simbricks-coder/">Try out SimBricks in Coder!</a>
</h2>
<p>New to SimBricks? Get started quickly with Coder. Coder allows you to easily setup SimBricks development
environments in your browser. This is the fastest and easiest way to get started using SimBricks!</p>
</div>
{% endfor %}
<img />
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.news-slider').slick({
infinite: false,
slidesToShow: 3,
slidesToScroll: 1,
prevArrow: '<button type="button" class="news-prev">&lt;</button>',
nextArrow: '<button type="button" class="news-next">&gt;</button>',
responsive: [
{
breakpoint: 850,
settings: { slidesToShow: 2, },
},
{
breakpoint: 750,
settings: { slidesToShow: 1, },
}
],
</section>
<section class="features">
<div class="container">
<h2>Key Features</h2>
<ul>
<li class="goal-endtoend"><strong>End-to-End:</strong>
simulate full heterogeneous systems, with hosts, devices, network, and
the full software stack.
</li>
<li class="goal-scalable"><strong>Scalable:</strong>
simulate large heterogeneous systems with tens or hundreds of
separate hosts and devices.
</li>
<li class="goal-fast"><strong>Fast:</strong>
keep simulation times as low as possible.
</li>
<li class="goal-modular"><strong>Modular:</strong>
enable flexible composition of simulators, where components can be added
and swapped independently.
</li>
<li class="goal-accurate"><strong>Accurate:</strong>
preserve accuracy of constituent simulators, correctly interface and
synchronize components.
</li>
<li class="goal-easy"><strong>Easy:</strong>
quickly enable developers without simulation expertise to simulate
complex heterogeneous systems.
</li>
</ul>
</div>
</section>
<section class="techniques">
<div class="container">
<h2>Techniques</h2>
<ul>
<li class="technique-interfaces">
<h3>Open &amp; modular architecture</h3>
SimBricks defines fixed, natural component interfaces to enable flexible
modular composition of simulators to run a broad range of
heterogeneous systems.
</li>
<li class="technique-sync">
<h3>Accurate &amp; efficient synchronization</h3>
SimBricks ensures accurate simulation through correct time
synchronization, but with minimal runtime overhead even for systems with
many components.
</li>
<li class="technique-loose">
<h3>Loose coupling for easy integration</h3>
SimBricks component simulators run as separate processes that
communicate through message passing, enabling integration of simulators
using arbitrary languages and simulation models.
</li>
<li class="technique-parallel">
<h3>Parallel execution for fast simulation</h3>
SimBricks runs simulators in parallel on different host cores and
connects them through optimized shared-memory queues; proxy process
enable scaling out across machines.
</li>
</ul>
</div>
</section>
<section class="news">
<div class="container">
<h2>News</h2>
<div class="news-slider-wrapper">
<div class="news-slider">
{% for n in site.data.news.news %}
<div class="news-item">
<h3>{{ n.title }}</h3>
<div class="date" title="Date">{{ n.date }}</div>
<div class="text">{{ n.text | markdownify }}</div>
</div>
{% endfor %}
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$('.news-slider').slick({
infinite: false,
slidesToShow: 3,
slidesToScroll: 1,
prevArrow: '<button type="button" class="news-prev">&lt;</button>',
nextArrow: '<button type="button" class="news-next">&gt;</button>',
responsive: [
{
breakpoint: 850,
settings: { slidesToShow: 2, },
},
{
breakpoint: 750,
settings: { slidesToShow: 1, },
}
],
});
});
});
</script>
</div>
</section>
</article>
</script>
</div>
</section>
</article>
\ No newline at end of file