Plantilla Multi-página. Versión 2.4. Revisión 1

Transcripción

1 Plantilla Multi-página Versión 2.4 Revisión 1

2 Índice 1. Introducción Estructura de un Learning Coffee Especificaciones de la plantilla Multi-página Páginas Página de introducción Página de contenido Pop-ups (ventanas emergentes) Pop-up Single Pop-up Books Pop-up Docs Pop-up Glossary Pop-up Links Pop-up Gallery Pop-up Tutor Widgets Widget Normal Widget Sabías que Widget Tutor Widget Audio Widget PDF Componentes Cabecera del curso Imagen de fondo Portada Objetivos Imagen de introducción Actividad Audio Vídeo Flash Imagen Imagen en destacado Imagen Tutor... 28

3 5.13 Galería de imágenes Galería de vídeos y animaciones Cita Destacado Texto en HTML Descargable Link Resource PDF Referencia a pie de página Palabra del glosario Link Recursos A1. Tamaños de imágenes y contenidos externos... 41

4 1. Introducción A lo largo de este documento se describen los elementos que forman la plantilla Multi-página en el Learning Coffee Maker. Esta plantilla está indicada para incluir un gran volumen de contenidos, ya que su navegación se realiza desde una página inicial, de introducción, con un menú para navegar por las diferentes páginas de contenido. Pulsando en ese menú, se accede a los diferentes apartados. Así, es posible incorporar un mayor número de información por apartados, sin que se perjudique la claridad del Learning Coffee. Esta plantilla posee un menú lateral de widgets en cada página de contenido para incluir los recursos adicionales (glosario, galería de imágenes, biografía del autor ) visible en cada una de esas páginas. También dispone de un menú de navegación superior en donde se sitúa el selector de idioma. Existe la posibilidad de contratar la personalización de la plantilla e incluir, de esta forma, el logotipo empresarial. 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. Página de introducción: es un determinado tipo de página en donde se marcan los objetivos pedagógicos, presentación e imágenes de Introducción del 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

5 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. 1.2 Especificaciones de la plantilla Multi-página Existe una página de Introducción que contiene el menú de navegación por los diferentes apartados, una cabecera, la presentación y los objetivos pedagógicos. Los widgets están situados en la parte lateral derecha del Learning Coffee. Se añade soporte para los siguientes elementos: 5

6 Menú principal: es el menú que se muestra en la página de Introducción y que permite acceso a las diferentes páginas de contenido. Menú superior: 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. Menú inferior: permite la navegación tipo Anterior / Siguiente, para continuar con la visualización del curso de forma lineal o volver hacia atrás. Menú superior Menú principal 6

7 Menú inferior 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.0+ o Safari 5.1+ Resoluciones: o 240x320 o 320x480 o 480x800 o 768x1024 A lo largo de este documento se enumeran, describen y especifican cada una de los elementos incluidos dentro de estas plantillas. 7

8 2. Páginas Esta plantilla cuenta con los siguientes tipos de página: Página de introducción: Es la página inicial que se muestra cuando abrimos el Learning Coffee. Es una página que puede ser editada y que se crea por defecto cuando se da de alta el proyecto en la herramienta de autoría. En ella se muestra la cabecera (título y subtítulo que está presente también en las páginas de contenido), un conjunto con los objetivos pedagógicos y las imágenes de inicio (Portada del Learning Coffee) y la presentación con el menú principal de navegación. 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. 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. 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. 8

9 2.1 Página de introducción Esta página es la primera que se visualizará al abrir el Learning Coffee. En ella se muestra el menú principal y la presentación del Learning Coffee, la cabecera del curso (título y subtítulo) y la Portada (imágenes y objetivos pedagógicos). Cabecera Portada Presentación Las propiedades que se pueden establecer desde el editor para este tipo de página son: Título Texto No Título que recibirá el Menú de navegación. Título corto Texto No Título mostrado en el menú superior. Subtítulo Texto No Imagen utilizada en la portada Como hemos visto, en esta página, es posible incluir los siguientes componentes: Nombre Cantidad Obligatorio Descripción Portada 1 Sí Es el componente que incluye las imágenes de cabecera y los objetivos pedagógicos. Presentación 1 Sí Es el componente que incluye la presentación del Learning Coffee y el Menú (este último se crea automáticamente). 9

