MANUALE DI PROGETTAZIONE MULTIMEDIALELIBERAMENTE ISPIRATO DAL LIBRO

“DA COSA NASCE COSA”DI BRUNO MUNARI

“DA COSA NASCE COSA”Appunti per una metodologia progettuale

DI BRUNO MUNARI

Editori Laterza

MANUALE DI PROGETTAZIONE MULTIMEDIALE

LINEA GUIDA SU COME SEGUIRE UN TIPO DI METODOLOGIA PROGETTUALE

“Il Metodo Progettuale non è altro che una serie di operazioni necessarie, disposte in un ordine logico dettato dall’ESPERIENZA”

Creatività non vuol dire improvvisazione senza metodo

Non esiste un metodo unico di progettare, è qualcosa di modificabile e migliorabile con l’esperienza

PROBLEMA

INSTALLAZIONE ARTISTICA INSTALLAZIONE PER CLIENTI

ESPERIENZA

Bisogna saper distinguere se un problema è RISOLVIBILE o IRRISOLVIBILE e per saperlo bisogna avere ESPERIENZA

MANUALE DI PROGETTAZIONE MULTIMEDIALE

DEFINIZIONE DEL PROBLEMA

Iniziare a cercare delle SOLUZIONI:- SOLUZIONE PROVVISORIA (mostra, festival, evento, esposizione, ecc..)- SOLUZIONE PERMANENTE (che duri nel tempo per esempio un museo, un app per un cliente, ecc)- SOLUZIONE TECNOLOGICAMENTE SOFISTICATA O SEMPLICE ED ECONOMICA

un problema può avere diverse soluzioni, bisogna decidere quale sia la soluzione ottimale.

*esempi pratici di problemi: luogo(esterno/interno), internet, possibilità di modifiche alla struttura, giorno/notte, permessi comunali, curatori, target, ecc...)

MANUALE DI PROGETTAZIONE MULTIMEDIALE

SUDDIVISIONE DEL PROBLEMA

Una volta individuato il problema bisogna suddividerlo nelle sue varie categorie per conoscerlo meglio.Quindi dobbiamo individuale ogni singolo sotto problema.

RICERCA RACCOLTA DATI

-

- Controllare se qualcuno ha già risolto il problema e vedere se quel lavoro è già stato realizzato (per non copiarlo)

- L’analisi di tutti i dati raccolti (tramite forum, tutorial, libri, articoli ecc....)può fornire dei suggerimenti su cosa fare o cosa NON FARE per progettare ma soprattutto evitare di fare errori compiuti da altri.

MANUALE DI PROGETTAZIONE MULTIMEDIALE

PROGETTARE

A questo punto abbiamo abbastanza materiale per iniziare la progettazione.- L’IDEA (legata alla fantasia)

può proporre soluzioni ANCHE irrealizzabili per ragioni tecniche, materiche o economiche (poichè è più impulsiva e quindi arriva senza il ragionamento).- La CREATIVITÀ si mantiene nei limiti del problema, limiti che risultano dalle analisi dei dati e dei sottoproblemi.

SCHIZZO

Durante il processo progettuale l’artista utilizza vari tipi di disegni, per esempio, un semplice schizzo per fissare un pensiero utile alla progettazione.

MANUALE DI PROGETTAZIONE MULTIMEDIALE

RICERCA IIMATERIALI E TECNOLOGIA

L’operazione successiva consiste in un’altra piccola raccolta di dati relativa ai materiali e alle tecnologie che il progettista ha a sua disposizione in quel momento per realizzare il suo progetto.

SPERIMENTAZIONE

Il progettista compirà una sperimentazione sui materiali e sulle tecniche (o tecnologie) disponibili per realizzare il suo progetto.

MODELLI

Da queste sperimentazioni vengono fuori campioni, prove, informazioni che possono condurre alle costruzioni di modelli dimostrativi (prototipi).

MANUALE DI PROGETTAZIONE MULTIMEDIALE

USABILITÀ

USER INTERFACEFacilità nella comprensione e nell’utilizzo (ad es un bottone che accende tutto).

VERIFICA

Test sul prototipo, possibilmente provenienti da persone esterne.

DISEGNI

Servono a comunicare ad una persona che non è al corrente dei nostri progetti, tutte le informazioni utili per capire il lavoro.*Esempi pratici: fotomontaggi, render 3D e storyboard

MANUALE DI PROGETTAZIONE MULTIMEDIALE

PROBLEMA

ESPERIENZA

DEFINIZIONE DEL PROBLEMA

