Corso di Visualizzazione dell’Informazione - percro.org filePercezione Cognizione Design...

22
Corso di Visualizzazione dell’Informazione Informatica Umanistica Università di Pisa Emanuele Ruffaldi PERCRO - Scuola Superiore S.Anna

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

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

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

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

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

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

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

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

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

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

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

• 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

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

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

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

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

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

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

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

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

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

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/