SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
Assostampa	della	Basilicata	-	Matera	-	17/01/2014

MAPPE,	INFOGRAFICHE	E
VISUALIZZAZIONI
INTERATTIVE	-	2
Alessio	Cimarelli
@jenkin27	|	Dataninja.it
forMedia®
DATA	JOURNALISM	&	DATA	VIZ
MADE	IN	ITALY

Dataninja	nasce	dall'incontro	tra	un	giornalista	della	carta
stampata	(Andrea	Nelson	Mauro	|	@nelsonmau)	e	un
ricercatore	/	giornalista	scientifico	/	sviluppatore	(io).
Tratti	in	comune:	passione,	curiosità,	voglia	di	imparare...
QUANDO	I	DATI	RACCONTANO	STORIE

Immagine	di	Massimo	Gentile	|	@tmaxgentile	|	bolditalic.com
QUANDO	I	DATI	RACCONTANO	STORIE
Bilancio	2013	del	comune	di	Bagnocavallo	(Ravenna)
analizzato	e	visualizzato	da	Franco	Morelli	|	@eccolimoro
QUANDO	I	DATI	RACCONTANO	STORIE
Mappa	del	turismo	e	della	tassa	di	soggiorno	nella	provincia	di
Siena	prodotta	da	Andrea	Angeli	|	@AndAngeli
QUANTI	PASSI	DEVO	FARE...
Per	arrivare	al	tuo	castello	con	la	fede	e
con	l'anello,	con	la	punta	del	coltello?
1.	
2.	
3.	
4.	
5.	
6.	

Trovare	i	dati	e	annusare	la	notizia
Scaricarli	e	trasformarne	il	formato	per	renderli	utilizzabili
Pulirli!
Analizzarli,	confrontarli	e	incrociarli	con	altri
Isolare	le	informazioni	rilevanti	e	scoprire	la	notizia
Comunicare	la	notizia	(testo,	infografiche,	viz,	app)
Nel	data	journalism,	in	fin	dei	conti,	c'è	più	journalism	che
data...
GIOCO	D'AZZARDO
#slotinvaders	è	un'inchiesta	congiunta	Dataninja	-	f5	sul
fenomeno	delle	slot	machine	in	Italia...

...	pubblicata	in	più	puntate	su	Wired	e	Il	Secolo	XIX	e	con	uno
spin-off	su	Domani	Andriese	e	Corato	Live.
PROFUMO	DI	NOTIZIE
Grande	attenzione	per	le	tematiche	del	gioco	d'azzardo:
proteste	(NoSlot,	SlotMob),	regolamenti	comunali	e	regionali,
discussioni	politico	/	fiscali,	ecc.

MECCANISMI	E	REGOLE
Un'attività	commerciale	che	voglia	installare	slot	machine
deve	chiedere	l'autorizzazione	all'Agenzia	dei	Monopoli	di
Stato.

OPEN	DATA
L'AAMS	pubblica	l'elenco	delle	autorizzazioni	on-line...
DOVE	SONO	'STE	SLOT?
Quando	si	parla	di	gioco	d'azzardo,	di	fonti	se	ne	trovano	tante,
ma	spesso	sono	informazioni	globali,	complessive,	aggregate.
Nel	2013	gli	italiani	hanno	speso	circa	17
miliardi	di	euro
Nel	2013	in	Italia	sono	state	rilasciate	circa
110	mila	autorizzazioni	a	installare	slot
Il	numero	di	italiani	che	soffrono	di
ludopatia	arriva	a	un	milione	e	mezzo
Ma	come	rispondere	a	una	domanda	localmente	rilevante?
I	DATI	DELL'AAMS
Ecco	cosa	rilascia	l'AAMS	sul	suo	sito:
Denominazione	(Wine	Bar	Il	Vizio)
Indirizzo	(Via	Loperfido,	28)
Tipologia	(Bar)
Dimensione	(74	mq)
Titolare	(Fabrizio	Giandomenico)
BELLI,	MA...
A	Matera	nel	2013	più	di	100	esercizi	commerciali	sono	stati
autorizzati	dallo	Stato	a	installare	Newslot	e	VLT.

Tutti	i	dati	sono	pubblicati	in	tre	tabelle	inserite	in	altrettante
pagine	web:	anche	solo	contarli	è	difficile!

WEB	SCRAPING
È	l'arte	di	estrarre	informazioni	strutturate	dalle	pagine	web:
da	una	tabella	HTML	a	un	foglio	di	calcolo...	con	cui	fare	i
calcoli!
PILLOLE	DI	TECNOLOGIE	WEB
Tutto	ciò	che	si	vede	del	web	è	il	risultato	di	tre	linguaggi.

HTML
<html><head><title>Box</title></head><body><div	id="box"></div></body><
/html>