SUDDIVISIONE DEL PROBLEMA

RICERCA

PROGETTARE

SCHIZZO

RICERCA II

SPERIMENTAZIONE

MODELLI

USABILITÀ

VERIFICA

DISEGNI

SOLUZIONE

MANUALE DI PROGETTAZIONE MULTIMEDIALE Realtà Aumentata - CASE HISTORY “MuDA AR”

MuDA AR - AMATRICE

Vantaggi: non serve corrente, niente cavi, nessun tipo di modifica del luogo, facilmente installabile e trasportabile, catalogo in Realtà Aumentata (è possibile vedere le opere in 3D con gli stessi marker della mostra)

Svantaggi: scaricare l’App

App

Visualizzazione 3D delle sculture

MANUALE DI PROGETTAZIONE MULTIMEDIALE Realtà Aumentata - CASE HISTORY “MuDA AR”

MuDA AR - AMATRICE

Assenza di corrente - no internet - mostra dentro un container - città distrutta dal terremoto

SOLUZIONE PERMANENTE

Progettazione UI - Intro, menù

Test facilità nell’utilizzo (test con altre persone)

MANUALE DI PROGETTAZIONE MULTIMEDIALE Realtà Aumentata - CASE HISTORY “QUARTO STATO AR”

MUSEO DEL NOVECENTO - IL QUARTO STATO

ProblemiAssenza di corrente - vetro con glitch neon - luogo di passaggio - no internet

Vantaggi: non serve corrente, niente cavi, nessun tipo di modifica del luogoSvantaggi: scaricare l’App

App

AudioguidaSelezione dei personaggiFoto con Zarri Giovanni

MANUALE DI PROGETTAZIONE MULTIMEDIALE Realtà Aumentata - CASE HISTORY “VILLA BORROMEO D’ADDA”

VILLA BORROMEO D’ADDA - ARCORE

ProblemiAssenza di corrente - appena restaurata (non è possibile fare nessun tipo di intervento come mettere schermi, cavi, proiezioni, ecc...

Vantaggi: non serve corrente, niente cavi, nessun tipo di modifica del luogo, è possibile aggiornarla (verrà implementatacon un’audioguida classica)

Svantaggi: scaricare l’App

App

Guida in AR

MANUALE DI PROGETTAZIONE MULTIMEDIALE Realtà Aumentata - ESEMPIO

HOMELESS - PERSONE SENZA DIMORA

RicercaMIA - Milano in azione - https://www.milanoinazione.org/Croce Rossa Italiana - https://www.cri.it/home

Brainstorming - Metodo decisionale, usato spec. in pubblicità, in cui la ricerca della soluzione

di un dato problema è effettuata mediante sedute intensive di dibattito e confronto delle idee e delle proposte espresse liberamente dai partecipanti.

MANUALE DI PROGETTAZIONE MULTIMEDIALE Realtà Virtuale - CASE HISTORY “WeBe”

CONFERENZE ONLINE IN VR

Problemi Realizzare un conferenza in diretta streaming in un mondo virtuale

Vantaggi: vedere una conferenza online in una modalità interattiva (interazione, giochi avatar, chat, …)

MANUALE DI PROGETTAZIONE MULTIMEDIALE Realtà Virtuale - CASE HISTORY “WeBe”

Diretta streaming in mondo VR

Nessun tipo di esperienza

Realizzare stanza VR online interattiva - diretta streaming - unione di due componenti VR/diretta

Quali software utilizzo?Chi lo ha già fatto? Esistono esempi in rete?Che location ricostruisco? (reale - astratta) - Cosa trasmetto nello schermo?

Disegno del luogo virtuale - diagramma di flusso dei vari passaggi da compiere

Studio dei software - tutorial - forum

Primi test online su sito di prova

Adatto a tutti - pochi bottoni e interazione con la presenza dell’avatar

Gruppo di 70 persone oggi a lezione- WSAD o frecce? - Tasto sx o dx o niente? - Visuale maggiore - Movimento lento - Gradini

tremolio - Touchpad - Uscite emergenza - Spot su punti interazione - Icona info sempre presente - Banner attivi con click e avvicinamento -Tasto esterno e attivo schermo davanti, ...

MANUALE DI PROGETTAZIONE MULTIMEDIALE video 360°

Schema generale per la realizzazione di un film a 360°

MANUALE DI PROGETTAZIONE MULTIMEDIALE video 360° - CASE HISTORY “Domani, 2 giugno 1946”

Scuola di Cinema - Milano

Vantaggi: immersività, novità, fruibilità su più piattaforme, interazione, audio 3D

Svantaggi: regia teatrale, complessità nello scrivere la sceneggiatura, difficoltà nelle riprese e nel montaggio, primo film 360° che abbiamo realizzato con 6 GoPro

Video 360°Un pranzo all’interno di una famiglia milaneseIl giorno del voto del referendum del 1946

MANUALE DI PROGETTAZIONE MULTIMEDIALE video 360° - CASE HISTORY “Domani, 2 giugno 1946”

Primo film a 360°

Nessun tipo di esperienza

Come si registrano? YouTube permetteva la riproduzione di video a 360°Quale macchina serve? Quale software serve per il montaggio?

Dove trovare un rig per GoPro e dove recuperare sei GoPro

Stampare il rig con stampante 3D - call per avere sei GoPro in laboratorioTest su un video amatoriale

Test in laboratorio con studenti

Ricerca online tutorial e forum

Riprese sul set

Progettare un sistema per tenere fermo il rig, avviare e sincronizzare tutte le sei GoPro insieme

MANUALE DI PROGETTAZIONE MULTIMEDIALE video 360° - CASE HISTORY “Herman”

Scuola di Cinema - Locarno

Vantaggi: immersività, novità, fruibilità su più piattaforme, interazione, audio 3D

Svantaggi: regia teatrale, complessità nello scrivere la sceneggiatura, difficoltà nelle riprese e nel montaggio, Movimenti di camera (cable cam), realizzato con GoPro Fusion

Video 360°Seguiamo il viaggio di Herman all’interno di un Hotel. Herman è un fantasma...

MANUALE DI PROGETTAZIONE MULTIMEDIALE video 360° - CASE HISTORY “Herman”

Movimenti di camera

Utilizzo di una camera 360° compatta

Come spostare la camera 360°Carrello - cable cam - sopra un caschetto - robot - ecc...

Storyboard

Ricerca sul web delle possibili soluzioni

Acquisto e test della cable cam in laboratorio

Test della cable cam in luoghi simili a quelli definitivi

Riprese finali in Hotel

Movimenti di camera

MANUALE DI PROGETTAZIONE MULTIMEDIALE video 360° - CASE HISTORY “Moondust”

Scuola di Cinema - Milano

Vantaggi: immersività, novità, fruibilità su più piattaforme, interazione, audio 3D

Svantaggi: regia teatrale, complessità nello scrivere la sceneggiatura, difficoltà nelle riprese e nel montaggio, GreenScreen, realizzato con InstaPro360

Video 360°Riviviamo le paure e i sogni dei tre astronauti che sono sbarcati sulla Luna

MANUALE DI PROGETTAZIONE MULTIMEDIALE video 360° - CASE HISTORY “Moondust”

Qualità del film e post produzione con GreenScreen

Film precedenti con sei GoPro e GoPro Fusion

Come aumentare la qualità? Come si realizza un GreenScreen in un video a 360° con sfondo 3D?Camera da utilizzare, modellare sfondo della Luna, GreenScreen con attori (problemi con ombre)

Disegni delle varie posizioni di camera

Ricerca sul web noleggio camere ad alta definizione

Test presso il service di noleggio della camera Insta Pro

Prove realizzate in studio prima delle vere riprese sul set

Riprese finali

Progettare un metodo di ripresa per unire le riprese con sfondo digitale (sistemare le luci per le ombre)

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

Interazione: è una condizione dell’uomo. Relazione tra due individui che comunicano fra loro e trasferiscono emozioni e narrazioni.

Interattività: è un’interazione (tra due soggetti o tra uomo e macchina) intercettata attraverso sistemi digitali.

L’interattività riapre un dialogo tra opera e spettatore (che ora diventa fruitore) e lo trasforma in protagonista dell’opera.

L’interazione non deve essere di tipo “on/off” ma l’artista deve essere in grado di sollecitare un’esperienza sempre diversa dello spettatore (a volte inaspettata).

Più le interfacce sono “naturali”, più il coinvolgimento dello spettatore risulta immediato e variegato nei suoi esiti.Gridare, toccare, avvicinarsi, muoversi, calpestare, ec… sono alcuni esempi di comportamenti semplici ma che possono stimolare lo spettatore a compiere azioni non previste. Inoltre se all’interno di un ambiente sono presenti più persone possono nascere situazioni di socializzazione, collaborazione e interazione tra i diversi soggetti.

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

Installazione artistica o per un cliente

E’ possibile realizzarla? (Esperienza)

E’ per una mostra / Festival? E’ permanente? Luogo(esterno/interno), internet, possibilità di modifiche alla struttura, giorno/notte, permessi comunali, curatori, target, ecc...

Ricerca online per verificare se è stato realizzato qualcosa di simile

Idea / Creatività. Come avviene l’interazione? Studio del gesto e del luogo dove si espone

Ricerca Tecnologica sul software da utilizzare (forum, tutorial)Non sempre conviene partire subito con il progetto finale. Molto spesso si deve imparare bene il software prima di realizzare il prototipo

Realizzazione del prototipo e studio dell’usabilità

Test con persone estranee

Fotomontaggi, render 3D per mostrare la nostra idea di installazione

LUOGO

Museo della Mente, Studio Azzurro, Roma

Studio del luogo (museo, galleria, ambiente esterno) dove installare la nostra opera.

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

Virtual Tree, 2009 - progettata per l’Expo di Shanghai 2010

GESTI

Il gesto che dà luogo all’interazione non deve essere un atto funzionale, risultato di comportamenti meccanici e prevedibili, ma deve conservare le sue proprietà espressive.

Sono da evitare tutti gli artifici che pilotano il gesto in una dimensione reattiva troppo semplice che non esprime una personalità.

L’opera non è più un oggetto ma una relazione tra espressioni gestuali, relazioni, emozioni, interfacce e ambienti. Per realizzare ciò è necessaria la figura di un REGISTA che coordini la tecnologia con le possibili (e a volte inaspettate) reazioni dello spettatore.

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

In Principio (e poi), Studio Azzurro, 2013.

Interactive Plant Growing, Christa Sommerer e Laurent Mignonneau, 1992.

Stessa Terra, Particula.Studio, 2016

Museo della Mente, Studio Azzurro Delicate Boundaries, 2008

DISEGNI

Disegni del luogo, calcolo degli spazi, allestimento.

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

RICERCA TECNOLOGIA- SISTEMI WORKFLOW

MaxMsp

PureData

VVVV

TouchDesigner

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

RICERCA TECNOLOGIA - KINECT

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

Kinect 3 Azure Kinect 2

RICERCA TECNOLOGIA- ElettronicaMAKEY MAKEY

http://makeymakey.com/gallery/

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

RICERCA TECNOLOGIA- ElettronicaARDUINO

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

RICERCA TECNOLOGIA- ElettronicaTOUCH BOARD

https://www.bareconductive.com/shop/touch-board/

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

Studio Azzurro, Immagini sensibili. Catalogo mostra Palazzo Reale. SilvanaEditoriale.

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

Impaginazione Progetto

Studio Azzurro, Immagini sensibili. Catalogo mostra Palazzo Reale. SilvanaEditoriale.

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

Impaginazione Progetto

Studio Azzurro, Immagini sensibili. Catalogo mostra Palazzo Reale. SilvanaEditoriale.

MANUALE DI PROGETTAZIONE MULTIMEDIALE Installazioni Interattive

Impaginazione Progetto

MANUALE DI PROGETTAZIONE MULTIMEDIALE - ESERCITAZIONE

MUSEO - BiMu Museo della Bicicletta

"Il Playable Museum Award è una sfida emersa dalla sempre crescente necessità di cambiare il modo in cui consideriamo i musei, anche per attirare e coinvolgere le nuove generazioni”

Scopo del bando è quello di innovare, attraverso le nuove tecnologie, la didattica all’interno del Museo. Rendere la visita innovativa, social, adatta a bambini e persone adulte.

Ai cinque vincitori verrà assegnato un premio di 10.000,00 euro per realizzare l’opera.

Il concorso scade giovedì 4 giugno alle ore 12.00 (saranno accettate solamente le candidature caricate su classroom)

Il candidato deve consegnare il seguente materiale:

- File Pdf (o file word) di max due pagine con immagini, testo di spiegazione.

MANUALE DI PROGETTAZIONE MULTIMEDIALE - ESERCITAZIONE MUSEO - BiMu Museo della Bicicletta

MANUALE DI PROGETTAZIONE MULTIMEDIALE VideoMapping

Realizzare un VideoMapping su un edificio

Fattibilità - è possibile realizzarlo? (esperienza)

Soluzione provvisoria (al massimo qualche giorno). Dove lascio i proiettori? (permessi comunali)

Service proiettori - permessi - realizzazione video (formare un team) Ricerca sul palazzo, storia, tema dato dal cliente, effetti, ecc...Storyboard / Reference immagini / grafica / stile

Tutorial effetti video

Test di proiezione su modellini di cartone / stampa 3D / ecc...