10 2.2 Página de contenido La página de contenido está destinada al contenido central del Learning Coffee. Las propiedades que se pueden establecer desde el editor para este tipo de página son: Índice Numérico Sí Número mostrado antes del título de la página. Título Texto No Título mostrado en la página. Título corto Texto No Título mostrado en el menú superior. Subtítulo Texto No Texto mostrado en el Menú principal, debajo de cada apartado. Esta es la visualización del menú de propiedades desde donde se pueden editar los campos de texto: Dentro de las páginas de contenido se puede utilizar los siguientes componentes: Componente Cantidad Obligatorio Descripción Características Actividad 0..N No Actividades interactivas. Audio 0..N No Documento en formato.mp3. Cita 0..N No Texto para añadir la opinión de un experto o para resaltar una parte del texto. Destacado 0..N No Componente para concretar y resaltar información. HTML 1..N Sí Texto que se añade en las diferentes secciones. Imagen 1..N Sí 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. Video 0..N No Video que se reproducirá dentro del componente. Descargable 0..N No Documentos en formato.zip enlazados a una palabra. Referencia a pie de página 0..N No Referencias a pie de página enlazadas a números situados al lado de una palabra. Actividad de 0..N No Actividades derivadas de un texto. texto 10

11 3. Pop-ups (ventanas emergentes) La gestión de las ventanas emergentes se realiza de una forma muy similar a la descrita para la gestión de páginas. Desde el menú superior de herramientas podemos acceder a las diferentes ventanas emergentes a la interfaz de gestión de ventanas emergentes. Desde esta interfaz de gestión podremos añadir nuevas ventanas emergentes y borrar aquellas que hayamos creado previamente. En la plantilla Multi-página existen varios tipos de ventanas emergentes. 3.1 Pop-up Single La ventana emergente Single (simple) permite agregar los siguientes componentes: Imagen: se puede utilizar para introducir una imagen de gran tamaño. En la página de contenido se mostrará su miniatura y pulsando en la ventana emergente, se podrá visualizar la imagen a tamaño completo. Texto: es útil cuando queremos ampliar la información con datos complementarios. Imagen + texto: también se pueden combinar ambos componentes e incluir una imagen junto a un texto explicativo. Por ejemplo, un gráfico complementario con estadísticas y un texto que explique sus variables. Flash: en la ventana emergente simple también se puede incluir una animación interactiva. Por ejemplo, una animación por pasos que explique un proceso. 11

12 Miniatura ventana emergente Visualización ventana emergente abierta Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto No Título mostrado en la ventana emergente. Los componentes que pueden ser incluidos dentro de este tipo de ventanas emergentes son: Componente Cantidad Obligatorio Descripción Imagen 0..1 No Imagen mostrada dentro de la ventana emergente. Flash 0..1 No Video mostrado dentro de la ventana emergente. Texto en html 0..1 No Texto mostrado dentro de la ventana emergente. 12

13 3.2 Pop-up Books La Ventana emergente Books (Libros) permite agregar varios textos en html para incluir la bibliografía recomendada o fuentes utilizadas en la elaboración de contenidos. Esta ventana suele lanzarse desde el menú lateral de Widgets. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en la ventana emergente. Los componentes que pueden ser incluidos dentro de este tipo de ventanas emergentes son: Componente Cantidad Obligatorio Descripción Texto en html 1..N Sí Texto mostrado dentro de la ventana emergente. 3.3 Pop-up Docs La Ventana emergente Docs (Documentos) permite agregar varios documentos en.zip o en.pdf (sin necesidad de compresión). Se recomienda utilizar esta ventana para incluir archivos que completen la información expuesta. También es útil para recopilar los documentos que aparecen a lo largo de todas las páginas de contenido. Esta ventana suele lanzarse desde el menú lateral de widgets. 13

