El Deporte y Los Juegos en La Edad Media

[Protocolo Redacción Especialidades]

AUTOR: Dpto. Redacción de Contenidos
FECHA: 19/10/2017
VERSIÓN: 1.0

2

ÍNDICE
1. Revisión de las especialidades: flujo de trabajo ...................................................... 6
1.1. Revisión de Inicial .................................................................................................. 6
1.2. Equipo de redacción .............................................................................................. 7
1.3. Segunda revisión .................................................................................................... 7
1.4. Equipo pedagógico................................................................................................. 7
1.5. Equipo de Diseño Editorial ..................................................................................... 7
1.6. Estudio de grabación ............................................................................................. 8
2. Gestión E‐learning .................................................................................................. 8
3. Buscador Educalms ................................................................................................. 9
4. Editor Educalms ...................................................................................................... 9
5. EducaProject......................................................................................................... 10
5.1. Consultar las tareas asignadas ............................................................................. 10
6. Modificar acciones formativas .............................................................................. 12
6.1. Comprobar las relaciones del curso ..................................................................... 12
6.2. Incluir contenido en la UDI .................................................................................. 14
6.3. Incluir referencias ................................................................................................ 18
7. Enriquecer nuestros contenidos ........................................................................... 18
7.1. Elementos multimedia ......................................................................................... 19
7.1.1. Mapas conceptuales ................................................................................................... 19
7.1.2. Imágenes .................................................................................................................... 20
7.1.3. Vídeos ......................................................................................................................... 28
7.1.4. PowerPoints ............................................................................................................... 28
7.1.5. Audiotemas ................................................................................................................ 32
7.1.6. Casos prácticos ........................................................................................................... 32
7.1.7. Modificar la información de los elementos subidos ............................................ 40
7.2. Mejorar el formato .............................................................................................. 42
7.2.1. Pestañas ..................................................................................................................... 42
7.2.2. Acordeón .................................................................................................................... 43
7.2.3. Botones ...................................................................................................................... 44
7.2.4. Diapositivas ................................................................................................................ 44
3

7.2.5. Marcos ....................................................................................................................... 45
7.3. Incluir ejercicios ................................................................................................... 46
7.3.1. Ejercicio tipo 1: arrastra respuesta (simple y múltiple) .............................................. 46
7.3.2. Ejercicio tipo 2: rellenar huecos ................................................................................. 48
7.3.3. Ejercicio tipo 3: arrastrar “uno a uno” ....................................................................... 50
7.4. Exámenes y autoevaluaciones ............................................................................. 53
7.4.1. Desde el editor ........................................................................................................... 53
7.4.2. Modificar texto plano ................................................................................................. 54
7.4.3. Modificar HTML .......................................................................................................... 55
Anexo 1. “Guía de Buenas Prácticas en el Uso de las Plantillas de PowerPoint” ....... 56
1. Consideraciones generales para secciones “Recuerda” ......................................... 56
2. Plantillas Recuerda: textos cortos........................................................................... 56
2.1. Plantilla “Dashboard – Tarjetas” ................................................................................... 57
2.2. Plantilla “Fichas – Conversación” .................................................................................. 59
3. Plantillas Recuerda: textos largos o con muchos puntos. ...................................... 60
3.1. Plantilla “Laberinto ‐ Screens” ....................................................................................... 60
3.2. Plantilla “Tablet ‐ Menu” ............................................................................................... 61
3.3. Plantilla “Pestañas – Side Icons” ................................................................................... 63
3.4. Plantilla “Iconos Gamer – Haz clic y descubre” ............................................................. 65
Anexo 2. Creación de Audiotemas en mp3 con WordTalk ......................................... 67
1. Instalación de WordTalk ......................................................................................... 67
2. Instalación de Voces en el Motor de Voz de Windows .......................................... 67
3. Conversión de archivos Word a mp3 ...................................................................... 68
3.1. Conversión del PDF de una Unidad Didáctica a formato Word ..................................... 68
3.2. Optimización del archivo Word antes de convertirlo a mp3 ......................................... 68
3.3. Generación del archivo mp3 ......................................................................................... 69
3.4. Subida de mp3 a Repositorio EducaLMS ....................................................................... 71
3.5. Asociación de mp3 con Unidad Didáctica desde Editor EducaLMS ............................... 72
Anexo 3. Macro para eliminar todas las imágenes de un documento Word 2003 ..... 73
Anexo 4. Guía de Buenas Prácticas para el etiquetado de Imágenes y Vídeos .......... 75
1. Imágenes ................................................................................................................. 76
1.1. Etiquetado de campos ................................................................................................... 76
1.2. Ejemplos de etiquetado de imágenes ........................................................................... 77
1.3. Ejemplos de etiquetado de imágenes con descripciones largas ................................... 79
1.4. Ejemplos de etiquetado de vídeos ................................................................................ 81
4

Anexo 5. Guía de Buenas Prácticas para el uso de imágenes con buena calidad ....... 82
1. Introducción y ejemplos ......................................................................................... 82
2. Imágenes de tipo fotográfico .................................................................................. 86
3. Imágenes de tipo icono ........................................................................................... 88
4. Imágenes de tipo “captura de pantalla” ................................................................. 88

5

1. Revisión de las especialidades: flujo de trabajo
El proceso de revisión de las acciones formativas de especialidades seguirá un flujo de trabajo
que nos permitirá completar nuestras acciones formativas de una manera más eficiente. Para ello, se ha
configurado un equipo de trabajo y una serie de etapas que se detallan a continuación.
1.1. Revisión de Inicial
Siempre que sea posible, se llevará a cabo una revisión inicial con el objetivo principal de facilitar
la labor de redacción. En esta primera revisión se valorará el estado del contenido a tratar. Para ello, se
revisará, en primer lugar, si la acción formativa cumple todos los requisitos, tanto a nivel de pantallas y
horas, como de elementos interactivos. Asimismo, el manual del contenido del curso pasará por la
herramienta de plagio Plagiarism y se generará un informe detallado de los apartados que requieran
más modificaciones. Finalmente, se generará un informe con todo aquello que deba incluirse en el
curso, siguiendo el siguiente cuadro:
ÍNDICE de la AAFF REDACCIÓN PEDAGOGÍA DISEÑO ESTUDIO DE

EDITORIAL GRABACIÓN
TAREAS POR SCORM ☐ Examen ☐Maquetación ☐Video AFO

(AFO)
☐Glosario
☐Actividad Práctica
TAREAS POR UDI EVALUACIONES ☐Ilustración ☐Video UDI
☐ Autoevaluación ☐Audiotema
☐ Actividades.
RECURSOS EDUCATIVOS
☐Mapa Conceptual
☐Objetivos
☐Recuerda
UNIDAD DIDÁCTICA 1 REHACER COMPLETA EVALUACIONES ☐Ilustración ☐Video UDI
☐ Actividades.
RECURSOS EDUCATIVOS
☐Mapa Conceptual
☐Objetivos
☐Recuerda
6

ÍNDICE de la AAFF REDACCIÓN PEDAGOGÍA DISEÑO ESTUDIO DE

EDITORIAL GRABACIÓN
UNIDAD DIDÁCTICA 2 REHACER COMPLETA EVALUACIONES ☐Ilustración ☐Video UDI
☐ Actividades.
RECURSOS EDUCATIVOS
☐Mapa Conceptual
☐Objetivos
☐Recuerda
1.2. Equipo de redacción
Estará constituido por aquellas personas encargadas de revisar el contenido de las acciones
formativas. Deberán prestar especial atención a la redacción, a las faltas de ortografía y al plagio. Será
conveniente que traten de incluir imágenes, vídeos, presentaciones y actividades interactivas siempre
que les sea posible.
Una vez se haya dado por concluida la revisión de la acción formativa, se iniciará una segunda
revisión.
1.3. Segunda revisión
En esta segunda revisión, se volverá a revisar si los requisitos de las horas y de los elementos
interactivos se cumplen. Asimismo, se revisará de nuevo el plagio, el estilo de redacción y la ortografía.
Se generará un informe final para que el equipo pedagógico, el equipo de diseño editorial y el estudio de
grabación completen la acción formativa para darla por concluida.
El informe generado será similar al de la revisión inicial, pero se especificará el modelo para cada
uno de los recursos educativos y de las actividades interactivas.
1.4. Equipo pedagógico
Será el encargado de incluir los mapas conceptuales, objetivos, recuerdas, actividades y
autoevaluaciones que se consideren necesarias para completar la acción formativa.
1.5. Equipo de Diseño Editorial
Se encargará de revisar que las imágenes incluidas se visualizan correctamente y que los campos
de las mismas (descripción, descripción larga y tags) se han completado de manera adecuada. Asimismo,
se encargará de revisar que la maquetación del curso es correcta.
7

Si tras la segunda revisión se considera necesario, será también el encargado de incluir más
imágenes.
1.6. Estudio de grabación
Será el encargado de revisar que los vídeos incluidos en las acciones formativas son adecuados,
así como que los campos de los mismos (descripción, descripción larga y tags) se han completado
correctamente.
Si tras la segunda revisión se considera necesario, se encargará también de incluir los vídeos de la
acción formativa y de cada unidad, así como los audiotemas.
2. Gestión E‐learning
Accedemos a esta página desde la URL elearning.educalms.com. Se trata de una página de
gestión de contenidos, en la que podremos encontrar el contenido ya creado para asociarlo a acciones
formativas nuevas, así como modificar su estructura o crear estructuras de nuevas acciones formativas
desde cero. Asimismo, nos permite subir archivos para incluir a posteriori en el contenido que hemos
creado.
Para trabajar con ella, es necesario que nos registremos. Lo haremos introduciendo nuestro
usuario y contraseña en la parte superior derecha.
8

3. Buscador Educalms
Lo encontraremos en la URL buscador.educalms.com. Para acceder a él, debemos registrarnos
con nuestro usuario y contraseña.
En él podremos hacer búsquedas de acciones formativas y visualizar su contenido, así como ver
las relaciones inferiores y superiores que tienen las mismas, es decir, tanto los módulos y unidades
didácticas que contiene, como las acciones formativas en las que está incluida.
Las búsquedas se pueden realizar a nivel de Acción Formativa, de Módulos, de Unidades
Formativas, de Unidades didácticas o de contenido (HTM, EVA, IMG…).
4. Editor Educalms
Podemos acceder a él desde la URL editor.educalms.com. Se trata de una herramienta que nos
permite buscar acciones formativas, visualizarlas y editarlas desde la misma pantalla. Asimismo, nos
permite incluir en el contenido del curso vídeos, audios u otros recursos didácticos con los que poder
enriquecer la acción formativa.
9

5. EducaProject
Para gestionar los proyectos, se ha creado una nueva herramienta que nos va a permitir asignar
tareas según la revisión de cada especialidad formativa.
Se han creado diferentes grupos según la función que tengan durante la revisión de las
diferentes especialidades:
 REDACCIÓN: Será el grupo encargado de trabajar el contenido, ver el plagio y revisar la
ortografía y gramática de la redacción.
 PEDAGOGÍA: Será el grupo encargado de revisar e incluir los exámenes, los mapas, las
autoevaluaciones, las actividades interactivas y los casos prácticos
 DISEÑO EDITORIAL: Este grupo se encargará de incluir imágenes relacionadas con el contenido.
 ESTUDIO DE GRABACIÓN: Será el encargado de incluir vídeos y audiotemas.
5.1. Consultar las tareas asignadas
Desde la web de repositorio.educalms.com podremos acceder a EducaProject Task, que nos va
a permitir consultar las diferentes tareas que se nos han ido asignando.
10

Una vez iniciemos nuestra sesión, nos aparecerá la tarea asignada, con los proyectos asignados,
correspondientes a cada SCORM, es decir, a cada AFO, y las tareas asignadas, que corresponderán a los
diferentes sub‐apartados.
Como se puede ver en la imagen, según el grupo asignado se podrá comprobar la función de la
tarea asignada, redacción, revisión, inclusión de elementos interactivos…
11

Desde cada una de las tareas, tenemos la opción de acceder a la acción formativa desde el
editor, lo que nos permitirá empezar la revisión rápidamente.
6. Modificar acciones formativas
Para poder modificar una acción formativa, lo primero que haremos será buscar esa acción
formativa. Para ello, nos iremos al Editor (editor.educalms.com) y en la esquina superior, copiaremos el
código del curso. Debajo nos aparecerá la acción formativa, sobre la que deberemos clicar.
6.1. Comprobar las relaciones del curso
El editor nos permite la opción de comprobar en qué acciones formativas se comparten los
apartados UDI y HTML.
Esto nos ayudará a tener cuidado a la hora de editar el contenido, ya que lo que se edite o
añada se modificará en las diferentes acciones formativas.
Para ello, una vez accedamos a la acción formativa, clicaremos sobre el apartado a modificar y a
continuación sobre la flecha del lateral derecho.
12

Una vez se abra la pestaña lateral, clicaremos sobre “RELACIONES”, lo que nos permitirá
conocer las relaciones superiores a las que pertenece el mencionado apartado.
13

6.2. Incluir contenido en la UDI
Para incluir contenido en los apartados de la UDI creada, nos iremos al Editor de Educalms
(editor.educalms.com).
En primer lugar, buscaremos nuestra acción formativa y la seleccionaremos.
Dentro del módulo, seleccionaremos la UDI creada y dentro clicaremos sobre el apartado cuyo
contenido vamos a modificar.
14

Iremos a la pantalla de la derecha y clicaremos sobre el botón del lápiz para modificar el
contenido.
A continuación, podemos proceder a incluir el contenido. Esto lo haremos directamente desde
el botón HTML (penúltimo botón de la barra superior del editor).
15

Una vez ahí, borraremos lo que aparece e incluiremos los siguientes:
<div id="pagina_1">
<p> </p>
<p> </p>
</div>
Esto nos permitirá paginar el contenido. Cada párrafo que vayamos a incluir lo haremos entre la
sección ‘<p> </p>’, por lo que podremos incluir tantas secciones de este tipo cómo párrafo tengamos.
Para pasar a una página nueva de contenido, modificaremos el código anterior para incluir el
número de página apropiado (2, 3, 4…).
Una vez hayamos incluido todo el contenido de nuestro apartado, clicaremos sobre ‘Guardar’.
Ya podemos proceder a modificar el formato (incluir títulos, poner negritas, cursivas, subrayar…) desde
el editor.
En el caso de las autoevaluaciones y exámenes, borraremos de nuevo el código que aparece e
incluiremos el siguiente:
<div id="pagina_1">
<!‐‐ Pregunta 1 ‐‐>
<div class="ee_pregunta">
<div class="ee_enunciado">
Enunciado de la pregunta
</div>
16

<div class="ee_respuesta">
Respuesta 1 a la pregunta
</div>
<div class="ee_respuesta ee_correcta">
Respuesta 2 a la pregunta (correcta)
</div>
Respuesta 3 a la pregunta
</div>
</div>
</div>
Este código nos permitirá incluir una pregunta de examen o autoevaluación por cada página.
Deberemos modificar el enunciado y las respuestas para incluir las de nuestras preguntas. Podemos
modificar el orden del código de las respuestas para modificar las respuestas correctas, así como
reducirlas a dos o incluir más de una respuesta correcta (en el caso de las respuestas múltiples).
Para pasar a una nueva pregunta, deberemos copiar de nuevo el código y modificar el número
de página, indicando la apropiada (1, 2, 3…), así como el número de pregunta (1, 2, 3…).
Una vez hayamos incluido todas las preguntas de nuestro examen o autoevaluación, clicaremos
sobre ‘Guardar’. A continuación, ya podemos proceder a modificar el formato (incluir títulos, poner
negritas, cursivas, subrayar…) desde el editor.
17

6.3. Incluir referencias
A la hora de incluir referencias tanto en el contenido como en la bibliografía, lo haremos según
la siguiente plantilla:
 Libros: autor o autores en mayúscula, primero se pone el apellido, después siglas del nombre.
Año de publicación entre paréntesis. Título del libro en cursiva (añadir número de edición a
partir de la 2ª Ed.). Ciudad o país en el que se realiza la impresión: editorial.
Cuando son más de tres autores VV.AA
TAYLOR, S.J., BOGDAN. R. (2009). Introducción a los métodos cualitativos de investigación.
Barcelona: Paidós Ibérica.
VV.AA. (2012). Guía Técnica para la evaluación y prevención de los riesgos relativos a las
obras de construcción (2ª Ed.). Instituto Nacional Seguridad e Higiene en el
Trabajo.
 Artículos de revista: autor o autores en mayúscula, primero se pone el apellido, después
siglas del nombre. Año de publicación entre paréntesis. Título del artículo. Título de la revista
en cursiva, número de revista y número de páginas.
HELLMANN, T. y STIGLITZ, J. (2000). Credit and equity rationing in markets with adverse
selection, European Economic Review, nº. 44, pp. 281304.
 Enlaces, vídeos e imágenes: autor o autores en mayúscula, primero se indican los apellidos y
luego las siglas del nombre. El título del recurso irá en cursiva y se añadirá [en línea] a
continuación. A continuación, indicaremos la URL en la que está disponible con la dirección
entre <> y entre corchetes la fecha de consulta.
THE GETTY RESEARCH INSTITUE. Appraisals Research Guide [en línea]. Disponible en:
<http://www.getty.edu/research/tools/guides_bibliographies/guide_appraisal.ht
ml> [Consultado el 13/09/2017]
Cuando presentemos la bibliografía de nuestra acción formativa, deberemos citar las diferentes
fuentes por orden alfabético.
7. Enriquecer nuestros contenidos
Cuando creemos nuestros contenidos nuevos, e incluso en aquellos que ya hay creados,
podemos incluir algunos elementos que nos permitirán mejorar la apariencia de nuestra acción
formativa, haciéndola mucho más atractiva.
18

7.1. Elementos multimedia
Son aquellos elementos que nos van a permitir enriquecer nuestra acción formativa añadiendo
más información al contenido que se presenta.
7.1.1. Mapas conceptuales
Siempre resulta muy enriquecedor incluir mapas conceptuales, ya que permitirá a los alumnos
conocer qué van a trabajar antes de iniciar los contenidos.
Para ello, haremos uso de la herramienta de creación de mapas conceptuales del siguiente
enlace:
http://geseu.euroinnova.edu.es/arbol2.0/
Para su uso, deberemos incluir los diferentes apartados del mapa con más o menos
tabulaciones según el nivel en el que se encuentren. Por ejemplo:
MÉTODOS AVANZADOS DE USO
1. Gestión de archivos.
1.2. Visualización de documentos y Navegación.
1.3. Métodos de deshacer.
1.4. Ajustar Preferencias y Extras.
MÉTODOS AVANZADOS DE USO
19

Si pegamos este esquema veremos que el resultado es el siguiente:
Los apartados con más tabulaciones son los que corresponden con los recuadros más claritos.
Estos mapas se incluirían como imágenes en el editor.
7.1.2. Imágenes
Es muy importante utilizar SIEMPRE imágenes con licencia a la hora de dar de alta nuestros
cursos, diseñar mailings, etc... Como ya sabéis, desde hace años disponemos de una biblioteca propia
con más de 10.000 imágenes de ALTA RESOLUCIÓN con licencia procedentes en su mayoría de FOTOLIA
y DREAMSTIME. Es más fácil localizar estas imágenes en la ruta correspondiente que buscarlas en
bancos gratuitos de imágenes (los cuales suelen estar muy limitados en temáticas más específicas y
además a bajas resoluciones).
X:\2. DISEÑO\7. BIBLIOTECA\3 ‐ IMAGENES\1. CON LICENCIA\01. BANCO IMAGENES
En aquellos casos excepcionales en que no logréis encontrar la imagen correspondiente, podéis
comentarlo directamente a cualquier miembro del Dpto. de Diseño para que la compremos
rápidamente y os la facilitemos (Javier Sierra, Alejandra Martín o yo mismo).
Os recomiendo descargar e instalar el programa gratuito Picasa, con el cual es muy fácil buscar
cualquier imagen en nuestras rutas, en lugar de tener que hacerlo con el explorador de carpetas de
Windows.
20

Descarga e instalación del software Picasa
Aunque es un programa al que Google ya dejó de dar soporte, existen aún sitios donde
está disponible para descargarlo:
https://picasa.uptodown.com/windows
La instalación es bastante sencilla siguiendo las instrucciones en pantalla. Tan sólo
debemos tener en cuenta que cuando nos pregunte si queremos añadir las imágenes de nuestro
equipo local decirle que no, pues sólo nos interesa que indexe las rutas donde se encuentra
nuestro banco de imágenes.
Configuración de Picasa
Una vez instalado, debemos ir al menú “Herramientas ‐> Administrador de carpetas”.
Desde aquí indicaremos en que carpetas queremos buscar las imágenes, partiendo de la
siguiente ruta:
X:\2. DISEÑO\7. BIBLIOTECA\3 ‐ IMAGENES\1. CON LICENCIA\01. BANCO IMÁGENES
(Dónde X:\ es una unidad de red conectada a \\innovanet\departamentos)
21

Como podemos ver, la clave para configurar cada una de las carpetas (que contienen 1000
imágenes cada una), es seleccionarlas y pulsar la opción “Explorar una vez” y “Detección de caras
inhabilitada”. A excepción de la última carpeta (actualmente “11000‐12000”), que marcaremos como
“Explorar siempre”, así como “Vectores”.
22

