adventures in data visualization 2015 workshop sulla ... · con licenza creative commons,...

15
University of Applied Sciences and Arts of Southern Switzerland Department for Environment Constructions and Design Laboratory of visual culture Adventures in Data visualization 2015 Workshop sulla visualizzazione di dati tramite tecnologie web e design computazionale supsi-dacd lcv Campus Trevano ch-6952 Canobbio

Upload: vuongthu

Post on 15-Feb-2019

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

University of Applied Sciences and Arts of Southern SwitzerlandDepartment for Environment Constructions and DesignLaboratory of visual culture

Adventures in Data visualization 2015 Workshop sulla visualizzazione di dati tramite tecnologie web e design computazionale

supsi-dacd lcv Campus Trevanoch-6952 Canobbio

Page 2: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

3Adventures in data visualization 2015

I contenuti di questo rapporto sono rilasciati con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso modo 4.0 Internazionale

Autore:Serena Cangiano Laboratorio cultura visva SUPSIScuola universitaria professionale della Svizzera italiana

Indice

Introduzione

1 Adventures in data visualization

1.1 Descrizione 1.2 Metodologia1.3 Tecnologie1.4. Dati1.5 Programma

2 I risultati

2.1 Dropper2.2 FF-MM2.3 Light pollution report by a Saturnian2.4 Sound of commuting2.5 Summer in the city2.6 SupermAIRo2.7 User perceptions of on-line sharing

services

3. Colophon

3.§ Docente 3.2 Coordinamento3.3 Partecipanti3.4 Galleria fotografica3.5 Media

Introduzione OASI Osservatorio Ambientale della Svizzera italiana si occupa di monitorare, validare e rendere pubblici i dati ambientali relativi al Canton Ticino. Nel gennaio del 2014, in occasione della pubblicazione della nuova versione del sito OASI Web, l’applicazione multipiattaforma che permette di accedere e visualizzare i dati ambientali del Canton Ticino, OASI decide di offrire la possibilità agli utenti di scaricare dal sito i dataset resi accesibili in formato .csv e come dati aperti.

Il Laboratorio cultura visiva organizza dal 2014 un corso estivo di formazione continua sul tema della visualizzazione dei dati tramite tecnologie digitali e interattive: Adventures in data visualization.Il corso è un workshop pratico in cui i partecipanti, di provenienza svizzera e internazionale, sviluppano in modo collaborativo un’idea e un prototipo funzionante di un progetto di design digitale o fisico, che si basa su dati numerici non elaborati, utilizzando framework di program-mazione semplici e open source.

Considerate le innuvemerevoli opportunità che nascono dall’incontro tra il design compu-tazionale e il settore del rilascio in open source di dati ambietali, il Laboratorio cultura visiva ha proposto di sviluppare una edizione del workshop che coinvolgesse designer, artisti e infor-matici ticinesi, svizzeri e internazionali nel processo di sviluppo di soluzioni di visualizzazione dei dati ambientali forniti da OASI. L’obiettivo del workshop è:- visualizzare i dati in maniera non convenzionale e semplificata al fine di avvicinare le per-sone al tema dell’inquinamento ambientale con un approccio creativo e sperimentale;- validare le opportunità progettuali e nell’ambito della formazione offerta dall’uso di open data;- valorizzare le attività e i dati stessi di OASI come una della prime organizzazioni in Ticino che propone il rilascio di dati aperti tramite internet.

Il seguente report documenta i risultati del workshop Adventures in data visualization che ha avuto luogo dal 19 al 23 luglio 2015 presso l’atelier Master / Fablab situato al piano -1 del Blocco A del Campus Trevano della SUPSI a Canobbio.

Page 3: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

1. Adventures in data visualizationIl workshop

ADVENTURES IN DATA VISUALIZATIONWORKSHOP

19-23 JULY 2015

SUPSICAMPUS TREVANOLUGANO SWITZERLAND

