SlideShare una empresa de Scribd logo
Plantilla Basic
Versión 1.0
Índice
1. Introducción....................................................................................................................................3
1.1 Estructura de un proyecto................................................................................................................................... 3
1.2 Navegación.......................................................................................................................................................... 3
1.3 Especificaciones .................................................................................................................................................. 4
2. Configuración del proyecto ............................................................................................................5
3. Páginas............................................................................................................................................6
3.1 Página de contenido............................................................................................................................................ 6
3.2 Página de secciones............................................................................................................................................. 7
4. Componentes .................................................................................................................................8
4.1 Sección ................................................................................................................................................................ 8
4.2 Contenedor ......................................................................................................................................................... 8
4.3 Audio ................................................................................................................................................................... 9
4.4 Destacado.......................................................................................................................................................... 10
4.5 HTML ................................................................................................................................................................. 10
4.6 Imagen............................................................................................................................................................... 11
4.7 Vídeo ................................................................................................................................................................. 11
4.8 Cuestionario ...................................................................................................................................................... 12
4.9 Contenido externo ............................................................................................................................................ 13
4.10 Carrusel ............................................................................................................................................................. 14
4.11 Grupo de acordeón ........................................................................................................................................... 14
4.12 Grupo de pestañas ............................................................................................................................................ 15
5. Recursos........................................................................................................................................17
6. Herramientas................................................................................................................................18
A. Anexos .............................................................................................................................................19
A.1. Tamaños de imágenes y contenidos externos ........................................................................................................ 19
A.2. Codificación de vídeos con HandBrake ................................................................................................................... 19
A.2.1. Proceso de codificación .......................................................................................................................................................19
1. Introducción
A lo largo de este documento se describen los elementos que forman la plantilla Basic en la herramienta autora Netex
learningMaker.
1.1 Estructura de un proyecto
Esta plantilla solo permite utilizar “Páginas” para estructurar los proyectos. Existirán dos tipos de páginas: la página de
contenido y la página de secciones.
1.2 Navegación
 Menú principal: es el menú que se muestra en todas las páginas y secciones de la plantilla. En el menú
principal se muestra una jerarquía con las páginas y secciones existentes dentro del proyecto. Para cada página
del menú se mostrará gráficamente el estado en el que el alumno se encuentra (desconocido/completado/no
completado). Dependiendo de la configuración del proyecto, el menú permitirá una navegación secuencial o
libre. El menú principal está siempre visible en resoluciones iguales o superiores a 980px, pero para las
inferiores permanecería plegado.
 Menú de página: es el menú que se muestra en el pie de las páginas de secciones y permite al usuario navegar
entre las diferentes secciones de una página.
4
Con respecto a la navegación por gestos, se utilizarán los gestos de “izquierda” y “derecha” para navegar entre páginas.
También se utilizará para navegar entre las secciones de una página siempre y cuando se haya configurado en
“horizontal” la propiedad de “Navegación de secciones” (ver apartado siguiente).
1.3 Especificaciones
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 IExplorer8+
o Firefox 18+
o Chrome 15+
o Android 4.0+
o Safari 5.1+
 Resoluciones:
o 240x320
o 320x480
o 480x800
o 768x1024
Wireframe de ejemplo:
5
2. Configuración del proyecto
La plantilla permite la configuración del proyecto con los siguientes parámetros:
Nombre Tipo Obligatorio Valor por defecto Descripción
Título Texto Sí Project Title Título mostrado en la cabecera.
Subtítulo Texto Sí Project Subtitle Subtítulo mostrado en la cabecera.
Botón Cerrar Sí/No Sí No Si seleccionas “True”, se muestra el botón para salir del
proyecto, y si seleccionas “False”, no se muestra.
Navegación Secuencial/Libre Sí Libre Secuencial: solo se puede avanzar de página/sección cumpliendo
los objetivos anteriores.
Libre: el usuario puede navegar libremente por todas las
páginas/secciones del contenido.
Navegación
de secciones
Horizontal/Vertical Sí Vertical Horizontal: las secciones se muestran unas al lado de las otras
(en forma de slide).
Vertical: las secciones se muestran una debajo de las otras.
Imagen de
logo
Recurso en
formato .GIF, .PNG
o .JPEG
No (Vacío) Logo mostrado en la cabecera de la página.
Color de
fondo
Color Sí #FFFFFF Color de fondo del proyecto
Color H1 Color Sí #000000 Color de los títulos H1
Color H2 Color Sí #000000 Color de los títulos H2
Color H3 Color Sí #000000 Color de los títulos H3
Color H4 Color Sí #000000 Color de los títulos H4
Color H5 Color Sí #000000 Color de los títulos H5
Color H6 Color Sí #000000 Color de los títulos H6
Color de
enlace
Color Sí #008cba Color de los enlaces
Color de
fondo del
menú
Color Sí #ffffff Color de fondo del menú
Color de
fondo del
menú (activo)
Color Sí #7fc9ff Color de fondo del elemento del menú activo
Color del
menú
Color Sí #000000 Color de la entrada del elemento del menú activo
Transición de
entrada
Listado No none Efecto de animación al entrar en una página.
Transición de
salida
Listado No none Efecto de animación al salir de una página.
CSS
Personalizado
Recurso No (Vacío) Selección de un archivo CSS que se cargará en el proyecto.
6
3. Páginas
Esta plantilla cuenta con dos tipos de páginas:
 Página de contenido
 Página de secciones
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.
3.1 Página de contenido
La página de contenido está destinada a mostrar contenidos que no están jerarquizados en secciones. Aparecen en el
menú principal como entradas clickables directamente (no se expanden, ya que no contienen secciones).
Las propiedades que se pueden establecer desde el editor para este tipo de página son:
Nombre Tipo Valor por defecto Descripción
Título Texto Page Content Título mostrado en la página.
7
Dentro de las páginas de contenido se puede utilizar los siguientes componentes:
Componente Cantidad Descripción
Audio 0..N Documento en formato .MP3.
Destacado 0..N Componente para concretar y resaltar información.
HTML 0..N Texto que se añade en las diferentes secciones.
Imagen 0..N Muestra una imagen en el contenido.
Vídeo 0..N Vídeo que se reproducirá dentro del componente.
Cuestionario 0..N Conjunto de preguntas ordenadas a las que hay que responder.
Contenido externo 0..N Permite utilizar contenido HTML o Flash creado por otras herramientas de
autor (animaciones, actividades…).
Contenedor 0..N Permite agrupar componentes en una determinada disposición: tres
columnas, doble columna - columna simple, columna simple - doble columna,
dos columnas o una columna.
3.2 Página de secciones
La página de secciones está destinada a mostrar contenidos que están jerarquizados en secciones. Aparecen en el menú
principal como elementos “expandibles”, es decir, al hacer clic en la entrada del menú que representa la página se
expanden sus secciones como entradas “clickables” para acceder directamente a la sección.
Dependiendo del valor especificado en la propiedad “Navegación de secciones” a nivel de proyecto, las secciones
dentro de esta página se mostraran unas debajo de otras (vertical) o unas al lado de otras (horizontal).
La propiedad que se puede establecer desde el editor para este tipo de página es:
Nombre Tipo Valor por defecto Descripción
Título Texto Page Section Título mostrado en la página.
Dentro de las páginas de contenido se puede utilizar el siguiente componente:
Componente Cantidad Descripción
Sección 0..N Sección dentro de la página.
8
4. 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:
 Sección
 Contenedor
 Audio
 Destacado
 Texto en HTML
 Imagen
 Vídeo
 Cuestionario
 Contenido externo
 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.