Es importante tener en cuenta que a medida que las carpetas se van llenando con 1000
imágenes, los responsables del mantenimiento del banco iremos creando otras nuevas donde
inmediatamente empezamos a introducir las nuevas imágenes.
Esto implica que ya no volveremos a introducir imágenes nuevas en la carpeta anterior. Por
tanto, si al abrir Picasa detectamos que hay una carpeta nueva, en nuestro caso sería la “12000‐13000”,
debemos marcarla con “Explorar siempre” para que pueda mostrar en tiempo real todas las imágenes
nuevas que se introduzcan (de lo contrario no las veremos), mientras que la anterior carpeta “11000‐
12000” deberemos cambiarla al modo “Explorar una vez” puesto que ya no será necesario que Picasa la
revise cada vez que iniciemos el programa.
La imagen anterior muestra cómo deben quedarse configuradas las carpetas.
Búsqueda de imágenes con Picasa
Para buscar imágenes con Picasa basta con introducir la palabra clave en el buscador de la
parte superior derecha:
Recomendamos utilizar términos en inglés, ya que arrojarán más resultados, aunque también
podemos hacerlo en español para ver otras posibilidades. Una vez hayamos encontrado nuestra imagen,
basta con pulsar botón derecho sobre ella y seleccionar “Localizar en disco”.
23

Esto nos abrirá una ventana nueva del navegador con la imagen ya seleccionada en su ruta
original. Es entonces cuando LA COPIAREMOS A OTRA RUTA DE TRABAJO para hacerle las
modificaciones oportunas. NUNCA DEBEMOS MODIFICAR LA IMAGEN ORIGINAL BAJO NINGÚN
CONCEPTO, puesto que son las originales a gran tamaño y resolución y así es como deben permanecer
siempre en su ruta original para otros usos.
24

Esta sería la imagen en su ruta original, la cual nunca debemos modificar. La copiaremos a
otro sitio para poder trabajar con dicha copia.
Guardar la imagen que deseamos incluir en el curso
Hemos habilitado una carpeta para cada uno de los cursos que se deben revisar en la
siguiente ruta:
L:\1. PROYECTOS\48. Reunión EUROFORMAC ‐ Especialidades Formativas\7. Imágenes
especialidades
Cada responsable de cada curso, podrá guardar las diferentes imágenes en la carpeta e ir
cumplimentando el Excel con la información de la ubicación de cada una de ellas, para facilitar
su posterior inserción en el contenido:
Todos los días, habrá un encargado que disminuirá el tamaño de estas imágenes y las irá
pasando a las carpetas “IMAGENES EDITADAS” de cada uno de los cursos, por lo que los
encargados podrán ir comprobando las imágenes que se han reducido e ir incluyéndolas en el
contenido del curso. NO SE INCLUIRÁN LAS IMÁGENES SIN EDITAR.
25

Subir la imagen seleccionada al contenido
1º Iremos al Editor de Educalms (editor.educalms.com)
2º Buscaremos la acción formativa y seleccionar, dentro de la misma, el apartado en la que vamos
a incluir estos nuevos elementos.
3º Clicaremos sobre el botón para editar el apartado deseado y clicaremos dentro del contenido
dónde deseamos incluir la imagen.
4º En la pantalla de la derecha, justo en la barra superior del editor, localizaremos la ubicación del
recurso/actividad e incluirlo desde el icono correspondiente.
Imagen
4º Una vez cliquemos sobre el botón del elemento, deberemos completar los campos que nos aparecen.
26

 Campo NOMBRE debemos incluir el nombre de la imagen. ES OBLIGATORIO (Ver Anexo 3)
 Si deseamos que aparezca un nombre a pie de foto, deberemos incluir éste en el apartado
DESCRIPCIÓN. ES OBLIGATORIO (Ver Anexo 3)
 Para completar las TAGS, es importante que seamos lo más precisos posibles. Si utilizamos una
imagen del banco de imágenes, es IMPRESCINDIBLE respetar las tags que tiene la imagen
asignada. Estas tags aparecen en las propiedades de la imagen. ES OBLIGATORIO (Ver Anexo 3)
27

 Si incluimos una imagen para la que consideramos necesaria una aclaración o explicación, ésta
se incluirá en el apartado DESCRIPCIÓN LARGA. Si esta descripción viniera de un documento
Word, es necesario que primero pase por el Bloc de Notas para quitar el formato.
Una vez hayamos arrastrado la imagen, podremos clicar sobre el botón enviar para que nuestra imagen
aparezca en el contenido.
Ver Anexo 4: Guía de Buenas Prácticas para el Etiquetado de Imágenes y Vídeos
7.1.3. Vídeos
Tenemos una extensa selección de vídeos que han sido grabados y editados por el Estudio de
Grabación. Es posible incluir estos vídeos directamente a las acciones formativas. Para ello, se podrá
hacer la selección de los vídeos desde el Excel disponible en la ruta:
L:\BIBLIOTECA\0. PROTOCOLO CONTENIDOS ‐ Especialidades Formativas\Excel vídeos –
Revisado
Cada vídeo tiene un código asociado, que nos permitirá visualizar el vídeo desde
buscador.educalms.com
Si consideras que alguno de los vídeos es apropiado para incluirlo en la acción formativa,
podrás solicitar el código HTML para incluirlo dentro del contenido.
Hay que tener cuidado con los vídeos que tienen la mosca de INESEM, ya que estos vídeos no
pueden utilizarse tal cual. Si alguno de esos vídeos deben incluirse en tu acción formativa, deberá
solicitarse a dir.academica@inesem.es.
Ver Anexo 4: Guía de Buenas Prácticas para el Etiquetado de Imágenes y Vídeos
7.1.4. PowerPoints
Para que nuestros contenidos sean más dinámicos y atractivos, podemos incluir
presentaciones de PowerPoint explicativas.
Las diferentes plantillas están disponibles en la ruta:
\\innovanet\frankx\1. PROYECTOS\50. Recursos Multimedia\3 ‐ Powerpoint
Tenemos la opción de elegir diferentes plantillas para nuestro diseño:
1 MAPAS CONCEPTUALES
Podemos acceder a las diferentes plantillas desde la ruta: L:\1. PROYECTOS\50. Recursos
Multimedia\3 ‐ Powerpoint\01 ‐ Mapas Conceptuales. Para editar el contenido, únicamente
28

tendremos que clicar sobre los diferentes recuadros y sustituir el contenido. Si incluimos algún
recuadro nuevo, deberemos prestar atención al panel de animación, dejando siempre como
último elemento el Rectángulo Azul, que permitirá que la presentación dure 10 segundos más
2 PRESENTACIONES INTERACTIVAS
Multimedia\3 ‐ Powerpoint\02 – Interactivos. Al igual que en el caso anterior, podremos
modificar el contenido clicando sobre los diferentes recuadros de texto y sustituyendo el
contenido.
3 RECUERDAS
Multimedia\3 ‐ Powerpoint\03 ‐ Recuerdas. Al igual que en el caso anterior, podremos
modificar el contenido clicando sobre los diferentes recuadros de texto y sustituyendo el
contenido.
Podremos utilizar estas plantillas también para los objetivo, para este fin, deberemos hacer la
modificación del título desde el diseño de las diapositivas.
Si en algún momento, consideramos que un nuevo modelo de plantilla es conveniente para el
curso que estamos realizando, podemos proponerla incluyéndola en la carpeta:
L:\1. PROYECTOS\50. Recursos Multimedia\3 ‐ Powerpoint\NUEVAS PLANTILLAS a Aceptar Juan Morales
Una vez se revise nuestra propuesta, nos comunicarán si se ha validado o no la plantilla.
Cuando hayamos hecho la presentación, deberemos pasar la presentación a formato de vídeo,
si se trata de un mapa conceptual, o de HTML5 + Flash. Para ello, haremos uso de la herramienta iSpring
Suite.
Introducción a iSpring Suite
iSpring Suite es un potente kit de herramientas de autor de e‐Learning para PowerPoint, que
nos permitirá integrar nuestros proyectos dentro de cursos e‐Learning de manera fácil y rápida.
Entre sus múltiples funciones destacaremos la conversión directa de PowerPoint en cursos de
E‐learning, creación de conferencias de vídeo, evaluaciones interactivas, grabación de pantalla para
simulaciones y demostraciones, creación de contenidos interactivos e‐Learning, amplia compatibilidad
LMS y contenidos responsive (ordenador, tablet, móvil).
29

En resumen, iSpring Suite ofrece múltiples posibilidades a la hora de publicar nuestros
proyectos PowerPoint, de las cuales nos centraremos en 2 de ellas:
 La conversión a vídeo mp4.
 La conversión a formato HTML5 + Flash.
Conversión de PowerPoint a vídeo mp4
Por defecto, PowerPoint no permite convertir un proyecto a mp4, algo que iSpring Suite si nos
permite hacer de manera fácil y rápida. Basta con ir al menú de iSpring Suite dentro de PowerPoint y
hacer clic en Publish:
Se abrirá entonces la ventana de opciones para publicación, donde pulsaremos sobre la opción
“Video” del menú lateral izquierdo.
Una vez dentro, comprobar que la configuración de todas las opciones aparece igual que en la
imagen de arriba, le indicamos en “Folder” la ruta donde queremos guardar el vídeo exportado y
hacemos clic en “Publish”. En breve tendremos listo nuestro vídeo mp4.
30

Conversión de PowerPoint a HTML5 + Flash
Como ya sabemos, un curso e‐Learning no soporta el formato ppt/pptx que PowerPoint genera.
Para ello debemos transformar el contenido en algún formato equivalente que conserve todas las
características y propiedades originales del proyecto en PowerPoint, y que a la vez sea compatible con
cualquier plataforma e‐Learning, como por ejemplo HTML5 o flash (swf).
De nuevo desde el menú iSpring Suite pulsaremos el botón Publish y seleccionaremos la opción
“WEB” del menú lateral izquierdo.
Nos aseguramos de tener todas las opciones configuradas igual que en la imagen y pulsamos
Publish. Esto generará un conjunto de archivos en la ruta especificada que deberemos subir al
repositorio EducaLMS en forma de presentación (PRE).
Ver Anexo 1: “Guía de Buenas Prácticas en el Uso de las Plantillas de Powerpoint”
Subir el vídeo a repositorio
Los archivos que generemos con iSpring Suite, deberán guardarse en la subcarpeta
“Presentaciones” de cada curso de la ruta:
L:\1. PROYECTOS\48. Reunión EUROFORMAC ‐ Especialidades Formativas\7. Imágenes
especialidades
31

Diariamente, una persona se encargará de subir las presentaciones a repositorio y de dejar un
documento .txt con el código del vídeo dentro del repositorio y el código HTML para que el responsable
de la acción formativa lo pueda subir al contenido sólo con pegarlo en el código HTML del apartado de
contenido.
7.1.5. Audiotemas
Todas las Unidades Didácticas cuentan con un audiotema en formato mp3 para que el usuario
pueda descargarlo. Es muy importante que seamos conscientes de que cada vez que haya un cambio
significativo en el contenido, debemos volver a generar el mp3 y actualizado en la UD correspondiente
del Curso.
También cabe destacar que un audiotema mp3 equivale únicamente al texto de la UD. Es
decir, aquí no se incluyen elementos tales como: imágenes, vídeos, ejercicios y elementos interactivos
(JQuery’s y secciones “Recuerda”, por ej), autoevaluaciones, exámenes o glosarios.
Ver Anexo 2: “Creación de Audiotemas en mp3 con WordTalk”.
7.1.6. Casos prácticos
Los casos prácticos que se incluyan en el contenido se explicarán dentro del mismo, pero el
documento de la actividad se habilitará para descarga.
32

Para incluir estas actividades, cogeremos, en primer lugar, la plantilla de actividad que
encontraremos en la ruta:
L:\1. PROYECTOS\50. Recursos Multimedia\6 ‐ Casos prácticos
Una vez se haya realizado la actividad, se subirá a la carpeta “Casos prácticos” de cada uno de
los cursos de la siguiente ruta:
L:\1. PROYECTOS\48. Reunión EUROFORMAC ‐ Especialidades Formativas\7. Imágenes especialidades
Diariamente, habrá una persona encargada en pasar esas actividades a recursos y dejar en la
misma carpeta un .txt con el código del recurso y el código HTML para incluirlo dentro del contenido.
Antes de incluir el código de descarga del documento, en la pantalla de la actividad práctica, se
deberá presentar la actividad siguiendo el siguiente formato:
ACTIVIDAD PRÁCTICA
Descargue el siguiente archivo y conteste a los ejercicios que se plantean. Cuando finalice, envíe este
mismo archivo a su tutor o tutora.
TÍTULO: Retoque fotográfico.
DURACIÓN: 3 horas.
OBJETIVO: Practicar el uso de las herramientas estudiadas.
DESCARGAR ACTIVIDAD PRÁCTICA AQUÍ
Casos prácticos Adalid
De manera específica, los cursos de la entidad Adalid deberán incluir OBLIGATORIAMENTE una
actividad práctica al final de la acción formativa.
Estas acciones formativas son:
ADGD008PO ANÁLISIS DE PROBLEMAS Y TOMA DE DECISIONES
ADGD018PO AUDITORÍA NORMA INTERNACIONAL FOOD STANDARD (IFS)
ADGD027PO CERTIFICACIÓN NORMAS UNE‐EN‐ISO‐22 :2 5
ADGD032PO FUNDAMENTOS DEL COACHING Y ORIENTACIÓN
ADGD033PO COACHING: DESARROLLO DE PERSONAS
ADGD039PO CONTABILIDAD FINANCIERA
ADGD043PO CONTABILIDAD, ADMINISTRACIÓN Y GESTIÓN
33

ADGD044PO CONTRATACIÓN LABORAL, TIPOS
ADGD051PO FUNDAMENTOS DEL CONTROL Y MEJORA DE LA CALIDAD
ADGD060PO DERECHO DEL TRABAJO Y SEGURIDAD SOCIAL: GESTIÓN Y CONTROL DE LA I.T. PROTOCOLOS
ADGD064PO DESARROLLO LOCAL
ADGD068PO DIRECCION DE PERSONAS Y DESARROLLO DEL TALENTO
ADGD077PO DIRECCION Y GESTION EQUIPOS DE PROYECTOS
ADGD088PO EMPRENDER UN NEGOCIO
ADGD098PO ESTRATEGIA Y COMUNICACIÓN EMPRESARIAL
ADGD102PO EVALUACION DEL DESEMPEÑO Y GESTION DE COMPETENCIAS
ADGD103PO EVALUACIÓN DEL POTENCIAL Y PLAN DE CARRERA PROFESIONAL
ADGD106PO EXTINCIÓN DEL CONTRATO DE TRABAJO
ADGD113PO GESTIÓN CONTABLE DE UNA EMPRESA: CONTAPLUS
ADGD115PO GESTION DE COBROS Y RECLAMACIONES
ADGD131PO GESTIÓN DE RR.HH: DIRECCIÓN POR OBJETIVOS Y PLANIFICACIÓN DE TAREAS
ADGD132PO GESTION DE UN PEQUEÑO COMERCIO
ADGD137PO GESTIÓN EMPRESARIAL
ADGD138PO GESTIÓN INTEGRAL DE PYMES
ADGD146PO HABILIDADES DIRECTIVAS: INFLUIR, MOTIVAR Y TOMA DE DECISIONES
ADGD162PO INGLÉS EMPRESARIAL
ADGD167PO INTELIGENCIA EMOCIONAL EN LA EMPRESA Y GESTIÓN DE CUALIDADES
ADGD188PO NÓMINAS
ADGD193PO NORMATIVA JURÍDICA EN MATERIA LABORAL. ACTUALIZACIÓN
ADGD198PO NUEVA NORMATIVA LABORAL, CONTRATACIÓN
ADGD204PO PLAN DE IGUALDAD. DESARROLLO, IMPLANTACIÓN, SEGUIMIENTO Y EVALUACIÓN
ADGD205PO PLAN DE NEGOCIO EN MICROEMPRESAS
ADGD226PO PROYECTOS: FUNDAMENTOS DE CONTROL DE RIESGOS
ADGD250PO SISTEMA DE I+D+i Y GESTIÓN DE LA INNOVACIÓN
ADGD251PO SISTEMA DE LA SEGURIDAD SOCIAL
ADGD255PO SOLUCIÓN DE FINANCIACIÓN PARA PYMES
34

ADGD256PO TÉCNICAS DE MANDO Y DIRECCIÓN DE EQUIPOS
ADGD265PO TRABAJO EN EQUIPO
ADGD266PO TRAMITES ON LINE CON LA SEGURIDAD SOCIAL
ADGG012PO CONTROL ESTADISTICO DE PROCESOS (SPC)
ADGG022PO FACTURA DIGITAL
ADGG024PO FACTURAPLUS: FACTURACIÓN EN LA EMPRESA
ADGG028PO GESTIÓN DEL RIESGO EMPRESARIAL: SAP
ADGG042PO LA TECNOLOGÍA DE LA INFORMACIÓN APLICADA A LA EMPRESA.
ADGG070PO REDACCIÓN Y PRESENTACIÓN DE INFORMES
ADGG072PO RESPONSABILIDAD SOCIAL CORPORATIVA
ADGG076PO SPSS ‐ ANALISIS ESTADÍSTICO
ADGG077PO TÉCNICAS ADMINISTRATIVAS
ADGG101PO DESARROLLO TIC PARA LA GESTIÓN DE INFORMACIÓN CORPORATIVA
ADGN003PO ADMINISTRACIÓN Y OPERACIONES DE UNA ENTIDAD FINANCIERA
ADGN004PO ANALISIS DE COSTES PARA LA TOMA DE DECISIONES
ADGN018PO BANCA ELECTRÓNICA Y PAGOS ELECTRÓNICOS. ESTRATEGIA, OPERACIONES Y SEGURIDAD
ADGN039PO EL PRESUPUESTO COMO HERRAMIENTA ÚTIL DE GESTIÓN
ADGN042PO GESTIÓN ECONÓMICA FINANCIERA PARA LA TOMA DE DECISIONES DE RIESGO
ADGN043PO FINANZAS PARA NO FINANCIEROS
ADGN049PO FISCALIDAD EN LA PYME
ADGN054PO GESTIÓN DE COSTES
ADGN059PO GESTIÓN DE RECOBROS EN SEGUROS
ADGN064PO GESTIÓN FISCAL ‐ IRPF
ADGN065PO GESTIÓN FISCAL. INTRODUCCIÓN
ADGN066PO IMPUESTO SOBRE EL VALOR AÑADIDO (IVA)
ADGN068PO IMPUESTO SOBRE SOCIEDADES (IS): GESTIÓN FISCAL DE LA EMPRESA
ADGN094PO PROGRAMA DELT@ : GESTIÓN DE ACCIDENTES DE TRABAJO
ADGN119PO SISTEMA ECONOMICO FINANCIERO
ADGN125PO TESORERÍA
35

ADGN130PO VALORACION DE EMPRESAS
AFDP003PO ACTUACIONES EN PRIMEROS AUXILIOS
COML007PO GESTIÓN ADMINISTRATIVA DE LA AGENCIA COMERCIAL
COML010PO POLÍTICA Y GESTIÓN INFORMATIZADA DE STOCK
COML022PO SISTEMAS Y PROCESOS LOGÍSTICOS
COML023PO GESTIÓN LOGÍSTICA
COML024PO INTERNACIONALIZACIÓN DE PYMES: GESTIÓN DEL TRANSPORTE Y ADUANAS
COMM013PO DECORACION EN TIENDAS Y ESCAPARATES
COMM024PO PLAN DE MARKETING PARA EMPRENDEDORES: COMERCIALIZACIÓN Y PREVISIÓN DE VENTAS
GESTIÓN DEL MARKETING Y LA FUERZA DE VENTAS EN LA DIRECCIÓN ESTRATÉGICA DE LA
COMM032PO EMPRESA
COMM036PO PRINCIPIOS PARA LA IMPLANTACIÓN DE UN SISTEMA DE CALIDAD
COMM038PO SEGMENTACIÓN Y SISTEMA DE INFORMACIÓN EN MARKETING
COMM066PO HERRAMIENTAS DE PROMOCIÓN COMERCIAL BÁSICAS
COMM076PO RELACIONES PÚBLICAS Y GABINETES DE PRENSA
COMM081PO TECNICAS DE VENTAS TELEFÓNICAS EN TELEMARKETING
COMM085PO MARKETING Y REPUTACIÓN ON LINE: COMUNIDADES VIRTUALES
COMT007PO GESTIÓN DE LA CALIDAD DE SERVICIO EN EL SECTOR DE LA HOSTELERÍA
COMT021PO ACTIVIDADES DE COOPERACIÓN E INVERSIÓN EXTERIOR DE LA EMPRESA ESPAÑOLA
COMT042PO GESTIÓN DE COMPRAS Y PROVEDORES
COMT045PO FUNDAMENTOS DE COMUNICACIÓN Y FIDELIZACIÓN CON EL CLIENTE
COMT051PO HABILIDADES COMERCIALES
COMT066PO COMERCIO EN INTERNET. OPTIMIZACIÓN DE RECURSOS
COMT070PO PROGRAMACIÓN NEUROLINGÜISTICA PARA LA NEGOCIACIÓN COMERCIAL
COMT113PO COMERCIO EXTERIOR
ELEE008PO TÉCNICAS DE MANTENIMIENTO EN LÍNEAS AÉREAS DE ALTA TENSIÓN
MANTENIMIENTO SISTEMAS DE TELECOMUNUCACIÓN DE SEGURIDAD Y CONTROL EN
ELEE010PO SUBESTACIONES ELÉCTRICAS
ELEE020PO PROG ESTRUCTURADA AUTOMATAS
ELES001PO PROTOCOLO KNX PARA DOMÓTICA
36