HTTP://WWW.MAIND.SUPSI.CH/WORKSHOPS

Locandina del workshop Adventures in data visualization, graphic design: Leonardo Angelucci (Laboratorio cultura visiva)

Page 4: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

6 7Adventures in data visualization 2015Adventures in data visualization 2015

Adventures in data visualization è un corso pratico dedicato all’esplorazione dell’ambito della visualizzazione di dati attraverso l’uso di techniche e tecnologie di design computazionale. Accedendo e manipolando open dataset accessibili su internet i partecipanti progettano e svi-luppano progetti che rendono dati numerici comprensibili e tangibili attraverso sistemi digi-tali, web oppure fisici al fine di trasformarli in esperienze interattive o storie.

Le attività del workshop si basano su sessioni di progettazione, programmazione e prototi-pazione in cui i partecipanti lavorano individualmente o in gruppo. Non è previto un design brief preciso: il progetto finale può essere sia digitale e fruibile tramite uno schermo, un’instal-lazione basata su proiezioni o una struttura stampata in 3D o incisa con macchine di taglio al laser.

I progetti possono essere realizzati con un approccio narrativo, sperimentale, artistico o basato su tecniche di information design.

1.2 MetodologiaRispetto alla prima edizione del corso organizzata nel luglio del 2014 e durante la quale si è lavorato su lezioni frontali e sulla realizzazione di progetti digitali, abbiamo deciso di aprire gli obiettivi del workshop a un lavoro di tipo sperimentale, in cui il modello di formazione si basasse sempre su tre componenti fondamentali: ideare, prototipare, progettare. Altri ingredienti della metodologia applicata del workshop sono il creative coding e l’utiliz-zo del Web come piattaforma per sviluppare velocemente applicazioni, interfacce e sistemi interattivi. Infine, è stata data ai partecipanti la possibilità di trasformare le proprie idee in artefatti fisici grazie all’utilizzo di macchine di produzione e prototipazione digitalizzata del fablab SUPSI. La selezione dei partecipanti è stata guidata dalla volontà di mettere insieme persone di profili diversi al fine di facilitare la realizzazione di progetti e un processo di apprendimento di tipo orizzontale e peer to peer. L’unico requisito richiesto per partecipare è la motivazione a imparare attraverso il fare e sperimentare facendo passi graduali, affrontando la progettazi-one prototipando direttamente con il codice.Infine, sono stati scelti degli open dataset come materiale grezzo da cui partire per realizzare i progetti.

1.3 TecnologiaPer supportare la realizzazione dei prototipi è stata selezionata una tecnologia open source ovvero la libreria D3.js, uno strumento utilizzato per la visualizzazione di documenti basati su dati.

D3.js (D3 sta per Data-Driven Documents) è una libreria di JavaScript che permette di realizzare visualizzazioni dinamiche e interattive sul browser. La libreria si basa su standard diffusi di SVG, HTML5 e CSS.

Alle tecnologie web si aggiungono le tecnologie di produzione e prototipazione rapida disponibili presso il fablab SUPSI:– una stampante 3D uPrint Dimension (area di stampa 203 x 152 x 152 mm, spessore dei livelli: 0.254 mm, materiale: ABS avorio);– una stampante 3D Ultimaker (210 x 210 x 205 mm, spessore livelli: a 0.3 mm a 0.1 mm, materiale: PLA);- una macchina CNC Shopbot buddy (modello 48’’, area di taglio: 610 x 1219 x 127mm, materiali: diversi);– una macchina a taglio laser (area di taglio: 900 x 600 mm, CO2 laser tube, 60w).

1. Descrizione

Sito web della libreria open source www.d3js.org

Page 5: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

8 9Adventures in data visualization 2015Adventures in data visualization 2015

