Raúl Reinoso y EducaRed - Espiral

1. VI Congreso Educared 2011
WORKSHOP Realidad Aumentada
Raúl Reinoso
www.aumenta.me
Raúl Reinoso
www.aumenta.me

2. Presentación
¿Qué es la Realidad Aumentada?
¿Por qué es importante?
Tipos de Realidad Aumentada
Dispositivos necesarios
Realidad Aumentada y Educación

3. Taller
Marcadores: Canal Junaio
QR: Beetagg
Markerless: Aurasma
Navegador AR: Layar
Visual search: Google Goggles

4. ¿Qué es la REALIDAD AUMENTADA?
¿Os acordáis?
Terminator 3 Rise of the machines © Warner Bros. Reservados todos los derechos

5. ¿Qué es la REALIDAD AUMENTADA?
AUMENTA.ME TECHNOLOGIES
SCAN MODE 4504254
SIZE ASSESSMENT
Una visión
ASSESSMENT COMPLETE
“enriquecida” FIT PROBABILITY 0.99
RESET TO ACQUISITION
Ict integration ready
Target students
MATCH

6. ¿Qué es la Realidad
Aumentada?

7. ¿Qué es la REALIDAD AUMENTADA?
Escena real vista
por un usuario

8. ¿Qué es la REALIDAD AUMENTADA?

9. ¿Qué es la REALIDAD AUMENTADA?
Información generada
por ordenador

10. ¿Qué es la REALIDAD AUMENTADA?

11. ¿Qué es la REALIDAD AUMENTADA?
¡Realidad Aumentada!
Augmented Reality por turkletom

12. ¿Qué es la REALIDAD AUMENTADA?
¿Será lo mismo
que la realidad
virtual?
where is he? por Kalexanderson

13. ¿Qué es la REALIDAD AUMENTADA?
Realidad virtual:
Sumerge al usuario en
un mundo generado
por ordenador
Virtual Reality por Technosailor

14. ¿Qué es la REALIDAD AUMENTADA?
Realidad Aumentada
Realidad + Información
generada por ordenador

15. ¿Qué es la REALIDAD AUMENTADA?
Más exactamente…

16. ¿Qué es la REALIDAD AUMENTADA?
Superposición de información
generada por un ordenador
en función de la realidad
captada por la cámara

17. ¿Qué es la REALIDAD AUMENTADA?
Por ejemplo…
AR por WIKITUDE

18. ¿Qué es la REALIDAD AUMENTADA?
¿Qué tipo de
información?

19. ¿Qué es la REALIDAD AUMENTADA?
Texto, imágenes, objetos 3D,
vídeos, animaciones,
cuestionarios…

20. ¿Qué es la REALIDAD AUMENTADA?
Pero…

21. ¿Qué es la REALIDAD AUMENTADA?
¿Es esto Realidad
Aumentada?
Mexico vs Francia por Nearsoft

22. ¿Qué es la REALIDAD AUMENTADA?
¡Noooooooo!

23. ¿Qué es la REALIDAD AUMENTADA?
¿Es esto Realidad
Aumentada?
Tomorrow's weather forecast por quantenmechaniker

24. ¿Qué es la REALIDAD AUMENTADA?
¡Noooooooo!

25. ¿Por qué es
importante?

26. ¿Por qué es importante la REALIDAD AUMENTADA?
Tiene la capacidad
de añadir información
virtual al mundo físico
Labels por Mrs Magic

27. ¿Por qué es importante la REALIDAD AUMENTADA?
Permitiendo
aumentar
la percepción
del entorno
DND 365 #21 por apbeatty

28. ¿Por qué es importante la REALIDAD AUMENTADA?
En el trabajo
Pen & Paper 3 por simplerich

29. ¿Por qué es importante la REALIDAD AUMENTADA?
De viaje
Puerta de Brandemburgo por Sambatyon

