Video Template

Plantilla Video
Versión 2.1
Revisión 1
Índice
1. Introducción ....................................................................................................................................... 3
2. Páginas ............................................................................................................................................... 6
2.1 Página de contenido ................................................................................................................................................... 7
2.2 Contenedor de widgets .............................................................................................................................................. 7
3. Componentes ..................................................................................................................................... 9
3.1 Cabecera del curso ..................................................................................................................................................... 9
3.2 Sección........................................................................................................................................................................ 9
3.3 Actividad ................................................................................................................................................................... 12
3.4 Audio ........................................................................................................................................................................ 12
3.5 Cita............................................................................................................................................................................ 13
3.6 Desplegable .............................................................................................................................................................. 13
3.7 Destacado ................................................................................................................................................................. 14
3.8 Texto en HTML ......................................................................................................................................................... 15
3.9 Imagen ...................................................................................................................................................................... 15
3.10 Imagen de introducción.......................................................................................................................................... 16
3.11 Vídeo de introducción ............................................................................................................................................ 17
3.12 Widget “Audio” ...................................................................................................................................................... 17
3.13 Descargable ............................................................................................................................................................ 18
3.14 Widget “Descargable” ............................................................................................................................................ 19
4. Recursos ........................................................................................................................................... 20
A1. Tamaños de imágenes y contenidos externos .............................................................................. 21
1. Introducción
A lo largo de este documento se describen los elementos que forman la plantilla Vídeo en el “Learning Coffee Maker”.
Esta plantilla es idónea para crear contenidos centrados en recursos audiovisuales: los elementos principales de cada
apartado son un vídeo o una imagen (Imagen de introducción y Vídeo de introducción), situados encima del título de
ese apartado o página.
La plantilla Vídeo dispone de un menú de navegación superior en donde se sitúa el selector de idioma. En un nivel
inferior, se encuentra la cabecera del proyecto con su título y subtítulo.
Existe la posibilidad de contratar la personalización de la plantilla e incluir, de esta forma, el logotipo empresarial.
En cada página de contenido se pueden agregar actividades, audios, citas, textos destacados, elementos colapsables o
imágenes.
1.1 Estructura de un Learning Coffee
Antes de comenzar a crear el Learning Coffee, es importante conocer su estructura, ya que en esta se basa el uso de la
herramienta Learning Coffee Maker.
1º nivel. Propiedades y componentes generales
Son características y elementos genéricos que se repiten en todos los Learning Coffee. Dependiendo de cada plantilla,
estas propiedades genéricas son:

Widgets: es un determinado tipo de página para introducir documentos y archivos adicionales.

Cabecera del curso: título y subtítulo del curso e imagen de cabecera.

Página de introducción: es un determinado tipo de página en donde se marcan los objetivos pedagógicos y se
presenta el Learning Coffee.
2º nivel. Páginas de contenido
Simbolizan cada una de las pantallas que son visibles dentro del Learning Coffee. Se sitúan en un nivel por debajo de
esas características genéricas. Contienen, a su vez, ventanas emergentes y componentes.
3º nivel: ventanas emergentes
Simbolizan las ventanas que se sobreponen por encima de las páginas tras la interacción del usuario. Normalmente se
utilizan para mostrar videos, imágenes, contenidos externos o actividades. Las ventanas emergentes están dentro de
las páginas de contenido o elementos genéricos e incluyen, a su vez, componentes.
4º nivel. Componentes
Son cada uno de los elementos que pueden ser utilizados dentro de las páginas y dentro de los elementos genéricos.
Hay componentes que pueden ser contenedores de otros componentes, es decir, actúan como “padre”. Los
componentes, a su vez, se encargan de mostrar los recursos asociados a un Learning Coffee o de enlazar los diferentes
elementos de una plantilla (páginas y ventanas emergentes).
Los componentes son introducidos dentro de los elementos de todos los niveles superiores. Es decir, hay componentes
que se incluyen en las páginas de contenido, en las ventanas emergentes o en los elementos genéricos del Learning
Coffee.
5º nivel. Recursos
Son cada uno de los archivos que van dentro de los componentes y que pueden ser utilizados dentro de un Learning
Coffee. Los tipos de archivos soportados dependerán de los componentes utilizados en la plantilla.
Es el último nivel: los componentes incluyen recursos con un determinado formato.
4
1.2 Especificaciones de la plantilla Vídeo