4.1 Sección
Son las diferentes partes que están dentro de la página de secciones. En las secciones se pueden incluir, a su vez, todos
los componentes disponibles.
La propiedad que se puede establecer desde el editor para este componente es:
Nombre Tipo Valor por defecto Descripción
Título Texto Page Section Título de la sección.
Dentro se puede utilizar los siguientes componentes:
Componente Cantidad Descripción
Audio 0..N Documento en formato .MP3.
Destacado 0..N Componente para concretar y resaltar información.
HTML 0..N Texto que se añade en las diferentes secciones.
Imagen 0..N Muestra una imagen en el contenido.
Vídeo 0..N Vídeo que se reproducirá dentro del componente.
Cuestionario 0..N Conjunto de preguntas ordenadas a las que hay que responder.
Contenido externo 0..N Permite utilizar contenido HTML o Flash creado por otras herramientas de
autor (animaciones, actividades…).
Contenedor 0..N Permite agrupar componentes en una determinada disposición: tres
columnas, doble columna - columna simple, columna simple - doble
columna, dos columnas o una columna.
4.2 Contenedor
Este componente permite agrupar otros componentes en una determinada disposición: tres columnas, doble columna -
columna simple, columna simple - doble columna, dos columnas o una columna.
Las propiedades que se pueden establecer desde el editor para este componente son:
9
Nombre Tipo Valor por defecto Descripción
Color de fondo Color #FFFFFF Color de fondo del contenedor.
Color del borde Color #FFFFFF Color del borde del contenedor.
Esta es la visualización de su panel de propiedades:
Dentro se puede utilizar los siguientes componentes:
Componente Cantidad Descripción
Columna 0..N Componente divido en columnas en el que se incluyen el resto de
componentes. El número de columnas se selecciona desde el panel de
propiedades de este componente.
Audio 0..N Documento en formato .MP3.
Destacado 0..N Componente para concretar y resaltar información.
HTML 0..N Texto que se añade en las diferentes secciones.
Imagen 0..N Muestra una imagen en el contenido.
Vídeo 0..N Vídeo que se reproducirá dentro del componente.
Cuestionario 0..N Conjunto de preguntas ordenadas a las que hay que responder.
Contenido externo 0..N Permite utilizar contenido HTML o Flash creado por otras herramientas de
autor (animaciones, actividades…).
Contenedor 0..N Permite agrupar componentes en una determinada disposición: tres
columnas, doble columna - columna simple, columna simple - doble columna,
dos columnas o una columna.
4.3 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.
La propiedad que se puede establecer desde el editor para este componente es:
Nombre Tipo Valor por defecto Descripción
Audio Recurso en formato .MP3 Vacío Archivo .MP3 reproducido por el componente.
Esta es la visualización de su panel de propiedades:
10
Este componente no contiene ningún otro componente.
4.4 Destacado
El componente “Destacado” es muy útil para concretar y resaltar información a lo largo del proyecto. Por ejemplo, sirve
para aportar puntos clave sobre un determinado asunto, ejemplificar una idea o, simplemente, aportar un dato curioso
que motive continuar con la lectura.
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre Tipo Valor por defecto Descripción
Color de fondo Color #FFFFFF Color de fondo del destacado.
Color del borde Color #FFFFFF Color del borde del destacado.
Esta es la visualización de su panel de propiedades:
El componente que puede contener es el siguiente:
Componente Cantidad Descripción
HTML 1..N Texto mostrado dentro del destacado.
4.5 HTML
El componente HTML permite la introducción directa de texto en formato HTML, en el que se puede incluir:
 Texto con formato
 Imágenes
 Fórmulas matemáticas
11
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.
Por otra parte, este componente no puede incluir a ningún otro componente.
4.6 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.
Las propiedades que se pueden establecer desde el editor para este componente son:
Nombre Tipo Valor por defecto Descripción
Imagen Recurso en
formato .GIF,
.PNG, .JPEG.
Vacío Recurso imagen mostrado en el componente.
Texto alternativo Texto Vacío Es el texto que se muestra cuando una imagen no se
visualiza correctamente (debido a una velocidad de
conexión lenta, por ejemplo).
Esta es la visualización de su panel de propiedades:
Este componente puede contener el siguiente componente:
Componente Cantidad Obligatorio Descripción
Pie de imagen 1 No Texto que se sitúa en la parte inferior de la imagen sobre un fondo gris. Describe la
imagen.
4.7 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:
12
Nombre Tipo Valor por defecto Descripción
Vídeo Recurso en
formato .MP4
Vacío Vídeo que se reproducirá dentro del componente.
Carátula Recurso en
formato .GIF,
.PNG, .JPEG
Vacío Imagen mostrada antes de reproducir el vídeo.
Subtítulo por defecto Recurso en
formato .SRT
Vacío Archivo que permitirá la reproducción de los subtítulos establecidos
por defecto en el vídeo.
Subtítulo español Recurso en
formato .SRT
Vacío Archivo que permitirá la reproducción de los subtítulos en español en
el vídeo.
Subtítulo inglés Recurso en
formato .SRT
Vacío Archivo que permitirá la reproducción de los subtítulos en inglés en el
vídeo.
Subtítulo gallego Recurso en
formato .SRT
Vacío Archivo que permitirá la reproducción de los subtítulos en gallego en
el vídeo.
Subtítulo catalán Recurso en
formato .SRT
Vacío Archivo que permitirá la reproducción de los subtítulos en catalán en
el vídeo.
Subtítulo portugués Recurso en
formato .SRT
Vacío Archivo que permitirá la reproducción de los subtítulos en portugués
en el vídeo.
Subtítulo italiano Recurso en
formato .SRT
Vacío Archivo que permitirá la reproducción de los subtítulos en italiano en
el vídeo.
Subtítulo holandés Recurso en
formato .SRT
Vacío Archivo que permitirá la reproducción de los subtítulos en holandés en
el vídeo.
Esta es la visualización de su panel de propiedades:
Este componente no contiene ningún otro componente.
Para saber cómo codificar vídeos con la herramienta HandBrake, consulta el anexo A.2.
4.8 Cuestionario
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…).
13
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á.
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).
4.9 Contenido externo
Este componente permite utilizar contenido HTML creado por otras herramientas de autor (animaciones,
actividades…).
Estas son sus propiedades:
14
Nombre Tipo Valor por defecto Descripción
Recurso
(HTML5)
Recurso en
formato HTML5
Vacío Fichero comprimido que contiene el recurso en HTML5 a mostrar
Recurso (Flash) Recurso en
formato .SWF
Vacío Película flash a mostrar
Visualización Listado:
HTML5/Flash/
Combinada
Combinada Opción a mostrar por defecto. Si se escoge la combinada se intentará
visualizar primero el Flash, en el caso de no tener el plugin de Flash
disponible, se muestra el recurso HTML5. Si se escoge alguna de las otras
opciones, no hay “fallback” de visualización.
Nombre de
Índice
Texto Index.html 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.
Esta es la visualización del panel de propiedades:
4.10 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.
4.11 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.
Las propiedades que se pueden establecer desde el editor para este componente son:
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.
Color de fondo
de la cabecera
Color No Color de fondo de la cabecera antes de desplegar el acordeón.
15
Esta es la visualización del panel de propiedades:
Este componente contiene el siguiente componente:
Componente Cantidad Obligatorio Descripción
Acordeón 1..N Sí Contiene los componentes que se quieren desplegar.
4.12 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.
Las propiedades que se pueden establecer desde el editor para este componente son:
Color de
cabecera activo
Color No Color de fondo de la cabecera una vez se despliegas el acordeón.
Color de fondo
principal
Color No Color de fondo de la sección que se visualiza al desplegar el acordeón.
Nombre Tipo Obligatorio Descripción
Titulo Texto Sí Título mostrado en cada pestaña.
Color de
fondo de la
cabecera
Color No Color de fondo de la cabecera.
Color de
pestaña
activo
Color No Color de fondo de la pestaña seleccionada.
Color de
fondo
principal
Color No Color de fondo de la sección que se visualiza dentro de cada pestaña.
16
Esta es la visualización del panel de propiedades:
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.
17
5. 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
 Vídeos en formato .MP4
 Documento en formato .PDF
 Contenido externo comprimido en formato .ZIP (.doc, .ppt, .xcl, .pdf, .xls…)