30. ¿Por qué es importante la REALIDAD AUMENTADA?
De compras
Rotulador Unix por mmoroca

31. ¿Por qué es importante REALIDAD AUMENTADA?
La Realidad Aumentada
nos acerca el mundo real

32. Tipos de
Realidad Aumentada

33. Tipos de REALIDAD AUMENTADA
Simplificando
podemos distinguir
dos tipos
V for Victory por 30/dientes

34. Tipos de REALIDAD AUMENTADA
Basada en el seguimiento
Marcadores, markerless NFT, códigos QR
Basada en la localización
Geolocalización

35. Tipos de REALIDAD AUMENTADA
Basada en seguimiento

36. Basada en seguimiento
Activadores: marcadores,
imágenes, objetos, códigos QR
Basset Hound por hynkle

37. Basada en seguimiento
Marcadores

38. Basada en seguimiento
Marcadores
Smart Grid Augmented Reality

39. Basada en seguimiento
Cuando el marcador es
reconocido por el software
se produce una acción

40. Basada en seguimiento
Generalmente
se superpone
un modelo 3D
Ge augmented reality por inju

41. Basada en seguimiento
Ezflar, AR con
marcadores
“a lo fácil”
http://www.ezflar.com

42. Basada en seguimiento
Realidad Aumentada
sin marcardores
NFT (Natural Feature Tracking)

43. Basada en seguimiento
El “marcador”puede
ser cualquier imagen,
cualquier objeto…
some of us have pictures in topiary books por squacco

44. Basada en seguimiento
Campaña de marketing
con realidad aumentada
Green Lantern © Warner Bros

45. Basada en seguimiento
Junaio GLUE nos permite
“pegar” AR a una imagen
http://creator.junaio.com/

46. Basada en seguimiento
¿Códigos QR?

47. Basada en seguimiento
Código QR

48. Basada en seguimiento
Enlazan el mundo real
con Internet

49. Basada en seguimiento
Aceptamos QR
como animal de
compañía
Octopus & octopus por nonelvis

50. Basada en seguimiento
Muy populares
en Japón y lejano
Oriente
QR code at Shibuya station por adactio

51. Basada en seguimiento
QR, hasta la cocina
Código QR por AumentaME

52. Basada en seguimiento
Existen muchos sitios
gratuitos para crear
tus propios códigos QR

53. Basada en seguimiento
Generador de
códigos QR
http://qrcode.Kaywa.com

54. Basada en seguimiento
AR basada en
códigos QR
Daqri

55. Basada en la
localización

56. Basada en la localización
Activadores: Coordenadas GPS
Reflejado por Funny_Games

57. Basada en la localización
Wikitude
Layar
Junaio

58. Basada en la localización
Se utiliza el GPS para
detectar la ubicación
actual del usuario
Navstar-2F en Wikimedia Commons

59. Basada en la localización
La brújula
para detectar la
orientación
+ Brújula por Verino77

60. Basada en la localización
Y el acelerómetro
para detectar la
elevación y el ángulo
Golf game por RafeB

61. Basada en la localización
De esta forma se identifica
lo que se está viendo por
la cámara

62. Basada en la localización
A través de Internet se
obtienen y se muestran los
datos relacionados con lo
que se ve en pantalla

63. Basada en la localización
¡Mira! Tengo un POI
en la pantalla
Ipad2 por WIKITUDE

64. Basada en la localización
Un POI o punto de interés
es una localización en un
mapa que puede ser útil o
de interés para alguien

65. Basada en la localización
Los POIs hay que
almacenarlos
en un servidor

66. Basada en la localización
Se requieren
conocimientos de
programación y de
bases de datos

67. Basada en la localización
Opppsssss!
Travelogue 10 por tim caynes

68. Basada en la localización
Existen herramientas que
simplifican el trabajo
http://www.poistr.com/

69. Visual Search
¿Otra forma de AR?

70. ¿Otras formas de AR?
Word Lens traduce
y sobreescribe sobre
el idioma original
http://www.questvisual.com

