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