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

Web scraping e Datawrapper per giornalisti locali