71. ¿Otras formas de AR?
Google Goggles
escanea y
busca en Internet
Pyramids por Neil B

72. ¿Qué dispositivos
son necesarios?

73. ¿Qué DISPOSITIVOS son necesarios?
Necesitamos un
dispositivo electrónico
que disponga de…

74. ¿Qué DISPOSITIVOS son necesarios?
Una pantalla
Augmented Reality por turkletom

75. ¿Qué DISPOSITIVOS son necesarios?
En la pantalla vemos
la suma de lo real
y lo virtual

76. ¿Qué DISPOSITIVOS son necesarios?
Una cámara
Webcam por mofetos

77. ¿Qué DISPOSITIVOS son necesarios?
La cámara capta
la imagen del
mundo real

78. ¿Qué DISPOSITIVOS son necesarios?
Software de AR
ARToolKit http://www.hitl.washington.edu/artoolkit/

79. ¿Qué DISPOSITIVOS son necesarios?
El software se encarga
de superponer la
información digital

80. ¿Qué DISPOSITIVOS son necesarios?
Capacidad de
procesamiento
CPU on board por nera the photos

81. ¿Qué DISPOSITIVOS son necesarios?
Capacidad para manejar
y modificar la señal
de vídeo

82. ¿Qué DISPOSITIVOS son necesarios?
AR en tu
ordenador
IMG_6940 por Melinda Taber

83. ¿Qué DISPOSITIVOS son necesarios?
AR en tu
tablet
Android 6.1 tablet por WIKITUDE

84. ¿Qué DISPOSITIVOS son necesarios?
AR en tu consola
Nintendo 3DS @ Alcatraz Milano por Gabry89

85. ¿Qué DISPOSITIVOS son necesarios?
AR a lo McGyver
Augmented Reality (AR) in KABK por przemion

86. ¿Qué DISPOSITIVOS son necesarios?
Los requerimientos son
mínimos…

87. ¿Qué DISPOSITIVOS son necesarios?
Smartphones, id
es para AR
NAMAland augmented reality app por stunned

88. Realidad
Aumentada 2.0

89. Realidad Aumentada 2.0
La Realidad Aumentada
ha dejado de ser cosa
de unos pocos
Person man human © Vladislav Gajic / Photoxpress

90. Realidad Aumentada 2.0
Ya no es únicamente
para programadores
Day 15 – Sushi por Viewoftheworld

91. Realidad Aumentada 2.0
Comienza la Realidad
Aumentada 2.0
Perfect fried egg… por Ronnie23

92. Realidad Aumentada 2.0
www.aumenta.me

93. Realidad Aumentada 2.0
Los Aumentables de
AumentaME
It's almost like magic por emurray

94. Realidad Aumentada
y Educación

95. Realidad Aumentada y EDUCACIÓN
Ofrece muchas
posibilidades
educativas
My Swiss Army Knife por herzogbr

96. Realidad Aumentada y EDUCACIÓN
Facilita la visión
espacial
Realitat3

97. Realidad Aumentada y EDUCACIÓN
Mejor comprensión
Grupo Santillana Chile http://on.fb.me/hiuXi0

98. Realidad Aumentada y EDUCACIÓN
Entornos de
aprendizaje más
atractivos
Augmented Reality Chloe por Kuxkix

99. Realidad Aumentada y EDUCACIÓN
Facilitan la autonomía
Favorece la
autonomía
personal
Augmented Reality por dolmansaxlil

100. Realidad Aumentada y EDUCACIÓN
Libros y material
didáctico con AR
AR-Books.com Augmented Reality books

101. Realidad Aumentada y EDUCACIÓN
Herramientas de
autor con AR
Cuadernia 2.0

102. Realidad Aumentada y EDUCACIÓN
Pizarra digital AR
SMART Technologies Mixed Reality http://smarttech.com/mixedreality

