Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Cómo mejorar el aspecto de un REA creado con eXe Learning

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 25 de enero de 2023 por Juan Ramã‼N G.

127 visualizaciones

Más información Transcripción

Descargar la transcripción

en este vídeo os voy a mostrar cómo hacer que vuestros archivos de excel 00:00:02
learning y vuestras actividades luzcan mucho más profesionales 00:00:07
así que para ello voy a utilizar un ejemplo 00:00:13
abrimos el archivo de excel learning y aquí podéis ver la estructura 00:00:17
voy a darle a la visualización previa para que veáis el aspecto que tiene y os 00:00:25
voy indicando algunas cosillas. Lo primero, veis que el menú lateral ha desaparecido, 00:00:29
con lo cual nos queda directamente la página con el contenido visible. Como ha desaparecido 00:00:36
el menú, lo que he hecho ha sido crearme un iconito para ir al contenido directamente. 00:00:42
Luego revisaré cómo se configura. También se puede acceder a través del menú, que 00:00:48
se puede sacar, pero automáticamente el menú se esconde, para dar ese aspecto un poquito 00:00:53
más profesional a la página. Una vez que hayamos leído nuestra introducción, iremos 00:00:57
al contenido. Y aquí vamos a ver dos cosas. Lo primero, el menú desaparece, igual que 00:01:04
antes. Lo segundo, tenemos un pequeño cuadro descriptivo y todos los e-devices de mi archivo 00:01:09
Excel Learning aparecen colapsados, de forma que queda la página mucho más limpia, mucho 00:01:18
mejor, mucho más visual y mucho más interesante. El menú podemos volverlo a sacar en cualquier 00:01:25
momento y luego las actividades habrá que irlas desplegando para ir accediendo a cada 00:01:30
una de ellas. Bien, ¿cómo se hace esto? Es muy sencillo, pero tenemos que tocar código 00:01:35
HTML, así que os lo voy a describir rápidamente. Lo primero, cuando estamos en nuestra página 00:01:42
principal para que se esconda el menú lateral tenemos que ir a propiedades e introducir este 00:01:50
código que os voy a poner aquí ahí lo tenéis básicamente este texto lo que nos va a hacer 00:01:59
es la pestaña de navegación el menú lateral lo va a hacer un clic sobre él con lo cual lo que 00:02:12
va a ocurrir es que va a colapsar lo va a ocultar lo y además lo hacemos con un time out de un 00:02:19
milisegundo eso es simplemente para que suceda de forma inmediata bien con este código que podemos 00:02:25
copiar en dentro de propiedades hay que ir al modo avanzado de nuestro de nuestro recurso y 00:02:33
aquí pegamos en el pie de página bien pegando ese código ahí ya tendríamos configurado el efecto de 00:02:43
ocultar el menú de esa forma desaparece si os dais cuenta es como si pulsamos aquí simplemente al 00:02:51
milisegundo de cargar la página eso lo primero en el segundo lugar lo que he hecho ha sido crearme 00:02:59
un icono con fondo transparente y este icono lo que he hecho ha sido enlazarlo directamente a un 00:03:04
lugar del propio recurso eso lo haríamos aquí en el botón de enlace y el hipervínculo lo que 00:03:13
vamos a hacer es llevarlo a un nodo a un nodo del propio documento el nodo que yo he ido es 00:03:19
el de introducción a la robótica conceptos iniciales que es justamente el contenido al 00:03:24
que quiero quiero acceder de esta forma cuando yo hago ese hipervínculo al pinchar sobre este 00:03:29
icono directamente saltaré a la página de contenido bien tercero como se colapsan estos 00:03:39
estos y devices bueno pues lo que tenemos que hacer evidentemente es crearnos el device de 00:03:48
la introducción que lo podéis copiar desde mi propio ejemplo y en este y device primero lo 00:03:55
que vamos a hacer es añadirle en este device primero que si os dais cuenta es un texto sin 00:04:04
título lo que hacemos es yendo al código html e incorporar estas líneas arriba del todo 00:04:10
justo donde empieza el documento esto es un script en javascript que lo que nos va a hacer es hacer 00:04:22
clic en los y devices a partir del que tiene identificador número 1 el primer y device de 00:04:32
todos es el número 0 el siguiente el 1 siguiente el 2 el siguiente el 3 con lo cual este lo que 00:04:39
va a hacer es colapsar me todos los y devices que estén desde el 1 en adelante vale si es mayor o 00:04:44
igual que 1 entonces lo va a hacer clic va a cerrarlo va a colapsar lo si quiero dejar los 00:04:50
dos primeros, pues esto sería un 2. Y si quiero cerrarlos todos, pues esto sería un 0. 00:04:58
Y directamente me aparecerían todos, incluyendo el de arriba, el de 00:05:02
la cabecera, colapsados. Y luego, pues la 00:05:06
cabecera simplemente, una vez que hemos incorporado ese 00:05:10
texto, pues la cabecera, si os dais cuenta, lo que tiene 00:05:14
es una tabla. Esto es una tabla con 00:05:18
varias capas. Entonces, esta tabla que tiene 00:05:22
varias capas lo que yo le he creado ha sido para empezar aquí una si os fijáis así se ve mejor una 00:05:26
primera celda que está vacía una segunda celda que contiene la imagen una tercera celda vacía 00:05:34
una cuarta celda que tiene el texto y una quinta celda vacía para poder editarlo nada simplemente 00:05:39
nos vamos al código html esta imagen la borramos suprimir y le pondríamos la nuestra y el texto lo 00:05:46
editamos si lo hacemos de esa forma vamos a poderlo hacer perfectamente en 00:05:52
mi caso que es lo que he metido he metido un vídeo he metido un vídeo para 00:05:56
que el efecto sea el de tener hay una pequeña animación mientras yo voy 00:05:59
leyendo en el tiempo que yo tardo en leerme esto ya se me han colapsado todos 00:06:07
los todos los y devices bueno pues esos son los dos truquillos vale para poder 00:06:13
darle un aspecto un poquito más profesional este device si lo queréis reaprovechar lo que 00:06:18
tenéis que hacer es exportarlo como un punto lp desde mi recurso lo podéis descargar del 00:06:24
repositorio compartido yo lo guardo por ejemplo pues lo voy a llevar a descargas 00:06:33
vídeo de los odes y aquí lo voy a guardar este como página suelta vale lo guardo luego después 00:06:40
de hacer esto iríais a vuestro recurso a vuestro a vuestro el pp y aquí en introducción a la 00:06:52
robótica lo que haríamos sería botón derecho insertar punto elp en esta página iríamos al 00:07:00
sitio donde hemos descargado nuestro donde hemos descargado donde hemos guardado la página del 00:07:09
ejemplo y al abrir me va a crear una nueva está insertando va a crear una nueva en mi recurso 00:07:15
recordar que ahora ya estábamos en nuestro en el recurso vuestro en el segundo ahora tengo dos 00:07:28
páginas iguales porque yo lo he cargado sobre el mismo pero lo que puedo hacer en este momento es 00:07:34
escogerme de la de conceptos iniciales que es la página que yo he importado en 00:07:39
mí en mi lp y aquí cuando le damos a editar abajo del todo la podemos mover a 00:07:44
y ya la puedo llevar a la o cualquier otra página entonces yo de esta forma lo 00:07:52
que voy a hacer es moverme de conceptos iniciales a otra página por ejemplo la 00:07:56
podría poner en evaluación si yo ahora me voy a la página de 00:08:00
evaluación vemos que me ha insertado tenía mis dos bloques y el tercer bloque es el de la 00:08:04
introducción que yo puedo mover hacia arriba y llevarlo ya a donde quiera de esta forma yo ya 00:08:13
puedo insertar directamente el ejemplo el ejemplo que os dejo para poder hacer las cabeceras y a 00:08:19
partir de ahí además el ejemplo ya incorpora directamente el texto del script que es lo 00:08:25
importante vale lo importante es que ese texto ese script esté en el primer y device de él de 00:08:32
lo que es la página bueno voy a borrar esto que no me vale para nada y voy a borrar esta página 00:08:38
que tampoco vale bien una vez que tengamos nuestro objeto construido y terminado lo que vamos a hacer 00:08:46
es guardarlo como lp evidentemente eso es lo primero yo le voy a cambiar el nombre porque 00:08:54
No estoy seguro de si me he dejado alguna cosa por ahí suelta. 00:09:00
Le voy a llamar versión 3, por ejemplo. 00:09:03
Y una vez que lo tengamos, luego lo querremos subir a una página web. 00:09:11
Para hacer eso, lo que vamos a hacer es, desde el menú archivo, exportar. 00:09:16
Y hay dos formas de subirlo a nuestro Moodle, a una aula virtual de las de EducaMadrid. 00:09:22
Uno de ellos es utilizando el estándar SCORM 1.2. 00:09:27
En este caso, pincharíamos en el estándar 1.2, me dice que contiene metadatos, que si quiero exportarlos, le digo que sí, que me exporte todos los metadatos. 00:09:33
Y una vez que yo lo almacene, lo voy a guardar, por ejemplo, con el nombre Juan Ragion Scorm, para saber que es formato Scorm. 00:09:44
Lo estoy guardando dentro de descargas video SOD, perfecto, guardar. 00:09:55
También podemos exportarlo, lo voy a hacer ya para luego no tener que andar volviendo, lo podemos exportar como un sitio web. 00:10:03
Y aquí vamos a exportarlo como un archivo zip. 00:10:10
Lo mismo, metadatos, los incorporamos y aquí le voy a llamar juanra-web para saber que es el exportado para páginas web. 00:10:14
cualquiera de los dos lo podemos utilizar luego en nuestro aula virtual 00:10:25
aunque recordar que si queremos que nos exporte todas las calificaciones 00:10:32
al libro de calificaciones del aula virtual 00:10:36
tenemos que utilizar el formato SCORM 00:10:39
porque si no, desde una página web no nos va a importar las calificaciones de las tareas 00:10:41
bien, una vez hecho esto 00:10:46
nos vamos a nuestra página del aula virtual, a Moodle 00:10:48
y lo que vamos a hacer es, en el capítulo donde corresponda, añadir una actividad o recurso. 00:10:52
Primero vamos a incorporarlo como una actividad SCORM. 00:10:59
Paquete SCORM, dentro de todas lo tenéis, lo podéis buscar arriba. 00:11:03
Recordar que el estándar SCORM que es compatible con Moodle es el estándar 1.2. 00:11:09
No lo exportéis como SCORM 4.0 porque ese no es compatible. 00:11:16
Aquí le vamos a poner el nombre, introrobotica-scorm, para saber qué es esto. 00:11:21
Le podríamos añadir la descripción, como siempre. 00:11:30
Y aquí lo que voy a hacer es cogerme de mi directorio y arrastrar, en mi caso, Juan Rascorm. 00:11:33
Lo subo. 00:11:45
Ahí está el archivo. 00:11:47
podemos hacer luego ya la apariencia 00:11:48
si queremos que salga en una ventana aparte 00:11:52
abrir los objetos de aprendizaje en una ventana nueva 00:11:54
pues bueno, podemos abrirlo en una ventana nueva 00:11:58
si queremos, podemos mostrar la navegación o no 00:12:00
podemos mostrar el estado de los intentos 00:12:04
la estructura del curso en la página de entrada 00:12:08
esto yo lo voy a activar para que se sepa 00:12:10
qué es lo que se va a encontrar el alumno 00:12:12
y a partir de ahí, disponibilidad, calificación, gestión de intentos 00:12:14
como todos los archivos de todas las actividades del aula virtual, guardamos cambios, ahí podéis configurar ciertas cosas que son interesantes. 00:12:18
Y ya estaría, el paquete SCORM, introducción a la robótica SCORM. 00:12:28
Cuando entramos, veo que como lo he configurado, que me aparezca el contenido en la introducción, me aparece el contenido de mi paquete, 00:12:32
Y ahora entraríamos, me abre una ventana nueva y aquí lo primero que hay que observar es que al exportarlo como paquete SCORM el script de ocultar el menú no funciona, tendríamos que ocultarlo a mano y al pulsar en el contenido tampoco funciona. 00:12:39
Este enlace, por alguna razón, no lo ha cogido. Sin embargo, si yo aquí me voy a conceptos iniciales, ahora sí me funciona perfectamente y si os fijáis el script me colapsa, me sigue manteniendo esa visualización más profesional de los iDevices colapsados. 00:13:01
Podemos ocultar el menú a mano y a partir de aquí ya ponernos a hacer la actividad. 00:13:21
Eso con respecto al paquete SCORM, que es el necesario para que nos exporte las notas o las calificaciones al libro de calificaciones. 00:13:26
También lo podemos hacer como página web. En este caso, lo que haríamos sería añadir un archivo. 00:13:35
Tener cuidado porque esto es el truco para meter la página web empotrada dentro del aula virtual. 00:13:41
juanra-web 00:13:47
y ahora me pide que subamos aquí el archivo zip 00:13:49
que hemos creado antes 00:13:54
vamos a subir el juanraweb.zip 00:13:55
lo soltamos 00:13:59
y aquí hay que hacer un par de tareas adicionales 00:14:01
pinchamos en el zip y lo descomprimimos 00:14:04
primera cosa que hay que hacer 00:14:08
una vez descomprimido van a aparecer todos los archivos 00:14:09
y vamos a buscar, están ordenados alfabéticamente 00:14:14
uno que se llama index.html, aquí lo tenemos, entramos en este archivo y lo configuramos 00:14:17
como archivo principal en esa opción, ahora aparecerá en negrita, lo cual quiere decir 00:14:30
que es el archivo principal y a partir de ahí ya el resto, apariencia y demás, podemos 00:14:37
cambiarlo si queremos, podemos hacer que salga una ventana emergente, etc. 00:14:41
Y aquí le damos a guardar los cambios y regresar al curso. 00:14:47
Ya tenemos nuestra actividad hecha como web y al pinchar en ella nos abre ventana nueva 00:14:53
y nos aparece ya nuestra página perfectamente funcional. 00:14:58
Si os fijáis, en este caso sí funciona el cerrar el menú, sí funciona el colapsar y funcionan los enlaces. 00:15:07
Entonces si yo voy al anterior, pues veremos la introducción a la robótica y veremos que aquí sí que tengo al pinchar mi enlace activo. 00:15:16
Entonces lo que ocurre es que en este formato no me va a pasar las calificaciones al libro de calificaciones de el aula virtual. 00:15:28
Bueno, pues con esto termino este pequeño resumen para que todo el mundo tenga la información completa y sepa cómo hacer las diferentes cosas. 00:15:36
En el ejemplo que os dejo mío, aquí en la propia ficha del objeto digital, al final tenéis cómo he hecho la estructura y los trucos utilizados. 00:15:47
Entonces, como ocultar el menú lateral, os pongo aquí el script para que solo tengáis que copiar el texto. 00:15:56
Y también como colapsar los eDevices de una página, excepto el primero, que es copiando esto en el primer eDevice al principio del código HTML, como os he explicado. 00:16:01
Bueno, pues nada, espero que haya sido de interés y que todo el mundo pueda darle ese aspecto un poquito más profesional a sus recursos educativos. 00:16:12
Pues un saludo y nos vemos en el próximo vídeo. 00:16:23
Idioma/s:
es
Autor/es:
Juan Ramón García Montes
Subido por:
Juan Ramã‼N G.
Licencia:
Reconocimiento - Sin obra derivada
Visualizaciones:
127
Fecha:
25 de enero de 2023 - 13:15
Visibilidad:
Público
Centro:
C.TER.INN.Y FORM CTIF MADRID-ESTE
Duración:
16′ 27″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
81.92 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid