Taller dirigido a alumnos y ex-alumnos del Centro de Formación Izquierdo para utilizar los recursos de Aragón Open Data en sus aplicaciones desarrolladas con Ionic Framework.

1. tamiento de datos
con Ionic II

2. Resumen de Aragón Open Data
Introducción a Open Visual Data
Visualización de datos con Ionic
Demo/Laboratorio
Agenda

3. 3
Resumen de Aragón Open Data
Tratamiento de datos

4. Introducción a Aragón Open Data
¿Qué es?
Es el portal de datos abiertos del Gobierno de Aragón.
Es el catálogo a partir del cual los ciudadanos y las empresas
pueden acceder al conjunto de datos abiertos que publica el
Gobierno de Aragón y el resto de instituciones aragonesas que
quieren colaborar.

5. Introducción a Aragón Open Data
¿Cómo funciona?
El portal de Aragón Open Data está gestionado por el Gobierno de
Aragón y es accesible para todos los ciudadanos y empresas que
necesiten utilizar sus datos abiertos.
Estos datos se ofrecen con alta disponibilidad y formatos
reutilizables, lo que permite desarrollar con gran facilidad: herramientas
o servicios de terceros.
DGA

6. Introducción a Aragón Open Data
Formatos reutilizables
Es un portal en el que se muestran datos abiertos, en formatos reutilizables con el fin de que puedan ser aprovechados por otras personas o
empresas para desarrollar aplicaciones y servicios para el conjunto de los ciudadanos.
Algunos de estos formatos son: CSV, JSON, PX, RDF, SHP, XLS, XML…

7. Introducción a Aragón Open Data
Herramientas
En el caso de usuarios técnicos, Aragón Open Data tiene disponible varias APIs (Social
Data, Aragopedia, GA_OD_Core…)
Además, cuenta con un punto SPARQL para poder consultar datos semánticos
almacenados en Virtuoso.
Por medio del AOD Campus, el usuario podrá consultar material didáctico para
entender mejor qué son los datos abiertos.
El código de Aragón Open Data es público en Github:
https://github.com/aragonopendata

8. Introducción a Aragón Open Data
Servicios
Para alcanzar los objetivos perseguidos por Aragón Open Data, el proyecto centra parte de su esfuerzo en desarrollar
servicios de interés para los usuarios.
Estos servicios son un modo rápido de consumir los datos abiertos del portal, y una manera sencilla para los ciudadanos de
visualizar y comparar los datos.

9. 9
Introducción a Open Visual Data
¿Qué es Open Visual Data?

10. Introducción a Open Visual Data
Big Data
Big Data es un término que describe el gran volumen de datos, tanto estructurados como no estructurados, que inundan los
negocios cada día. Presentan un crecimiento en volumen, con un ritmo elevado y una gran variedad de datos disponibles.

11. Introducción a Open Visual Data
Planteamiento inicial
Aragón Open Data ofrece muchos
recursos, pero… ¿qué hacemos con
ellos?

12. Introducción a Open Visual Data
Planteamiento inicial

13. Introducción a Open Visual Data
¿Qué es Visual Data?
Open Visual Data es una herramienta que permite crear gráficos y visualizaciones con los datos disponibles en Aragón Open
Data. https://opendata.aragon.es/servicios/visualdata/

14. Introducción a Open Visual Data
Objetivos de Open Visual Data
• Facilidad de manejo: las columnas y las filas presentadas sobre un gráfico
facilitan la usabilidad de grandes cantidades de datos.
• Resultado final: de un simple vistazo podemos ver el resultado que
buscábamos cuando nos interesamos por un dato.
• Ayuda en la interpretación: los aspectos visuales nos ayudan a entender el
significado de los datos.
• Descartar datos poco representativos: un dato sin importancia o erróneo
permanecerá aislado en un gráfico, y no mezclado con el resto del conjunto.

15. Introducción a Open Visual Data
Facilidad de manejo

16. Introducción a Open Visual Data
Facilidad de manejo

17. Introducción a Open Visual Data
Resultado final

18. Introducción a Open Visual Data
Ayuda en la interpretación
¿Qué meses son?

19. Introducción a Open Visual Data
Ayuda en la interpretación

20. Introducción a Open Visual Data
Ayuda en la interpretación

21. Introducción a Open Visual Data
Ayuda en la interpretación

22. Introducción a Open Visual Data
Descartar datos poco representativos

23. 23
Visualización de datos con Ionic
¿Qué es Ionic?

24. Visualización de datos con Ionic
¿Que es Ionic 4?
Ionic es un framework que, de la mano de otros frameworks, nos permite crear aplicaciones híbridas multiplataforma y de
forma ágil.
Algunas de sus ventajas:
• Desarrollar aplicaciones móviles para iOS, Android y Web utilizando Ionic
• Utilizar componentes habituales de Ionic 4 como listas, forms, inputs, alerts, navegación, etc.

25. Visualización de datos con Ionic
¿Que nos ofrece OpenData e Ionic?

26. 26
Visualización de datos con Ionic
Tipos de Gráficos

27. Visualización de datos con Ionic
Tipos de gráficos - Gráficos de líneas

28. Visualización de datos con Ionic
Tipos de gráficos - Gráficos de barras

29. Visualización de datos con Ionic
Tipos de gráficos - Gráficos de donut

30. Visualización de datos con Ionic
Tipos de gráficos - Gráficos de tarta

31. Visualización de datos con Ionic
Tipos de gráficos - Gráficos de radar

32. Visualización de datos con Ionic
Tipos de gráficos - Gráficos polares

33. Visualización de datos con Ionic
Tipos de gráficos - Gráficos de burbujas

34. Visualización de datos con Ionic
Tipos de gráficos

35. 35
Visualización de datos con Ionic
Bibliotecas

36. Visualización de datos con Ionic
Bibliotecas – Google Charts
ng2-google-charts example
ng2-charts
Zingchart
Existen muchas bibliotecas creadas para Javascript

37. Demo/Laboratorio
Bibliotecas usadas en la demo
ng2-charts

38. ¿Preguntas?