Este documento explica cómo insertar un reloj en formato HTML en Moodle para mostrar la hora local de Colombia. Se debe ingresar a localtimes.info, seleccionar Colombia y copiar el código HTML del reloj. Luego, en Moodle se activa el modo edición, se añade un bloque HTML y se pega el código para personalizar el diseño y colores del reloj.

1. Tutoriales oodle

2. Para acceder al servicio “local times” para Colombia, ingresamos en el
buscador localtimes.info Colombia

3. Escogemos de los resultados Colombia Time – Local Time in Colombia…

4. En la ventana
emergente
escogemos alguno
de los dos
formatos para el
reloj, en este caso
trabajaremos con
la opción Get
analog clok Widget

5. Después de elegir
el formato del
reloj, podemos
escoger ahora su
diseño. En la
imagen se
muestran algunos
de ellos.

6. Si queremos tomar el reloj
tal como aparece en la
imagen damos clic en el
campo del código HTML
Este procedimiento es
opcional y sirve para lograr
una personalización en
cuanto a colores, tamaño y
diseño del reloj.

7. En este espacio podemos
cambiar algunas de las
propiedades del reloj así
como su tamaño en pixeles
Para observar los cambios
resultantes e las
modificaciones que
hagamos damos clic en
Refresh

8. En este espacio podemos
cambiar los colores de los
números, el fondo y el
borde del reloj.

9. Una vez hemos concluido la personalización copiamos el código HTML para
incluirlo en el editor de HTML.

10. En Moodle activamos el modo edición y
escogemos de la pestaña bloques el
bloque HTML.
Este bloque nos permite ingresar
cualquier servicio basado en código
HTML.
Posteriormente damos
clic en editar (actualizar)
en el nuevo bloque.

11. Asignamos un nombre
Pegamos el código del
reloj
Por ultimo damos clic
en guardar cambios

12. Este es el resultado en
Moodle.

13. Esperamos que esta información oriente tu proceso de
familiarización con el entorno y el seguimiento de
cursos en la plataforma Moodle.
Licenciado Oscar Ardila
Chaparro