No se contempla el uso de ventanas emergentes.
No existe una página de introducción propiamente dicha. Será el usuario el que organice la información según
sus necesidades, introduciendo tantas páginas como desee y concediéndole a cada una de ellas el estilo
necesario.
Los widgets están situados en la parte inferior del Learning Coffee.
Se añade soporte para los siguientes elementos:


Menú de secciones: es el menú que aparece únicamente dentro de las páginas de contenido, el cual permite al
usuario navegar entre las diferentes secciones existentes dentro de la página de contenido. Este menú se
puede visualizar en la zona superior izquierda del Learning Coffee.
Menú principal: es el menú que se muestra en la cabecera de las páginas de contenido y permite al usuario
navegar entre las diferentes páginas de contenido.
Los dispositivos, navegadores y resoluciones soportadas para estas plantillas son las siguientes:

Dispositivos:
o Android 4+
o Cualquier otro compatible con los navegadores especificados
 Navegadores:
o IExplorer 6+
o Firefox 19+
o Chrome 15+
o Android 4+
o Safari 6.0.2+
 Resoluciones:
o 320x480
o 480x800
o 768x1024
o 720x1280
A lo largo de este documento se enumeran, describen y especifican cada una de los elementos incluidos dentro de
estas plantillas.
5
2. Páginas
Esta plantilla cuenta con los siguientes tipos de página:


Página de contenido: este tipo de páginas se utilizan para incluir todo el contenido central del Learning Coffee.
Por defecto la herramienta de autoría incluye, automáticamente, una página de este tipo en el momento de
creación de un proyecto.
En la plantilla Vídeo no existe una primera página de Introducción. Por este motivo, se recomienda dotar a
cada página de una estructura similar a la siguiente:
o Portada del Learning Coffee: primera página de contenido con indicaciones genéricas sobre la
temática y uso del Learning Coffee.
o Introducción: página que especifica los objetivos pedagógicos del Learning Coffee y presenta el tema
que se tratará.
o Páginas de contenido: las páginas restantes, tantas como se necesite, contendrán los contenidos del
Learning Coffee. Se recomienda el uso, en todas las páginas de este tipo, de Vídeo de introducción, ya
que la plantilla Vídeo está pensada para que este sea el elemento con más fuerza de toda la unidad.
o Evaluación: la última página de contenido se puede reservar para la evaluación final del alumno e
incluir en ella las actividades interactivas.
Widgets (Contenedor de widgets): es la página existente en la parte inferior de esta plantilla, justo después de
la de contenido. Se utiliza para incluir recursos adicionales (documentos con varios formatos y audios). Está
visible en todas las páginas del Learning Coffee y se crea por defecto.
Las operaciones de gestión de páginas desde el editor se realizan a través del menú superior de herramientas, el cual
nos da acceso a la interfaz de “Gestionar páginas”.
Desde aquí es posible cambiar el orden de las páginas, añadir nuevas páginas y eliminar páginas ya existentes.
6
A continuación se describen en detalle las propiedades de cada uno de los tipos de página así como los componentes
que pueden incluir cada una de ellas.
2.1 Página de contenido
Las propiedades que se pueden establecer desde el editor para este tipo de página son:
Nombre
Tipo
Obligatorio
Descripción
Índice
Título
Título corto
Numérico
Texto
Texto
No
No
No
Número mostrado antes del título de la página.
Título mostrado en la página.
Título mostrado en el menú superior.
Esta es la visualización del menú de propiedades:
Dentro de las páginas de contenido se puede utilizar el siguiente componente primario:
Componente
Cantidad
Obligatorio
Descripción
Características
Sección
1..N
Si
Cada una de los subapartados que se muestran dentro de
una página. En el momento de la previsualización y la
publicación, estas secciones se visualizan de forma
independiente y se cambia de sección a través del menú de
páginas ubicado en la parte superior derecha de la pantalla.
Al menos debe de existir
siempre una sección
dentro de una página.
Hay secciones de
diferentes tipos.
El componente “Sección” podrá incluir a su vez otros componentes. Esta información se encuentra disponible dentro
del apartado de “Componentes”.
2.2 Contenedor de widgets
El Contenedor de widgets se visualiza en todas las páginas del Learning Coffee. Está en la zona inferior y se utiliza para
incluir documentos que complementan los contenidos de la unidad. En la plantilla Vídeo esta página puede contener
dos componentes (widget “Audio” y widget “Descargable”) con los que es posible incluir documentos comprimidos y
audios.
Es necesario tener en cuenta que, idóneamente, debería incluir información válida para todas las páginas de contenido.
De esta forma se evita una incorrecta organización del tema.
7
Las propiedades que se pueden establecer desde el editor para esta página son:
Nombre
Tipo
Obligatorio
Descripción
Título
Texto
Sí
Título que denominará al Contenedor de widgets. Ej.: Recursos
Los componentes que pueden ser utilizados dentro de esta página son los siguientes:
Componente
Cantidad
Obligatorio
Descripción
Widget contenedor de descargable
Widget contenedor de audio
0..1
0..1
No
No
Este componente permite agregar archivos comprimidos.
Este componente permite agregar un audio.
8
3. Componentes
Los componentes que pueden ser utilizados en esta plantilla, ya sea como componentes primarios o como
componentes incluidos dentro de otros componentes, son los siguientes:














