La presentación de un proyecto de tecnologías de información móviles aplicadas a museos. Prototipo de Aplicación Móvil para la Visualización de Contenidos Multimedia a través de códigos QR. Esta aplicación podría fusionarse con realidad aumentada para enriquecer la experiencia de los visitantes de un museo.

1. ¡BUENAS
NOCHES!

2. ALFREDO SALAZAR
MDG - Proyecto de Innovación I
Asesor: Luis Aceves

3. PRIMERO
LO PRIMERO
UN POCO DE CONTEXTO

4. Smartphones
iPhone / BlackBerry / Android

5. Cámara Integrada

6. Tecnologíás de
Identificación
códigos de barras / códigos QR / RFID / bidimensionales

7. Realidad
Aumentada
conjugar elementos virtuales en un ambiente real
Frente a tí está
ubicado el
castillo real.

9. ENTONCES...

10. PROTOTIPO DE
APLICACIÓN MÓVIL
PARA LA VISUALIZACIÓN DE
CONTENIDOS MULTIMEDIA
A TRAVÉS DE
CÓDIGOS DE BARRAS
BIDIMENSIONALES

11. EN OTRAS PALABRAS...
App Código de Barras Acceso a Contenido Mejoramiento de la
Bidimensional Multimedia Experiencia del Visitante

12. Enriquecer la experiencia de visita de los
asistentes de un museo, aplicando
tecnologías de información para crear
OBJETIVO realidad aumentada, a través del escaneo
de códigos de barras bidimensionales, que
GENERAL les permitan interactuar desde sus
smartphones, con contenidos multimedia,
relacionados con las obras y autores de las
distintas exposiciones.
[Krissoff, 2010]

13. OBJETIVO Administrar el contenido
multimedia y generar códigos de
ESPECÍFICO barras bidimensionales a través de
UNO una interfaz gráfica.

14. OBJETIVO Determinar el nivel de uso de la
ESPECÍFICO aplicación, mediante una interfaz
que monitoreo y estadísticas.
DOS

15. OBJETIVO Detectar el modelo de
smartphone de los visitantes, y
ESPECÍFICO sugerirles la aplicación para el
escaneo de códigos de barras
TRES bidimensionales.

16. Visualizar contenido multimedia a
OBJETIVO través de una interfaz basada en la
experiencia del usuario en móviles,
ESPECÍFICO que permita a los visitantes
interactuar con las exposiciones
CUATRO de un museo, mediante realidad
aumentada.
[Shanshan, 2011]

17. OBJETIVO Contar con una señalética que
ESPECÍFICO incluya los códigos de barras
bidimensionales.
CINCO

18. ¿Y POR QUÉ?

19. Los museos regularmente recrean un
ambiente según el tema de su exhibición,
ÁREA DE esta experiencia termina cuando el
visitante abandona el museo, y los
OPORTU- visitantes desean interactuar más con las
NIDAD obras e incluso tener mayor información
para continuar su experiencia aún después
de su visita al museo.
[Krissoff, 2010]

20. En México existen aproximadamente
1,237 museos y recintos culturales.
[CONACULTA, 2003]

21. En México existen aproximadamente
1,237 museos y recintos culturales.
Quienes más asisten a los museos tienen
un ingreso mensual aproximado de entre
$8 y $17 mil pesos mensuales.
[CONACULTA, 2003]

22. En México existen 6.6 millones, de
smartphones de 815 modelos distintos,
el total de celulares es de 91 millones.
[Fonseca, 2011] [COFETEL, 2011]

23. En México existen 6.6 millones, de
smartphones de 815 modelos distintos,
el total de celulares es de 91 millones.
El salario promedio de un usuario de
smartphone en México es de
$6,400, el costo promedio del
dispositivo es de $5,200.
[Fonseca, 2011] [COFETEL, 2011]

24. ADEMÁS...
La UDEM cuenta con una estrecha
relación con el MARCO, al ser
aliados estratégicos.

25. ¿CÓMO?

