Realidad Aumentada en Museos: Interactividad
Realidad Aumentada en Museos: Interactividad
PROYECTO DE TESIS:
__________________________________________________________
DEDICATORIA:
Para mi familia.
3
AGRADECIMIENTOS:
Mi agradecimiento es para cada miembro de mi familia, porque sin su apoyo no hubiese podido
culminar esta meta de tantas otras trazadas en mi vida. A Cristina mi esposa, quien ha llegado a
mi vida para hacerme feliz cada día y que con su apoyo todo ha resultado más fácil.
4
RESUMEN
largo de la historia con respecto a la implementación de sistemas de interacción, para que por
esta manera se pueda conocer los esfuerzos que han hecho por cautivar y ofrecer elementos que
Antes bastaba que los museos ejerzan de manera acertada su función de conservación del
patrimonio a ellos encomendado y de la divulgación del conocimiento que de ello implica, sin
embargo en la actualidad, se les pide que esos contenidos expuestos se conviertan en una
tecnologías, generan nuevos espacios que son idóneos y con gran espectro de posibilidades para
la exploración como casos de estudio por el potencial que estas nuevas herramientas brindan
como medios para la experiencia audiovisual y para el estudio de las experiencias de usuario.
Lo que el gran espacio de los medios digitales hace, es permitir la generación de nuevas
propuestas que implican la participación directa de los nuevos usuarios en estos nuevos espacios.
sectores educativos como los museos, es así que se pretende abordar y reflexionar no solo los
5
ÍNDICE DE CONTENIDOS
DEDICATORIA: ....................................................................................................................... 2
AGRADECIMIENTOS: .............................................................................................................. 3
RESUMEN .............................................................................................................................. 4
ABSTRACT ............................................................................................................................. 6
ANTECEDENTES ................................................................................................................... 10
PROBLEMÁTICA ................................................................................................................... 15
OBJETIVOS: ......................................................................................................................... 16
OBJETIVO GENERAL ............................................................................................................. 16
OBJETIVOS ESPECÍFICOS ....................................................................................................... 16
CAPÍTULO I .......................................................................................................................... 17
1. Museo de las Culturas Aborígenes de Cuenca ................................................................ 17
1.1 Historia .................................................................................................................................. 17
1.2 Situación Actual del Museo de las Culturas Aborígenes de Cuenca ........................................... 18
1.3 Visión interna del Museo de la Culturas aborígenes de Cuenca. .......................................... 19
1.3.1 Señalización ...............................................................................................................................................19
1.3.2. Salas de exhibición ............................................................................................................................21
1.3.2.1 Salas y Muestras en exposición del museo .............................................................................................21
1.4 Servicios que oferte el Museo de las Culturas aborígenes de Cuenca ........................................ 22
1.5 Target actual del museo de las Cultura Aborígenes de Cuenca.................................................. 22
1.6 Problemática actual del Museo de las Culturas Aborígenes de Cuenca ..................................... 23
CAPÍTULO II ......................................................................................................................... 30
2. La interactividad como herramienta informativa .......................................................... 30
2.1. Aproximaciones a la Interactividad......................................................................................... 33
2.1.1 Niveles de interactividad ...........................................................................................................................35
3. Herramientas de Interactividad........................................................................................ 48
3.1 La Realidad Aumentada .......................................................................................................... 48
3.1.1 QR Codes ....................................................................................................................................................49
3.1.2. Aplicaciones Web .....................................................................................................................................52
3.1.2.1 Historia de las Aplicaciones Web ............................................................................................................53
3.1.2.2 El futuro de las aplicaciones Web ...........................................................................................................56
3.1.2.3. Tendencias Actuales en la construcción de sitios web ..........................................................................57
3.1.2.4. Web Semántica (Web 3.0) .....................................................................................................................58
3.1.2.4.1 Tecnologías actuales en la Web 3.0 .....................................................................................................59
3.1.2.4.2. Diferencias entre Web 3.0, Web 2.0 y Web 1.0 ..................................................................................61
3.2 La realidad aumentada con QR CODES como herramienta de interactividad en el Museo de las
Culturas Aborígenes de Cuenca..................................................................................................... 62
CAPÍTULO IV ........................................................................................................................ 65
4. Propuesta para el Museo de las Culturas Aborígenes de Cuenca
(www.museoculturasaborigenes.com) ................................................................................. 65
4.1 Diseño y Desarrollo del prototipo ............................................................................................ 65
4.1.1 Diseño de la experiencia del usuario. ........................................................................................................66
4.1.1.1 Objetivos de la Aplicación Web ..............................................................................................................69
4.1.1.2 Necesidades del Usuario .........................................................................................................................69
4.1.1.3 Requerimientos de Contenidos ..............................................................................................................73
4.1.1.4 Especificaciones Funcionales ..................................................................................................................74
4.1.1.5 Arquitectura de Información ..................................................................................................................75
4.1.1.6 Diseño de Interacción .............................................................................................................................77
4.1.1.7 Diseño de Información ............................................................................................................................78
4.1.1.8 Diseño de Navegación .............................................................................................................................79
4.1.1.9 Diseño de Interfaces ...............................................................................................................................80
Conclusiones...................................................................................................................... 102
9
Recomendaciones.............................................................................................................. 105
REFERENCIAS BIBLIOGRÁFICAS: ......................................................................................... 107
Tabla de Imágenes ............................................................................................................ 112
ANEXOS............................................................................................................................. 115
Manual de Implementación para la aplicación web del MCAC ............................................ 115
Anexos Gráficos: ................................................................................................................ 134
10
ANTECEDENTES
como los museos, satisfacen necesidades de sus usuarios cuando la experiencia y la interacción
se entrelazan. En la mayoría de los casos, los museos se limitan a funciones muy puntuales si
tomamos la concepción más antigua de un museo, hoy en día son un vehículo de comunicación y
Existen nuevos conceptos de museo, pero todos enfocados hacia el público, lo cual
preocupación por la escasa afluencia ha hecho que se replantee las exposiciones tal cual
Cada día más de estos establecimientos emplean medidas innovadores para atraer un
mayor público.
11
No es ajeno decir que la tecnología aproxima al público a los museos: páginas de internet,
recorridos virtuales, multimedia, visitas guiadas por pequeños computadores son tan sólo
algunos de los enfoques que hoy en día es común verlos. “Se puede decir que el desarrollo de las
nuevas tecnologías, facilita la vida en sociedad: desaparecen las filas de un banco, cambian los
impresos) y las prácticas de las visitas guiadas no son suficientes. Es necesario desarrollar
estrategias para mejorar su contacto con los usuarios, atrayendo mayor número de visitas y
medios que han conseguido un protagonismo cada vez más destacado en distintas áreas del
La facilidad con la que, por medio de este tipo de tecnologías se pueden insertar objetos
virtuales en espacios físicos reales, ha hecho que sea considerada una herramienta muy rentable
para exponer contenidos, sean estos comunicacionales, publicitarios o incluso informativos, pero
con la referencia de que algo pueda entretener pero al mismo tiempo educar y que hoy se conoce
como “edutainment”.
12
culturales como los museos, y generar intrínsecamente, nuevos entornos interactivos de carácter
educativo y cultural.
En este sentido, las tecnologías disponibles en la actualidad como los QR Codes y las
aplicaciones Web no hace más que evidenciar la interactividad de los nuevos usuarios en los
denominados nuevos espacios. Pero todo esto no es para nada distante del sector educativo
información expuesta, lo que ha llevado a la inserción ya sea de manera empírica de estas nuevas
formas de interacción, preocupándose no solo en el papel que desempeña el usuario sino también
en la configuración de su entorno acorde a lo que se muestra o expone, de esta manera este tipo
relacionar el cuerpo con los espacios electrónicos construidos a través de imágenes con soporte
tecnológico: video, computador” (Nussbaum, 2009)., lo que en cierta forma avizora el campo de
investigación.
de nuevos espacios por medio de esa hibridación de imágenes virtuales con el espacio físico, y se
adopta esta definición en el proyecto porque tiene el enfoque que se pretende darle a la
investigación tanto teórica como práctica; pero de la misma forma existen muchos trabajos que
han abordado sobre esta temática, lo que ha ayudado a encontrar muchas definiciones pero que
que conviven en un espacio y tiempo fijo. Así mismo, se ha encontrado muchas investigaciones
donde valoran la función pedagógica que tiene esta nueva tecnología en escenarios como el de
un museo, ya que debido a ella, se constituye como herramienta que favorece de manera directa
pero intuitiva entre los visitantes en la recolección de información expuesta en estos “objetos
virtuales.
(herramientas tecnológicas, físicas, teóricas); pero lo más importante la interacción de éstos con
los usuarios, siendo de vital importancia para poder cualificar y cuantificar la experiencia de
usuario y poder asimilar de manera acertada los resultados que servirán para la evaluación.
aplicacional que el código de respuesta rápida tiene (QR Code), y es así que, en la introducción
de ésta tecnología en una aplicación web, sirva como herramienta comunicacional e informativa
y que “el usuario nunca pierda el contacto con el mundo real que tiene al alcance de su vista y al
mismo tiempo pueda interactuar con la información virtual superpuesta” (Restrepo, 2007, p.29).,
centra en aspectos tecnológicos para la implementación como software o hardware, que ayudarán
visitantes.
15
PROBLEMÁTICA
al mismo tiempo evidencian las falencias en los métodos actuales. Casos puntuales de estas
problemáticas esta en el hecho de que no toda la información está disponible cuando se observa
una obra y que no se puede interactuar con ella para la obtención de más información
específica, por lo que se necesita de un guía o de folletos extra que en la mayoría de los casos no
Y es así que por medio de la implementación de estas nuevas tecnologías como aplicativo
web, se pretende que la presentación de los contenidos e información sea de manera activa,
donde el aprendizaje sea a través de la manipulación simulada de objetos, ya que por medio de
esta experimentación interactiva, permitiría al usuario conocer más a fondo características muy
particulares de determinado objeto expuesto por su vista en 360 grados, pero que además por la
información proporcionada en el monitor del panel interactivo, accediendo a ella por medio del
soporte donde contendrá el código que será leído por la cámara web del dispositivo.
Lo que se pretende es insertar esta obra virtual en contextos reales por medio de los
dispositivos móviles, para que se la pueda manipular como si se tratase de una obra física real, ya
OBJETIVOS:
OBJETIVO GENERAL
Diseñar un aplicativo web con Realidad Aumentada (QR Codes), que será visualizado en
Cuenca.
OBJETIVOS ESPECÍFICOS
asimilación de información.
- Diseñar e implementar una aplicación web donde los contenidos sean leídos a través de
CAPÍTULO I
Larga y Mariano Cueva. Su muestra es de gran valor arqueológico que hace referencia a
1.1 Historia
El museo se inauguró en el año de 1992, desde sus inicios arrancó con características
muy particulares, inclusive fue creado en homenaje a los indios del Ecuador y a los grupos
El museo fue fundado por Juan Cordero Iñiguez, quien se ha dedicado gran parte de su
En la actualidad el museo es un centro integral que no sólo consta de una tienda para la
venta de réplicas de los objetos expuestos, sino también de la venta de libros sobre historia,
tarjetas postales, folletos informativos y demás documentación que hacen referencia a la historia
El museo cuenta con su propia biblioteca llamada G.h. Mata que se especializa en la
muestra de libros de distintas áreas no solamente histórica como la literatura y el arte de américa
Integrado al museo se encuentra el Archivo Histórico Luis Cordero, con unidades que
hacen referencia a la historia nacional y regional. En el mismo hay más de 10.000 documentos
desarrollo cultural de la región sur del Ecuador, así como de respaldar investigaciones e
incorporar personal con el ávido interés de mantener a la ciudad de Cuenca como Patrimonio
Cultural de la Humanidad.
19
así también al auspicio de eventos vinculados con la cultura participando a través de convenios
1.3.1 Señalización
20
principales problemas que presenta debido a que carece de identidad gráfica. Existe o se
evidencia el intento por manejar una misma línea gráfica en la identidad visual e imagen del
museo, pero esto solo en un menor porcentaje de su señalética. De hecho en algunas de sus salas
se visualiza membretes con la imagen antigua y en otras se observa la nueva imagen, lo que hace
Este problema, aunque fácilmente corregible, afecta lo que los usuarios perciben y por
ende opinan con respecto al museo y del manejo que los administradores le dan al mismo. (Ver
Cuando se ingresa al Museo de las Culturas Aborígenes, se inicia su recorrido por la sala
Una quinta sala está dedicada a las culturas de la sierra norte del Ecuador y a las culturas
Quevedo.
En las salas restantes del museo se exhiben obras de las Culturas Manteñas, Inca, Napo y
El Museo de las Culturas Aborígenes de Cuenca cuenta con servicios de atención con
guías para grupos, atención especializada para niños de escuela y una guía impresa que se
lo componen un archivo histórico y una fototeca. A disposición del museo también está el café
EL Museo de las Culturas Aborígenes tiene sus puertas abiertas para todos los públicos.
Además de contar con los servicios que se detallaron en líneas anteriores, se pueden solicitar
visitas, ya sean o no guiadas, que se adapten a las necesidades académicas de los visitantes.
23
-Particulares
- Instituciones Educativas
organizaciones que mantienen una relación con el MCAC y con quienes la comunicación debe
En el marco de la que ha sido planteada por diversos teóricos como una sociedad
del conocimiento, en la que lo más valioso son las ideas, han surgido nuevas formas de
abordar y entender los museos; una perspectiva desde la cual se valoran como espacios
que estimulan, promueven y generan conexiones tan ricas, que son verdaderos campos
de cultivo de ideas. Sus ambientes y las experiencias que tenemos en ellos, alimentan
24
manera constante para diferenciarse entre ellas pero por sobre todo para lograr ocupar un lugar
en la mente de los consumidores replanteándose una y otra vez sus estrategias de comunicación.
De esas estrategias que se hablan es la del marketing experiencial, que asocia las
sensaciones por medio de experiencias vividas, es decir, apela a los cinco sentidos de las
personas para que puedan realizar la compra de un producto, cuya experiencia sea quien
Para hablar del marketing experiencial es necesario tener muy claros los conceptos
termina determinando el precio. Por este motivo es necesario que se planteen el desarrollo de
estrategias que puedan diferenciar un producto de otro para poder captar no solo su atención,
sino más importante aún la preferencia. En cuanto a la utilización adecuado de esos recurso se
logra lo que se conoce como el valor agregado ofreciendo siempre al usuario algo más,
cual va a estar dirigida una estrategia. Si ese target no está bien focalizado en el segmento acorde
a lo que se pretende, se perderá el tiempo y los recursos de quienes invierten para ello.
producto en el mercado. Pero al hablar de este concepto es importante abordar dos términos:
identidad y la imagen de marca. Lo primero hacer referencia a los valores que se intenta
transmitir y lo segundo a todos los atributos sean estos positivos o negativos que los usuarios
perciben, es por eso que dentro de los objetivos del marketing es que estos dos términos sean lo
Apenas ahora aparece el tema central de lo que habíamos hablado en líneas anteriores, el
una marca en el consumidor. Todos los conceptos hasta ahora vistos son de vital importancia, no
solo para entender al marketing experiencial sino también para ponerlo en práctica. Todos esos
parámetros establecidos desde que se conoce al marketing como una ciencia de estudio, ha hecho
que la publicidad sea enrumbada hacia la creación del fenómeno boca-oreja o más conocida
como buzz marketing, centrando en esto como el objetivo central, después el de buscar el
posicionamiento de la marca.
¿Pues bien, como es que los conceptos de marketing se relacionan con la interactividad
en el museo de las culturas aborígenes de Cuenca? Para poder explicarlo en un ejemplo práctico,
tomemos a una tienda de discos, la estrategia de éstos por vender música mediante la escucha de
26
mejoras para ello. Esa experiencia vivida por parte de los consumidores hizo que se incrementara
las ventas, ya que esta nueva sensación de aparentar un nuevo servicio o un servicio
personalizado es lo que genera mas impacto en una audiencia que busca siempre nuevos
atractivos.
Incluso en este punto, con este tipo de análisis se podría encontrar muchísimos casos
como vemos muy aplicable a un museo, ya que se demuestra cómo los recorridos, siendo
sensaciones a los espectadores y que por obvios motivos mejoran la percepción general del
pedagógicos.
la imagen de esa monotonía que presentan los museo en Ecuador desde hace muchísimo tiempo.
cliente, como en el caso del museo, esa experiencia se la vive en el recorrido. Según Bernard
Schmitt, existen 5 pasos, etapas o vías para generar experiencias en el consumidor: percepción,
relacionarse siempre implica a otra persona, y actuar puede ser individual o compartida.
actuar.
más de dos módulos: pensar y relacionarse, sentir y actuar… Incluso podemos hablar de
una experiencia holística, que integra los cinco módulos.”1 (Schmitt, 2000, p.108)
El consumidor es quien esta en constante percepción de lo que ve, como los colores, las
formas, los tipos de caras, ruidos, olores texturas entre muchas otras más. Evidentemente todas
estas sensaciones son etéreas y llegan por medio de grafías o símbolos, ya sean estos verbales o
incluso visuales.
estilos de vida de los consumidores ya que se evidencia conductas y acciones que siempre están
algo llamativo, lo más importante es lo que el cliente sienta, o entienda cual es su camino a
seguir; ya que en él puede generarse esa experiencia mediante simplezas o de cosas muy
cliente en todo su recorrido en el proceso de compra al igual que todos los contactos pero mucho
más importante aún hacer el respectivo seguimiento para poder puntualizar e identificar lo que en
consumidor entran en contacto produciendo en él experiencias únicas pero para que queden
Los “momentos de verdad” podría ser optimizados creando experiencias positivas que se
impregnen en el subconsciente, y esto permitirá que las percepciones que tiene el consumidor del
Para el caso del museo de las Culturas aborígenes de Cuenca ese “momento de verdad”
se produce en la visita, ya que en este punto es donde la institución debería optimizar para
Por medio de ese simple recorrido, el usuario deberá haber vivido su experiencia única,
pero a la vez que colectiva, puesto que ese sentimiento de compartir con un grupo de personas
genera emociones más fuertes y por ende mucho más recordadas. Es así que el objetivo es poner
en práctica todas las vías que propone Schmitt para poder generar una buena experiencia en el
visitante, ayudando para esto que el museo cuenta con una gran versatilidad algo que no poseen
Los museos no pueden seguir siendo meros espectadores de lo que los usuarios observan
de las obras expuestas, pues hoy en día ya no cumple la función de simplemente exhibir, guardar
y de conservar, pues si desean aun tener visitantes deben plantear la generación de actividades
que no sólo permitan disfrutar del conocimiento sino que también del intercambio cultural entre
CAPÍTULO II
En la actualidad se vive en el pleno auge del boom tecnológico, debido a esto muchos de
Por un lado tenemos que los medios de comunicación nos venden conceptos que
supuestamente son interactivos, como por ejemplo cuando en un programa de televisión nos
llevan a la votación por celular de un reality show para decidir que participante gana o pierde;
este concepto no sólo es simple sino que también burdo porque el usuario no tienen el control
que tuviera un usuario individual sobre como ver el programa ya que dentro de los parámetros de
concepto de interactividad es muy notoria; pero a pesar de esto, los supuestos nuevos medios
tienen la ventaja de que pueden llegar al usuario en el preciso momento que él lo requiera y no
Pero muy a pesar de esto, aunque si bien es cierto puede tomarse el tiempo para usar la
aplicación a su antojo; sigue siendo algo lineal, donde no puede modificar el contenido en la
interactividad está muy lejos de lo que en realidad es, inclusive mucho más remota de la
conversación entre seres humanos, debido a que esa reciprocidad ya no es compleja y pero aun
presencial.
interactividad sobre todo con la llegada de nuevos medios que no terminaron por ayudar sino
todo lo contrario; medios tradicionales, modernos, renovados o no, son vendidos como los
nuevos medios interactivos pero lo que hacen es evidenciar una falsa idea de la transformación
del contenido y de la experiencia, porque es el usuario quien no cambia por seguir siendo el
Nos enfrentamos ante una oportunidad para poder beneficiarnos de ese deseo que por
inercia se tiene por expresar y sobretodo interactuar; ya que mientras el mundo comercial se
medios tradicionales de comunicación mediante la web 2.0 y que gracias a ella podemos decir
que este poder informativo que antes estaba en unos pocos sectores hoy en día empezó a
descentralizarse, pero más importante aun que pasa a manos de los usuarios.
32
Gracias a ello, en el internet surgen nuevas ideas que pueden llegar a tener mayores o
menores niveles de interactividad, incluso hasta llegar a tener experiencias mucho más
individuales como lo que se vive en la actualidad con las redes sociales o blogs. Y ésta a la vez
se vuelve en cierto modo una experiencia a otro nivel de revolución porque la interactividad
inclusión en ambientes tangibles, lo que a su ves produce que se devuelva la apertura a ese acto
quienes se atrevieron a esbozar lo que realmente es esa interacción entre seres humanos, y por
identifican cuatro conceptos que lo hace posible: el emisor, el receptor, el mensaje y el medio o
canal.
Cuando existe una conversación entre dos personas, se cumplen los requisitos básicos
para que se realice o exista una interactividad; ya que primero no hay una linealidad mientras se
desarrolla el mensaje, porque puede elegir cualquier otro camino pero dependiendo siempre de
33
los emisores y de los receptores, porque en todo momento se intercambian sus roles y esto no
solo se evidencia cuando esa comunicación es oral, sino también cuando es escrita.
relacionado con el grado en el cual los intercambios previos están referidos con las
Desde este punto de vista, revisar lo que el arquitecto francés Le Corbusier tenía como
punto de vista con respecto a los museos, en su obra de 1925 llamada “El arte decorativo de hoy”
expone el sueño utópico de lo que seria un museo sobre todo porque la expone como una
institución donde se almacenan todo tipo de objeto histórico pero que no se lo seleccione con el
objetivo de hacerlo pensar al visitante por si mismo y no con una información sesgada.
hasta el grado establecido por el emisor, dentro de los límites del medio de
El eje central dentro del ensamblaje interactivo es el receptor, o de hecho que el receptor
no solo tenga aquel papel pasivo tradicionalmente concebido, sino que también pueda controlar
Como se dijo ya anteriormente, hoy en día es complicado saber y sobre todo determinar
lo qué es y no interactivo, pero de igual manera se torna fácil al tener claro ese concepto. Esto se
debe a que existe muchas implementaciones nuevas de carácter tecnológico lo que han puesto en
debate su definición; puesto a que algo no lineal no necesariamente es interactivo, que el usuario
interactividad, puesto que la tv interactiva no es realmente interactiva así como los CD-Room ni
las animaciones flash. Con la aparición de los nuevos medios han sido victima de éstas
Para que algo sea interactivo es importante que posea ciertas cualidades, tales
porque se trata de un proceso de ida y vuelta pero sobre todo con mucha continuidad y
un orden para que el usuario pueda recibir una experiencia que le motive a despertar el interés de
La creatividad dentro de los roles interactivos juega aquel papel clave, ya que permite e
incentiva al receptor para que ponga su marca personal e incluso dinámica a la hora de poner en
proporcionada.
requerimientos interactivos, para pasar a ser quien fusiona en ese proceso no solo de
Donde no se requiere de ningún tipo de intervención por parte del usuario, es decir el
nivel de NO INTERVENCIÓN.
Es el de la intervención mental. La actividad que realiza el usuario tienen que ver con el
similares que en el nivel 2, la diferencia esta en que señala pausas para desarrollar otro
tipo de actividades.
retroalimentación.
La intervención por parte del usuario va más allá del mensaje. Es el de máxima
Los museos en la actualidad sufren grandes cambios, la aparición de los nuevos medios y
sus tecnologías permiten a los usuarios tener un gran muchas opciones de selección, ya sea desde
un guía; “hasta la visita más placentera desde el confortable sofá de la casa, con la ayuda de
una página Web que sin escrúpulos revela los más íntimos secretos de todos los posibles
Casos puntuales que abordan esta problemática es que hoy se busca imperioramente
tecnologías que sean innovadoras para que mediante ellas se introduzcan en los museos la tan
aclamada interactividad.
tecnología no siempre tiene que ver con lo interactivo. Es por eso que se espera que los museos
enfoquen sus esfuerzos para poder así obtener mayores visitas producto o resultado de ello.
Al trabajar con mayor esfuerzo en esta problemática se pueden obtener resultados básicos
negocio cuando sus elementos fundamentales están por cambiar. Este cambio puede ser
una oportunidad para nuevas alturas. Pero también puede ser una señal que avisa el
ocasionado un gran cambio en la realidad empresarial a todos los niveles, esto por supuesto
también afecta a los museos, que deben adaptarse al entorno para sobrevivir.
privilegiadas de presenciar una revolución social en gran escala. Pero con los
años de este nuevo milenio están destinados a ser el escenario de uno de los puntos de
inflexión más grandes de la historia, una revolución tan profunda que va a rivalizar la
Este gran cambio que esta sufriendo el mundo ha sido aprovechado beneficiosamente por
muchas empresas, que merece ser visto o mas importante es adoptar una actitud positiva ante el y
contemplarlo como una oportunidad, en lugar de presentar una resistencia al mismo, que es lo
que al final se muestra como una de las principales causas de fracaso en la adaptación de las
entre ciertas cosas, tales como mares, pueblos, casas o habitaciones, mediante pasos,
vías, canales, cables y otros recursos y cada de uno de estos medios de unión entre
dichas cosas” (
aportes de Lasswell se han sumado la de otros teóricos que han hecho modelos comunicativos
que complementan lo que él había hecho, como por ejemplo el modelo de Shannon y Weaver
que se convirtió en el más utilizado por su versatilidad en los usos ya que se enfrascaba
comunicación con la comunicación humana, pero evidencia por fortuna que el proceso inicia con
que ver con la matemática y su enfoque está estructurado para que se pueda aplicar a problemas
similitud con el de Laswell, éste al pasar de los años adicionó aspectos importantes como la
retroalimentación que al fin de cuentas hace que todo proceso comunicativo se reinicie y vaya en
El elemento del ruido tomado como un aspecto más para la comunicación humana, no es
mas que las interferencias como por ejemplo las malas interpretaciones ya sea por cuestiones de
desconcentración, etc.
El autor ruso, Roman Jaakobson se basó en los estudios de Shannon y Weaver y posterior
peor aún en lo superficial. Es así que en el modelo propuesto por él, se ve a los factores que en
42
éstos en el lenguaje.
educación) es una forma de entretenimiento diseñado para educar así como divertirse.
divernética (apelando al término de cibernética), pero hasta ahora se sigue denominando con la
palabra inglesa.
Dentro de las principales premisas es que quien esté en frente de la educación enseñe o
otras. Resumiendo lo que se quiere lograr es que se cree motivación tanto en los receptores
como en los emisores, así ambos a más de llevar el proceso educativo de una manera más formal
también terminan educándose de una manera informal apoyándose siempre en las tecnologías.
43
y como no en los museos, esto con el claro objetivo de de proporcionar ayuda para el
aprendizaje de los visitantes de los contenidos y de los significados a ellos expuestos, pero desde
ese sentido es el guía-expositor hacer uso adecuado de ello para potenciar lo mucho que como
Actualmente, Edutainment está cada vez más presente en las Instituciones de índole
educativo como los museos con la finalidad de ayudar a aprender con mayor riqueza de
lo que se está enseñando y por ende ayuda a empaparse del tema. Lo característico y por ende lo
mas sobresaliente del uso adecuado de edutainment es que permite al receptor aprender un tema
desde varios ángulos permite a él encontrar la manera de aprenderlo. Luego que se capta la
tención por determinado tema podrá escuchar o leer más del tema, y obvio aprenderá mucho
más.
El concepto de edutaiment emergió como una nueva alternativa dentro de los medios de
comunicación ya existentes, sobretodo como ayuda metodológica para lograr mejores resultados
Pues bien, a pesar de todas éstas interesantes características se l sigue viendo como tema
que genera debate para ser utilizado por parte de los emisores educativos, pues esto tiene algo
peculiar y es que por medio de este tipo de canales se han encontrado solución a diversas
educación no debe ser la estrictamente formal por todos conocidos, sino que con entretenimiento
aquella información proporcionada en los museos llegará de mejor manera a las audiencias. No
solucionará todos los problemas que alberga el uso de tecnología en los museos pero si la
emisión de los mensajes se lo realizará al menos de una manera diferente Finalmente, como
mucho más ahora que la industria del entretenimiento parece ser la única vía de medición de la
realidad.
“El aprendizaje en los museos está atravesado por tres contextos: el personal,
que se relaciona con las experiencias previas de las personas, el físico, que se vincula
con los ambientes que facilitan el aprendizaje, y el sociocultural, que se relaciona con
Los espacios destinados por parte de los museos a la educación, deben enfocarse no solo
en la formación sino también de capturar atención extra de los visitantes para no solo aprehender
46
muchísimo mejor la información sino que también para poder relacionarse mejor con ella. Un
tecnología en Bogotá, que persiguen éste objetivo ya que facilita a los visitante a vivir una
experiencia única ya que fue creado para ser tocado y vivido porque en estos espacio proponen
Los museos deben ser espacios donde la riqueza educativa radique no en la formación si
Ciencia y Tecnología de Bogotá – Colombia, se rigen por esta premisa, y se brinda a los
visitantes la experiencia única de un museo que fue diseñado para ser tocado y vivido, en este
Es así que se plantea la necesidad de que el museo de las Culturas Aborígenes de Cuenca
1. Aprender haciendo
2. Aprender a Aprender
3- Aprender a Emprender
Como propuesta a lo que se expone, es que la muestra del museo virtual forme parte de
un museo tangible, donde el museo virtual es la representación digitalizada del museo “real”.
2
47
Los museos más importantes del mundo están adoptando esta medida para generar
“interactividad”
48
CAPÍTULO III
3. Herramientas de Interactividad
la realidad, donde al combinarse con elementos virtuales se genera realidad mistas pero lo
importante en tiempo real. Consiste en que dispositivos pueden añadir información virtual a la
La diferencia con la realidad virtual es que no sustituye la realidad física, sino que
Con la ayuda de la tecnología, como en nuestro caso para el museo con los dispositivos
información que se proporciona por medio de los dispositivos son almacenados y recuperados
3.1.1 QR Codes
información que evolucionó del código de barras. El código QR es una imagen bidimensional
que almacena la información que será expuesta en una matriz, por ejemplo en un servidor web,
de puntos que, a diferencia de los códigos de barras que se leen en una única dirección, contienen
Código QR almacena hasta 7089 caracteres numéricos, 4296 caracteres alfanuméricos y 2953
bytes de 8 bits. Reduce además los márgenes de error y de pérdida de datos, por lo que se
En 1994 fueron creados por Denso Wave, empresa japonesa que aunque tiene los
La importancia del enfoque del presente proyecto es que los códigos almacenan
web, datos de contacto, enlaces a descargas de audio o vídeo, etc. Como es evidente podría
existir un gran número de usos ya que es un sistema muy versátil y fácil de adaptar a los
Code gratuitos y en software libre. Para descifrar un código QR basta con un teléfono móvil
con cámara para poder decodificarlos. Otra de las grandes ventajas es que no necesita que el
dispositivo sea de última generación para que funcione y hoy en día la mayor parte de los
celulares actuales permiten esta opción. En Ecuador los móviles aún no suelen llevar integrado
de serie los lectores de QR, como ya ocurre en otros países, pero basta con añadir un software
gratuito, que se puede descargar directamente desde Internet, para poder leer estos códigos.
Para leer un código QR solo se tiene que enfocar la cámara del dispositivo sobre la
gráfica del código, y con gran rapidez se decodifica la información que aparece escrita en nuestro
convirtiéndolo así en una opción versátil y fácil de usar en un museo, porque como se dijo en la
mayoría de los casos vienen ya instalados en las terminales, como en este caso de los visitantes al
Dentro de las numerosas ventajas que se pudo identificar por el uso de estos códigos
están:
51
El código QR, tiene un patrón de localización, lo que permite que puedan ser leídos en
cualquier posición (360º). Esto hace que se reduzca el margen de errores y se simplifica
Poseen una alta capacidad para restaurar información que se genera para mostrar
Fotografía 10: Recuperación de errores por parte de los QR Codes. Fuente: El autor.
52
Dan soporte a cualquier tipo de lenguaje, así mismo a diversos tipos de caracteres.
Sólo necesitan de una décima parte del espacio en relación a lo que un código de barras
requiere.
Como relevante para el empleo de éstos códigos es que se encuentra estandarizado, y fue
aprobado como estándar ISO internacional (ISO/IEC18004) en el año 2000 lo que garantiza y
difícil entender y peor aún percibirla diferencia entre una página web y una aplicación web.
Desde la perspectiva de un usuario, puede ser difícil percibir la diferencia entre un sitio
web y una aplicación web. Una aplicación es "es un conjunto de programas para ayudar al
usuario de un ordenador para procesar una tarea específica". La aplicación web permite
interactuar directamente con el usuario y sus datos, todo en forma personalizada, para llevar a
El simple hecho de darle clic a buscar en google, ya se está usando una aplicación web.
53
Las aplicaciones web han revolucionado la manera de utilizar y de dar un buen uso al
o A lo que hoy llamamos aplicación web, no es nada nuevo. De hecho dentro de los
primeros lenguajes de programación está el “Perl”, que fue inventado por Larry
Wal en 1987 y esto fue antes de que el internet sea accesible para todo el publico.
Lerdorf ya que el desarrollo el lenguaje PHP, fue de tal importancia que el día de
lenguaje.
o Después de la aparición del lenguaje PHP, el navegador mas antiguo del internet,
“Netscape” creó una nueva tecnología, llamada JavaScript, lo que permite a los
nuevo enfoque tuvo mucho transcendencia porque permitió que incluso hoy lo
en línea que permite (por primera vez) para el público en general para acceder y
o Seguido la plataforma Flash, que se utilizó para que el contenido del sitio web sea
Shockwave Flash. Después fue adquirido por Macromedia y Adobe, y fue allí que
interactivas.
trascendió el acontecer mundial y más importante aún para lo que hoy conocemos
como periodismo digital, ya que aquella época el internet solo era conocido como
como característica principal es que por la nueva forma de indexar páginas web,
previamente revisado.
55
comunicación social más visitado. MySpace fue una plataforma que impulsó el
RockYou.
una conferencia de la Web 2.0 a cargo de John Battelle y Tim O'Reilly, apareció
en la Web.
plataformas móviles y aplicaciones web que hoy en día son ingresadas por
teléfonos inteligentes.
Desde los inicios de la web, los desarrolladores han tratado romper las barreras entre las
aplicaciones tradicionales y aplicaciones web y es así que el avance en la última década con
respecto a la, velocidad de descarga, así como de herramientas de desarrollo como frameworks
hasta para aplicaciones móviles tienen un crecimiento vertiginoso dando como resultado que esas
A pasos agigantados las aplicaciones Web se han convertido en recursos más completos y
por ende más complejos, pero irónicamente mucho más fáciles de usar por lo usuarios. Ejemplos
de esto está Google Docs, Office Web Apps, BitDefender QuickScan, Last.fm, etc.
Es así que es considerable y abrumador el impacto de las aplicaciones sobre todo en áreas
de como generar y operar un negocio donde sea necesario transmitir y recibir información en
línea.
57
enriquece a medida que aparecen nuevas tecnologías, y esto ayuda en ampliar el abanico de
posibilidades visuales para los diseñadores. Ejemplo de ello se encuentra la biblioteca jQuery y
los estándares HTML5 y CSS3 que introdujeron efectos visuales y propiedades de construcción
que antes no existían y que por lo mismo terminaba siendo un proceso que tomaba mucho tiempo
y el terminado era deficiente. Hoy en día la diversificación de dispositivos que se utilizan para
acceder a Internet hace que se tomen consideraciones estrictas sobre usabilidad y experiencia de
usuario.
dedicadas a promover el aspecto visual, funcionalidad y experiencia del usuario, pero así mismo
tendencias estéticas:
Headers fijos. El header es una barra que actúa como encabezado de la página. Suele
contener el logo y un menú de navegación. Cada vez es más habitual ver que este
resto del contenido cuando hacemos scroll hacia abajo. Así, el usuario siempre tiene “a
imagen de fondo que ocupa todo el ancho de la pantalla. Este detalle capta rápidamente la
Diseño “plano”. CSS3 nos permite utilizar gradientes, sombras y texturas para
enriquecer los colores de nuestra página. Si bien muchos diseñadores aprovechan esta
ventaja, otros eligen, por el contrario, utilizar colores sólidos que eliminan toda ilusión de
dispositivos móviles.
Efecto de paralax. Cuando hacemos scroll en una página con efecto de paralaje, los
elementos principales se desplacen a una velocidad diferente a la del fondo. Así, creemos
Éstos y otros recursos permiten desarrollar sitios y aplicaciones web sorprendentes, que
Hoy en día todos hablan de la Web 3.0, pero a pesar de que no es un término acuñado
dentro de los estándares internacionales de tecnologías web, la web 2.0 ha ido evolucionando con
mucha fuerza y empiezan a existir esbozos sobre la revolución de las tecnologías web.
Términos que se utiliza para definir la Web 3.0, tienen que ver o hacen referencia a la
o la Web geoespacial.
59
Según varios expertos de las tecnologías web, afirman que “la Web 3.0 está
Pues bien, ahora al hablar de La Web Semántica, los teóricos la definen como la nueva
generación de la Web, que su principal premisa es realizar un filtrado y que éste sea automático
pero sobretodo preciso. Pero para lograrlo es de necesidad imperiosa que la información alojada
en la web, sea entendible por lo motores de búsqueda así como de las máquinas.
La Web 3D
lados distintos simultáneamente. Con esta definición el usuario puede ver la imagen real de un
lugar en específico, cualquier localización y caminar a lo largo de dicha localización sin siquiera
Este tipo de tecnologías se están empleando de manera masiva en una amplia gama de
4
60
Pues bien, hoy ésta tecnología ha pasado al Internet mediante la Web 3.0 y no sólo eso
sino que se ha convertido una nueva tendencia, prueba de ello es el nuevo API de google para
Como dijimos esta tecnología se usa de manera masiva en juegos, en tours virtuales, en la
line y redes sociales, todos ellos ejemplos perfectos del empleo de la web 3D en la Web 3.0.
Web Penetrante
los ordenadores y teléfonos móviles, sino que también se encuentra en la ropa, automóviles y
La web penetrante en términos de la web 3.0, se espera que sean páginas Web que
5
61
Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.
Podrán ser vistas y ejecutadas en cualquier dispositivo (PC, teléfono móvil, etc).
Las posibilidades, así como las aplicaciones que se le puede dar a los códigos de
respuesta rápida en los museos son variadas. No solo por la facilidad de su uso, sino también por
los avances tecnológicos, la difusión de la telefonía móvil y el bajo costo hace de este sistema
una herramienta de utilidad para aportar información e interactuar con los usuarios del museo de
publicaciones del museo sin distorsionar la imagen general y aportando valores agregados en la
En las áreas expositivas del museo no es fácil encontrar un equilibrio entre ofrecer mucha
información, que puede llegar a asustar a los visitantes, o incluso aportar poca a un público más
especializado o interesado en las piezas. Ante ésta situación, para el museo de las Culturas
Aborígenes se ha optado por opciones de tipo intermedias, mostrando una información básica a
través de membretes y ampliando la misma mediante sistemas diversos como el uso de una
aplicación web que servirá para que el usuario encuentre todo en cuanto a información requiera
de un objeto específico, en este sentido entra en acción lo que se había explicado líneas atrás; es
decir, en aquel aplicativo el usuario no solo encontrará toda la parte informativa sino que
también podrá interactuar con el objeto, como conocer toda la información a detalle, indicar la
posición del lugar en el que se encuentra y hasta compartir en redes sociales la información que
63
le parezca interesante. En este caso el QR CODE actuará como uno de estos elementos para que
los usuarios interesados obtengan más datos sobre aquellas piezas que sean de su interés.
Así, cada código de respuesta rápida de cada una de las piezas expuestas en el museo
aportará información en formato texto de manera directa. Desde el punto de vista tecnológico es
importante detallar que hoy son muchos los dispositivos móviles con conexión a internet y para
caso específico será proporcionado por el museo a través de WiFi, que serán proporcionados por
el propio museo. Los códigos QR albergarán la URL que redirija al usuario a la aplicación web
del museo, a la página con información que del objeto existe o una galería virtual con
información extra. Es una forma de facilitar el acceso al visitante a una mayor cantidad de
información y de darle a conocer el espacio en Internet donde podrá obtener más datos de la
colección.
De esta forma se incentiva así la interacción entre el usuario y los objeto expuestos en el
museo de las Culturas aborígenes, motivando a los visitantes a la participación activa para
descubrir una información que además puede almacenar en su propio dispositivo y guardarlo
como referencia.
64
Fotografía 11: Aplicación web en Funcionamiento dentro del museo. Fuente: El autor.
65
CAPÍTULO IV
Para el diseño y desarrollo de proyectos web, se cuenta con muchísimas variantes que
han ido mejorando ya sea desde el planteamiento de tareas como en el uso de herramientas.
mano en las etapas de recepción de requerimientos y de diseño, siendo parte de lo que se llama
Diseño de Experiencia de Usuario (UXD). Para la fase del diseño y desarrollo del prototipo del
proyecto se toma el enfoque de Jesse James Garret, que habla acerca de los elementos de la
Pues bien, como dijimos el uso de los elementos de la experiencia de usuario juega un
usuario se enfrenta ante algo que no conoce, su tiempo es muy corto y sobretodo porque no tiene
Esta metodología se basa en 5 planos o etapas que permite abordar no solo los problemas
sino que también las soluciones en cada fase del desarrollo de la aplicación web del proyecto.
2. Esqueleto (The Skeleton Plane): define el lugar de los elementos de la interfaz. Mejora
la colocación de los elementos que componen el Sitio para potenciar el uso uso o
del sitio. La estructura define la forma en la cuál, las varias funcionalidades del sitio se
4. Alcance (The Scope Plane:- define lo que las características y/o funcionalidades que se
5. Estrategia (The Strategy Plane): incorpora lo que la gente quiere o espera del Sitio.
[Garrett, 2003]
68
Como objetivo general del proyecto es diseñar un aplicativo web con Realidad
Aumentada (QR Codes), que será visualizado en dispositivos móviles y que servirá como
Dicho en otras palabras, se espera que el aplicativo sea utilizado para mostrar toda la
información de cada uno de los objetos expuestos en el museo, pero que dicha información
pueda ser editada y actualizada constantemente por los administradores del mismo ya que dicha
institución cuenta con colecciones personales y que constantemente se adquieren nuevas piezas o
En esta etapa se define las metas de la aplicación web que vienen de fuera del museo, es
decir de los usuarios que visitan al museo de las Culturas Aborígenes de Cuenca. Para entender
Dicha investigación se realizó creando perfiles de los usuarios a los que va dirigido la
Cuenca. La creación de estos perfiles para la segmentación de los usuarios se los pudo realizar
70
una vez tabulados los datos con las respectivas pruebas de usabilidad realizadas a personas que
Esta sección define el tipo de usuario que hará uso de la aplicación web.
Lo que la aplicación debe realizar después del análisis cualitativo de los datos recolectados son
los siguientes:
La necesidad de un sitio web que brinde toda la información con respecto a un objeto de
La información que proporcione el sitio debe ser de fácil acceso, de manera directa a la
aplicación web, dicho en otras palabras, se estipulará el tipo de información que se va a manejar,
La información que los usuarios quieren o esperan es toda la concerniente a cada uno de
los objetos expuestos en el museo de las culturas aborígenes de cuenca, debido a que no
no les permitan tocar al menos conocerla a profundidad con ayuda de textos, imágenes,
animaciones, etc.
Esa información obtenida explayada de manera que la lectura sea precisa, ligera y
acertada; que cumpla con estándares de calidad tanto en la estructura como en la estética
personas que administran el museo, es decir, esperan que sea veraz, confiable. Otros de
74
los aspectos que esperan los usuarios es que al utilizar una herramienta externa como el
lector de los códigos, la misma sea garantizada en el uso por los rectores del museo.
Esa información proviene de los mismos administradores del museo, que a través de
proyecto.
¿Quién es el responsable?
programan el sitio, una ves dispuesta la información por parte de los rectores del museo.
consiste en hacer uso de herramientas contemporáneas para la recolección de datos como los QR
Codes, donde el usuario mediante el escaneo de un código dispuesto en cada uno de los objetos de
dicha institución, podrá obtener toda información posible requerida de cualquier objeto que captó su
interés, con ayudas textuales, de imágenes e información relevante a lo que ya está exhibido.
75
Se procede a definir como se mueve el usuario, como acciones que el usuario toma
en respuesta a la aplicación web y a su vez como la misma puede tomar como respuesta al
usuario.
Esta etapa consiste en presentar la información de manera que sea legible su comprensión.
Consiste en proveer el significado para los usuarios de los elementos para interactuar con
Esta etapa consiste en ordenar y adaptar los elementos que contendrá la interface gráfica
facilitando a los usuarios la interacción con las funcionalidades disponibles de la aplicación web.
(Garrett, 2012).
Como caso de estudio se tomó como dispositivo de referencia a la Tablet (Ipad, Sistema
Operativo IOs), ya que según datos estadísticos son los dispositivos más utilizados por los
6
Fuente: Estadísticas del Museo de las Culturas Aborígenes de Cuenca.
81
Wireframes Digitales
visto por los usuarios sea agradable a la vista. En definitiva es la unificación de todos los planos
producto o en este caso la aplicación web para el museo de las culturas aborígenes de Cuenca ya
terminada.
Los enlaces más grandes, por ejemplo, en las barras de navegación y las listas de enlaces.
Asegurarse de que todas las funciones están disponibles en la pantalla del dispositivo o
4.1.1.10.2 Cromática
Se manejará principalmente el color corporativo del museo, matizado con colores grises y
blancos; debido a que son colores relacionados con sitios de recolección de información como
Fotografía 39: Cromática para la aplicación web del MCAC. Fuente: El autor.
4.1.1.10.3 Iconografía
4.1.1.10.4 Imágenes
La utilización de imágenes es mínima para que el usuario pueda navegar con fluidez, se
utilizarán imágenes como galería para las piezas del museo para que el usuario pueda conocer los
detalles que a simple vista no se perciben ya que no se les permite la manipulación de los
4.1.1.10.6 Tipografía
Se utilizará tipografía sanserif, tamaño 13 puntos, mismas que son recomendadas para
Fotografía 40: Mockup, muestra el primer pantallazo cuando el usuario entra al sitio web.
Fuente: El autor.
94
Fotografía 41: Mockup, muestra el scroller (actividad del usuario al navegar por la página).
Fuente: El autor.
95
Fotografía 42: Mockup, muestra el scroller (actividad del usuario al navegar por la página).
Fuente: El autor.
96
Fotografía 43: Mockup, muestra el scroller (actividad del usuario al navegar por la página).
Fuente: El autor.
97
Fotografía 44: Interacción del usuario una vez escaneado el código de una pieza específica.
Fuente: El autor.
98
Fotografía 45: Interacción del usuario con la información disponible de cada objeto. Fuente: El
autor.
99
Para la etapa del desarrollo del software (aplicación web) se toma en cuenta la estructura
partiendo de un base visual que para el caso del presente proyecto es el mockup (interface
gráfica) que dió como resultado una ves realizado el análisis de los elementos de la experiencia
del usuario.
Es preciso aclarar que el tipo de aplicativo que se trabajará para el proyecto es un CMS
(Content management system) que es una herramienta que permite a un editor (en el caso de
correspondiente a cada objeto que se expone en el museo. Estos aplicativos trabajan usando
bases de datos, de modo que el administrador solo tiene que actualizarla, incluyendo nueva
Por ello hemos decidido trabajar con un módulo que sea intuitivo no solo para el
administrador sino también para el usuario, y por tal motivo se eligió al WordPress ya que es el
razones principales por el que fue seleccionado es por su facilidad en la creación de temas
Conclusiones
Como resultado de la investigación nos damos cuenta que día a día nos encontramos
bombardeados con las noticias que recibimos a través del internet y de otros medios de
comunicación, que nos informan de los cambios que ocurren en el mundo, muchas de
ellas nos dejan anonadados, frente a los cuales debemos estar preparados para asimilar los
nuevos caminos, para entender que el mundo ya no es el mismo, y sobre todo para estar
conscientes que muchos de los medios tradicionales ya no nos son útiles y que cómo
información para que los caminos a esos nuevos medios no sean de difícil acceso para los
usuarios.
Desde hace mucho tiempo atrás se habla con mucha insistencia de la identidad de
nuestros pueblos y así mismo de cómo ésta se encuentra muerta en los museos, de la
uso de la tecnología con la que disponemos en la actualidad como caso particular para el
museo de las culturas aborígenes de Cuenca, con los Códigos de respuesta rápida.
El diseño es y será siempre quien genere una gran parte de “la cultura material e
transformar y aportar a los ingresos económicos del museo de las culturas aborígenes de
Cuenca.
El diseño como tal proyecta una cultura de información, siendo ésta el conjunto de
manifestaciones físicas que representan lo que algún día fuimos a través del tiempo, lo
que somos y lo que algún día queremos ser. Desde esta perspectiva, la responsabilidad
sistemas de información, el diseño más bien faculta un modo de ordenar, percibir, actuar,
con una aplicación web donde no solo es la institución que interactúa sino mucho más
tipo de interactividad para reavivar el papel o rol que desempeñan los museos. El estudio
específico para el caso del Museo de las Culturas Aborígenes de Cuenca, dejó evidente
teórico utilizado, mostraron que los intentos por captar al público así como las estrategias
para educar y trasmitir, y las maneras en que la institución organiza y difunde el material
a sus visitantes, es aún un espacio poco indagado a nivel global y sobre todo, muy lejos
Recomendaciones
hace su uso el presente proyecto. El tamaño del código debe ser proporcional a la
que todos los QR tengan unas dimensiones uniformes. La utilización de generadores que
permitan y que codifiquen en tamaños establecidos. Los brillos dificultan la lectura, con
lo que hay que tener la precaución de no imprimirlos sobre soportes que no ayuden al
objetivo.
Es importante y necesario que el museo cuente con un sitio web en donde el público
actividades que el museo propone para instituciones educativa, turistas y para el público
conocimiento acerca de las posibilidades interactivas que el museo ofrece, siempre con el
presencia del museo continúe teniendo un valor agregado en el proceso cognitivo y en las
nuevo modo de vivir experiencias nuevas pero sobretodo como dijimos interactivas por
parte del usuario. Así como el Museo de las Culturas Aborígenes da a conocer los
REFERENCIAS BIBLIOGRÁFICAS:
BERRAGÁN ORTIZ, Johanna. Los museos, ambientes para cocinar ideas. Articulo para
http://www.banrep.gov.co/museo/ceca/ceca_art002.html.
BROWN, Peter. “New century, new rules: survival strategies for a networked economy”,
FALK, John. 2000. Entrevista al Dr. John Falk, en el coloquio AMMCCYT 2000-
Hermosillo.
GROVE, Andrew S. “Only the Paranoids Survive”. Doubleday, New York,., USA, 1996.\
HESKETT, John. “El diseño en la vida cotidiana” 1ra. Ed. Barcelona: Gustavo Gili,
2005.
the Western Australian Museum Aboriginal Gallery, Perth". P. 37-46. The educational
Routledge, 1994.
LEÓN, Aurora. “El Museo: Teoría, praxis y utopía”. 7ma Ed. Barcelona: Cuadernos Arte
Catedra, 2004.
Multimedia, 1995.
LEIRO, Reinaldo J. “Diseño. Estrategia y gestón” 1ra. Ed. Buenos Aires: Infinito, 2006.
PIAZZA, Jorge. “El diseño como negocio” 1ra. Ed. Buenos Aires: CommTOOLS, 2006.
PIAZZA, Jorge. “Cómo presupuestar diseño” 1ra. Ed. Buenos Aires: CommTOOLS,
2006.
PIERINI, Adrián. “Designers GO!” 1ra. Ed. Buenos Aires: CommTOOLS, 2006.
Estados Unidos.
SPINA, Mario. “Guía práctica para emprender en el diseño” 1ra. Ed. Buenos Aires:
CommTOOLS, 2006.
institucionales para la gestión de museos” 1ra. Ed. Buenos Aires: Fondo de Cultura
Económica, 1999.
111
Lic. Nancy Patricia Castellanos. Universitat Autònoma de Barcelona, Los museos como
Manual de Gestión de Museos. Barry Lord, Gail Dexter Lord. Ariel. Patrimonio
Histórico.
Tabla de Imágenes
Fotografía 40: Mockup, muestra el primer pantallazo cuando el usuario entra al sitio web…….92
Fotografía 41: Mockup, muestra el scroller (actividad del usuario al navegar por la página). …93
Fotografía 42: Mockup, muestra el scroller (actividad del usuario al navegar por la página). …94
Fotografía 43: Mockup, muestra el scroller (actividad del usuario al navegar por la página). …95
Fotografía 44: Interacción del usuario una vez escaneado el código de una pieza específica. ….96
Fotografía 45: Interacción del usuario con la información disponible de cada objeto…………..97
ANEXOS
Para iniciar con la implementación del manual, es necesario estipular que se debe crear un theme
desde cero para wordpress que posteriormente se podrá utilizar como cualquier aplicativo web,
pero más importante aún que parta de funcionalidades básicas como cualquier tema.
Esta es la apariencia visual como resulta del análisis de la experiencia del usuario, por ende la
Para comenzar tenemos que revisar los archivos que se deben utilizar para crear el theme:
116
Desde este punto es necesario crear cada uno de los archivos necesarios para la implementación
del theme:
Header.php
etiquetas que proporcionan información a la web, de igual forma el enlace a los estilos css y los
Cuando se abre la etiqueta se añade la función de wordpress para poder definir el lenguaje:
118
Se procede a definir la codificación de los caracteres del documento que contiene la aplicación
web.
Se carga la hoja de estilos css que dará formato a la apariencia visual del producto final.
Al cerrar el head y abrir el body así como el id wrapper que será el contenedor general, cargamos
el header con cada uno de sus componentes, con la etiqueta figure con una class logo para darle
estilo y dentro una imagen que es el logo que se le hace el llamado por medio de la función
<?php bloginfo> y esto hace que nos ubiquemos dentro de la carpeta del theme, para posterior
añadir un H1 con una función que sirve para mostrar el titulo de la web y queda enlazada al
Para finalizar con la estructura del header.php, se añade la la barra de navegación mediante la
Index.php
Wordpress empieza a buscar a este archivo por defecto como la pagina inicial del sitio, a pesar
Lo que se ve en el código anterior, son las llamadas a los archivos que componen la estructura
La imagen de arriba nos muestra como hacer el llamado al archivo header.php mediante la
footer.php.
121
especifica a continuación:
En primera instancia se abre el div contenedor que va a tener el contenido principal, luego se
estipula el loop diciendo <?php if (have_posts()) : while (have_posts()) : the_post(); ?>, que
significa que si hay posts en la base de datos haga algo específico. Luego se abre un div entrada
Se procede a añadir de manera dinámica el titulo del post con la función the_permalink() dentro
Luego en un párrafo con una clase específica para darle un estilo específico, encerramos los
metadatos con funciones muy puntuales como <?php the_author(‘, ‘); ?> para de manera
dinámica al autor del post, <?php the_time(‘F jS, Y’); ?> para mostrar la fecha de creación del
122
También se puede crear un thmbnail, osea la imagen por defecto del post, y esto con la creación
de una clase específica. Para cargarlo y darle funcionamiento tenemos que declararlo en el
Se crea una nueva clase y dentro de ésta se agrega la función <?php the_excerpt(); ¿> , esto hace
que muestre el contenido al igual que the <?php the_content(); ¿>, pero con la diferencia que se
muestra para su lectura por medio de una función que lo hace de manera dinámica, se procede a
cerrar el div entry y el div que contiene el contenido del post del que se hace referencia, tal como
se muestra en la imagen.
123
Se cierra el ciclo con <?php endwhile; ¿> y con <?php else : ¿> se declara que al no encontrar el
Sidebar.php
La barra lateral de la web donde se carga los widget se las denomina sidebar, en HTML5 lo
La Imagen muestra la estructura general del código para generar un sidebar, su funcionalidad se
especifica a continuación:
Con la función que se muestra en la imagen de arriba se carga el sidebar en el sitio web para
poder mostrar su respectivo contenido y para poder añadirlos como widgets desde el panel de
sitio.
Con la función que nos muestra la imagen superior se muestra los marcadores del sitio que se
encuentren encerrados en <li>, envueltos en una <ul>, por ende su título está en las etiquetas H2.
125
Con un título de segunda categoría (H2) se muestra el titulo Meta y con la creación de una lista
añadimos la función <?php wp_register(); ?> que permite que el administrador tenga privilegios
sitio y por ultimo se puede agregar la función <?php wp_meta(); ?> que nos permite adicionar
NOTA: todos los elementos que acabamos de añadir en este sidebar se los puede omitir o
Footer.php
Lo que hace el footer.php es cerrar el html global que se utiliza, y que a su vez es llamado desde
index.php o desde cualquier otra página, pero para siempre cerrar el html.
En la imagen superior se aprecia que con la función <?php echo Date(‘Y’) ?> se muestra el año
en el que nos encontramos pero lo hacemos de manera dinámica dentro de la misma etiqueta
footer, posterior a eso se procede a cerrar el div wrapper que se abrió al inicio del código, en el
También se puede agregar opciones para añadir cualquier tipo de widget de manera dinámica o
también menús.
Single.php
Este archivo permite mostrar el contenido de cada entrada de manera individual. Resulta ser el
mismo index.php, la diferencia es que se modifican ciertas etiquetas para poder especificar otras
funciones.
127
Se puede observar que es el mismo loop que se explicó cuando creamos el index.php, el correcto
procedimiento es hacerlo con <?php the_content(); ?> esto con el fin de que muestre todo el
contenido completo del post. También se debe agregar <?php comments_template(); ?>, esto
hace que se añada a single.php las opciones de comentarios para el post o incluso deshabilitarlos.
Comments.php
Este archivo permite crear la funcion para que los usuarios puedan hacer los comentarios de los
En realidad el código es muy extenso, para una mejor y completa referencia es necesario
En resumen lo que se hace es añadir este archivo u hoja a cada post de manera individual, ya que
contiene no solo demasiado código sino que también funciones, formulari de envío entre otras
cosas.
Functions.php
Este archivo el grupo de funciones que se va a utilizar en el tema para el Museo de las Culturas
La función que s emuestra en la imagen superior sirve para el conteo de las letras que tiene cada
post ya sea de manera introductoria en el index o incluso dentro de cada entrada o pages.
131
Esta función permite habilitar la opción para la subida de imágenes destacadas que pertenecen a
Esta función permite incluir copias autorizadas de jquery para nuestra aplicación, ya que con esto
se ahorra el ancho de banda y es más rápido para el usuario ya que se hace un llamado a las
Lo que esta haciendo esta función es declarar a los sidebar como zonas para poder activar y
añadir widgets que en nuestro proyecto se llama sidebar.php y es así que se puede subir cuantos
widgets queramos a esta zona, tal es el caso que podremos descargar plugins que funcionen por
medio de widgets para agregarle mas funcionalidades al sitio, como es nuestro caso de lo lectores
de códigos QR, que necesitan de estas zonas para ser activados. Para nuestro proyecto se instala
el vasaio qr code, que es un intuitivo plugin generador de Códigos Qr que permite instalarlos y
132
descargar las imágenes que serán utilizadas por los administradores para sus posteriores
Style.css
Como se dijo desde el inicio de este manual de implementación es para era la creación de
un theme para wordpress desde 0 que sea utilizado para la aplicación web para el museo de las
Lo que se encuentra en este archivo son los estilos que son necesarios para darle la
apariencia visual que habíamos detalla luego de haber realizado el estudio con los elementos de
darle la apariencia visual de todo el sitio, pero lo que siempre corresponde es que es la misma
para generar las estructuras de temas generados desde cero y que en nuestro caso para ser
utilizados para la creación de la aplicación web para el museo de las Culturas aborígenes de
Cuenca.
134
Anexos Gráficos:
Fotografía 29: Prueba de la aplicación web en dispositivos móviles. Foto: Dis. Cristina Quezada
Fotografía 30: Prueba de la aplicación web en dispositivos móviles. Foto: Dis. Cristina Quezada
135
Fotografía 31: Prueba de la aplicación web en dispositivos móviles. Foto: Dis. Cristina Quezada
Fotografía 32: Prueba de la aplicación web en dispositivos móviles. Foto: Dis. Cristina Quezad
136
Fotografía 33: Usuario haciendo uso de la aplicación web. Fuente: Dis. Cristina Quezada