Tokyo - Componentes | Animación externa

El componente "Animación externa" permite incorporar contenidos externos y animaciones html5 creadas con otras herramientas autoras. Así, podremos añadir juegos, animaciones y otros elementos similares

Por defecto, se añade dentro de las pantallas (Ver aquí) aunque también se podrá añadir en el interior de otros componentes (por ejemplo, dentro de un pop-up, una fila, etc.).

Encontraremos este componente en el grupo de componentes "Imagen".

Recuerda
Es frecuente utilizar este componente para añadir juegos o actividades multimedia, pero es importante recordar que, al tratarse de un elemento externo, no tenemos ningún control sobre él, por lo que:

  • No podemos bloquear el avance, dependiendo de si el alumno ha interactuado con la animación o no.
  • No guardamos ningún dato de la interacción que haya realizado el alumno (por ejemplo, respuesta dada).
  • No cuenta para la nota o el avance de la unidad. Si es una actividad, no sabemos ni qué ha respondido el alumno, se registrará si ha acertado o no, ni hará media con otras actividades de la unidad.

Por lo tanto, se recomienda utilizar este componente para animaciones o juegos complementarios.

Si se desea añadir actividades sobre las que tener control (saber la nota, almacenar las respuestas, obligar a que se respondan...), se recomienda utilizar el componente "Actividad de Refuerzo" (Ver aquí) o el "Cuestionario" (Ver aquí).

Proceso de configuración

1. Accede a la pestaña "Propiedades" y, en la propiedad "Recurso (.zip)", selecciona "Examinar" para localizar el fichero zip que alberga la animación en la carpeta de Recursos de la unidad (ver aquí del Manual de Editor para ver cómo gestionar la carpeta de Recursos).

2. En cuanto añades el fichero zip, ya debería de visualizarse la animación en la pantalla. Si no es así, es probable que el nombre del fichero de arranque de la animación no sea el correcto. Para eso, indica el nombre correcto en la propiedad "Nombre del lanzador".

3. Configura el resto de propiedades del componente.

4. Para terminar, redacta el texto que desees para la instrucción. Si no desea el componente "Instrucción", selecciónalo y elimínalo.

Propiedades

PROPIEDADDESCRIPCIÓN
TítuloNombre de la animación. Será útil cuando se añada este componente dentro del "Carrusel", para que se visualice el título en las miniaturas de esta galería de recursos (Ver aquí)
Recurso(.zip)

Permite añadir el fichero zip que alberga la animación. Pulsa "Examinar" para localizar el fichero en la carpeta de Recursos de la unidad (ver aquí ).

Si vas a modificar la animación que se va a mostrar en este componente, debemos pulsar "Examinar" para seleccionar el nuevo fichero zip y, después, pulsar el botón "Actualizar" para que se cargue el nuevo contenido.

Nombre del lanzadorAquí se indica el nombre y extensión del fichero de arranque de la animación. Por defecto, hemos indicado el nombre "index.html", pero si es otro, debe cambiarse.
ProporciónPermite modificar la proporción de alto y ancho de la animación (16:9, 8:5 o 4:3)
Ancho

Permite modificar el espacio que ocupa el componente dentro de la columna central de contenidos. Por defecto, ocupa el 100% del espacio disponible, pero puede reducirse utilizando otros porcentajes predefinidos o puede disponerse a "full-size". En algunos estilos de las citas, el tamaño "Full" hace que ésta sobrepase al ancho de la columna central.

AlinearPermite situar el componente alineado a la derecha, a la izquierda o al centro de la columna central de contenidos. Solo tiene efecto cuando aplicamos un "Ancho" menor al 100%.
Permitir pantalla completaPermite visualizar la animación a pantalla completa, mostrándose a su máximo tamaño, es decir, si el tamaño de la animación es pequeño se seguirá viendo pequeña, centrándose en el fullscreen.
Flotar

Permite que el componente quede "enmarcado" en torno a un texto.

  1. Primero, en la propiedad "Ancho", marcamos un tamaño menor al 100% (por ejemplo, el 25%).
  2. En la propiedad "Flotar" decidimos en qué posición queremos que quede flotado el componente (a la izquierda o la derecha del texto).
  3. Movemos el componente con sus flechas para colocarlo sobre el texto.