SlideShare una empresa de Scribd logo
Plantilla Multi-página
Versión 2.5.3
Índice
1. Introducción....................................................................................................................................4
1.1 Estructura de un proyecto................................................................................................................................... 4
1.2 Especificaciones de la plantilla Multi-página....................................................................................................... 6
2. Páginas............................................................................................................................................8
2.1 Página de introducción........................................................................................................................................ 9
2.2 Página de contenido............................................................................................................................................ 9
3. Pop-ups (ventanas emergentes)...................................................................................................11
3.1 Pop-up Single..................................................................................................................................................... 11
3.2 Pop-up Books .................................................................................................................................................... 12
3.3 Pop-up Docs ...................................................................................................................................................... 13
3.4 Pop-up Glossary ................................................................................................................................................ 14
3.5 Pop-up Link Group............................................................................................................................................. 14
3.6 Pop-up Gallery................................................................................................................................................... 15
3.7 Pop-up Tutor ..................................................................................................................................................... 15
4. Widgets.........................................................................................................................................17
4.1 Widget “Normal”............................................................................................................................................... 18
4.2 Widget “Sabías que” ......................................................................................................................................... 18
4.3 Widget “Tutor”.................................................................................................................................................. 19
4.4 Widget “Audio” ................................................................................................................................................. 20
4.5 Widget “PDF” .................................................................................................................................................... 20
5. Componentes ...............................................................................................................................22
5.1 Cabecera del curso ............................................................................................................................................ 22
5.2 Imagen de fondo ............................................................................................................................................... 23
5.3 Portada.............................................................................................................................................................. 24
5.4 Objetivos ........................................................................................................................................................... 24
5.5 Imagen de introducción .................................................................................................................................... 25
5.6 Actividad............................................................................................................................................................ 25
5.7 Audio ................................................................................................................................................................. 26
5.8 Vídeo ................................................................................................................................................................. 26
5.9 Flash .................................................................................................................................................................. 26
5.10 Imagen............................................................................................................................................................... 27
5.11 Imagen en destacado ........................................................................................................................................ 28
5.12 Imagen “Tutor”.................................................................................................................................................. 28
5.13 Galería de imágenes.......................................................................................................................................... 29
5.14 Galería de vídeos y animaciones....................................................................................................................... 30
5.15 Cita .................................................................................................................................................................... 31
5.16 Destacado.......................................................................................................................................................... 32
5.17 HTML ................................................................................................................................................................. 32
5.18 Enlace a recurso ................................................................................................................................................ 33
5.19 Referencia a pie de página ................................................................................................................................ 34
5.20 Palabra del glosario........................................................................................................................................... 36
5.21 Link .................................................................................................................................................................... 37
5.22 Contenido externo ............................................................................................................................................ 38
5.23 Cuestionarios..................................................................................................................................................... 39
5.24 Mapa de clicks................................................................................................................................................... 40
5.25 Carrusel ............................................................................................................................................................. 40
5.26 Grupo de acordeón ........................................................................................................................................... 40
5.27 Grupo de pestañas ............................................................................................................................................ 41
6. Recursos........................................................................................................................................42
A. Anexos .............................................................................................................................................43
A.1. Tamaños de imágenes y contenidos externos ........................................................................................................ 43
A.2. Codificación de vídeos con HandBrake ................................................................................................................... 44
A.2.1. Proceso de codificación .......................................................................................................................................................44
1. Introducción
A lo largo de este documento se describen los elementos que forman la plantilla Multi-página en la herramienta autora
Netex learningMaker. 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 proyecto.
Esta plantilla posee un menú lateral de widgets (componentes especiales para presentar información adicional) 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, tu imagen corporativa.
1.1 Estructura de un proyecto
Antes de comenzar a crear el proyecto, es importante conocer su estructura, ya que en esta se basa el uso de la
herramienta autora learningMaker.
1er
nivel. Propiedades y componentes generales
Son características y elementos genéricos que se repiten en todos los proyectos. Dependiendo de cada plantilla, estas
propiedades genéricas son:
 Widgets: es un determinado tipo de componente especial para introducir información y archivos adicionales al
contenido.
 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 proyecto.
5
2o
nivel. Páginas de contenido
Simbolizan cada una de las pantallas que son visibles dentro del proyecto. Se sitúan en un nivel por debajo de esas
características genéricas. Contienen, a su vez, ventanas emergentes y componentes.
3er
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 vídeos, 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.
4o
nivel. Componentes
Son cada uno de los elementos que pueden ser utilizados en 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 proyecto 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 proyecto.
5o
nivel. Recursos
Son cada uno de los archivos que incluyen los componentes y que pueden ser utilizados en un proyecto. 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.
6
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 proyecto.
Se añade soporte para los siguientes elementos:
 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
7
Menú inferior
Los dispositivos, resoluciones y navegadores soportados para estas plantillas son los 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 uno de los elementos incluidos dentro de
estas plantillas.
8
2. Páginas
Esta plantilla cuenta con los siguientes tipos de página:
 Página de introducción (Page introduction): es la página inicial que se muestra cuando abrimos el proyecto. 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 proyecto) y la presentación con el
menú principal de navegación.
 Página de contenido (Page content): este tipo de página se utiliza para incluir todo el contenido central del
proyecto. 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, eliminar páginas ya existentes o
duplicarlas.
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.
9
2.1 Página de introducción
Esta página es la primera que se visualizará al abrir el proyecto. En ella se muestra el menú principal y la presentación
del proyecto, la cabecera del curso (título y subtítulo) y la portada (imágenes y objetivos pedagógicos).
Las propiedades que se pueden establecer desde el editor para este tipo de página son:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título que recibirá el menú de navegación.
Título corto Texto No Título mostrado en el menú superior.
Subtítulo Texto Sí Subtítulo del título mostrado en el menú superior.
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 proyecto y el menú (este último se
crea automáticamente).
2.2 Página de contenido
La página de contenido está destinada al contenido central del proyecto. Las propiedades que se pueden establecer
desde el editor para este tipo de página son:
Presentación
Portada
Cabecera
10
Nombre Tipo Obligatorio Descripción
Í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
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
propio texto.
Destacado 0..N No Componente para concretar y resaltar información.
HTML 0..N No Texto que se añade en las diferentes secciones.
Imagen 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.
Actividad de texto 0..N No Actividades derivadas de un texto.
Vídeo 0..N No Vídeo que se reproducirá dentro del componente.
Cuestionario 0..N No Conjunto de preguntas ordenadas a las que hay que responder.
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.
Contenido externo 0..N No Permite utilizar contenido HTML creado por otras herramientas de autor
(animaciones, actividades…).
Mapa de clicks 0..N No Permite introducir enlaces a ventanas emergentes “Single” al hacer clic
sobre ciertas áreas dentro de una imagen.
Carrusel 0..N No Permite introducir varias imágenes que se podrán visualizar
individualmente, una tras otra.
Grupo de acordeón 0..N No Muestra contenidos en forma de acordeón desplegable que permanece
oculto hasta que hacemos clic sobre un componente HTML.
Grupo de pestañas 0..N No Muestra contenidos en varias pestañas que se podrán visualizar
individualmente haciendo clic en cada una de ellas.
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 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.
12
Miniatura ventana emergente
Visualización ventana emergente abierta
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
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 Animación mostrada dentro de la ventana emergente.
HTML 0..1 No Texto mostrado dentro de la ventana emergente.
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.
13
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título mostrado en la ventana emergente.
El componente que puede ser incluido dentro de este tipo de ventanas emergentes es:
Componente Cantidad Obligatorio Descripción
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 todo el contenido. Esta ventana suele
lanzarse desde el menú lateral de widgets.
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título mostrado en la ventana emergente.
14
El componente que puede ser incluido dentro de este tipo de ventanas emergentes es:
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.
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título mostrado en la ventana emergente.
El componente que puede ser incluido dentro de este tipo de ventanas emergentes es:
Componente Tipo Obligatorio Descripción
Palabra clave 1..N Sí Palabra con su definición.
3.5 Pop-up Link Group
La Ventana emergente “Link Group” (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 proyecto. Esta ventana
se lanza desde el menú lateral de widgets.
15
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título mostrado en la ventana emergente.
El componente que puede ser incluido dentro de este tipo de ventanas emergentes es:
Componente Cantidad Obligatorio Descripción
Link 1..N Sí Dirección web deseada.
3.6 Pop-up Gallery
La Ventana emergente “Gallery” (Galería multimedia) 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 proyecto desde un único lugar. Se lanza desde el menú lateral de widgets.
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
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
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 (para saber cómo codificar un
vídeo consulta el anexo A.2).
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”.
16
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
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
Imagen 1 No Incluye la imagen de tamaño completo del autor o experto.
HTML 1 Sí Incluye la biografía del autor o experto.
17
4. Widgets
Los widgets se sitúan en la zona lateral derecha del proyecto. 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 seis tipos de widgets diferentes para agregar al proyecto, los cuales se agrupan, según las necesidades de cada
usuario, dentro de un Contenedor de widgets.
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:
Nombre Tipo Obligatorio Descripción
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 clave o se muestra información adicional que aumente el interés del usuario. Este widget
tiene un “contenedor” propio.
19
Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son:
Nombre Tipo Obligatorio Descripción
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 proyecto 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:
Nombre Tipo Obligatorio Descripción Características
Título Texto Sí Título mostrado en el menú de widgets (es el título del Contenedor de
widget).
Recurso Recurso en
formato .GIF,
.PNG, .JPEG.
No Imagen miniatura del autor o experto. 60 x 51px
Ventana
emergente
asociada
Listado Sí En el widget “Tutor” se incluye una ventana emergente de tipo “Tutor”.
20
Esta es la visualización del papel de propiedades:
4.4 Widget “Audio”
El widget “Audio” se utiliza para el audio resumen del proyecto. Se recomienda añadirlo en un Contenedor de widgets
único, para organizar visualmente este menú.
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
Recurso Recurso en
formato .MP3
Sí Archivo con el audio resumen.
Esta es la visualización del panel de propiedades:
4.5 Widget “PDF”
El widget “PDF” se utiliza para incluir la versión imprimible del proyecto producido. Se recomienda añadirlo en un
Contenedor de widgets único, para organizar visualmente el menú.
21
La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título mostrado en el menú de widgets. Ej.: PDF de la unidad
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 del glosario
 Link
 Cuestionario
 Contenido externo
 Mapa de clicks
 Carrusel
 Grupo de acordeón
 Grupo de pestañas
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 proyecto. 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 proyecto 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.
23
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título del proyecto.
Subtítulo Texto Sí Título del bloque al que pertenece ese proyecto.
Logo Recurso en
formato .GIF,
.PNG, .JPEG.
No Imagen mostrada al lado del título y el subtítulo.
Posición del
logo
Listado No Si seleccionas “Right”, se alinea a la derecha, y si seleccionas “Left”, se alinea a la
izquierda.
Incluir logo Listado No Si seleccionas “True”, se muestra el logo, y si seleccionas “False”, no se muestra.
Color de
cabecera y
pie
Color No Color de fondo de la cabecera y el pie.
Color de
fondo
(Introducción)
Color No Color de fondo de la introducción.
Botón de
cerrar
Listado No Si seleccionas “True”, se muestra el botón “Salir” para cerrar el proyecto, y si
seleccionas “False”, no se muestra.
5.2 Imagen de fondo
Se le llama Imagen de fondo al conjunto formado por los componentes: imagen de introducción (o vídeo de
introducción) y objetivos. Está situado justo después de la cabecera del proyecto y son visibles en la página de
introducción.
La propiedad que se puede establecer desde el editor para este componente es:
Nombre Tipo Obligatorio Descripción
Recurso Recurso en formato .GIF, .PNG, .JPEG. Sí Es la imagen de fondo.
Subtítulo
Título
Imagen de
introducción
Objetivos
Imagen de fondo
24
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 proyecto.
Imagen 1 No Es la imagen que aparece en la página de introducción, al lado derecho de los
objetivos. El learningCoffee debe contener una imagen de introducción o un vídeo.
Vídeo 1 No Es el vídeo que aparece en la página de introducción, al lado derecho de los
objetivos. El learningCoffee debe contener una imagen de introducción o un vídeo
(para saber cómo codificar un vídeo consulta el anexo A.2).
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 proyecto.
La propiedad que se puede establecer desde el editor para este componente es:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título mostrado en el componente.
El componente que puede ser incluido dentro de este es:
Componente Cantidad Obligatorio Descripción
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 proyecto. Es un componente que está dentro del componente Portada.
25
La propiedad que se puede establecer desde el editor para este componente es:
Nombre Tipo Obligatorio Descripción
Título Texto No Título mostrado en este destacado. Ej.: En este proyecto aprenderás:
El componente que puede ser contenido dentro de este componente es:
Componente Cantidad Obligatorio Descripción
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:
Nombre Tipo Obligatorio Descripción Características
Imagen Recurso en
formato .GIF,
.PNG, .JPEG.
Sí Imagen 450 x 380px
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 proyecto. 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:
Nombre Tipo Obligatorio Descripción
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.
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:
Nombre Tipo Obligatorio Descripción
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 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:
Nombre Tipo Obligatorio Descripción Características
Título Texto No Título para identificar el vídeo en la herramienta autora.
Disposición Listado Sí Si seleccionas la opción “all” se alinea a la izquierda y si
seleccionas la opción “right” se alinea a la derecha.
Vídeo Recurso en formato .MP4 Sí Vídeo 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
Recurso Recurso en formato .ZIP No Archivo .zip que contiene el vídeo para poder descargarlo.
Este componente no contiene ningún otro componente.
Para saber cómo codificar vídeos con la herramienta HandBrake, consulta el anexo A.2.
5.9 Flash
Es una animación en formato .SWF que puede ir dentro de una Ventana emergente “Single”. Sirve, por ejemplo, para
explicar un proceso con una animación interactiva.
Estas son sus propiedades:
27
Nombre Tipo Obligatorio Descripción
Título Texto Sí 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 Sí Animación que se reproducirá.
Imagen Recurso en formato .GIF,
.PNG, .JPEG
No Imagen mostrada antes de visualizar el flash.
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 contiene ningún otro componente.
5.10 Imagen
Este componente se utiliza para introducir una imagen en diferentes partes del contenido. Las imágenes aportan
dinamismo al proyecto 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 o se alinea a la izquierda.
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:
Nombre Tipo Obligatorio Descripción
Recurso Recurso en
formato .GIF,
.PNG, .JPEG
Sí Recurso imagen mostrado en el componente.
Disposición Listado Sí 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.
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).
Ventana
emergente
asociada
Listado No Se puede asociar a una ventana emergente de tipo “Single” que se abrirá al hacer clic
en .
Esta es la visualización de su panel de propiedades.
28
Este componente puede contener el siguiente componente:
Componente Cantidad Obligatorio Descripción
Nota al pie 1 No Texto que se sitúa en la parte inferior de la imagen sobre un fondo gris. Describe la
imagen.
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:
Nombre Tipo Obligatorio Descripción
Imagen Recurso en
formato .GIF,
.PNG, .JPEG
Sí Imagen que se visualizará.
Anchura y
altura
Índice Sí Especificaciones de altura y anchura de la imagen. Se introducen por
defecto.
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.
5.12 Imagen “Tutor”
La imagen que acompaña a la Ventana emergente “Tutor”.
29
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre Tipo Obligatorio Descripción
Imagen Recurso en
formato .GIF,
.PNG, .JPEG
Sí Imagen que se visualizará.
Anchura y
altura
Índice Sí 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.
5.13 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.
Esta es su propiedad:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título para identificar la imagen 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:
30
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.
Estas son sus propiedades:
Nombre Tipo Obligatorio Descripción Características
Título Texto Sí Título para identificar el vídeo en la herramienta autora.
Anchura y
altura
Índice Sí Especificaciones de anchura y altura del vídeo. Se
introducen por defecto, pero es posible introducirlas
manualmente.
640 x 480px
Vídeo o
flash
Recurso en formato .MP4
(vídeo) o .SWF (flash)
Sí Vídeo o flash que se reproducirá dentro del componente.
En este apartado el vídeo lleva una imagen en miniatura,
además del resto de propiedades que normalmente tiene
(ver apartado 5.8 y anexo A.2).
640 x 480px
Imagen de
carátula
(vídeo)
Recurso de formato .GIF,
.PNG, .JPEG
No Imagen que se visualiza antes de empezar un vídeo. 640 x 360px
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).
31
Estas son las visualizaciones del panel de propiedades:
Este componente puede contener los siguientes componentes:
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 (ver
anexo A.2).
5.15 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 proyecto 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:
Nombre Tipo Obligatorio Descripción
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
HTML 1 Sí Texto de la cita.
32
5.16 Destacado
El componente “Destacado” es muy útil para concretar y resaltar información a lo largo del proyecto. 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.
Las propiedades editables son:
Nombre Tipo Obligatorio Descripción
Título Texto No Título del “Destacado”.
Disposición Listado Sí Si seleccionas la opción “All” se alinea a la izquierda y si seleccionas la opción
“Right” se alinea a la derecha.
Los componentes que se pueden incluir a su vez dentro de este son:
Componente Tipo Obligatorio Descripción
HTML Texto Sí Texto mostrado dentro del destacado.
Imagen Recurso en formato .GIF,
.PNG, .JPEG
No Imagen que puede acompañar al destacado.
Audio Recurso en formato .MP3 No Archivo audio que se puede incluir para ejemplificar el contenido.
5.17 HTML
El componente HTML permite la introducción directa de texto en formato HTML, en el que se puede incluir:
 Texto con formato: puedes seleccionar el formato del párrafo, la fuente, el tamaño, el espacio entre letras y el
