architettura e visualizzazione dei dati in drupal

ARCHITETTURA E VISUALIZZAZIONE DEI DATI IN DRUPAL

#DrupalDaysITDRUPAL, DATAVIZ, DATA JOURNALISM

Richard Saul Wurman*: “Information Design è progettare la comprensione” !!!!!*TED, architettura dell’informazione

#DrupalDaysITITALIAN RESEARCH MAP

irm.scienceonthenet.eu

MIUR CNR Zadig

#DrupalDaysITDAL DATO AL SIGNIFICATO*

Porsi la query giusta !“Mostra chi fa ricerca in Italia e permetti di valutare la qualità della ricerca” (con budget limitato…)

*passando per Drupal

#DrupalDaysITMOLTI DATI

… • Elenco dei progetti Fp7 • Elenco contractors Fp7 • Ranking dei centri di ricerca internazionali • Ranking dei ricercatori • Valutazioni ANVUR …

#DrupalDaysITDAL DATO AL DATASET

argomento

paese

titolo del progetto

data di inizio

cordis.europa.eu

#DrupalDaysITDAL DATO AL DATASET

dati del progetto

contractors

coordinatore

#DrupalDaysITIL DATASET

Progetti

PJ_UID RCN PROJECT_TITLE START END …

9803873 85232 An interoperability service utility… 01/02/08 31/07/10 …

9803920 85233 Coupling charge transport to internal…

01/01/08 31/12/10 …

9803967 85234 Community-based Interoperability… 01/02/08 31/01/11 …

9804029 85235 Dual-channel CMOS for (sub)-22 … 01/12/07 30/11/10 …

9804106 85236 Field opErational teSts supporT … 05/11/07 04/05/08 …

9804170 85237 Quality impact prediction for … 01/01/08 31/12/10 …

9804248 85238 Extended large (3D) integration … 01/11/07 30/04/11 …

9804272 85239 Treble-CLEF: evaluation… 01/01/08 31/12/09 …

9804304 85240 Developing versatile and robust … 01/02/08 31/03/11 …

Contractor

CONTRACTOR_ROLE

PJ_UID ORGANIZATION_NAME

P 9843724 EUROPEAN ROAD TRANSPORT TELEMATICS IMPLEMENTATION COORDINATION …

C 9843724 VLAAMSE OVERHEID

C 9843724 UNIVERSITAET STUTTGART

C 9843724 NAVTEQ B.V.

C 9843850 AL-AHLYYA AMMAN UNIVERSITY

C 9843850 UNIVERSITE LYON 2 LOUIS LUMIERE

C 9843850 INSTITUTE FOR LANGUAGE AND SPEECH PROCESSING - "ATHENA" RESEARCH CENTER

C 9843850 COMMISSARIAT A L'ENERGIE ATOMIQUE

C 9843850 CENTRE NATIONAL DE LA RECHERCHE SCIENTIFIQUE

#DrupalDaysITAUMENTARE IL DATASET

Integrare i dati con altre fonti. L’unione di due dataset crea un nuovo oggetto. Dataset va trasformato per poter essere aumentato • normalizzazione • data mining • prototipare la visualizzazione

#DrupalDaysITOPEN REFINE (NORMALIZZAZIONE)

openrefine.org

#DrupalDaysITKNIME (DATA MINING)

knime.org

#DrupalDaysITRAW (VISUALIZZAZIONE)*

app.raw.densitydesign.org

*ma pure Excel

#DrupalDaysITDATI SENSATI

#DrupalDaysITDRUPAL COME FRAMEWORK PER LA DATAVIZ

• Facilità di configurazione* • Possibilità di collegare n altri dati • Possibilità di aggiornare i dati • Backoffice semplice per modificare • Semplice creazione di nuove query • Dataviz • Maschere di interrogazione dei dati • Serendipità (prove ed errori) • …

* deve capirlo anche quel testone del redattore che deve poter aggiungere contenuti al sistema

#DrupalDaysITQUERY CHE DESIDERIAMO DA DRUPAL*

