1. 1
Proyecto Aplicaciones Web
Realidad Aumentada
25 años Salesianos Ciudad de los Muchachos
Con motivo de los 25 años de la presencia salesiana en la obra Ciudad de los Muchachos se
pensó en realizar un proyecto conmemorativo y a la vez que sirviera como aprendizaje a los
alumnos y la realización de algo real y tangible.
El fin del proyecto es informar al visitante sobre la obra salesiana en Ciudad de los Muchachos
así como presentar su espacio y acciones llevadas a cabo en el mismo. La idea es realizar un
libro físico en papel con una capa de realidad aumentada que incluya adicionalmente al libro
físico contenidos como sonidos, vídeos, línea de tiempo, galería de imágenes, localización, etc.
Aunque realmente para completarlo es necesario tres acciones que se entremezclan entre sí:
 Web de contenido al proyecto: Utilizando alguna herramienta de desarrollo web como
por ejemplo Jimdo, Joomla y/o Prestashop para posibilitar la venta del libro a través de
internet. Además se debe buscar una aplicación que permita la visualización en
dispositivos móviles de manera adecuada. Las nuevas versiones permiten plantillas
para móviles.
 Libro con una capa de realidad aumentada realizada con Layar, Aurasma o
Aumentame. La posibilidad de lectura aumentada al ser escaneadas ciertas páginas
mediante Layar incluye vídeos, galerías de imágenes, sonido, línea de tiempo, imagen
en 360º, etc.
 Establecer códigos QR en zonas del colegio para recibir información del lugar o
aspectos de interés. Serán referencias a los datos contenidos en libro y capa Layar.
Para realizar este proyecto se utilizan multitud de herramientas web que van a permitir al
alumnado completar los contenidos del módulo utilizando PBL y teniendo como objetivo y
motivación la realización de un caso real y tangible. Se tiene en cuenta:
 Aprender a aprender: Casi todas las tareas propuestas se desarrollan en marcos de
aprendizaje práctico. El propio alumno aprende mientras trabaja y descubre junto a
otros compañeros los contenidos del área.
 Autonomía, iniciativa personal, responsabilidad: Se valora en las tareas tanto la
autonomía personal como la capacidad de trabajo en equipo. El alumno debe realizar
tareas para ponerlos al servicio del equipo. Si uno falla todo se va abajo.
Responsabilidad.

2. 2
 Comunicación lingüística e interacción con los demás: Los alumnos deben hacer
entrevistas, preguntas, resumir, captar los requisitos e ideas de otras personas. La idea
es entrevistarse y escuchar a personas responsables de AMPA, Citycentro, Infantil,
ESO, FP, Club Deportivo, etc.
 Caso real: El trabajo realizado no se queda en un simple papel que a final de curso se
tira o recicla. Funcionará y se podrá enseñar a empresarios, en puertas abiertas, a
padres y familiares, etc.
 Competencia y conocimientos en aplicaciones web: Se trabajan multitud de
aplicaciones web cada una especializada en un aspecto en concreto que permiten en
un futuro solucionar necesidades de clientes.
 Aprender enseñando: Uno de las fases del proyecto es que el grupo de alumnos que
investigan una determinada aplicación deben enseñar al resto de compañeros de clase
incluso creando una actividad para ellos y posteriormente evaluarlos.
Fase 1: ESTUDIO INICIAL Y ORGANIZACIÓN
Al inicio el profesor expone la idea del proyecto.
Movimiento de entrada:
Para motivar al alumnado se puede invitar a algún compañero que tiene experiencia con la
realidad aumentada al centro. Se aconseja hangout con Raúl Diego y su proyecto de la
península de la Magdalena. También se han buscado vídeos de youtube en TED sobre ejemplos
de realidad aumentada. Como personas que pueden participar en este movimiento también se
plantean a Juan Carlos y Ana, docentes con experiencia en el tema. Se plantea posibilidad de
videoconferencia con ellos con una webcam en el aula si no les es posible asistir físicamente.
Para ello podemos utilizar Hangout de Google, Skype for Education o Connected Classroom
de Google. Se pueden buscar actividades o webinar sobre el tema adicionalmente como
método introductorio y picar la curiosidad de nuestros alumnos.
1.1.Organización, planificación del proyecto
 Organización de las cuentas de GAFE para los alumnos de la clase para comenzar el