CSS
body	{	width:	50%;	margin:	auto;	font-family:	Arial,	sans-serif;	color:	black;	}

JAVASCRIPT
document.getElementById("box").onclick	=	function(e)	{	alert("Box	clicked!");	}

Il	primo	descrive	la	struttura,	il	secondo	lo	stile,	il	terzo	il
comportamento...	un	computer	capisce	solo	questi	linguaggi!
UNA	TABELLA	IN	UNA	PAGINA	WEB
<table>	<!--	Inizio	tabella	-->
		<thead>	<!--	Inizio	intestazione	-->
				<tr>	<!--	Inizio	riga	-->
						<th>Titolo	1</th>
						<th>Titolo	2</th>
				</tr>	<!--	Fine	riga	-->
		</thead>	<!--	Fine	intestazione	-->
		<tbody>	<!--	Inizio	corpo	-->
				<tr>	<!--	Inizio	riga	-->
						<td>Contenuto	1</td>	<!--	Cella	1	-->
						<td>Contenuto	2</td>	<!--	Cella	2	-->
				<tr>	<!--	Fine	riga	-->
		</tbody>
</table>
UNA	TABELLA	IN	UNA	PAGINA	WEB
Titolo	1
Contenuto	1
Contenuto	3
Contenuto	5

Titolo	2
Contenuto	2
Contenuto	4
Contenuto	6

http://www.w3schools.com/html/html_tables.asp
Si	tratta	di	imparare	a	parlare	con	il	computer	nella	sua	lingua...
anche	a	gesti	e	con	una	pessima	pronuncia,	basta	capirsi!
GRAT	GRAT
Voglio	quello	che	dico	io,	come	lo	dico	io...
ma	devi	fare	(quasi)	tutto	tu!
C'è	un	linguaggio	specifico	per	navigare	una	struttura	HTML,
in	cui	indicare	e	da	cui	estrarre	con	precisione	chirurgica	le
informazioni	che	si	desiderano

XPATH
http://www.w3schools.com/xpath/
IL	MINATORE	DEI	DATI

Plugin	per	Chrome:	http://dtnj.it/dataminer.
MINATORI	ALLE	SLOT
Applicando
http://dtnj.it/dataminer
a
http://dtnj.it/ddjmateraaams
si	ottiene
http://dtnj.it/ddjmaterasheet
e
http://dtnj.it/ddjmateragft
SCRIVIAMO	IL	PEZZO
Occhiello
Titolo
Sommario
Attacco
Notizia
Corpo
Chiusa
Tutto	come	al	solito,	però	questa	volta	abbiamo	dati	e	numeri.
Li	possiamo	raccontare	a	parole	oppure	visualizzarli.
DATAWRAPPER
Ideato	e	sviluppato	da	giornalisti	tedeschi	(e	tradotto	in
italiano	da	dataninja),	è	un	servizio	gratuito	per	produrre
grafici	interattivi	in		soli	4	passi:
1.	
2.	
3.	
4.	

Carica	i	dati
Verifica	e	descrivi
Visualizza
Pubblica	ed	esporta
http://datawrapper.it/
Ottimo	tutorial:	http://docs.datawrapper.de/it/tutorial/.
THAT'S	ALL,	FOLKS!

@jenkin27
alessio.cimarelli@gmail.com
http://about.me/alessio.cimarelli	

WWW.DATANINJA.IT
https://slid.es/dataninja	|	http://slideshare.net/dataninja

Más contenido relacionado

Destacado

Lezione 8 - Pratica - Il diagramma E-R
Lezione 8 - Pratica - Il diagramma E-RLezione 8 - Pratica - Il diagramma E-R
Lezione 8 - Pratica - Il diagramma E-RGiuseppe Cramarossa
 
SCUOLA MARIA MONTESSORI_Progetto Etra
SCUOLA MARIA MONTESSORI_Progetto EtraSCUOLA MARIA MONTESSORI_Progetto Etra
SCUOLA MARIA MONTESSORI_Progetto Etramaristella22
 
Montessori unimc-ridotta -1
Montessori unimc-ridotta -1Montessori unimc-ridotta -1
Montessori unimc-ridotta -1imartini
 
Elementi di statistica (classe prima media)
Elementi di statistica (classe prima media)Elementi di statistica (classe prima media)
Elementi di statistica (classe prima media)welljump
 
Ottimizzare i flussi dei materiali: logistica interna e distributiva
Ottimizzare i flussi dei materiali: logistica interna e distributivaOttimizzare i flussi dei materiali: logistica interna e distributiva
Ottimizzare i flussi dei materiali: logistica interna e distributivaForema
 
