42
Mobile Learning y Realidad Aumentada bylinedu.es

Taller mLearning y RA

Embed Size (px)

Citation preview

Page 1: Taller mLearning y RA

Mobile Learning y Realidad Aumentada

bylinedu.es

Page 2: Taller mLearning y RA

Bernat Llopis @inedu

Coordinador de la Asociación ByL Iniciativas EducativasProfesor de FP

“Lo difícil se consigue, lo imposible se intenta”

Tecnología de:

bylinedu.es

Page 3: Taller mLearning y RA

PresentacionesMobile learning y RA

experiencias educativasCreación y uso de códigos QRRA con marcasChromville: Primeros pasosTus propias escenas RA con Aumentaty

Page 4: Taller mLearning y RA

mLearning: Programación y robótica

Lightbot Scratch

appinventor

Page 5: Taller mLearning y RA

Entornos de aprendizaje ABP STE(A)M

Page 6: Taller mLearning y RA

Realidad Aumentada

Page 8: Taller mLearning y RA

Creación y uso de códigos QR

Page 9: Taller mLearning y RA

QR en 60 segundos

Page 12: Taller mLearning y RA

Crea tu primer QR

QR desde WebsEl 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

Page 13: Taller mLearning y RA

RA con marcas

Page 14: Taller mLearning y RA

RA en 60 segundos

Page 17: Taller mLearning y RA

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

Page 19: Taller mLearning y RA

Visual Arts: Láminas

Page 20: Taller mLearning y RA

Visual Arts: Inteligencias múltiples

Page 21: Taller mLearning y RA

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.

Page 22: Taller mLearning y RA

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

Page 23: Taller mLearning y RA

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

Page 24: Taller mLearning y RA

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).

Page 26: Taller mLearning y RA

Ventajas & inconvenientes

Page 27: Taller mLearning y RA

Experiencias en el aula

Descubre el sistema solar [link]Magnetismo aumentado [link]Comunidad Aumentaty [link]

Page 28: Taller mLearning y RA

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

Page 29: Taller mLearning y RA

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.SalirCierra la aplicación

Page 30: Taller mLearning y RA

Menú CÁMARA de aumentaty author…InvertirPor 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 detrabajar frente a un espejo.

Page 31: Taller mLearning y RA

Menú VER de aumentaty author…Ocultar panelesOculta 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 completaPone 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)

Page 32: Taller mLearning y RA

Panel IZQUIERDO de aumentaty author…El botón de imagen :Permite seleccionar una imagen como entrada para la escena de RAEl 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. ImprimirAbre un documento PDF con la marca seleccionada para imprimir.BorrarElimina la asociación del modelo 3d signado a la marca.Borrar todoElimina todas las asociaciones de modelos 3d signados a las marcas. Es decir limpia la escena RA.

Page 33: Taller mLearning y RA

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 negroCuando 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.

Page 34: Taller mLearning y RA

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.

Page 35: Taller mLearning y RA

Panel DERECHO de aumentaty author…controles de rotación, escalado y traslación que permiten

RotaciónLos 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. EscaladoLos 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ónLos 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.

Page 36: Taller mLearning y RA

Es el momento, crear la 1a escenaSe 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.

Page 37: Taller mLearning y RA

Es el momento, una escena originalVamos 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

Page 39: Taller mLearning y RA

App para dispositivos móviles

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

Page 40: Taller mLearning y RA

Probemos en el móvilInstala 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

Page 41: Taller mLearning y RA

Otras experiencias con RA y VRAurasma, Geoaumentaty (Espira), VSearch, ….

VR CardBord

Page 42: Taller mLearning y RA

Bernat LlopisCoordinador de ByL InEdu

Profesor de FP

“Lo difícil se consigue, lo imposible se intenta”

Gracias

bylinedu.es