Netex learningMaker | Multipage Template v2.5.3 [Es]

47
Plantilla Multi-página Versión 2.5.3
  • date post

    14-Sep-2014
  • Category

    Business

  • view

    119
  • download

    3

description

 

Transcript of Netex learningMaker | Multipage Template v2.5.3 [Es]

Page 1: Netex learningMaker | Multipage Template v2.5.3 [Es]

Plantilla Multi-página

Versión 2.5.3

Page 2: Netex learningMaker | Multipage Template v2.5.3 [Es]

Í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

Page 3: Netex learningMaker | Multipage Template v2.5.3 [Es]

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

Page 4: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 5: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

5 o 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.

Page 6: Netex learningMaker | Multipage Template v2.5.3 [Es]

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

Page 7: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 8: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 9: Netex learningMaker | Multipage Template v2.5.3 [Es]

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

Page 10: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 11: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 12: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 13: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 14: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 15: Netex learningMaker | Multipage Template v2.5.3 [Es]

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”.

Page 16: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 17: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 18: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 19: Netex learningMaker | Multipage Template v2.5.3 [Es]

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”.

Page 20: Netex learningMaker | Multipage Template v2.5.3 [Es]

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ú.

Page 21: Netex learningMaker | Multipage Template v2.5.3 [Es]

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

Page 22: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 23: Netex learningMaker | Multipage Template v2.5.3 [Es]

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

Page 24: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 25: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 26: Netex learningMaker | Multipage Template v2.5.3 [Es]

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:

Page 27: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 28: Netex learningMaker | Multipage Template v2.5.3 [Es]

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”.

Page 29: Netex learningMaker | Multipage Template v2.5.3 [Es]

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:

Page 30: Netex learningMaker | Multipage Template v2.5.3 [Es]

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

Page 31: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 32: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 33: Netex learningMaker | Multipage Template v2.5.3 [Es]

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:

Page 34: Netex learningMaker | Multipage Template v2.5.3 [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

Page 35: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 36: Netex learningMaker | Multipage Template v2.5.3 [Es]

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:

Page 37: Netex learningMaker | Multipage Template v2.5.3 [Es]

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:

Page 38: Netex learningMaker | Multipage Template v2.5.3 [Es]

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:

Page 39: Netex learningMaker | Multipage Template v2.5.3 [Es]

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á.

Page 40: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 41: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 42: Netex learningMaker | Multipage Template v2.5.3 [Es]

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…)

Page 43: Netex learningMaker | Multipage Template v2.5.3 [Es]

43

A. Anexos

A.1. Tamaños de imágenes y contenidos externos

Page 44: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 45: Netex learningMaker | Multipage Template v2.5.3 [Es]

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

Page 46: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.

Page 47: Netex learningMaker | Multipage Template v2.5.3 [Es]

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.