proyecto. Será el método de comunicación, de trabajo en el proyecto, las distintas
herramientas de Google.
 Lluvia de ideas utilizando Padlet sobre funcionalidades a incorporar al proyecto así
como formas de organizar el mismo. Interviene toda la clase
 Creación y utilización del calendario de proyecto con Google Calendar para
seguimiento de tareas, etc. Compartir calendario con los miembros del proyecto.
 Creación de un diagrama de Gannt con GanterProject dentro de GAFE del centro para
tener una idea general y planificación de las fases del proyecto.
 Site-Blog (Google Sites- Blogger) del proyecto con vista a calendario del proyecto,
acceso carpetas del proyecto, enlace a pearltrees y Symbaloo de Martín que ha
especificado enlaces a las diversas herramientas web. Además se irán detallando los

3. 3
pasos realizados en el blog. Será el punto central de información del proyecto para
todos así como su bitácora, fotos, etc.
 Explicación peartrees y symbaloo por el profesor y crear los enlaces necesarios:
o Pearltrees: Añadir enlace dentro del apartado al futuro manual del alumno o
enlaces de interés encontrados por el mismo. Añadir enlaces de interés como
tutoriales de las herramientas.
o Añadir en symbaloo acceso directo a las herramientas a utilizar en el proyecto.
Incorporar estas herramientas al site-blog de proyecto.
 Interviene toda la clase y el profesor en esta fase para elaborar lluvia de ideas y
organización del proyecto. El profesor crea y explica las herramientas iniciales y los
alumnos comprueban que efectivamente la información la tienen localizada y
accesible.
 Organización en cuanto a carpetas y ficheros compartidos. Se realiza con Google
Drive
o Proyecto 25
 Calendario de proyecto
 Carpeta fotografías
 Carpeta sonidos
 Carpeta manuales
 Carpeta vídeos
 Carpeta Documentación
 Documento de usuarios y claves de cada herramienta utilizada.
1.2. Recogida de información inicial y estructura de contenido
Movimiento de entrada: Exposición del historiador Raúl Girón a los alumnos exponiendo el
estudio escrito realizado sobre la historia del centro.
Movimientos de salida: Los alumnos deben realizar entrevistas a responsables del centro,
antiguos profesores, etc. para recoger información para el contenido del proyecto y
complementarlo con el material realizado por D. Raúl Girón.
 Obtener material multimedia como fotografías, vídeos, etc. sobre el centro históricos.
Escanear fotografías que tiene el administrador, salesianos y cualquier persona sobre
la obra. Se crea grupo de 3 personas diarias que se van rotando para que todos los
alumnos realicen la labor de escaneado de documentación. (solo se dispone de 3
escáner para utilizar) Se trabaja en paralelo en la clase los 3 escáneres. El profesor
enseña a los primeros 3 alumnos y posteriormente cada día los alumnos enseñan a los
siguientes tres compañeros.
 Conseguir información necesaria para obtener contenido el proyecto. Discutir en
tormenta de ideas con padlet. Coger ideas y estructurar partes del libro: Historia,
paso de asuncionistas a salesianos, obras realizadas, explicación de cada ciclo (Infantil,
Primaria, ESO, FP en cada departamento, AMPA, Citycentro, CACE, Pastoral, Antiguos

4. 4
Alumnos, Club Deportivo, etc.) Para ello es importante la ayuda de D. Raúl Girón
(historiador que ha realizado un estudio sobre la historia del centro) y las entrevistas
que se hagan a personas responsables del centro. Propuestas que se pueden plantear
en el proyecto: Establecer línea de tiempo o fases. Cada zona debe tener código QR
con acceso a dicho apartado de la web, audio guía, galería de fotos, foto en 360º,
nosotros además vídeos (listas de vídeos?) En anexo: línea de tiempo, mapa en maps,.
Se establece código QR con acceso directo a la capa de layar. A la capa de layar o a la
web ¿? Cada QR lleva a capa aumentada donde da: web : texto y foto del lugar con
opciones de audio guía, como llegar, galería de fotos, foto panorámica.
 Entrevistas con equipo directivo, Raúl Girón y equipo de 25 años para ayudar a