14 Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en la ventana emergente. Los componentes que pueden ser incluidos dentro de este tipo de ventanas emergentes son: Componente Cantidad Obligatorio Descripción Descargable 1..N Sí Documentos adicionales que amplíen la información. 3.4 Pop-up Glossary La Ventana emergente Glossary (Glosario) permite agregar varios html para introducir definiciones de palabras. Esta ventana suele lanzarse desde el menú lateral de widgets. Desde las páginas de contenido, podremos enlazar una palabra con la definición presente en esa ventana emergente. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en la ventana emergente. Los componentes que pueden ser incluidos dentro de este tipo de ventanas emergentes son: Componente Tipo Obligatorio Descripción Palabra 1..N Sí Palabra con su definición. 14

15 3.5 Pop-up Links La Ventana emergente Links (Enlaces) permite agregar varias direcciones web. Se puede utilizar para recomendar al usuario la visita de enlaces externos que amplíen o refuercen los contenidos del Learning Coffee. Esta ventana se lanza desde el menú lateral de widgets. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en la ventana emergente. Los componentes que pueden ser incluidos dentro de este tipo de ventanas emergentes son: Componente Cantidad Obligatorio Descripción Link 1..N Sí Dirección web deseada. 3.6 Pop-up Gallery La Ventana emergente Gallery (Galería) permite agregar dos bloques: uno puede mostrar vídeos y animaciones y el otro, imágenes. No es necesario incluir los dos. En esta ventana se puede acceder a todas las imágenes, vídeos y animaciones del Learning Coffee desde un único lugar. Se lanza desde el menú lateral de widgets. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en la ventana emergente 15

16 Los componentes que pueden ser incluidos dentro de este tipo de ventanas emergentes son: Componente Cantidad Obligatorio Descripción Galería imágenes 0..1 No Incluye todas las imágenes deseadas Galería multimedia 0..1 No Incluye todos los vídeos y animaciones deseados. 3.7 Pop-up Tutor La ventana emergente Tutor (Tutor) permite agregar la biografía del experto que ha colaborado en la creación de contenidos o del autor de los mismos. Para incluir una ventana emergente de este tipo hay que pulsar en Nuevo popup. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Características Título Texto Sí Título mostrado en la ventana emergente 240 x Ypx Los componentes que pueden ser incluidos dentro de este tipo de ventanas emergentes son: Componente Cantidad Obligatorio Descripción Imagen 0..1 No Incluye la imagen de tamaño completo del autor o experto. Texto en html 1 Sí Incluye la biografía del autor o experto. 16

17 4. Widgets Los widgets se sitúan en la zona lateral derecha del Learning Coffee. Son bloques de contenidos que amplían información o recopilan recursos utilizados en las páginas de contenido. Son muy útiles para facilitar el acceso al usuario de ciertos recursos desde un único lugar. Existen cinco tipos de widgets diferentes para agregar al Learning Coffee, los cuales se agrupan, según las necesidades de cada usuario, dentro de un Contenedor de widgets. 17

18 4.1 Widget Normal El Widget Normal permite agregar los contenidos que tengamos en las ventanas emergentes de tipo Libro Documentos, Glosario o Enlaces. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en el menú de widgets. Subtítulo Texto No Título mostrado en el menú de widgets situado debajo del título. Se utiliza para añadir información adicional sobre lo que contiene ese widget. Ventana emergente asociada Listado Sí En el widget Normal se pueden incluir las ventanas emergentes tipo Libro, Documentos, Glosario o Enlaces. Esta es la visualización del panel de propiedades: 4.2 Widget Sabías que El Widget Sabías que se utiliza para incluir una pregunta genérica y su respuesta en el menú de widgets. De esta forma se resaltan contenidos claves o se muestra información adicional que aumente el interés del usuario. Este widget tiene un contenedor propio. 18

