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

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

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

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

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

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

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

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