Realidad Aumentada

Raúl Reinoso www.aumenta.me

VI Congreso Educared 2011

Actitud 2.0: aprender es compartir

WORKSHOP Realidad Aumentada

Raúl Reinosowww.aumenta.me

Presentación

¿Qué es la Realidad Aumentada?

¿Por qué es importante?

Tipos de Realidad Aumentada

Dispositivos necesarios

Realidad Aumentada y Educación

Marcadores: Canal Junaio

QR: Beetagg

Markerless: Aurasma

Navegador AR: Layar

Visual search: Google Goggles

Taller

¿Qué es la REALIDAD AUMENTADA?

Terminator 3 Rise of the machines © Warner Bros. Reservados todos los derechos

¿Os acordáis?


Una visión “enriquecida”

MATCH

SCAN MODE 4504254SIZE ASSESSMENT

ASSESSMENT COMPLETE

FIT PROBABILITY 0.99RESET TO ACQUISITION

Ict integration readyTarget students

AUMENTA.ME TECHNOLOGIES

¿Qué es la Realidad Aumentada?


Escena real vistapor un usuario

+¿Qué es la REALIDAD AUMENTADA?

Información generada por ordenador


=¿Qué es la REALIDAD AUMENTADA?

¡Realidad Aumentada!


Augmented Reality por turkletom

http://www.flickr.com/photos/turkletom/


¿Será lo mismo que la realidad virtual?

where is he? por Kalexanderson

http://www.flickr.com/photos/kalexanderson/



Virtual Reality por Technosailor

Realidad virtual: Sumerge al usuario en un mundo generado por ordenador


http://www.flickr.com/photos/technosailor/

Realidad Aumentada Realidad + Informacióngenerada por ordenador


Más exactamente…


Superposición de informacióngenerada por un ordenador

en función de la realidadcaptada por la cámara



Por ejemplo…

AR por WIKITUDE


http://www.flickr.com/photos/wikitude/

¿Qué tipo de información?


Texto, imágenes, objetos 3D,vídeos, animaciones,

cuestionarios…


Pero…


¿Es esto Realidad Aumentada?

Mexico vs Francia por Nearsoft



http://www.flickr.com/photos/nearsoft/

¡Noooooooo!



¿Es esto Realidad Aumentada?

Tomorrow's weather forecast por quantenmechaniker

http://www.flickr.com/photos/quantenmechaniker/

http://www.flickr.com/photos/quantenmechaniker/

¡Noooooooo!


¿Por qué es importante?

Tiene la capacidad de añadir informaciónvirtual al mundo físico

Labels por Mrs Magic

¿Por qué es importante la REALIDAD AUMENTADA?

http://www.flickr.com/photos/mrsmagic/




Permitiendo aumentar la percepción del entorno

DND 365 #21 por apbeatty

http://www.flickr.com/photos/andybeatty/

Pen & Paper 3 por simplerich

Composición, fabricación, reciclaje….


En el trabajo

http://www.flickr.com/photos/simplerich/

http://www.flickr.com/photos/simplerich/

Puerta de Brandemburgo por Sambatyon

Construcción, estilo, historia, época…


De viaje

http://www.flickr.com/photos/darojasp/

Rotulador Unix por mmoroca

Composición, valores nutricionales,

procedencia, preparación,…


De compras

http://www.flickr.com/photos/mmoroca/

La Realidad Aumentada nos acerca el mundo real

¿Por qué es importante REALIDAD AUMENTADA?

Tipos de Realidad Aumentada

Simplificando podemos distinguir

dos tipos

V for Victory por 30/dientes

Tipos de REALIDAD AUMENTADA


http://www.flickr.com/photos/31855511@N00/

Basada en el seguimientoMarcadores, markerless NFT, códigos QR

Basada en la localizaciónGeolocalización


Basada en seguimiento


Activadores: marcadores,imágenes, objetos, códigos QR

Basset Hound por hynkle


http://www.flickr.com/photos/hynkle/

Marcadores


Marcadores


Smart Grid Augmented Reality

http://ge.ecomagination.com/smartgrid/?c_id=Huff#/augmented_reality







Cuando el marcador esreconocido por el software

se produce una acción


Generalmente se superpone un modelo 3D

Ge augmented reality por inju


http://www.flickr.com/photos/inju/

http://www.flickr.com/photos/inju/

Ezflar, AR con marcadores “a lo fácil”

http://www.ezflar.com


http://www.ezflar.com/

Realidad Aumentadasin marcardores

NFT (Natural Feature Tracking)


El “marcador”puede ser cualquier imagen, cualquier objeto…

some of us have pictures in topiary books por squacco


http://www.flickr.com/photos/squeakywheel/

Campaña de marketing con realidad aumentada


Green Lantern © Warner Bros

Junaio GLUE nos permite “pegar” AR a una imagen


http://creator.junaio.com/

http://creator.junaio.com/

¿Códigos QR?


Código QR


Enlazan el mundo realcon Internet



Aceptamos QR como animal de

compañía

Octopus & octopus por nonelvis

http://www.flickr.com/photos/52784525@N00/