19 Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en el menú de widgets (es el título del contenedor de widget). Se recomienda utilizar el título Sabías que Subtítulo Texto No Título mostrado en el menú de widgets situado debajo del título. Se utiliza para completar la pregunta que comienza con Sabías que. Ej.: existen infracciones por incumplir la normativa? Ventana emergente asociada Listado Sí En el widget Sabías que se incluye una ventana emergente de tipo Simple. 4.3 Widget Tutor El Widget Tutor se utiliza para incluir la biografía del autor del Learning Coffee o del experto que colabora en la creación de contenidos. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Características Título Texto Sí Título mostrado en el menú de widgets (es el título del Contenedor de widget). Subtítulo Texto No Título mostrado en el menú de widgets situado debajo del título. Se recomienda especificar el nombre del experto y su profesión. Recurso Recurso en No Imagen miniatura del autor o experto. 60 x 51px formato.gif,.png,.jpeg. Ventana emergente asociada Listado Sí En el widget Tutor se incluye una ventana emergente de tipo Tutor. 19

20 Esta es la visualización del papel de propiedades: 4.4 Widget Audio El widget Audio se utiliza para el audio resumen del Learning Coffee. Se recomienda añadirlo en un Contenedor de widgets único, para organizar visualmente este menú. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en el menú de widgets (es el título del contenedor de widget). Recurso Recurso en formato.mp3 Sí Archivo con el audio resumen. Esta es la visualización del panel de propiedades: 20

21 4.5 Widget PDF El widget PDF se utiliza para incluir la versión imprimible del Learning Coffee producido. Se recomienda añadirlo en un Contenedor de widgets único, para organizar visualmente el menú. Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Título Texto Sí Título mostrado en el menú de widgets. Ej.: PDF de la unidad 21

22 5. Componentes Los componentes que pueden ser utilizados en esta plantilla, ya sea como componentes primarios dentro de las páginas, o como componentes incluidos dentro de otros componentes, son los siguientes: Cabecera del curso Portada Presentación Objetivos Imagen de introducción Vídeo de introducción Actividad Audio Vídeo Flash Imagen Imagen en destacado Imagen Tutor Galería de imágenes Galería de vídeos y animaciones Cita Destacado Texto en html Descargable Link Resource PDF Referencia a pie de página Palabra de glosario Link A continuación se describen las propiedades de cada uno de estos componentes, su posible utilización y los componentes que pueden tener en su interior. 5.1 Cabecera del curso La cabecera del curso es el componente que aparece en la parte superior del Learning Coffee. Este componente se edita desde la página de Introducción o desde las páginas de contenido. En él se muestra el título y el 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. Subtítulo Título 22

23 Las propiedades que se pueden establecer desde el editor para este componente son: Título Texto Sí Título del Learning Coffee. Subtítulo Texto Sí Título del bloque al que pertenece ese Learning Coffee. 5.2 Imagen de fondo Se le llama Imagen de fondo al componente formado por los componentes: imagen de introducción (o vídeo de introducción), imagen de fondo y objetivos. Está situado justo después de la cabecera del Learning Coffee y son visibles en la página de Introducción. Imagen de introducción Objetivos Imagen de fondo Las propiedades que se pueden establecer desde el editor para este componente son: Recurso Recurso en formato.gif,.png,.jpeg. Sí Es la imagen de fondo. Los componentes que pueden ser incluidos dentro de este son: Componente Cantidad Obligatorio Descripción Objetivos 1 Sí Es un destacado con los objetivos pedagógicos del Learning Coffee. Imagen 1 No Es la imagen que aparece en la página de Introducción, al lado derecho de los objetivos. El Leaning Coffee debe contener una imagen de introducción o un vídeo. Video 1 No Es el video que aparece en la página de Introducción, al lado derecho de los objetivos. El Leaning Coffee debe contener una imagen de introducción o un vídeo. 23