ENAC001PO EFICIENCIA ENERGÉTICA
ENAE002PO ENERGÍA EÓLICA
ENAE003PO DISEÑO Y MANTENIMIENTO DE INSTALACIONES DE ENERGÍA SOLAR FOTOVOLTAICA
ENAE009PO INSTALAC.FOTOVOLTAICAS TERMICA
EOCB008PO ARCHITECTURAL DESKTOP ‐ BIM
EOCE004PO CÁLCULO DE ESTRUCTURAS DE HORMIGÓN CON CYPECAD
EOCE013PO CERTIFICACIÓN‐HORMIGÓN
EOCO006PO FLOWMASTER
EOCO012PO INTRODUCCIÓN BIM
FCOL002PO ESPAÑOL ELEMENTAL PARA EXTRANJEROS
FMEM009PO FUNDAMENTOS DE ROBÓTICA
HOTA003PO OPTIMIZACIÓN DE LA GESTIÓN DE HOTELES
HOTR041PO GESTIÓN DEL BAR‐CAFETERIA
HOTR042PO GESTION EN RESTAURACION: DISEÑO EN PROCESO DE SERVICIO
HOTR044PO INTRODUCCIÓN A LA GESTIÓN ECONOMICA‐FINANCIERA DEL RESTAURANTE
HOTT002PO ANIMACIÓN TURÍSTICA
IFCD006PO APLICACIONES JAVA (J2EE)
IFCD009PO GESTIÓN DE CONTENIDOS DIGITALES
IFCD011PO DESARROLLO DE PAGINAS WEB CSS Y JOOMLA
IFCD015PO APLICACIONES DE ORACLE PARA DATAMINING Y BIG DATA
IFCD017PO DESARROLLO DE APLICACIONES PARA INTERNET Y DISPOSITIVOS MÓVILES
IFCD020PO DISEÑO WEB CON FLASH ANIMACIONES I
IFCD021PO DISEÑO WEB CON FLASH ANIMACIONES
IFCD023PO EXPERTO WEB Y MULTIMEDIA PARA E‐COMMERCE II
IFCD030PO DISEÑO DE PRUEBAS DE SOTFWARE
IFCD031PO DESARROLLO DE SERVICIOS WEB
IFCD033PO JAVA
IFCD039PO CREACIÓN, PROGRAMACIÓN Y DISEÑO DE PÁGINAS WEB DINÁMICAS
IFCD043PO PROGRAMACIÓN DE APLICACIONES ORIENTADAS A OBJETOS
37

IFCD046PO SAP BUSSINESS INTELLIGENCE
IFCM006PO GESTIÓN DE RECURSOS WEB 2.0
IFCM011PO LA FIBRA ÓPTICA
IFCM015PO COMPETENCIAS DIGITALES BÁSICAS
IFCM018PO PROGRAMACIÓN DE APLICACIONES ANDROID
IFCM019PO PROGRAMACIÓN DE APLICACIONES IPHONE
IFCM022PO SISTEMAS DE TRANSMISIÓN DE DATOS
IFCM024PO DISEÑO DE REDES LAN
IFCM036PO HTML 5 Y CSS 3
IFCT005PO ADMINISTRACIÓN DE BASES DE DATOS EN ORACLE
APLICACIONES WEB: IMPLEMENTACIÓN DEL ESTÁNDAR SCORM 1.2 EN PLATAFORMAS VIRTUALES
IFCT014PO DE APRENDIZAJE
IFCT017PO AUTOCAD
IFCT024PO BASES DE DATOS AVANZADAS
IFCT030PO CREACIÓN, PROGRAMACIÓN Y DISEÑO DE PÁGINAS WEB
IFCT036PO DESARROLLO VIDEOJUEGOS HTML5
IFCT050PO GESTIÓN DE LA SEGURIDAD INFORMÁTICA EN LA EMPRESA
IFCT053PO HERRAMIENTAS DE GESTIÓN WEB (GESTIÓN DE CONTENIDOS)
IFCT088PO PROGRAMACION HTML 5
IFCT101PO PLANIFICACIÓN DE LA SEGURIDAD INFORMÁTICA EN LA EMPRESA
IFCT103PO SERVIDORES WEB
IFCT114PO LINUX
IFCT122PO VOZ SOBRE IP (VOIP)
IMST010PO DISEÑO Y ANIMACIÓN CON FLASH CS6
IMSV031PO RETOQUE FOTOGRÁFICO
IMSV033PO 3DS MAX 2 13
INAD002PO CERTIFICACIÓN DE CALIDAD EN ALIMENTACION
INAD046PO SISTEMA APPCC Y PRÁCTICAS CORRECTAS DE HIGIENE
INAD047PO SISTEMAS DE CALIDAD EN INDUSTRIA ALIMENTARIA
QUIE012PO PLANIFICACIÓN, PROGRAMACIÓN Y CONTROL DE LA PRODUCCIÓN EN LA INDUSTRIA QUÍMICA
38

SANP009PO DERMOFARMACIA Y COSMETOLOGÍA
SANP020PO NUTRICIÓN Y DIETÉTICA
SANT025PO CUIDADOS DE ÚLCERAS POR PRESIÓN
SANT026PO CUIDADOS AUXILIARES DE ENFERMERÍA EN EL ÁREA DE SALUD MENTAL
SANT027PO CUIDADOS ENFERMEROS DEL RN EN RIESGO Y PROCEDIMIENTOS NEONATALES
SANT036PO CUIDADOS Y TRATAMIENTOS DE ENFERMERÍA EN DIABETES MELLITUS
SANT045PO ENFERMEDADES INFANTILES
SANT049PO ENFERMERÍA DE URGENCIAS EN EL PACIENTE POLITRAUMATIZADO
SANT051PO ENFERMERÍA NEFROLÓGICA
SANT052PO ENFERMERÍA ONCOLÓGICA
SANT053PO ENFERMERÍA Y FARMACOLOGÍA
SANT066PO HOMEOPATÍA
SANT068PO COMUNICACIÓN CON PACIENTES Y FAMILIARES EN EL ENTORNO CLÍNICO.
SANT079PO MOVILIZACIÓN DE ENFERMOS
SANT090PO REANIMACIÓN CARDIOPULMONAR
SANT103PO URGENCIAS DE ENFERMERÍA PEDIÁTRICA
SEAD021PO OBLIGACIONES LEGALES DE LA EMPRESA PARA LA AUDITORIA EN MATERIA DE PRL.
SEAD037PO CONDICIONES DE SEGURIDAD Y SEÑALIZACIÓN DE LUGARES DE TRABAJO
SEAD058PO ERGONOMÍA DE LA POSICIÓN Y EL ESFUERZO
ANÁLISIS DE LOS FACTORES ERGONÓMICOS PARA LA EVALUACIÓN DEL RIESGO DEL PUESTO DE
SEAD063PO TRABAJO.
SEAD108PO LA GESTIÓN DE LA PREVENCIÓN DE RIESGOS LABORALES. FUNDAMENTOS.
SEAD138PO PREVENCIÓN DE LOS RIESGOS QUE DERIVAN DE LOS LUGARES DE TRABAJO
SEAD149PO MEDIDAS DE RUIDOS, PREVENCIÓN Y PROTECCIÓN
SEAD246PO ANÁLISIS DE RIESGOS ESPECÍFICOS EN EL PUESTO DE TRABAJO
SEAD255PO TÉCNICAS DE INVESTIGACIÓN DE ACCIDENTES DE TRABAJO
SEAG002PO AUDITORIA MEDIOAMBIENTAL
SEAG006PO CAMBIO CLIM Y HUELLA D CARBONO
SEAG029PO SISTEMA DE GESTIÓN MEDIOAMBIENTAL EN LA EMPRESA
SEAG032PO GESTIÓN SOSTENIBLE DE LOS RESIDUOS
39

SEAG033PO GESTIÓN SOSTENIBLE DEL AGUA
SEAG037PO CAMBIO CLIMÁTICO Y MEDIO AMB.
SEAG043PO NORMA ISO 14 1 Y SU IMPLANTACIÓN EN LA EMPRESA
SEAG044PO NORMATIVA AMBIENTAL
SEAG045PO MEDIOAMBIENTE Y ACTIVIDAD EMPRESARIAL
SSCE026PO CREACIÓN DE CONTENIDOS DIGITALES, MOBILE LEARNIG, GAMIFICACIÓN
SSCE074PO FORMACIÓN DE FORMADORES
SSCE112PO PROGRAMACIÓN DE ACCIONES FORMATIVAS
SSCE135PO PSICOMOTRICIDAD EN EL AULA
SSCE145PO LA LABOR DEL TUTOR EN EL AULA
SSCE148PO PIZARRAS DIGITALES AVANZADO
SSCG010PO INTERVENCIÓN ANTE EL MALTRATO DE PERSONAS DEPENDIENTES
SSCG035PO ENVEJECIMIENTO SALUDABLE
SSCG065PO ORIENTACIÓN SOCIOLABORAL PARA INMIGRANTES
SSCG076PO VIOLENCIA DE GÉNERO
Para incluirla, seguiremos el proceso anterior, pero las personas encargadas de subir los
recursos a repositorio deberán dejar el zip en la carpeta definitiva de estos cursos en la ruta:
L:\1. PROYECTOS\48. REVISIÓN ‐ Especialidades Formativas\5. REVISIONES Contenido Esp.
Formativas\8. Buzón Actividades
La nomenclatura de este .zip será la siguiente:
Actividad ‐ buzón IMSV031PO
7.1.7. Modificar la información de los elementos subidos
Los textos que se muestran en los diferentes elementos se editan desde el editor. En el
lateral derecho, clicaremos sobre la flechita para desplegar la pestaña lateral derecha. Ahí,
encontraremos los apartados de Recursos Categorizados.
40

Podremos ampliar esta pestaña, clicando sobre el icono de ampliar.

Si desplegamos los diferentes recursos, encontraremos los elementos que contiene toda la
acción formativa. Para modificarlos clicaremos sobre el lápiz que se incluye en su descripción.
41

