PAC 1

Què és la interacció tangible?

 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Cerca de projectes.

1)Quiosc d’exterior a Moclin, història viva de Granada.

Aquest projecte que la companyia Interactuando ha dut a terme a Moclín, Granada, consisteix en un tòtem d’exterior de 49 polsades amb el seu programari
de gestió turística i-Tourist. Els visitants poden interactuar amb aquest dispositiu per tal de conèixer la cultura, història, festes, etc. del poble.

https://www.interactuando.es/noticias-proyectos-interactivos/visite-moclin-historia-viva-provincia-granada/

2)Joc del fontaner.

En aquest joc l’usuari disposa de dos guants; un de vermell i un de blau, amb els quals ha d’interactuar amb una pantalla tàctil.

https://www.youtube.com/watch?v=wqKQGmKwrus

3)LMNL Onedome.

LMNL és un laberint de 14 habitacions amb experiències digitals immersives. Els visitants interactuen amb la llum, el so i les percepcions físiques. L’usuari
no només és un espectador de l’art sinó que en forma part.

https://www.youtube.com/watch?v=pxSZWGNwrrs
https://www.youtube.com/watch?v=6PbITHlJdG0

4)Benfica Tour 360º

El Benfica Tour 360° és un projecte dut a terme per l’agència digital Gema i el club de futbol Benfica. Mitjançant l’aplicació Explora per a mòbils o tauletes
els visitants poden viure una experiència molt més immersiva i interactiva.

https://gemadigital.com/work/the-benfica-experience/
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

5) Grua amb Arduino.

Es tracta de la construcció d’una petita grua de fusta per a moure petites càrregues utilitzant una palanca de control i Arduino.

https://www.youtube.com/watch?v=B2lwaLmHDEI&t=12s

6) Simon diu amb Arduino

Es tracta del clàssic videojoc Simón dice però amb un teclat amb 4 polsadors i Arduino.

https://www.youtube.com/watch?v=Kk6Hax4D6YI&t=0s

7) Tenda Virtual d IKEA.

La companyia Takeleap ha dut a terme aquest projecte per a Ikea on els visitants poden viure una experiència virtual en 3D.

https://takeleap.com/case_studies/ikea-virtual-store
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Classificació, anàlisi i reflexió

Tipus Dispositius Dispositius

Projecte Àmbit Observacions
Experiència d’Entrada de Sortida

El visitant pot interactuar amb la panta-

lla instal·lada en un quiosc per a conèixer
• Pantalla (mostra les
Quiosc d’exterior Interactiva • Pantalla tàctil Turístic. dades d’interès; cultura, història, etc. de
dades)
la ciutat de Granada.

• Pantalla (mostra les El jugador disposa de dos guants, un de

canonades) color vermell i un de blau, amb els que
• Pantalla tàctil
Joc del fontaner Interactiva • Altaveus (repro- Oci ha d’interactuar amb la pantalla tàctil se-
• Guants
dueix el so i ens gons el color de la canonada a reparar.
dona instruccions)
• Pantalles Una experiència interactiva i immersiva
• Sensors que capten el
• Projectors que permet al visitant formar part de l'ex-
Interactiva moviment, la respiració
LMNL • Altaveus Oci posició i rebre estímuls auditius, visuals
Inmersiva i el tacte.
• Llums led i sensitius.

• Tauleta o mòbil Una experiència immersiva però sense

Inmersiva • Tauleta o mòbil. • Ulleres de realitat interactivitat més enllà de l’ús del mòbil
Benfica 360º Turístic/Oci
Realitat virtual virtual o la tauleta.

• El moviment físic Un projecte interactiu per aprendre a uti-

• Dispositius electrònics.
de l’objecte. (La litzar Arduino. Projecte simple on mit-
Grua amb Arduino Interactiva • Palanca de control Educatiu
grua) jançant una palanca de control podem
controlar el moviment d’una grua.
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Tipus Dispositius Dispositius

Projecte Àmbit Observacions
Experiència d’Entrada de Sortida

Un projecte interactiu per aprendre a

Simon diu amb Arduino
Takeleap Ikea
Clicar sobre el nom del projecte per anar al lloc web o veure un vídeo.
• Dispositius electrònics. • Llums leds de 4 co- utilitzar Arduino. Basat en el joc clàssic
Interactiva • Teclat amb 4 polsadors lors Educatiu. de Simón dice, hem de clicar el polsador
indicat per encendre el led del color co-
rrecte.
Un projecte de realitat virtual que can-
via el panorama del sector dels mobles.
• Ulleres de realitat
• Dispositiu apuntador Mitjançant unes ulleres de realitat virtual
Realitat virtual virtual Comercial.
podem seleccionar el moble que ens in-
teressa i veure’l en l’habitació on volem
situar-lo
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Selecció del projecte

La decisió estava entre tres projectes; Benfica 360º, Takeleap i LMNL. Si bé és cert que el primer, per les meves aficions, podria ser el que més m’interessés,
el vaig descartar per la seva baixa interactivitat. El projecte d’Ikea em va semblar un projecte molt innovador en el seu sector, on encara ens hem de desplaçar
a punts físics (magatzems de mobles) i veure exposicions per fer-nos una idea de com és el moble que ens interessa. Així doncs, aquesta eina ens permet
observar el moble i col·locar-lo en l’espai on se situaria, tot virtualment. Tot i això, vaig decidir descartar-lo. Així doncs, el projecte triat va ser; LMNL. Vaig
considerar que era un projecte molt interessant, immersiu i amb una bona interactivitat per poder analitzar-lo.

Considero que LMNL és un projecte d’art modern on el públic busca una major immersió en tots i amb tots els sentits. La interacció ha canviat el paradigma
i ens ha permès sentir que formen part de l’obra, ja no només volem ser mers observadors.
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Anàlisi dels mecanismes d’interacció.

El projecte consta de diferents mecanismes amb els quals l’usuari pot interactuar amb les diferents sales de les quals consta l’exposició, provocant una alte-
ració de l’entorn, sigui visual o sonora.

Dispositius d’entrada: Els dispositius d’entrada bàsicament són dispositius electrònics (sensors) que detecten diferents tipus d’alteracions. Aquests
sensors poden ser:

• Sensors de moviment: Aquests sensors s’activen en detectar un moviment. Per exemple, si movem els braços es produeixen alteracions en les
imatges projectades.

• Sensors de pressió: Aquests sensors s’activen en detectar una força que és aplicada sobre ells. Per exemple, podem produir un so o un altre depe-
nen de la força que exercim sobre uns panells de tela.

• Sensors de temperatura. Aquests sensors s’activen mitjançant l’increment de temperatura. Per exemple, es pot il·luminar un conjunt de leds
amb la respiració de l’usuari.

Dispositius de sortida: Aquests sensors provoquen alteracions en l’exposició que es mostren a través dels diferents dispositius de sortida. Aquests
són:

• Projectors, pantalles: Aquests dispositius són els encarregats de mostrar-nos les diferents imatges. Aquestes imatges poden ser modificades pels
visitants, per exemple, amb el moviment d’objectes que fan variar el cabal d’un riu (projectat a terra) i així, poder fer créixer les plantes d’un bosc (projectat
a la paret)

• Altaveus: Aquests dispositius són els encarregats de reproduir els sons que es creen a l’exposició. Aquests sons són produïts per alteracions provocades
pels usuaris a través, per exemple, de diferents panells de tela.

• Llums led: Aquests dispositius s’encenen quan els visitants produeixen una alteració en l’exposició. Per exemple, el terra d’una de les habitacions està
ple de sensors de pressió i quan trepitgem sobre aquest s’encén la part del terra sobre la qual estem.
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Memòria

Cerca de projectes.

Primer de tot, vaig mirar algunes de les pàgines web que es proposaven en els materials. No tenia molt clar quins tipus de projectes volia cercar, així que
vaig començar per projectes fets amb Arduino. Seguidament, vaig començar a buscar altres tipus de projectes com podien ser les experiències immersives
o de realitat virtual. Així, vaig decidir seleccionar entre els projectes que em van semblar més interessants.

Tècniques:

Com en tots els projectes tangibles trobem dispositius d’entrada amb els quals el visitant pot interactuar per tal de produir una modificació de les dades que
es mostren pels dispositius de sortida. En el vídeo que enllaço en el primer punt podem veure que aquest projecte utilitza les següents tècniques:

•La captura d’un moviment per un dispositiu electrònic genera una instrucció per a la modificació d’una imatge projectada en la paret o el terra.

•La captura d’una pressió per un dispositiu electrònic genera una instrucció per a la reproducció d’un so.

•La captura d’una pressió per un dispositiu electrònic genera una instrucció per encendre un o diversos leds.

•La captura d’un canvi de temperatura per un dispositiu electrònic genera una instrucció per encendre un conjunt de leds.

Anàlisi del disseny d’interacció i funcionament:

L’exposició disposa de diverses sales, totes interactives, i en les quals podem viure una experiència completament diferent. Totes les sales disposen de
dispositius d’entrada i de sortida per a poder interactuar amb l’entorn i modificar-lo. Per posar un exemple, en una de les sales trobem un riu projectat en
el terra i mitjançant el moviment d’uns objectes (que representen troncs) podem desviar el riu i fer créixer les plantes d’un bosc que es projecta en la paret.
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Diagrama de flux
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Valoració personal i aportacions creatives.

Com he comentat amb anterioritat, personalment em sembla una exposició molt interessant i una experiència que val la pena viure. Tot i això, crec que po-
dria encara ser més immersiva si incorporessin altres sensacions com l’olfacte. Per exemple, això podria tenir sentit en la sala del riu que fa créixer un bosc.

Per altra banda, tot i que la interacció tangible en els últims anys ja ha començat a modificar la manera com veiem i vivim l’art, encara té un llarg camí per
recórrer i un ventall de possibilitats molt ampli. Si bé és cert que exposicions com la que analitzo en aquest treball comencen a ser més freqüents, si mirem
altres formes d’art com el cinema veiem que han aprofundit “poc” en aquest aspecte, on el públic encara juga un paper passiu i no trobem gaires projectes,
com per exemple, Black Mirror : Bandersnatch.

Si a tot això, hi sumem que vivim en una societat de canvis constants on ens hem acostumat a la tecnologia i on ens costa cada vegada més ser simples es-
pectadors, considero que els pròxims anys veurem grans avanços i un canvi definitiu en la manera en la qual entenem l’art.
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Bibliografia

Materials del curs:

https://campus.uoc.edu/webapps/aulaca/classroom/Niu.action?s=1a91f3b520713d0deba2f6c97393411f337d9dee8c6b6e879910e6c0b2350902aaab
e75354233cf641752ce871f87b25ef8e8ea1d40b43086efec6af52793e9d&classroomId=931134&subjectId=926955&javascriptDisabled=false&niuI-
d=38446&langNiu=a

Projectes
Quiosc d’exterior a Moclin, història viva de Granada.
https://www.interactuando.es/noticias-proyectos-interactivos/visite-moclin-historia-viva-provincia-granada/
Joc del fontaner
https://www.youtube.com/watch?v=wqKQGmKwrus
LMNL Onedome.
https://www.youtube.com/watch?v=pxSZWGNwrrs
https://www.youtube.com/watch?v=6PbITHlJdG0
Benfica Tour 360º
https://gemadigital.com/work/the-benfica-experience/
Grua amb Arduino
https://www.youtube.com/watch?v=B2lwaLmHDEI&t=12s
Simon diu amb Arduino
https://www.youtube.com/watch?v=Kk6Hax4D6YI&t=0s
Tenda Virtual d IKEA.
https://takeleap.com/case_studies/ikea-virtual-store

Altres projectes descartats.

Arduino
https://all3dp.com/es/1/mejor-proyecto-arduino/
https://www.youtube.com/watch?v=tahPlU4Ding&t=5s
https://www.youtube.com/watch?v=2cX2dOiLpII&t=148s
 Marc Acosta Basagañas Disseny d’interacció - Multimèdia

Altres programaris
Lucichart
https://www.lucidchart.com/pages/es

Drets d’autor
Drets de la imatge de la portada CC By-NC
https://www.flickr.com/photos/bramdejong/74157137/in/photolist-7y5kk-Hf9Lpm-bz4xFy-QuG44w-2cy7knU-QuBdKL-NScPra-2mve9bo-2e7mQd4-
QuDQ3W-fyEdsf-2beKaED-29RRL1L-2cCqnuZ-2beKbVp-2bXRxQX-QuC5sw-2cCsGMc-amqf3B-TmZSzy-29RTTBJ-2beFGm6-NSaSaa-6bRE3a-
aAA3dj-2bXRxcH-29RSx6A-29RPgeS-2beHCk6-PAQ6Sx-NSgSGv-QuFEAf-NSfBdB-2beDBKr-2cxW1Jw-29RV9Wj-29RQKQ7-aAxjga-H7NX1c-
2cCrnBF-2bXRwrV-2bwrAPj-aAxjzZ-NSh9GM-29RPcph-2dh14N7-2cfw7n7-2bwtp3j-2cxYDQG-2cCv2rn