1.4 DatiI dati utilizzati sono quelli resi accessibili sul sito OASI in formato csv riguardo alle condizioni ambientali in Ticino, dalla qualità dell’aria, all’inquinamento luminoso, traffico e rumore. I dati sono aperti alle seguenti condizioni d’uso: in generale i dati scaricati possono essere liberamente usati, condivisi e pubblicati a condizione che venga citato adeguatamente il proprietario dei dati indicato nel file. Fanno eccezione i dati dell’Ufficio federale di meteorologia e climatologia (MeteoSvizzera) che non possono essere né pubblicati su internet o altri mass-media né trasmessi a terzi nella loro forma grezza né usati a scopo commerciale.

1.5 ProgrammaGiorno 1. Domenica 19 luglio. Durante il primo giorno di workshop sono stati presentati l’ambito della visualizzazione dei dati e i dati accessibili dal sito web OASI. Nel pomeriggio sono stati creati i gruppi di lavoro e delle tavole di discussione per definire le idee di progetto. Ai partecipanti è stato chiesto di presentare i loro lavori di ricerca o progetti sul tema della visualizzazzione dei dati. Giorno 2. Lunedi 20 luglio. Introduzione pratica alla libreria D3.Js e alla Web Platform e avvio delle attività di definizione e progettazione del progetto.Giorno 3. Martedi 21 luglio. Inizio dello sviluppo dei progetti.Giorno 4. Mercoledi 22 luglio. Sviluppo e realizzazione dei prototipi funzionanti.5. Giovedi 23 luglio. Rifinitura dei prototipo e presentazione in una mostra pubblica.

Sezione avanzata e scaricamento dati del sito OASI web, www.oasi.ti.ch/web/dati/selezione-avanzata.html

FabLab SUPSI Lugano. Laboratorio di fabricazione digitale. www.fablab.supsi.ch

Page 6: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

11Adventures in data visualization 2015

Durante il workshop Adventures in data visualization sono stati realizzati sette prototipi di progetti di visualizzazione di dati sviluppati tramite l’uso della libreria D3.js. I progetti sono digitali e fruibili via browser e, in alcuni casi, sono accompagnati da prototipi fisici realizzati con tecnologie di taglio al laser e con stampa tridimensionale.

I progetti sono:

- Dropper- ff-mm- Light pollution report by Saturnian- Sound of commuting- Summer in the city- SupermAIRo- User Perceptions of Online Sharing Services

2. I risultati

Page 7: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

12 13Adventures in data visualization 2015Adventures in data visualization 2015

Dropper è una visualizzazione di dati interattiva che esplora la correlazione tra le precipitazi-oni e i livelli del lago in tre diverse località, Lugano, Locarno, Luino.I dati sono riferiti ai mesi di aprile, maggio e giugno del 2015. Selezionando la località e il tipo di dato l’illustrazione del livello del lago cambia in base ai livelli di acqua.

Link: http://bit.ly/adv15-dropper

2.1 Dropper Claudia Ciarpella, Amedeo Spagnolo

Visualizzazione dei dati delle precipitazioni e del livello dei lago di Lugano a giugno 2015

Visualizzazione dei dati delle precipitazioni e del livello del lago di Lugano a Luino nel maggio 2015

Visualizzazione dei dati delle precipitazioni e del livello dei lago di Lugano in aprile 2015

Page 8: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

14 15Adventures in data visualization 2015Adventures in data visualization 2015

FF-MM è la visualizzazione dei dati annuali degli inquinanti dell’aria nella località di Pregassona (Lugano, CH) organizzati in base alle stagioni.Ogni inquinante è rappresentato da cerchi di diverso colore: O3 è viola, PM10 è arancione, NO2 è verde. Ogni cerchio rappresenta un giorno dell’anno. La dimensione e l’opacità del cerchio mostrano la quantità di inquinante presente nell’aria. FF-MM è una visualizzazione anche di tipo fisico: attraverso l’estrusione della grafica bidi-mensionale in forme tridimensionali, è stata realizzata una superficie tangibile stampata in plastica ABS tramite tecnologie di stampa additiva.

