Dades i visualización d’informació. Escola Administratció Pública de Catalunya.

1. Dades i visualització d’informació
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

2. QUI SÓC
o Grau universitari en Multimèdia
o Màster universitari en Societat d 'Informació i
el Coneixement
o Formador Infografia i Visualització a
Barcelona Activa
o Consultor docent a la UOC
o Membre Infoexplorers
(Xarxa d'experts en anàlisis de
dades,visualització i xarxes socials)
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

3. AGENDA
2
1
Context
3
4
Infografia Fonts de Categories
visualització dades
Ignasi Alcalde
Dades i visualització d’informació
5
Sectors
6
Admin
www.ignasialcalde.es
@ignasialcalde

4. 1
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.CONTEXT
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

5. EL NOU PETROLI
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

6. DATA SOCIETY
La disrupció no és la dada, sinó el canvi que es genera.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

7. DATA SOCIETY
Es parla de la ciència de les dades.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

8. BIG DATA
És un terme aplicat a
conjunts de dades que
superen la capacitat del
programari habitual per ser
capturats gestionats i
processats en un temps
raonable .
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

9. BIG DATA
http://wearedata.watchdogs.com/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

10. BIG DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

11. OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

12. OPEN DATA
Open Data
Obertura de dades públiques en
formats digitals, estàndards i
oberts per a ser reutilitzats de
forma automàtica.
Qualsevol pot usar-los
gratuïtament quan vulgui per la
finalitat que vulgui
(inclòs l’ànim de lucre)
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

13. DADES =
VALOR ECONÒMIC
L’activitat infomediaria
espanyola es calcula que
és de 330 a 550 M €
Hi ha un univers de 150
empreses que generen,
aplicacions, productes i
serveis amb valor
destinats a Tercers, a
partir de laInformació
del Sector Públic.
* Segons l'Estudi
'Caracterització del sector
infomediari a Espanya'.
Projecte Datos.gob.es. juny
2012
Font: Marc Garriga
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

14. DADES =
VALOR ECONÒMIC
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

15. DADES =
TRANSPARÈNCIA
http://ialcalde.es/ogoverment
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

16. DADES =
TRANSPARÈNCIA
http://goo.gl/0TJfi
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

17. DADES= VALOR
DEMOCRATIC
http://presupuesto.aragon.es/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

18. 2
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.
INFOGRAFIA i VISUALITZACIÓ
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

19. REFINERIES
DE DADES
Si les dades són el nou petroli
necessitem refineries de dades
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

20. MOLTES DADES ?
VISUALITZAR
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

21. INTERÈS INTERNET
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

22. PERCEPCIÓ
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

23. SOM VISUALS
Roman Ondak “Measuring Universe“
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

24. PERCEPCIÓ
Font: http://neomam.com/interactive/13reasons/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

25. PERCEPCIÓ
Font: http://neomam.com/interactive/13reasons/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

26. 6 RAONS
1.Som éssers visuals
2.Infoxicació
3.Són més atractives
4.Comprensió
5.Retenció Lectora
6.Viralitzables
http://ialcalde.es/13raons
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

27. OBJECTIUS
VIS. INFORMACIÓ
•
•
•
•
•
•
Respostes a les preguntes (o descobrir)
Prendre decisions
Veure dades en el seu context
Suport càlcul gràfica
Trobar patrons
Presentar arguments o explicar una
història
• Inspirar
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

28. FUNCIONS
VIS. INFORMACIÓ
Tres funcions de la visualització de dades
• Registre: emmagatzemar informació sintèticament
• Analitzar: donar suport al raonament sobre la
informació
• Comunicar: transmetre la informació als altres
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

29. INFOGRAFIA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

30. DEFINIM INFOGRAFIA
“és una representació més visual que els mateixos textos, en
la
qual
intervenen
descripcions,
narracions
o
interpretacions, presentades de manera gràfica figurativa,
amb la intenció de sintetitzar informació i transmetre
coneixement”
Font: Wikipedia
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

31. QUE FAN
“Explicar històries visualment”
Font :
Chiqui Esteban: Editorial Designer (Graphics) The Boston Globe
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

32. VISUALITZACIÓ
http://ialcalde.es/eurozonedebt
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

33. VISUALITZACIÓ
Font : http://hint.fm/wind/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

34. DEFINIM
Visualització
“ Multidisciplina que representa les dades transformant-les
en informació semàntica a través de mitjans gràfics,
combinant la seva funcionalitat i estètica amb simplicitat, i
estimulant la participació dels usuaris “
Font : taller VISDA MosaIc UOC
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

35. CONCEPTES
Infografia Vs Visualització
“la infografia consisteix a presentar informació per mitjà de gràfics estadístics,
mapes i esquemes, mentre que la visualització es basa en la creació d’eines
visuals (estàtiques i interactives) que un públic pugui fer servir per explorar,
analitzar i estudiar conjunts complexos de dades “
Hi ha una naturalesa comuna de la infografia i la visualització ja que
pertanyen a un mateix continu, on els límits de la qual són definits per les
paraules presentació i exploració.
Font: El arte funcional : Alberto Cairo.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

36. 6 RAONS
1.Som éssers visuals
2.Infoxicació
3.Són més atractives
4.Comprensió
5.Retenció Lectora
6.Viralitzables
http://ialcalde.es/13raon
s
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