Se abrirá una pantalla donde podremos editar la información que se incluyó cuando se subió el
elemento y podremos modificarla.
7.2. Mejorar el formato
Hay algunos elementos que nos permitirán embellecer el contenido si hacemos uso de ello. Para
incluirlos, deberemos hacerlo desde el código HTML del apartado en el que se vayan a incluir.
7.2.1. Pestañas
Plantilla HTML:
<div class="elementInteractive">
<div class="iconoInteractive"></div>
<div class="tabs">
<ul>
<li><a href="#tabs‐1">Pestaña uno</a></li>
<li><a href="#tabs‐2">Pestaña dos</a></li>
<li><a href="#tabs‐3">Pestaña tres</a></li>
</ul>
<div id="tabs‐1">
<p>Texto pestaña 1</p>
</div>
42

<div id="tabs‐2">
</div>
<div id="tabs‐3">
</div>
</div>
</div>
7.2.2. Acordeón

Plantilla HTML:
<div class="accordion">
<h3><a href="#">Primer element del "accordion"</a></h3>
<div>
<p>Texto del Primer elemento</p>
</div>
<h3><a href="#">Segundo elemento del "accordion"</a></h3>
<div>
<p>Texto del Segundo elemento</p>
</div>
<h3><a href="#">Tercer elemento del "accordion"</a></h3>
<div>
<p>Texto del Tercer elemento</p>
</div>
</div>
</div>
43

7.2.3. Botones

Plantilla HTML:
<button id="opener1">Botón 1</button>
<div id="dialog1" title="Botón 1">
<p>Texto del botón 1</p>
</div>
<button id="opener2">Botón 2</button>
<div id="dialog2" title="Botón 2">
<p>Texto del botón 2</p>
</div>

</div>
7.2.4. Diapositivas

Plantilla HTML:
<ul class="roundabout">
<li>
Textodiapositiva 1
</li>
44

<li>
Texto diapositiva 2
</li>
<li>
Texto diapositiva 3
</li>
<li>
Texto diapositiva 4
</li>
<li>
Texto diapositiva 5
</li>
</ul>
</div>
7.2.5. Marcos
Encontramos dos tipos diferentes de marcos:
 Tipo 1
Plantilla HTML:
<div class="ee_marco_sombra_htm">
<p>Muy lejos, más allá de las montañas de palabras, alejados de los países de las
vocales y las consonantes, viven los textos simulados.</p>
<p>Viven aislados en casas de letras, en la costa de la semántica, un gran océano de
lenguas. Un riachuelo llamado Pons fluye por su pueblo y los abastece con las normas
necesarias.</p>
</div>
 Tipo 2
45

Plantilla HTML:
<div class="ee_marco3_htm">
<p>Muy lejos, más allá de las montañas de palabras, alejados de los países de las
vocales y las consonantes, viven los textos simulados.</p>
<p>Viven aislados en casas de letras, en la costa de la semántica, un gran océano de
lenguas. Un riachuelo llamado Pons fluye por su pueblo y los abastece con las normas
necesarias.</p>
</div>
7.3. Incluir ejercicios
Si queremos que nuestros alumnos pongan en práctica los conocimientos que están adquiriendo,
podemos proponer en el contenido diferentes actividades que puedan realizar. Éstas se incluirán en el
código HTML del apartado en el que se vayan a incluir.
7.3.1. Ejercicio tipo 1: arrastra respuesta (simple y múltiple)
Este ejercicio nos permite que el alumno arrastre las respuestas correctas hacia la
interrogación. El propio ejercicio se comporta como simple o múltiple en función del número de
respuestas que se marquen como correctas.
Plantilla HTML :
<div class="ee_pregunta_arrastrar">

<div class="ee_enunciado">
46

Enunciado de la pregunta:

</div>

Respuesta incorrecta.

</div>

Respuesta incorrecta.

</div>

Respuesta correcta.

</div>

Respuesta correcta

</div>

<div class="ee_feedback">
Feedback de la pregunta.

</div>

</div>

47

7.3.2. Ejercicio tipo 2: rellenar huecos
Este ejercicio permite que el alumno una las diferentes columnas para completar el ejercicio de
manera satisfactoria.
Plantilla HTML:
<div class="ejercicio_unir">
<div class="comenzar_ejercicio">
Comenzar Actividad
</div>
<div class="content">
<spanclass="texto_arrastra">Relaciona los elementos de la columna Derecha
con la columna Izquierda</span>

<!‐‐============= COLUMNA IZQUIERDA ============‐‐>
<div class="columna_izq">
<!‐‐============= Frase ============‐‐>
<div class="frases">
<div class="texto">
<span>Pregunta1</span>
</div>
<div class="cuadros">
<input class="pregunta match1"
readonly="readonly" type="text" value="1">
</div>
<div class="clear"></div>
48

</div><!‐‐============= Frase ============‐‐>
<div class="texto">
</div>
</div>
</div><!‐‐============= Frase ============‐‐>
<div class="texto">
</div>
</div>
</div>
</div>
<!‐‐=================== COLUMNA DERECHA ==================‐‐>
<div class="columna_der">
<!‐‐============= Frase ============‐‐>
<input class="respuesta match3" type="text">
</div>
<div class="texto">
<span>TRES</span>
</div>
</div>
<!‐‐============= Frase ============‐‐>
49

</div>
<div class="texto">
<span>UNO</span>
</div>
</div>
<!‐‐============= Frase ============‐‐>
</div>
<div class="texto">
<span>DOS</span>
</div>
</div>
</div>
<div class="controls">
<div class="mensaje_feedback">
Feedback de la pregunta, una explicación o justificación.
</div>
<div class="boton">
Comprobar
</div>
</div>
</div>
</div>
7.3.3. Ejercicio tipo 3: arrastrar “uno a uno”
En este ejercicio, al alumno se le dan varias opciones que deberá arrastrar al hueco al que
pertenezca.
50

Plantilla HTML:
<div class="ejercicio_arrastrar">
<div class="comenzar_ejercicio_arrastrar">Comenzar Actividad</div>
<div class="content">
<div class="num_palabras_correctas">
</div>
<span class="texto_arrastra">Arrastra las palabras de la columna Derecha en la columna
Izquierda</span>
<!‐‐============= COLUMNA IZQUIERDA ============‐‐>
<div class="columnas">

<!‐‐============= Frase ============‐‐>
<div class="parrafo palabra1">
<div class="texto">Aquí va el texto 1</div>
<div class="suelta" id="sueltapalabra1">
arrastra...
</div>
</div>
<!‐‐============= Frase ============‐‐>

51

arrastra...
</div>
</div>

<!‐‐============= Frase ============‐‐>

arrastra...
</div>
</div>
</div>

<!‐‐=================== COLUMNA DERECHA ==================‐‐>
<div class="columna_der">

<!‐‐============= Frase ============‐‐>
<div class="arrastrable palabra1">palabra1</div>

<!‐‐============= Frase ============‐‐>
<div class="arrastrable palabra3"> palabra3</div>

<!‐‐============= Frase ============‐‐>
<div class="arrastrable palabra2">palabra2</div>

</div>
<div class="clear">
</div>

<div class="controls">

<div class="mensaje_feedback">Feedback de la pregunta, una explicación o justificación.
</div>

<div class="boton">Comprobar
52

</div>
</div>
</div>
</div>
7.4. Exámenes y autoevaluaciones
Para incluir o editar las preguntas de examen o de autoevaluación, podemos hacerlo desde tres
vías diferentes.
7.4.1. Desde el editor
Para modificar las preguntas de los exámenes o autoevaluaciones, podemos editar el contenido
directamente desde el botón “Editar contenido” del editor de Educalms.
No obstante, desde esta opción, no podremos incluir nuevas preguntas o establecer nuevas
respuestas correctas. Para estos cambios deberemos seguir la opción de “Modificar texto plano” o
“Modificar en HTML”.
53

7.4.2. Modificar texto plano
En el editor, se ha incluido una nueva herramienta para modificar las preguntas de
autoevaluación en texto plano. Para ello, deberemos clicar sobre el botón de editar y a continuación,
clicar sobre “Mostar/ocultar texto plano”.
Ahí, veremos cómo aparecen los enunciados y respuestas de las diferentes preguntas,
permitiéndonos también modificar el contenido y las respuestas correctas.
Para incluir nuevas preguntas, deberemos copiar el formato:
[**ENUNCIADO**] Enunciado de la pregunta
[**RESPUESTA**] Respuesta 1 a la pregunta
[**RESPUESTA**][**CORRECTA**] Respuesta 2 a la pregunta (correcta)
[**RESPUESTA**] Respuesta 3 a la pregunta
Cuando acabemos de editar el contenido, clicaremos sobre “Enviar texto plano” para que se
registren las preguntas.
54

7.4.3. Modificar HTML
Otra opción para incluir nuevas preguntas en exámenes o autoevaluaciones es hacerlo a nivel
de HTML. Para ello, clicaremos sobre el botón HTML del editor.
En esta opción, para incluir nuevas preguntas copiaremos la siguiente estructura:
<div id="pagina_1">
<div class="ee_pregunta">
<div class="ee_enunciado">Enunciado de la pregunta</div>
<div class="ee_respuesta">Respuesta 1 a la pregunta</div>
<div class="ee_respuesta ee_correcta">Respuesta 2 a la pregunta</div>
<div class="ee_respuesta">Respuesta 3 a la pregunta</div>
</div>
</div>
Es importante que modifiquemos tanto el número de la página, indicando el número de la
página correspondiente, como el enunciado y las respuestas.
55

Anexo 1. “Guía de Buenas Prácticas en el Uso de las Plantillas de
PowerPoint”
1. Consideraciones generales para secciones “Recuerda”
 Lo primero que haremos será instalar en el equipo todas las fuentes de esta ruta:
L:\1. PROYECTOS\50. Recursos Multimedia\3 ‐ Powerpoint\00 ‐ Tipografias Necesarias
 Uno de los aspectos más importantes es saber elegir con acierto la plantilla más adecuada
para cada caso, que irá en función principalmente de la cantidad de texto que contenga la
sección “Recuerda”.
 Para empezar es importante señalar que no todas las plantillas de PowerPoint son
adecuadas para elaborar secciones de “Recuerda”. Y dentro del grupo de plantillas de
PowerPoint que sí son adecuadas, podemos distinguir entre las más idóneas para textos
largos, y aquellas que se adaptan mejor a textos cortos.
 Por lógica, las plantillas con espacios más grandes en pantalla irán mejor para los casos de
“Recuerdas” extensos, y por el contrario las que cuenten con espacios más reducidos serán
más indicadas para textos cortos.
 También decir que las plantillas con espacios más grandes pueden contener en una misma