Cabecera del curso
Sección
Actividad
Audio
Cita
Desplegable
Destacado
Texto en html
Imagen
Imagen de introducción
Vídeo de introducción
Widget “Audio”
Descargable
Widget “Descargable”
3.1 Cabecera del curso
La cabecera del curso es el componente genérico, de primer nivel, que aparece en la parte superior del Learning Coffee.
En ella se recoge su título y subtítulo. Normalmente, el subtítulo es el nombre de todo el curso y el título es el nombre
de ese Learning Coffee en concreto. Ej.: Título: Cómo crear un equipo de trabajo eficaz; Subtítulo: Gestión y liderazgo.
El subtítulo también se puede utilizar, simplemente, para aportar otra perspectiva. Ej.: Título: Gestión de Múltiples
Prioridades; Subtítulo: Planifica tus tareas de forma eficaz.
Título
Subtítulo
3.2 Sección
Son las diferentes partes que están dentro de la página de contenido. En las secciones se pueden incluir, a su vez,
prácticamente todos los componentes disponibles.
En la plantilla Vídeo, cada sección dota a la página de contenido de una “estructura pedagógica”, ya que organiza y
diferencia la información. Es decir, al agregar secciones desde la herramienta de autoría y concederle a cada una de
ellas un determinado estilo, podemos diferenciar los contenidos de cada página dependiendo de su objetivo
pedagógico.
9
Para conseguir esa diferenciación se utilizará el panel de “Propiedades” de las secciones. Tiene las siguientes
propiedades editables:
Nombre
Tipo
Obligatorio
Descripción
Título
Tipo
Texto
Listado
No
Sí
Título mostrado en la sección.
Pueden ser de tipo “Main”, “Think”, “Activity”, “Remember”.
Esta es la visualización del panel de propiedades de las secciones:
Es importante definir los tipos de secciones disponibles:

Tipo “Main”: esta sección está indicada para introducir la teoría o información clave. Es recomendable que
este sea el primer tipo en cada apartado de contenido.
10

Tipo “Think”: esta sección se utiliza para que el usuario reflexione sobre algún punto de la teoría que ha
estudiado o que va a estudiar. Se puede hacer una pregunta inicial, para poner en situación al usuario, o bien,
después de haber visto la teoría, para que intente ponerla en práctica.

Tipo “Activity”: en esta sección se introducen las actividades interactivas, las cuales pueden ser evaluables o
no. Gracias a estas actividades, el usuario refuerza y repasa lo aprendido.