espacio entre líneas.
 Imágenes
 Fórmulas matemáticas
Para editar fórmulas matemáticas de una manera visual haz clic en en la barra de edición. Puedes copiar o pegar
fórmulas desde Microsoft Word y es compatible con MathML.
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.
33
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, ya que se enlazan a palabras.
Los componentes que se editan desde esta zona son los siguientes:
5.18 Enlace a recurso
El componente Enlace a recurso se utiliza para enlazar un archivo en formato .ZIP o .PDF a una palabra. El .ZIP puede
contener, a su vez, un .PPT, .XLS, .DOC, .MP3…, mientras que el .PDF puede contener algún documento adicional
(ejercicios, más información sobre un tema, resúmenes…).
Estos componentes se enlazan desde la barra de herramientas de los componentes HTML, en el menú desplegable
“Enlaces”.
La propiedad editable es:
34
Nombre Tipo Obligatorio Descripción
Enlace Recurso en
formato .ZIP o
.PDF
Sí Permite seleccionar el .ZIP o .PDF necesario en cada caso.
Esta es la visualización del panel de propiedades:
Dentro de él no se puede añadir ningún componente.
5.19 Referencia a pie de página
El componente Referencia a pie de página (Referencia a pie) 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
Visualización de la llamada
35
Visualización de la referencia a pie de página
Se puede utilizar para hacer referencias bibliográficas o notas aclaratorias.
La propiedad editable es:
Nombre Tipo Obligatorio Descripción
Referencias Listado Sí Desde ese listado se escoge la referencia a la que se enlaza la palabra.
Esta es la visualización del panel de propiedades:
Dentro de él no se puede añadir ningún componente.
36
5.20 Palabra del glosario
El componente Link Glossary (Enlace a glosario) 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.
Las propiedades editables son:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Es el texto que aparece cuando se pasa por encima de la palabra enlazada con el ratón.
Palabra clave Listado Sí En este listado se selecciona la palabra del glosario que se quiere enlazar.
Esta es la visualización del panel de propiedades:
37
Dentro de él no se puede añadir ningún componente.
5.21 Link
El componente Link word (Enlace externo) se utiliza para enlazar una palabra del texto central a un enlace web externo.
Las propiedades editables son:
Nombre Tipo Obligatorio Descripción
Enlace URL Sí Indica la dirección web del enlace.
Título Texto Sí Es el texto que aparece cuando se pasa por encima de la palabra enlazada con el ratón.
Esta es la visualización del panel de propiedades:
38
Dentro de él no se puede añadir ningún componente.
5.22 Contenido externo
Este componente permite utilizar contenido HTML creado por otras herramientas de autor (animaciones,
actividades…).
Estas son sus propiedades:
Nombre Tipo Obligatorio Descripción
Recurso
(ZIP)
Recurso en formato .ZIP SÍ Contenido HTML que se visualiza.
Nombre Índice Sí Nombre del archivo HTML de inicio del contenido externo. Debe
estar ubicado en la raíz del zip incluido, es decir, sin estar contenido
en una carpeta.
Anchura y
altura
Índice No Especificaciones de anchura y altura del contenido.
Overflow_x Listado Sí Indica si se utilizarán barras de scroll horizontal en los contenidos
externos.
Overflow_y Listado Sí Indica si se utilizarán barras de scroll vertical en los contenidos
externos.
Esta es la visualización del panel de propiedades:
39
5.23 Cuestionarios
Un cuestionario es un componente que se puede incluir dentro de cada una de las secciones. Son un conjunto de
preguntas ordenadas que sirven para obtener información de quien las responde. Dentro de cada cuestionario se
pueden incluir diferentes tipos de preguntas (respuesta simple, relacionar, rellena los huecos…).
Estas son sus propiedades:
Nombre Tipo Obligatorio Descripción
Título Texto Sí Título mostrado en la cabecera del cuestionario.
Ponderar
puntuaciones
Listado Sí Si seleccionas “False”, la puntuación total se normaliza a 100 puntos por
defecto, de manera que todas las preguntas tienen el mismo valor. Si
seleccionas “True”, tendrás que fijar los puntos para cada pregunta (ver
Manual de autor).
Evaluable Listado Sí En el listado se escoge si el cuestionario será evaluable (True) o no (False).
Puntuación
para aprobar
Numérico Sí Puntuación necesaria para dar el cuestionario por aprobado (también se
puede modificar a nivel de proyecto).
Preguntas
aleatorias
Listado Sí Si seleccionas “True”, las preguntas se mostrarán de forma aleatoria al
usuario. Si seleccionas “False”, aparecerán en el orden en que las hayas
dispuesto.
Preguntas a
incluir
Numérico No Número de preguntas que se mostrarán a la hora de responder al
cuestionario. Si se selecciona “True” en la propiedad “Preguntas
aleatorias”, se mostrará en número de preguntas que se indique de
manera aleatoria. Si se selecciona “False”, se mostrará en número de
preguntas que se indique pero en el orden en que están en el proyecto.
Color de
fondo
Color Sí Color de fondo de la cabecera.
Color de
borde
Color Sí Color del borde de la pregunta.
Color de
fondo del
cuestionario
Color Sí Color de fondo del cuerpo del cuestionario.
Título de la
cabecera
visible
Listado Sí Si seleccionas “True”, el usuario verá el título en la cabecera. Si
seleccionas “False”, no lo verá.
Botón de
informe
visible
Listado Sí Si seleccionas “True”, el usuario verá el botón para ver el informe del
cuestionario. Si seleccionas “False”, no tendrá opción de verlo.
Paginación
visible
Listado Sí Si seleccionas “True”, el usuario podrá ver la página del cuestionario en
que se encuentra debajo del título de la cabecera. Si seleccionas “False”,
no lo verá.
Puntuación
de pregunta
visible
Listado Sí Si seleccionas “True”, el usuario verá la puntuación de cada pregunta
debajo del título de la cabecera o de la paginación. Si seleccionas “False”,
no la verá.
40
Para obtener más información acerca de cómo crear un cuestionario y de los diferentes tipos de preguntas que se
pueden incluir consulta el Manual de autor (apartado 4.7).
5.24 Mapa de clicks
Este componente se utiliza para introducir enlaces a ventanas emergentes “Single” al hacer clic sobre ciertas áreas
dentro de una imagen.
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre Tipo Obligatorio Descripción
Recurso Recurso en formato .GIF,
.PNG, .JPEG o .JPG
Sí Imagen que se visualizará.
Áreas Sí Secciones sobre la imagen que hay que configurar para que al hacer
clic sobre ellas se despliegue una ventana emergente “Single”.
Puedes añadir tantas como desees.
Este componente no contiene ningún otro componente.
5.25 Carrusel
Este componente se utiliza para introducir varias imágenes que se podrán visualizar individualmente, una tras otra,
haciendo clic sobre las flechas que se muestran a la derecha ( ) y a la izquierda ( ) de la imagen o sobre los puntos al
pie de la misma ( ).
Este componente no tiene propiedades editables, pero contiene el siguiente componente:
Componente Tipo Obligatorio Descripción
Imagen Recurso en formato .GIF,
.PNG, .JPEG
Sí Recurso imagen mostrado en el componente. Puedes añadir tantas como
desees.
5.26 Grupo de acordeón
Este componente nos permite mostrar contenidos en forma de acordeón desplegable. Este acordeón permanece oculto
hasta que hacemos clic sobre un componente HTML. Los componentes que puede incluir el acordeón son: actividad,
audio, cita, HTML, imagen, actividad de texto, vídeo, cuestionario, contenido externo y mapa de clicks.
La propiedad que se puede establecer desde el editor para este componente es:
Este componente contiene el siguiente componente:
Componente Cantidad Obligatorio Descripción
Acordeón 1..N Sí Contiene los componentes que se quieren desplegar.
Nombre Tipo Obligatorio Descripción
Plegar
automáticamente
Listado No Cuando hay varios acordeones, si seleccionas “True”, cada vez que
despliegues uno de ellos se plegará el anterior que hayas desplegado. Si
seleccionas “False”, los acordeones que despliegues permanecerán así
hasta que los pliegues.
41
5.27 Grupo de pestañas
Este componente nos permite mostrar contenidos en varias pestañas que se podrán visualizar individualmente
haciendo clic en cada una de ellas. Puedes incluir cualquier tipo de componente de los disponibles en la herramienta.
La propiedad que se puede establecer desde el editor para este componente es:
Este componente contiene el siguiente componente:
Componente Cantidad Obligatorio Descripción
Contenido de
pestaña
1..N Sí Contiene los componentes que se quieren desplegar.
Nombre Tipo Obligatorio Descripción
Titulo Texto Sí Título mostrado en cada pestaña.
42
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
 Vídeos en formato .MP4
 Documento en formato .PDF
 Contenido externo comprimido en formato .ZIP (.doc, .ppt, .xcl, .pdf, .xls…)
