architettura e visualizzazione dei dati in drupal
DESCRIPTION
Sergio Cima @ Drupal Days 2014TRANSCRIPT
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
#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!
SPONSOR
MEDIA PARTNER