Multimedia ve výuce I

Práce s grafy

Tato lekce je věnována úvodu do práce s daty a především zásad práce s vizualizacemi a grafy. Studenti se naučí vnímat příležitosti a úskalí vytváření vizualizaci. Získané znalosti budou využitelné nejen při práci s grafy, ale celkově při návrzích grafických materiálů. Představíme úlohu a význam vizualizace jako nástroje pro snadné předávání složitých informací v třídách. Následně se zaměříme na aspekty lidského vnímání, které je možné využít při efektivním návrhu grafiky a na závěr upozorníme na možné manipulativní formy zobrazení, se kterými se při práci s grafy mohou budoucí učitelé setkat.
Práce s grafy
PDF ke stažení

Volně dostupná data

Úloha 1:

V následujícím dokumentu naleznete odkazy na databáze. Prohlédněte si je a vyberte si z některé z nich dataset, se kterým budete později pracovat.

Lidské vnímání a grafy


Při návrhu vizualizace, datové grafiky i infografiky je třeba brát v úvahu omezení zpracování informací v krátkodobé paměti. Její kapacita je přibližně sedm smysluplných znaků. Proto je při návrhu jakéhokoliv informačního materiálu třeba brát zřetel na to, aby čtenář nebyl nucen pracovat s příliš velkým množstvím informací najednou.

Úloha 2:

Pokuste se navrhnout řešení, jak graf na obrázku upravit tak, aby byl lépe čitelný.


Vnímání barev

Ne všichni vnímají barvy stejně. Existuje celé spektrum poruch barvocitu. Při návrhu Meterial je proto nutné brát na ně ohled. Pomoci vybrat správné barvy mohou například následující webové aplikace:

Color Blindness Simulator
Stránka simulující různé typy poruchy vnímání barev.
Chroma.js Color Palette Helper
Nástroj, který pomáhá zvolit barevné palety tak, aby byly dobře rozpoznatelné i pro lidi s poruchami barvocitu.
HCLWizard
Umožňuje výběr barevných palet pro různé typy zobrazovaných dat, kontrolu viditelnosti pro barvoslepé a hledání kódů barev na základě palety.
Color Brewer
Nástroj určený původně pro potřeby kartografie nabízí barevné škály, přičemž při každé uvádí zda jsou vhodné pro barvoslepé, zobrazení na LCD monitorech či pro tisk.
Úloha 3:

Vyberte si libovolný obrázek, nahrajte ho do aplikace Color Blida Simulator a prohlédněte si, jak ho vidí lidé s různými formami poruchy barvocitu.

Vizualizační nástroje


V této lekci si představíme dva online nástroje pro tvorbu složitějších grafů.

RAWGraphs

Návody pro tvorbu každého z nabízených typů grafů jsou dostupné přímo na webových stránkách formou krátkých videí.

Lyra

Video návod prezentující základní funkce přímo na praktických příkladech je dostupný na úvodní stránce projektu.

Úloha 4:

S použitím dat, které jste si vybrali v první roli vyzkoušejte vytvořit vlastní vizualizaci. Použít k tomu můžete některý z představených nástrojů.