Link: http://bit.ly/adv15-ffmm

2.2 FF-MM Fabian Frei, Massimiliano Mauro

Visualizzazione fisica dei dati annuali di NO2 a Pregrassona (Lugano, CH)

Prototipo digitale del progetto FF-MM

Page 9: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

16 17Adventures in data visualization 2015Adventures in data visualization 2015

Light pollution report by a Saturnian (rapporto sull’inquinamento luminoso di un abitante di Saturno) visualizza i dati annuali di brillanza per Lugano, uno dei parametri utilizzati per misurare il livello di inquinamento luminoso. Ogni stella rappresenta il dato giornaliero di brillanza del 2014. Posizionando il mouse su ogni stella è possibile visualizzare il valore di brillanza e come l’abitante di Saturno reagisce. Se l’inquinamento è elevato, la stella brilla e l’abitante di Saturno mostra un viso triste perché la luce non gli permette di trovare la strada di casa. Se non c’è inquinamento, le stelle sono chiare e l’alieno sorride.

Link: http://bit.ly/adv15-lightpollutionsaturnian

2.3 Light pollution report by a Saturnian Myoungeun Kim

Visualizzazione dei valori di brillanza a Lugano del 19.07.2015

Visualizzazione dei valori di brillanza a Lugano del 21 .06.2015

Visualizzazione dei valori di brillanza a Lugano del 30.06.2015

Page 10: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

18 19Adventures in data visualization 2015Adventures in data visualization 2015

Sound of commuting è una visualizzazione che utilizza grafica e suono per rappresentare il traffico alla frontiera tra Italia e Svizzera nel 2014. I dati riferiti al volume di veicoli pesanti e leggeri sono rappresentati con simboli di ruote e con suoni di macchine e camion che permettono all’utente di comprendere la quantità di traffico degli ultimi 12 mesi.

Link: http://bit.ly/adv15-soundcommuting

2.4 Sound of commuting Samantha Lim

Selezionando il mese, l’applicazione ricalcola e distribuisce il numero di ruote in base al dato del traffico

Visualizzazione del traffico nel mese di aprile

Visualizzazione del traffico nel mese di febbraio

Page 11: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

20 21Adventures in data visualization 2015Adventures in data visualization 2015

La visualizzazione fisica di dati Summer in the city cerca di mettere in relazione i dati riferiti all’aria con i dati del traffico e del meteo.Mostra i dati giornalieri riferiti alla temperatura, insolazione, pioggia, velocità del vento e il volume di macchine e camion che passano dall’autostrada nei pressi di Lugano e i dati del PM10, NO2 e Ozono concentrazione nell’aria. I dati sono visualizzati tramite dei dischi di plastica colorati e di dimensione diversa in base al dato. I dischi sono montati su una struttura realizzata in plexigals. I cavi sono montati diagonalmente: osservando la struttura da un verso è possibile vedere i dati giornalieri mentre dall’altro si percepisce l’evoluzione dei singoli dati. Ventotto cavi rappresentano il periodo di quattro settimane, dal 10 giugno al 7 luglio 2015.

Link: http://bit.ly/adv15-summerincity

2.5 Summer in the city Carola Bartsch

Struttura in plexiglass che sostiene i dischi colorati che rappresentano i dati dei diversi domini (aria, traffico, meteo).

Visualizzazione dell’evoluzione dei dati

Visualizzazione dei dati giorno per giorno

Page 12: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

22 23Adventures in data visualization 2015Adventures in data visualization 2015

SupermAIRo è un videogioco che visualizza i dati dell’inquinamento dell’aria, in particolare, i dati del PM10 e PM2.5 del 2014 riferiti a Lugano e alla regione cinese del Beijing.I livelli sono generati dai dati del 2014: ogni piattaforma sulla quale il personaggio può saltare è generata dai dati settimanali. Una seconda iterazione del prototipo permetterebbe di influenzare i comportamenti del personaggio che diventa sempre più debole man mano che l’inquinamento aumenta.

