index.html

---
layout: default_style
permalink: /
---

<header>
    <h1 class="container text-white">Data-Intensive Systems</h1>
</header>

<div class="container">
    <div class="margin-top-4 margin-bottom-2">
        <p>
            The Data-Intensive Systems (DIS) group is one of the sections of the
            Department of Software Technology (ST) of the Faculty Electrical
            Engineering, Mathematics, and Computer Science (EEMCS) of Delft University
            of Technology. Until 2023, the DIS group was called the Distributed
            Systems (DS) group.
        </p>

        <p>
            The <strong>mission</strong> of the DiS group is to model, design,
            implement, and analyze distributed systems and algorithms. Its
            <strong>research</strong> is fundamental, aimed at the development and
            evaluation of new generic concepts in systems software, and
            application-driven, motivated by important application areas, such as
            e-science, big data processing, blockchains, large-scale machine learning,
            and online social networks. Much of it is experimental, validating the
            proposed new concepts by means of implementation and deployment in
            prototypes that are used in the real world. The
            <strong>two research areas</strong> of the DIS group are
            <strong>distributed machine-learning systems</strong> and
            <strong>cooperative systems</strong> (with a strong focus on
            <strong>blockchain technology</strong>). The section Data-Intensive
            Systems leads the
            <a href="http://www.tudelft.nl/delft-blockchain-lab" target="_blank"
            >Delft Blockchain Lab</a
            >.
        </p>

        <p>
            The <strong>teaching</strong> of the DIS group consists of BSc courses on
            networks and operating systems, and of MSc courses on Blockchain
            Engineering, Cloud Computing, Distributed Algorithms, Distributed Systems
            and Performance Analysis of Computer Systems.
        </p>
    </div>

    <div class="container mb-5 mt-5">
        <div class="row">
            <!-- Card 1 -->
            <div class="col-md-4">
                <div class="card animated" data-animation="fadeInLeft" style="height: 100%">
                    <img src="/assets/img/home/learning.webp" class="card-img-top"
                         alt="Distributed Machine-learning Systems">
                    <div class="card-body">
                        <h6 class="card-title">Machine Learning &amp; AI Systems</h6>
                        <p class="card-text">Researching the principles and practices for enabling machine learning in
                            large-scale
                            distributed &amp; federated systems.</p>
                        <a href="#" class="btn btn-primary">Learn More</a>
                    </div>
                </div>
            </div>
            <!-- Card 2 -->
            <div class="col-md-4">
                <div class="card animated" data-animation="zoomIn" style="height: 100%">
                    <img src="/assets/img/home/blockchain.webp" class="card-img-top" alt="Cooperative Systems">
                    <div class="card-body">
                        <h6 class="card-title">Resilient Systems &amp; Blockchain</h6>
                        <p class="card-text">Understand and designing decentralized &amp; fault-tolerant systems and
                            consensus-free blockchain.</p>
                        <a href="#" class="btn btn-primary">Learn More</a>
                    </div>
                </div>
            </div>
            <!-- Card 3 -->
            <div class="col-md-4">
                <div class="card animated" data-animation="fadeInRight" style="height: 100%">
                    <img src="/assets/img/home/data.webp" class="card-img-top" alt="Cooperative Systems">
                    <div class="card-body">
                        <h6 class="card-title">Data Management</h6>
                        <p class="card-text">Research in data-intensive systems, and data integration.</p>
                        <a href="#" class="btn btn-primary">Learn More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="margin-bottom-6" style="height:20px"></div>

</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        function onVisibilityChange(entries, observer) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                    entry.target.classList.add(entry.target.getAttribute('data-animation'));

                    // Add an event listener for the animation end event
                    entry.target.addEventListener('animationend', function () {
                        entry.target.classList.remove(entry.target.getAttribute('data-animation'));
                    });

                    observer.unobserve(entry.target);
                }
            });
        }

        const observer = new IntersectionObserver(onVisibilityChange, {threshold: 0.1});
        document.querySelectorAll('.card').forEach(card => {
            observer.observe(card);
        });
    });
</script>
<style>
    .card {
        opacity: 0;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card.visible {
        opacity: 1;
    }

    .card:hover {
        transform: scale(1.05);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }

    .card-title {
        padding-top: 15px;
    }

    .card .btn-primary {
        margin-left: 0;
    }

    .card-img-top {
        max-height: 250px;
        object-fit: cover;
    }

</style>

<!--End Main Container -->