qr y realidad aumentada

Pág. 1REALIDAD AUMENTADA Y CÓDIGOS QR

Códigos QR y realidad aumentada

3a edició

Profesor: Isidro Navarro


ÍNDICENUEVAS ESTRATEGIAS DE APRENDIZAJE Y PEDAGODÍA• Alfabetización digital (digital

literacy)• Tecnologías sociales (social

technologies)• Nuevas estrategias de

aprendizaje y pedagogía (learning strategies & pedagogy)

• Experimentos (study cases)

CÓDIGOS QR• Introducción: definición,

estructura, tipos y códigos dinámicos.

• Generador de códigos QR.• Lectores de códigos: PC y

dispositivos móviles.• Aplicaciones en docencia• Otras aplicaciones

REALIDAD AUMENTADA• Introducción: definición, • Navegadores de contenidos• Marcas y Geo-localización• Tendencias• Aplicaciones en docencia• Desarrollo de contenidosAumentaty, Metaio Creator, Aurasma• Ejemplos

GEO-LOCALIZACIÓN• Aplicaciones


■ Rápida evolución tecnológica en los últimos 20 años:

■ Uso del computador en ámbito doméstico

■ Utilización de herramientas informáticas en la docencia

■ Ofimática generalizada

■ Eclosión de Internet

■ Generalización de la telefonía móvil

■ Evolución del perfil del usuario (estático -> dinámico)

■ …

■ ¿Cómo se han adaptado las aulas, tanto alumnos como profesores a estos cambios?...

Alfabetización digital(digital literacy) - I


■ El portátil en el aula como soporte al estudio.

■ Las pizarras digitales

■ Los libros digitales

■ Soportes interactivos

Alfabetización digital(digital literacy) - II


■ Educación primaria – secundaria – bachillerato:

■ Alumnos “criados” en un mundo tecnológico con fácil acceso a contenidos digitales en TV, Internet o móvil.

■ Profesores reciclados para el uso de la tecnología específica usada en estos cursos, centrados en los contenidos.

■ Uso, incluso abusivo en muchos casos, de redes sociales y telefonía móvil por parte de los alumnos.

■ Generación de una fractura social entre alumno, familia y profesor.

■ RETOS:

■ Mejora de la formación básica y de las capacidades técnicas de los alumnos y profesores. (EJEMPLOS: hacer un ZIP o controlar una resolución de un fichero)

■ Aumento en la motivación del estudio mediante un acercamiento de la tecnología a los fines docentes. (EJEMPLOS: presentación en web, generación de blogs, etc).

La brecha digitalÁmbito Pre-Universitario


■ Los alumnos tienen formaciones e intereses previos a explotar:

■ Uso de tecnología digital.

■ Redes sociales.

■ Uso del móvil.

■ Los profesores necesitan una migración de la clase magistral a sistemas capaces de activar la motivación del alumno de cara a evitar el fracaso académico:

■ Aprendizaje corporativo.

■ E-Learning.

■ Traspaso del rol de generador de contenidos al alumno 3.0.

■ Utilización de los intereses de los alumnos en su desarrollo personal.

La brecha digitalÁmbito Universitario


■ El uso de las redes sociales en la formación permite que el alumno afronte con una mayor motivación sus retos.

■ Actualmente existen diversas líneas científicas que estudian la validación analítica de la motivación en la educación (*).

■ Es imprescindible no solo el uso de tecnologías digitales cercanas al alumno como:

■ Internet,

■ Smartphones,

■ Tablets,

■ Tecnologías inmersivas y de Realidad Virtual o Aumentada…

■ …sino también….

Tecnologías socialesSocial Tech.

(*)Validación de la versión española de la Echelle de Motivación en Educación. Martín, J.; Albó, L.; Navarro, J.G.; Nuñez, J.L., Psicothema, V.17, 2, 2005, pp. 344-349


■ …acercamiento al uso docente de tecnologías como:

■ YouTube.

■ Blogging.

■ Linkedin, Facebook, Flicker, Twitter, etc.

■ Aplicaciones 3D y de realidad aumentada.

■ Códigos Bidimensionales y telefonía móvil.

■ Estos sistemas aportan:

■ Nuevas capacidades representativas y de demostración de conocimientos.

■ Nuevos formatos de generación tanto de ejercicios como evaluativos

■ Un mayor interés por el seguimiento de la clase y de la materia

Tecnologías socialesSocial Tech.


NUEVAS ESTRATEGIAS DE APRENDIZAJE Y PEDAGOGÍA(LEARNING STRATEGIES & PEDAGOGY)

