Berlin - Componentes | Animación externa

Última modificación:

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 secciones (Ver aquí) y los popups (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 "Bloque de actividades" (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í ).

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, puedes acceder a la pestaña "Añadir"para incorporar un "Pie de foto".

Propiedades

PROPIEDADDESCRIPCIÓN
TítuloNombre de la animación.
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%.
Habilitar 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.

¿Le resulta útil este artículo?
© 2021 Netex Knowledge Factory. Todos los derechos reservados. Aviso Legal | Política de Privacidad | Política de Cookies.