Este documento presenta diferentes herramientas y experiencias educativas relacionadas con el mobile learning y la realidad aumentada. Explica cómo crear códigos QR y escenas de realidad aumentada usando herramientas como Aumentaty Author. También describe algunas aplicaciones para programación y robótica móvil y entornos de aprendizaje basados en proyectos con enfoque STEAM. Finalmente, comparte experiencias educativas concretas que han usado estas tecnologías.

1. Mobile Learning y Realidad
Aumentada
bylinedu.es

2. Bernat Llopis @inedu
Coordinador de la Asociación ByL Iniciativas Educativas
Profesor de FP
“Lo difícil se consigue, lo imposible se intenta”
Tecnología de:
bylinedu.es

3. Presentaciones
Mobile learning y RA
experiencias educativas
Creación y uso de códigos QR
RA con marcas
Chromville: Primeros pasos
Tus propias escenas RA con Aumentaty

4. mLearning: Programación y robótica
Lightbot
Scratch
appinventor

5. Entornos de aprendizaje ABP STE(A)M

6. Realidad Aumentada

7. mobile learning y RA en Educación

8. Creación y uso de códigos QR

9. QR en 60 segundos

10. Experiencias de aula
Calles de Cheste [enlace]
Gynakanas [web 1]
Storify Códigos QR [link]

11. Crea tu primer QR
QR desde el navegador
extensión goo.gl URL Shortener

12. Crea tu primer QR
QR desde Webs
El resultado final de nuestro código QR varía en
función de cómo queramos enfocar y
personalizarlo. Algunas páginas que generan
códigos QR de forma rápida y sencilla:
www.qrcode.es o www.unitaglive.com/qrcode

13. RA con marcas

14. RA en 60 segundos

15. Experiencias en el aula
Prueba con
Proyecto Guappis [link]
6º Primaria [link]
De poetas y piratas [link]

16. Chromville: Primeros pasos
enlace

17. Chromville
Chromville es un planeta educativo y
creativo hecho para niños que tiene
un gran problema… ¡ha perdido su
color!
Chromville Visual Arts
El arte de contar historias

18. Video
enlace

19. Visual Arts: Láminas

20. Visual Arts: Inteligencias múltiples

21. Experimenta con
ChromVille
Es el momento de poner en práctica una
experiencia de aula con la Realidad
Aumentada de Chromville.
Descarga la app si aún no lo has hecho y
prueba con la lámina que te facilitamos.

22. Aumentaty Author
• “La herramienta de generación de contenidos de Realidad
Aumentada idónea para los que no saben programar.”
• La solución de autor de Aumentaty permite que tu
creatividad salga a las marcas sin que sepas programar.
• Con esta aplicación podrás asociar tus modelos en 3D a las
marcas con sólo arrastrar el nombre del modelo sobre la
misma. Intuitivo y rápido

23. Aumentaty Author
• “La herramienta de generación de contenidos de Realidad
Aumentada idónea para los que no saben programar.”
• La solución de autor de Aumentaty permite que tu
creatividad salga a las marcas sin que sepas programar.
• Con esta aplicación podrás asociar tus modelos en 3D a las
marcas con sólo arrastrar el nombre del modelo sobre la
misma. Intuitivo y rápido

24. Características Generales
• Aumentaty Author forma parte de las herramientas para generar
contenidos en Realidad Aumentada de Aumentaty.
• Utiliza tecnología de marcas fiduciales para reconocer el espacio
tridimensional mostrado por la cámara de tu dispositivo y
posicionar el contenido.
• Fácil de usar, permite, sin saber programar, realizar contenidos
en realidad aumentada en poco tiempo.
• Las escenas generadas se pueden publicar y compartir con otros.
• Las escenas se publican en un fichero no editable que se puede
visualizar con Aumentaty Viewer para PC, o la APP Aumentaty
Viewer para Móviles (BETA).

25. Video
enlace

26. Ventajas & inconvenientes

27. Experiencias en el aula
Descubre el sistema solar [link]
Magnetismo aumentado [link]
Comunidad Aumentaty [link]

28. Aspecto de aumentaty author…
Panel izquierdo:
rejilla de marcas y
biblioteca de
modelos.
Panel central:
visualizador de la
escena de Realidad
Aumentada (RA).
Panel derecho:
herramientas para
modificar los
modelos en la escena
RA.
veamos como

29. Menú FICHERO de aumentaty author…
Cargar escena…
Permite cargar un fichero de escena Aumentaty (.aty)
Guardar escena…
Guarda la escena de RA que tengamos montada en un
fichero de escena Aumentaty Author (.aty).
Exportar a Viewer…
exportar la escena para su uso con el visualizador de RA
Aumentaty Viewer (.atx) o (.atm)
Biblioteca de modelos...
gestionar los directorios en los que la aplicación busca
modelos 3d en formato propio (.aam)
Importar modelo...
Añade un modelo 3d en alguno de los formatos de
importación soportados a la biblioteca de
Modelos.
Salir
Cierra la aplicación