COMPORTAMIENTO Y COLABORACIÓN

UBICUIDAD Y DURACIÓN DE LA FORMACIÓN

FORMACIÓN LOCALIZADA O INFORMAL

CONSTRUCTIVISMO Y NUEVOS ENTORNOS

Modalidades de aprendizaje


COMPORTAMIENTO Y COLABORACIÓN

■ Capacidad para crear recursos colaborando entre profesor y estudiantes

■ Reforzar cuando los alumnos son más receptivos de forma adecuada

■ Participación colectiva para lograr resultados más relevantes



COMPORTAMIENTO Y COLABORACIÓN (EJEMPLOS)


1. MOODLE es el entorno web de la universidad La Salle para facilitar recursos docentes2. BLOGGING La Salle permite mostrar el desarrollo de los contenidos de los cursos3. Los alumnos crean Blogs personales de su actividad académica (BLOGSPOT)

MOODLE BLOGGING BLOG PERSONAL


CONSTRUCTIVISMO Y NUEVOS ENTORNOS


■ Los dispositivos móviles permiten el estudio en entornos ‘sensibles al contexto’

■ La tecnología Multimedia proporciona más información en cada mensaje

■ Divulgación de la actividad académica


CONSTRUCTIVISMO Y NUEVOS ENTORNOS (EJEMPLOS)


1. BUILDAR es la aplicación para pc para integración de modelos 3D

2. JUNAIO integra Realidad Aumentada en teléfonos móviles accesible por Internet


AdoptionAdoption

FORMACIÓN LOCALIZADA O INFORMAL


■ Los dispositivos móviles permiten acceder al material educativo sin barreras.

■ Se registran los contenidos y etapas de la formación.

■ La portabilidad de los recursos facilita la aproximación al entorno del proyecto.


FORMACIÓN LOCALIZADA O INFORMAL (EJEMPLOS)


1. La universidad desarrolla prácticas de RA con proyectos de alumnos

2. Las experiencias con usuarios permiten evaluar los resultados


UBICUIDAD Y DURACIÓN DE LA FORMACIÓN


■ Los contenidos son de acceso permanente en los medios académicos de uso compartido.

■ Facilidad de acceso y búsqueda a contenidos.

■ Nuevos medios de publicación de los proyectos.

■ Expansión de los entornos participativos.


UBICUIDAD Y DURACIÓN DE LA FORMACIÓN (EJEMPLOS)


1. El acceso a la información es inmediato con códigos BIDI - QR y RA

2. Los recursos facilitan modelos 3D, páginas web, videos, textos y otros contenidos


EXPERIMENTOS – Realidad Aumentada & Arquitectura(STUDY CASES)

■ Aportación de contenidos por alumnos

■ Tecnología y entornos multimedia aplicados

■ Entornos interactivos de Realidad Aumentada

■ Formación en nuevos contextos virtuales colaborativos

■ Compartir y registrar el proceso de aprendizaje

‘REPRESENTACIÓN DE PROYECTOS’



DIAGRAMA DEL DISEÑODE METODOLOGÍA



CUBO – PRESENTACIÓN INTERACTIVA


Survey Questions (n=7) Low Normal High

Q1Previously CAD & Rendering level before using AR

0 5 2

Q2Evaluate utility of AR to view virtual model of Arch. projects

1 3 3

Q3Evaluate utility of AR to view models in the class and generate discussion forums

0 5 2

Q4Do you think using AR is a good way to improve your architecture formation?

2 2 3

Q5Do you think using AR is a good way to improve your academic skills?

3 3 1

Q6 How long have you needed to use this technology 4 3 0


EVALUACIÓN DE RESULTADOS


EXPERIMENTOS – Realidad Aumentada & Arquitectura

EFICIENCIA ENERGÉTICA

GEOLOCALIZACIÓNCONSTRUCCIÓN

REPRESENTACIÓN


Quick Response Code

• Almacena más información que un código de barras.

• Un ejemplo: QR con la presentación de la sesión

Inventado por Denso-Wave en 1994

• Inicialmente se creó para la reconocer partes de

vehículos.

Fácil de utilizar…

• …pero la carga de la información depende del modo en

el que se accede a la web a través del dispositivo móvil.

PRESENTACIÓN

CÓDIGOS QRIntroducción

https://www.dropbox.com/s/yox8fdp5osvkzor/QR%20Y%20REALIDAD%20AUMENTADA.pdf