• Conta le categorie di progetti per contractor • Conta quanti partner ha un contractor • Calcola la media dei finanziamenti di un progetto • Conta con quante nazionalità collabora un contractor • Per ogni contractor conta i partner con più

collaborazioni

*Calcoli semplici per dati sporchi, poi si vedrà…

#DrupalDaysITDATI STRUTTURATI

#DrupalDaysITSTRUTTURA DEI CONTENUTI

!Analisi dei tipi di contenuto e scelta dei moduli per accogliere i campi dei tipi di contenuto. Ogni tabella è un tipo di contenuto.

Moduli per tipo di contenuto • date • entity reference • location • libraries • views

Moduli per import • feeds • feeds tamper • location feeds • entity reference feeds

#DrupalDaysITTIPO: PROGETTO

#DrupalDaysITIMPORT: PROGETTI

#DrupalDaysITTIPO: CONTRACTOR

• location

#DrupalDaysITIMPORT: CONTRACTORS

#DrupalDaysITTIPO: COLLEGAMENTO

• entity api • entity reference

#DrupalDaysITIMPORT: COLLEGAMENTI

• feeds tamper

#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR

Relationship tra “id contractor” (title) del tipo “Contractor” e campo entity reference che referenzia l’id contractor nel tipo “Collegamento”

#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR

Relationship tra “id progetto” (title) del tipo “Progetto” e il campo entity reference che referenzia l’id progetto nel tipo “Collegamento”

#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR

Campi della vista • anno • contractor • progetto

#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR

Campi della vista • anno • contractor • progetto

#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR

Campi della vista • anno • contractor • progetto

#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR

Vista tabella

#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR

Vista tabella con aggregazione

#DrupalDaysITMODELLI DI VISUALIZZAZIONE

Macchina (cruscotto) Organon (Few)

vs

(Feltron)

(Google)

#DrupalDaysITDASHBOARD: UNSUITABLETroppo testo e tabelle: difficoltà di individuare i dati salienti !Torte e altri oggetti rotondi: occupano troppo spazio e la differenza di area può non essere percepita accuratamente !Grafici in pila: richiedono troppa concentrazione Grafici a radar: difficile paragonare le diverse variabili. !Tachimetri, termometri e altre metafore: meramente ornamentali, rischio di rappresentare male i dati e tenere oscure le unità di misura

(Stephen Few)

#DrupalDaysITDASHBOARD: SUITABLEBarre, linee o combinate !Liste e tabelle molto semplici !Box plot: molto informativi, danno conto della variabilità del fenomeno !Dispersione (scatterplot): ma con una linea di correlazione (R)

(Stephen Few)

#DrupalDaysITSUITABLE?

#DrupalDaysITD3

#DrupalDaysITDRUPAL + D3 = DATAVIZ

Vista - > dati json - > libreria D3 -> viz | Modulo = d3.js* | -> viz

*”There are several javascript charts & graphs libraries out there, googleapi and jqplot for example. The D3 library, however, is not only a much more flexible library, but also offers more than just charts and graphs.” !

Librerie grafiche incluse nel modulo: • linee • barre • torte • possibilità di aggiungere altre librerie (treemap,

map, area graph…)

#DrupalDaysITVISUALIZZAZIONE

D3 • Impostazione • Vista

#DrupalDaysITVISUALIZZAZIONE

D3 • Impostazione • Vista

#DrupalDaysITVISUALIZZAZIONE

D3 • Impostazione • Vista

#DrupalDaysITVISUALIZZAZIONE

D3 • Impostazione • Vista

#DrupalDaysITIRM OGGI

Dalle tabelle ai grafici*

*Paolo, e muoviti con sti grafici!

SERGIO CIMAsergiocima@gmail.com @sergio_cima

paolo.griselli@demade.net @pauligree

PAOLO GRISELLI

SERGIO CIMAsergiocima@gmail.com @sergio_cima

paolo.griselli@demade.net @pauligree

PAOLO GRISELLI

SPONSOR

MEDIA PARTNER