24 5.3 Portada Es el componente que está situado a la izquierda del menú. Es visible en la página de introducción. Se utiliza para poner en contexto los contenidos del Learning Coffee. Las propiedades que se pueden establecer desde el editor para este componente son: Título Texto Sí Título mostrado en el componente. Los componentes que pueden ser incluidos dentro de este son: Componente Cantidad Obligatorio Descripción Texto en html 1 Sí Texto mostrado en el componente. 5.4 Objetivos Los objetivos aparecen a la izquierda de la imagen o el vídeo de introducción. Son una serie de puntos clave que resumen qué aspectos se tratarán en el Learning Coffee. Es un componente que está dentro del componente Portada. Las propiedades que se pueden establecer desde el editor para este componente son: Título Texto No Título mostrado en este destacado. Ej.: En este Learning Coffee aprenderás: 24

25 El componente que puede ser contenido dentro de este componente es: Componente Cantidad Obligatorio Descripción Texto en html 1 Sí Texto mostrado en el destacado. 5.5 Imagen de introducción Es la imagen que se sitúa en la página de Introducción, a la derecha de los objetivos pedagógicos. Es un componente que está dentro del componente Portada Las propiedades que se pueden establecer desde el editor para este componente son: Características Imagen Recurso en Sí Imagen 450 x 380px formato.gif,.png,.jpeg. Anchura y altura Índice Por defecto Son las especificaciones de altura y anchura que se introducen de forma automática cuando se selecciona la imagen. Texto alternativo Texto No Es el texto que se muestra cuando una imagen no se visualiza correctamente (debido a una velocidad de conexión lenta, por ejemplo). En este componente no es posible agregar otros componentes. 5.6 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 tienen las siguientes propiedades: Seleccione una actividad Listado Sí En el listado se muestran todas las actividades realizadas. Se selecciona la actividad que corresponda en cada caso. Evaluable Listado Sí En el listado se escoge si la actividad será evaluable o no. 25

26 5.7 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: Título Texto No Título mostrado en la herramienta, para reconocer el audio. Audio Recurso en formato.mp3 Sí Archivo.MP3 reproducido por el componente. Esta es la visualización del panel de su panel de propiedades. Este componente no contiene ningún otro componente. 5.8 Vídeo Este componente se utiliza para introducir un vídeo. Se recomienda el uso de vídeos con un propósito motivacional o informativo: describir pasos de un proceso, relatar un caso real para ejemplificar la teoría o exponer un ejemplo. Estas son sus propiedades: Características Título Texto No Título para identificar el vídeo en la herramienta autora Anchura y Índice Por defecto Especificaciones de anchura y altura del vídeo. 640 x 480 px altura Vídeo Recurso en formato.mp4 Si Video que se reproducirá dentro del componente 640 x 480 px Imagen de carátula Recurso en formato.gif,.png,.jpeg Sí Imagen mostrada antes de reproducir el vídeo. 640 x 480 px Este componente no contiene ningún otro componente. 5.9 Flash Es una animación en formato.swf que puede ir dentro de una Ventana emergente Simple. Sirve, por ejemplo, para explicar un proceso con una animación interactiva. Estas son sus propiedades: Título Texto No Título para identificar el vídeo en la herramienta autora Anchura y altura Índice Sí Especificaciones de anchura y altura de la animación. Se introducen por defecto 640 x 360px, pero es posible introducirlas manualmente. Recurso Recurso en formato.swf Si Animación que se reproducirá. Texto alternativo Texto No Texto explicativo 26

27 Este componente no contiene ningún otro componente 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 dos tipos de imágenes según la disposición seleccionada: 1. All: al seleccionar esta opción la imagen se expande por el componente. 2. Right: al seleccionar esta opción la imagen se sitúa a la derecha del componente en un menor tamaño. Las propiedades que se pueden establecer desde el editor para este componente son: Características Recurso Recurso en No Recurso imagen mostrado en el componente. formato.gif,.png,.jpeg Anchura y altura Índice Sí Especificaciones de anchura y altura del vídeo. Se introducen por defecto, pero es posible introducirlas manualmente. Disposición Listado No Indica el tamaño y situació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). Tooltip Texto No Es el texto que se muestra al pasar por encima de una imagen con el ratón Texto alternativo Texto No 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 puede contener el siguiente componente: Componente Cantidad Obligatorio Descripción Pie de foto 0..1 No Texto que se sitúa en la parte inferior de la imagen sobre un fondo gris. Describe la imagen. 27

