Manual CourseMedia - Felipe Samblasarchivo Word, añadiendo en este todas las imágenes, enlaces, tablas, fórmulas, negritas, cursivas, subrayados etc como si de un simple documento

Manual CourseMedia

1. Requisitos Mínimos para poder ejecutar CourseMedia

2. Creando un tema en Word

2.1. Insertar imágenes

2.2. Listas y tablas

2.3. Enlaces

2.4.Videos y audios

2.4.1. Incrustar vídeos de Youtube u otro servidor externo.

2.5.Fórmulas

2.6. Etiquetas de resaltado para párrafos

2.6.1. Estilo de resaltado general

2.6.2. Estilo de resaltado advertencia

2.6.3. Estilo de resaltado bibliografía

2.6.4. Estilo resaltado recursos online

2.6.5. Estilo resaltado descarga

2.6.6. Estilo resaltado actividad

2.7.Pestañas de refuerzo

2.7.1. Crear una pestaña de Recuerda

2.7.2.Crear una pestaña de Resumiendo

2.7.3.Crear una pestaña de Esquema

2.8.Creando listas desplegables

2.9.Glosario

2.10. Escribiendo código fuente como texto

2.11. Encabezados en tablas

2.12. Añadiendo subtítulos a los videos.

2.13. Creando enlaces a una sección de nuestro propio documento.

3. Generando el tema con CourseMedia (generar temario, poner logo o fondo en la plantilla, empaquetado en SCORM…)

4. Ejemplo: Subiendo un tema a Moodle como recurso

Para entender completamente este manual le recomendamos que vea antes el siguiente video demostrativo: https://www.youtube.com/watch?v=GbMjH8QyZJs

1. Requisitos Mínimos para poder ejecutar CourseMedia - Microsoft Windows XP o superior

- Microsoft Office 2007 o superior

- Microsoft .Net framework 4 o superior. Este suele venir instalado por defecto en los ordenadores que tengan pocos años. Si CourseMedia no arranca al ejecutarlo o da error, descargar e instalar Microsoft .Net framework 4 de http://www.microsoft.com/es- es/download/details.aspx?id=17851

Atención: si es usuario de Windows 8 o Windows 10

El filtro SmartScreen de Windows 8 y Windows 10 bloquea cualquier aplicación descargada de internet que esté sin certificar, es decir, Windows 8 y 10 bloquea por defecto los programas descargados de Internet que no pagan todos los años a Microsoft por “un certificado de confianza”. Puesto a que E-Learning CourseMedia se distribuye actualmente de forma gratuita por internet, nosotros no pagamos ningún “certificado de confianza” de Microsoft y esperamos que nuestro mejor certificado de confianza sea la buena experiencia de los usuarios tras el uso de este software. Sin más dilación, decir que Elearning Course Media no es un software en absoluto peligroso.

Si le aparece el mensaje de Windows SmartScreen al ejecutar el programa por primera vez, debe pinchar en “Más información” y después en “Ejecutar de todas formas”

Felipe Samblás ([email protected])

Paso 1. Pinchar en más información

https://www.youtube.com/watch?v=GbMjH8QyZJs

http://www.microsoft.com/es-es/download/details.aspx?id=17851



mailto:[email protected]

Paso 2. Ejecutar de todas formas. Es posible que si utiliza Windows 8, se omita el paso uno y le aparezca directamente el paso 2.

Si el programa no se pudiese ejecutar, intente descargarlo de nuevo y copiarlo en un pendrive, así Windows no detectará que el programa proviene de internet.

2. Creando un tema en Word Para generar un tema con CourseMedia solo es necesario redactar su contenido en un archivo Word, añadiendo en este todas las imágenes, enlaces, tablas, fórmulas, negritas, cursivas, subrayados etc como si de un simple documento word se tratase.

No está permitido el uso de autoformas.