establecer guión del proyecto, apartados. Entrevistas con personas responsables de
cada departamento del colegio: Citycentro, Infantil, Primaria, ESO, AMPA, AAAA,
coordinadores de FP, Club deportivo, comunidad salesiana, etc.
 Dividir a alumnos en parejas para realización de entrevistas y recogida de
información a las diferentes personas. Se pueden realizar grabaciones de las
entrevistas en audio o vídeo. Se deben realizar documentos resumen de cada
entrevista en Google Drive así como incluir el audio y vídeo grabado en la misma.
 Participa toda la clase en lluvia de ideas sobre definir la estructura del libro a realizar
así como de la web. Se utiliza como guía el padlet inicial de lluvia de ideas y se realiza
una estructura definitiva de contenidos del libro, ideas a incorporar, etc. Se puede
emplear por ejemplo Prezi, Pooplet, LucidChart para elaborar un mapa mental de la
estructura final así como un documento de Drive explicando el contenido final.
1.3.Estudio de aplicaciones. Manuales y exposición en clase.
1. Se divide la clase en grupos de dos-tres alumnos. Cada grupo se encargará de estudiar
alguna aplicación para un determinado fin o varias y seleccionar la más apropiada. Se
realizará un manual en Google Drive que se pasará a pdf y se incluirá en el blog del
proyecto.
2. Se debe realizar un manual con cierta estructura y formato. El profesor elabora
plantilla del manual.
3. Portada, índice, numeración de páginas, texto justificado, incluyendo imágenes,
vídeos, etc. Para seguir una uniformidad se realizará un documento plantilla de los
manuales con portada, pie de página y comienzo similares. Por ejemplo se comienza
con ¿Qué es X y que puedo realizar con ella?. Los alumnos que se dedican a realizar el
manual y estudiar la aplicación deben realizar un apartado de actividad para el resto
de compañeros y evaluarlos utilizando su herramienta. Se expone en clase. Se utiliza
el número para preguntar a cualquier componente del grupo sobre la aplicación que
han debido investigar por lo que deben colaborar entre ellos y obligados a aprender.
4. Estructura cooperativa grupo de investigación. Lo que enseñas lo aprendes mejor.
Deben exponerlo posteriormente en clase. Se creará enlaces en el pearltrees a los

5. 5
manuales de los grupos. Evaluación de alumnos en trabajo de investigación así como
a los compañeros mediante rúbricas.
Aplicaciones:
 Realidad aumentada: Layar y geolocalización con Hoppala o porpoise.
 SONIDO: SoundCloud, spreaker
 QR: ¿Qué es?, Unitaglive, Visualead.
 PDF: Issu, calameo, scribd, Lulú, Split and merge
 Imágenes: imagenes en panorámico Dermandar, PicMonkey, Instagram, Pinterest ,