37. BASES COGNITIVES
“Les dades, organitzades i emprades degudament , poden
convertir-se en informació.
La informació, absorbida, compresa i aplicada per les persones,
Font. ffctn.com
pot convertir-se en coneixements.
Els coneixements aplicats freqüentment en un camp poden
convertir-se en saviesa, i la saviesa és la base de l'acció positiva”
Michael Cooley:”Architect or Bee?”Hogarth Press,London,UK,1987.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

38. BASES COGNITIVES
De la Informació a la Saviesa
Saviesa
Coneixement
•Assimilació personal
•Aplicació de la informació
Informació
Font. ffctn.com
1
Complexitat
•No transmissible
•Aplicació ‘ ètica’ dels coneixements
•Estructuració de les dades
• Semàntica
• Narrativa
Cognitiva
Dades
Registres d'observacions
Font: Outliers.es
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

39. PROCÉS
Dades
Creuar amb
més dades
Texte
Qüestionar-les
Verificar-les
Contrastar-les
Netejar
dades
Visualitzarles
Gràfic
estàtic/
interactiu
Aplicació
Preguntes
Comprobacions
Verificacions
* Font: Carlos Alonso
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

40. PROCÉS
Com explicar una història amb la informació
http://youtu.be/mkEXx7sDXAI
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

41. 3
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.
FONTS
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

42. ÓN SON LES DADES
a.
Repositoris públics
b.
Repositoris comercials
c.
Recerca avançada
d.
Petició directa
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

43. REPOSITORIS PÚBLICS
Institucions públiques: #opendata
– Generalitat de Catalunya
– Ajuntament de Barcelona
Departaments d'Estadística
–
–
–
–
Generalitat de Catalunya - Idescat
Govern d'Espanya – INE
Unió Europea – Eurostat
Departaments Cartogràfics
Iniciatives privades
– CKAN
– Publicdata.eu
– Opengovernmentdata.org
– Open Knowledge Foundation
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

44. REP. COMERCIALS
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

45. REP. COMERCIALS
http://youtu.be/AM6w_tUlIn4
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

46. RECERCA AVANÇADA
Paràmetres avançats de recerca en Google filetype:xls
site:domain.tld
(arrel)
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

47. PETICIO DIRECTA
No hi ha llei de transparència a Espanya que reguli el dret a saber dels ciutadans i
les obligacions de les administracions públiques a contestar.
•AccessInfo
•Pro Bono Público
•Abredatos
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

48. PETICIO DIRECTA
• Bases de dades de creació
pròpia
• Col·laboració amb
l'audiència – Crowdsourcing
• Experiències:
– Adopta un senador
http://derechointernet.org/node/569
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

49. 4
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.
CATEGORIES
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

50. CATEGORIES
•
•
•
•
•
Ignasi Alcalde
Que volem representar?
Quin tipus de relació?
Quines variables volem mostrar?
Tenim informació temporal?
Geogràfica?
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

51. CATEGORIES
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

52. PODEM VEURE
•
•
•
•
•
Tendències
Patrons
Anomalies
Connexions
Correlacions
Ignasi Alcalde
•
•
•
•
•
Comparacions
Relacions
Jerarquia
Localitzacions
Processos
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

53. TENDÉNCIES
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

54. PATRONS
Font: Aaron Koblin
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

55. ANOMALIES
Font: Active users of Google+. Hermes Project.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

56. CONEXIONS
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

57. CORRELACIONS
Font: www.marctomarket.com -
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

58. COMPARACIONS
http://especiales.lainformacion.com/espana/patrimonio-diputados/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

59. JERARQUIA
http://especiales.lainformacion.com/economia/presupuestos-generales-estado
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

60. LOCALITZACIONS
http://voces25s.es/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

61. PROCESSOS
Font: Martin Cajzer's
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

62. 5
Ignasi Alcalde
INFOGRAFIA I VISUALITZACIÓ
DE DADES. EXEMPLES SECTORS
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

63. DATA ART
http://youtu.be/4v4XxlfVk3o
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

64. TURISME
The Geotaggers world Atlas
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

65. POLÍTICA
http://politilines.periscopic.co
m/
Visualitzar las paraules
utilitzades en els debats de les
primaries del partit Republicà
Ignasi Alcalde
Placeholder
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

66. INVESTIGACIÓ
Font: http://www.scientificamerican.com/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

67. MÚSICA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

68. EDUCACIÓ
http://www.educationworld.com/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

69. SELF TRACKING
http://infosthetics.com/archives/2011/06/visualizing_1000_nike_runs_in_new_york_city.html
http://vimeo.com/24703033
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

70. INFORMES
http://2010.tnsdigitallife.com/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

71. SOCIAL TRACKING
http://www.youtube.com/watch?v=PC99Nw2JX8w
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

72. SMART CITIES
http://senseable.mit.edu/livesingapore/visualizations.html
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

73. 6
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.
EXEMPLES ADMIN PÚBLICA
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

74. FUNDACIONS
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

75. TRANSPARÈNCIA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

76. TRANSPARÈNCIA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

77. TRANSPARÈNCIA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

78. OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

79. OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

80. DADES= VALOR
DEMOCRATIC
Ignasi Alcalde
Freedom of Information Act
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

81. OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

82. OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

83. OPEN DATA
Ignasi Alcalde
Idescat Public Data Explorer
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

84. CITA
Una bona visualització és una peça
d’art que fa visible el que és invisible.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

85. CONTACTE
Ignasi Alcalde
www.ignasialcalde.es
@ignasialcalde
info@ignasialcalde.es
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde