6. Mitjà interactiu

Naturalesa digital

Transcripció Analògica - Conversió Digital

Mitjà Analògic

Mitjà Digital

Transcripció-Conversió: fòrmulesImatge = Transcripció objecte

Transcripció Analògica I = T(o)

Imatge = objecteModelCàlculProjecció

Conversió Digital I = P(C(M(o)))

Interactius

Cibertext: sistema generatiu de

textos que utilitza la interacció

com a forma d'expressió

(Oliver Pérez)

Tipologia

Interactius

> No Ficció

1. Simuladors instructius

2. Documentals

3. Instal·lacions

4. Jocs abstractes

> Ficció

Interactius de No Ficció

1.1. Simuladors de Vol

1.2. ....

2.1. Educatius

2.2. Documental

2.3. Assaig

3. Instal·lacions

4. Jocs abstractes

Foresta Junior, SuperRius

Trinity, Joan Miró

Immemory

Legible City

Tetris

Interactius de Ficció

10. Jocs abstractes

11. Puzzles

12. Mata-marcians

13. Plataformes

14. Shoot'em'up

15. Beat'em'up

16. Conducció

17. Esports

18. Multijugadors

19. Estratègia

Tetris

Scacs

Space invaders

Super Mario, Sonic

Operació Wolf

Street Fighter, Moral Kombat

FIFA

Counter Strike

Civilization, Age of Empires

Interactius de Ficció (cont.)

21. Socials

22. MMORPG

23. Jocs de rol

24. Acció

25. Acció i aventura

26. Acció bèlica

27. Supervivència/horror

28. Aventura

Sim City, The Sims

Ultima on-line, EverQuest

NeverWinter Nights

Doom, Quake

Tomb Raider, Half-Life

Medal of Honor

Resident Evil, Silent Hill

Monkey Island, Zork, Myst

Caracterització

Variables dels interactius(Brenda Laurel, “Computer as Theatre”)

freqüència

quantitat d’interacció

significació

control

rang

número d’opcions presentades

Variable Quantitat d’interacció

Jocs d’acció

Bases de dades

Diccionaris, Enciclopèdies

Avantures, Hipertextos

Jocs de reflexió

Jocs educatius

Ensenyament programat

Guies, catàlegs

Exposicions linials

Punts d’informació

+

-

>> És una Variable sense significació

Variable 1

Interacció requerida Qualitat de la interacció

• contributòria

• buscar camins

• superar obstacles

• camins simples

+

-

Variable 1 Interacció requerida

Programes d'autor

Jocs de reflexió

Jocs educatius

Jocs d'acció

Ensenyament programat

Guies, catàlegs

Diccionaris, Enciclopèdies

Exposicions lineals

Punts d'informació

+

-

Variable 2 Autonomia i control

per part de l'interactor

• accés a tota la base de dades

• control localitzat

• opcions limitades

• camins prefixats

+

-

Variable 2 Autonomia i control

Diccionaris, Enciclopèdies

Guies, catàlegs

Documentals, educatius

Jocs de reflexió

Jocs educatius

Jocs d'acció

Ensenyament programat

Exposicions lineals

Punts d'informació

+

-

Un mapa 2D dels interactius

Variable 3 Presència i immersió

• olfactòria índexos

• tàctil (futur) icones

• visual, aural (actualitat) símbols

+

-

Un mapa 3D dels interactius

Espectacle total

Villa Misteri de Pompeia (-60)

Panorames i diorames

Panorames i dioramesrotonda de Leicester (segle XVIII)

Fantasmagoria Etienne Gaspard Robertson (1763-1837)

Guà I casc

Realitat virtual

- Playstation 1 (1995) 300.000 polígons/seg.

- Playstation 2 (2000) 16 M polígons/seg. (quasi

qualitat fotorealística)

- Playstation 3 : 1.000 M polígons/seg.

> Alvy Ray Smith: "Reality is 80 million polygons per

second"

Realitat virtual

Tarkovsky: "El cinema és una realitat emocional, i així

és com el públic el rep: com una "segona realitat"

Youngblood: "L'ordinador serà el mitjà estètic sublim:

un instrument parapsicològic per la projecció

directa de pensaments i d'emocions"

Realitat virtual

"El asombroso crecimiento de nuestras técnicas, la adaptabilidad y

precisión que han alcanzado, las ideas y hábitos que están

imponiendo, suscitan el convencimiento de que cambios profundos

amenazan el antiguo oficio de crear la belleza. En todas las artes hay

un componente físico que ya no puede considerarse o tratarse como

hasta ahora, que no puede permanecer sin verse afectado por

nuestro poder y conocimientos modernos. Ni materia ni espacio ni

tiempo son lo que han sido desde tiempos inmemoriales. Debemos

esperar grandes innovaciones que transformen la técnica entera de

las artes, afectando así a la misma invención artística, y hasta quizá

provocando cambios radicales en la misma noción del arte". Paul Valéry

Interaccions digitals (Brenda Laurel “Computer as a theatre”)

productiva

ajut a la realització de l’obra (en tots

els mitjans de comunicació)

experimentall’ordinador com a medium en una

experiència sensorial o estètica

Brenda Laurel, “Computer as Theatre”

“Los ordenadores son teatro. La tecnología interactiva, como el

drama, ofrece una plataforma para representar realidades

racionales en las que determinados agentes ejecutan

acciones con cualidades cognitivas, emocionales y

productivas (...) Dos mil años de teoría y práctica dramática

han sido dedicados a una finalidad que es remarcablemente

similar a la incipiente disciplina del diseño de la interacción

entre el ser humano y el ordenador: concretamente, crear

realidades artificiales en las que el potencial para la acción

está enriquecido cognitiva, emocional y estéticamente”

Janet Murray "Hamlet on the Holodeck"

"Una experiència sensorial i estètica?"

Holodeck : "Star Trek"

PlayRoom : episodi "The Veldt"

(Ray Bradbury, "The Illustrated Man" Doubleday &

Co., New York, 1958)

Propietats dels interactius (Janet Murray)

- enciclopèdia multimèdia

- espaialitat immersió

- participació compartició

- programa procediment

participació, compartició"Plaers del digital"

Immersió

atenció, absorció

Agency

actuar i obtenir resultats

Transformació

identitat, calidoscopi

Qualitats digitals (R. Packer, K. Jordan)

- numerització

- modularitat

- automatització

- variabilitat

- transcodificació

- programabilitat

Qualitats digitals (X. Berenguer)

- fragmentació- individualització

- audiovisualitat- vivència

- profunditat- compartició /comunitat

Hipermèdia

Hipertext Multimèdia Hipermèdia

Text enllaçat Mitjans

sincronitzats Multimèdia enllaçat o

interactiu

Sistema Hipermèdia

• Llenguatge d’autor

• Sistema d’emmagatzemament

• Motor hipermèdia

• Eines d’interrogació i de recerca de la

informació

• Interfície gràfica GUI

(Graphical User Interface)

Interrogació i Recerca

• Recerca per contingut

nusos i enllaços independents

• Recerca per estructura

subxarxes

• Recerca per contingut/estructura

--> Filtres

• Hiperíndex

Ìndexos amb descriptors

Útils per a navegar

• Mapes

Tota la BD (global o local)

Veure la quantitat d'info que hi ha a la BD

• Camins (paths) i Rastres (trails)

"recent" (Hypercard)

• Salts arbitraris, fites (landmarks), marques (bookmarks), ull-de-peix, aranyes

(spiders), zooms...

Hypertext Design Model (HDM)Franca Garzotto, Paolo Paolini, Daniel Schwabe

Entitat

Components

Unitats (nusos)

Enllaços

d’Estructura

enllacen components de la mateixa entitat

de Perspectiva

enllacen unitats del mateix component

d’Aplicació

enllacen el que calgui

Thuring (1991)

Nusos

d’estructura

- de seqüència

camí lineal

camí alternatiu

camí condicional

- d’exploració

de contingut

- atòmic

- compost

Enllaços

d'estructura

- de seqüència

- d'exploració

de contingut

Avaluació(Nielsen)

- Utilitat

mesura que el document ajuda a l’usuari a realitzar la tasca

- Integritat

actualització, manteniment

- Usabilitat

facilitat d’aprenentatge

facilitat d’ús

manegament d’errors

- Estètica

Interacció

"Procés cíclic en el qual dos actors

alternativament parlen, pensen i

escolten"

Chris Crawford

Fases del Disseny d'Interactius

• Contingut

• Estructura

• Interfície

Metàfora

• Programació, producció...

Contingut i Estructura

• Autoria científica i autoria

audiovisual

• Microestructures i Patrons

Microestructures (S. Wilson)

"Patterns of Hypertext"(Mark Bernstein, 1998)

cicle counterpoint contour cicle de Joyce

mon mirall muntatge split tangle

Interfície

Persona Ordinador

InterfícieModels mentals

Persona Ordinador

Interfície

Persona Ordinador

Interfície:desafiaments més importants

• Desorientació

(cosa que no passa en un text lineal)

• Desbordament cognitiu

(cognitive overhead)

autor / lector

Recomanacions pel disseny d'interfícies (Apple, “Human Interface Guidelines”; Wilson)

• WYSIWYG

• Estabilitat: l'entorn és entenedor i familiar

enlloc de canviant

• event loop: l'usuari ha de ser capaç de fer

qualsevol cosa en qualsevol moment

• accions reversibles: sempre poder sortir

• usar metàfores concretes: amb suports

àudio i efectes visuals

Metàfora

“model cognitiu de com els individus pensen sobre

problemes complexos”

- “Poètica” d’Aristòtil

- a la lingüística : “categories“

- Metàfora original: escriptori del Mac

- Hypercard: pila (stack)

Laberint

La roda de la vida: Mapa de temes, correspondències i persones

Elements Mode d'Biologia/Evolució Psicologia associats Vies interacció

Inici de la vida Instints Aigua Forat Física l'oceà subconscient, fluïd cova, sensual,

intuitiu, sirena túnel, passiu,nen sensual remolí receptiu

Vida a la terra Desig Terra Pont Combatconflicte, sòlid, arbre, atac,ambició, explosiu, illa, defensa

jove agressió centaur muntanya

Vida humana Raó Aire Finestra Anàlisiplà, anàlisi, moviment, vehicle, creació

adult estratègia poder,robot porta

Vida a les Esperit Foc Cel Integracióestrelles aspiració,

ascensió

Cultures - colors

roig blau verd groc blanc

EEUU perillós masculí segur covard pur

França aristòcrata lliure criminal provisional neutral

Egipte mort virtuós fèrtil pròsper joiós

India viu fèrtil exitós mort,pur

Japó perillós vilà enèrgic noble mort

Xina feliç cel din. Ming poder mort,pur

Una història dels llenguatges

Escriptura Pintura Drama Música Fotografia Cinema Càlcul

-3.300JeroglíficsEgipte

-20.000CovesLascaux

-600FestivalsDionisos

-2.000Arpaegipcia

1839Daguerre

1884Kinetoscopid’Edison

-450àbac

-1.500Alfabetfonètic

-3.000Tombesegipcies

-550Intro. delcor

1306Orga depedals

1861Fotos deguerra(Brady)

1903“The greattrainrobbery”(Porter)

1864EnginyAnalític(Babbage)

-800Bibliotecad’Assíria

-1.100Pinturesa l’oli

-442“Antígona(Sòfocles)

1404Clavicordi

1882CàmeraKodak

1915“Birth of anation(Griffith)

1955PrimerOrdinadorcomercial

1440ImpremptadeGutemberg

1.497“L’últimsopar”(Leonardo)

580Companyies derepertori

1520Violí

902Stieglitz

1927“The jazzsinger”

1958FORTRAN

1605“DonQuijote”

1654Retrats deRembrandt

1603“Hamlet”

16021ª òpera:“Orfeo”Monteverdi

1943AnselAdams

1941“CitizenKane”

1975Ordinadorpersonal

1719Novelamoderna:“RobinsonCrusoe”

1937“Guernika”(Picasso)

1720“El clav.bentemperat”(Bach)

1978Fulls decàlcul

Xavier Berenguer

Universitat Pompeu FabraBarcelona, 2008