Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design...
-
Upload
nguyenmien -
Category
Documents
-
view
223 -
download
0
Transcript of Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design...
![Page 1: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/1.jpg)
Corso di Visualizzazione dell’Informazione
Informatica UmanisticaUniversità di Pisa
Emanuele RuffaldiPERCRO - Scuola Superiore S.Anna
![Page 2: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/2.jpg)
PERCeptual RObotics
Laboratorio della Scuola Superiore S.Anna
- Interfacce Aptiche
- Ambienti Virtuali
www.percro.org/
![Page 3: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/3.jpg)
Visualizzazione Oggi
Evolution of Storage
MIT, Real Time Rome Rosling @ TED
New York Tube (NYT)
RoamBi
![Page 4: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/4.jpg)
Visualizzazione dell’Informazione
Visualizzazione ha lo scopo di trasmettere informazione attraverso una rappresentazione visuale
![Page 5: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/5.jpg)
Visualizzazione dell’Informazione
Obiettivi
Mappare
Astrarre
Chiarire
Interagire
Comunicare
Scoprire
![Page 6: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/6.jpg)
Obiettivo del Corso
Fornire i principi e le tecniche per poter visualizzare le informazioni in modo efficace
![Page 7: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/7.jpg)
Struttura
Fondamenti
Percezione
Cognizione
Interazione
Principi di Design
Metodi
Grafici
Mappe
Grafi e Reti
Alte Dimensioni
Information Landscapes
Strumenti
Web
Map
Alto Livello
Applicazioni
Dati Testuali
Dati Brevettuali
Dati Sociali
Dati Web
![Page 8: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/8.jpg)
Fondamenti
Percezione
Cognizione
Design
Interazione
![Page 9: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/9.jpg)
Processo di Visualizzazione
Task
Foraging
Selection
Visualization
Insight
Act
Acquisizione dei Dati
Scraping
Design della
VisualizzazioneValutazioni
Visualizzazione
Interattiva
Decisioni
Problema
![Page 10: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/10.jpg)
Visual Encoding
• Passare dai dati alla Visualizzazione
• Mappare i Numeri alle Rappresentazioni
![Page 11: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/11.jpg)
• Principi di Design per l’uso di Grafici Statistici
• Tipologie di Grafici
Grafici
![Page 12: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/12.jpg)
Mappe
Le mappe sono ovunque intorno a noi
Mappe Interattive
Principi sulla Creazione
di Mappe
Esercitazioni con Google
Maps e Google Earth
![Page 13: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/13.jpg)
Alberi, Grafi e Reti
• Fondamentali nella visualizzazione di fenomenicomplessi
• Utilizzate negli studi di Social Networking• Basi di Grafi• Tecniche di Presentazioni• Esercitazioni Web
Flow Graph
Tree Map
![Page 14: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/14.jpg)
Paesaggi di Informazione
Strumento per la creazione di
Visualizzazioni 3D interattive
![Page 15: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/15.jpg)
Text Analysis
Applicazione dei principi divisualizzazione a corpus testuali
Esercitazioni tematiche su Corpora Esistenti … Darwin, Shakespeare, Omero …
![Page 16: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/16.jpg)
Patent Analysis
• Caso di Studio sull’utilizzo della Visualizzazioner per la comprensione di dati brevettuali
• Basato su Grafi e Mappe
![Page 17: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/17.jpg)
Strumenti
• Visualizzazione su Web – HTML + JavaScript– Processing.js
• Mappe– Google Map e Google Earth
• Strumenti Alto Livello– Mondrian
• Visualizzazione 3D– Information Landscape– WebGL
![Page 18: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/18.jpg)
Lezioni
• Lezioni– Teoriche– Pratiche– Esercitazioni– Discussione del Progetto
• Presentazioni in Inglese• Articoli di riferimento da letteratura
recente• Testo di Riferimento
– Visual Thinking for Design, Colin Ware, Morgan Kaufman (2008)
![Page 19: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/19.jpg)
Prerequisiti
• Passione per l’Informazione
• Strumenti Web
• Basi di programmazione
• Concetti di manipolazione dati
![Page 20: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/20.jpg)
Esame
• Basato sulla presentazione di un Progetto di Visualizzazione sviluppato durante il Corso
• Integrato da domande sui temi discussi durante il corso
![Page 21: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/21.jpg)
Contatti
• Emanuele Ruffaldi– Email [email protected]
– Indirizzo• PERCRO Scuola Superiore S.Anna, Via Martiri 11
• Orari del Corso– Mer 16.15-17.45
– Ven 14.00-16.00
– Aula: FIB-I Aula I - Polo didattico via Buonarroti
• Sito Web http://www.percro.org/corsi/infovis10/
![Page 22: Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design Interazione. Processo di Visualizzazione Task Foraging Selection Visualization Insight Act](https://reader030.fdocuments.net/reader030/viewer/2022021722/5c69adab09d3f20c178b6f42/html5/thumbnails/22.jpg)
Queste slides sono soggette alla Licenza Creative Commons
Attribution-Noncommercial-Share Alike 2.5 Italy