Page 1

Cross Media Lab 2013 Interaction Design Rebecca Piccinali


Descrizione del progetto

Titolo Timeline interattiva Autore Rebecca Piccinali Anno 2013 Rilasciato da Serena Cangiano, Davide Fornari e Matteo Loglio nel corso di interaction Design Cross Media Lab Licenza Timeline interattiva by Rebecca Piccinali is licensed under a Creative Commons Attribution Share Alike


Timeline interattiva


Piccinali Rebecca

Abstract

La timeline interattiva è stata realizzata per la messa in scena dello spettacolo teatrale The Rape of Lucretia, tenutosi al Palazzo dei Congressi di Lugano il 5 maggio 2013. Questa postazione permette all’utente di acquisire informazioni specifiche sugli anni chiave utili alla stesura finale dell’ opera, realizzata da Benjamin Britten e ispirata a Shakespeare e Tito Livio. Interfaccia e modalità di interazione

Cross Media Lab 2013

La timeline è un artefatto fisico con il quale l’utente può interagire in prima persona, decidendo che informazioni ricevere attraverso la selezione di uno specifico anno, inciso su un artefatto in legno. Si compone di un piano inclinato con una fessura apposita per le tavolette dedicate agli anni e un piano verticale composto da uno schermo e una serie di sette LED in sequenza. Nel momento in cui l’utente seleziona il periodo del quale desidera ricevere informazioni, posiziona la tavoletta nella fessura sul piano, innescando l’output video che spiega in maniera semplice cosa accadde di determinante in quell’anno per lo sviluppo dell’opera. Contemporaneamente si attua anche un feedback luminoso, grazie all’accensione del LED corrispettivo all’anno se-

lezionato. Sotto la fessura sono posizionati tre sensori di luminosità collegati agli input di una scheda Arduino Leonardo, la quale rileva la quantità di luce presente e a dipendenza della combinazione di sensori scoperti e coperti seleziona l’output corrispondente, accendendo il LED corretto e attivando il video. Ogni tavoletta attuatrice ha una serie di fori posti in corrispondenza ai sensori di luce e, a dipendenza della loro posizione, Arduino riconosce l’output corretto, scrivendo una lettera per ogni combinazione; questa viene poi letta da VDMX che permette l’accensione del video corrispondente e il suo spegnimento nel momento in cui la tavoletta viene rimossa.


03

Cross Media Lab 2013

01

02 03. LED

02. Fessura con sensori di luminositĂ

01. Tavolette di legno

Piccinali Rebecca


Piccinali Rebecca 05. Scheda Leonardo

04. Tinkerkit

04

Tecnologia La tecnologia utilizzata per questo progetto si compone di una scheda Arduino Leonardo e un TinkerKit collegato a tre sensori di luminosità e sette LED. I programmi utili al funzionamento sono Arduino e VDMX in versione demo, mentre per la realizzazione dei video è stato utilizzato AfterEffects. Per la produzione della parte fisica è stato utilizzato Illustrator per il disegno delle componenti, e Lasercut per dialogare con la lasercut vera e propria che ha poi tagliato e inciso le sezioni da assemblare.

Cross Media Lab 2013

05


Cross Media Lab 2013

06

07 07. Sensori di luminositĂ

06. Attuatore LED Piccinali Rebecca


Piccinali Rebecca 09. Timeline in azione

08. Utilizzo della timeline

08

Esperienza d’uso L’utilizzo della timeline è intuitivo, non necessita di ulteriori istruzioni grazie all’affordance immediato e funzionale. L’utente non deve essere esperto, il livello di complessità è minimo. Ricerca e contesto di sviluppo La Timeline interattiva è un prodotto a scopo informativo, non per uso personale, ma adatto a situazioni simili a quella per la quale è stato ideato, pertanto non adattabile alla produzione di massa.

Cross Media Lab 2013

09


Piccinali Rebecca 10

Riferimenti 10. Installazioni presenti al Museo della Scienza di Londra per la mostra Codebreaker dedicata ad Alan Turing, realizzate da Hirsch & Mann. link: http://vimeo.com/59811051 11. La chronotape è una linea del tempo tangibile per la ricerca genealogica, progettato da Peter Bennett e sviluppata come parte del progetto PATINA, all’interno del Bristol Interaction & Graphics group. link: http://www.chronotape.com

Cross Media Lab 2013

11


Piccinali Rebecca