43
A. Anexos
A.1. Tamaños de imágenes y contenidos externos
44
A.2. Codificación de vídeos con HandBrake
HandBrake es una herramienta para la conversión de vídeos desde casi cualquier formato a una selección de codecs
modernos y ampliamente compatibles.
Las razones fundamentales por las que usar esta herramienta son:
 Convierte vídeo desde casi cualquier formato
 Libre y de código abierto
 Multiplataforma (Windows, Mac y Linux)
Una vez instalado HandBrake y dependiendo de los ajustes de compresión, los vídeos resultantes pueden ser
reproducidos en ordenadores de escritorio y dispositivos móviles (iPhone, iPod Touch, iPad, Smartphones, Tablets
Android, etc.).
A.2.1. Proceso de codificación
En este apartado se describen los pasos a seguir para realizar la codificación de vídeo con la herramienta HandBrake:
1. Abre HandBrake, haz clic en “Source/Open File” y selecciona el archivo que quieres convertir.
45
2. Después de seleccionar el archivo, aparecerá información a la derecha de “Source”.
3. Selecciona la pestaña “Picture” para configurar el tamaño del vídeo.
El tamaño recomendado para vídeos que se van a visualizar en dispositivos móviles es 640x360.
Para ello debes configurar los siguientes parámetros tal y como se muestra en la imagen:
 Cropping: Automatic
 Anamorphic: None
 Width: 640
 Keep Aspect Ratio: selecciona este parámetro para que se ajuste automáticamente el alto del vídeo al
ancho indicado
46
4. Selecciona la ruta destino así como el nombre del archivo haciendo clic en “Browse”.
Una característica a tener en cuenta es el formato de salida del vídeo que debe ser mp4. En caso de que
HandBrake lo convierta a otro formato se puede forzar cambiando la extensión del archivo de salida.
5. Selecciona la pestaña “Video” y configura la conversión de vídeo como se muestra en la imagen, prestando
especial atención a los siguientes parámetros:
a. Web optimized: este parámetro debe estar seleccionado.
b. Vídeo Codec: selecciona códec H.264 (x264). Esto da mejor calidad y menor tamaño de archivo que la
codificación MPEG-4 y VP3. Además, la mayoría de dispositivos soportan este formato, por lo que se
está convirtiendo en un estándar.
c. H.264 Profile: selecciona perfil Baseline.
d. H.264 Level: selecciona nivel 3.1.
47
6. Haz clic en “Start” para comenzar con el proceso de compresión
Una vez finalizado el proceso, ya tienes el vídeo listo con las características adecuadas para ser visualizado
correctamente en dispositivos móviles y en escritorio.
Ahora sólo tienes que añadir el vídeo a la zona de recursos y utilizarlo dentro de tu proyecto.

Más contenido relacionado

La actualidad más candente

Desarrollo de videojuegos
Desarrollo de videojuegosDesarrollo de videojuegos
Desarrollo de videojuegos
Olha Sharhorodska
 
Adobe after effects cs5
Adobe after effects cs5Adobe after effects cs5
Adobe after effects cs5
Jesus Reinoso
 
Fwpa doc-desarrollo
Fwpa doc-desarrolloFwpa doc-desarrollo
Fwpa doc-desarrollo
ciriako
 
Software libre.
Software libre.Software libre.
Software libre.
mauricionetto
 
Basico excel2007
Basico excel2007Basico excel2007
Basico excel2007
Miguel Vasquez
 
Code igniter spanish_userguide
Code igniter spanish_userguideCode igniter spanish_userguide
Code igniter spanish_userguide
combamx
 
Code igniter spanish_userguide
Code igniter spanish_userguideCode igniter spanish_userguide
Code igniter spanish_userguide
Nelson Salinas
 
Whatsnew
WhatsnewWhatsnew
Whatsnew
jose manuel
 
Captivate 5.5
Captivate 5.5Captivate 5.5
Captivate 5.5
jhordy2000
 
Programacion.con.adobe.action.script.3.0
Programacion.con.adobe.action.script.3.0Programacion.con.adobe.action.script.3.0
Programacion.con.adobe.action.script.3.0
KathaBCN
 
Manual de uti-2010.final
Manual de uti-2010.finalManual de uti-2010.final
Manual de uti-2010.final
Javier Camacho
 
Modelado Visual de Aplicaciones Lotus Notes Domino
Modelado Visual de Aplicaciones Lotus Notes DominoModelado Visual de Aplicaciones Lotus Notes Domino
Modelado Visual de Aplicaciones Lotus Notes Domino
Hiriam Eduardo Perez Vidal
 
Openbravo manual-de-usuario-v1.1
Openbravo manual-de-usuario-v1.1Openbravo manual-de-usuario-v1.1
Openbravo manual-de-usuario-v1.1
Joel Palomino Silva
 
Flash cs5 help
Flash cs5 helpFlash cs5 help
Flash cs5 help
Elserioperico
 

La actualidad más candente (14)

Desarrollo de videojuegos
Desarrollo de videojuegosDesarrollo de videojuegos
Desarrollo de videojuegos
 
Adobe after effects cs5
Adobe after effects cs5Adobe after effects cs5
Adobe after effects cs5
 
Fwpa doc-desarrollo
Fwpa doc-desarrolloFwpa doc-desarrollo
Fwpa doc-desarrollo
 
Software libre.
Software libre.Software libre.
Software libre.
 
Basico excel2007
Basico excel2007Basico excel2007
Basico excel2007
 
Code igniter spanish_userguide
Code igniter spanish_userguideCode igniter spanish_userguide
Code igniter spanish_userguide
 
Code igniter spanish_userguide
Code igniter spanish_userguideCode igniter spanish_userguide
Code igniter spanish_userguide
 
Whatsnew
WhatsnewWhatsnew
Whatsnew
 
Captivate 5.5
Captivate 5.5Captivate 5.5
Captivate 5.5
 
Programacion.con.adobe.action.script.3.0
Programacion.con.adobe.action.script.3.0Programacion.con.adobe.action.script.3.0
Programacion.con.adobe.action.script.3.0
 
Manual de uti-2010.final
Manual de uti-2010.finalManual de uti-2010.final
Manual de uti-2010.final
 
Modelado Visual de Aplicaciones Lotus Notes Domino
Modelado Visual de Aplicaciones Lotus Notes DominoModelado Visual de Aplicaciones Lotus Notes Domino
Modelado Visual de Aplicaciones Lotus Notes Domino
 
Openbravo manual-de-usuario-v1.1
Openbravo manual-de-usuario-v1.1Openbravo manual-de-usuario-v1.1
Openbravo manual-de-usuario-v1.1
 
Flash cs5 help
Flash cs5 helpFlash cs5 help
Flash cs5 help
 

Destacado

ÍNDICE - General (4 páginas)
ÍNDICE - General (4 páginas)ÍNDICE - General (4 páginas)
ÍNDICE - General (4 páginas)
FINA ORDORIKA
 
manual de Gimp
manual de Gimpmanual de Gimp
manual de Gimp
adrianita97
 
Trabajo sobre arquitectura de computadores imp
Trabajo sobre arquitectura de computadores impTrabajo sobre arquitectura de computadores imp
Trabajo sobre arquitectura de computadores imp
LuzMayerly
 
Competencias comunicativas momento 3 final
Competencias comunicativas momento 3 finalCompetencias comunicativas momento 3 final
Competencias comunicativas momento 3 final
Yenni Muriel
 
Analisis semantico de la arquitectura
Analisis semantico de la arquitecturaAnalisis semantico de la arquitectura
Analisis semantico de la arquitectura
Miguel Antonio Ramirez
 