Muy populares en Japón y lejano Oriente

QR code at Shibuya station por adactio


http://www.flickr.com/photos/adactio/

Código QR por AumentaME


QR, hasta la cocina

Existen muchos sitiosgratuitos para crear

tus propios códigos QR


Generador de códigos QR

http://qrcode.Kaywa.com


http://qrcode.kaywa.com/

AR basada en códigos QR

Daqri


https://www.daqri.com/

Basada en la localización

Activadores: Coordenadas GPS

Reflejado por Funny_Games


http://www.flickr.com/photos/funny_games/

Wikitude

Layar

Junaio


Se utiliza el GPS para detectar la ubicación

actual del usuario

Navstar-2F en Wikimedia Commons



La brújula para detectar la orientación

+ Brújula por Verino77

http://www.flickr.com/photos/verino77/


Golf game por RafeB

Y el acelerómetro para detectar la elevación y el ángulo

http://www.flickr.com/photos/rafeblandford/

De esta forma se identifica

lo que se está viendo porla cámara


A través de Internet se obtienen y se muestran

losdatos relacionados con

lo que se ve en pantalla



Ipad2 por WIKITUDE

¡Mira! Tengo un POI en la pantalla


Un POI o punto de interés

es una localización en un mapa que puede ser útil o de interés

para alguien


Los POIs hay quealmacenarlos

en un servidor


Se requieren conocimientos de

programación y de bases de datos



Travelogue 10 por tim caynes

Opppsssss!

http://www.flickr.com/photos/timcaynes/




Existen herramientas que simplifican el trabajo


http://www.poistr.com/

http://www.poistr.com/static.inicio.do

Visual Search¿Otra forma de AR?

Word Lens traduce y sobreescribe sobre

el idioma original

http://www.questvisual.com

¿Otras formas de AR?

http://www.questvisual.com/

Google Goggles escanea y

busca en Internet

¿Otras formas de AR?

Pyramids por Neil B

http://www.flickr.com/photos/nburrows/

http://www.flickr.com/photos/nburrows/

¿Qué dispositivosson necesarios?

Necesitamos un dispositivo electrónico

que disponga de…

¿Qué DISPOSITIVOS son necesarios?

Augmented Reality por turkletom

Una pantalla


http://www.flickr.com/photos/turkletom/

En la pantalla vemos la suma de lo real

y lo virtual


Una cámara

Webcam por mofetos


http://www.flickr.com/photos/mofetos/

La cámara capta la imagen del mundo real


Software de AR


ARToolKit http://www.hitl.washington.edu/artoolkit/

http://www.hitl.washington.edu/artoolkit/

El software se encarga de superponer la información digital


Capacidad de procesamiento

CPU on board por nera the photos


http://www.flickr.com/photos/neraliu/





Capacidad para manejar y modificar la señal

de vídeo



IMG_6940 por Melinda Taber

AR en tu ordenador

http://www.flickr.com/photos/niteseeker/

http://www.flickr.com/photos/niteseeker/

Android 6.1 tablet por WIKITUDE


AR en tu tablet




Nintendo 3DS @ Alcatraz Milano por Gabry89

AR en tu consola

http://www.flickr.com/photos/gabry89/

AR a lo McGyver


Augmented Reality (AR) in KABK por przemionAR in KABK

http://www.flickr.com/photos/przemion/

Los requerimientos sonmínimos…



Smartphones, ideales para AR

NAMAland augmented reality app por stunned

http://www.flickr.com/photos/stunned/

Realidad Aumentada

2.0

La Realidad Aumentada ha dejado de ser cosa de unos pocos

Realidad Aumentada 2.0

Person man human © Vladislav Gajic / Photoxpress

Ya no es únicamente para programadores


Day 15 – Sushi por Viewoftheworld

http://www.flickr.com/photos/view/

Comienza la Realidad Aumentada 2.0


Perfect fried egg… por Ronnie23

http://www.flickr.com/photos/veronika23/

http://www.flickr.com/photos/veronika23/


www.aumenta.me

http://www.aumenta.me/

It's almost like magic por emurray

Los Aumentables de AumentaME


http://www.flickr.com/photos/emurray/

Realidad Aumentada y Educación

Realidad Aumentada y EDUCACIÓN

Ofrece muchas posibilidades educativas

My Swiss Army Knife por herzogbr

http://www.flickr.com/photos/herzogbr/


Facilita la visión espacial

Realitat3

http://www1.labhuman.com/labhuman/web/minisites/realitat3/

Grupo Santillana Chile http://on.fb.me/hiuXi0


Mejor comprensión

http://on.fb.me/hiuXi0

Entornos de aprendizaje más

atractivos

Augmented Reality Chloe por Kuxkix


http://www.flickr.com/photos/kuxkix/

Facilitan la autonomía

Favorece la autonomíapersonal


Augmented Reality por dolmansaxlil

http://www.flickr.com/photos/dolmansaxlil/

Libros y material didáctico con AR

AR-Books.com Augmented Reality books


http://www.ar-books.com/


Herramientas de autor con AR

Cuadernia 2.0