Codice Arduino #include <TinkerKit.h> #include <Boards.h> TKLightSensor ldr1(I0); TKLightSensor ldr2(I1); TKLightSensor ldr3(I2); TKLed uno(O0); TKLed due(O1); TKLed tre(O2); TKLed quattro(O3); TKLed cinque(O4); TKLed sei1(O5); TKLed sette(7); boolean cover; boolean rilascia = false; boolean rilascia1 = false; boolean rilascia2 = false; boolean rilascia3 = false; boolean rilascia4 = false; boolean rilascia5 = false; boolean rilascia6 = false; boolean rilascia7 = false; int valore_luce1 = 165; int valore_luce2 = 235; int valore_luce3 = 135; void setup() { Serial.begin(9600); pinMode(7, OUTPUT); cover = false; Keyboard.begin(); } void loop() { int ldr1Val = ldr1.get(); int ldr2Val = ldr2.get(); int ldr3Val = ldr3.get(); Serial.print(“ldr1: “); Serial.print(ldr1Val); Serial.print(“ldr2: “); Serial.print(ldr2Val); Serial.print(“ldr3: “); Serial.println(ldr3Val);

Cross Media Lab 2013

//cinquecentonove a.c

if (ldr1Val < valore_luce1 && ldr2Val < valore_luce2 && ldr3Val < valore_luce3) { if (cover == false) leddini(4); uno.on(); sette.off(); sei1.off(); if(rilascia1 == false) { tasto(‘q’); rilascia1 = true; } } //venticinque a.c else if (ldr1Val > valore_luce1 && ldr2Val < valore_luce2 && ldr3Val > valore_luce3) { if (cover == false) leddini(4); due.on(); sei1.off(); sette.off(); if (rilascia2 == false) { tasto(‘w’); rilascia2 = true; } } //millecinquecentonovantaquattro d.c else if (ldr1Val < valore_luce1 && ldr2Val > valore_luce2 && ldr3Val < valore_luce3) { if (cover == false) leddini(4); ledOff(); tre.on(); if (rilascia3 == false) { tasto(‘e’); rilascia3 = true; } } //millenovecentotrentuno d.c else if (ldr1Val > valore_luce1 && ldr2Val < valore_luce2 && ldr3Val < valore_luce3) { if (cover == false) leddini(4); ledOff(); quattro.on(); if (rilascia4 == false) { tasto(‘t’); rilascia4 = true; } }


Piccinali Rebecca

//millenovecentoquarantacinque d.c else if (ldr1Val > valore_luce1 && ldr2Val > valore_luce2 && ldr3Val < valore_luce3) { if (cover == false) leddini(4); ledOff(); sei1.on(); if (rilascia6 == false) { tasto(‘i’); rilascia6 = true; } } //millenovecentoquarantasei d.c else if (ldr1Val < valore_luce1 && ldr2Val > valore_luce2 && ldr3Val > valore_luce3) { if (cover == false) leddini(4); ledOff(); sette.on(); if (rilascia7 == false) { tasto(‘o’); rilascia7 = true; } } else { rilascia1 = false; rilascia2 = false; rilascia3 = false; rilascia4 = false; rilascia5 = false; rilascia6 = false; rilascia7 = false; cover = false; ledOff(); } delay(1000); }

void leddini(int num) { for (int i = 0; i < num; i++) { uno.on(); delay(50); uno.off(); delay(50); due.on(); delay(50); due.off(); delay(50); tre.on(); delay(50); tre.off(); delay(50); quattro.on(); delay(50); quattro.off(); delay(50); cinque.on(); delay(50); cinque.off(); delay(50); sei1.on(); delay(50); sei1.off(); delay(50); sette.on(); delay(50); sette.off(); delay(50); } cover = true; } void ledOff() { uno.off(); due.off(); tre.off(); quattro.off(); cinque.off(); sei1.off(); sette.off(); } void tasto(char n) { Keyboard.press(n); delay(50); Keyboard.releaseAll(); }

Cross Media Lab 2013

//millenovecentoquarantadue d.c else if (ldr1Val < valore_luce1 && ldr2Val < valore_luce2 && ldr3Val > valore_luce3) { if (cover == false) leddini(4); ledOff(); cinque.on(); if (rilascia5 == false) { tasto(‘u’); rilascia5 = true; } }


Timeline Interattive  

La timeline interattiva è stata realizzata per la messa in scena dello spettacolo teatrale The Rape of Lucretia, tenutosi al Palazzo dei C...

Read more
Read more
Similar to
Popular now
Just for you