Tipo “Remember”: esta sección está indicada para resumir los puntos claves vistos en esa página de
contenido. Para esquematizar esas pautas claves, es útil la utilización de bullets.
11
En todas las secciones se pueden incluir, a su vez, los siguientes componentes:
Nombre
Cantidad
Obligatorio
Descripción
Actividad
Audio
Cita
0..N
0..N
0..N
No
No
No
Destacado
0..N
No
Texto en
html
Imagen
0..N
No
Actividades interactivas.
Documento en formato .MP3.
Texto para introducir la opinión de un experto o
para resaltar una parte del propio texto.
Componente para aclarar o destacar alguna
información.
Texto que se añade en las diferentes secciones.
0..N
No
Imagen de
introducción
Vídeo de
introducción
Desplegable
0..1
No
0..1
No
0..N
No
Muestra una imagen en cualquier lugar del
contenido. Si seleccionas la opción “all” se
alinea a la izquierda y si seleccionas la opción
“right” se alinea a la derecha y se redimensiona
su anchura a 320px.
Es la imagen principal de la página de contenido.
Se sitúa antes del título de la página.
Es el vídeo de cada página de contenido. Se
sitúa antes del título de la página.
Es un componente que permite la creación de
un texto oculto. El texto se visualiza pulsando en
el botón “Pulsa para ampliar” y se oculta
pulsando en un texto “Pulsa para ocultar”.
Características
640px de alto
640px de alto
*Y: El alto dependerá de la proporción de la imagen original. Hay que tener en cuenta la resolución en Y del dispositivo
en el que se va a visualizar.
3.3 Actividad
Una actividad es un componente que se puede introducir dentro de cada una de las secciones. Son ejercicios
interactivos que refuerzan los contenidos del Learning Coffee. Actualmente, las actividades se realizan con otra
herramienta autora de Netex. Existe la posibilidad de contratar su producción.
Las actividades pueden ser de los siguientes tipos:





Arrastrables.
Radio Button.
Flechas.
Verdadero y Falso.
Combos.
Las actividades tienen las siguientes propiedades:
Nombre
Tipo
Obligatorio
Descripción
Seleccione
una actividad
Evaluable
Listado
Sí
Listado
Sí
En el listado se muestran todas las actividades realizadas. Se selecciona la actividad que
corresponda en cada caso.
En el listado se escoge si la actividad será evaluable o no.
3.4 Audio
Este componente se utiliza para introducir un recurso audio (.MP3). Se recomienda utilizar este tipo de recurso para
aportar ejemplos basados en situaciones cotidianas, conversaciones entre comercial/cliente, narrar una historia, relatar
un caso… Es importante tener en cuenta que todos los recursos audiovisuales generan interés en el usuario.
Las propiedades que se pueden establecer desde el editor para este componente son:
12
Nombre
Tipo
Obligatorio
Descripción
Título
Audio
Recurso
Texto
Recurso en formato .MP3
Recurso en formato .ZIP
No
Sí
No
Título mostrado en la herramienta, para reconocer el audio.
Archivo .MP3 reproducido por el componente.
Archivo .ZIP para descargar el audio.
Esta es la visualización del panel de su panel de propiedades.
Este componente no contiene ningún otro componente.
3.5 Cita
Una cita es un componente que nos permite resaltar una parte del texto o añadir la opinión de un experto. La cita
aporta dinamismo a la estructura del Learning Coffee y refuerza los contenidos.
La propiedad que se puede establecer desde el editor para este componente es:
Nombre
Tipo
Obligatorio
Descripción
Autor
Texto
No
Muestra el nombre del autor de la cita en cursiva y alineado a la derecha.
Este componente contiene el siguiente componente:
Componente
Cantidad
Obligatorio
Descripción
Texto en html
1
Sí
Texto de la cita.
3.6 Desplegable
Un desplegable es un texto que se muestra y oculta al pulsar en “Pulsa para ampliar” y “Pulsa para ocultar”,
respectivamente. Este componente es muy útil para facilitar al usuario una posible respuesta cuando se le plantea una
reflexión. Así, en un primer golpe de vista, el usuario no tiene acceso a la solución pero la puede consultar en el
momento que necesite.
13
No dispone de ninguna propiedad que pueda ser modificada desde el editor y contiene, a su vez, este componente:
Componente
Cantidad
Obligatorio
Descripción
Texto en html
1
Sí
Texto del desplegable.
3.7 Destacado
El componente Destacado es muy útil para concretar y resaltar información a lo largo del Learning Coffee. Por ejemplo,
sirve para aportar puntos claves sobre un determinado asunto, ejemplificar una idea o, simplemente, aportar un dato
curioso que motive continuar con la lectura.
14
La propiedad editable es:
Nombre
Tipo
Obligatorio
Descripción
Título
Texto
No
Título del destacado.
Los componentes que se pueden a incluir a su vez dentro de este son:
Componente
Cantidad
Obligatorio
Descripción
Texto en html
1
Sí
Texto del destacado.
3.8 Texto en HTML
El componente HTML permite la introducción directa de texto en formato HTML, el cual a su vez puede contener:
 Texto con formato.
 Imágenes.
