Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
234 lines (212 loc) · 13 KB
/
Copy pathindex.html
File metadata and controls
234 lines (212 loc) · 13 KB
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
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AIC Smart Mobility</title>
<meta name="description" content="Informace o projektech, tématech závěrečných prací a kontaktech laboratoře VOID.">
<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="#projekty">Naše Projekty</a></li>
<li><a href="#temata">Závěrečné Práce</a></li>
<li><a href="#kontakty">Kontakty</a></li>
</ul>
</div>
</nav>
<header class="hero container">
<h1>Inovace v dopravě a <span>optimalizaci</span></h1>
<p>Ve skupině Smart Mobility tvoříme realistické simulace, optimalizujeme trasy pro záchranné složky a posouváme
hranice pomocí neuronových sítí.</p>
<a href="#projekty" class="btn-primary">Prozkoumat projekty</a>
</header>
<main>
<section id="projekty" class="container">
<h2 class="section-title">Naše Projekty</h2>
<div class="grid projects-grid">
<!-- Projekt 1 -->
<a href="simulace-provozu.html" class="card glassmorphism">
<img src="assets/traffic_sim.png" alt="Tvorba realistických simulací městského provozu"
class="card-image">
<div class="card-content">
<h3>Simulace městského provozu</h3>
<p>Vývoj realistických modelů postavených na reálných datech pro plánování moderní městské
mobility.</p>
<span class="link-btn">Detail projektu →</span>
</div>
</a>
<!-- Projekt 2 -->
<a href="predikce-izs.html" class="card glassmorphism">
<img src="assets/izs_prediction_hero.png" alt="Predikce tras vozidel záchranných složek"
class="card-image">
<div class="card-content">
<h3>Predikce tras záchranných složek</h3>
<p>Optimalizace průjezdu IZS pomocí prediktivních algoritmů a chytré komunikace se semafory.</p>
<span class="link-btn">Detail projektu →</span>
</div>
</a>
<!-- Projekt 3 -->
<a href="agent-drive.html" class="card glassmorphism">
<img src="assets/agent_drive_hero.png" alt="AgentDrive 2.0" class="card-image">
<div class="card-content">
<h3>AgentDrive 2.0</h3>
<p>Vlastní in-house simulátor postavený na fyzikálním enginu PhysX pro věrnou reprezentaci
provozu.</p>
<span class="link-btn">Detail projektu →</span>
</div>
</a>
<!-- Projekt 4 (skryto)
<a href="optimalizace-vrp.html" class="card glassmorphism">
<img src="assets/nn_vga.png" alt="Optimalizace a Neuronové sítě" class="card-image">
<div class="card-content">
<h3>NN & Optimalizace</h3>
<p>Použití hlubokého učení pro řešení komplexních úloh v logistice a plánování tras (VRP).</p>
<span class="link-btn">Detail projektu →</span>
</div>
</a>
-->
<!-- Projekt 5 -->
<a href="nn-boosted-vga.html" class="card glassmorphism">
<img src="assets/nn_boosted_vga.png" alt="NN Boosted VGA" class="card-image">
<div class="card-content">
<h3>Řešení DARP s využitím neuronových sítí</h3>
<p>Zrychlení exaktního plánování dopravy na vyžádání pomocí predikce proveditelnosti.</p>
<span class="link-btn">Detail projektu →</span>
</div>
</a>
<!-- Projekt 6 -->
<a href="multi-objective-vrp.html" class="card glassmorphism">
<img src="assets/vrp_hero_main.png" alt="Multi-objective VRP" class="card-image">
<div class="card-content">
<h3>Multi-objective VRP</h3>
<p>Cluster-First Route-Second architektura spojující grafovou neuronovou síť s NSGA-II pro
vyvážené doručování.</p>
<span class="link-btn">Detail projektu →</span>
</div>
</a>
<!-- Projekt 7 (Hra) -->
<a href="https://kubikade.github.io/rush_hour/" target="_blank" rel="noopener noreferrer"
class="card glassmorphism">
<img src="assets/rush_hour_card.png" alt="Rush Hour Game" class="card-image">
<div class="card-content">
<h3>Rush Hour Game</h3>
<p class="author">Webová minihra</p>
<p>Interaktivní logická minihra.</p>
<span class="link-btn">Vyzkoušet →</span>
</div>
</a>
</div>
</section>
<section id="temata" class="container">
<h2 class="section-title">Témata závěrečných prací</h2>
<p class="section-subtitle">Hledáme motivované studenty pro bakalářské i diplomové práce.</p>
<div class="accordion glassmorphism">
<div class="accordion-item">
<button class="accordion-header">
Použití neuronových sítí pro optimalizaci Vehicle Routing problémů
<span class="icon">+</span>
</button>
<div class="accordion-content">
<p><strong>Vedoucí:</strong> Adéla Kubíková</p>
<p>Práce na aktualizaci a rozvoji metod řešících Vehicle Routing Problem (VRP) s využitím
moderních architektur neuronových sítí. Ideální pro studenty se zájmem o Deep Learning a
aplikovanou AI.</p>
</div>
</div>
<div class="accordion-item">
<button class="accordion-header">
Predikce tras vozidel záchranných složek na základě historických dat
<span class="icon">+</span>
</button>
<div class="accordion-content">
<p><strong>Vedoucí:</strong> Petr Tomášek</p>
<p>Zpracování reálných historických trajektorií pro modelování výjezdů IZS. Cílem je včas
komunikovat se semafory pro udělení prioritního průjezdu.</p>
</div>
</div>
<div class="accordion-item">
<button class="accordion-header">
Rozvoj dopravních nástrojů
<span class="icon">+</span>
</button>
<div class="accordion-content">
<p><strong>Vedoucí:</strong> Dle domluvy</p>
<p>Práce na vývoji nových a údržbě a inovacích stávajících nástrojů využívaných v dopravních
projektech.</p>
</div>
</div>
<div class="accordion-item">
<button class="accordion-header">
Tvorba realistických simulací městského provozu
<span class="icon">+</span>
</button>
<div class="accordion-content">
<p><strong>Vedoucí:</strong> Temirlan Kurbanov</p>
<p>Spojování různých datových zdrojů (FCD, kamery, dopravní statistiky) pro stavbu komplexních
modelů ve špičkových simulátorech (např. SUMO) a testování dopadů různých scénářů.</p>
</div>
</div>
</div>
</section>
<section id="kontakty" class="container">
<h2 class="section-title">Kontakty</h2>
<div class="grid contacts-grid">
<div class="contact-card glassmorphism">
<!-- <div class="avatar">A</div> -->
<img src="avatars/adela.png" alt="Adéla Kubíková" class="avatar">
<h3>Adéla Kubíková</h3>
<p>Machine Learning</p>
<a href="mailto:kubikade@fel.cvut.cz" class="contact-link"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> Napsat e-mail</a>
</div>
<div class="contact-card glassmorphism">
<!-- <div class="avatar">P</div> -->
<img src="avatars/petr.png" alt="Petr Tomášek" class="avatar">
<h3>Petr Tomášek</h3>
<p>Data IZS, Predikce</p>
<a href="mailto:tomaspe7@fel.cvut.cz" class="contact-link"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> Napsat e-mail</a>
</div>
<div class="contact-card glassmorphism">
<!-- <div class="avatar">T</div> -->
<img src="avatars/tim.png" alt="Temirlan Kurbanov" class="avatar">
<h3>Temirlan Kurbanov</h3>
<p>Dopravní simulace, SUMO</p>
<a href="mailto:kurbatem@fel.cvut.cz" class="contact-link"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> Napsat e-mail</a>
</div>
<div class="contact-card glassmorphism">
<!-- <div class="avatar">J</div> -->
<img src="avatars/jirka.png" alt="Jiří Vokřínek" class="avatar">
<h3>Jiří Vokřínek</h3>
<p>Vedoucí výzkumné skupiny</p>
<a href="mailto:jiri.vokrinek@fel.cvut.cz" class="contact-link"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> Napsat e-mail</a>
</div>
<div class="contact-card glassmorphism">
<!-- <div class="avatar">M</div> -->
<img src="avatars/marek.png" alt="Marek Cuchý" class="avatar">
<h3>Marek Cuchý</h3>
<p>Dopravní nástroje, Plánování</p>
<a href="mailto:marek.cuchy@fel.cvut.cz" class="contact-link"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> Napsat e-mail</a>
</div>
</div>
</section>
</main>
<footer class="glassmorphism">
<div class="container">
<p>© 2026 Artificial Intelligence Center, FEL, ČVUT</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>