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; } }