18
6. Herramientas
Sólo existirá una herramienta dentro de esta plantilla: el buscador.
Se accede desde el menú superior pulsando en el ícono de la lupa, permitiendo buscar dentro de la página actual. Los
resultados de la búsqueda se deben mostrar resaltados en la página (en amarillo por ejemplo).
El comportamiento de las herramientas es exclusivo, es decir, si se abre una herramienta para su uso (en este caso el
buscador), el resto de elementos que estén desplegados en pantalla (por ejemplo el menú principal en aquellas vistas
donde esté oculto por defecto) se cerrarán para mostrar la herramienta.
19
A. Anexos
A.1. Tamaños de imágenes y contenidos externos
Todos los elementos multimedia de adaptan al tamaño de su contenedor.
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.
20
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
4. Selecciona la ruta destino así como el nombre del archivo haciendo clic en “Browse”.
21
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.
22
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

PROYECTO FINAL EN WORD
PROYECTO FINAL EN WORDPROYECTO FINAL EN WORD
PROYECTO FINAL EN WORD
Sebastian Tejada
 
Cómo crear una marca de agua sobre cualquier imagen en power point 2010 y 2007
Cómo crear una marca de agua sobre cualquier imagen en power point 2010 y 2007Cómo crear una marca de agua sobre cualquier imagen en power point 2010 y 2007
Cómo crear una marca de agua sobre cualquier imagen en power point 2010 y 2007
Funcionarios Eficientes
 
Carla barrera
Carla barreraCarla barrera
Carla barrera
Carlalili
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
Adriano Mazziotti
 
Caracteristicas 2
Caracteristicas 2Caracteristicas 2
Caracteristicas 2
guestbda47f5
 
Manual Microsoft Power Point 2007
Manual Microsoft Power Point 2007Manual Microsoft Power Point 2007
Manual Microsoft Power Point 2007
gevalenciam
 
Trabajo prafctico n13 (1)
Trabajo prafctico n13 (1)Trabajo prafctico n13 (1)
Trabajo prafctico n13 (1)
JuanLYB
 
Manual word 12
Manual word 12Manual word 12
Manual word 12
INFORMATICA_FAYN
 
Clase 10 ficha insertar en word 2010
Clase 10 ficha insertar en  word 2010Clase 10 ficha insertar en  word 2010
Clase 10 ficha insertar en word 2010
salomonaquino
 
Manual montage de CONCIUS
Manual montage de CONCIUSManual montage de CONCIUS
Manual montage de CONCIUS
lelyspinzon
 
Microsoft office-word-2010-resumen
Microsoft office-word-2010-resumenMicrosoft office-word-2010-resumen
Microsoft office-word-2010-resumen
Joseluis Villarreal
 
Taller guia nº4
Taller guia nº4Taller guia nº4
Taller guia nº4
daniela buitrago
 
Guia de trabajo no.2
Guia de trabajo no.2Guia de trabajo no.2
Guia de trabajo no.2
Danna Torrente
 
Power point
Power pointPower point
Power point
bbloh
 
Ofimatica
OfimaticaOfimatica
Tutorial de diapositiva
Tutorial de diapositivaTutorial de diapositiva
Tutorial de diapositiva
bachiita
 
Manual De TecnologíAs De La InformacióN
Manual De TecnologíAs De La InformacióNManual De TecnologíAs De La InformacióN
Manual De TecnologíAs De La InformacióN
cruzgrijalva
 
Trabao en clase word
Trabao en clase word Trabao en clase word
Trabao en clase word
Gomez Andres
 

La actualidad más candente (18)

PROYECTO FINAL EN WORD
PROYECTO FINAL EN WORDPROYECTO FINAL EN WORD
PROYECTO FINAL EN WORD
 
Cómo crear una marca de agua sobre cualquier imagen en power point 2010 y 2007
Cómo crear una marca de agua sobre cualquier imagen en power point 2010 y 2007Cómo crear una marca de agua sobre cualquier imagen en power point 2010 y 2007
Cómo crear una marca de agua sobre cualquier imagen en power point 2010 y 2007
 
Carla barrera
Carla barreraCarla barrera
Carla barrera
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Caracteristicas 2
Caracteristicas 2Caracteristicas 2
Caracteristicas 2
 
Manual Microsoft Power Point 2007
Manual Microsoft Power Point 2007Manual Microsoft Power Point 2007
Manual Microsoft Power Point 2007
 
Trabajo prafctico n13 (1)
Trabajo prafctico n13 (1)Trabajo prafctico n13 (1)
Trabajo prafctico n13 (1)
 
Manual word 12
Manual word 12Manual word 12
Manual word 12
 
Clase 10 ficha insertar en word 2010
Clase 10 ficha insertar en  word 2010Clase 10 ficha insertar en  word 2010
Clase 10 ficha insertar en word 2010
 
Manual montage de CONCIUS
Manual montage de CONCIUSManual montage de CONCIUS
Manual montage de CONCIUS
 
Microsoft office-word-2010-resumen
Microsoft office-word-2010-resumenMicrosoft office-word-2010-resumen
Microsoft office-word-2010-resumen
 
Taller guia nº4
Taller guia nº4Taller guia nº4
Taller guia nº4
 
Guia de trabajo no.2
Guia de trabajo no.2Guia de trabajo no.2
Guia de trabajo no.2
 
Power point
Power pointPower point
Power point
 
Ofimatica
OfimaticaOfimatica
Ofimatica
 
Tutorial de diapositiva
Tutorial de diapositivaTutorial de diapositiva
Tutorial de diapositiva
 
Manual De TecnologíAs De La InformacióN
Manual De TecnologíAs De La InformacióNManual De TecnologíAs De La InformacióN
Manual De TecnologíAs De La InformacióN
 
Trabao en clase word
Trabao en clase word Trabao en clase word
Trabao en clase word
 

Destacado

Tipos desociedadescomerciales
Tipos desociedadescomercialesTipos desociedadescomerciales
Tipos desociedadescomerciales
Alexs Hidrovo
 