Link: http://bit.ly/adv15-supermairo

2.6 SupermAIRo Giorgio Olivero

L’ambiente del gioco SupermAIEo con i livelli riferiti all’inquinamento dell’aria in Beijing

L’ambiente del gioco SupermAIEo con i livelli riferiti all’inquinamento dell’aria a Lugano

L’ambiente del gioco SupermAIEo con i livelli riferiti all’inquinamento dell’aria in Beijing

Page 13: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

24 25Adventures in data visualization 2015Adventures in data visualization 2015

Questa visualizzazione usa uno strumento di statistica descrittiva, il Boxplot, per presentare la distribuzione delle percezioni delle persone in rispetto ai livelli di privacy e copertura di pubblico di servizi di condivisione e streaming di musica on-line. La croce in alto a destra rappresenta la percezione ideale dell’utente secondo il servizio on-line; il singolo utente è rappresentato da un punto bianco; l’area colorata mostra la percezione generale di uno specifico servizio.Il dataset è stato ottenuto da un’indagine condotta su un gruppo di utenti di nazionalità, età e professioni diverse da due ricercatori dell’USI di Lugano (CH) e di TUT Tampere (FI).

Link: http://bit.ly/adv15-userperceptions

2.7 User perceptions of on-line sharing services Greta Castellana, Anton Fedosov

Boxplot con la visualizzazione della percezione degli utenti dei quattro servizi on-line: Spotify, Youtube, last.fm, Soundcloud

Visualizzazione dei singoli utenti

Visualizzazione della percezione tramite aree colorate

Page 14: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

26 27Adventures in data visualization 2015Adventures in data visualization 2015

3.1 DocenteFabio FranchinoFabio Franchno è un computational designer e co-fondatore dello studio ToDo. Fabio lavora allo sviluppo di processi creativi, che vanno dalla musica la design fino alle arti performati-ve. Dopo aver scoperto il potenziale della programmazione come medium e strumento non convenzionale per realizzare progetti creativi, ha iniziato ad insegnare in diverse istituzioni workshop pratici e corsi sulla visualizzazione di dati.www.todo.to.it

3.2 Coordinamento Serena CangianoRicercatrice alla SUPSI, si occupa di ricerca applicata in interaction design e del coordinamento di corsi di formazione che combinano design, tecnologia e digital fabrication come il MAS in Interaction Design SUPSI. www.maind.supsi.ch

3.3 PartecipantiGennaro Abbatiello, CH, sviluppatoreCarola Bartsch, DE, interaction designerRoberto Camboni, CH, sviluppatoreGreta Castellana, IT, information designerClaudia Ciarpella, IT, interaction designerAnton Fedosov, IT, dottorando in informaticaFabian Frei, CH, sviluppatore webMyoungeun Kim, HK, interaction designerSamantha Lim, SGP, interaction designerMassimiliano Mauro, IT, information designer Giorgio Olivero, IT, interaction designer e direttore creativo

3.4 Galleria fotograficahttps://www.flickr.com/photos/maindinteraction/albums/72157656145085480

3. Colophon

3.5 MediaM. Mauro, Le avventure didattiche della summer school, in Wired.it, ultima visita 28.09.15http://www.wired.it/lifestyle/design/2015/09/14/avventure-didattiche-summer-school/

Page 15: Adventures in Data visualization 2015 Workshop sulla ... · con licenza Creative Commons, Attribuzione - Non commerciale - Condividi allo stesso ... - visualizzare i dati in maniera

University of Applied Sciences and Arts of Southern SwitzerlandDepartment for Environment Constructions and DesignLaboratory of visual culture

supsi-dacd lcv Campus Trevanoch-6952 Canobbio