Lean office: ridurre gli sprechi ed aumentare l’efficienza negli uffici
Lean office: ridurre gli sprechi ed aumentare l’efficienza negli ufficiLean office: ridurre gli sprechi ed aumentare l’efficienza negli uffici
Lean office: ridurre gli sprechi ed aumentare l’efficienza negli ufficiForema
 
Flow Chart - Diagramma a blocchi
Flow Chart - Diagramma a blocchiFlow Chart - Diagramma a blocchi
Flow Chart - Diagramma a blocchidibari.92
 

Destacado (8)

Lezione 8 - Pratica - Il diagramma E-R
Lezione 8 - Pratica - Il diagramma E-RLezione 8 - Pratica - Il diagramma E-R
Lezione 8 - Pratica - Il diagramma E-R
 
SCUOLA MARIA MONTESSORI_Progetto Etra
SCUOLA MARIA MONTESSORI_Progetto EtraSCUOLA MARIA MONTESSORI_Progetto Etra
SCUOLA MARIA MONTESSORI_Progetto Etra
 
Montessori unimc-ridotta -1
Montessori unimc-ridotta -1Montessori unimc-ridotta -1
Montessori unimc-ridotta -1
 
Elementi di statistica (classe prima media)
Elementi di statistica (classe prima media)Elementi di statistica (classe prima media)
Elementi di statistica (classe prima media)
 
Ottimizzare i flussi dei materiali: logistica interna e distributiva
Ottimizzare i flussi dei materiali: logistica interna e distributivaOttimizzare i flussi dei materiali: logistica interna e distributiva
Ottimizzare i flussi dei materiali: logistica interna e distributiva
 
Lean office: ridurre gli sprechi ed aumentare l’efficienza negli uffici
Lean office: ridurre gli sprechi ed aumentare l’efficienza negli ufficiLean office: ridurre gli sprechi ed aumentare l’efficienza negli uffici
Lean office: ridurre gli sprechi ed aumentare l’efficienza negli uffici
 
Flow Chart - Diagramma a blocchi
Flow Chart - Diagramma a blocchiFlow Chart - Diagramma a blocchi
Flow Chart - Diagramma a blocchi
 
Maria montessori
Maria montessoriMaria montessori
Maria montessori
 

Más de Dataninja

Confiscatibene data & community driven journalism
Confiscatibene data & community driven journalismConfiscatibene data & community driven journalism
Confiscatibene data & community driven journalismDataninja
 
The Migrants’ Files, one year later
The Migrants’ Files, one year laterThe Migrants’ Files, one year later
The Migrants’ Files, one year laterDataninja
 
#migrantsfiles international
#migrantsfiles international#migrantsfiles international
#migrantsfiles internationalDataninja
 
Confiscati Bene a Ferrara
Confiscati Bene a FerraraConfiscati Bene a Ferrara
Confiscati Bene a FerraraDataninja
 
Guida galattica per i data journalists
Guida galattica per i data journalistsGuida galattica per i data journalists
Guida galattica per i data journalistsDataninja
 
Un giornalista tra dati e sensori
Un giornalista tra dati e sensoriUn giornalista tra dati e sensori
Un giornalista tra dati e sensoriDataninja
 
Storie che nascono dai dati, come cambia il giornalismo nell'età della Rete
Storie che nascono dai dati, come cambia il giornalismo nell'età della ReteStorie che nascono dai dati, come cambia il giornalismo nell'età della Rete
Storie che nascono dai dati, come cambia il giornalismo nell'età della ReteDataninja
 
Data journalism: fare giornalismo con metodo (scientifico)
Data journalism: fare giornalismo con metodo (scientifico)Data journalism: fare giornalismo con metodo (scientifico)
Data journalism: fare giornalismo con metodo (scientifico)Dataninja
 
#migrantsfiles | Cortina d'Ampezzo, 8 luglio 2014
#migrantsfiles | Cortina d'Ampezzo, 8 luglio 2014#migrantsfiles | Cortina d'Ampezzo, 8 luglio 2014
#migrantsfiles | Cortina d'Ampezzo, 8 luglio 2014Dataninja
 
Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...
Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...
Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...Dataninja
 
Data Journalism: strumenti operativi | Bologna, 9 giugno 2014
Data Journalism: strumenti operativi | Bologna, 9 giugno 2014Data Journalism: strumenti operativi | Bologna, 9 giugno 2014
Data Journalism: strumenti operativi | Bologna, 9 giugno 2014Dataninja
 
When data journalism meets science | Erice, June 10th, 2014
When data journalism meets science | Erice, June 10th, 2014When data journalism meets science | Erice, June 10th, 2014
When data journalism meets science | Erice, June 10th, 2014Dataninja
 