Dhtic
DhticDhtic
Medios de comunicacion diapositivas
Medios de comunicacion diapositivasMedios de comunicacion diapositivas
Medios de comunicacion diapositivas
soteloramirez
 
Examenes febrero marzo 2013
Examenes febrero marzo 2013Examenes febrero marzo 2013
Examenes febrero marzo 2013
Santy Pérez
 
Infecciones
InfeccionesInfecciones
Infecciones
jnvalencia
 
Megabuscadores de información
Megabuscadores de informaciónMegabuscadores de información
Megabuscadores de información
oscarperero
 
El rol del tutor
El rol del tutorEl rol del tutor
El rol del tutor
ana troha
 
Ese es dios
Ese es diosEse es dios
Ese es dios
jassy58
 
Trigonometria2
Trigonometria2Trigonometria2
Trigonometria2
saabrinag
 
Bebidas alcohólicas, region y cultura
Bebidas alcohólicas, region y culturaBebidas alcohólicas, region y cultura
Bebidas alcohólicas, region y cultura
morenopedrojulio
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
Ere Hernandez
 
Urashima
UrashimaUrashima
Jugando con la Programación
Jugando con la ProgramaciónJugando con la Programación
Jugando con la Programación
Rafael Miranda Molina
 
Diapositivascarolinatoro 101109142908-phpapp02
Diapositivascarolinatoro 101109142908-phpapp02Diapositivascarolinatoro 101109142908-phpapp02
Diapositivascarolinatoro 101109142908-phpapp02
Lucelly Jeldres
 
El gaital
El gaitalEl gaital
De colonias sin memoria artículo de divulgación (2)
De colonias sin memoria artículo de divulgación (2)De colonias sin memoria artículo de divulgación (2)
De colonias sin memoria artículo de divulgación (2)
walkiride
 
Software - Joseph Rosales
Software - Joseph RosalesSoftware - Joseph Rosales
Software - Joseph Rosales
Leonardo Torrero
 
Lugares de almacenaiento gratuito
Lugares de almacenaiento gratuitoLugares de almacenaiento gratuito
Lugares de almacenaiento gratuito
Marina
 
Destinos turístico
Destinos turísticoDestinos turístico
Destinos turístico
Oswaldo_Rodrigues
 
Cultura sexual
Cultura sexualCultura sexual
Cultura sexual
Nubia Molina
 

Destacado (20)

Tipos desociedadescomerciales
Tipos desociedadescomercialesTipos desociedadescomerciales
Tipos desociedadescomerciales
 
Dhtic
DhticDhtic
Dhtic
 
Medios de comunicacion diapositivas
Medios de comunicacion diapositivasMedios de comunicacion diapositivas
Medios de comunicacion diapositivas
 
Examenes febrero marzo 2013
Examenes febrero marzo 2013Examenes febrero marzo 2013
Examenes febrero marzo 2013
 
Infecciones
InfeccionesInfecciones
Infecciones
 
Megabuscadores de información
Megabuscadores de informaciónMegabuscadores de información
Megabuscadores de información
 
El rol del tutor
El rol del tutorEl rol del tutor
El rol del tutor
 
Ese es dios
Ese es diosEse es dios
Ese es dios
 
Trigonometria2
Trigonometria2Trigonometria2
Trigonometria2
 
Bebidas alcohólicas, region y cultura
Bebidas alcohólicas, region y culturaBebidas alcohólicas, region y cultura
Bebidas alcohólicas, region y cultura
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
 
Urashima
UrashimaUrashima
Urashima
 
Jugando con la Programación
Jugando con la ProgramaciónJugando con la Programación
Jugando con la Programación
 
Diapositivascarolinatoro 101109142908-phpapp02
Diapositivascarolinatoro 101109142908-phpapp02Diapositivascarolinatoro 101109142908-phpapp02
Diapositivascarolinatoro 101109142908-phpapp02
 
El gaital
El gaitalEl gaital
El gaital
 
De colonias sin memoria artículo de divulgación (2)
De colonias sin memoria artículo de divulgación (2)De colonias sin memoria artículo de divulgación (2)
De colonias sin memoria artículo de divulgación (2)
 
Software - Joseph Rosales
Software - Joseph RosalesSoftware - Joseph Rosales
Software - Joseph Rosales
 
Lugares de almacenaiento gratuito
Lugares de almacenaiento gratuitoLugares de almacenaiento gratuito
Lugares de almacenaiento gratuito
 
Destinos turístico
Destinos turísticoDestinos turístico
Destinos turístico
 
Cultura sexual
Cultura sexualCultura sexual
Cultura sexual
 

Similar a Netex learningMaker | Basic Template v1.0 [Es]

2.2.2 software de aplicación
2.2.2 software de aplicación2.2.2 software de aplicación
2.2.2 software de aplicación
luisWY
 
Gabriela monserrat morales tovar slideshare2
Gabriela monserrat morales tovar slideshare2Gabriela monserrat morales tovar slideshare2
Gabriela monserrat morales tovar slideshare2
Monserrat MT
 
Curso de ubuntu_606[1]
Curso de ubuntu_606[1]Curso de ubuntu_606[1]
Curso de ubuntu_606[1]
jessicavelezontiveros
 
Curso de ubuntu_606[1]
Curso de ubuntu_606[1]Curso de ubuntu_606[1]
Curso de ubuntu_606[1]
jessicavelezontiveros
 
Curso de ubuntu_606[1]
Curso de ubuntu_606[1]Curso de ubuntu_606[1]
Curso de ubuntu_606[1]
jessicavelezontiveros
 
Mod III Unidad III
Mod III Unidad IIIMod III Unidad III
Mod III Unidad III
Yaileth Ayola
 
PROCEDIMIENTOS PARA INSERTAR COLORES, IMÁGENES Y VÍNCULOS EN EL DISEÑO DE LAS...
PROCEDIMIENTOS PARA INSERTAR COLORES, IMÁGENES Y VÍNCULOS EN EL DISEÑO DE LAS...PROCEDIMIENTOS PARA INSERTAR COLORES, IMÁGENES Y VÍNCULOS EN EL DISEÑO DE LAS...
PROCEDIMIENTOS PARA INSERTAR COLORES, IMÁGENES Y VÍNCULOS EN EL DISEÑO DE LAS...
3186841042
 
Dando vida-evas
Dando vida-evasDando vida-evas
Dando vida-evas
Olarautn
 
Moodle2 editor
Moodle2 editorMoodle2 editor
Moodle2 editor
jmboneu .
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
Josselin Nicole Arce
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
Juan Martinez
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
evelynlimongi194
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
Genesis Buenaventura
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
conjuro
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
andrearehur96
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
Gaby Cusme
 
Tipos de diapositivas[1]
Tipos de diapositivas[1]Tipos de diapositivas[1]
Tipos de diapositivas[1]
Kevin Palacio
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
lisitacalderon
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
selenap95
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
Glisseth
 

Similar a Netex learningMaker | Basic Template v1.0 [Es] (20)

2.2.2 software de aplicación
2.2.2 software de aplicación2.2.2 software de aplicación
2.2.2 software de aplicación
 
Gabriela monserrat morales tovar slideshare2
Gabriela monserrat morales tovar slideshare2Gabriela monserrat morales tovar slideshare2
Gabriela monserrat morales tovar slideshare2
 
Curso de ubuntu_606[1]
Curso de ubuntu_606[1]Curso de ubuntu_606[1]
Curso de ubuntu_606[1]
 
Curso de ubuntu_606[1]
Curso de ubuntu_606[1]Curso de ubuntu_606[1]
Curso de ubuntu_606[1]
 
Curso de ubuntu_606[1]
Curso de ubuntu_606[1]Curso de ubuntu_606[1]
Curso de ubuntu_606[1]
 
Mod III Unidad III
Mod III Unidad IIIMod III Unidad III
Mod III Unidad III
 
PROCEDIMIENTOS PARA INSERTAR COLORES, IMÁGENES Y VÍNCULOS EN EL DISEÑO DE LAS...
PROCEDIMIENTOS PARA INSERTAR COLORES, IMÁGENES Y VÍNCULOS EN EL DISEÑO DE LAS...PROCEDIMIENTOS PARA INSERTAR COLORES, IMÁGENES Y VÍNCULOS EN EL DISEÑO DE LAS...
PROCEDIMIENTOS PARA INSERTAR COLORES, IMÁGENES Y VÍNCULOS EN EL DISEÑO DE LAS...
 
Dando vida-evas
Dando vida-evasDando vida-evas
Dando vida-evas
 
Moodle2 editor
Moodle2 editorMoodle2 editor
Moodle2 editor
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas[1]
Tipos de diapositivas[1]Tipos de diapositivas[1]
Tipos de diapositivas[1]
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 
Tipos de diapositivas
Tipos de diapositivasTipos de diapositivas
Tipos de diapositivas
 

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

Nutrición amway Nutrilite PPT EMPRESARIOS MAYO 2024.pdf
Nutrición amway Nutrilite PPT EMPRESARIOS MAYO 2024.pdfNutrición amway Nutrilite PPT EMPRESARIOS MAYO 2024.pdf
Nutrición amway Nutrilite PPT EMPRESARIOS MAYO 2024.pdf
JulianCorrea38
 
HOJA DE VIDA ACTUALIZADA ENCUENTRA EMPLEO 2024
HOJA DE VIDA ACTUALIZADA  ENCUENTRA EMPLEO 2024HOJA DE VIDA ACTUALIZADA  ENCUENTRA EMPLEO 2024
HOJA DE VIDA ACTUALIZADA ENCUENTRA EMPLEO 2024
Unidad de Emprendimiento ambulante
 
Capacitacion Basica para crecer tu lista en redes sociales
Capacitacion Basica para crecer tu lista en redes socialesCapacitacion Basica para crecer tu lista en redes sociales
Capacitacion Basica para crecer tu lista en redes sociales
Angel Nieves
 
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
 
Las Inteligencias Artificiales pdf que hizimos en grupo
Las Inteligencias Artificiales pdf que hizimos en grupoLas Inteligencias Artificiales pdf que hizimos en grupo
Las Inteligencias Artificiales pdf que hizimos en grupo
fabianlomparteomg
 
¿Think-E Estafa? - Un Nuevo Sistema de Aprendizaje de Inglés.pdf
¿Think-E Estafa? - Un Nuevo Sistema de Aprendizaje de Inglés.pdf¿Think-E Estafa? - Un Nuevo Sistema de Aprendizaje de Inglés.pdf
¿Think-E Estafa? - Un Nuevo Sistema de Aprendizaje de Inglés.pdf
Think-e Comentarios México
 
Reglamento Básico de Preinversión Bolivia2015
Reglamento Básico de Preinversión Bolivia2015Reglamento Básico de Preinversión Bolivia2015
Reglamento Básico de Preinversión Bolivia2015
gerenciageneralejecu
 
2Personnel Web - Manual de Usuario 2022.pdf
2Personnel Web - Manual de Usuario 2022.pdf2Personnel Web - Manual de Usuario 2022.pdf
2Personnel Web - Manual de Usuario 2022.pdf
BrenisQuintanaJohnna
 
Caso de Éxito Scorpion - Juan Corona.pdf
Caso de Éxito Scorpion - Juan Corona.pdfCaso de Éxito Scorpion - Juan Corona.pdf
Caso de Éxito Scorpion - Juan Corona.pdf
juancorona45
 
Los Procesos Gerenciales deTalento Humano-Maribeizaguirre.pptx
Los Procesos Gerenciales deTalento Humano-Maribeizaguirre.pptxLos Procesos Gerenciales deTalento Humano-Maribeizaguirre.pptx
Los Procesos Gerenciales deTalento Humano-Maribeizaguirre.pptx
MaribeIzaguirre1
 
Carta de motivacion Corporacion tecnica alemana
Carta de motivacion Corporacion tecnica alemanaCarta de motivacion Corporacion tecnica alemana
Carta de motivacion Corporacion tecnica alemana
Unidad de Emprendimiento ambulante
 
ORGANIZACIÓN EMPRESARIAL..............pptx
ORGANIZACIÓN EMPRESARIAL..............pptxORGANIZACIÓN EMPRESARIAL..............pptx
ORGANIZACIÓN EMPRESARIAL..............pptx
NoeliaLupacaInquilla1
 
Antecedentes penales Licenciado en Sociologia
Antecedentes penales Licenciado en SociologiaAntecedentes penales Licenciado en Sociologia
Antecedentes penales Licenciado en Sociologia
Unidad de Emprendimiento ambulante
 
MENTORÍA ENTRENANDO AL ENTRENADOR Oxford Group FULL.pdf
MENTORÍA ENTRENANDO AL ENTRENADOR  Oxford Group FULL.pdfMENTORÍA ENTRENANDO AL ENTRENADOR  Oxford Group FULL.pdf
MENTORÍA ENTRENANDO AL ENTRENADOR Oxford Group FULL.pdf
Oxford Group
 
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
 
AGRORURAL - PROGRAMA DE DESARROLLO PRODUCTIVO
AGRORURAL - PROGRAMA DE DESARROLLO PRODUCTIVOAGRORURAL - PROGRAMA DE DESARROLLO PRODUCTIVO
AGRORURAL - PROGRAMA DE DESARROLLO PRODUCTIVO
BreenIzarraBrea
 
Practica individual-Semana.Curso Liderazgo y comportamiento organizacional
Practica individual-Semana.Curso Liderazgo y comportamiento organizacionalPractica individual-Semana.Curso Liderazgo y comportamiento organizacional
Practica individual-Semana.Curso Liderazgo y comportamiento organizacional
JanethLozanoLozano
 
CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP PDF...
CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP  PDF...CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP  PDF...
CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP PDF...
Oxford Group
 
BIOMECÁNICA DEL CODO PRESENTACION EN POWER POINT
BIOMECÁNICA DEL CODO PRESENTACION EN POWER POINTBIOMECÁNICA DEL CODO PRESENTACION EN POWER POINT
BIOMECÁNICA DEL CODO PRESENTACION EN POWER POINT
joselynhuamanhernane
 
Isaac Bissu al Frente Darovi Sobresale en Compromiso Social.pdf
Isaac Bissu al Frente Darovi Sobresale en Compromiso Social.pdfIsaac Bissu al Frente Darovi Sobresale en Compromiso Social.pdf
Isaac Bissu al Frente Darovi Sobresale en Compromiso Social.pdf
Isaac Bissu Bali - Fármacos Darovi
 

