Revize 3c909967
Přidáno uživatelem Martin Sebela před asi 4 roky(ů)
website/templates/index.html.twig | ||
---|---|---|
1 | 1 |
{% extends 'base.html.twig' %} |
2 | 2 |
|
3 |
{% block title %} Heatmap.ZČU {% endblock %}
|
|
3 |
{% block title %}Heatmap.ZČU · O projektu{% endblock %}
|
|
4 | 4 |
{% block stylesheets %} |
5 | 5 |
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" /> |
6 |
<link rel="stylesheet" href="{{ asset('css/_style.css') }}" />
|
|
6 |
<link rel="stylesheet" href="{{ asset('css/style.css') }}" /> |
|
7 | 7 |
<link rel="stylesheet" href="{{ asset('css/swiper.min.css') }}" /> |
8 | 8 |
{% endblock %} |
9 | 9 |
|
10 |
|
|
10 |
{% block bodyClass %} class="intro"{% endblock %} |
|
11 | 11 |
{% block body %} |
12 | 12 |
|
13 | 13 |
<header> |
14 | 14 |
<div class="logo"> |
15 | 15 |
<a href="{{ path('home') }}"> |
16 |
<img src="{{ asset('img/logo.svg') }}" alt="Logo Západočeské univerzity v Plzni"> |
|
16 |
<img src="{{ asset('img/logo-zcu.svg') }}" alt="Logo Západočeské univerzity v Plzni">
|
|
17 | 17 |
</a> |
18 | 18 |
</div> |
19 | 19 |
|
... | ... | |
45 | 45 |
</li> |
46 | 46 |
<li class="nav-item button"> |
47 | 47 |
<h2> |
48 |
<a href="/heatmap/?data_set[date]=2019-04-25&data_set[time]=9&data_set[type]=JIS" class="nav-link">Zobrazit heatmapu</a>
|
|
48 |
<a href="/heatmap/?data_set[date]=2019-04-11&data_set[time]=9&data_set[type]=JIS" class="nav-link">Zobrazit heatmapu</a>
|
|
49 | 49 |
</h2> |
50 | 50 |
</li> |
51 | 51 |
</ul> |
... | ... | |
62 | 62 |
<h3>Život na ZČU během dne</h3> |
63 | 63 |
<hr> |
64 | 64 |
<p>Zobrazte si heatmapu života univerzity hodinu po hodině během jednoho dne. Od ranního probouzení, kdy studenti a zaměstnanci přicházejí do laboratoří, přes polední špičku v menze až do samotného večera, kdy končí poslední z přednášek a cvičení.</p> |
65 |
<a href="/heatmap/?data_set[date]=2019-04-25&data_set[time]=9&data_set[type]=JIS" class="btn btn-primary" role="button">Vyzkoušet heatmapu</a>
|
|
65 |
<a href="/heatmap/?data_set[date]=2019-04-11&data_set[time]=9&data_set[type]=JIS" class="btn btn-primary" role="button">Vyzkoušet heatmapu</a>
|
|
66 | 66 |
|
67 | 67 |
<div class="map-point point-1"> |
68 | 68 |
<div class="desc"> |
... | ... | |
81 | 81 |
</div> |
82 | 82 |
</div> |
83 | 83 |
</div> |
84 |
|
|
85 |
<div class="slide-background"></div> |
|
84 | 86 |
</div> |
85 | 87 |
|
86 | 88 |
<div class="swiper-slide slide-bg-2"> |
... | ... | |
90 | 92 |
<h3>Hledání anomálií</h3> |
91 | 93 |
<hr> |
92 | 94 |
<p>Heatmapa vám také dává možnost prozkoumávat data vlastním způsobem – stačí jen zvolit konkrétní datum a čas, pro které chcete data zobrazit. Můžete tak objevit i různé anomálie, například narazit na noční návštěvníky kampusu nebo odhalit návraty na studentské koleje v brzkých ranních hodinách…</p> |
93 |
<a href="/heatmap/?data_set[date]=2019-04-25&data_set[time]=9&data_set[type]=JIS" class="btn btn-primary" role="button">Vyzkoušet heatmapu</a>
|
|
95 |
<a href="/heatmap/?data_set[date]=2019-04-11&data_set[time]=9&data_set[type]=JIS" class="btn btn-primary" role="button">Vyzkoušet heatmapu</a>
|
|
94 | 96 |
|
95 | 97 |
<div class="map-point point-3"> |
96 | 98 |
<div class="desc"> |
... | ... | |
101 | 103 |
</div> |
102 | 104 |
</div> |
103 | 105 |
</div> |
106 |
|
|
107 |
<div class="slide-background"></div> |
|
104 | 108 |
</div> |
105 | 109 |
|
106 | 110 |
<div class="swiper-slide slide-bg-3"> |
... | ... | |
109 | 113 |
<span class="slide-index">03</span> |
110 | 114 |
<h3>O projektu</h3> |
111 | 115 |
<hr> |
112 |
<p>Západočeská univerzita v Plzni poskytuje v rámci otevřených dat (<a href="http://opendata.zcu.cz" target="_blank">Open Data</a>) vybrané datové sady získávané z různých provozních a IoT systémů. V rámci výukového projektu se studentský tým rozhodl několik těchto datových sad využít, zpracovat je a vizualizovat na mapovém podkladu formou heatmapy. Zahrnuta jsou předem anonymizovaná data s časovými značkami získaná mj. z připojení k univerzitní síti, z kartových snímačů na vstupech (JIS karty) a ze stojanů k zapůjčování koloběžek.</p>
|
|
116 |
<p>Západočeská univerzita v Plzni poskytuje v rámci otevřených dat (<a href="http://opendata.zcu.cz" target="_blank">opendata.zcu.cz</a>) vybrané datové sady získávané z různých provozních a IoT systémů. V rámci výukového projektu se studentský tým rozhodl několik těchto datových sad využít, zpracovat je a vizualizovat na mapovém podkladu formou heatmapy. Zahrnuta jsou předem anonymizovaná data s časovými značkami získaná mj. z připojení k univerzitní síti, z kartových snímačů na vstupech (JIS karty) a ze stojanů k zapůjčování koloběžek.</p>
|
|
113 | 117 |
<p>Na těchto stránkách si můžete tuto vizualizaci prohlížet a prozkoumávat den po dni, hodinu po hodině, a nahlédnout tak na univerzitní kampus (i studentské koleje) jako na jeden velký žijící organismus.</p> |
114 | 118 |
<hr> |
115 | 119 |
<div class="copyright"> |
... | ... | |
123 | 127 |
</div> |
124 | 128 |
<p class="logos-partners"> |
125 | 129 |
<a href="https://fav.zcu.cz" target="_blank"> |
126 |
<img src="img/logo-fav.svg" alt="Logo Fakulty aplikovaných věd ZČU">
|
|
130 |
<img src="img/logo-fav-zcu.svg" alt="Logo Fakulty aplikovaných věd ZČU v Plzni">
|
|
127 | 131 |
</a> |
128 | 132 |
<a href="http://opendata.zcu.cz" target="_blank"> |
129 | 133 |
<img src="img/logo-opendata-zcu.svg" alt="Logo OpenData ZČU"> |
... | ... | |
131 | 135 |
</p> |
132 | 136 |
</div> |
133 | 137 |
</div> |
138 |
|
|
139 |
<div class="slide-background"></div> |
|
134 | 140 |
</div> |
135 | 141 |
</div> |
136 | 142 |
|
137 |
<div class="slide-background"></div> |
|
138 |
|
|
139 | 143 |
<div class="swiper-pagination"></div> |
140 | 144 |
|
141 | 145 |
<div class="swiper-pagination-buttons"> |
... | ... | |
150 | 154 |
<script src="{{ asset('js/vendor/swiper.min.js') }}"></script> |
151 | 155 |
<script> |
152 | 156 |
const swiper = new Swiper('.swiper-container', { |
153 |
calculateHeight: true, |
|
154 | 157 |
loop: true, |
155 | 158 |
pagination: { |
156 | 159 |
el: '.swiper-pagination', |
Také k dispozici: Unified diff
Re #8079
- intro page responzive fixed
- deleted unused files
- minor CSS repairs and changes