QR y Realidad Aumentada

3a edició

Códigos QR y realidad aumentada
Profesor: Isidro Navarro

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

ÍNDICE
NUEVAS ESTRATEGIAS DE • Lectores de códigos: PC y
APRENDIZAJE Y PEDAGODÍA dispositivos móviles.
• Alfabetización digital (digital • Aplicaciones en docencia
literacy) • Otras aplicaciones
• Tecnologías sociales (social
technologies) REALIDAD AUMENTADA
• Nuevas estrategias de • Introducción: definición,
aprendizaje y pedagogía • Navegadores de contenidos
(learning strategies & pedagogy) • Marcas y Geo-localización
• Experimentos (study cases) • Tendencias
• Aplicaciones en docencia
• Desarrollo de contenidos
CÓDIGOS QR Aumentaty, Metaio Creator, Aurasma
• Introducción: • Ejemplos
definición, estructura, tipos y
códigos dinámicos. GEO-LOCALIZACIÓN
• Generador de códigos QR. • Aplicaciones

Alfabetización digital
(digital literacy) - I
■ 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) - II
■ El portátil en el aula como soporte al estudio.
■ Las pizarras digitales
■ Los libros digitales
■ Soportes interactivos


La brecha digital
Ámbito Pre-Universitario
■ 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 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.


Tecnologías sociales
Social Tech.

■ 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….

(*)Validación de la versión española de la Echelle de Motivación en Educación. Martín, J.; Albó, L.;
REALIDAD AUMENTADA Y CÓDIGOS QR
Navarro, J.G.; Nuñez, J.L., Psicothema, V.17, 2, 2005, pp. 344-349 Pág. 7

Tecnologías sociales
Social Tech.
■ …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


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

COMPORTAMIENTO Y COLABORACIÓN

CONSTRUCTIVISMO Y NUEVOS ENTORNOS

FORMACIÓN LOCALIZADA O INFORMAL

UBICUIDAD Y DURACIÓN DE LA FORMACIÓN


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)

MOODLE BLOGGING BLOG PERSONAL

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



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



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.

Adoption Adoption


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)

‘REPRESENTACIÓN DE PROYECTOS’

■ 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


(STUDY CASES)

DIAGRAMA DEL DISEÑO
DE METODOLOGÍA


(STUDY CASES)
CUBO – PRESENTACIÓN INTERACTIVA


(STUDY CASES)

EVALUACIÓN DE RESULTADOS
Survey Questions (n=7) Low Normal High

Previously CAD & Rendering level before using
Q1 0 5 2
AR

Evaluate utility of AR to view virtual model of
Q2 1 3 3
Arch. projects

Evaluate utility of AR to view models in the class
Q3 0 5 2
and generate discussion forums

Do you think using AR is a good way to improve
Q4 2 2 3
your architecture formation?

Do you think using AR is a good way to improve
Q5 3 3 1
your academic skills?

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


CONSTRUCCIÓN GEOLOCALIZACIÓN

EFICIENCIA ENERGÉTICA REPRESENTACIÓN


CÓDIGOS QR
Introducción

Quick Response Code PRESENTACIÓN
• 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.


CÓDIGOS QR
Definición

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 QR
Estructura


CÓDIGOS QR
Tipos

Fuente: Grupo de Nuevas Tecnologías de la SoMaMFyC


CÓDIGOS QR Información Online
Dinámicos
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

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


CÓDIGOS QR
Generador de códigos
Generador on-line KAYWA
qrcode.kaywa.com
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. Generador on-line GOOGLE

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


CÓDIGOS QR
Generador de códigos
AZONMOBILE
Nuevas aplicaciones permiten registrar estadísticas, personalizar y
gestionar campañas de códigos QR.

WEB azonmobile


CÓDIGOS QR
Lector de códigos para PC

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.
LECTOR
Las funciones principales de estos
QUICKMARK
programas son:

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

• Lectura del código a través de la
webcam
LECTOR
• Lectura de diferentes tipos de QRREADER
códigos 2d.

• Generación de códigos QR.


CÓDIGOS QR
Lector de códigos para PC

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.

VIDEO


CÓDIGOS QR QR READER

Lector de códigos para dispositivos móviles

Los códigos se pueden leer a través
de cualquier dispositivo móvil como:
smartphones, tablets, tablet-PC, iPad,
iPhone, etc.
ANDROID
Sólo es necesario instalar una APP
que pueda leer el código con la
cámara

MAC-OS


CÓDIGOS QR
Aplicaciones en lengua y literatura

EJEMPLOS


