Post on 13-Feb-2017
transcript
VisualizacionesdedatosavanzadasenWordPress
dreguera@mondragon.edu� DaniRegueraBakhache� @dreguera
¿Quéeslavisualizacióndedatos?
“Lavisualizacióndedatos(datavisualiza3on,en
inglés)eselprocesodebúsqueda,interpretación,contrastaciónycomparaciónde
datosquepermiteunconocimientoenprofundidadydetalledelosmismosdetalforma
quesetransformeneninformacióncomprensibleparaelusuario”
Wikipediadixit
2
¿Porquéestanimportantelavisualizacióndedatos?
Almacenamostalcan@daddedatosde
diferentes@pos,dediferentesformatosydediferentesorígenesqueloquequeremosespoderrepresentarlosdemaneraentendible,
usableybonitaparaelusuario
3
¿Donderepresentaresosdatos?
§ Podemosrepresentaresosdatosendiferentesplataformas:¨ Desdelaweb:Enunsi@oWordPress¨ Enelmóvil:Puedeseresemismosi@oWordPressperoop@mizadoparamóviles.(Piensaenweb)
¨ Desdeunaappmóvil.¨ Enunsimpledisplaydeunsistemaembebido
4
Procesodevisualizacióndedatos
5
¿Cómorepresentaresosdatos?
6
¿Cómovamosarepresentaresosdatos?
7
¿Quéherramientasdisponemos?
8
§ Comerciales,freemium,SaaS:¨ Infogram¨ Piktochart¨ GoogleCharts¨ …
§ LibreríasJavaScript:¨ D3.js¨ Flotr2.js¨ Raphael.js¨ Dygraphs.js¨ …
GoogleCharts
9
Pensemosenlaweb
10
CanvasvsSVG
11
hbp://www.htmlgoodies.com/html5/other/html5-canvas-vs.-svg-choose-the-best-tool-for-the-job.html#fid=dkP-OnzEx3B
D3.js
12
GoogleAnaly@csusaD3.js
13
Flotr2.js
14
¿Quépodemoshacer?
15
¿YenWordPressqué?
16
17
UsingJavaScriptonWordPress
18
hbps://codex.wordpress.org/Using_Javascript
Créditos§ IñakiArenaza:@iarenaza§ IñakiGaritano:www.mondragon.edu§ AntonioVillegas:wprincipiante.es§ RicardoyVerónicadeSiloCrea@vo:silocrea@vo.com§ D3.js:d3js.org§ Flotr2.js:humblesooware.com/flotr2/§ Ilustraciones,textosygráficoshechosconCanvaFreewww.canva.com
19
Preguntas
20
¡Muchasgracias!Eskerrikasko!Grazas!Gràcies!Dankeschön!Thanks!Merçi!Grazie!Obrigado!Qatlho’!
DaniRegueraMondragonUnibertsitateadreguera@mondragon.eduhbps://twiber.com/dreguera
hbps://linkedin.com/in/danireguera