Picassa, Wordle (nubes de palabras) , postermywall, , collage como photovisi.
http://www.thinglink.com/. - Cooliris express
 Línea de tiempo: Timeline JS (http://timeline.knightlab.com/)
 Varios: Jigsaw Planet Puzle jigsawplanet,
 Presentaciones comic de algún evento: pixtón, powtoon, tondoo
 Mapas: Google Maps (Crear mapa), ANIMAPS.
 Vídeos: DotUSB para subtitular, wevideo, youtube, dailymotion, hangout live,
http://www.ustream.tv/
 Bablerizze, fotobable (D. Bosco hablando para el proyecto su carta)
 Crear licencia creative commons
 Web: Jimdo, Webly, Wix, Joomla, Prestashop.
 Tablón, lluvia de ideas: Padlet
 Mapa conceptual: popplet
 Marketing: Mailchimp
 Opcionales REDES SOCIALES: twitter, Facebook, SEO.
Pendientes de definir según las ideas que salgan en la estructura, pero fijas son las
establecidas en negrita.
Fase 2. Establecimiento de estructura final y selección y elaboración de contenido
5. Participa toda la clase en lluvia de ideas sobre definir la estructura del libro a realizar
así como de la web. Se utiliza como guía el Prezi, Pooplet, LucidChart elaborado en la
etapa anterior y una vez vistas las aplicaciones por si surge alguna idea a incorporar.
6. Prueba básica de conexión de aplicaciones, por ejemplo se comprueba que funciona
correctamente la inserción de las imágenes de dermandar, sonidos de soundcloud,
etc. en la aplicación web y su correcta visualización en el móvil. También se prueba
por ejemplo algún código QR elaborado y el acceso a enlace a punto concreto de la
web. Cada grupo ofrece un producto elaborado con su aplicación (código a embeber)
y se prueba todos juntos en la web y se comprueba funcionamiento.
7. Se pasa a crear las webs, crear los vídeos, fotografías, sonidos, códigos QR, maquetar
en Word el libro, subir fotografías a la web, etc.
8. Creación de las capas de realidad aumentada
9. Creación de los QR con enlaces a la información

6. 6
Material necesario: Impresora-escáner, Tablet y-o smartphone, micrófonos, cámara de fotos y
de vídeo.
Fase 3. Revisión general de funcionamiento del proyecto.
 Se revisa que todo funciona correctamente en la web con los vídeos, sonidos,
imágenes, etc.
 Se revisan los códigos QR y se instalan en el centro.
 Se imprime el libro y si todo es correcto se imprime.
 Cada grupo se encarga de probar su tarea, la correspondiente al trabajo de la
aplicación que han investigado.
Fase 4. Entrega del proyecto
Movimiento de salida
Por parte de toda la clase en día determinado se expone en salón de actos a equipo directivo
del centro realizando las siguientes actividades:
 Se entrega libro al director y miembros de la comisión de los 25 años
 Se hace presentación del proyecto realizado mostrando la web, códigos QR, realidad
aumentada, etc. Se muestra su uso. Se decide las personas que realizan la
presentación y ejemplo de uso. Se puede proponer que sea el delegado y subdelegado
de clase.
 Posteriormente si se decide por el equipo directivo se manda colocar los códigos QR y
mandar a imprenta el libro. Idea equipo directivo regalo a profesores y personal del
centro. Se puede poner a la venta al resto de público.
Movimiento de salida
Posteriormente si el proyecto es exitoso se plantea como elementos de salida la presentación
del proyecto a otros centros salesianos, presentación en la semana de la ciencia así como en
jornada de puertas abiertas y responsables de empresas colaboradoras con el centro donde
nuestros alumnos realizan la FCT de Formación Profesional.
Creación ejemplo temporalización proyecto

7. 7
Resumen de movimientos planteados en el proyecto:
Movimientos de entrada:
1. Invitar a algún compañero que tiene experiencia con la realidad aumentada al
centro. Se plantea posibilidad de videoconferencia con ellos con una webcam en el
aula si no les es posible asistir físicamente. También buscar conferencias TED sobre
realidad aumentada.
2. Exposición del historiador Raúl Girón a los alumnos sobre su estudio escrito realizado
sobre la historia del centro.
Movimientos de salida
1. Los alumnos deben realizar entrevistas a responsables del centro, antiguos profesores,
etc. para recoger información.
2. Expone en salón de actos a equipo directivo del centro como hito fin de proyecto.
3. Presentación del proyecto a otros centros salesianos, presentación en la semana de
la ciencia así como en jornada de puertas abiertas y responsables de empresas
colaboradoras con el centro donde nuestros alumnos realizan la FCT de Formación
Profesional.
Herramientas TIC

8. 8
Establecidas en color rojo en las fases. También especificadas en la lista de aplicaciones a
investigar.
Grupos de alumnos y función
Establecido en color verde