30. Menú CÁMARA de aumentaty author…
Invertir
Por defecto la imagen obtenida de la cámara se invierte
(modo espejo) para dar la sensación al usuario de trabajar
frente a un espejo. Este modo es de utilidad cuando la cámara
“mira” al usuario (como cuando hacemos videoconferencia),
de manera que la sensación natural para el usuario es la de
trabajar frente a un espejo.

31. Menú VER de aumentaty author…
Ocultar paneles
Oculta los paneles laterales para ver la escena, útil cuando tenemos montada
la escena y queremos ver cómo se vería en Aumentaty Viewer.
Pantalla completa
Pone la aplicación a pantalla completa, es decir maximizada y sin decoración
de ventana. Mantiene el menú de aplicación y los paneles (a no ser que se
hayan ocultado)

32. Panel IZQUIERDO de aumentaty author…
El botón de imagen :
Permite seleccionar una imagen como entrada para la
escena de RA
El botón de video :
Nos permite seleccionar una entrada de video para
visualizar la escena de RA. Además al pulsarlo de
nuevo nos permite pausar la imagen.
Imprimir
Abre un documento PDF con la marca seleccionada
para imprimir.
Borrar
Elimina la asociación del modelo 3d signado a la
marca.
Borrar todo
Elimina todas las asociaciones de modelos 3d signados
a las marcas. Es decir limpia la escena RA.

33. Las MARCAS de aumentaty author…
Sirven para asociar modelos 3d de la biblioteca de
modelos a una marca de RA.
Cuando no tienen ningún modelo 3d asociado las
marcas se muestran en blanco y negro
Cuando asociamos algún modelo 3d cambian a
color naranja
para que sepamos que tenemos algo asignado, al pasar
el cursor por encima nos mostrará un icono con el
modelo asignado.
Para asignar un modelo a la marca, una vez lo tenemos seleccionado de
la biblioteca de modelos, lo arrastramos sobre la marca y lo soltamos.

34. Panel CENTRAL de aumentaty author…
El área de visualización es la zona de trabajo donde, tras acceder a la fuente de
vídeo, puedes ver y editar la escena de Realidad Aumentada actual.
Cuando está activa, las marcas que son reconocidas se tintan de naranja en el
área de visualización.

35. Panel DERECHO de aumentaty author…
controles de rotación, escalado y traslación que permiten
Rotación
Los controles de rotación permiten rotar el modelo 3D
seleccionado con respecto a cada uno de los ejes.
El botón deshacer permite volver a la posición original.
Escalado
Los controles de escalado permiten actuar sobre el tamaño del
modelo 3D seleccionado para obtener
las dimensiones deseadas en el mismo. El botón Auto escala el
modelo al tamaño de la marca.
Traslación
Los controles de traslación permiten variar la posición relativa
del modelo seleccionado con respecto a su marca. El botón
Auto posiciona el modelo 3d como si descansara sobre la
marca.

36. Es el momento, crear la 1a escena
Se debe descargar Aumentaty author de la web: www.aumentaty.com
Asegurate de tenerlo instalado en el ordenador y
vamos a ponernos manos a la obra.
Arrastrar alguno de los objetos de ejemplo a las marcas superiores para
asignarlos.
Guardar la escena en tu ordenador.
Exportar a formato PC para
poder compartirlo.

37. Es el momento, una escena original
Vamos a buscar modelos en 3D que puedas emplear en Aumentaty
Recomendamos que emplees Sketchup par empezar, y desde la
aplicación existen muchos modelos disponibles.
-> 3D Warehouse -> Get Models
Antes de poder insertar un objeto 3D en Aumentaty, debemos ponerlo en un
formato compatible: obj, dae, fbx y 3ds (En 2D admite: bmp, jpg y png)
-> file -> export -> 3D Model …
Si quieres verlo en dispositivos móviles, la versión actual solo permite archivos
*.obj
Exporta cada archivo en la versión elegida (puedes usar diferentes
extensiones en una misma escena.
Cuando tengas todas exportadas, cierra Sketchup y volvemos a Author

38. Instrucciones Viewer
enlace

39. App para dispositivos móviles
• La versión BETA de Aumentaty Viewer para
móviles puede descargarse para dispositivos
móviles en:

40. Probemos en el móvil
Instala en el dispositivo móvil Aumentaty viewer
Exportar a formato móvil para poder compartirlo y
envíalo a tu correo electrónico.
Abre el archivo desde tu
correo con Viewer para
móviles y comprueba el
resultado

41. Otras experiencias con RA y VR
Aurasma, Geoaumentaty (Espira), VSearch, ….
VR CardBord

42. Bernat Llopis
Coordinador de ByL InEdu
Profesor de FP
“Lo difícil se consigue, lo imposible se intenta”
Gracias
bylinedu.es