Un código QR es una matriz en dos dimensiones formada por una serie de cuadrados negros sobre fondo blanco. Esta matriz es leída por un lector específico (Lector de QR) en nuestro dispositivo móvil y de forma inmediata nos lleva a una aplicación en Internet ya sea un mapa de localización, un correo electrónico, una página web o un perfil en una red social.

Están compuestos por tres cuadrados en las esquinas que permiten detectar al lector la posición del código QR y una serie de cuadrados dispersos que codifican el contenido.

CÓDIGOS QRDefinición


CÓDIGOS QREstructura


Fuente: Grupo de Nuevas Tecnologías de la SoMaMFyC

CÓDIGOS QRTipos

http://nuevastecsomamfyc.wordpress.com/2012/05/08/que-es-un-codigo-qr-definicion-y-estructura/

http://nuevastecsomamfyc.wordpress.com/2012/05/08/que-es-un-codigo-qr-definicion-y-estructura/


Consiste en el direccionamiento de un código QR hacia una web donde sus contenidos van cambiando diariamente.

Esto hace que la respuesta delante de la lectura del código no sea totalmente previsible para el alumno.

EJEMPLO

QR dinámico

Información Online

Otra vez más, el alumno sigue siendo el receptor de la información.

CÓDIGOS QRDinámicos

http://qredu.net/blog/?p=91


Generador on-line KAYWAqrcode.kaywa.com

Generador on-line GOOGLE

QR-GOOGLE

CÓDIGOS QRGenerador de códigos

Los códigos se pueden crear con aplicaciones que generan una imagen de la información codificada.

Estas aplicaciones pueden ser ON-LINE o programas específicos de libre acceso.

La información a codificar puede ser de múltiples tipos: teléfonos, contactos, textos, URL, SMS, etc.

http://qrcode.kaywa.com/

http://www.the-qrcode-generator.com/


AZONMOBILENuevas aplicaciones permiten registrar estadísticas, personalizar y gestionar campañas de códigos QR.

WEB azonmobile

CÓDIGOS QRGenerador de códigos

http://azonmobile.com/tracking-system


LECTOR QRREADER

Los códigos se pueden leer a través de la cámara web de un PC instalando previamente el programa de lectura de códigos.

Las funciones principales de estos programas son:

• Lectura de imágenes de los códigos QR.

• Lectura del código a través de la webcam

• Lectura de diferentes tipos de códigos 2d.

• Generación de códigos QR.

LECTOR

QUICKMARK

CÓDIGOS QRLector de códigos para PC

http://dansl.net/qrreader/

http://dansl.net/qrreader/

http://www.quickmark.com.tw/en/basic/downloadMain.asp

http://www.quickmark.com.tw/en/basic/downloadMain.asp


VIDEO

Los códigos usados por los niños pueden fomentar su independencia a la hora de utilizar el PC y les ayudará a realizar un aprendizaje con autonomía.

Códigos con contenidos docentes (matemáticas, naturaleza, lenguaje, etc. ), juegos, actividades, etc.

CÓDIGOS QRLector de códigos para PC

http://youtu.be/hSA3YsBy_pU


MAC-OS

Los códigos se pueden leer a través de cualquier dispositivo móvil como: smartphones, tablets, tablet-PC, iPad, iPhone, etc.

Sólo es necesario instalar una APP que pueda leer el código con la cámara

ANDROID

CÓDIGOS QRLector de códigos para dispositivos móviles

QR READER

https://itunes.apple.com/us/app/qr-reader-for-iphone/id368494609?mt=8

https://play.google.com/store/apps/details?id=uk.tapmedia.qrreader&feature=search_result


EJEMPLOS

CÓDIGOS QRAplicaciones en lengua y literatura

http://qr-ar-edu.blogspot.com.es/search/label/QR-ACTIVIDAD


En esta ocasión el contenido audiovisual de los códigos QR lo han creado los alumnos del Colegio San Andreu de Badalona de 4º de ESO en la asignatura de informática. El contenido fue un video grabado por ellos mismos explicando los espacios y características más destacadas del nuevo edificio donde se ubicarán.La actividad consistía en una especie de gimkana con códigos QR donde los diferentes grupos de alumnos se orientaban por la escuela utilizando unos planos y rellenando un pequeño formulario.

EJEMPLOS

VIDEO

EJEMPLO

CÓDIGOS QRAplicaciones en escuelas con alumnos de ESO

http://qredu.net/blog/?p=226

http://youtu.be/TMp4OTfCtQU

http://youtu.be/TMp4OTfCtQU