Introduzione al data journalism | Roma, 7 giugno 2014
Introduzione al data journalism | Roma, 7 giugno 2014Introduzione al data journalism | Roma, 7 giugno 2014
Introduzione al data journalism | Roma, 7 giugno 2014Dataninja
 
Dispensa Datajournalism | Maggio 2014 | school.dataninja.it
Dispensa Datajournalism | Maggio 2014 | school.dataninja.itDispensa Datajournalism | Maggio 2014 | school.dataninja.it
Dispensa Datajournalism | Maggio 2014 | school.dataninja.itDataninja
 
Tra dati e notizie
Tra dati e notizieTra dati e notizie
Tra dati e notizieDataninja
 
Data visualization in data journalism workflow
Data visualization in data journalism workflowData visualization in data journalism workflow
Data visualization in data journalism workflowDataninja
 
Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014
Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014
Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014Dataninja
 
Come nasce un'inchiesta data-driven
Come nasce un'inchiesta data-drivenCome nasce un'inchiesta data-driven
Come nasce un'inchiesta data-drivenDataninja
 
20131130 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
20131130 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...20131130 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
20131130 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...Dataninja
 
20131026 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
20131026 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...20131026 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
20131026 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...Dataninja
 

Más de Dataninja (20)

Confiscatibene data & community driven journalism
Confiscatibene data & community driven journalismConfiscatibene data & community driven journalism
Confiscatibene data & community driven journalism
 
The Migrants’ Files, one year later
The Migrants’ Files, one year laterThe Migrants’ Files, one year later
The Migrants’ Files, one year later
 
#migrantsfiles international
#migrantsfiles international#migrantsfiles international
#migrantsfiles international
 
Confiscati Bene a Ferrara
Confiscati Bene a FerraraConfiscati Bene a Ferrara
Confiscati Bene a Ferrara
 
Guida galattica per i data journalists
Guida galattica per i data journalistsGuida galattica per i data journalists
Guida galattica per i data journalists
 
Un giornalista tra dati e sensori
Un giornalista tra dati e sensoriUn giornalista tra dati e sensori
Un giornalista tra dati e sensori
 
Storie che nascono dai dati, come cambia il giornalismo nell'età della Rete
Storie che nascono dai dati, come cambia il giornalismo nell'età della ReteStorie che nascono dai dati, come cambia il giornalismo nell'età della Rete
Storie che nascono dai dati, come cambia il giornalismo nell'età della Rete
 
Data journalism: fare giornalismo con metodo (scientifico)
Data journalism: fare giornalismo con metodo (scientifico)Data journalism: fare giornalismo con metodo (scientifico)
Data journalism: fare giornalismo con metodo (scientifico)
 
#migrantsfiles | Cortina d'Ampezzo, 8 luglio 2014
#migrantsfiles | Cortina d'Ampezzo, 8 luglio 2014#migrantsfiles | Cortina d'Ampezzo, 8 luglio 2014
#migrantsfiles | Cortina d'Ampezzo, 8 luglio 2014
 
Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...
Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...
Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...
 
Data Journalism: strumenti operativi | Bologna, 9 giugno 2014
Data Journalism: strumenti operativi | Bologna, 9 giugno 2014Data Journalism: strumenti operativi | Bologna, 9 giugno 2014
Data Journalism: strumenti operativi | Bologna, 9 giugno 2014
 
When data journalism meets science | Erice, June 10th, 2014
When data journalism meets science | Erice, June 10th, 2014When data journalism meets science | Erice, June 10th, 2014
When data journalism meets science | Erice, June 10th, 2014
 
Introduzione al data journalism | Roma, 7 giugno 2014
Introduzione al data journalism | Roma, 7 giugno 2014Introduzione al data journalism | Roma, 7 giugno 2014
Introduzione al data journalism | Roma, 7 giugno 2014
 
Dispensa Datajournalism | Maggio 2014 | school.dataninja.it
Dispensa Datajournalism | Maggio 2014 | school.dataninja.itDispensa Datajournalism | Maggio 2014 | school.dataninja.it
Dispensa Datajournalism | Maggio 2014 | school.dataninja.it
 
Tra dati e notizie
Tra dati e notizieTra dati e notizie
Tra dati e notizie
 
Data visualization in data journalism workflow
Data visualization in data journalism workflowData visualization in data journalism workflow
Data visualization in data journalism workflow
 
Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014
Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014
Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014
 
Come nasce un'inchiesta data-driven
Come nasce un'inchiesta data-drivenCome nasce un'inchiesta data-driven
Come nasce un'inchiesta data-driven
 
20131130 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
20131130 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...20131130 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
20131130 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
 
20131026 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
20131026 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...20131026 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
20131026 - Open Ricostruzione: i fondi destinati a Bondeno (Ferrara) dopo il ...
 

Web scraping e Datawrapper per giornalisti locali