103. Realidad Aumentada y EDUCACIÓN
Proyectos
educativos AR:
espiRA
espiRA

104. Realidad Aumentada y EDUCACIÓN
espiRA 2010,
el lanzamiento
Space Shuttle Endeavour launches on STS-99
Wikimedia Commons

105. Realidad Aumentada y EDUCACIÓN
espiRA,
el futuro
ISS March 2009 Wikimedia Commons

106. Realidad Aumentada y EDUCACIÓN
Anticipando las tecnologías
del futuro
http://net.educause.edu/ir/library/pdf/HR2011.pdf

107. Realidad Aumentada y EDUCACIÓN
Informe Horizon 2011
El uso de la AR en
educación se extenderá en
2 ó 3 años

108. Realidad Aumentada y EDUCACIÓN
Puede significar un gran
cambio en la forma de
acceder a la información

109. Realidad Aumentada y EDUCACIÓN
¡¡¡No pierdas la Realidad
Aumentada de vista!!!

110. Workshop
Realidad Aumentada

111. WORKSHOP Realidad Aumentada
Raúl Reinoso
www.aumenta.me

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

113. WORKSHOP Realidad Aumentada

114. WORKSHOP Realidad Aumentada
Es gratuito y cuenta
con multitud de canales
de Realidad Aumentada

115. WORKSHOP Realidad Aumentada
Vamos a ver el
esqueleto humano en
Realidad Aumentada
http://www.slideshare.net/ediamsistemas/realidad-aumentada-anatoma

116. WORKSHOP Realidad Aumentada
Inicia Junaio

117. WORKSHOP Realidad Aumentada
Busca el canal Anatomy

118. WORKSHOP Realidad Aumentada
Inicia el canal

119. WORKSHOP Realidad Aumentada
Visualiza los marcadores
a través de la cámara para
ver el esqueleto humano
en realidad aumentada

120. WORKSHOP Realidad Aumentada
Acerca, aleja, gira…

121. WORKSHOP Realidad Aumentada
Lee los códigos QR
que aparecen al
final del libro

122. WORKSHOP Realidad Aumentada
Descárgate la aplicación
gratuita BeeTagg y podrás
escanearlos

123. WORKSHOP Realidad Aumentada
Recuerda, tú también
puedes generar tus códigos
QR de forma sencilla

124. WORKSHOP Realidad Aumentada
Raúl Reinoso
www.aumenta.me

125. WORKSHOP Realidad Aumentada
Aurasma, una
aplicación casi mágica
[317/365] Popular Trick por pasukaru76

126. WORKSHOP Realidad Aumentada
Aurasma te permitirá asociar
contenido de Realidad
Aumentada
a cualquier imagen u objeto

127. WORKSHOP Realidad Aumentada
Vamos a tratar de asociar una
imagen real con otra en RA

128. WORKSHOP Realidad Aumentada
Imagen real

129. WORKSHOP Realidad Aumentada
Imagen RA

130. WORKSHOP Realidad Aumentada
Pulsa en Add
Anywhere

131. WORKSHOP Realidad Aumentada
Encuadra y pulsa
el icono de la cámara

132. WORKSHOP Realidad Aumentada
Pulsa en Upload
Image y selecciónala

133. WORKSHOP Realidad Aumentada
Haz clic en
Add Anywhere

134. WORKSHOP Realidad Aumentada
Ajusta la imagen y
pulsa en Create

135. WORKSHOP Realidad Aumentada
Y ahora a compartir…
www.aumenta.me

136. WORKSHOP Realidad Aumentada
Necesitas tener activada
tu
conexión a Internet

137. WORKSHOP Realidad Aumentada
Pulsa en Share y
selecciona la opción
adecuada

138. WORKSHOP Realidad Aumentada
Una buena forma de compartir
es añadir un código QR
con la URL de tu Anywhere

139. WORKSHOP Realidad Aumentada

