Tutorial para incorporar un reloj en Moodle.

1. Licenciado Oscar Ardila
Chaparro

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

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 nuestra pagina Web.

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

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. Licenciado Oscar Ardila Ch.
Centro Tics