http://www.educa.jccm.es/educa-jccm/cm/temas/cuadernia

http://www.educa.jccm.es/educa-jccm/cm/temas/cuadernia

Pizarra digital AR

SMART Technologies Mixed Reality http://smarttech.com/mixedreality


http://smarttech.com/mixedreality

espiRA


Proyectos educativos AR:

espiRA

http://ciberespiral.org/es/noticias/22-categoria-3-de-noticies/190-projecte-espira

http://ciberespiral.org/es/noticias/22-categoria-3-de-noticies/190-projecte-espira


espiRA 2010,el lanzamiento

Space Shuttle Endeavour launches on STS-99 Wikimedia Commons

espiRA, el futuro


ISS March 2009 Wikimedia Commons


http://net.educause.edu/ir/library/pdf/HR2011.pdf

Anticipando las tecnologías del futuro

http://net.educause.edu/ir/library/pdf/HR2011.pdf

Informe Horizon 2011 El uso de la AR en

educación se extenderá en 2 ó 3 años


Puede significar un gran cambio en la forma de

acceder a la información


¡¡¡No pierdas la RealidadAumentada de vista!!!


Workshop Realidad Aumentada



Marcadores con


Junaio es uno de los navegadores de Realidad Aumentada más populares



Es gratuito y cuentacon multitud de canales de Realidad Aumentada


Vamos a ver el esqueleto humano enRealidad Aumentada

http://www.slideshare.net/ediamsistemas/realidad-aumentada-anatoma

http://www.slideshare.net/ediamsistemas/realidad-aumentada-anatoma


Inicia Junaio


Busca el canal Anatomy


Inicia el canal


Visualiza los marcadoresa través de la cámara paraver el esqueleto humanoen realidad aumentada

ACTIVIDAD


Acerca, aleja, gira…


Lee los códigos QRque aparecen al final del libro

ACTIVIDAD


Descárgate la aplicacióngratuita BeeTagg y podrás

escanearlos


Recuerda, tú tambiénpuedes generar tus códigos

QR de forma sencilla



Markerless con

Android

[317/365] Popular Trick por pasukaru76

Aurasma, una aplicación casi mágica


http://www.flickr.com/photos/pasukaru76/

Aurasma te permitirá asociar contenido de Realidad

Aumentadaa cualquier imagen u

objeto


Vamos a tratar de asociar una

imagen real con otra en RA


Imagen real


Imagen RA



Pulsa en Add Anywhere


Encuadra y pulsa el icono de la cámara


Pulsa en Upload Image y selecciónala


Haz clic en Add Anywhere


Ajusta la imagen ypulsa en Create

Y ahora a compartir…

www.aumenta.me


Necesitas tener activada tu

conexión a Internet


Pulsa en Share y selecciona la opción adecuada


Una buena forma de compartir

es añadir un código QRcon la URL de tu Anywhere




Convierte una imagenen “marcador” y haz que aparezca sobre ella

otra en realidad aumentada

ACTIVIDAD




Layar es uno de los navegadores de Realidad Aumentada más populares



Es gratuito y cuentacon multitud de capas de Realidad Aumentada


¿Qué son las capas deRealidad Aumentada?

Ice cream sandwiches por djwtwo

http://www.flickr.com/photos/djwtwo/


Canales que superponeninformación útil

sobre la imagen que captas con la cámara


Unos Ejemplos…


Necesitas tener activado el GPS y la conexión a

Internet de tu smartphone


Una overview…


Tus capas preferidas


Las capas visualizadas recientemente


Las capas clasificadaspor categorías


Ajustes


Vamos a practicar con la capa WikipediaWorld


Aumenta tu entorno coninformación de la Wikipedia



Prueba las siguientes capas:WikipediaWorld

Layar local searchTweeps Around

ACTIVIDAD


Layar Vision NFT con Layar


Layar Vision reconoce objetos y muestra

experiencias AR sobre ellos


Vamos a probar un ejemplo…


Busca la capa “cantine”


Inicia la capa


Empleamos una imagen de muestra para conocer

Layar Vision


http://www.layar.com/snippets/cantine-demo-layer-images/

http://www.layar.com/snippets/cantine-demo-layer-images/




Abre la capa Cantine y prueba Layar Vision conlas imágenes de ejemplo

ACTIVIDAD



Visual Search con


Google Goggles

Gafas Google Chrome 3D por David Chacón

http://www.flickr.com/photos/geniyeyo/


¿Quieres más información

sobre algo?


Texto, lugares, libros, arte…


Captura su imagen conGoogle Goggles


http://www.google.com/mobile/goggles/#text

http://www.google.com/mobile/goggles/#text


Un ejemplo…


¡mmm…interesante!


Inicia Google Goggles


Captura la imagen

Google Goggles compara en su base de datos de imágenes



Google Goggles devuelvelos resultados


Muestra de resultados


¡Mmm…interesante!


Abre Google Goggles ycaptura una imagen

ACTIVIDAD

www.aumenta.me

Hello augmentED world!

WORKSHOP REALIDAD AUMENTADA

Realidad Aumentada

Education