Para la presentación de un proyecto, los alumnos de un curso de Grado de Arquitectura de La Salle incorporan códigos QR que muestra múltiples formatos de contenidos.

PROYECTO

CÓDIGOS QRAplicaciones en la universidad de Arquitectura

http://blogs.salleurl.edu/tech-architecture/2011/05/28/architecture-and-augmented-reality-in-3-0-learning/


Aplicaciones de códigos QROtras aplicacionesMARKETING

VIDEOLa tienda coreana emart utiliza códigos QR para aumentar sus ventas en horario de almuerzo

Una gran número de posibles consumidores puede acceder a los contenidos de campañas publicitarias utilizando los móviles en la calle como en este caso de la marca CK

http://youtu.be/9c9vk_B54Sk


Aplicaciones de códigos QROtras aplicacionesMUSEOS Y EXPOSICIONES

EJEMPLOS

La utilidad de los códigos QR en MUSEOS proporciona información complementaria a los visitantes de los contenidos de la exposición.

http://www.themobilists.com/2011/08/30/qr-codes-in-museums/


REALIDAD AUMENTADAIntroducción

La Realidad Aumentada es la fusión de la imagen real y una información virtual, sucediendo en tiempo real

Contrariamente a lo que sucede en el caso de la Realidad Virtual, donde se sumerge al usuario en un mundo sintético completamente reconstruido en el ordenador y que interactúa con un mundo sintético por medio de la entrada adecuada y dispositivos de salida, en aplicaciones de realidad aumentada son los datos artificiales que se superponen e integran en el mundo real. Esta integración da lugar a una amplia gama de aplicaciones que se encuentran en la red.


REALIDAD AUMENTADANavegadores de contenidos

Las aplicaciones para consultar contenidos más destacadas son LAYAR, JUNAIO, WIKITUDE y AURASMA.

Permiten mostrar información de RA en dispositivos móviles.

Los usuarios desarrollan los contenidos y se comparten en Internet públicamente.

La información que puede transmitir la RA a través de contenidos multimedia es mucho más amplia que los formatos convencionales como revistas, diarios, etc.


REALIDAD AUMENTADAMarcas y Geo-localizaciónPara poder visualizar la información es necesario que exista una referencia que puede ser de dos métodos:

• MARCAS

• FIDUCIALES: geometrías en blanco y negro.

• HÍBRIDAS: incluyen zonas de interacción al ocultar parcialmente la marca.

• SIN MARCA: una imagen puede activar la información

• 3D TRACKING: un objeto tridimensional

• GEO-LOCALIZACIÓN


REALIDAD AUMENTADATendencias en nuevas tecnologías

VIDEO

Filas - Finanziaria laziale di sviluppo, ItaliaVideo promocional de una de las áreas de operaciones "DTC -- The Lazio Cultural Heritage Technology District"

http://youtu.be/nSeql5vF8PI


REALIDAD AUMENTADAAplicaciones en docencia.

VIDEO

Shaw Wood Primary School en Doncaster, UK

http://youtu.be/5qRcIek4NY0


REALIDAD AUMENTADADesarrollo de contenidos con AUMENTATY AUTHOR y VIEWER

DESCARGA DE PROGRAMAS

http://www.aumentaty.com/?q=content/herramientas-de-autor

http://www.aumentaty.com/?q=content/herramientas-de-autor


VIDEO DEMO

REALIDAD AUMENTADADesarrollo de contenidos con AUMENTATY AUTHOR

http://youtu.be/rq6mIXq-SXo

http://youtu.be/rq6mIXq-SXo


Marcas fiduciales de la aplicación AUMENTATY AUTHOR

REALIDAD AUMENTADADesarrollo de contenidos con AUMENTATY AUTHOR


Aplicación AUMENTATY para presentación de una galería de imágenes o videos.

VIDEO DEMO

REALIDAD AUMENTADADesarrollo de contenidos

http://youtu.be/X3TgH0Nn26E


Marca de la aplicación AUMENTATY para presentaciones

DESCARGA DE PROGRAMA


http://www.aumentaty.com/?q=content/aumentaty-presentations

http://www.aumentaty.com/?q=content/aumentaty-presentations


Aplicación METAIO CREATOR para generación de contenidos utilizando marcadores 3D

CREAR CONFIGURAR VISUALIZAR



Configuración de los contenidos con la aplicación METAIO CREATOR y marcadores 3D

1

2

32 Programa de configuración

3 APP JUNAIO

visualización

1 APP Programa de escáner 3D


http://dev.metaio.com/downloads/metaio-creator/


