SlideShare une entreprise Scribd logo
1  sur  18
INFOGRAFIKY
MICHAL ČERNÝ
VIZUÁLNÍ SPOLEČNOST
• Internet
• Televize
• Noviny
• Časopisy
• Učebnice
THE NEW YORK TIMES 1914
THE NEW YORK TIMES 2012
THE NEW YORK TIMES 2012 - WEB
THE NEW YORK TIMES 2014 - WEB
INTERPRETACE OBRAZU
• Starověk
• Středověk
• Postmoderna
• Ikony v pravoslaví
• Značky
• Loga
• Jak se vám libí nové logo ČT? (http://youtu.be/zd7On6Bm0I4)
JAK VYROBIT DOKONALÝ DIAGRAM?
• http://www.slideshare.net/otikik/how-to-make-awesome-
diagrams-for-your-slides
ROZDĚLENÍ INFOGRAFIKY
• Statická
• Dynamická
• Interaktivní
• Inforgrafika, diagramy, myšlenkové mapy, grafy, mapy, časové
osy…
JAK NA TO
• Vektorový editor
• Webová či instalovaná aplikace
• Nějak jinak.
• Není důležité jak, ale co.
INFOGR​.AM
• Online nástroj na tvorbu infografiky
• Jednoduché ovládání
• Omezené množství šablon
• Poměrně velké množství podporovaných grafů.
• Vkládat lze i mapy (jen v placené verzi), obrázky, text, videa
(YouTube)
• Dostupné z: https://infogr.am/
PIKTOCHART
• Velké množství vzhledů a šablon
• Možnost vkládat ikonky a další prvky, není
třeba dodržovat strukturu
• V bezplatné verzi není možnost exportu v
kvalitě vyšší než 1200x1938 px, není
možné se zbavit nápisu Pictochart a
nefunguje export do PDF.
• Dostupné z: https://piktochart.com/
EASEL.LY
• Zcela jiný koncept, založený na
metodě táhni a pusť
• Jednoduchá práce spíše připomínající
grafický editor s nástrojem na tvorbu
grafů
• Možnost nastavení rozměrů plochy
• Možnost nahrání vlastních objektů
• Dostupné z: http://www.easel.ly/
ČASOVÁ OSA: DIPITY.COM
• Dipity sází na maximální integraci s komunitními a publikačními
platformami, ze kterých umí jak efektivně čerpat zdroje, tak
také na nich publikovat. Mezi zajímavosti patří možnost
přepínat mezi časovou osou a běžným seznamem jednotlivých
událostí, což může někomu pro běžné studium připadat jako
výhodnější. Výhodou je také poměrně zdařilý elektronický
výstup.
• Naopak mezi nevýhody je možné zařadit složitější práci s osou,
která kvůli řadě komunikačních funkcí není úplně šťastná. Ve
zdarma dostupné verzi je možné vytvořit maximálně 3 časové
osy, k nim využít 50 MB prostoru pro data (obrázky, videa,
soubory atp.) a vaši čtenáři mohou zobrazovat nejvýše 5 tisíc
stránek měsíčně (toto kritérium ani není pro školy nijak
omezující).
• Dostupné z: http://www.dipity.com/
TIMERIME
• Je jedním z nejrobustnějších a nejlepších
nástrojů pro práci s časovou osou. Ve zdarma
dostupné variantě nabízí práci s časovou osou
do 100 položek, což je pro běžné školní
využití poměrně dostatečné. Ke každé
položce je možné připojit text, obrázek nebo
třeba video z YouTube. Didakticky cenná je
možnost vkládat položky více druhů, které
jsou navzájem odlišeny, což umožňuje
sledovat více fenoménů současně a přitom
zachovat přehlednost a jednoduchost práce.
• Dostupné z: www.timerime.com
LUCIDCHART
• Na zkoušku není nutné se ani registrovat a hned je
možné si jej vyzkoušet. Bezplatně se můžete
zaregistrovat a užívat Free účet, který nabízí několik
omezení – je možné na tvorbě schématu spolupracovat
jen s jedním dalším člověkem, je zde omezení celkové
velikosti dokumentů na 25 MB (což je v případě, že
nahráváte vlastní obrázky relativně málo) a na jedné
stránce může být maximálně 60 objektů. Za další verze
je nutné si připlatit.
Venn diagram
maker
Free flowchart
software &
examples
Free org chart
software
Interactive site
map creator
Mind mapping
software
Data flow
diagram
examples
Value stream
mapping
Business
process
modeling
Free ERD
diagram tool
UML tool &
UML Network
diagram
software
Online P&ID
software
Rack diagram
software
Circuit
diagramming
examples
AWS network
diagram
software
Cisco network
diagram
software
Web Prototypes
Visio Online
Network
ER Diagram
Flowchart
Software
UML
BPMN
....
CACOO
• Zdarma můžete exportovat diagramy pouze do png, pracovat s 25
listy a sdílet jednu složku, ke které mohou přistupovat tři uživatelé.
Po registraci se před uživatelem otevře poměrně podrobné prostředí,
které nabízí řadu ukázek toho, co vše je možné s Cacoo vytvořit –
mapy stránek, drátových modelů, vývojové diagramy, síťové
diagramy, myšlenkové mapy, UML diagramy a řadu dalších druhů
diagramů.
• Podpora více uživatelů pracujících na jednom diagramu.
• Dostupné z: https://cacoo.com/
DALŠÍ
• yEd Graph Editor
• Gliffy

Contenu connexe

Similaire à Infografika

Prednaska o marketingových nástrojích a online marketingu
Prednaska o marketingových nástrojích a online marketinguPrednaska o marketingových nástrojích a online marketingu
Prednaska o marketingových nástrojích a online marketinguJiri Svoboda
 
Bar camp brno 2010
Bar camp brno 2010Bar camp brno 2010
Bar camp brno 2010Jarek Mikeš
 
Vodafone 2.0 - Interakce v komunitách, blozích a online reklamě - Eva Štípkov...
Vodafone 2.0 - Interakce v komunitách, blozích a online reklamě - Eva Štípkov...Vodafone 2.0 - Interakce v komunitách, blozích a online reklamě - Eva Štípkov...
Vodafone 2.0 - Interakce v komunitách, blozích a online reklamě - Eva Štípkov...Akce Dobrého webu
 
I pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáI pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáRadek Pavlíček
 
Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíRadek Pavlíček
 
Jak jsme tvořili MOOC a jak ho nedělejte
Jak jsme tvořili MOOC a jak ho nedělejteJak jsme tvořili MOOC a jak ho nedělejte
Jak jsme tvořili MOOC a jak ho nedělejteMichal Černý
 
Informační a sociální bubliny a platformní společnost
Informační a sociální bubliny a platformní společnostInformační a sociální bubliny a platformní společnost
Informační a sociální bubliny a platformní společnostMichal Černý
 
BrandBakers - Lov spravnych lidi socialnimi sitemi
BrandBakers - Lov spravnych lidi socialnimi sitemiBrandBakers - Lov spravnych lidi socialnimi sitemi
BrandBakers - Lov spravnych lidi socialnimi sitemiBrandBakers
 
Jak vytvářet webové stránky
Jak vytvářet webové stránkyJak vytvářet webové stránky
Jak vytvářet webové stránkyMário Roženský
 

Similaire à Infografika (15)

Prednaska o marketingových nástrojích a online marketingu
Prednaska o marketingových nástrojích a online marketinguPrednaska o marketingových nástrojích a online marketingu
Prednaska o marketingových nástrojích a online marketingu
 
Bar camp brno 2010
Bar camp brno 2010Bar camp brno 2010
Bar camp brno 2010
 
Vodafone 2.0 - Interakce v komunitách, blozích a online reklamě - Eva Štípkov...
Vodafone 2.0 - Interakce v komunitách, blozích a online reklamě - Eva Štípkov...Vodafone 2.0 - Interakce v komunitách, blozích a online reklamě - Eva Štípkov...
Vodafone 2.0 - Interakce v komunitách, blozích a online reklamě - Eva Štípkov...
 
I pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáI pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitá
 
TNPW2-2016-01
TNPW2-2016-01TNPW2-2016-01
TNPW2-2016-01
 
Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupností
 
E-mail marketing - VŠE 2015
E-mail marketing - VŠE 2015E-mail marketing - VŠE 2015
E-mail marketing - VŠE 2015
 
Jak jsme tvořili MOOC a jak ho nedělejte
Jak jsme tvořili MOOC a jak ho nedělejteJak jsme tvořili MOOC a jak ho nedělejte
Jak jsme tvořili MOOC a jak ho nedělejte
 
TNPW2-2014-01
TNPW2-2014-01TNPW2-2014-01
TNPW2-2014-01
 
Informační a sociální bubliny a platformní společnost
Informační a sociální bubliny a platformní společnostInformační a sociální bubliny a platformní společnost
Informační a sociální bubliny a platformní společnost
 
Nástroje pro efektivní studium
Nástroje pro efektivní studiumNástroje pro efektivní studium
Nástroje pro efektivní studium
 
Veruprezentace
VeruprezentaceVeruprezentace
Veruprezentace
 
Veruprezentace
VeruprezentaceVeruprezentace
Veruprezentace
 
BrandBakers - Lov spravnych lidi socialnimi sitemi
BrandBakers - Lov spravnych lidi socialnimi sitemiBrandBakers - Lov spravnych lidi socialnimi sitemi
BrandBakers - Lov spravnych lidi socialnimi sitemi
 
Jak vytvářet webové stránky
Jak vytvářet webové stránkyJak vytvářet webové stránky
Jak vytvářet webové stránky
 

Plus de Michal Černý

ChatGPT ve školní praxi
ChatGPT ve školní praxiChatGPT ve školní praxi
ChatGPT ve školní praxiMichal Černý
 
Filosoficke problemy spojene s informacni spolecnosti.pptx
Filosoficke problemy spojene s informacni spolecnosti.pptxFilosoficke problemy spojene s informacni spolecnosti.pptx
Filosoficke problemy spojene s informacni spolecnosti.pptxMichal Černý
 
Otevřený přístup jako předpoklad akademického prostředí
Otevřený přístup jako předpoklad akademického prostředíOtevřený přístup jako předpoklad akademického prostředí
Otevřený přístup jako předpoklad akademického prostředíMichal Černý
 
Us qualis rex, talis grex
Us qualis rex, talis grexUs qualis rex, talis grex
Us qualis rex, talis grexMichal Černý
 
11 non scholae, sed vitae discimus
11 non scholae, sed vitae discimus11 non scholae, sed vitae discimus
11 non scholae, sed vitae discimusMichal Černý
 
Vzdělávání založené na datech
Vzdělávání založené na datechVzdělávání založené na datech
Vzdělávání založené na datechMichal Černý
 
Kritický přístup k edTechu
Kritický přístup k edTechuKritický přístup k edTechu
Kritický přístup k edTechuMichal Černý
 
06 Společenské změny
06 Společenské změny06 Společenské změny
06 Společenské změnyMichal Černý
 
11 Patenty a otevřená kultura
11 Patenty a otevřená kultura11 Patenty a otevřená kultura
11 Patenty a otevřená kulturaMichal Černý
 
10 Digitální antropologie
10 Digitální antropologie10 Digitální antropologie
10 Digitální antropologieMichal Černý
 
09 Sociální informatika
09 Sociální informatika09 Sociální informatika
09 Sociální informatikaMichal Černý
 
09 Učící se společnost
09 Učící se společnost09 Učící se společnost
09 Učící se společnostMichal Černý
 
07 Změny v umění a kultuře
07 Změny v umění a kultuře07 Změny v umění a kultuře
07 Změny v umění a kultuřeMichal Černý
 
04 Technologické změny
04 Technologické změny04 Technologické změny
04 Technologické změnyMichal Černý
 
02 Informační revoluce
02 Informační revoluce02 Informační revoluce
02 Informační revoluceMichal Černý
 
00 Informační společnost - struktura kurzu
00 Informační společnost - struktura kurzu00 Informační společnost - struktura kurzu
00 Informační společnost - struktura kurzuMichal Černý
 
The Principle of Non-Discrimination in the Infosphere: A New Ethics
The Principle of Non-Discrimination in the Infosphere:  A New EthicsThe Principle of Non-Discrimination in the Infosphere:  A New Ethics
The Principle of Non-Discrimination in the Infosphere: A New EthicsMichal Černý
 
Online vzdělávání: od designu k praxi
Online vzdělávání: od designu k praxiOnline vzdělávání: od designu k praxi
Online vzdělávání: od designu k praxiMichal Černý
 

Plus de Michal Černý (20)

ChatGPT ve školní praxi
ChatGPT ve školní praxiChatGPT ve školní praxi
ChatGPT ve školní praxi
 
Filosoficke problemy spojene s informacni spolecnosti.pptx
Filosoficke problemy spojene s informacni spolecnosti.pptxFilosoficke problemy spojene s informacni spolecnosti.pptx
Filosoficke problemy spojene s informacni spolecnosti.pptx
 
Otevřený přístup jako předpoklad akademického prostředí
Otevřený přístup jako předpoklad akademického prostředíOtevřený přístup jako předpoklad akademického prostředí
Otevřený přístup jako předpoklad akademického prostředí
 
Us qualis rex, talis grex
Us qualis rex, talis grexUs qualis rex, talis grex
Us qualis rex, talis grex
 
11 non scholae, sed vitae discimus
11 non scholae, sed vitae discimus11 non scholae, sed vitae discimus
11 non scholae, sed vitae discimus
 
Vzdělávání založené na datech
Vzdělávání založené na datechVzdělávání založené na datech
Vzdělávání založené na datech
 
Kritický přístup k edTechu
Kritický přístup k edTechuKritický přístup k edTechu
Kritický přístup k edTechu
 
01 Historie ICT
01 Historie ICT01 Historie ICT
01 Historie ICT
 
06 Společenské změny
06 Společenské změny06 Společenské změny
06 Společenské změny
 
11 Patenty a otevřená kultura
11 Patenty a otevřená kultura11 Patenty a otevřená kultura
11 Patenty a otevřená kultura
 
10 Digitální antropologie
10 Digitální antropologie10 Digitální antropologie
10 Digitální antropologie
 
09 Sociální informatika
09 Sociální informatika09 Sociální informatika
09 Sociální informatika
 
09 Učící se společnost
09 Učící se společnost09 Učící se společnost
09 Učící se společnost
 
07 Změny v umění a kultuře
07 Změny v umění a kultuře07 Změny v umění a kultuře
07 Změny v umění a kultuře
 
05 Ekonomické změny
05 Ekonomické změny05 Ekonomické změny
05 Ekonomické změny
 
04 Technologické změny
04 Technologické změny04 Technologické změny
04 Technologické změny
 
02 Informační revoluce
02 Informační revoluce02 Informační revoluce
02 Informační revoluce
 
00 Informační společnost - struktura kurzu
00 Informační společnost - struktura kurzu00 Informační společnost - struktura kurzu
00 Informační společnost - struktura kurzu
 
The Principle of Non-Discrimination in the Infosphere: A New Ethics
The Principle of Non-Discrimination in the Infosphere:  A New EthicsThe Principle of Non-Discrimination in the Infosphere:  A New Ethics
The Principle of Non-Discrimination in the Infosphere: A New Ethics
 
Online vzdělávání: od designu k praxi
Online vzdělávání: od designu k praxiOnline vzdělávání: od designu k praxi
Online vzdělávání: od designu k praxi
 

Infografika

  • 2. VIZUÁLNÍ SPOLEČNOST • Internet • Televize • Noviny • Časopisy • Učebnice
  • 3. THE NEW YORK TIMES 1914
  • 4. THE NEW YORK TIMES 2012
  • 5. THE NEW YORK TIMES 2012 - WEB
  • 6. THE NEW YORK TIMES 2014 - WEB
  • 7. INTERPRETACE OBRAZU • Starověk • Středověk • Postmoderna • Ikony v pravoslaví • Značky • Loga • Jak se vám libí nové logo ČT? (http://youtu.be/zd7On6Bm0I4)
  • 8. JAK VYROBIT DOKONALÝ DIAGRAM? • http://www.slideshare.net/otikik/how-to-make-awesome- diagrams-for-your-slides
  • 9. ROZDĚLENÍ INFOGRAFIKY • Statická • Dynamická • Interaktivní • Inforgrafika, diagramy, myšlenkové mapy, grafy, mapy, časové osy…
  • 10. JAK NA TO • Vektorový editor • Webová či instalovaná aplikace • Nějak jinak. • Není důležité jak, ale co.
  • 11. INFOGR​.AM • Online nástroj na tvorbu infografiky • Jednoduché ovládání • Omezené množství šablon • Poměrně velké množství podporovaných grafů. • Vkládat lze i mapy (jen v placené verzi), obrázky, text, videa (YouTube) • Dostupné z: https://infogr.am/
  • 12. PIKTOCHART • Velké množství vzhledů a šablon • Možnost vkládat ikonky a další prvky, není třeba dodržovat strukturu • V bezplatné verzi není možnost exportu v kvalitě vyšší než 1200x1938 px, není možné se zbavit nápisu Pictochart a nefunguje export do PDF. • Dostupné z: https://piktochart.com/
  • 13. EASEL.LY • Zcela jiný koncept, založený na metodě táhni a pusť • Jednoduchá práce spíše připomínající grafický editor s nástrojem na tvorbu grafů • Možnost nastavení rozměrů plochy • Možnost nahrání vlastních objektů • Dostupné z: http://www.easel.ly/
  • 14. ČASOVÁ OSA: DIPITY.COM • Dipity sází na maximální integraci s komunitními a publikačními platformami, ze kterých umí jak efektivně čerpat zdroje, tak také na nich publikovat. Mezi zajímavosti patří možnost přepínat mezi časovou osou a běžným seznamem jednotlivých událostí, což může někomu pro běžné studium připadat jako výhodnější. Výhodou je také poměrně zdařilý elektronický výstup. • Naopak mezi nevýhody je možné zařadit složitější práci s osou, která kvůli řadě komunikačních funkcí není úplně šťastná. Ve zdarma dostupné verzi je možné vytvořit maximálně 3 časové osy, k nim využít 50 MB prostoru pro data (obrázky, videa, soubory atp.) a vaši čtenáři mohou zobrazovat nejvýše 5 tisíc stránek měsíčně (toto kritérium ani není pro školy nijak omezující). • Dostupné z: http://www.dipity.com/
  • 15. TIMERIME • Je jedním z nejrobustnějších a nejlepších nástrojů pro práci s časovou osou. Ve zdarma dostupné variantě nabízí práci s časovou osou do 100 položek, což je pro běžné školní využití poměrně dostatečné. Ke každé položce je možné připojit text, obrázek nebo třeba video z YouTube. Didakticky cenná je možnost vkládat položky více druhů, které jsou navzájem odlišeny, což umožňuje sledovat více fenoménů současně a přitom zachovat přehlednost a jednoduchost práce. • Dostupné z: www.timerime.com
  • 16. LUCIDCHART • Na zkoušku není nutné se ani registrovat a hned je možné si jej vyzkoušet. Bezplatně se můžete zaregistrovat a užívat Free účet, který nabízí několik omezení – je možné na tvorbě schématu spolupracovat jen s jedním dalším člověkem, je zde omezení celkové velikosti dokumentů na 25 MB (což je v případě, že nahráváte vlastní obrázky relativně málo) a na jedné stránce může být maximálně 60 objektů. Za další verze je nutné si připlatit. Venn diagram maker Free flowchart software & examples Free org chart software Interactive site map creator Mind mapping software Data flow diagram examples Value stream mapping Business process modeling Free ERD diagram tool UML tool & UML Network diagram software Online P&ID software Rack diagram software Circuit diagramming examples AWS network diagram software Cisco network diagram software Web Prototypes Visio Online Network ER Diagram Flowchart Software UML BPMN ....
  • 17. CACOO • Zdarma můžete exportovat diagramy pouze do png, pracovat s 25 listy a sdílet jednu složku, ke které mohou přistupovat tři uživatelé. Po registraci se před uživatelem otevře poměrně podrobné prostředí, které nabízí řadu ukázek toho, co vše je možné s Cacoo vytvořit – mapy stránek, drátových modelů, vývojové diagramy, síťové diagramy, myšlenkové mapy, UML diagramy a řadu dalších druhů diagramů. • Podpora více uživatelů pracujících na jednom diagramu. • Dostupné z: https://cacoo.com/
  • 18. DALŠÍ • yEd Graph Editor • Gliffy