El texto en html se incluye en muchos de los componentes mencionados (destacados, secciones, citas…). Además, del
propio contenido HTML, este componente no dispone de ninguna otra propiedad que pueda ser modificada desde el
editor.
Por otra parte, este componente no puede incluir a ningún otro componente.
3.9 Imagen
Este componente se utiliza para introducir una imagen en diferentes partes del contenido. Las imágenes aportan
dinamismo al Learning Coffee y dan fuerza a la información que se trata. Sin embargo, no es recomendable abusar de
su uso ya que pueden “desvirtualizar” la información. Cada imagen debería acompañar al texto y tener un objetivo
concreto. Ej.: un esquema que resuma los pasos de un proceso o, simplemente, una imagen de un equipo de trabajo que
acompañe al texto que describe un buen equipo de trabajo.
Existen tres tipos de imágenes según la disposición seleccionada:
1.
2.
3.
Small: o pequeña, alineada a la derecha.
Medium: o mediana alineada a la derecha con un tamaño ligeramente mayor.
Big: centrada.
Las propiedades que se pueden establecer desde el editor para este componente son:
15
Nombre
Tipo
Obligatorio
Descripción
Características
Miniatura de
la imagen
Recurso en
formato .GIF,
.PNG, .JPEG
Si
Medium: 280 x Ypx.
Big: 640 x Ypx.
Small: 100 x Ypx
Imagen
Recurso en
formato .GIF,
.PNG, .JPEG
Índice
No
Si se pulsa en un componente Imagen que
incluye miniatura, se abrirá en una ventana
nueva. Es útil para visualizar, en esa ventana
nueva, una imagen de grandes dimensiones.
Recurso imagen mostrado en el componente.
Disposición
Listado
No
Tooltip
Texto
No
Texto
alternativo
Texto
No
Anchura y
altura
Por defecto
Son las especificaciones de altura y anchura
que se introducen de forma automática cuando
se selecciona la imagen.
Indica la disposición de la imagen: pequeño o
“Small” (alineada a la derecha), mediano o
“Medium” (alineada a la derecha y con un
tamaño ligeramente mayor) y grande o “Big”
(centrada) siempre y cuando los tamaños
originales de la imagen sean los que se
especifican en la columna de características
que se indica en la miniatura de imagen.
Es el texto que se muestra al pasar por encima
de una imagen con el ratón
Es el texto que se muestra cuando una imagen
no se visualiza correctamente (debido a una
velocidad de conexión lenta, por ejemplo).
Esta es la visualización de su panel de propiedades:
Este componente no puede contener a ningún otro componente.
3.10 Imagen de introducción
Es la imagen que se sitúa antes del título de la página de contenido.
16
Aunque en esta plantilla, es recomendable mantener en esta posición el vídeo de introducción y no una imagen,
dependiendo de las necesidades, se puede incluir dicha imagen. Por ejemplo, en un posible apartado de Evaluación o
en la Portada e Introducción del Learning Coffee.
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre
Tipo
Obligatorio
Descripción
Características
Imagen
Recurso en
formato .GIF,
.PNG, .JPEG.
Índice
Sí
Imagen
450 x 380px
Por defecto
Texto
No
Son las especificaciones de altura y anchura que se introducen de
forma automática cuando se selecciona la imagen.
Es el texto que se muestra cuando una imagen no se visualiza
correctamente (debido a una velocidad de conexión lenta, por
ejemplo).
Anchura y
altura
Texto
alternativo
3.11 Vídeo de introducción
Este componente se utiliza para mostrar un vídeo al inicio de la página de contenido, antes de su título. Visualmente y
pedagógicamente hablando, el vídeo es el componente con más peso de esta plantilla.
Se utiliza para mostrar información complementaria o un ejemplo práctico. También puede tener una finalidad
motivacional, es decir, aumentar el interés del usuario en los contenidos.
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre
Tipo
Obligatorio
Descripción
Características
Título
Anchura y
altura
Vídeo
Imagen de
carátula
Subtítulos
Texto
Índice
No
Por defecto
Título para identificar el vídeo en la herramienta autora
Especificaciones de anchura y altura del vídeo.
640 x 480 px
Recurso en formato .MP4
Recurso en formato .GIF,
.PNG, .JPEG
Recurso en formato .SRT
Si
Sí
Video que se reproducirá dentro del componente
Imagen mostrada antes de reproducir el vídeo.
640 x 480 px
640 x 480 px
No
Archivo que permitirá la reproducción de los subtítulos en
el vídeo.
Esta es la visualización de su panel de propiedades:
Este componente no puede contener a ningún otro componente.
3.12 Widget “Audio”
Este componente se agrega en el Contenedor de widgets que se encuentra en la parte inferior del Learning Coffee
Maker. Como su nombre indica, permite agregar un audio que será visible en cualquier página del Learning Coffee (hay
17
que recordar que el bloque de widgets es común a todas las páginas de la unidad). Se puede usar para introducir un
audio resumen de la unidad.
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre
Tipo
Obligatorio
Descripción
Título
Archivo
Texto
Recurso en formato .MP3
Sí
Sí
Título que se visualiza en la parte superior del reproductor de audio
Es el campo desde donde se selecciona el archivo audio que se quiere incluir.
La visualización del panel de propiedades es la siguiente:
Dentro de este componente no se puede añadir ningún otro.
3.13 Descargable
El componente Descargable se utiliza para añadir un archivo comprimido (.ZIP). Este .ZIP puede contener, a su vez, un
.PPT, .XLS, .DOC, .MP3, .PDF…
18
En la plantilla Vídeo este componente se agrega en el Contenedor de widgets. Se puede utilizar para añadir un resumen
audio (.MP3), un documento de diapositivas (.PPT) que concrete los puntos clave del Learning Coffee, su versión
imprimible (.PDF) o cualquier otro documento genérico.
Las propiedades editables son:
Nombre
Tipo
Obligatorio
Descripción
Título
Archivo
Texto
Recurso en
formato .ZIP
Sí
Sí
Es el título del documento que se descargará el usuario.
Permite seleccionar el .zip necesario en cada caso.
Dentro de él no se puede añadir ningún componente.
3.14 Widget “Descargable”
Este componente también se agrega en el Contenedor de widgets. Como en el caso del Widget “Audio”, es visible en
todas las páginas del Learning Coffee.
Se utiliza para añadir recursos adicionales (.ZIP, .DOC, .PPT, .PDF) que completen o resuman los contenidos o para
incluir la versión imprimible del Learning Coffee.
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre
Tipo
Obligatorio
Descripción
Título
Texto
SÍ
Título que se visualiza en la parte superior de los descargables
Los componentes que se pueden a incluir a su vez dentro de este son:
Componente
Cantidad
Obligatorio
Descripción
Descargable
1..N
Sí
Es el componente en donde se incluye el recurso en formato .ZIP.
Al Widget “Descargable” se le puede agregar el componente Descargable. En él se incluirá un archivo .ZIP que contenga
a su vez el documento deseado. Se pueden agregar tantos descargables como se necesiten.
19
4. Recursos
Los tipos de archivo que pueden ser utilizados como recursos dentro de las páginas son:








Imágenes en formato PNG
Imágenes en formato JPEG
Imágenes en formato GIF
Audios en formato MP3
Audios en formato OGG
Videos en formato MP4
Documento en formato PDF
Contenido externo comprimido en formato .ZIP (.DOC, .PPT, .XCL, .PDF, .XLS…)
20
A1. Tamaños de imágenes y contenidos externos
21