28 5.11 Imagen en destacado La imagen en destacado acompaña al texto del componente Destacado. Las propiedades que se pueden establecer desde el editor para este componente son: Características Imagen Recurso en Sí Imagen que se visualizará. Medium: 280 x Ypx. formato.gif,.png,.jpeg Anchura y altura Índice Por dejecto Son las especificaciones de altura y anchura que se introducen de forma automática cuando se selecciona la imagen. Tooltip Texto No Es el texto que se muestra al pasar por encima de una imagen con el ratón Texto alternativo Texto No Es el texto que se muestra cuando una imagen no se visualiza correctamente (debido a una velocidad de conexión lenta, por ejemplo). Este componente no puede contener a ningún otro componente Imagen Tutor La imagen que acompaña a la Ventana emergente Tutor. 28

29 Las propiedades que se pueden establecer desde el editor para este componente son: Características Imagen Recurso en Sí Imagen que se visualizará. formato.gif,.png,.jpeg Anchura y altura Índice Por defecto Son las especificaciones de altura y anchura que se introducen de forma automática cuando se selecciona la imagen. Tooltip Texto No Es el texto que se muestra al pasar por encima de una imagen con el ratón Texto alternativo Texto No Es el texto que se muestra cuando una imagen no se visualiza correctamente (debido a una velocidad de conexión lenta, por ejemplo). Este componente no puede contener a ningún otro componente Galería de imágenes Es un componente que se encuentra dentro de la Ventana emergente Galería. Se muestran las miniaturas de las imágenes en el menú lateral y se visualizan a tamaño completo en la parte derecha de la ventana emergente. 29

30 Estas son sus propiedades: Características Título Texto No Título para identificar el vídeo en la herramienta autora Este componente contiene el siguiente componente: Componente Cantidad Obligatorio Descripción Imagen 1..N Sí Todas las imágenes que se incluyen dentro de la galería de imágenes. Esta es la visualización del panel de propiedades: 5.14 Galería de vídeos y animaciones Es un componente que se encuentra dentro de la Ventana emergente Galería. Se muestran las miniaturas de los vídeos y animaciones en el menú lateral y se visualizan a tamaño completo en la parte derecha de la ventana emergente. 30

31 Estas son sus propiedades: Características Título Texto No Título para identificar el vídeo en la herramienta autora Anchura y Índice Sí Especificaciones de anchura y altura del vídeo. Se 640 x 360px altura introducen por defecto, pero es posible introducirlas manualmente. Vídeo o Recurso en formato Sí Video o flash que se reproducirá dentro del componente. 640 x 480 px flash.mp4 (video) o.swf (flash) En este apartado el vídeo lleva una imagen en miniatura, además del resto de propiedades que normalmente tiene (Ver sección 5.6) Imagen de Recurso de formato.gif, No Imagen que se visualiza antes de empezar un video. 640 x 360px carátula (video).png,.jpeg Texto alternativo Texto No 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 del panel de propiedades: Este componente contiene el siguiente componente: Componente Cantidad Obligatorio Descripción Flash 1..N No Todas las animaciones que se incluyen dentro de la galería de vídeos y animaciones. Vídeo 1..N No Todos los vídeos que se incluyen dentro de la galería de vídeos y animaciones 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. En esta plantilla, se encuentra alineada a la derecha del texto central. La propiedad que se puede establecer desde el editor para este componente es: Autor Texto No Muestra el posible 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. 31

32 5.16 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. 32

33 La propiedad editable es: Título Texto No Título del Destacado Los componentes que se pueden a incluir a su vez dentro de este son: Componente Tipo Obligatorio Descripción Texto en html Texto Sí Imagen mostrada dentro del destacado. Imagen Recurso en formato.gif, No Imagen que puede acompañar al destacado..png,.jpeg Audio Recurso en formato.mp3 No Archivo audio que se puede incluir para ejemplificar el contenido 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. Hay una serie de componentes que se asignan desde la barra de edición de texto del Learning Coffee Maker, ya que se enlazan a palabras. Los componentes que se editan desde esta zona son los siguientes: 5.18 Descargable El componente Descargable (Zip Link) se utiliza para enlazar un archivo comprimido (.ZIP) a una palabra. Este.ZIP puede contener, a su vez, un.ppt,.xls,.doc,.mp3 Se puede utilizar para añadir un audio (.MP3), un documento de diapositivas (.PPT) que concrete algún punto clave del Learning Coffee o cualquier otro documento. 33

