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. Trovare i dati e annusare la notizia
  2. Scaricarli e trasformarne il formato per renderli utilizzabili
  3. Pulirli!
  4. Analizzarli, confrontarli e incrociarli con altri
  5. Isolare le informazioni rilevanti e scoprire la notizia
  6. 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 Titolo 2
Contenuto 1 Contenuto 2
Contenuto 3 Contenuto 4
Contenuto 5 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. Carica i dati
  2. Verifica e descrivi
  3. Visualizza
  4. Pubblica ed esporta


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