diapositiva varios puntos de un mismo Recuerda, no tenemos por qué limitarnos a utilizar
“un punto por diapositiva”. Aunque lo más cómodo sea buscar una plantilla cuyo número de
diapositivas coincida con el número de puntos del “Recuerda”, esto no siempre será posible.
En tal caso, o bien ampliamos el número de diapositivas de la plantilla, o bien modificamos
la distribución del número de puntos por diapositiva aplicando la lógica del equilibrio (por
ejemplo, agrupando en una misma diapositiva varios puntos cortos del Recuerda, y dejando
los puntos más largos de forma individual).
 Podemos modificar ligeramente el tamaño de la letra para adaptar el texto al espacio,
pero dentro de unos límites razonables. De lo contrario corremos el riesgo de qué “todo
sirva para todo”, es decir, agrandar demasiado el tamaño de textos cortos para conseguir
ocupar espacios más grandes y viceversa. Ambas prácticas van en contra del equilibrio y la
estética, y por tanto debemos evitarlas.
 No modificaremos los tipos de letra ni los esquemas de colores.
2. Plantillas Recuerda: textos cortos
Para textos cortos (no confundir con plantillas con pocas diapositivas puesto que el nº
diapositivas se puede ampliar fácilmente) disponemos de varias plantillas. Veamos algunos ejemplos de
buenas prácticas.
56

2.1. Plantilla “Dashboard – Tarjetas”
Es apta para textos cortos, y permite ampliar fácilmente el nº de diapositivas.

CORRECTO: Texto corto, sin necesidad de modificar tamaños de letra.
INCORRECTO. Texto demasiado largo, no queda bien tan cerca de los bordes.
57

INCORRECTO. Reducir demasiado el texto dificulta su lectura.
INCORRECTO. No debemos cambiar los tipos de letra.
58

2.2. Plantilla “Fichas – Conversación”
Aquí los textos deberán serán un poco más cortos que en la plantilla de “Dashboard – Tarjetas”.
Contiene bastantes diapositivas por defecto.
CORRECTO: Texto corto, sin necesidad de modificar tamaños de letra.
INCORRECTO. Al forzar el tamaño de un texto tan largo perdemos visibilidad.
59

3. Plantillas Recuerda: textos largos o con muchos puntos.
Para textos largos o “Recuerdas” con muchos puntos disponemos de varias plantillas. Veamos
algunos ejemplos de buenas prácticas.
3.1. Plantilla “Laberinto ‐ Screens”
Lo ideal es distribuir el texto a lo largo de sus 7 diapositivas puesto que cuenta con un espacio
muy amplio en pantalla. Además podemos aprovechar la columna derecha para incluir algún elemento
gráfico relacionado. El uso de negritas y cursivas también ayudará a la comprensión del alumno.

CORRECTO: Hemos aunado 3 puntos en una misma diapositiva.

CORRECTO: Texto largo que se adapta bien al espacio.
60

INCORRECTO. Texto demasiado corto para esta diapositiva.
INCORRECTO. Agrandar tanto un texto tan corto rompe la estética de la diapositiva.
3.2. Plantilla “Tablet ‐ Menu”
muy amplio en pantalla. El uso de negritas y cursivas también ayudará a la comprensión del alumno.
Recuerda que tenemos que añadir parte de la primera frase tanto en el patrón como en cada
una de las diapositivas de cada botón.
Además esta plantilla contiene un cómodo botón “La casita” para volver al inicio del recuerda,
podemos destacar su navegación sencilla a través Tablet.
61


62

3.3. Plantilla “Pestañas – Side Icons”
muy amplio en pantalla.
El uso de negritas y cursivas también ayudará a la comprensión del alumno y mantendrá una
estética uniforme. Es una plantilla que también se presta a la utilización de imágenes.
63

64

3.4. Plantilla “Iconos Gamer – Haz clic y descubre”
Es ideal para recuerdas con pocos puntos y muy largos. Se puede distribuir el texto a lo largo
de sus 4 diapositivas puesto que cuenta con un espacio muy amplio en pantalla. El uso de negritas y
cursivas también ayudará a la comprensión del alumno y mantendrá una estética uniforme.
65

INCORRECTO. Texto demasiado corto con un tamaño muy pequeño.

66

Anexo 2. Creación de Audiotemas en mp3 con WordTalk
1. Instalación de WordTalk
WordTalk es un plugin gratuito para Microsoft Word 2003 que permite convertir documentos
de texto en archivos mp3. Es importante resaltar que sólo es compatible con la versión 2003 de Word,
por lo que si no la tenemos deberemos solicitar que nos la instalen.
El archivo de instalación de WordTalk se encuentra en la siguiente ruta:
L:\1. PROYECTOS\48. Reunión EUROFORMAC ‐ Especialidades Formativas
\0. Software\WordTalk‐64bit.msi
La instalación es bastante sencilla siguiendo las instrucciones en pantalla. Una vez instalado nos
vamos a Inicio de Windows y buscamos WORDTALK en “Todos los Programas”. Lo ejecutamos y nos
aparecerá una ventana donde seleccionaremos “Add wordTalk Toolbar to Word” y clicaremos
“Continue”:
Abrimos Word 2003 y ya tendremos visible la barra de herramientas de WordTalk:
2. Instalación de Voces en el Motor de Voz de Windows
WordTalk es un plugin que utiliza por defecto las voces instaladas en el motor de voz de
Windows. Debemos instalar 2 voces profesionales adicionales para poder utilizarlas a la hora de
generar los mp3. Dichas voces se encuentran en la siguiente ruta:
L:\1. PROYECTOS\48. Reunión EUROFORMAC ‐ Especialidades Formativas\0. Software\02 ‐ Voces
Aquí encontraremos las voces de Enrique y Sara. Su instalación es bien sencilla, sólo debemos
introducir la licencia que se halla en la misma carpeta cuando nos la pidan.
67

3. Conversión de archivos Word a mp3
3.1. Conversión del PDF de una Unidad Didáctica a formato Word
Nuestro objetivo es generar un mp3 o audiotema por cada Unidad Didáctica del curso. Para ello
entraremos en el editor de EducaLMS, localizaremos el curso en cuestión y descargaremos los PDFs de
cada Unidad Didáctica. Después los tendremos que convertir a formato Word a través de Adobe
Professional, desde la opción “Archivo‐> Guardar como” y seleccionando como tipo de archivo
“Documento Word 97‐2003”.
3.2. Optimización del archivo Word antes de convertirlo a mp3
Con el fin de optimizar el tiempo de exportación a mp3, y que la narración de la voz escogida
sea lo más natural y fluida posible, es necesario llevar a cabo unos pequeños ajustes en el contenido,
que incluyen la eliminación de cualquier elemento no susceptible de poder ser narrado:
‐ Eliminación de imágenes (podemos emplear una macro para evitar hacerlo de una en una; ver
el anexo I de este documento).
‐ Eliminación de página de créditos y copyright.
‐ Eliminación del “índice”.
‐ Eliminación de saltos de línea múltiples (quitar los “intros” que sobran).
‐ Eliminación de páginas en blanco.
68

‐ Eliminación de actividades.
‐ Eliminación de secciones “Recuerda” (en caso de que existan, puesto que todas están siendo
sustituidas progresivamente por elementos interactivos HTML5 / Flash).
‐ Eliminación de “Autoevaluaciones”.
‐ Comprobar si después de cada título, subtítulo, lista, enumeración, párrafo o bloque de
texto en general existe un punto final (sobre todo los títulos, ya que en formato online casi
nunca suelen llevarlo), de lo contrario la voz del locutor no hará la pausa correspondiente a
un “punto y aparte”, enlazándolo de seguido con la siguiente línea de texto, lo que generará
en el oyente una percepción de velocidad excesiva. Es importante por tanto adaptar el texto
a la voz del narrador mediante los signos de puntuación adecuados, para que éste pueda
respirar y hacer pausas.
3.3. Generación del archivo mp3
Cuando ya tengamos el archivo Word optimizado y adaptado a la narración:
1. Seleccionamos todo el texto (Crtl+E).
2. Nos dirigimos a la barra de herramientas de WordTalk.
3. Hacemos clic sobre y nos aparecerá la siguiente ventana:
Las voces que debemos usar son las de Enrique y Sara. Normalmente se utiliza la voz de
Enrique para las UDs impares (por ejemplo las unidades 1, 3, 5, 7...) y la de Sara para las UDs pares (por
ejemplo las unidades 2, 4, 6, 8...), aunque lo realmente importante es que se vayan alternando para
que sea más ameno.
69

4. A continuación clicamos en y nos aparecerá la siguiente ventana:
Elegimos la opción “Save to MP3” para guardar la locución, tras lo cual habrá un periodo de
espera que variará en función de la cantidad de texto seleccionado (entre 5 y 20 minutos aprox. por
Unidad Didáctica). Una vez finalizado el proceso, Word nos lo notificará mediante la ventana “Save MP3
File” que nos permitirá seleccionar la ruta y el nombre del archivo para guardarlo:
También debemos tener en cuenta que no podemos guardar 2 archivos a la vez, por tanto,
mientras esperamos a que finalice el proceso de generación del mp3, podemos continuar haciendo
otras tareas en nuestro equipo.
70

3.4. Subida de mp3 a Repositorio EducaLMS
1. Nos dirigimos al repositorio de EducaLMS una vez hayamos generado el archivo mp3.

http://elearning.educalms.com
2. Clicamos en la pestaña “Subir Archivo”.
3. Seleccionamos “Audio” como tipo de archivo.
4. Completamos los campos del siguiente modo:
a. Nombre ‐> Audiotema
b. Descripción y Tags‐> Código de la Unidad Didáctica (visible en el editor EducaLMS)
5. Seleccionamos el archivo mp3 desde “Examinar” y pulsamos “Enviar”. Si todo es correcto,
copiaremos el código “PRExxxxxxx” que nos mostrará en pantalla.
71

3.5. Asociación de mp3 con Unidad Didáctica desde Editor EducaLMS
1. Nos dirigimos al editor EducaLMS, y tras localizar el curso y la Unidad Didáctica en
cuestión, pulsamos el icono de “Atributos” que aparece junto a la UD en el índice.
2. En la ventana de “Atributos del elemento”, pulsamos en el icono de Editar correspondiente
al Audiotema.
3. Insertamos el código que habíamos copiado anteriormente y guardamos.
72

Anexo 3. Macro para eliminar todas las imágenes de un
documento Word 2003
1. Botón derecho sobre barra de herramientas: chequear “Visual Basic”.

2. En la nueva barra de herramientas que nos aparece, pulsar sobre el icono de “Ejecutar
Macro”.

3. Escribimos un nombre para la nueva macro, por ejemplo “eliminar_imagenes”, y pulsamos
el botón “Crear”.
73