CÓDIGOS QR
Aplicaciones en escuelas con alumnos de ESO

VIDEO
EJEMPLO

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


CÓDIGOS QR
Aplicaciones en la universidad de Arquitectura

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


Aplicaciones de códigos QR
Otras aplicaciones
MARKETING
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

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


Aplicaciones de códigos QR
Otras aplicaciones
MUSEOS Y EXPOSICIONES

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

EJEMPLOS


REALIDAD AUMENTADA
Introducció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 AUMENTADA
Navegadores 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 AUMENTADA
Marcas y Geo-localización
Para 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 AUMENTADA
Tendencias en nuevas tecnologías

VIDEO

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


REALIDAD AUMENTADA
Aplicaciones en docencia.

VIDEO

Shaw Wood Primary School en Doncaster, UK


REALIDAD AUMENTADA
Desarrollo de contenidos con AUMENTATY AUTHOR y VIEWER

DESCARGA DE
PROGRAMAS


REALIDAD AUMENTADA
Desarrollo de contenidos con AUMENTATY AUTHOR

VIDEO DEMO


REALIDAD AUMENTADA
Desarrollo de contenidos con AUMENTATY AUTHOR

Marcas fiduciales de la aplicación AUMENTATY AUTHOR


REALIDAD AUMENTADA
Desarrollo de contenidos

VIDEO DEMO

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


REALIDAD AUMENTADA

DESCARGA DE
PROGRAMA

Marca de la aplicación AUMENTATY para presentaciones


REALIDAD AUMENTADA
Aplicación METAIO CREATOR para generación de contenidos utilizando
marcadores 3D
CREAR CONFIGURAR VISUALIZAR


REALIDAD AUMENTADA
1 APP Programa
Configuración de los contenidos con la aplicación METAIO CREATOR y de escáner 3D
marcadores 3D

2 Programa de
configuración
1 3

3 APP JUNAIO
visualización

2

REALIDAD AUMENTADA
WEB AURASMA
Aplicación AURASMA para creación de contenidos de Realidad Aumentada.
Es posible crear una App con la herramienta.


REALIDAD AUMENTADA
Ejemplos de publicaciones con RA

Ejemplo de libro aplicado a dibujo técnico.

VIDEO DEMO

www.ar-books.com


REALIDAD AUMENTADA

VIDEO

VIDEO


REALIDAD AUMENTADA

IKEA
VIDEO DEMO

METAIO CREATOR
VIDEO DEMO

Ejemplos con la aplicación METAIO CREATOR


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


REALIDAD AUMENTADA
GEO-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 actualizados
Los 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 contenidos
La práctica está orientada a la creación de rutas arquitectónicas de edificios,
arquitectos o temáticas específicas.

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


REALIDAD AUMENTADA
GEO-LOCALIZACIÓ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.

FUNDACIÓN

CREACIÓN DE
CONTENIDOS


REALIDAD AUMENTADA
GEO-LOCALIZACIÓN
1 – Creación del ESCENARIO
Los datos del escenario muestran el tipo
(público, privado), descripción, logotipo y palabras clave.


REALIDAD AUMENTADA
GEO-LOCALIZACIÓN
2 – Creación del ENTRADAS
Los PUNTOS de interés se posicionan y se asocian a los contenidos
multimedia (audio, video, enlaces, textos)


REALIDAD AUMENTADA
GEO-LOCALIZACIÓN
3 – Experiencia de usuario
A 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


REALIDAD AUMENTADA
GEO-LOCALIZACIÓN
ASOCIACION
ESPIRA ESPIRAL
Aplicación para la geo-localización de contenidos desarrollada por la
Asociación ESPIRAL, Educación y Tecnologías

PROYECTO
ESPIRA

APP ESPIRA


REALIDAD AUMENTADA
GEO-LOCALIZACIÓN
Libre GeoSocial
Libre GeoSocial
Aplicación para la geo-localización de contenidos personalizables.

VIDEO DEMO

APP Libre GeoSocial


REALIDAD AUMENTADA
GEO-LOCALIZACIÓN
HOPPALA
Aplicación para creación de contenidos por geo-localización para las
aplicaciones JUNAIO y LAYAR

WEB HOPPALA


INFORMACIÓN ADICIONAL

SLIDESHARE de TECNOTIC, Raül Reinoso

Jornadas AUMENTA.ME, Realidad Aumentada y Educación


Gracias

Isidro Navarro

@TechArchBCN


QR y Realidad Aumentada

Más contenido relacionado

QR y Realidad Aumentada