http://dev.metaio.com/en/junaio/

http://dev.metaio.com/en/junaio/




Aplicación AURASMA para creación de contenidos de Realidad Aumentada.

Es posible crear una App con la herramienta.

WEB AURASMA


https://studio.aurasma.com/home


www.ar-books.com

Ejemplo de libro aplicado a dibujo técnico.

VIDEO DEMO

REALIDAD AUMENTADAEjemplos de publicaciones con RA

http://www.ar-books.com/interior.php?contenido=libro.php&id=1

http://www.youtube.com/watch?v=TT-VYMFJmoE&feature=share&list=UUVpLPx-An_tuCCqXMp8M7Kw



VIDEO

VIDEO

http://www.youtube.com/watch?feature=endscreen&v=1RuZY1NfJ3k&NR=1

http://youtu.be/ynThJyeoP-s


Ejemplos con la aplicación METAIO CREATOR

IKEA

VIDEO DEMO

METAIO CREATOR

VIDEO DEMO


http://youtu.be/QQ8HNXtl7jQ



http://youtu.be/J0TkRZ8YvjI




ConectAR

Aplicación para creación de contenidos de Realidad Aumentada.

La herramienta tiene la posibilidad de crear contenidos en código abierto XML

BLOG ConectAR

http://conectarlab.com.ar/conectar-experimentando-con-realidad-aumentada/


REALIDAD AUMENTADAGEO-LOCALIZACIÓN

Sistemas de información geográfica y tecnología móvil.Los contenidos de información asociados a coordenadas geográficas pueden ser orientados a la formación y difusión de contenidos mediante el empleo de bases de datos accesibles desde dispositivos móviles.

Contenidos On-line actualizadosLos datos relacionados pueden ser editados desde servicios de portales web. Esta facilidad de acceso permite actualizar los contenidos para ofrecerlos on-line en tiempo real.

Creación de contenidosLa práctica está orientada a la creación de rutas arquitectónicas de edificios, arquitectos o temáticas específicas.

Datos multimediaEl formato multimedia ofrece la posibilidad de acceder a datos, imágenes, videos y audios desde cualquier ubicación.


EDULOC (Itinerarium) El usuario puede crear un perfil para incorporar contenidos On-line.La aplicación en un dispositivo móvil permite visualizar la información localizada geográficamente.

CREACIÓN DE CONTENIDOS

FUNDACIÓN


http://eduloc.geoemotion.net/

http://eduloc.geoemotion.net/

http://fundacioitinerarium.org/eduloc/?lang=es


1 – Creación del ESCENARIO

Los datos del escenario muestran el tipo (público, privado), descripción,

logotipo y palabras clave.



2 – Creación del ENTRADASLos PUNTOS de interés se posicionan y se asocian a los contenidos multimedia (audio, video, enlaces, textos)



3 – Experiencia de usuarioA través de un dispositivo móvil puede acceder a la información geo-localizada a través del escenario que se muestra en la lista.

DESCARGA APP


https://play.google.com/store/apps/details?id=com.itinerarium.eduloc&hl=en


ESPIRA

Aplicación para la geo-localización de contenidos desarrollada por la

Asociación ESPIRAL, Educación y Tecnologías

ASOCIACION ESPIRAL

PROYECTO ESPIRA

APP ESPIRA


http://www.ciberespiral.org/es/inicio

http://www.ciberespiral.org/es/inicio

http://www.aumenta.me/espira/map/main

http://www.aumenta.me/espira/map/main

https://play.google.com/store/apps/details?id=com.slashmobility.espira&hl=en


Libre GeoSocial

Aplicación para la geo-localización de contenidos personalizables.

Libre GeoSocial

VIDEO DEMO

APP Libre GeoSocial


http://www.libregeosocial.org/node/1

http://youtu.be/GTgocMYUiK8

https://play.google.com/store/apps/details?id=com.LibreGeoSocial.App&feature=search_result


HOPPALA

Aplicación para creación de contenidos por geo-localización para las

aplicaciones JUNAIO y LAYAR

WEB HOPPALA


http://www.hoppala-agency.com/category/augmentation/


INFORMACIÓN ADICIONAL

SLIDESHARE de TECNOTIC, Raül Reinoso

Jornadas AUMENTA.ME, Realidad Aumentada y Educación

http://www.slideshare.net/tecnotic

http://www.aumenta.me/


Gracias

Isidro Navarro

@TechArchBCN

http://www.linkedin.com/pub/isidro-navarro/16/a53/b97

qr y realidad aumentada

Education