Último (20)

Nutrición amway Nutrilite PPT EMPRESARIOS MAYO 2024.pdf
Nutrición amway Nutrilite PPT EMPRESARIOS MAYO 2024.pdfNutrición amway Nutrilite PPT EMPRESARIOS MAYO 2024.pdf
Nutrición amway Nutrilite PPT EMPRESARIOS MAYO 2024.pdf
 
HOJA DE VIDA ACTUALIZADA ENCUENTRA EMPLEO 2024
HOJA DE VIDA ACTUALIZADA  ENCUENTRA EMPLEO 2024HOJA DE VIDA ACTUALIZADA  ENCUENTRA EMPLEO 2024
HOJA DE VIDA ACTUALIZADA ENCUENTRA EMPLEO 2024
 
Capacitacion Basica para crecer tu lista en redes sociales
Capacitacion Basica para crecer tu lista en redes socialesCapacitacion Basica para crecer tu lista en redes sociales
Capacitacion Basica para crecer tu lista en redes sociales
 
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ó...
 
Las Inteligencias Artificiales pdf que hizimos en grupo
Las Inteligencias Artificiales pdf que hizimos en grupoLas Inteligencias Artificiales pdf que hizimos en grupo
Las Inteligencias Artificiales pdf que hizimos en grupo
 
¿Think-E Estafa? - Un Nuevo Sistema de Aprendizaje de Inglés.pdf
¿Think-E Estafa? - Un Nuevo Sistema de Aprendizaje de Inglés.pdf¿Think-E Estafa? - Un Nuevo Sistema de Aprendizaje de Inglés.pdf
¿Think-E Estafa? - Un Nuevo Sistema de Aprendizaje de Inglés.pdf
 
Reglamento Básico de Preinversión Bolivia2015
Reglamento Básico de Preinversión Bolivia2015Reglamento Básico de Preinversión Bolivia2015
Reglamento Básico de Preinversión Bolivia2015
 
2Personnel Web - Manual de Usuario 2022.pdf
2Personnel Web - Manual de Usuario 2022.pdf2Personnel Web - Manual de Usuario 2022.pdf
2Personnel Web - Manual de Usuario 2022.pdf
 
Caso de Éxito Scorpion - Juan Corona.pdf
Caso de Éxito Scorpion - Juan Corona.pdfCaso de Éxito Scorpion - Juan Corona.pdf
Caso de Éxito Scorpion - Juan Corona.pdf
 
Los Procesos Gerenciales deTalento Humano-Maribeizaguirre.pptx
Los Procesos Gerenciales deTalento Humano-Maribeizaguirre.pptxLos Procesos Gerenciales deTalento Humano-Maribeizaguirre.pptx
Los Procesos Gerenciales deTalento Humano-Maribeizaguirre.pptx
 
Carta de motivacion Corporacion tecnica alemana
Carta de motivacion Corporacion tecnica alemanaCarta de motivacion Corporacion tecnica alemana
Carta de motivacion Corporacion tecnica alemana
 
ORGANIZACIÓN EMPRESARIAL..............pptx
ORGANIZACIÓN EMPRESARIAL..............pptxORGANIZACIÓN EMPRESARIAL..............pptx
ORGANIZACIÓN EMPRESARIAL..............pptx
 
Antecedentes penales Licenciado en Sociologia
Antecedentes penales Licenciado en SociologiaAntecedentes penales Licenciado en Sociologia
Antecedentes penales Licenciado en Sociologia
 
MENTORÍA ENTRENANDO AL ENTRENADOR Oxford Group FULL.pdf
MENTORÍA ENTRENANDO AL ENTRENADOR  Oxford Group FULL.pdfMENTORÍA ENTRENANDO AL ENTRENADOR  Oxford Group FULL.pdf
MENTORÍA ENTRENANDO AL ENTRENADOR Oxford Group FULL.pdf
 
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
 
AGRORURAL - PROGRAMA DE DESARROLLO PRODUCTIVO
AGRORURAL - PROGRAMA DE DESARROLLO PRODUCTIVOAGRORURAL - PROGRAMA DE DESARROLLO PRODUCTIVO
AGRORURAL - PROGRAMA DE DESARROLLO PRODUCTIVO
 
Practica individual-Semana.Curso Liderazgo y comportamiento organizacional
Practica individual-Semana.Curso Liderazgo y comportamiento organizacionalPractica individual-Semana.Curso Liderazgo y comportamiento organizacional
Practica individual-Semana.Curso Liderazgo y comportamiento organizacional
 
CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP PDF...
CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP  PDF...CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP  PDF...
CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP PDF...
 
BIOMECÁNICA DEL CODO PRESENTACION EN POWER POINT
BIOMECÁNICA DEL CODO PRESENTACION EN POWER POINTBIOMECÁNICA DEL CODO PRESENTACION EN POWER POINT
BIOMECÁNICA DEL CODO PRESENTACION EN POWER POINT
 
Isaac Bissu al Frente Darovi Sobresale en Compromiso Social.pdf
Isaac Bissu al Frente Darovi Sobresale en Compromiso Social.pdfIsaac Bissu al Frente Darovi Sobresale en Compromiso Social.pdf
Isaac Bissu al Frente Darovi Sobresale en Compromiso Social.pdf
 