4. Se abrirá el editor de Visual Basic para Word con la cabecera de la macro ya preparada:
5. Copiamos dentro el siguiente código:

Dim objPic As InlineShape
For Each objPic In ActiveDocument.InlineShapes
objPic.Delete
Next objPic
74

1. Cerramos la ventana del editor de Visual Basic y volvemos a Word.
2. Pulsamos de nuevo el botón de “Ejecutar Macro” y seleccionamos “eliminar_imagenes”.
Pulsamos “Ejecutar”.

Esto eliminará todas las imágenes del documento abierto.
Anexo 4. Guía de Buenas Prácticas para el etiquetado de
Imágenes y Vídeos
Cuando hablamos de etiquetado nos referimos a los campos que debemos completar tanto en
el repositorio como en el editor de EducaLMS cada vez que vayamos a insertar algún elemento gráfico o
multimedia como imágenes y vídeos.

Campos de imagen a completar en el editor EducaLMS
75

Campos de imagen a completar en el repositorio EducaLMS

1. Imágenes
1.1. Etiquetado de campos
Los siguientes campos siempre serán obligatorios para cualquier tipo de imagen:
 Nombre. Se trata de un texto identificador de la imagen, que puede tener o no
relación con el “Descripción”.
 Descripción. Este es el campo más importante, puesto que lo usaremos con 3
propósitos: texto del pie de imagen, etiqueta “alt” de texto alternativo para
accesibilidad, y etiqueta “title” (texto que aparece cuando pasamos el cursor del ratón
por encima). Debe ser un texto lo más genérico posible, descontextualizado del resto
de contenidos de la pantalla, concreto y breve, sin entrar en demasiados detalles y
explicaciones. Debemos tener en cuenta, que cada vez que la imagen se reutilice en
otros cursos volverá a aparecer la misma descripción como pie de foto, por tanto debe
ser lo más neutral y descriptiva posible respecto al propio contenido de la imagen y no
al contexto del curso.
76

 Tags. Palabras clave que ayudarán a localizar la imagen en futuras búsquedas desde el
propio editor. Por defecto, para todas aquellas que procedan desde Picasa,
copiaremos y pegaremos las mismas palabras clave que ya trae la imagen.
Campos opcionales:
 Descripción larga. Lo utilizaremos sólo en el caso de imágenes con esquemas,
diagramas, gráficos, mapas conceptuales, tablas con datos… Cualquier tipo de imagen
que necesite de un texto alternativo más explicativo y detallado. Ejemplo: pirámide de
Maslow, mapa conceptual de una Unidad Didáctica, etc. Así cumpliremos también con
los requisitos de accesibilidad.
1.2. Ejemplos de etiquetado de imágenes
INCORRECTO: El nombre no debe ser igual al título del epígrafe o UD, y la descripción corta nunca debe
quedar vacía.
INCORRECTO: El nombre no debe ser algo que no guarde relación con la imagen, y la descripción corta
nunca debe quedar vacía.
INCORRECTO: Tanto el nombre como la descripción corta nunca deben contextualizarse respecto al
curso. Sería más apropiado algo como “Teleoperadores en call‐center”, por ejemplo. De este modo si
alguna vez se reutiliza la imagen en un curso de Marketing, la descripción mantendrá su sentido y
significado.
77

INCORRECTO: No podemos utilizar siempre los mismos textos en imágenes de un mismo curso, quedará
repetitivo y restará calidad a nuestros contenidos.
Ahora mostraremos algunos ejemplos de descripciones correctas:

‐ Laboratorio y probetas
‐ Experimentos y pruebas en laboratorio
‐ Personal trabajando en laboratorio

Descripciones como “Laboratorio farmacológico”, “Laboratorio científico”, “Laboratorio químico”, “Análisis químico
de muestras de agua”, etc… pueden parecer correctas, pero deben evitarse para no condicionar el texto, ya que
entonces la imagen solo podría utilizarse en cursos específicos de esas áreas: farmacología, química, tratamiento de
aguas…

‐ Vaca en plena naturaleza
‐ Ganado vacuno pastando
‐ Vaca en prado pastando
78

‐ Aula con profesora y alumnos
‐ Profesora dando clases
‐ Profesora en el aula impartiendo clases

‐ Tablet y aplicaciones multimedia
‐ Dispositivo móvil

Al igual que sucedía anteriormente, descripciones como “Las redes sociales a través de los dispositivos móviles” o
“Acceso a internet a través de tablets” pueden carecer de sentido si más tarde alguien reutiliza la misma imagen en
un curso de “nuevas tecnologías aplicadas al e‐learning”, por ejemplo. Recordar que el texto alternativo o texto de
pie de foto siempre será igual para una misma imagen.
1.3. Ejemplos de etiquetado de imágenes con descripciones largas
Veamos algunos ejemplos útiles:
 Nombre: Pirámide de Maslow
 Descripción: Pirámide de Maslow
79

 Descripción Larga: La Pirámide de Maslow señala las siguientes necesidades:
fisiológicas o básicas, seguridad, sociales, autoestima y autorrealización.
 Tags: pirámide maslow, necesidades fisiológicas, necesidades seguridad, necesidades
sociales, necesidades autoestima, necesidades autorrealización…

 Nombre: Mapa conceptual
 Descripción: Mapa conceptual “Introducción a Illustrator”
 Descripción Larga: Introducción a Illustrator:
o Historia
o Qué es Adobe Illustrator
o Novedades del programa
 Tags: mapa conceptual, illustrator, introducción

 Nombre: Tabla países más poblados
 Descripción: Los países y zonas más pobladas en el año 2000
 Descripción Larga: Los países y zonas clasificadas por la población en el año 2000, de
mayor a menor: China, India, Estados Unidos, Indonesia, Brasil, Pakistán, Rusia,
Bangladesh, Japón, Nigeria.
 Tags: tabla, países, zonas, más poblados, mayor población, más habitantes, número
habitantes
80

1.4. Ejemplos de etiquetado de vídeos
Lo más importante es que la descripción larga detalle brevemente el contenido del vídeo (no
hace falta una transcripción íntegra de toda la narración, ni describir cada escena).
CORRECTO: Este es un vídeo de uno de los mapas conceptuales de las UDs del curso
CORRECTO: Este es un vídeo de presentación del curso.

81

Anexo 5. Guía de Buenas Prácticas para el uso de imágenes con
buena calidad
1. Introducción y ejemplos
La calidad de las imágenes depende de varios factores que serán los que determinen que las
percibamos con mayor o menor claridad:
1. Resolución: se trata del número de píxeles por punto (ppp o dpi). A mayor resolución,
mayor cantidad de información y mejor calidad. Para la web es suficiente con una
resolución de 96 ppp. Valores por debajo de 72 indican una baja calidad. Si ya de por sí
la imagen original no tiene calidad, es mejor dejarla y buscar otras opciones.
2. Tamaño: los detalles de una imagen deben poder apreciarse con claridad y nitidez.
Para las imágenes de tipo fotográfico suele ser suficiente con un ancho de 400 ó 500
píxeles. Sin embargo, para las capturas de pantalla puede resultar insuficiente y
tendremos que irnos hasta los 800 ó 900 píxeles de ancho en algunos casos.
3. Gama de colores: para aquellas imágenes construidas por nosotros mismos (mapas
conceptuales, esquemas, tablas, gráficos, etc.) es importante el esquema de colores
utilizado. Por ejemplo, un texto negro sobre un fondo rojo no se leerá bien.
Veamos varios ejemplos:

Mala calidad: borrosa y pixelada Buena calidad

Mala calidad: imagen borrosa
82

Mala calidad: imagen borrosa

Mala calidad: imagen borrosa y textos pequeños

Mala calidad: imagen pixelada

Mala calidad: textos ilegibles
83


84


Imagen borrosa


Mala calidad: el contraste de colores dificulta la legibilidad
85

Imagen borrosa

2. Imágenes de tipo fotográfico
Como ya dijimos anteriormente, suele ser suficiente con un ancho de 400 ó 500 píxeles.
Imagen con un tamaño correcto
86

Imagen demasiado grande
Imagen demasiado pequeña
87

3. Imágenes de tipo icono
Los iconos suelen ser pequeños, por tanto debemos tratar de insertarlos en su tamaño natural,
nunca agrandarlos ya que se pixelarán. Los tamaños estándar de los iconos varían, pero suelen ser de 24
x 24, 32x32, 48x48, 64x64, 128x128… incluso algo más grandes, pero no mucho más.

24 x 24 32 x 32 48 x 48 64 x 64 128 x 128

(muy pequeño) (correcto) (correcto) (correcto) (muy grande)
4. Imágenes de tipo “captura de pantalla”
En una captura de pantalla la información debe poder leerse e interpretarse correctamente.
Por eso es muy importante tener en cuenta los siguientes factores:
1. La resolución de nuestra pantalla en el momento de hacer la captura. Si utilizamos
resoluciones demasiado grandes, la mayoría de elementos de la pantalla se verán muy
pequeños. Con una resolución de pantalla de 1280 suele ser suficiente, aunque hay
programas específicos que requieren más.

Captura sobre una resolución de 1280 x 1024
88

Captura sobre una resolución de 1920 x 1080

2. El área realmente útil de la pantalla que contiene la información que queremos
mostrar. Por ejemplo, si estamos hablando de una determinada barra de
herramientas, no nos hace falta que aparezca el resto del área de trabajo.
Captura correcta, centramos la atención en la barra de herramientas.
89

Captura incorrecta, no necesitamos todo el área de trabajo.
3. Realizar una captura limpia con cuidado de no introducir otros elementos de nuestra
pantalla que no correspondan a la temática es cuestión.
Captura correcta, mostramos únicamente el área de la pantalla que nos interesa.

Captura incorrecta, aparecen otras partes de la pantalla que no nos interesan.
90

El Deporte y Los Juegos en La Edad Media

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

El Deporte y Los Juegos en La Edad Media

Uploaded by

Copyright:

Available Formats

AUTOR: Dpto. Redacción de Contenidos

ÍNDICE de la AAFF REDACCIÓN PEDAGOGÍA DISEÑO ESTUDIO DE

TAREAS POR SCORM ☐ Examen ☐Maquetación ☐Video AFO

TAREAS POR UDI EVALUACIONES ☐Ilustración ☐Video UDI

UNIDAD DIDÁCTICA 1 REHACER COMPLETA EVALUACIONES ☐Ilustración ☐Video UDI

ÍNDICE de la AAFF REDACCIÓN PEDAGOGÍA DISEÑO ESTUDIO DE

UNIDAD DIDÁCTICA 2 REHACER COMPLETA EVALUACIONES ☐Ilustración ☐Video UDI

24 x 24 32 x 32 48 x 48 64 x 64 128 x 128

You might also like