Una vez redactado el contenido solo habría que aplicar el estilo “Titulo 1” al título de cada apartado en el Word de nuestro tema. Si en vez de un apartado, lo que queremos es un subapartado (perteneciente a un apartado anterior) aplicaremos el estilo “Titulo 2” en vez de “título 1”. Y si es un subapartado de un subapartado utilizaremos “Título 3”. Estos estilos podemos encontrarlos en la pestaña “Inicio” de Word.

Para aplicar “titulo 1” o “título 2” o “título 3”a un título o subtítulo hay que estar situado en la pestaña de inicio de Word, seleccionar el título con el cursor y pinchar en título 1 o título 2 (según sea apartado o subapartado) en Estilos. Por cada apartado o subapartado (título 1 o título 2) el programa generará un elemento en el menú con el contenido de ese apartado, es decir, que si no queremos tener secciones vacías, cada apartado debería tener su texto correspondiente y no ir seguido inmediatamente de otro título1 o título2.

Con esto ya podríamos utilizar CourseMedia para generar el tema, pero antes vamos a profundizar un poco más en nuestro tema en Word para hacer el tema más visual.

2.1. Insertar imágenes Las imágenes se insertarán en Word en el lugar donde queramos que aparezcan. Para ello solo hay que pinchar en la pestaña Insertar de Word y seleccionar imagen.

2.2. Listas y tablas Para crear una lista, debemos estar en la pestaña inicio de Word y seleccionar el botón correspondiente dependiendo si queremos una lista numerada o con viñetas. Tenemos que dejar las listas como vienen en Word por defecto, por ejemplo, en las listas con viñetas el orden en los niveles sería: Círculo negro, círculo blanco, cuadrado.

Para crear una tabla nos vamos a la pestaña “insertar” de Word y seleccionamos tabla.

2.3. Enlaces Los enlaces se utilizan cuando queremos que al pinchar sobre una palabra o grupo de palabras se abra una página web, recurso de internet o documento que tengamos nosotros y queramos incluir en el tema que estamos creando.