Atlas de anatomia palpatória colo, tronco e membro superior [mundofisiotera...
Atlas de anatomia palpatória   colo, tronco e membro superior [mundofisiotera...Atlas de anatomia palpatória   colo, tronco e membro superior [mundofisiotera...
Atlas de anatomia palpatória colo, tronco e membro superior [mundofisiotera...
rocio padilla
 
Taller 1 gabriela y fernanda
Taller 1 gabriela y fernandaTaller 1 gabriela y fernanda
Taller 1 gabriela y fernanda
Fernanda Gabriela
 
Acero puro (iván)
Acero puro (iván)Acero puro (iván)
Acero puro (iván)
PaulaReySilva
 
Lecc06winxpbas
Lecc06winxpbasLecc06winxpbas
Lecc06winxpbas
Juan Krloz
 
Fenelon gimenez gonzalez 22 cosas que_debes_saber_antes_de_morir-5965
Fenelon gimenez gonzalez 22 cosas que_debes_saber_antes_de_morir-5965Fenelon gimenez gonzalez 22 cosas que_debes_saber_antes_de_morir-5965
Fenelon gimenez gonzalez 22 cosas que_debes_saber_antes_de_morir-5965
Fenelon Gimenez Gonzalez
 
El verbo
El verboEl verbo
Fideicomiso
FideicomisoFideicomiso
Cibrbulling
CibrbullingCibrbulling
Cibrbulling
NaNa Torres
 
As formas e fontes de enerxía
As formas e fontes de enerxíaAs formas e fontes de enerxía
As formas e fontes de enerxíaPaulaReySilva
 
Internacionalización
InternacionalizaciónInternacionalización
Internacionalización
Universidad Estatal de Sonora
 
VIGO
VIGOVIGO
Reactivos de Control de Medicamentos 9 de sep
Reactivos de Control de Medicamentos 9 de sepReactivos de Control de Medicamentos 9 de sep
Reactivos de Control de Medicamentos 9 de sep
Niita Placencio Franco
 
Fenelon gimenez gonzalez garganta de-takachiho-100155 (2)
Fenelon gimenez gonzalez garganta de-takachiho-100155 (2)Fenelon gimenez gonzalez garganta de-takachiho-100155 (2)
Fenelon gimenez gonzalez garganta de-takachiho-100155 (2)
Fenelon Gimenez Gonzalez
 
Cta
CtaCta

Destacado (20)

ÍNDICE - General (4 páginas)
ÍNDICE - General (4 páginas)ÍNDICE - General (4 páginas)
ÍNDICE - General (4 páginas)
 
manual de Gimp
manual de Gimpmanual de Gimp
manual de Gimp
 
Trabajo sobre arquitectura de computadores imp
Trabajo sobre arquitectura de computadores impTrabajo sobre arquitectura de computadores imp
Trabajo sobre arquitectura de computadores imp
 
Competencias comunicativas momento 3 final
Competencias comunicativas momento 3 finalCompetencias comunicativas momento 3 final
Competencias comunicativas momento 3 final
 
Analisis semantico de la arquitectura
Analisis semantico de la arquitecturaAnalisis semantico de la arquitectura
Analisis semantico de la arquitectura
 
Atlas de anatomia palpatória colo, tronco e membro superior [mundofisiotera...
Atlas de anatomia palpatória   colo, tronco e membro superior [mundofisiotera...Atlas de anatomia palpatória   colo, tronco e membro superior [mundofisiotera...
Atlas de anatomia palpatória colo, tronco e membro superior [mundofisiotera...
 
Taller 1 gabriela y fernanda
Taller 1 gabriela y fernandaTaller 1 gabriela y fernanda
Taller 1 gabriela y fernanda
 
Acero puro (iván)
Acero puro (iván)Acero puro (iván)
Acero puro (iván)
 
Lecc06winxpbas
Lecc06winxpbasLecc06winxpbas
Lecc06winxpbas
 
Fenelon gimenez gonzalez 22 cosas que_debes_saber_antes_de_morir-5965
Fenelon gimenez gonzalez 22 cosas que_debes_saber_antes_de_morir-5965Fenelon gimenez gonzalez 22 cosas que_debes_saber_antes_de_morir-5965
Fenelon gimenez gonzalez 22 cosas que_debes_saber_antes_de_morir-5965
 
El verbo
El verboEl verbo
El verbo
 
Fideicomiso
FideicomisoFideicomiso
Fideicomiso
 
Cibrbulling
CibrbullingCibrbulling
Cibrbulling
 
As formas e fontes de enerxía
As formas e fontes de enerxíaAs formas e fontes de enerxía
As formas e fontes de enerxía
 
Internacionalización
InternacionalizaciónInternacionalización
Internacionalización
 
VIGO
VIGOVIGO
VIGO
 
Reactivos de Control de Medicamentos 9 de sep
Reactivos de Control de Medicamentos 9 de sepReactivos de Control de Medicamentos 9 de sep
Reactivos de Control de Medicamentos 9 de sep
 
Fenelon gimenez gonzalez garganta de-takachiho-100155 (2)
Fenelon gimenez gonzalez garganta de-takachiho-100155 (2)Fenelon gimenez gonzalez garganta de-takachiho-100155 (2)
Fenelon gimenez gonzalez garganta de-takachiho-100155 (2)
 
Presentación1
Presentación1Presentación1
Presentación1
 
Cta
CtaCta
Cta
 

Similar a Netex learningMaker | Multipage Template v2.5.3 [Es]

Electrónica digital: DIseño e implementacion de la plataforma Boole-Weblab-De...
Electrónica digital: DIseño e implementacion de la plataforma Boole-Weblab-De...Electrónica digital: DIseño e implementacion de la plataforma Boole-Weblab-De...
Electrónica digital: DIseño e implementacion de la plataforma Boole-Weblab-De...
SANTIAGO PABLO ALBERTO
 
Apache
ApacheApache
Adobe after effects cs5
Adobe after effects cs5Adobe after effects cs5
Adobe after effects cs5
raulernesto28
 
Manual de inf para negocios
Manual de inf para negociosManual de inf para negocios
Manual de inf para negocios
David Hidalgo Arcos
 
Creacion mapasconceptuales
Creacion mapasconceptualesCreacion mapasconceptuales
Creacion mapasconceptuales
lalitamarin
 
Ms project
Ms projectMs project
69369
6936969369
Oracle introduccion
Oracle introduccionOracle introduccion
Oracle introduccion
Nii Caytuiro
 
Manual adobe flash cs3
Manual adobe flash cs3Manual adobe flash cs3
Manual adobe flash cs3
Yanka-Isabelle
 
Manual abies 2
Manual abies 2Manual abies 2
Manual abies 2
IES Juanelo Turriano
 
Flash as3 components_help
Flash as3 components_helpFlash as3 components_help
Flash as3 components_help
Ricardo Paucara
 
Macros excel
Macros excelMacros excel
Macros excel
Franeles
 
Manual de visual basic.net
Manual de visual basic.netManual de visual basic.net
Manual de visual basic.net
Jorge Gabriel Serpa
 
Code igniter spanish_userguide
Code igniter spanish_userguideCode igniter spanish_userguide
Code igniter spanish_userguide
Carlos Baeza Negroni
 
Sistema de control, secuencia y termino
Sistema de control, secuencia y terminoSistema de control, secuencia y termino
Sistema de control, secuencia y termino
Yadira Fuentes
 
Vb net telematic
Vb net telematicVb net telematic
Vb net telematic
William Monsalve
 
15225891 Manual De Integracion V10
15225891 Manual De Integracion V1015225891 Manual De Integracion V10
15225891 Manual De Integracion V10
guest1b9f18d3
 
1 estudio-cloud_computing_retos_y_oportunidades_vdef
1  estudio-cloud_computing_retos_y_oportunidades_vdef1  estudio-cloud_computing_retos_y_oportunidades_vdef
1 estudio-cloud_computing_retos_y_oportunidades_vdef
Orlando Verdugo
 
Cloud computing. retos y oportunidades
Cloud computing. retos y oportunidadesCloud computing. retos y oportunidades
Cloud computing. retos y oportunidades
Logisman
 
Curso de Introducción a las Nuevas Tecnologías
Curso de Introducción a las Nuevas TecnologíasCurso de Introducción a las Nuevas Tecnologías
Curso de Introducción a las Nuevas Tecnologías
Guadalinfo Villardompardo
 

Similar a Netex learningMaker | Multipage Template v2.5.3 [Es] (20)

Electrónica digital: DIseño e implementacion de la plataforma Boole-Weblab-De...
Electrónica digital: DIseño e implementacion de la plataforma Boole-Weblab-De...Electrónica digital: DIseño e implementacion de la plataforma Boole-Weblab-De...
Electrónica digital: DIseño e implementacion de la plataforma Boole-Weblab-De...
 
Apache
ApacheApache
Apache
 
Adobe after effects cs5
Adobe after effects cs5Adobe after effects cs5
Adobe after effects cs5
 
Manual de inf para negocios
Manual de inf para negociosManual de inf para negocios
Manual de inf para negocios
 
Creacion mapasconceptuales
Creacion mapasconceptualesCreacion mapasconceptuales
Creacion mapasconceptuales
 
Ms project
Ms projectMs project
Ms project
 
69369
6936969369
69369
 
Oracle introduccion
Oracle introduccionOracle introduccion
Oracle introduccion
 
Manual adobe flash cs3
Manual adobe flash cs3Manual adobe flash cs3
Manual adobe flash cs3
 
Manual abies 2
Manual abies 2Manual abies 2
Manual abies 2
 
Flash as3 components_help
Flash as3 components_helpFlash as3 components_help
Flash as3 components_help
 
Macros excel
Macros excelMacros excel
Macros excel
 
Manual de visual basic.net
Manual de visual basic.netManual de visual basic.net
Manual de visual basic.net
 
Code igniter spanish_userguide
Code igniter spanish_userguideCode igniter spanish_userguide
Code igniter spanish_userguide
 
Sistema de control, secuencia y termino
Sistema de control, secuencia y terminoSistema de control, secuencia y termino
Sistema de control, secuencia y termino
 
Vb net telematic
Vb net telematicVb net telematic
Vb net telematic
 
15225891 Manual De Integracion V10
15225891 Manual De Integracion V1015225891 Manual De Integracion V10
15225891 Manual De Integracion V10
 
1 estudio-cloud_computing_retos_y_oportunidades_vdef
1  estudio-cloud_computing_retos_y_oportunidades_vdef1  estudio-cloud_computing_retos_y_oportunidades_vdef
1 estudio-cloud_computing_retos_y_oportunidades_vdef
 
Cloud computing. retos y oportunidades
Cloud computing. retos y oportunidadesCloud computing. retos y oportunidades
Cloud computing. retos y oportunidades
 
Curso de Introducción a las Nuevas Tecnologías
Curso de Introducción a las Nuevas TecnologíasCurso de Introducción a las Nuevas Tecnologías
Curso de Introducción a las Nuevas Tecnologías
 

Más de Netex Learning

Netex contentCloud 2022 en breve [ES]
Netex contentCloud 2022 en breve [ES]Netex contentCloud 2022 en breve [ES]
Netex contentCloud 2022 en breve [ES]
Netex Learning
 
Netex learningCloud 2022 | ¡Motiva, inspira, conecta! [ES]
Netex learningCloud 2022 | ¡Motiva, inspira, conecta! [ES]Netex learningCloud 2022 | ¡Motiva, inspira, conecta! [ES]
Netex learningCloud 2022 | ¡Motiva, inspira, conecta! [ES]
Netex Learning
 
Netex talentCloud 2022 in short [EN]
Netex talentCloud 2022 in short [EN]Netex talentCloud 2022 in short [EN]
Netex talentCloud 2022 in short [EN]
Netex Learning
 
Netex contentCloud 2022 in short [EN]
Netex contentCloud 2022 in short [EN]Netex contentCloud 2022 in short [EN]
Netex contentCloud 2022 in short [EN]
Netex Learning
 
Netex learningCloud 2022 | Engage, Empower, Improve! [EN]
Netex learningCloud 2022 | Engage, Empower, Improve! [EN]Netex learningCloud 2022 | Engage, Empower, Improve! [EN]
Netex learningCloud 2022 | Engage, Empower, Improve! [EN]
Netex Learning
 
Netex talentCloud 2021 | Tu organización es puro talento [ES]
Netex talentCloud 2021 | Tu organización es puro talento [ES]Netex talentCloud 2021 | Tu organización es puro talento [ES]
Netex talentCloud 2021 | Tu organización es puro talento [ES]
Netex Learning
 
Netex talentCloud 2021 | Your organisation is pure talent [EN]
Netex talentCloud 2021 | Your organisation is pure talent [EN]Netex talentCloud 2021 | Your organisation is pure talent [EN]
Netex talentCloud 2021 | Your organisation is pure talent [EN]
Netex Learning
 
Netex contentCloud 2020 [EN]
Netex contentCloud 2020 [EN]Netex contentCloud 2020 [EN]
Netex contentCloud 2020 [EN]
Netex Learning
 
WEBINAR | smartClassroom - Funcionalidades básicas [ES]
WEBINAR | smartClassroom - Funcionalidades básicas [ES]WEBINAR | smartClassroom - Funcionalidades básicas [ES]
WEBINAR | smartClassroom - Funcionalidades básicas [ES]
Netex Learning
 
WEBINAR | La escuela desde casa, es hora de reinventarse [ES]
WEBINAR | La escuela desde casa, es hora de reinventarse [ES]WEBINAR | La escuela desde casa, es hora de reinventarse [ES]
WEBINAR | La escuela desde casa, es hora de reinventarse [ES]
Netex Learning
 
WEBINAR | La universidad desde casa, estrategias para el cambio [ES]
WEBINAR | La universidad desde casa, estrategias para el cambio [ES]WEBINAR | La universidad desde casa, estrategias para el cambio [ES]
WEBINAR | La universidad desde casa, estrategias para el cambio [ES]
Netex Learning
 
Netex learningCloud 2020 | ¡Motiva, inspira, conecta! [ES]
Netex learningCloud 2020 | ¡Motiva, inspira, conecta! [ES]Netex learningCloud 2020 | ¡Motiva, inspira, conecta! [ES]
Netex learningCloud 2020 | ¡Motiva, inspira, conecta! [ES]
Netex Learning
 
Netex contentCloud 2020 en breve [ES]
Netex contentCloud 2020 en breve [ES]Netex contentCloud 2020 en breve [ES]
Netex contentCloud 2020 en breve [ES]
Netex Learning
 
Netex learningCloud 2020 | Engage, Empower, Improve! [EN]
Netex learningCloud 2020 | Engage, Empower, Improve! [EN]Netex learningCloud 2020 | Engage, Empower, Improve! [EN]
Netex learningCloud 2020 | Engage, Empower, Improve! [EN]
Netex Learning
 
Netex learningCloud 2020 in short [EN]
Netex learningCloud 2020 in short [EN]Netex learningCloud 2020 in short [EN]
Netex learningCloud 2020 in short [EN]
Netex Learning
 
Netex contentCloud 2020 in short [EN]
Netex contentCloud 2020 in short [EN]Netex contentCloud 2020 in short [EN]
Netex contentCloud 2020 in short [EN]
Netex Learning
 
Netex Seminar DES2019 | Performance-Based Learning Strategies in the 4th Indu...
Netex Seminar DES2019 | Performance-Based Learning Strategies in the 4th Indu...Netex Seminar DES2019 | Performance-Based Learning Strategies in the 4th Indu...
Netex Seminar DES2019 | Performance-Based Learning Strategies in the 4th Indu...
Netex Learning
 
WEBINAR | Impulsando el rendimiento empresarial [ES]
WEBINAR | Impulsando el rendimiento empresarial [ES]WEBINAR | Impulsando el rendimiento empresarial [ES]
WEBINAR | Impulsando el rendimiento empresarial [ES]
Netex Learning
 
WEBINAR | Driving business performance [EN]
WEBINAR | Driving business performance [EN]WEBINAR | Driving business performance [EN]
WEBINAR | Driving business performance [EN]
Netex Learning
 
Netex contentCloud 2019 en breve [ES]
Netex contentCloud 2019 en breve [ES]Netex contentCloud 2019 en breve [ES]
Netex contentCloud 2019 en breve [ES]
Netex Learning
 

Más de Netex Learning (20)

Netex contentCloud 2022 en breve [ES]
Netex contentCloud 2022 en breve [ES]Netex contentCloud 2022 en breve [ES]
Netex contentCloud 2022 en breve [ES]
 
Netex learningCloud 2022 | ¡Motiva, inspira, conecta! [ES]
Netex learningCloud 2022 | ¡Motiva, inspira, conecta! [ES]Netex learningCloud 2022 | ¡Motiva, inspira, conecta! [ES]
Netex learningCloud 2022 | ¡Motiva, inspira, conecta! [ES]
 
Netex talentCloud 2022 in short [EN]
Netex talentCloud 2022 in short [EN]Netex talentCloud 2022 in short [EN]
Netex talentCloud 2022 in short [EN]
 
Netex contentCloud 2022 in short [EN]
Netex contentCloud 2022 in short [EN]Netex contentCloud 2022 in short [EN]
Netex contentCloud 2022 in short [EN]
 
Netex learningCloud 2022 | Engage, Empower, Improve! [EN]
Netex learningCloud 2022 | Engage, Empower, Improve! [EN]Netex learningCloud 2022 | Engage, Empower, Improve! [EN]
Netex learningCloud 2022 | Engage, Empower, Improve! [EN]
 
Netex talentCloud 2021 | Tu organización es puro talento [ES]
Netex talentCloud 2021 | Tu organización es puro talento [ES]Netex talentCloud 2021 | Tu organización es puro talento [ES]
Netex talentCloud 2021 | Tu organización es puro talento [ES]
 
Netex talentCloud 2021 | Your organisation is pure talent [EN]
Netex talentCloud 2021 | Your organisation is pure talent [EN]Netex talentCloud 2021 | Your organisation is pure talent [EN]
Netex talentCloud 2021 | Your organisation is pure talent [EN]
 
Netex contentCloud 2020 [EN]
Netex contentCloud 2020 [EN]Netex contentCloud 2020 [EN]
Netex contentCloud 2020 [EN]
 
WEBINAR | smartClassroom - Funcionalidades básicas [ES]
WEBINAR | smartClassroom - Funcionalidades básicas [ES]WEBINAR | smartClassroom - Funcionalidades básicas [ES]
WEBINAR | smartClassroom - Funcionalidades básicas [ES]
 
WEBINAR | La escuela desde casa, es hora de reinventarse [ES]
WEBINAR | La escuela desde casa, es hora de reinventarse [ES]WEBINAR | La escuela desde casa, es hora de reinventarse [ES]
WEBINAR | La escuela desde casa, es hora de reinventarse [ES]
 
WEBINAR | La universidad desde casa, estrategias para el cambio [ES]
WEBINAR | La universidad desde casa, estrategias para el cambio [ES]WEBINAR | La universidad desde casa, estrategias para el cambio [ES]
WEBINAR | La universidad desde casa, estrategias para el cambio [ES]
 
Netex learningCloud 2020 | ¡Motiva, inspira, conecta! [ES]
Netex learningCloud 2020 | ¡Motiva, inspira, conecta! [ES]Netex learningCloud 2020 | ¡Motiva, inspira, conecta! [ES]
Netex learningCloud 2020 | ¡Motiva, inspira, conecta! [ES]
 
Netex contentCloud 2020 en breve [ES]
Netex contentCloud 2020 en breve [ES]Netex contentCloud 2020 en breve [ES]
Netex contentCloud 2020 en breve [ES]
 
Netex learningCloud 2020 | Engage, Empower, Improve! [EN]
Netex learningCloud 2020 | Engage, Empower, Improve! [EN]Netex learningCloud 2020 | Engage, Empower, Improve! [EN]
Netex learningCloud 2020 | Engage, Empower, Improve! [EN]
 
Netex learningCloud 2020 in short [EN]
Netex learningCloud 2020 in short [EN]Netex learningCloud 2020 in short [EN]
Netex learningCloud 2020 in short [EN]
 
Netex contentCloud 2020 in short [EN]
Netex contentCloud 2020 in short [EN]Netex contentCloud 2020 in short [EN]
Netex contentCloud 2020 in short [EN]
 
Netex Seminar DES2019 | Performance-Based Learning Strategies in the 4th Indu...
Netex Seminar DES2019 | Performance-Based Learning Strategies in the 4th Indu...Netex Seminar DES2019 | Performance-Based Learning Strategies in the 4th Indu...
Netex Seminar DES2019 | Performance-Based Learning Strategies in the 4th Indu...
 
WEBINAR | Impulsando el rendimiento empresarial [ES]
WEBINAR | Impulsando el rendimiento empresarial [ES]WEBINAR | Impulsando el rendimiento empresarial [ES]
WEBINAR | Impulsando el rendimiento empresarial [ES]
 
WEBINAR | Driving business performance [EN]
WEBINAR | Driving business performance [EN]WEBINAR | Driving business performance [EN]
WEBINAR | Driving business performance [EN]
 
Netex contentCloud 2019 en breve [ES]
Netex contentCloud 2019 en breve [ES]Netex contentCloud 2019 en breve [ES]
Netex contentCloud 2019 en breve [ES]
 

Último

Curso de Capacitación Cruz Roja Mexicana
Curso de Capacitación Cruz Roja MexicanaCurso de Capacitación Cruz Roja Mexicana
Curso de Capacitación Cruz Roja Mexicana
RobertoJesusCastillo1
 
INVESTIGACION FORMATIVA GESTIÓN DE TALENTO HUMANO
INVESTIGACION FORMATIVA GESTIÓN DE TALENTO HUMANOINVESTIGACION FORMATIVA GESTIÓN DE TALENTO HUMANO
INVESTIGACION FORMATIVA GESTIÓN DE TALENTO HUMANO
jennicaceres
 
apoyo contabilidad para personas que comienza
apoyo contabilidad para personas que comienzaapoyo contabilidad para personas que comienza
apoyo contabilidad para personas que comienza
MarcoCarrillo41
 
Calculo de amortización de un prestamo.pdf
Calculo de amortización de un prestamo.pdfCalculo de amortización de un prestamo.pdf
Calculo de amortización de un prestamo.pdf
LEIDYRIOFRIO
 
cafetales encalado y producción usos y costumbres
cafetales encalado y producción usos y costumbrescafetales encalado y producción usos y costumbres
cafetales encalado y producción usos y costumbres
DavidFloresJara
 
Tema 20 Cuentas Por Cobrar Finanzas I UNSA
Tema 20 Cuentas Por Cobrar Finanzas I UNSATema 20 Cuentas Por Cobrar Finanzas I UNSA
Tema 20 Cuentas Por Cobrar Finanzas I UNSA
GABRIELAALEXANDRASAI1
 
Lo nuevo NOI 11 haz ese momento historico
Lo nuevo NOI 11 haz ese momento historicoLo nuevo NOI 11 haz ese momento historico
Lo nuevo NOI 11 haz ese momento historico
Cade Soluciones
 
4. PRESENTACION LETRA DE CAMBIO EN BOLIVIA.pdf
4. PRESENTACION LETRA DE CAMBIO EN BOLIVIA.pdf4. PRESENTACION LETRA DE CAMBIO EN BOLIVIA.pdf
4. PRESENTACION LETRA DE CAMBIO EN BOLIVIA.pdf
eloy472575
 
Trabajo sobre Presupuesto Empresarial .pdf
Trabajo sobre Presupuesto Empresarial .pdfTrabajo sobre Presupuesto Empresarial .pdf
Trabajo sobre Presupuesto Empresarial .pdf
YennyGarcia45
 
Evolución de la mercadotecnia y selección del producto en la empresa KFC
Evolución de la mercadotecnia y selección del producto en la empresa KFCEvolución de la mercadotecnia y selección del producto en la empresa KFC
Evolución de la mercadotecnia y selección del producto en la empresa KFC
AndrobertoAlva
 
Bloqueo y candadeo, norma NOM-004-STPS-1999
Bloqueo y candadeo, norma NOM-004-STPS-1999Bloqueo y candadeo, norma NOM-004-STPS-1999
Bloqueo y candadeo, norma NOM-004-STPS-1999
MiguelZavala76
 
Tema 3 - Tecnicas de Recoleccion de Datos.pptx
Tema 3 - Tecnicas de Recoleccion de Datos.pptxTema 3 - Tecnicas de Recoleccion de Datos.pptx
Tema 3 - Tecnicas de Recoleccion de Datos.pptx
CarmeloPrez1
 
Los catorce principios de calidad en las empresas, según Deming..pptx
Los catorce  principios de calidad en las empresas, según Deming..pptxLos catorce  principios de calidad en las empresas, según Deming..pptx
Los catorce principios de calidad en las empresas, según Deming..pptx
AbelQuispe31
 
Normas de Seguridad Vial ISO 39001-2012.pdf
Normas de Seguridad Vial ISO 39001-2012.pdfNormas de Seguridad Vial ISO 39001-2012.pdf
Normas de Seguridad Vial ISO 39001-2012.pdf
henrywz8831
 
capítulo 3 y 4 de finazas internacionales
capítulo 3 y 4  de finazas internacionalescapítulo 3 y 4  de finazas internacionales
capítulo 3 y 4 de finazas internacionales
josehernandez790860
 
Mi Carnaval, sistema utilizará algoritmos de ML para optimizar la distribució...
Mi Carnaval, sistema utilizará algoritmos de ML para optimizar la distribució...Mi Carnaval, sistema utilizará algoritmos de ML para optimizar la distribució...
Mi Carnaval, sistema utilizará algoritmos de ML para optimizar la distribució...
micarnavaltupatrimon
 
Sesión 1-2 Formulación de Estados Financieros (2).pdf
Sesión 1-2 Formulación de Estados Financieros (2).pdfSesión 1-2 Formulación de Estados Financieros (2).pdf
Sesión 1-2 Formulación de Estados Financieros (2).pdf
JhoanaSilvaHeredia
 
1-Infografia Cifras Nacional unimos j.pdf
1-Infografia Cifras Nacional unimos j.pdf1-Infografia Cifras Nacional unimos j.pdf
1-Infografia Cifras Nacional unimos j.pdf
paolamoreno683631
 
ejecucion de la investigacion de mercados
ejecucion  de la investigacion de mercadosejecucion  de la investigacion de mercados
ejecucion de la investigacion de mercados
MARIAGUADALUPEMENDEZ10
 
El-Codigo-De-La-Abundancia para todos.pdf
El-Codigo-De-La-Abundancia para todos.pdfEl-Codigo-De-La-Abundancia para todos.pdf
El-Codigo-De-La-Abundancia para todos.pdf
AshliMack
 

Último (20)

Curso de Capacitación Cruz Roja Mexicana
Curso de Capacitación Cruz Roja MexicanaCurso de Capacitación Cruz Roja Mexicana
Curso de Capacitación Cruz Roja Mexicana
 
INVESTIGACION FORMATIVA GESTIÓN DE TALENTO HUMANO
INVESTIGACION FORMATIVA GESTIÓN DE TALENTO HUMANOINVESTIGACION FORMATIVA GESTIÓN DE TALENTO HUMANO
INVESTIGACION FORMATIVA GESTIÓN DE TALENTO HUMANO
 
apoyo contabilidad para personas que comienza
apoyo contabilidad para personas que comienzaapoyo contabilidad para personas que comienza
apoyo contabilidad para personas que comienza
 
Calculo de amortización de un prestamo.pdf
Calculo de amortización de un prestamo.pdfCalculo de amortización de un prestamo.pdf
Calculo de amortización de un prestamo.pdf
 
cafetales encalado y producción usos y costumbres
cafetales encalado y producción usos y costumbrescafetales encalado y producción usos y costumbres
cafetales encalado y producción usos y costumbres
 
Tema 20 Cuentas Por Cobrar Finanzas I UNSA
Tema 20 Cuentas Por Cobrar Finanzas I UNSATema 20 Cuentas Por Cobrar Finanzas I UNSA
Tema 20 Cuentas Por Cobrar Finanzas I UNSA
 
Lo nuevo NOI 11 haz ese momento historico
Lo nuevo NOI 11 haz ese momento historicoLo nuevo NOI 11 haz ese momento historico
Lo nuevo NOI 11 haz ese momento historico
 
4. PRESENTACION LETRA DE CAMBIO EN BOLIVIA.pdf
4. PRESENTACION LETRA DE CAMBIO EN BOLIVIA.pdf4. PRESENTACION LETRA DE CAMBIO EN BOLIVIA.pdf
4. PRESENTACION LETRA DE CAMBIO EN BOLIVIA.pdf
 
Trabajo sobre Presupuesto Empresarial .pdf
Trabajo sobre Presupuesto Empresarial .pdfTrabajo sobre Presupuesto Empresarial .pdf
Trabajo sobre Presupuesto Empresarial .pdf
 
Evolución de la mercadotecnia y selección del producto en la empresa KFC
Evolución de la mercadotecnia y selección del producto en la empresa KFCEvolución de la mercadotecnia y selección del producto en la empresa KFC
Evolución de la mercadotecnia y selección del producto en la empresa KFC
 
Bloqueo y candadeo, norma NOM-004-STPS-1999
Bloqueo y candadeo, norma NOM-004-STPS-1999Bloqueo y candadeo, norma NOM-004-STPS-1999
Bloqueo y candadeo, norma NOM-004-STPS-1999
 
Tema 3 - Tecnicas de Recoleccion de Datos.pptx
Tema 3 - Tecnicas de Recoleccion de Datos.pptxTema 3 - Tecnicas de Recoleccion de Datos.pptx
Tema 3 - Tecnicas de Recoleccion de Datos.pptx
 
Los catorce principios de calidad en las empresas, según Deming..pptx
Los catorce  principios de calidad en las empresas, según Deming..pptxLos catorce  principios de calidad en las empresas, según Deming..pptx
Los catorce principios de calidad en las empresas, según Deming..pptx
 
Normas de Seguridad Vial ISO 39001-2012.pdf
Normas de Seguridad Vial ISO 39001-2012.pdfNormas de Seguridad Vial ISO 39001-2012.pdf
Normas de Seguridad Vial ISO 39001-2012.pdf
 
capítulo 3 y 4 de finazas internacionales
capítulo 3 y 4  de finazas internacionalescapítulo 3 y 4  de finazas internacionales
capítulo 3 y 4 de finazas internacionales
 
Mi Carnaval, sistema utilizará algoritmos de ML para optimizar la distribució...
Mi Carnaval, sistema utilizará algoritmos de ML para optimizar la distribució...Mi Carnaval, sistema utilizará algoritmos de ML para optimizar la distribució...
Mi Carnaval, sistema utilizará algoritmos de ML para optimizar la distribució...
 
Sesión 1-2 Formulación de Estados Financieros (2).pdf
Sesión 1-2 Formulación de Estados Financieros (2).pdfSesión 1-2 Formulación de Estados Financieros (2).pdf
Sesión 1-2 Formulación de Estados Financieros (2).pdf
 
1-Infografia Cifras Nacional unimos j.pdf
1-Infografia Cifras Nacional unimos j.pdf1-Infografia Cifras Nacional unimos j.pdf
1-Infografia Cifras Nacional unimos j.pdf
 
ejecucion de la investigacion de mercados
ejecucion  de la investigacion de mercadosejecucion  de la investigacion de mercados
ejecucion de la investigacion de mercados
 
El-Codigo-De-La-Abundancia para todos.pdf
El-Codigo-De-La-Abundancia para todos.pdfEl-Codigo-De-La-Abundancia para todos.pdf
El-Codigo-De-La-Abundancia para todos.pdf
 

Netex learningMaker | Multipage Template v2.5.3 [Es]

  • 2. Índice 1. Introducción....................................................................................................................................4 1.1 Estructura de un proyecto................................................................................................................................... 4 1.2 Especificaciones de la plantilla Multi-página....................................................................................................... 6 2. Páginas............................................................................................................................................8 2.1 Página de introducción........................................................................................................................................ 9 2.2 Página de contenido............................................................................................................................................ 9 3. Pop-ups (ventanas emergentes)...................................................................................................11 3.1 Pop-up Single..................................................................................................................................................... 11 3.2 Pop-up Books .................................................................................................................................................... 12 3.3 Pop-up Docs ...................................................................................................................................................... 13 3.4 Pop-up Glossary ................................................................................................................................................ 14 3.5 Pop-up Link Group............................................................................................................................................. 14 3.6 Pop-up Gallery................................................................................................................................................... 15 3.7 Pop-up Tutor ..................................................................................................................................................... 15 4. Widgets.........................................................................................................................................17 4.1 Widget “Normal”............................................................................................................................................... 18 4.2 Widget “Sabías que” ......................................................................................................................................... 18 4.3 Widget “Tutor”.................................................................................................................................................. 19 4.4 Widget “Audio” ................................................................................................................................................. 20 4.5 Widget “PDF” .................................................................................................................................................... 20 5. Componentes ...............................................................................................................................22 5.1 Cabecera del curso ............................................................................................................................................ 22 5.2 Imagen de fondo ............................................................................................................................................... 23 5.3 Portada.............................................................................................................................................................. 24 5.4 Objetivos ........................................................................................................................................................... 24 5.5 Imagen de introducción .................................................................................................................................... 25 5.6 Actividad............................................................................................................................................................ 25 5.7 Audio ................................................................................................................................................................. 26 5.8 Vídeo ................................................................................................................................................................. 26 5.9 Flash .................................................................................................................................................................. 26 5.10 Imagen............................................................................................................................................................... 27 5.11 Imagen en destacado ........................................................................................................................................ 28 5.12 Imagen “Tutor”.................................................................................................................................................. 28
  • 3. 5.13 Galería de imágenes.......................................................................................................................................... 29 5.14 Galería de vídeos y animaciones....................................................................................................................... 30 5.15 Cita .................................................................................................................................................................... 31 5.16 Destacado.......................................................................................................................................................... 32 5.17 HTML ................................................................................................................................................................. 32 5.18 Enlace a recurso ................................................................................................................................................ 33 5.19 Referencia a pie de página ................................................................................................................................ 34 5.20 Palabra del glosario........................................................................................................................................... 36 5.21 Link .................................................................................................................................................................... 37 5.22 Contenido externo ............................................................................................................................................ 38 5.23 Cuestionarios..................................................................................................................................................... 39 5.24 Mapa de clicks................................................................................................................................................... 40 5.25 Carrusel ............................................................................................................................................................. 40 5.26 Grupo de acordeón ........................................................................................................................................... 40 5.27 Grupo de pestañas ............................................................................................................................................ 41 6. Recursos........................................................................................................................................42 A. Anexos .............................................................................................................................................43 A.1. Tamaños de imágenes y contenidos externos ........................................................................................................ 43 A.2. Codificación de vídeos con HandBrake ................................................................................................................... 44 A.2.1. Proceso de codificación .......................................................................................................................................................44
  • 4. 1. Introducción A lo largo de este documento se describen los elementos que forman la plantilla Multi-página en la herramienta autora Netex learningMaker. 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 proyecto. Esta plantilla posee un menú lateral de widgets (componentes especiales para presentar información adicional) 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, tu imagen corporativa. 1.1 Estructura de un proyecto Antes de comenzar a crear el proyecto, es importante conocer su estructura, ya que en esta se basa el uso de la herramienta autora learningMaker. 1er nivel. Propiedades y componentes generales Son características y elementos genéricos que se repiten en todos los proyectos. Dependiendo de cada plantilla, estas propiedades genéricas son:  Widgets: es un determinado tipo de componente especial para introducir información y archivos adicionales al contenido.  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 proyecto.
  • 5. 5 2o nivel. Páginas de contenido Simbolizan cada una de las pantallas que son visibles dentro del proyecto. Se sitúan en un nivel por debajo de esas características genéricas. Contienen, a su vez, ventanas emergentes y componentes. 3er 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 vídeos, 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. 4o nivel. Componentes Son cada uno de los elementos que pueden ser utilizados en 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 proyecto 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 proyecto. 5o nivel. Recursos Son cada uno de los archivos que incluyen los componentes y que pueden ser utilizados en un proyecto. 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.
  • 6. 6 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 proyecto. Se añade soporte para los siguientes elementos:  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
  • 7. 7 Menú inferior Los dispositivos, resoluciones y navegadores soportados para estas plantillas son los 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 uno de los elementos incluidos dentro de estas plantillas.
  • 8. 8 2. Páginas Esta plantilla cuenta con los siguientes tipos de página:  Página de introducción (Page introduction): es la página inicial que se muestra cuando abrimos el proyecto. 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 proyecto) y la presentación con el menú principal de navegación.  Página de contenido (Page content): este tipo de página se utiliza para incluir todo el contenido central del proyecto. 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, eliminar páginas ya existentes o duplicarlas. 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.
  • 9. 9 2.1 Página de introducción Esta página es la primera que se visualizará al abrir el proyecto. En ella se muestra el menú principal y la presentación del proyecto, la cabecera del curso (título y subtítulo) y la portada (imágenes y objetivos pedagógicos). Las propiedades que se pueden establecer desde el editor para este tipo de página son: Nombre Tipo Obligatorio Descripción Título Texto Sí Título que recibirá el menú de navegación. Título corto Texto No Título mostrado en el menú superior. Subtítulo Texto Sí Subtítulo del título mostrado en el menú superior. 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 proyecto y el menú (este último se crea automáticamente). 2.2 Página de contenido La página de contenido está destinada al contenido central del proyecto. Las propiedades que se pueden establecer desde el editor para este tipo de página son: Presentación Portada Cabecera
  • 10. 10 Nombre Tipo Obligatorio Descripción Í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 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 propio texto. Destacado 0..N No Componente para concretar y resaltar información. HTML 0..N No Texto que se añade en las diferentes secciones. Imagen 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. Actividad de texto 0..N No Actividades derivadas de un texto. Vídeo 0..N No Vídeo que se reproducirá dentro del componente. Cuestionario 0..N No Conjunto de preguntas ordenadas a las que hay que responder. 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. Contenido externo 0..N No Permite utilizar contenido HTML creado por otras herramientas de autor (animaciones, actividades…). Mapa de clicks 0..N No Permite introducir enlaces a ventanas emergentes “Single” al hacer clic sobre ciertas áreas dentro de una imagen. Carrusel 0..N No Permite introducir varias imágenes que se podrán visualizar individualmente, una tras otra. Grupo de acordeón 0..N No Muestra contenidos en forma de acordeón desplegable que permanece oculto hasta que hacemos clic sobre un componente HTML. Grupo de pestañas 0..N No Muestra contenidos en varias pestañas que se podrán visualizar individualmente haciendo clic en cada una de ellas.
  • 11. 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 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.
  • 12. 12 Miniatura ventana emergente Visualización ventana emergente abierta La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción 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 Animación mostrada dentro de la ventana emergente. HTML 0..1 No Texto mostrado dentro de la ventana emergente. 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.
  • 13. 13 La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción Título Texto Sí Título mostrado en la ventana emergente. El componente que puede ser incluido dentro de este tipo de ventanas emergentes es: Componente Cantidad Obligatorio Descripción 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 todo el contenido. Esta ventana suele lanzarse desde el menú lateral de widgets. La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción Título Texto Sí Título mostrado en la ventana emergente.
  • 14. 14 El componente que puede ser incluido dentro de este tipo de ventanas emergentes es: 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. La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción Título Texto Sí Título mostrado en la ventana emergente. El componente que puede ser incluido dentro de este tipo de ventanas emergentes es: Componente Tipo Obligatorio Descripción Palabra clave 1..N Sí Palabra con su definición. 3.5 Pop-up Link Group La Ventana emergente “Link Group” (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 proyecto. Esta ventana se lanza desde el menú lateral de widgets.
  • 15. 15 La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción Título Texto Sí Título mostrado en la ventana emergente. El componente que puede ser incluido dentro de este tipo de ventanas emergentes es: Componente Cantidad Obligatorio Descripción Link 1..N Sí Dirección web deseada. 3.6 Pop-up Gallery La Ventana emergente “Gallery” (Galería multimedia) 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 proyecto desde un único lugar. Se lanza desde el menú lateral de widgets. La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción 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 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 (para saber cómo codificar un vídeo consulta el anexo A.2). 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”.
  • 16. 16 La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción 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 Imagen 1 No Incluye la imagen de tamaño completo del autor o experto. HTML 1 Sí Incluye la biografía del autor o experto.
  • 17. 17 4. Widgets Los widgets se sitúan en la zona lateral derecha del proyecto. 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 seis tipos de widgets diferentes para agregar al proyecto, los cuales se agrupan, según las necesidades de cada usuario, dentro de un Contenedor de widgets.
  • 18. 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: Nombre Tipo Obligatorio Descripción 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 clave o se muestra información adicional que aumente el interés del usuario. Este widget tiene un “contenedor” propio.
  • 19. 19 Las propiedades que se pueden establecer desde el editor para este tipo de ventanas emergentes son: Nombre Tipo Obligatorio Descripción 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 proyecto 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: Nombre Tipo Obligatorio Descripción Características Título Texto Sí Título mostrado en el menú de widgets (es el título del Contenedor de widget). Recurso Recurso en formato .GIF, .PNG, .JPEG. No Imagen miniatura del autor o experto. 60 x 51px Ventana emergente asociada Listado Sí En el widget “Tutor” se incluye una ventana emergente de tipo “Tutor”.
  • 20. 20 Esta es la visualización del papel de propiedades: 4.4 Widget “Audio” El widget “Audio” se utiliza para el audio resumen del proyecto. Se recomienda añadirlo en un Contenedor de widgets único, para organizar visualmente este menú. La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción Recurso Recurso en formato .MP3 Sí Archivo con el audio resumen. Esta es la visualización del panel de propiedades: 4.5 Widget “PDF” El widget “PDF” se utiliza para incluir la versión imprimible del proyecto producido. Se recomienda añadirlo en un Contenedor de widgets único, para organizar visualmente el menú.
  • 21. 21 La propiedad que se puede establecer desde el editor para este tipo de ventanas emergentes es: Nombre Tipo Obligatorio Descripción Título Texto Sí Título mostrado en el menú de widgets. Ej.: PDF de la unidad
  • 22. 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 del glosario  Link  Cuestionario  Contenido externo  Mapa de clicks  Carrusel  Grupo de acordeón  Grupo de pestañas 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 proyecto. 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 proyecto 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.
  • 23. 23 Las propiedades que se pueden establecer desde el editor para este componente son: Nombre Tipo Obligatorio Descripción Título Texto Sí Título del proyecto. Subtítulo Texto Sí Título del bloque al que pertenece ese proyecto. Logo Recurso en formato .GIF, .PNG, .JPEG. No Imagen mostrada al lado del título y el subtítulo. Posición del logo Listado No Si seleccionas “Right”, se alinea a la derecha, y si seleccionas “Left”, se alinea a la izquierda. Incluir logo Listado No Si seleccionas “True”, se muestra el logo, y si seleccionas “False”, no se muestra. Color de cabecera y pie Color No Color de fondo de la cabecera y el pie. Color de fondo (Introducción) Color No Color de fondo de la introducción. Botón de cerrar Listado No Si seleccionas “True”, se muestra el botón “Salir” para cerrar el proyecto, y si seleccionas “False”, no se muestra. 5.2 Imagen de fondo Se le llama Imagen de fondo al conjunto formado por los componentes: imagen de introducción (o vídeo de introducción) y objetivos. Está situado justo después de la cabecera del proyecto y son visibles en la página de introducción. La propiedad que se puede establecer desde el editor para este componente es: Nombre Tipo Obligatorio Descripción Recurso Recurso en formato .GIF, .PNG, .JPEG. Sí Es la imagen de fondo. Subtítulo Título Imagen de introducción Objetivos Imagen de fondo
  • 24. 24 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 proyecto. Imagen 1 No Es la imagen que aparece en la página de introducción, al lado derecho de los objetivos. El learningCoffee debe contener una imagen de introducción o un vídeo. Vídeo 1 No Es el vídeo que aparece en la página de introducción, al lado derecho de los objetivos. El learningCoffee debe contener una imagen de introducción o un vídeo (para saber cómo codificar un vídeo consulta el anexo A.2). 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 proyecto. La propiedad que se puede establecer desde el editor para este componente es: Nombre Tipo Obligatorio Descripción Título Texto Sí Título mostrado en el componente. El componente que puede ser incluido dentro de este es: Componente Cantidad Obligatorio Descripción 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 proyecto. Es un componente que está dentro del componente Portada.
  • 25. 25 La propiedad que se puede establecer desde el editor para este componente es: Nombre Tipo Obligatorio Descripción Título Texto No Título mostrado en este destacado. Ej.: En este proyecto aprenderás: El componente que puede ser contenido dentro de este componente es: Componente Cantidad Obligatorio Descripción 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: Nombre Tipo Obligatorio Descripción Características Imagen Recurso en formato .GIF, .PNG, .JPEG. Sí Imagen 450 x 380px 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 proyecto. 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: Nombre Tipo Obligatorio Descripción 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.
  • 26. 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: Nombre Tipo Obligatorio Descripción 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 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: Nombre Tipo Obligatorio Descripción Características Título Texto No Título para identificar el vídeo en la herramienta autora. Disposición Listado Sí Si seleccionas la opción “all” se alinea a la izquierda y si seleccionas la opción “right” se alinea a la derecha. Vídeo Recurso en formato .MP4 Sí Vídeo 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 Recurso Recurso en formato .ZIP No Archivo .zip que contiene el vídeo para poder descargarlo. Este componente no contiene ningún otro componente. Para saber cómo codificar vídeos con la herramienta HandBrake, consulta el anexo A.2. 5.9 Flash Es una animación en formato .SWF que puede ir dentro de una Ventana emergente “Single”. Sirve, por ejemplo, para explicar un proceso con una animación interactiva. Estas son sus propiedades:
  • 27. 27 Nombre Tipo Obligatorio Descripción Título Texto Sí 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 Sí Animación que se reproducirá. Imagen Recurso en formato .GIF, .PNG, .JPEG No Imagen mostrada antes de visualizar el flash. 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 contiene ningún otro componente. 5.10 Imagen Este componente se utiliza para introducir una imagen en diferentes partes del contenido. Las imágenes aportan dinamismo al proyecto 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 o se alinea a la izquierda. 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: Nombre Tipo Obligatorio Descripción Recurso Recurso en formato .GIF, .PNG, .JPEG Sí Recurso imagen mostrado en el componente. Disposición Listado Sí 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. 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). Ventana emergente asociada Listado No Se puede asociar a una ventana emergente de tipo “Single” que se abrirá al hacer clic en . Esta es la visualización de su panel de propiedades.
  • 28. 28 Este componente puede contener el siguiente componente: Componente Cantidad Obligatorio Descripción Nota al pie 1 No Texto que se sitúa en la parte inferior de la imagen sobre un fondo gris. Describe la imagen. 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: Nombre Tipo Obligatorio Descripción Imagen Recurso en formato .GIF, .PNG, .JPEG Sí Imagen que se visualizará. Anchura y altura Índice Sí Especificaciones de altura y anchura de la imagen. Se introducen por defecto. 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. 5.12 Imagen “Tutor” La imagen que acompaña a la Ventana emergente “Tutor”.
  • 29. 29 Las propiedades que se pueden establecer desde el editor para este componente son: Nombre Tipo Obligatorio Descripción Imagen Recurso en formato .GIF, .PNG, .JPEG Sí Imagen que se visualizará. Anchura y altura Índice Sí 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. 5.13 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. Esta es su propiedad: Nombre Tipo Obligatorio Descripción Título Texto Sí Título para identificar la imagen 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:
  • 30. 30 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. Estas son sus propiedades: Nombre Tipo Obligatorio Descripción Características Título Texto Sí Título para identificar el vídeo en la herramienta autora. Anchura y altura Índice Sí Especificaciones de anchura y altura del vídeo. Se introducen por defecto, pero es posible introducirlas manualmente. 640 x 480px Vídeo o flash Recurso en formato .MP4 (vídeo) o .SWF (flash) Sí Vídeo o flash que se reproducirá dentro del componente. En este apartado el vídeo lleva una imagen en miniatura, además del resto de propiedades que normalmente tiene (ver apartado 5.8 y anexo A.2). 640 x 480px Imagen de carátula (vídeo) Recurso de formato .GIF, .PNG, .JPEG No Imagen que se visualiza antes de empezar un vídeo. 640 x 360px 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).
  • 31. 31 Estas son las visualizaciones del panel de propiedades: Este componente puede contener los siguientes componentes: 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 (ver anexo A.2). 5.15 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 proyecto 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: Nombre Tipo Obligatorio Descripción 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 HTML 1 Sí Texto de la cita.
  • 32. 32 5.16 Destacado El componente “Destacado” es muy útil para concretar y resaltar información a lo largo del proyecto. 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. Las propiedades editables son: Nombre Tipo Obligatorio Descripción Título Texto No Título del “Destacado”. Disposición Listado Sí Si seleccionas la opción “All” se alinea a la izquierda y si seleccionas la opción “Right” se alinea a la derecha. Los componentes que se pueden incluir a su vez dentro de este son: Componente Tipo Obligatorio Descripción HTML Texto Sí Texto mostrado dentro del destacado. Imagen Recurso en formato .GIF, .PNG, .JPEG No Imagen que puede acompañar al destacado. Audio Recurso en formato .MP3 No Archivo audio que se puede incluir para ejemplificar el contenido. 5.17 HTML El componente HTML permite la introducción directa de texto en formato HTML, en el que se puede incluir:  Texto con formato: puedes seleccionar el formato del párrafo, la fuente, el tamaño, el espacio entre letras y el espacio entre líneas.  Imágenes  Fórmulas matemáticas Para editar fórmulas matemáticas de una manera visual haz clic en en la barra de edición. Puedes copiar o pegar fórmulas desde Microsoft Word y es compatible con MathML. 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.
  • 33. 33 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, ya que se enlazan a palabras. Los componentes que se editan desde esta zona son los siguientes: 5.18 Enlace a recurso El componente Enlace a recurso se utiliza para enlazar un archivo en formato .ZIP o .PDF a una palabra. El .ZIP puede contener, a su vez, un .PPT, .XLS, .DOC, .MP3…, mientras que el .PDF puede contener algún documento adicional (ejercicios, más información sobre un tema, resúmenes…). Estos componentes se enlazan desde la barra de herramientas de los componentes HTML, en el menú desplegable “Enlaces”. La propiedad editable es:
  • 34. 34 Nombre Tipo Obligatorio Descripción Enlace Recurso en formato .ZIP o .PDF Sí Permite seleccionar el .ZIP o .PDF necesario en cada caso. Esta es la visualización del panel de propiedades: Dentro de él no se puede añadir ningún componente. 5.19 Referencia a pie de página El componente Referencia a pie de página (Referencia a pie) 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 Visualización de la llamada
  • 35. 35 Visualización de la referencia a pie de página Se puede utilizar para hacer referencias bibliográficas o notas aclaratorias. La propiedad editable es: Nombre Tipo Obligatorio Descripción Referencias Listado Sí Desde ese listado se escoge la referencia a la que se enlaza la palabra. Esta es la visualización del panel de propiedades: Dentro de él no se puede añadir ningún componente.
  • 36. 36 5.20 Palabra del glosario El componente Link Glossary (Enlace a glosario) 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. Las propiedades editables son: Nombre Tipo Obligatorio Descripción Título Texto Sí Es el texto que aparece cuando se pasa por encima de la palabra enlazada con el ratón. Palabra clave Listado Sí En este listado se selecciona la palabra del glosario que se quiere enlazar. Esta es la visualización del panel de propiedades:
  • 37. 37 Dentro de él no se puede añadir ningún componente. 5.21 Link El componente Link word (Enlace externo) se utiliza para enlazar una palabra del texto central a un enlace web externo. Las propiedades editables son: Nombre Tipo Obligatorio Descripción Enlace URL Sí Indica la dirección web del enlace. Título Texto Sí Es el texto que aparece cuando se pasa por encima de la palabra enlazada con el ratón. Esta es la visualización del panel de propiedades:
  • 38. 38 Dentro de él no se puede añadir ningún componente. 5.22 Contenido externo Este componente permite utilizar contenido HTML creado por otras herramientas de autor (animaciones, actividades…). Estas son sus propiedades: Nombre Tipo Obligatorio Descripción Recurso (ZIP) Recurso en formato .ZIP SÍ Contenido HTML que se visualiza. Nombre Índice Sí Nombre del archivo HTML de inicio del contenido externo. Debe estar ubicado en la raíz del zip incluido, es decir, sin estar contenido en una carpeta. Anchura y altura Índice No Especificaciones de anchura y altura del contenido. Overflow_x Listado Sí Indica si se utilizarán barras de scroll horizontal en los contenidos externos. Overflow_y Listado Sí Indica si se utilizarán barras de scroll vertical en los contenidos externos. Esta es la visualización del panel de propiedades:
  • 39. 39 5.23 Cuestionarios Un cuestionario es un componente que se puede incluir dentro de cada una de las secciones. Son un conjunto de preguntas ordenadas que sirven para obtener información de quien las responde. Dentro de cada cuestionario se pueden incluir diferentes tipos de preguntas (respuesta simple, relacionar, rellena los huecos…). Estas son sus propiedades: Nombre Tipo Obligatorio Descripción Título Texto Sí Título mostrado en la cabecera del cuestionario. Ponderar puntuaciones Listado Sí Si seleccionas “False”, la puntuación total se normaliza a 100 puntos por defecto, de manera que todas las preguntas tienen el mismo valor. Si seleccionas “True”, tendrás que fijar los puntos para cada pregunta (ver Manual de autor). Evaluable Listado Sí En el listado se escoge si el cuestionario será evaluable (True) o no (False). Puntuación para aprobar Numérico Sí Puntuación necesaria para dar el cuestionario por aprobado (también se puede modificar a nivel de proyecto). Preguntas aleatorias Listado Sí Si seleccionas “True”, las preguntas se mostrarán de forma aleatoria al usuario. Si seleccionas “False”, aparecerán en el orden en que las hayas dispuesto. Preguntas a incluir Numérico No Número de preguntas que se mostrarán a la hora de responder al cuestionario. Si se selecciona “True” en la propiedad “Preguntas aleatorias”, se mostrará en número de preguntas que se indique de manera aleatoria. Si se selecciona “False”, se mostrará en número de preguntas que se indique pero en el orden en que están en el proyecto. Color de fondo Color Sí Color de fondo de la cabecera. Color de borde Color Sí Color del borde de la pregunta. Color de fondo del cuestionario Color Sí Color de fondo del cuerpo del cuestionario. Título de la cabecera visible Listado Sí Si seleccionas “True”, el usuario verá el título en la cabecera. Si seleccionas “False”, no lo verá. Botón de informe visible Listado Sí Si seleccionas “True”, el usuario verá el botón para ver el informe del cuestionario. Si seleccionas “False”, no tendrá opción de verlo. Paginación visible Listado Sí Si seleccionas “True”, el usuario podrá ver la página del cuestionario en que se encuentra debajo del título de la cabecera. Si seleccionas “False”, no lo verá. Puntuación de pregunta visible Listado Sí Si seleccionas “True”, el usuario verá la puntuación de cada pregunta debajo del título de la cabecera o de la paginación. Si seleccionas “False”, no la verá.
  • 40. 40 Para obtener más información acerca de cómo crear un cuestionario y de los diferentes tipos de preguntas que se pueden incluir consulta el Manual de autor (apartado 4.7). 5.24 Mapa de clicks Este componente se utiliza para introducir enlaces a ventanas emergentes “Single” al hacer clic sobre ciertas áreas dentro de una imagen. Las propiedades que se pueden establecer desde el editor para este componente son: Nombre Tipo Obligatorio Descripción Recurso Recurso en formato .GIF, .PNG, .JPEG o .JPG Sí Imagen que se visualizará. Áreas Sí Secciones sobre la imagen que hay que configurar para que al hacer clic sobre ellas se despliegue una ventana emergente “Single”. Puedes añadir tantas como desees. Este componente no contiene ningún otro componente. 5.25 Carrusel Este componente se utiliza para introducir varias imágenes que se podrán visualizar individualmente, una tras otra, haciendo clic sobre las flechas que se muestran a la derecha ( ) y a la izquierda ( ) de la imagen o sobre los puntos al pie de la misma ( ). Este componente no tiene propiedades editables, pero contiene el siguiente componente: Componente Tipo Obligatorio Descripción Imagen Recurso en formato .GIF, .PNG, .JPEG Sí Recurso imagen mostrado en el componente. Puedes añadir tantas como desees. 5.26 Grupo de acordeón Este componente nos permite mostrar contenidos en forma de acordeón desplegable. Este acordeón permanece oculto hasta que hacemos clic sobre un componente HTML. Los componentes que puede incluir el acordeón son: actividad, audio, cita, HTML, imagen, actividad de texto, vídeo, cuestionario, contenido externo y mapa de clicks. La propiedad que se puede establecer desde el editor para este componente es: Este componente contiene el siguiente componente: Componente Cantidad Obligatorio Descripción Acordeón 1..N Sí Contiene los componentes que se quieren desplegar. Nombre Tipo Obligatorio Descripción Plegar automáticamente Listado No Cuando hay varios acordeones, si seleccionas “True”, cada vez que despliegues uno de ellos se plegará el anterior que hayas desplegado. Si seleccionas “False”, los acordeones que despliegues permanecerán así hasta que los pliegues.
  • 41. 41 5.27 Grupo de pestañas Este componente nos permite mostrar contenidos en varias pestañas que se podrán visualizar individualmente haciendo clic en cada una de ellas. Puedes incluir cualquier tipo de componente de los disponibles en la herramienta. La propiedad que se puede establecer desde el editor para este componente es: Este componente contiene el siguiente componente: Componente Cantidad Obligatorio Descripción Contenido de pestaña 1..N Sí Contiene los componentes que se quieren desplegar. Nombre Tipo Obligatorio Descripción Titulo Texto Sí Título mostrado en cada pestaña.
  • 42. 42 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  Vídeos en formato .MP4  Documento en formato .PDF  Contenido externo comprimido en formato .ZIP (.doc, .ppt, .xcl, .pdf, .xls…)
  • 43. 43 A. Anexos A.1. Tamaños de imágenes y contenidos externos
  • 44. 44 A.2. Codificación de vídeos con HandBrake HandBrake es una herramienta para la conversión de vídeos desde casi cualquier formato a una selección de codecs modernos y ampliamente compatibles. Las razones fundamentales por las que usar esta herramienta son:  Convierte vídeo desde casi cualquier formato  Libre y de código abierto  Multiplataforma (Windows, Mac y Linux) Una vez instalado HandBrake y dependiendo de los ajustes de compresión, los vídeos resultantes pueden ser reproducidos en ordenadores de escritorio y dispositivos móviles (iPhone, iPod Touch, iPad, Smartphones, Tablets Android, etc.). A.2.1. Proceso de codificación En este apartado se describen los pasos a seguir para realizar la codificación de vídeo con la herramienta HandBrake: 1. Abre HandBrake, haz clic en “Source/Open File” y selecciona el archivo que quieres convertir.
  • 45. 45 2. Después de seleccionar el archivo, aparecerá información a la derecha de “Source”. 3. Selecciona la pestaña “Picture” para configurar el tamaño del vídeo. El tamaño recomendado para vídeos que se van a visualizar en dispositivos móviles es 640x360. Para ello debes configurar los siguientes parámetros tal y como se muestra en la imagen:  Cropping: Automatic  Anamorphic: None  Width: 640  Keep Aspect Ratio: selecciona este parámetro para que se ajuste automáticamente el alto del vídeo al ancho indicado
  • 46. 46 4. Selecciona la ruta destino así como el nombre del archivo haciendo clic en “Browse”. Una característica a tener en cuenta es el formato de salida del vídeo que debe ser mp4. En caso de que HandBrake lo convierta a otro formato se puede forzar cambiando la extensión del archivo de salida. 5. Selecciona la pestaña “Video” y configura la conversión de vídeo como se muestra en la imagen, prestando especial atención a los siguientes parámetros: a. Web optimized: este parámetro debe estar seleccionado. b. Vídeo Codec: selecciona códec H.264 (x264). Esto da mejor calidad y menor tamaño de archivo que la codificación MPEG-4 y VP3. Además, la mayoría de dispositivos soportan este formato, por lo que se está convirtiendo en un estándar. c. H.264 Profile: selecciona perfil Baseline. d. H.264 Level: selecciona nivel 3.1.
  • 47. 47 6. Haz clic en “Start” para comenzar con el proceso de compresión Una vez finalizado el proceso, ya tienes el vídeo listo con las características adecuadas para ser visualizado correctamente en dispositivos móviles y en escritorio. Ahora sólo tienes que añadir el vídeo a la zona de recursos y utilizarlo dentro de tu proyecto.