140. WORKSHOP Realidad Aumentada
Convierte una imagen
en “marcador” y haz
que aparezca sobre ella
otra en realidad aumentada

141. WORKSHOP Realidad Aumentada
Raúl Reinoso
www.aumenta.me

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

143. WORKSHOP Realidad Aumentada

144. WORKSHOP Realidad Aumentada
Es gratuito y cuenta
con multitud de capas
de Realidad Aumentada

145. WORKSHOP Realidad Aumentada
¿Qué son las capas de
Realidad Aumentada?
Ice cream sandwiches por djwtwo

146. WORKSHOP Realidad Aumentada
Canales que superponen
información útil
sobre la imagen que
captas con la cámara

147. WORKSHOP Realidad Aumentada
Unos Ejemplos…

148. WORKSHOP Realidad Aumentada
Necesitas tener activado
el GPS y la conexión a
Internet de tu smartphone

149. WORKSHOP Realidad Aumentada
Una overview…

150. WORKSHOP Realidad Aumentada
Tus capas preferidas

151. WORKSHOP Realidad Aumentada
Las capas visualizadas
recientemente

152. WORKSHOP Realidad Aumentada
Las capas clasificadas
por categorías

153. WORKSHOP Realidad Aumentada
Ajustes

154. WORKSHOP Realidad Aumentada
Vamos a practicar con
la capa WikipediaWorld

155. WORKSHOP Realidad Aumentada
Aumenta tu entorno con
información de la Wikipedia

156. WORKSHOP Realidad Aumentada

157. WORKSHOP Realidad Aumentada
Prueba las siguientes capas:
WikipediaWorld
Layar local search
Tweeps Around

158. WORKSHOP Realidad Aumentada
Layar Vision
NFT con Layar

159. WORKSHOP Realidad Aumentada
Layar Vision reconoce
objetos y muestra
experiencias AR sobre ellos

160. WORKSHOP Realidad Aumentada
Vamos a probar
un ejemplo…

161. WORKSHOP Realidad Aumentada
Busca la capa “cantine”

162. WORKSHOP Realidad Aumentada
Inicia la capa

163. WORKSHOP Realidad Aumentada
Empleamos una imagen de
muestra para conocer
Layar Vision

164. WORKSHOP Realidad Aumentada
http://www.layar.com/snippets/cantine-demo-layer-images/

165. WORKSHOP Realidad Aumentada

166. WORKSHOP Realidad Aumentada

167. WORKSHOP Realidad Aumentada
Abre la capa Cantine y
prueba Layar Vision con
las imágenes de ejemplo

168. WORKSHOP Realidad Aumentada
Raúl Reinoso
www.aumenta.me

169. WORKSHOP Realidad Aumentada
Google Goggles
Gafas Google Chrome 3D por David Chacón

170. WORKSHOP Realidad Aumentada
¿Quieres más
información
sobre algo?

171. WORKSHOP Realidad Aumentada
Texto, lugares, libros, arte…

172. WORKSHOP Realidad Aumentada
Captura su imagen con
Google Goggles

173. WORKSHOP Realidad Aumentada
http://www.google.com/mobile/goggles/#text

174. WORKSHOP Realidad Aumentada
Un ejemplo…

175. WORKSHOP Realidad Aumentada
¡mmm…interesante!

176. WORKSHOP Realidad Aumentada
Inicia Google Goggles

177. WORKSHOP Realidad Aumentada
Captura la imagen

178. WORKSHOP Realidad Aumentada
Google Goggles compara en su
base de datos de imágenes

179. WORKSHOP Realidad Aumentada
Google Goggles devuelve
los resultados

180. WORKSHOP Realidad Aumentada
Muestra de resultados

181. WORKSHOP Realidad Aumentada
¡Mmm…interesante!

182. WORKSHOP Realidad Aumentada
Abre Google Goggles y
captura una imagen

183. WORKSHOP REALIDAD AUMENTADA