34 En la herramienta autora recibe el nombre de Zip Link. Las propiedades editables son: Word Texto Sí Palabra a la que se enlaza el componente. (palabra) Recurso Recurso en Sí Permite seleccionar el.zip necesario en cada caso. formato.zip Blank Selección Sí Si se selecciona el recurso se abrirá en una ventana nueva. Si se deselecciona se abrirá en la misma venta del Learning Coffee. Es recomendable seleccionar esa opción. Esta es la visualización del panel de propiedades: Dentro de él no se puede añadir ningún componente Link Resource PDF El componente Link Resource PDF (PDF Link) se utiliza para enlazar un archivo en formato.pdf a una palabra. Este.PDF puede contener algún documento adicional (ejercicios, más información sobre un tema, resúmenes ). 34

35 En la herramienta autora recibe el nombre de PDF Link. Las propiedades editables son: Word Texto Sí Palabra a la que se enlaza el componente. (palabra) Recurso Recurso en Sí Permite seleccionar el.zip necesario en cada caso. formato.pdf Blank Selección Sí Si se selecciona el recurso se abrirá en una ventana nueva. Si se deselecciona se abrirá en la misma venta del Learning Coffee. Es recomendable seleccionar esa opción. Esta es la visualización del panel de propiedades: Dentro de él no se puede añadir ningún componente Referencia a pie de página El componente Referencia a pie de página (FootReference Link) se utiliza para hacer una llamada de una palabra a una referencia situada al final de la página de contenido. Visualización del componente en la herramienta autora 35

36 Visualización de la llamada Visualización de la referencia a pie de página Se puede utilizar para hacer referencias bibliográficas o notas aclaratorias. En la herramienta autora recibe el nombre de FootReference Link y es desde ahí, desde donde se selecciona la referencia para enlazarla a la palabra. Las propiedades editables son: Referencias Listado Sí Desde ese listado se escoge la referencia a la que se enlaza la palabra. 36

37 Esta es la visualización del panel de propiedades: Dentro de él no se puede añadir ningún componente Palabra del glosario El componente Link Glossary (Glossary Link) se utiliza para enlazar una palabra del texto central a una palabra presente en la Ventana emergente Glosario. Visualización de la palabra enlazada Se utiliza para enlazar una palabra definida en el glosario. En la herramienta autora recibe el nombre de Glossary Link y es desde ahí, desde donde se escoge la palabra que se quiere enlazar. Las propiedades editables son: Tooltip Texto Sí Es el texto que aparece cuando se pasa por encima de la palabra enlazada con el ratón. Link word Listado Sí En este listado se selecciona la palabra del glosario que se quiere enlazar. 37

38 Esta es la visualización del panel de propiedades: Dentro de él no se puede añadir ningún componente Link El componente Link word (External link) se utiliza para enlazar una palabra del texto central a un enlace web externo. En la herramienta autora recibe el nombre de External Link y es desde ahí, desde donde se indica el enlace externo. 38

39 Las propiedades editables son: Word Texto Sí Indica la palabra a la que va enlazada la dirección web. Href URL Sí Indica la dirección web del enlace. Title Texto Sí Es el texto que aparece cuando se pasa por encima de la palabra enlazada con el ratón. Blank Selección Sí Si se selecciona el recurso se abrirá en una ventana nueva. Si se deselecciona se abrirá en la misma venta del Learning Coffee. Es recomendable seleccionar esa opción. Esta es la visualización del panel de propiedades: Dentro de él no se puede añadir ningún componente. 39

40 6. 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 ) 40

41 A1. Tamaños de imágenes y contenidos externos 41