155YWEK Webová kartografie: Porovnání verzí
mBez shrnutí editace |
mBez shrnutí editace značka: přepnuto z Vizuálního editoru |
||
(Není zobrazeno 6 mezilehlých verzí od 2 dalších uživatelů.) | |||
Řádek 1: | Řádek 1: | ||
== Základní údaje o předmětu== | == Základní údaje o předmětu== | ||
* Kód předmětu: 155YWEK | * Kód předmětu: 155YWEK | ||
* Garant předmětu: {{Lidé|prof. Ing. Jiří Cajthaml, Ph.D.}} | * Garant předmětu: {{Lidé|prof. Ing. Jiří Cajthaml, Ph.D.}} | ||
Řádek 6: | Řádek 6: | ||
* Rozsah: 2+2 | * Rozsah: 2+2 | ||
* Počet kreditů: 5 | * Počet kreditů: 5 | ||
* Ukončení: z, | * Ukončení: zápočet, zkouška | ||
Od 3. výukového týdne koncept 1 h teoretického základu, 1–1,5 h praktického workshopu, 1–1,5 h samostatného kódování | |||
{| class="wikitable" | |||
|+ | |||
!Date | |||
!Teoretický základ | |||
!Praktické dovednosti | |||
!Vyučující | |||
|- | |||
|20. února | |||
|Motivace k webové kartografii, úvod. Představení prostředí a technik. Přístupy k tvorbě webového obsahu. | |||
Webový server, typy serverů. Hosting. | |||
|HTML5, CSS. Prostředí Glitch.com. Návrhové prostředí Figma | |||
'''U1 – Webová forma životopisu''' | |||
|[https://geomatics.fsv.cvut.cz/employees/jiri-cajthaml prof. Ing. Jiří Cajthaml, Ph.D.] | |||
[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
[https://geomatics.fsv.cvut.cz/employees/frantisek-muzik Ing. František Mužík] | |||
|- | |||
|27. února | |||
|Webový server – konfigurace. DNS, propojení obsahu s doménou. | |||
Základy JavaScript – datové typy, proměnné. Funkce, pole, řetězce, moderní operátory, cykly. | |||
DevTools, konzole, debug, responsivita. | |||
|Základy práce s CSS, základy JavaScriptu | |||
U1 | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
|- | |||
|5. března | |||
|Základy JavaScript – DOM, asynchronní přenos, události, objektové typy. JSON, odkazování do souborů a načítání ze souborů | |||
|Pokročilejší využití JavaScriptu | |||
U1 | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
|- | |||
|12. března | |||
|Mapové knihovny – Leaflet, OpenLayers, MapTiler. Leaflet – základní informace. Leaflet – mapový objekt, symbolika, prostorové dotazování, pop-up. Mapové elementy a rozdíly oproti konvenční kartografii. | |||
|VS Code | |||
'''U2a – Mapová aplikace v prostředí Leaflet''' | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
|- | |||
|19. března | |||
|Tvorba pokročilejších aplikací v Leaflet. | |||
|Netlify | |||
U2a | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
|- | |||
|26. března | |||
|Vstupní a výstupní formáty souborů. GeoJSON, souborové databáze, GeoPackage. Vektorové a rastrové dlaždice. | |||
|U2a | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
|- | |||
|2. dubna | |||
|Javascriptové knihovny a prostředí pro tvorbu map. D3JS. | |||
|'''U2b – Vylepšení aplikace z U2a pomocí D3.js''': grafy, diagramy, pop-upy, animace | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
[https://geomatics.fsv.cvut.cz/employees/frantisek-muzik Ing. František Mužík] | |||
|- | |||
|9. dubna | |||
|Serverové fungování, nastavení, širší vztahy webového mapování. Apache, IIS | |||
|U2b | |||
'''ODEVZDÁVÁ SE ÚLOHA U2 JAKO CELEK''' | |||
(termín odevzdání: 23. dubna) | |||
|[https://geomatics.fsv.cvut.cz/employees/jiri-cajthaml prof. Ing. Jiří Cajthaml, Ph.D.] | |||
[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
[https://geomatics.fsv.cvut.cz/employees/frantisek-muzik Ing. František Mužík] | |||
|- | |||
|16. dubna | |||
|Základy ArcGIS JavaScript API. Práce s WebMap | |||
|'''U3 – ArcGIS API''' | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
[https://geomatics.fsv.cvut.cz/employees/marek-hoffmann Ing. Marek Hoffmann] | |||
|- | |||
|23. dubna | |||
|ArcGIS JavaScript API – pokročilé možnosti. Feature Collection. | |||
|Windows server (IIS) – konfigurace vlastního prostoru | |||
U3 (termín odevzdání: 17. května) | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
[https://geomatics.fsv.cvut.cz/employees/marek-hoffmann Ing. Marek Hoffmann] | |||
|- | |||
|<s>30. dubna</s> | |||
|''přesun výuky'' | |||
|––– | |||
|––– | |||
|- | |||
|7. května | |||
|Ladění a škálování aplikací. Další API prostředí – CARTO.db, Mapbox aj. MapTiler, OSM | |||
|U4 – GISQuick | |||
|[https://geomatics.fsv.cvut.cz/employees/tomas-janata Ing. Tomáš Janata, Ph.D.] | |||
[https://geomatics.fsv.cvut.cz/employees/frantisek-muzik Ing. František Mužík] | |||
|- | |||
|<s>14. května</s> | |||
|''rektorský den'' | |||
|––– | |||
|––– | |||
|} |
Aktuální verze z 19. 4. 2024, 09:26
Základní údaje o předmětu
- Kód předmětu: 155YWEK
- Garant předmětu:
prof. Ing. Jiří Cajthaml, Ph.D.
- Přednášející:
prof. Ing. Jiří Cajthaml, Ph.D.
- Rozsah: 2+2
- Počet kreditů: 5
- Ukončení: zápočet, zkouška
Od 3. výukového týdne koncept 1 h teoretického základu, 1–1,5 h praktického workshopu, 1–1,5 h samostatného kódování
Date | Teoretický základ | Praktické dovednosti | Vyučující |
---|---|---|---|
20. února | Motivace k webové kartografii, úvod. Představení prostředí a technik. Přístupy k tvorbě webového obsahu.
Webový server, typy serverů. Hosting. |
HTML5, CSS. Prostředí Glitch.com. Návrhové prostředí Figma
U1 – Webová forma životopisu |
prof. Ing. Jiří Cajthaml, Ph.D. |
27. února | Webový server – konfigurace. DNS, propojení obsahu s doménou.
Základy JavaScript – datové typy, proměnné. Funkce, pole, řetězce, moderní operátory, cykly. DevTools, konzole, debug, responsivita. |
Základy práce s CSS, základy JavaScriptu
U1 |
Ing. Tomáš Janata, Ph.D. |
5. března | Základy JavaScript – DOM, asynchronní přenos, události, objektové typy. JSON, odkazování do souborů a načítání ze souborů | Pokročilejší využití JavaScriptu
U1 |
Ing. Tomáš Janata, Ph.D. |
12. března | Mapové knihovny – Leaflet, OpenLayers, MapTiler. Leaflet – základní informace. Leaflet – mapový objekt, symbolika, prostorové dotazování, pop-up. Mapové elementy a rozdíly oproti konvenční kartografii. | VS Code
U2a – Mapová aplikace v prostředí Leaflet |
Ing. Tomáš Janata, Ph.D. |
19. března | Tvorba pokročilejších aplikací v Leaflet. | Netlify
U2a |
Ing. Tomáš Janata, Ph.D. |
26. března | Vstupní a výstupní formáty souborů. GeoJSON, souborové databáze, GeoPackage. Vektorové a rastrové dlaždice. | U2a | Ing. Tomáš Janata, Ph.D. |
2. dubna | Javascriptové knihovny a prostředí pro tvorbu map. D3JS. | U2b – Vylepšení aplikace z U2a pomocí D3.js: grafy, diagramy, pop-upy, animace | Ing. Tomáš Janata, Ph.D. |
9. dubna | Serverové fungování, nastavení, širší vztahy webového mapování. Apache, IIS | U2b
ODEVZDÁVÁ SE ÚLOHA U2 JAKO CELEK (termín odevzdání: 23. dubna) |
prof. Ing. Jiří Cajthaml, Ph.D. |
16. dubna | Základy ArcGIS JavaScript API. Práce s WebMap | U3 – ArcGIS API | Ing. Tomáš Janata, Ph.D. |
23. dubna | ArcGIS JavaScript API – pokročilé možnosti. Feature Collection. | Windows server (IIS) – konfigurace vlastního prostoru
U3 (termín odevzdání: 17. května) |
Ing. Tomáš Janata, Ph.D. |
přesun výuky | ––– | ––– | |
7. května | Ladění a škálování aplikací. Další API prostředí – CARTO.db, Mapbox aj. MapTiler, OSM | U4 – GISQuick | Ing. Tomáš Janata, Ph.D. |
rektorský den | ––– | ––– |