Para ello seleccionamos con el cursor la palabra o grupo de palabras que va a contener el enlace, pinchamos la pestaña Insertar y finalmente pinchamos en Hipervínculo. Al hacer esto nos aparecerá una ventana en la que en el campo dirección escribiremos la dirección web del recurso que queremos enlazar (ejemplo: http://www.google.com) y pinchamos en aceptar. Si en lugar de querer enlazar a un recurso de Internet, lo que queremos es enlazar a un fichero que tengamos nosotros en nuestro PC, realizamos la misma operación exceptuando que en vez de escribir una dirección web seleccionamos un fichero y pulsamos en aceptar.

2.4. Videos y audios Para poner un video MP4 que tengamos nosotros en nuestro PC, solo tenemos que crear un enlace como hemos visto en el apartado anterior, pero obviamente, seleccionando como fichero a enlazar nuestro video en MP4. La palabra a enlazar debe ser *video*, CourseMedia la reemplazará por el video incrustado automáticamente cuando se genere el tema.

Es decir, tenemos que escribir *video* (incluyendo los asteriscos) en una nueva línea de nuestro documento word (donde queramos que vaya a aparecer), después seleccionamos con el cursor la palabra *video* y pinchamos en insertar hipervínculo donde seleccionaremos nuestro fichero de video mp4.

Si se trata de un enlace externo a un video en MP4 y tenemos la URL del mismo, podemos hacerlo de la misma manera, es decir, poniendo un enlace, pero en vez de seleccionar el fichero a enlazar escribimos la url externa del video.

Para poner un audio MP3 que tengamos alojado en nuestro PC, lo haremos creando un enlace de la misma manera que los videos, solo que seleccionando un fichero MP3 y poniendo como nombre *audio* .

2.4.1. Incrustar vídeos de Youtube u otro servidor externo. Para insertar un video de Youtube u otro servidor de video solo hay que copiar el código que nos ofrece y pegarlo en nuestro Word en el lugar donde queremos que aparezca.

Por ejemplo pinchando en la opción compartir en un video de Youtube y posteriormente en la pestaña de insertar, nos dará un código que debemos copiar a nuestro documento:

Entonces si añadimos este código que hemos copiado de youtube, nos aparecería el video en nuestro tema incrustado:

<iframe width="560" height="315" src="https://www.youtube.com/embed/GbMjH8QyZJs?rel=0" frameborder="0" allowfullscreen></iframe>

http://www.youtube.com/embed/GbMjH8QyZJs?rel=0

2.5.Fórmulas Para insertar una fórmula solo hay que utilizar el editor de ecuaciones que ofrece Word. Este está en la pestaña de insertar seleccionando ecuación.

2.6. Etiquetas de resaltado para párrafos Los estilos de resaltado nos permiten enmarcar uno o varios párrafos (o listas, imágenes enlaces, etc) en un cuadro para resaltar su importancia o su funcionalidad.

2.6.1. Estilo de resaltado general Para que un texto (puede contener imágenes, enlaces etc) aparezca resaltado enmarcado mediante un cuadro verde utilizaremos las etiquetas *resaltado* para indicar donde comienza el texto que queremos resaltar y *finresaltado* para indicar dónde acaba el texto resaltado. *resaltado* y *finresaltado* deben estar en líneas separadas del contenido. Este sería un ejemplo de un resaltado bien hecho:

*resaltado*

Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto.

*finresaltado*

Este sería el resultado:

Ahora un ejemplo de un resaltado mal hecho:

2.6.2. Estilo de resaltado advertencia Para que un texto aparezca resaltado enmarcado mediante un cuadro de “advertencia” utilizaremos las etiquetas *advertencia* para indicar donde comienza el texto que queremos resaltar y *finadvertencia* para indicar dónde acaba el texto resaltado. *advertencia* y *finadvertencia* deben estar en líneas separadas del contenido. Este sería un ejemplo:

*advertencia*


*finadvertencia*


2.6.3. Estilo de resaltado bibliografía Para que un texto aparezca resaltado enmarcado mediante un cuadro de “bibliografía” utilizaremos las etiquetas *bibliografia* para indicar dónde comienza el texto que queremos resaltar y *finbibliografia* para indicar dónde acaba el texto resaltado. *bibliografia* y *finbibliografia* deben estar en líneas separadas del contenido. Este sería un ejemplo:

*bibliografia*


*finbibliografia*


2.6.4. Estilo resaltado recursos online Para que un texto aparezca resaltado enmarcado mediante un cuadro de “recursos online” utilizaremos las etiquetas *recursos* para indicar donde comienza el texto que queremos resaltar y *finrecursos* para indicar dónde acaba el texto resaltado. *recursos* y *finrecursos* deben estar en líneas separadas del contenido. Este sería un ejemplo:

*recursos*


*finrecursos*


2.6.5. Estilo resaltado descarga Para que un texto aparezca resaltado enmarcado mediante un cuadro de “descarga” utilizaremos las etiquetas *descarga* para indicar donde comienza el texto que queremos resaltar y *findescarga* para indicar dónde acaba el texto resaltado. *descarga* y *findescarga* deben estar en líneas separadas del contenido. Este sería un ejemplo:

*descarga*


*findescarga*


2.6.6. Estilo resaltado actividad Para que un texto aparezca resaltado enmarcado mediante un cuadro de “actividad” utilizaremos las etiquetas *actividad* para indicar donde comienza el texto que queremos resaltar y *finactividad* para indicar dónde acaba el texto resaltado. *actividad* y *finactividad* deben estar en líneas separadas del contenido. Este sería un ejemplo:

*actividad*


*finactividad*


2.7. Pestañas de refuerzo Existen tres tipos de pestañas de refuerzo por apartado: La pestaña “Recuerda”, la pestaña “Resumiendo” y la pestaña “Esquema”. En un apartado se pueden utilizar ninguna, una, dos o las tres pestañas.

En estas pestañas podemos poner texto, imágenes, videos, fórmulas, enlaces, etc.

Estas pestañas se añaden utilizando etiquetas en los apartados de nuestro tema en Word donde queramos que aparezcan. Cuando CourseMedia procese el fichero Word y cree nuestro tema, transformará el contenido de estas etiquetas en pestañas interactivas.

2.7.1. Crear una pestaña de Recuerda Para incluir texto, imágenes u otro contenido en una pestaña de “Recuerda” de un apartado solo tenemos que redactar o insertar el contenido que queremos que se muestre en esta pestaña entre las etiquetas (palabras con asteriscos) *recuerda* y *finrecuerda* en el apartado deseado de nuestro Word. Estas etiquetas junto a su contenido pueden estar en

cualquier parte del apartado, aunque por lo más normal es ponerlas al principio o al final del apartado.

*recuerda* y *finrecuerda* deben estar en líneas distintas separadas del contenido.

Un ejemplo bien:

Un ejemplo mal:

2.7.2. Crear una pestaña de Resumiendo Para incluir texto u otros recursos en una pestaña de “Resumiendo” lo haremos de la misma manera que con la pestaña de “Recuerda”, pero utilizando las etiquetas *resumiendo* y *finresumiendo*, es decir:

*resumiendo*

Aquí ponemos los contenidos

*finresumiendo*

2.7.3. Crear una pestaña de Esquema Con la pestaña “Esquema” haremos lo mismo pero utilizando las etiquetas *esquema* y *finesquema*, es decir:

*esquema*

Aquí ponemos los contenidos

*finesquema*

2.8.Creando listas desplegables Una lista desplegable consta de dos partes:

Los elementos de la lista: Son cada uno de los ítems que componen la lista. En el tema generado, cuando pinchemos sobre un elemento se abrirá un desplegable que contendrá la explicación de ese elemento.

El desarrollo del elemento: es el texto u otros recursos que va asociado a cada elemento, es decir, los contenidos que aparecerán en el desplegable al pinchar sobre el elemento asociado.

Dentro cada apartado podemos usar tantas listas como queramos y en los lugares del apartado que queramos.

Para crear una lista desplegable utilizaremos las etiquetas *elemento* y *finelemento* que contendrán el texto del elemento. Y las etiquetas *desarrollo* y *findesarrollo* que contendrán el texto u otros recursos que se desplegarán al pinchar sobre elemento. Las etiquetas *desarrollo* y *findesarrollo* deben ir justo debajo de las del elemento asociado.

Por ejemplo, vamos a crear una lista desplegable de un solo ítem:

*elemento*

Este es el texto del elemento, al pinchar aquí se mostrará un deplegabe con la explicación del mismo

*finelemento*

*desarrollo*

Este es el desarrollo, al pinchar sobre el elemento aparecerá este texto en un desplegable.

*findesarrollo*

Podemos crear listas de tantos elementos como queramos, vamos a ver otro ejemplo con una lista con dos elementos

*elemento*

Este es el primer elemento

*finelemento*

*desarrollo*

Este es el texto que se desplegará al pinchar sobre el primer elemento de la lista.

*findesarrollo*

*elemento*

Este es el segundo elemento

*finelemento*

*desarrollo*

Al pinchar sobre el segundo elemento de la lista aparecerá en el desplegable este texto y esta imagen:

También aparecerá este texto que estoy escribiendo debajo de la imagen.

*findesarrollo* 2.9.Glosario También podemos crear una página de glosario que contenga todas las palabras que deseemos junto a su definición. Además de aparecer los términos en la página de glosario, estos términos se asociarán automáticamente a los contenidos del tema, es decir, cada palabra que aparezca en el glosario aparecerá marcada en los contenidos del tema y al situar el ratón sobre ella aparecerá la definición en una ventana emergente.

Para crear el glosario debemos irnos al final de nuestro documento Word, tras el último apartado, escribir todos los términos con su definición entre las etiquetas *glosario* y *finglosario* . Cada término junto a su definición va en un párrafo aparte, separando el término de la definición mediante “:”

Vamos a ver un ejemplo

*glosario*

Termino 1: aquí escribo la definición de este término, puedo utilizar todas las líneas que desee, pero sin cambiar de párrafo.

Termino 2: Este es otro término y tras los dos puntos estoy escribiendo su definición. Termino 3: definición del término 3.

*finglosario*

2.10. Escribiendo código fuente como texto Si estamos creando contenido sobre algún tema de informática que requiera escribir código para mostrar ejemplos (como html,css,javascript) , es posible que al generar el contenido interprete el código en vez de mostrarlo como texto, dando algún error.

Esto se soluciona utilizando las etiquetas *literal* y *finliteral* para los códigos.

Ejemplo:

*literal*

<html><head><title>prueba</title>

<body>…</body>

</html>

*finliteral*

2.11. Encabezados en tablas (opcional) Si lo deseamos, podemos marcar un número de columnas y filas como encabezado de una tabla. Esto podemos hacerlo poniendo encima de la tabla la etiqueta *encabezado:nF,nC* siendo “n” el número de filas o de columnas que deseamos como encabezado.

Por ejemplo:

Si ponemos delante de una tabla *encabezado:1F,0C* marcará como encabezado la primera fila de una tabla.

*encabezado:1F,1C* marcaría la primera fila y la primera columna como encabezado

*encabezado:2F,1C* marcaría las dos primeras filas y la primera columna como encabezado

Y así sucesivamente.

Ejemplo:

*encabezado:1F,1C*

Texto Texto Texto

Texto Texto Texto

Texto Texto Texto

Daría como resultado tras procesar el documento Word:

Texto Texto Texto

Texto Texto Texto

Texto Texto Texto

2.12.Añadiendo subtítulos a nuestros vídeos (opcional)

Si tenemos ficheros de subtítulos vtt, podemos incluirlos en nuestro vídeo. Para ello, el nombre de los ficheros de subtitulos tiene que componerse en tres partes separadas por guión bajo: nombre_idioma_codigoidioma.vtt ejemplos de nombres de ficheros: subtitulos_español_es.vtt subtitulos2_ingles_en.vtt Los distintos ficheros en un tema deben tener nombres distintos. Una vez tenemos nuestros ficheros de subtítulos bien nombrados pasaremos a crear los enlaces en nuestro fichero de Word. Los enlaces de subtítulos deben estar bajo el enlace de video en líneas distintas. Cada enlace debe tener como nombre *subtitulo* y enlazar a su correspondiente fichero de subtítulos. Ejemplo: *video* *subtitulo* *subtitulo* *subtitulo* En este ejemplo, tendríamos un video con tres tipos de subtítulos (por ejemplo, en español, inglés y francés) 2.13.Creando enlaces a una sección de nuestro propio documento

Al igual que podemos crear enlaces a un fichero o a una página web, también podemos hacerlo a una sección de nuestro propio documento o tema. Para ello, todas las secciones, es decir, todos los títulos deben estar numerados de forma jerárquica (1. 1.1. 1.2. 2. 2.1. etc) La numeración de los títulos no debe estar creada como una lista. Ejemplo: 3.1.Título del apartado Es muy importante darse cuenta que los números de los títulos están separados por puntos, y que finalmente es un punto el que separa el número del título, es decir, sin espacios.

Un ejemplo bien: 2.1.Apartado Un ejemplo mal: 2.1. Apartado Este Segundo ejemplo estaría mal ya que entre 2.1. y apartado hay un espacio en blanco. Una vez que tenemos los apartados numerados podemos crear un enlace de forma que al pinchar en la palabra en la que hemos añadido el enlace nos lleve a ese aparatado. Para ello, seleccionamos la palabra de nuestro texto que queramos que contenga el enlace y pinchamos en la pestaña insertar y en hipervínculo. En la ventana que se nos abre, deberemos escribir en dirección el número de la sección a la que queremos enlazar entre astericos. Por ejemplo:

Esto haría que al pinchar en “Mi enlace” nos llevara a la sección 3.1.

3. Generando el tema con CourseMedia Una vez tengamos hecho nuestro tema en Word solo tendremos que ejecutar el archivo llamado CourseMedia, con lo que nos aparecerá la siguiente ventana.

En Opciones/Preferencias podremos seleccionar si queremos que el tema que nos genere tenga o no menú y tenga o no botones de anterior y siguiente. Desde aquí también podemos poner o cambiar una imagen de logotipo y una imagen de fondo.

Para generar el tema hay que rellenar el título del módulo (este puede ser también el título del curso) al que pertenece el tema. También tenemos que rellenar también el título del tema. Si queremos un pié de página específico, también lo rellenamos. Posteriormente pulsamos en examinar para seleccionar el archivo Word que tiene los contenidos nuestro tema. El siguiente paso es pinchar en examinar para seleccionar un directorio de salida, es decir, aquí elegiremos la carpeta donde queremos que se genere nuestro tema. Finalmente solo hay que pinchar en el botón Generar tema, lo que generará nuestro tema en la carpeta que hayamos escogido. Para subir nuestro tema a una plataforma E-Learning, podemos subir la carpeta creada tal cual seleccionando como fichero principal el fichero 1.html, o bien marcando la opción SCORM de CourseMedia que generará un paquete SCORM para plataformas compatibles con este estándar. Ante cualquier duda contacte con [email protected]

4. Ejemplo: Subiendo un tema a Moodle como recurso Como subir un tema en formato SCORM es muy sencillo para el que conoce el estándar, vamos a explicar cómo subirlo para los que no desean utilizar SCORM o no lo conocen.

mailto:[email protected]

Una vez hemos generado nuestro tema, vamos a ver un ejemplo de cómo subirlo a Moodle como recurso.

Paso 1: Comprimimos en Zip el tema generado.

Paso 2: Entramos en el curso Moodle en el que queremos añadir el tema y pinchamos en Activar edición.

Paso 3: Pinchamos en “Añadir una actividad o un recurso” en la sección donde queramos incluir nuestro tema.

Paso 4: Seleccionamos el recurso “Archivo” y pinchamos en “Agregar”

Paso 5: Escribimos el nombre del tema y la descripción

Paso 6: En la sección de contenido pinchamos en el icono con la flecha para subir nuestro fichero zip.

Paso 7. Pinchamos en “Subir un archivo” y después en “Seleccionar un archivo”

Paso 8. Para subir nuestro fichero zip buscamos nuestro tema, lo seleccionamos y pinchamos en abrir. Tras esto pinchamos en subir este archivo y esperamos a que se suba.

Paso 9. Ahora nos aparecerá nuestro archivo en la sección de contenidos, pues pinchamos sobre él y después en descomprimir.

Paso 10. Ahora nos aparecerá nuestra carpeta con todos los ficheros descomprimidos dentro. Pues pinchamos en la carpeta para entrar dentro y buscamos un fichero llamado 1.html. Una vez encontrado pinchamos sobre él y finalmente pinchamos en el botón “Configurar el archivo principal”

Paso 11. Finalmente y aunque no es obligatorio recomendamos pinchar en “Apariencia” y seleccionar “En ventana emergente” o “abrir en una nueva pestaña (si está disponible)”. También es conveniente deseleccionar “Mostrar descripción del curso”.

Paso 12. Ya solo tendremos que pinchar en “Guardar cambios y regresar al curso” para tener disponible nuestro tema.

Documents

Manual CourseMedia - Felipe Samblasarchivo Word, añadiendo en este todas las imágenes, enlaces, tablas, fórmulas, negritas, cursivas, subrayados etc como si de un simple documento