Architettura e visualizzazione dei dati in Drupal
-
Upload
ibuildings-italia -
Category
Internet
-
view
1.755 -
download
2
description
Transcript of Architettura e visualizzazione dei dati in Drupal
![Page 1: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/1.jpg)
ARCHITETTURA E VISUALIZZAZIONE DEI DATI IN DRUPAL
![Page 2: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/2.jpg)
#DrupalDaysITDRUPAL, DATAVIZ, DATA JOURNALISM
Richard Saul Wurman*: “Information Design è progettare la comprensione” !!!!!*TED, architettura dell’informazione
![Page 3: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/3.jpg)
#DrupalDaysITITALIAN RESEARCH MAP
irm.scienceonthenet.eu
MIUR CNR Zadig
![Page 4: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/4.jpg)
#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
![Page 5: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/5.jpg)
#DrupalDaysITMOLTI DATI
… • Elenco dei progetti Fp7 • Elenco contractors Fp7 • Ranking dei centri di ricerca internazionali • Ranking dei ricercatori • Valutazioni ANVUR …
![Page 6: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/6.jpg)
#DrupalDaysITDAL DATO AL DATASET
argomento
paese
titolo del progetto
data di inizio
cordis.europa.eu
![Page 7: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/7.jpg)
#DrupalDaysITDAL DATO AL DATASET
dati del progetto
contractors
coordinatore
![Page 8: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/8.jpg)
#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
![Page 9: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/9.jpg)
#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
![Page 12: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/12.jpg)
#DrupalDaysITRAW (VISUALIZZAZIONE)*
app.raw.densitydesign.org
*ma pure Excel
![Page 13: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/13.jpg)
#DrupalDaysITDATI SENSATI
![Page 14: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/14.jpg)
#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
![Page 15: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/15.jpg)
#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à…
![Page 16: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/16.jpg)
#DrupalDaysITDATI STRUTTURATI
![Page 17: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/17.jpg)
#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
![Page 18: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/18.jpg)
#DrupalDaysITTIPO: PROGETTO
![Page 19: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/19.jpg)
#DrupalDaysITIMPORT: PROGETTI
![Page 20: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/20.jpg)
#DrupalDaysITTIPO: CONTRACTOR
• location
![Page 21: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/21.jpg)
#DrupalDaysITIMPORT: CONTRACTORS
![Page 22: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/22.jpg)
#DrupalDaysITTIPO: COLLEGAMENTO
• entity api • entity reference
![Page 23: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/23.jpg)
#DrupalDaysITIMPORT: COLLEGAMENTI
• feeds tamper
![Page 24: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/24.jpg)
#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”
![Page 25: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/25.jpg)
#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”
![Page 26: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/26.jpg)
#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR
Campi della vista • anno • contractor • progetto
![Page 27: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/27.jpg)
#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR
Campi della vista • anno • contractor • progetto
![Page 28: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/28.jpg)
#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR
Campi della vista • anno • contractor • progetto
![Page 29: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/29.jpg)
#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR
Vista tabella
![Page 30: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/30.jpg)
#DrupalDaysITVISTE: PROGETTI PER ANNO PER CONTRACTOR
Vista tabella con aggregazione
![Page 31: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/31.jpg)
#DrupalDaysITMODELLI DI VISUALIZZAZIONE
Macchina (cruscotto) Organon (Few)
vs
(Feltron)
(Google)
![Page 32: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/32.jpg)
#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)
![Page 33: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/33.jpg)
#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)
![Page 34: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/34.jpg)
#DrupalDaysITSUITABLE?
![Page 35: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/35.jpg)
#DrupalDaysITD3
![Page 36: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/36.jpg)
#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…)
![Page 37: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/37.jpg)
#DrupalDaysITVISUALIZZAZIONE
D3 • Impostazione • Vista
![Page 38: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/38.jpg)
#DrupalDaysITVISUALIZZAZIONE
D3 • Impostazione • Vista
![Page 39: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/39.jpg)
#DrupalDaysITVISUALIZZAZIONE
D3 • Impostazione • Vista
![Page 40: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/40.jpg)
#DrupalDaysITVISUALIZZAZIONE
D3 • Impostazione • Vista
![Page 41: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/41.jpg)
#DrupalDaysITIRM OGGI
Dalle tabelle ai grafici*
*Paolo, e muoviti con sti grafici!
![Page 44: Architettura e visualizzazione dei dati in Drupal](https://reader033.fdocuments.net/reader033/viewer/2022052618/554bcd5db4c9058f6c8b4892/html5/thumbnails/44.jpg)
SPONSOR
MEDIA PARTNER