Netex learningMaker | Basic Template v1.0 [Es]

  • 2. Índice 1. Introducción....................................................................................................................................3 1.1 Estructura de un proyecto................................................................................................................................... 3 1.2 Navegación.......................................................................................................................................................... 3 1.3 Especificaciones .................................................................................................................................................. 4 2. Configuración del proyecto ............................................................................................................5 3. Páginas............................................................................................................................................6 3.1 Página de contenido............................................................................................................................................ 6 3.2 Página de secciones............................................................................................................................................. 7 4. Componentes .................................................................................................................................8 4.1 Sección ................................................................................................................................................................ 8 4.2 Contenedor ......................................................................................................................................................... 8 4.3 Audio ................................................................................................................................................................... 9 4.4 Destacado.......................................................................................................................................................... 10 4.5 HTML ................................................................................................................................................................. 10 4.6 Imagen............................................................................................................................................................... 11 4.7 Vídeo ................................................................................................................................................................. 11 4.8 Cuestionario ...................................................................................................................................................... 12 4.9 Contenido externo ............................................................................................................................................ 13 4.10 Carrusel ............................................................................................................................................................. 14 4.11 Grupo de acordeón ........................................................................................................................................... 14 4.12 Grupo de pestañas ............................................................................................................................................ 15 5. Recursos........................................................................................................................................17 6. Herramientas................................................................................................................................18 A. Anexos .............................................................................................................................................19 A.1. Tamaños de imágenes y contenidos externos ........................................................................................................ 19 A.2. Codificación de vídeos con HandBrake ................................................................................................................... 19 A.2.1. Proceso de codificación .......................................................................................................................................................19
  • 3. 1. Introducción A lo largo de este documento se describen los elementos que forman la plantilla Basic en la herramienta autora Netex learningMaker. 1.1 Estructura de un proyecto Esta plantilla solo permite utilizar “Páginas” para estructurar los proyectos. Existirán dos tipos de páginas: la página de contenido y la página de secciones. 1.2 Navegación  Menú principal: es el menú que se muestra en todas las páginas y secciones de la plantilla. En el menú principal se muestra una jerarquía con las páginas y secciones existentes dentro del proyecto. Para cada página del menú se mostrará gráficamente el estado en el que el alumno se encuentra (desconocido/completado/no completado). Dependiendo de la configuración del proyecto, el menú permitirá una navegación secuencial o libre. El menú principal está siempre visible en resoluciones iguales o superiores a 980px, pero para las inferiores permanecería plegado.  Menú de página: es el menú que se muestra en el pie de las páginas de secciones y permite al usuario navegar entre las diferentes secciones de una página.
  • 4. 4 Con respecto a la navegación por gestos, se utilizarán los gestos de “izquierda” y “derecha” para navegar entre páginas. También se utilizará para navegar entre las secciones de una página siempre y cuando se haya configurado en “horizontal” la propiedad de “Navegación de secciones” (ver apartado siguiente). 1.3 Especificaciones 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 IExplorer8+ o Firefox 18+ o Chrome 15+ o Android 4.0+ o Safari 5.1+  Resoluciones: o 240x320 o 320x480 o 480x800 o 768x1024 Wireframe de ejemplo:
  • 5. 5 2. Configuración del proyecto La plantilla permite la configuración del proyecto con los siguientes parámetros: Nombre Tipo Obligatorio Valor por defecto Descripción Título Texto Sí Project Title Título mostrado en la cabecera. Subtítulo Texto Sí Project Subtitle Subtítulo mostrado en la cabecera. Botón Cerrar Sí/No Sí No Si seleccionas “True”, se muestra el botón para salir del proyecto, y si seleccionas “False”, no se muestra. Navegación Secuencial/Libre Sí Libre Secuencial: solo se puede avanzar de página/sección cumpliendo los objetivos anteriores. Libre: el usuario puede navegar libremente por todas las páginas/secciones del contenido. Navegación de secciones Horizontal/Vertical Sí Vertical Horizontal: las secciones se muestran unas al lado de las otras (en forma de slide). Vertical: las secciones se muestran una debajo de las otras. Imagen de logo Recurso en formato .GIF, .PNG o .JPEG No (Vacío) Logo mostrado en la cabecera de la página. Color de fondo Color Sí #FFFFFF Color de fondo del proyecto Color H1 Color Sí #000000 Color de los títulos H1 Color H2 Color Sí #000000 Color de los títulos H2 Color H3 Color Sí #000000 Color de los títulos H3 Color H4 Color Sí #000000 Color de los títulos H4 Color H5 Color Sí #000000 Color de los títulos H5 Color H6 Color Sí #000000 Color de los títulos H6 Color de enlace Color Sí #008cba Color de los enlaces Color de fondo del menú Color Sí #ffffff Color de fondo del menú Color de fondo del menú (activo) Color Sí #7fc9ff Color de fondo del elemento del menú activo Color del menú Color Sí #000000 Color de la entrada del elemento del menú activo Transición de entrada Listado No none Efecto de animación al entrar en una página. Transición de salida Listado No none Efecto de animación al salir de una página. CSS Personalizado Recurso No (Vacío) Selección de un archivo CSS que se cargará en el proyecto.
  • 6. 6 3. Páginas Esta plantilla cuenta con dos tipos de páginas:  Página de contenido  Página de secciones 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. 3.1 Página de contenido La página de contenido está destinada a mostrar contenidos que no están jerarquizados en secciones. Aparecen en el menú principal como entradas clickables directamente (no se expanden, ya que no contienen secciones). Las propiedades que se pueden establecer desde el editor para este tipo de página son: Nombre Tipo Valor por defecto Descripción Título Texto Page Content Título mostrado en la página.
  • 7. 7 Dentro de las páginas de contenido se puede utilizar los siguientes componentes: Componente Cantidad Descripción Audio 0..N Documento en formato .MP3. Destacado 0..N Componente para concretar y resaltar información. HTML 0..N Texto que se añade en las diferentes secciones. Imagen 0..N Muestra una imagen en el contenido. Vídeo 0..N Vídeo que se reproducirá dentro del componente. Cuestionario 0..N Conjunto de preguntas ordenadas a las que hay que responder. Contenido externo 0..N Permite utilizar contenido HTML o Flash creado por otras herramientas de autor (animaciones, actividades…). Contenedor 0..N Permite agrupar componentes en una determinada disposición: tres columnas, doble columna - columna simple, columna simple - doble columna, dos columnas o una columna. 3.2 Página de secciones La página de secciones está destinada a mostrar contenidos que están jerarquizados en secciones. Aparecen en el menú principal como elementos “expandibles”, es decir, al hacer clic en la entrada del menú que representa la página se expanden sus secciones como entradas “clickables” para acceder directamente a la sección. Dependiendo del valor especificado en la propiedad “Navegación de secciones” a nivel de proyecto, las secciones dentro de esta página se mostraran unas debajo de otras (vertical) o unas al lado de otras (horizontal). La propiedad que se puede establecer desde el editor para este tipo de página es: Nombre Tipo Valor por defecto Descripción Título Texto Page Section Título mostrado en la página. Dentro de las páginas de contenido se puede utilizar el siguiente componente: Componente Cantidad Descripción Sección 0..N Sección dentro de la página.
  • 8. 8 4. 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:  Sección  Contenedor  Audio  Destacado  Texto en HTML  Imagen  Vídeo  Cuestionario  Contenido externo  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. 4.1 Sección Son las diferentes partes que están dentro de la página de secciones. En las secciones se pueden incluir, a su vez, todos los componentes disponibles. La propiedad que se puede establecer desde el editor para este componente es: Nombre Tipo Valor por defecto Descripción Título Texto Page Section Título de la sección. Dentro se puede utilizar los siguientes componentes: Componente Cantidad Descripción Audio 0..N Documento en formato .MP3. Destacado 0..N Componente para concretar y resaltar información. HTML 0..N Texto que se añade en las diferentes secciones. Imagen 0..N Muestra una imagen en el contenido. Vídeo 0..N Vídeo que se reproducirá dentro del componente. Cuestionario 0..N Conjunto de preguntas ordenadas a las que hay que responder. Contenido externo 0..N Permite utilizar contenido HTML o Flash creado por otras herramientas de autor (animaciones, actividades…). Contenedor 0..N Permite agrupar componentes en una determinada disposición: tres columnas, doble columna - columna simple, columna simple - doble columna, dos columnas o una columna. 4.2 Contenedor Este componente permite agrupar otros componentes en una determinada disposición: tres columnas, doble columna - columna simple, columna simple - doble columna, dos columnas o una columna. Las propiedades que se pueden establecer desde el editor para este componente son:
  • 9. 9 Nombre Tipo Valor por defecto Descripción Color de fondo Color #FFFFFF Color de fondo del contenedor. Color del borde Color #FFFFFF Color del borde del contenedor. Esta es la visualización de su panel de propiedades: Dentro se puede utilizar los siguientes componentes: Componente Cantidad Descripción Columna 0..N Componente divido en columnas en el que se incluyen el resto de componentes. El número de columnas se selecciona desde el panel de propiedades de este componente. Audio 0..N Documento en formato .MP3. Destacado 0..N Componente para concretar y resaltar información. HTML 0..N Texto que se añade en las diferentes secciones. Imagen 0..N Muestra una imagen en el contenido. Vídeo 0..N Vídeo que se reproducirá dentro del componente. Cuestionario 0..N Conjunto de preguntas ordenadas a las que hay que responder. Contenido externo 0..N Permite utilizar contenido HTML o Flash creado por otras herramientas de autor (animaciones, actividades…). Contenedor 0..N Permite agrupar componentes en una determinada disposición: tres columnas, doble columna - columna simple, columna simple - doble columna, dos columnas o una columna. 4.3 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. La propiedad que se puede establecer desde el editor para este componente es: Nombre Tipo Valor por defecto Descripción Audio Recurso en formato .MP3 Vacío Archivo .MP3 reproducido por el componente. Esta es la visualización de su panel de propiedades:
  • 10. 10 Este componente no contiene ningún otro componente. 4.4 Destacado El componente “Destacado” es muy útil para concretar y resaltar información a lo largo del proyecto. Por ejemplo, sirve para aportar puntos clave sobre un determinado asunto, ejemplificar una idea o, simplemente, aportar un dato curioso que motive continuar con la lectura. Las propiedades que se pueden establecer desde el editor para este componente son: Nombre Tipo Valor por defecto Descripción Color de fondo Color #FFFFFF Color de fondo del destacado. Color del borde Color #FFFFFF Color del borde del destacado. Esta es la visualización de su panel de propiedades: El componente que puede contener es el siguiente: Componente Cantidad Descripción HTML 1..N Texto mostrado dentro del destacado. 4.5 HTML El componente HTML permite la introducción directa de texto en formato HTML, en el que se puede incluir:  Texto con formato  Imágenes  Fórmulas matemáticas
  • 11. 11 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. Por otra parte, este componente no puede incluir a ningún otro componente. 4.6 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. Las propiedades que se pueden establecer desde el editor para este componente son: Nombre Tipo Valor por defecto Descripción Imagen Recurso en formato .GIF, .PNG, .JPEG. Vacío Recurso imagen mostrado en el componente. Texto alternativo Texto Vacío Es el texto que se muestra cuando una imagen no se visualiza correctamente (debido a una velocidad de conexión lenta, por ejemplo). Esta es la visualización de su panel de propiedades: Este componente puede contener el siguiente componente: Componente Cantidad Obligatorio Descripción Pie de imagen 1 No Texto que se sitúa en la parte inferior de la imagen sobre un fondo gris. Describe la imagen. 4.7 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:
  • 12. 12 Nombre Tipo Valor por defecto Descripción Vídeo Recurso en formato .MP4 Vacío Vídeo que se reproducirá dentro del componente. Carátula Recurso en formato .GIF, .PNG, .JPEG Vacío Imagen mostrada antes de reproducir el vídeo. Subtítulo por defecto Recurso en formato .SRT Vacío Archivo que permitirá la reproducción de los subtítulos establecidos por defecto en el vídeo. Subtítulo español Recurso en formato .SRT Vacío Archivo que permitirá la reproducción de los subtítulos en español en el vídeo. Subtítulo inglés Recurso en formato .SRT Vacío Archivo que permitirá la reproducción de los subtítulos en inglés en el vídeo. Subtítulo gallego Recurso en formato .SRT Vacío Archivo que permitirá la reproducción de los subtítulos en gallego en el vídeo. Subtítulo catalán Recurso en formato .SRT Vacío Archivo que permitirá la reproducción de los subtítulos en catalán en el vídeo. Subtítulo portugués Recurso en formato .SRT Vacío Archivo que permitirá la reproducción de los subtítulos en portugués en el vídeo. Subtítulo italiano Recurso en formato .SRT Vacío Archivo que permitirá la reproducción de los subtítulos en italiano en el vídeo. Subtítulo holandés Recurso en formato .SRT Vacío Archivo que permitirá la reproducción de los subtítulos en holandés en el vídeo. Esta es la visualización de su panel de propiedades: Este componente no contiene ningún otro componente. Para saber cómo codificar vídeos con la herramienta HandBrake, consulta el anexo A.2. 4.8 Cuestionario 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…).
  • 13. 13 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á. 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). 4.9 Contenido externo Este componente permite utilizar contenido HTML creado por otras herramientas de autor (animaciones, actividades…). Estas son sus propiedades:
  • 14. 14 Nombre Tipo Valor por defecto Descripción Recurso (HTML5) Recurso en formato HTML5 Vacío Fichero comprimido que contiene el recurso en HTML5 a mostrar Recurso (Flash) Recurso en formato .SWF Vacío Película flash a mostrar Visualización Listado: HTML5/Flash/ Combinada Combinada Opción a mostrar por defecto. Si se escoge la combinada se intentará visualizar primero el Flash, en el caso de no tener el plugin de Flash disponible, se muestra el recurso HTML5. Si se escoge alguna de las otras opciones, no hay “fallback” de visualización. Nombre de Índice Texto Index.html 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. Esta es la visualización del panel de propiedades: 4.10 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. 4.11 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. Las propiedades que se pueden establecer desde el editor para este componente son: 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. Color de fondo de la cabecera Color No Color de fondo de la cabecera antes de desplegar el acordeón.
  • 15. 15 Esta es la visualización del panel de propiedades: Este componente contiene el siguiente componente: Componente Cantidad Obligatorio Descripción Acordeón 1..N Sí Contiene los componentes que se quieren desplegar. 4.12 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. Las propiedades que se pueden establecer desde el editor para este componente son: Color de cabecera activo Color No Color de fondo de la cabecera una vez se despliegas el acordeón. Color de fondo principal Color No Color de fondo de la sección que se visualiza al desplegar el acordeón. Nombre Tipo Obligatorio Descripción Titulo Texto Sí Título mostrado en cada pestaña. Color de fondo de la cabecera Color No Color de fondo de la cabecera. Color de pestaña activo Color No Color de fondo de la pestaña seleccionada. Color de fondo principal Color No Color de fondo de la sección que se visualiza dentro de cada pestaña.
  • 16. 16 Esta es la visualización del panel de propiedades: 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.
  • 17. 17 5. 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  Vídeos en formato .MP4  Documento en formato .PDF  Contenido externo comprimido en formato .ZIP (.doc, .ppt, .xcl, .pdf, .xls…)
  • 18. 18 6. Herramientas Sólo existirá una herramienta dentro de esta plantilla: el buscador. Se accede desde el menú superior pulsando en el ícono de la lupa, permitiendo buscar dentro de la página actual. Los resultados de la búsqueda se deben mostrar resaltados en la página (en amarillo por ejemplo). El comportamiento de las herramientas es exclusivo, es decir, si se abre una herramienta para su uso (en este caso el buscador), el resto de elementos que estén desplegados en pantalla (por ejemplo el menú principal en aquellas vistas donde esté oculto por defecto) se cerrarán para mostrar la herramienta.
  • 19. 19 A. Anexos A.1. Tamaños de imágenes y contenidos externos Todos los elementos multimedia de adaptan al tamaño de su contenedor. 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.
  • 20. 20 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 4. Selecciona la ruta destino así como el nombre del archivo haciendo clic en “Browse”.
  • 21. 21 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.
  • 22. 22 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.