predikce-izs.html

<!DOCTYPE html>
<html lang="cs">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Predikce tras IZS | AIC Smart Mobility</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="background-effects">
        <div class="glow glow-1"></div>
        <div class="glow glow-2"></div>
    </div>

    <nav class="navbar glassmorphism">
        <div class="container nav-content">
            <a href="index.html" class="logo">
                <img src="assets/Symbol_AIC_Holo.svg" alt="AIC Logo" class="logo-img">
                AIC Smart Mobility</a>
            <ul class="nav-links">
                <li><a href="index.html#projekty">Naše Projekty</a></li>
                <li><a href="index.html#temata">Závěrečné Práce</a></li>
                <li><a href="index.html#kontakty">Kontakty</a></li>
            </ul>
        </div>
    </nav>

    <a href="index.html" class="back-btn">&larr; Zpět na hlavní stránku</a>

    <header class="hero-detail" style="background-image: url('assets/izs_prediction_hero.png');">
        <div class="container">
            <h1>Predikce tras záchranných složek</h1>
            <p>Efektivní průjezd křižovatkami díky predikci tras na základě historických dat.</p>
        </div>
    </header>

    <main class="container project-content">
        <div class="glassmorphism">
            <h2>O projektu</h2>
            <p>Efektivní průjezd vozidel záchranných složek (IZS) je klíčový pro záchranu životů a minimalizaci škod na majetku. I přes znalost prioritního chování všemi účastníky silničního provozu se však stále jedná o výjimečnou situaci, která má negativní dopad na plynulost dopravy. Jedním z nejtypičtějších příkladů je prioritní průjezd křižovatkami.</p>
            
            <p>Pro snížení dopadů prioritních průjezdů se v poslední době začíná využívat možnost komunikace mezi vozidlem IZS a kontrolou semaforu. Vozidlu IZS je tak umožněno zažádat o prioritní průjezd, v důsledku čehož je dynamicky upraven cyklus semaforu.</p>

            <div class="grid" style="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); margin: 2rem 0;">
                <img src="assets/izs1.png" alt="Predikce IZS 1" class="project-image">
                <img src="assets/izs2.png" alt="Predikce IZS 2" class="project-image">
                <img src="assets/izs3.png" alt="Predikce IZS 3" class="project-image">
            </div>

            <h2>Klíčová výzva: Čas</h2>
            <p>V případě dynamických změn je nutné zajistit, aby žádost o prioritní průjezd dorazila s dostatečným předstihem, aby všichni účastníci silničního provozu měli dostatek času na bezpečnou reakci. Z tohoto důvodu je kritická možnost přesně a efektivně předvídat trasy výjezdů vozidel IZS.</p>
            
            <p>Tato informace není na palubě často dostupná, jelikož řidiči navigují na základě osobních zkušeností. Jednou z možností, jak takovéto předpovědi vytvářet, je využití historických dat o trajektoriích výjezdů vozidel IZS.</p>

            <h2>Webové demo</h2>
            <p>Prohlédněte si naše interaktivní demo, které vizualizuje predikce tras v reálném městském prostředí.</p>
            <div style="margin-top: 2rem;">
                <a href="http://its.fel.cvut.cz:11988/" target="_blank" class="btn-primary">Spustit webové demo</a>
            </div>
        </div>
    </main>

    <footer class="glassmorphism">
        <div class="container">
            <p>&copy; 2026 Artificial Intelligence Center, FEL, ČVUT</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>

</html>