26. ADMINISTRACIÓN DETECCIÓN DE PROPUESTA DE
DE CONTENIDO MODELO SEÑALIZACIÓN
SMARTPHONE
MONITOREO Y VISUALIZACIÓN
ESTADÍSTICAS DE CONTENIDO
MULTIMEDIA

27. ADMINISTRACIÓN Wireframes de baja y media fidelidad
DE CONTENIDO
hasta llegar a un prototipo.
MONITOREO Y Uso del sistema reticular 1140.
ESTADÍSTICAS
Seguimiento de estándares de accesibilidad de la W3C.
Uso de herramientas Axure y Adobe CS.
[CSS Grid, 2011] [W3C (2), 2008]

28. DETECCIÓN DE Wireframes de baja y media fidelidad
MODELO
SMARTPHONE hasta llegar a un prototipo.
VISUALIZACIÓN Uso del sistema reticular 1140.
DE CONTENIDO
MULTIMEDIA Mejores prácticas para el diseño de aplicaciones
móviles de la W3C.
Mejores prácticas de diseño web para navegadores
móviles de Microsoft.
Uso de herramientas Balsamiq Mockups y Adobe CS.
[CSS Grid, 2011] [W3C, 2008] [Microsoft, 2010]

29. Propuesta de señalética que incluya los
códigos de barras bidimensionales para
ser escaneados por los visitantes del
PROPUESTA DE museo.
SEÑALIZACIÓN
Modelo piramidal de señalética de Calori.
[Calori, 2007] [Stephens 2010]

30. Diseño web de Lee Munroe + Diseño
basado en la experiencia del usuario de
Jesse James Garrett.
METODO- 1. Identificación del objetivo del sitio y planeación.
LOGÍA 2. Investigación y especificación de los requerimientos
de contenido.
3. Diseño de interacción y arquitectura de información.
4. Diseño de interfaces, navegación e información.
5. Wireframing.
6. Diseño Visual.
7. Finalización.
[Garret, 2000] [Munroe, 2010]

31. Agosto Septiembre Octubre Noviembre
Actividades 4 1 2 3 4 1 2 3 4 1 2 3
1 Evaluación de aplicaciones de escaneo de
códigos de barras bidimensionales.
2 Evaluación de herramientas para la genera-
ción de códigos de barras bidimensionales.
3 Wireframes de baja fidelidad para el
administrador de contenido.
Prototipos de alta fidelidad para el
4 administrador de contenido.
CRONO- 5
6
Wireframes de baja fidelidad de la interfaz
de análisis y estadísticas de contenido.
Prototipos de alta fidelidad de la interfaz de
análisis y estadísticas de contenido.
GRAMA 7
8
Wireframes de baja fidelidad para la interfaz
de detección de modelo de smartphone.
Prototipos de alta fidelidad para la interfaz de
detección de modelo de smartphone.
Propuesta gráfica de señalización que
9 incluya los códigos bidimensionales.
Elaboración de ejemplos de contenido
10 multimedia.
Elaboración de presentación final y diseño
11 editorial de documento final. .
12 Impresión de documento final.

32. [Calori, 2007]
Calori, Chris (2007). “Signage and Wayfinding Design: A Complete Guide to Creating
Environmental Graphic Design Systems”
[Fonseca, 2011]
BIBLIO- Fonseca, Erika (2011): “El Tamaño de los Móviles en México”.
[Garrett, 2000]
GRAFÍA Garret, Jesse James (2000): “The Elements of User Experience”.
[Krissoff, 2010]
Krissoff, Dana (2010): “Mobile Technology and how it can be Utilized in a Museum
Environment”.
[Microsoft, 2010]
Microsoft Corporation (2010): “Designing Web Sites for Phone Browsers”.
[Munroe, 2010]
Munroe, Lee (2010): “The Web Design Process, Start to Finish”.

33. [Stephens, 2010]
Stephens, Simon (2010): “New Approaches to Signage”.
[W3C, 2008]
W3C (2010): “Mobile Web Best Practices 1.0”.
BIBLIO- [W3C (2), 2008]
W3C (2008): “Web Content Accessibility Guidelines (WCAG) 2.0”.
GRAFÍA

34. ¡GRACIAS!