Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
“Trabajo Fin de Grado”
Plataforma educativa basada en realidad aumentada y dispositivos m ´oviles
Iv ´an Lorenzo Rubio
Universidad de Oviedo
18 de Junio de 2012
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Realidad Aumentada Motivaci ´on del proyecto Objetivos
Contenidos
1 Introducci ´on
Realidad Aumentada Motivaci ´on del proyecto Objetivos
2 Estado del Arte
3 Metodolog´ıa
4 An ´alisis
5 Dise ˜no
6 Tecnolog´ıas
7 Pruebas
8 L´ıneas futuras
9 Demo
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Realidad Aumentada Motivaci ´on del proyecto Objetivos
¿Qu ´e es la Realidad Aumentada?
Caracter´ısticas
Superpone, al entorno real, informaci ´on virtual
Integraci ´on entre tecnolog´ıa y entorno f´ısico
Proporciona informaci ´on acerca de objetos
Tipos
Usando markers (patrones) Usando la posici ´on GPS
Ejemplo
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Realidad Aumentada Motivaci ´on del proyecto Objetivos
Motivaci ´on del proyecto
Ambito educativo´
Aprendizaje por descubrimiento Actividad pasiva del oyente
Otros ´ambitos
Se limita profundizar en alg ´un aspecto en concreto
Informaci ´on muy dispersa o pueden no tener espacio o recursos
Interacci ´on limitada
Ejemplo
Figure :Clase tradicional
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Realidad Aumentada Motivaci ´on del proyecto Objetivos
Objetivos
Como objetivos principales est ´an...
Gran interactividad Implicaci ´on de los usuarios Consecuencia:Aprender divirti ´endote
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
ARiSE y LearnAR
Dinosaurios en el Museo del Jur ´asico de Asturias Layar y Wikitude
Contenidos
1 Introducci ´on
2 Estado del Arte ARiSE y LearnAR
Dinosaurios en el Museo del Jur ´asico de Asturias Layar y Wikitude
3 Metodolog´ıa
4 An ´alisis
5 Dise ˜no
6 Tecnolog´ıas
7 Pruebas
8 L´ıneas futuras
9 Demo
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
ARiSE y LearnAR
Dinosaurios en el Museo del Jur ´asico de Asturias Layar y Wikitude
Proyectos ARiSE y LearnAR
Caracter´ısticas Ambito educativo´
Disponen de varias aplicaciones ad-hoc
Figure :Proyecto ARiSE Figure :Proyecto LearnAR
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
ARiSE y LearnAR
Dinosaurios en el Museo del Jur ´asico de Asturias Layar y Wikitude
Ventajas e inconvenientes
Ventajas
Permite la interacci ´on de los estudiantes con objetos virtuales
Inconvenientes
No permite configurar las exposiciones ni crear otras nuevas
Unicamente realidad aumentada basada en´ markers
No pensadas para dispositivos m ´oviles
Figure :Proyecto ARiSE
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
ARiSE y LearnAR
Dinosaurios en el Museo del Jur ´asico de Asturias Layar y Wikitude
Dinosaurios en el Museo del Jur ´asico de Asturias
Caracter´ısticas
Aplicaci ´on de escritorio
Se imprimen unos c ´odigos para visualizar dinosaurios
Figure :MUJA
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
ARiSE y LearnAR
Dinosaurios en el Museo del Jur ´asico de Asturias Layar y Wikitude
Ventajas e inconvenientes
Ventajas
Permite visualizar dinosaurios A ˜nade valor a la visita al museo
Inconvenientes
Debe utilizarse un ordenador
Realidad aumentada basada ´unicamente en markers
Figure :MUJA
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
ARiSE y LearnAR
Dinosaurios en el Museo del Jur ´asico de Asturias Layar y Wikitude
Layar y Wikitude
Caracter´ısticas
Aplicaciones que utilizan su posici ´on geogr ´afica para mostrar informaci ´on
Figure :Layar Figure :Wikitude
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
ARiSE y LearnAR
Dinosaurios en el Museo del Jur ´asico de Asturias Layar y Wikitude
Ventajas e inconvenientes
Ventajas
Se detecta el lugar y orientaci ´on del usuario
Disponen de una web para gestionar los puntos de inter ´es Dise ˜nada para dispositivos m ´oviles
Configurable
Inconvenientes
No utiliza Realidad aumentada basada en markers No muestra im ´agenes en 3D
No hay interacci ´on con la informaci ´on que muestra
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
SCRUM
Contenidos
1 Introducci ´on
2 Estado del Arte
3 Metodolog´ıa SCRUM
4 An ´alisis
5 Dise ˜no
6 Tecnolog´ıas
7 Pruebas
8 L´ıneas futuras
9 Demo
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
SCRUM
SCRUM
¿Por qu ´e SCRUM?
Metodolog´ıa ´agil
Id ´onea en el desarrollo de aplicaciones para dispositivos m ´oviles:
Alta volatilidad del entorno Equipos de desarrollo peque ˜nos
Entornos de desarrollo orientado a objetos Software cr´ıtico no asegurado
Sistemas peque ˜nos Ciclos de desarrollo cortos
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Especificaci ´on de requisitos Interfaces de usuario
Contenidos
1 Introducci ´on
2 Estado del Arte
3 Metodolog´ıa
4 An ´alisis
Especificaci ´on de requisitos Casos de uso
Interfaces de usuario
5 Dise ˜no
6 Tecnolog´ıas
7 Pruebas
8 L´ıneas futuras
9 Demo
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Especificaci ´on de requisitos Interfaces de usuario
An ´alisis
Especificaci ´on de Requisitos de Software (ERS) seg ´un el est ´andar de IEEE 830
¿Qu ´e se quiere hacer? (I)
Plataforma de representaci ´on de objetos orientada al ´ambito educativo basada en el uso de Realidad Aumentada aprovechando el trabajo anterior de dise ˜nadores
Para dispositivos m ´oviles
Interacci ´on del usuario con los objetos
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Especificaci ´on de requisitos Interfaces de usuario
An ´alisis
¿Qu ´e se quiere hacer? (II)
Independencia entre la aplicaci ´on y los datos informativos
Creaci ´on de un sencillo lenguaje bas ´andose en XML que defina las exposiciones
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Especificaci ´on de requisitos Interfaces de usuario
Interfaces de usuario
Interfaz t ´actil
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Especificaci ´on de requisitos Interfaces de usuario
Interfaces de usuario
Interfaz t ´actil
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
Contenidos
1 Introducci ´on
2 Estado del Arte
3 Metodolog´ıa
4 An ´alisis
5 Dise ˜no Estructura
M ´odulos del sistema Dise ˜no de software Diagrama E-R
6 Tecnolog´ıas
7 Pruebas
8 L´ıneas futuras
9 Demo
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
Estructura modular
El sistema presenta una estructura modular, en la que todos los m ´odulos tienen unas responsabilidades claramente definidas
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
M ´odulo Carga de datos
Carga de datos
Es el encargado de todo el proceso de arranque y validaci ´on de los ficheros XML para el buen funcionamiento de la aplicaci ´on, as´ı como el almacenamiento de la informaci ´on de cada patr ´on y de los objetos asignados a tales patrones.
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
M ´odulo de Localizaci ´on
Localizaci ´on
Se encarga de obtener la localizaci ´on del dispositivo y comprobar si existe alguna informaci ´on que deba ser mostrada para nuestra posici ´on.
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
M ´odulo de Renderizaci ´on o Parser de objetos 3D
Renderizaci ´on o Parser de objetos 3D
Se encarga del proceso de renderizaci ´on de objetos tridimensionales Para ello se utiliza la librer´ıa min3D
Soportar ´a varios formatos: 3ds, obj y md2
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
M ´odulo de Sonido
Sonido
Encargado del proceso de decodificaci ´on y reproducci ´on de los ficheros de audio de la plataforma
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
M ´odulo de Visualizaci ´on de la informaci ´on
Visualizaci ´on de la informaci ´on
Encargado de visualizar y representar toda la informaci ´on virtual superpuesta.
Se utiliza la librer´ıa NyARToolkit.
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
Buen dise ˜no de software
Software reutilizable y flexible Patrones de dise ˜no
Singleton Simple Factory Observer Adapter Refactoring
Pruebas automatizadas
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Estructura M ´odulos del sistema Dise ˜no de software Diagrama E-R
Diagrama Entidad-Relaci ´on
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Contenidos
1 Introducci ´on
2 Estado del Arte
3 Metodolog´ıa
4 An ´alisis
5 Dise ˜no
6 Tecnolog´ıas
7 Pruebas
8 L´ıneas futuras
9 Demo
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Tecnolog´ıas empleadas
Implementaci ´on Java Android NyARToolkit min3D (OpenGL) JNI
Tecnolog´ıas XML:
XML XSD SAX DOM
Herramientas
Enterprise Architect Eclipse con JUnit WireframeSketcher Studio Documentaci ´on
LaTeX Seguimiento
P ´agina web
(http://tfg.ivanlorenzo.es)
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Pruebas software Pruebas de usabilidad
Contenidos
1 Introducci ´on
2 Estado del Arte
3 Metodolog´ıa
4 An ´alisis
5 Dise ˜no
6 Tecnolog´ıas
7 Pruebas
Pruebas software Pruebas de usabilidad
8 L´ıneas futuras
9 Demo
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Pruebas software Pruebas de usabilidad
Pruebas software
Pruebas software
A lo largo del desarrollo del proyecto se realizan distintas pruebas:
Unitarias De integraci ´on De sistema De rendimiento De usabilidad
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Pruebas software Pruebas de usabilidad
Pruebas de usabilidad
Versi ´on alpha 0.1
S ´olo se muestran primitivas Texturas en c ´odigo fuente
Versi ´on alpha 0.2
No externalizaci ´on configuraci ´on No reproduce audio
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Pruebas software Pruebas de usabilidad
Pruebas de usabilidad
Versi ´on beta 1.0
Error al visualizar un objeto con audio cuando no hab´ıa finalizado el anterior
Versi ´on beta 1.1
Errores detectados en la interacci ´on del usuario
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Pruebas software Pruebas de usabilidad
Pruebas de usabilidad
Versi ´on beta 1.2
Confusi ´on de los ´ıtems provoca un cambio de dise ˜no Peque ˜nos errores en los ficheros de internacionalizaci ´on
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Pruebas software Pruebas de usabilidad
Pruebas de usabilidad
Pruebas de usabilidad
Durante el desarrollo de la aplicaci ´on, se realizaron pruebas de usabilidad con dos segmentos de usuarios diferenciados :
Compa ˜neros del departamento en el que trabajo
Personas con poco conocimiento de la inform ´atica y de nuevas tecnolog´ıas La verdadera prueba fue con los usuarios con pocos conocimientos en la inform ´atica.
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Contenidos
1 Introducci ´on
2 Estado del Arte
3 Metodolog´ıa
4 An ´alisis
5 Dise ˜no
6 Tecnolog´ıas
7 Pruebas
8 L´ıneas futuras
9 Demo
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
L´ıneas de investigaci ´on futuras
Posibles ampliaciones Portal web
Un editor para crear visitas Gestor de comentarios
Investigaci ´on en otros tipos de reconocimiento de im ´agenes
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Contenidos
1 Introducci ´on
2 Estado del Arte
3 Metodolog´ıa
4 An ´alisis
5 Dise ˜no
6 Tecnolog´ıas
7 Pruebas
8 L´ıneas futuras
9 Demo
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Demostraciones
Demostraci ´on Demostraci ´on
Estado del Arte Metodolog´ıa An ´alisis Dise ˜no Tecnolog´ıas Pruebas L´ıneas futuras Demo
Fin
GRACIAS POR SU ATENCI ´ON
Fin
Preguntas Aclaraciones
Iv ´an Lorenzo Rubio “Trabajo Fin de Grado”
