TUTORIAL, ORIENTADO AL USUARIO DEL SITIO WEB DE

LIBRE ACCESO, PARA QUE LOS ESTABLECIMIENTOS

EDUCATIVOS Y LA SECRETARÍA DE EDUCACIÓN MIGREN LOS
PROYECTOS ONDAS Y LAS EXPERIENCIAS PEDAGÓGICAS
SIGNIFICATIVAS, CUANDO SEA NECESARIO; ALMACENEN
INFORMACIÓN EN DIFERENTES FORMATOS DE ARCHIVO,
COMO: VIDEOS, AUDIO, TEXTO E IMÁGENES. DICHO SITIO
WEB DEBERÁ SER COMPATIBLE CON LOS SIGUIENTES
NAVEGADORES: MOZILLA FIREFOX, INTERNET EXPLORER,
SAFARI, GOOGLE CHROME.
 TABLA DE CONTENIDO

Acceso……………………………………………………………………………………………. 3
Migración de los proyectos ondas………….………………………………………. 5
Migración de las experiencias pedagógicas significativas………………. 12
Almacenamiento de información en formatos videos………………..…. 16
Almacenamiento de información en formatos Audio……………………. 19
Almacenamiento de información en formatos Texto……………….……. 24
Almacenamiento de información en formatos Imágenes………………. 25
 ACCESO

El acceso al portal se realiza digitando inicialmente en el navegador web, el

sitio es compatible con los siguientes navegadores: Mozilla Firefox, Internet
Explorer, Safari, Google Chrome; digitamos los siguiente:
http://www.huila.edu:

Para el ingreso realizamos clic en la parte superior derecha:

Escribimos el usuario y contraseña suministrado por el administrador de la plataforma:
Una vez se ingrese de acuerdo al rol o perfil autorizado por el administrador, se activará en
la parte superior derecha las diferentes opciones de ajustes según el perfil.
 MIGRACIÓN DE LOS PROYECTOS ONDAS

Para la migración del proyecto ondas, se realización la disposición de un botón único, el cual
se describe: ONDAS

El sistema necesita identificar el usuario que realizara la subida del proyecto ONDAS, es por
ello que con anterioridad el administrador de la plataforma ha suministrado al profesor el
respectivo usuario y contraseña para su ingreso; una vez el profesor accede, se mostrara el
menú de inventarios de proyectos ONDAS a continuación:
Para la subida individual, el docente realiza clic en la opción: Proyecto Ondas WIKI
Colaborativa:

Descripción de la sección WIKI por usuario:

El módulo de actividad wiki les permite a los participantes añadir y editar una colección de
páginas web. Un wiki puede ser colaborativo, donde todos pueden editarlo, o puede ser
individual, donde cada persona tiene su propio wiki que solamente ella podrá editar.

Se conserva un histórico de las versiones previas de cada página del wiki, permitiendo
consultar los cambios hechos por cada participante.

Los wikis tienen muchos usos, como, por ejemplo:

 Para generar unos apuntes de clase colaborativamente entre todos

 Para los profesores de una escuela que planean una estrategia o reunión de trabajo
en equipo
 Para estudiantes que trabajarán en equipo en un libro en línea, creando contenidos
de un tema elegido por sus tutores
 Para la narración colaborativa o creación de poesía grupal, donde cada participante
escribe una línea o un verso
 Como un diario personal para apuntes para examen o resúmenes (wiki personal).

Cada profesor tendrá disponible la opción de subir su fichero: Formato Word o pdf con el
proyecto ondas a compartir con la comunidad educativa del departamento del Huila:
Selecciona de su computadora el fichero o archivo

Luego realiza clic en: “Subir Archivo”

 MIGRACIÓN DE LAS EXPERIENCIAS PEDAGÓGICAS SIGNIFICATIVAS

Se ingresa el respectivo usuario y contraseña asignado por el administrador de la

plataforma.
Descripción de la sección WIKI por usuario:

El módulo de actividad wiki les permite a los participantes añadir y editar una colección de
páginas web. Un wiki puede ser colaborativo, donde todos pueden editarlo, o puede ser
individual, donde cada persona tiene su propio wiki que solamente ella podrá editar.

Se conserva un histórico de las versiones previas de cada página del wiki, permitiendo
consultar los cambios hechos por cada participante.

Los wikis tienen muchos usos, como, por ejemplo:

 Para generar unos apuntes de clase colaborativamente entre todos

 Para los profesores de una escuela que planean una estrategia o reunión de trabajo
en equipo
 Para estudiantes que trabajarán en equipo en un libro en línea, creando contenidos
de un tema elegido por sus tutores
 Para la narración colaborativa o creación de poesía grupal, donde cada participante
escribe una línea o un verso
 Como un diario personal para apuntes para examen o resúmenes (wiki personal).
Cada profesor tendrá disponible la opción de subir su fichero: Formato Word o pdf con el
proyecto ondas a compartir con la comunidad educativa del departamento del Huila:
Selecciona de su computadora el fichero o archivo

Luego realiza clic en: “Subir Archivo”

 ALMACENAMIENTO DE INFORMACIÓN EN FORMATO VIDEO

Esta opción está habilitada para Proyectos Ondas y para Experiencias pedagógicas
Significativas:

Icono

Nos permite la subida del formato de video realizando clic en la opción examinar repositorio
 Subida Videos Usando un hipervínculo
(Nota: este método no tiene ninguna ventaja por sobre el usar el ícono de medios.)

 Después de Activar la edición, haga clic en el Editor en donde Usted desea incrustar su
video.
 Escriba algunos espacios en blanco o un poco de texto y selecciónelo.
 Haga clic en el ícono del hipervínculo como se ve en la pantalla siguiente.(El ícono
solamente será clickable si Usted ya ha seleccionado texto o espacios)

 Haga clic en 'Mirar repositorios'

 Esto le llevará al Selector de archivos. Siga las instrucciones para subir/seleccionar su
video respecto al usar el ícono de medios.
 Cuando sea elegido el video, aparecerá en la caja de enlazar URL como se ve debajo.
Haga clic en Insertar:
 Ahora, Usted solamente obtendrá una línea azul (si es que seleccionó espacios en
blanco) o el texto subrayado en el Editor:

 En cuanto Usted haga clic en guardar cambios, para regresar a la página principal del
curso, se mostrará su video.

Usando código incrustado para mostrar videos externos

 Vaya a su sitio elegido para compartir videos y encuentre el código para incrustar el
video que desea mostrar. copie este código.
 Después de Activar la edición, haga click en el [[Editor Atto]} en donde Usted desea
incrustar su video.
 Haga clic en el ícono para código HTML como se ve en la siguiente imagen de pantalla:

 Peque su código incrustado adentro de la caja:

 Guarde sus cambios
 Su video se mostrará incrustado adentro de un reproductor. Los videos de Youtube por
defecto se reproducen mediante el Reproductor
 ALMACENAMIENTO DE INFORMACIÓN EN FORMATOS AUDIO

Incrustando un archivo de audio dentro de su propio reproductor

 Se incluye un reproductor de audio. Si está habilitado el Audio avanzado relevante por

el administrador y adentro del curso, los archivos de sonido incrustados adentro
del Editor de texto se reproducirán en-línea.
 En cualquier parte en donde esté disponible el Editor de texto de Moodle, es posible
incrustar un archivo de audio, por ejemplo, en una Etiqueta o una Página, un resumen
de tópico de un curso, un Tipo de Pregunta Descripción o una Lección. La siguiente
lección explica el cómo:

Usando el ícono de medios de Moodle

 Después de Activar la edición, haga clic en el Editor HTML en donde Usted desea
incrustar su archivo de sonido (necesita ser mp3).
 Haga clic en el ícono de medios de Moodle como se ve en la siguiente pantalla:

 Si su archivo de sonido está en-línea, pegue su URL en la caja del URL de origen en la
pestaña del Enlace
 Si desea subir un archivo de audio, haga clic en la pestaña de Audio.
 Haga clic en el botón para Navegar por el repositorio para localizar y subir su archivo de
audio desde el repositorio en donde está almacenado.) Si Usted lo tiene en más de un
tipo, entonces Usted puede subir un video alterno al hacer clic en 'Añadir origen
alterno'. Esto ayuda a que su archivo de sonido se reproduzca en más navegadores y
más dispositivos.
 Configuraciones avanzadas le permite decidir cómo se reproducirá el archivo
 Subtítulos y letreros le permite a Usted añadir archivos de subtítulos (VTT) en
diferentes idiomas y archivos de letreritos, con descripciones, capítulos y metadatos.
Estos archivos pueden crearse usando programas para fabricación de letrero o
simplemente un editor de texto simple. Descubra más acerca del formato de WebVTT
aquí ( (https://w3c.github.io/webvtt/))
 Haga clic en el botón para Insertar medios cuando esté listo.
 Aparecerá su archivo de sonido, pero no se reproducirá todavía:

 Una vez guardado, su archivo se mostrará dentro de su propio reproductor:

Usando un hipervínculo
(Nota: este método no tiene ninguna ventaja por sobre el usar el ícono de medios, pero era
popular con versiones antiguas de Moodle.)

 Después de Activar la edición, haga clic en el Editor HTML en donde Usted desea
incrustar su archivo mp3
 Escriba algunos espacios en blanco o un poco de texto y selecciónelos
 Haga clic en el ícono del hipervínculo como se ve en la pantalla siguiente.(El ícono
solamente será clickable si Usted ya ha seleccionado texto o espacios)

 Haga clic en 'Navegar por el repositorio'

 Esto le llevará al Selector de archivos. Siga las instrucciones para subir/seleccionar su

audio respecto al usar el ícono de medios de Moodle.
 Cuando su archivo esté elegido, aparecerá en la caja del URL del enlace como se observa
debajo. Haga clic en Crear enlace"

 Ahora, Usted solamente obtendrá una línea azul (si es que seleccionó espacios en
blanco) o el texto subrayado en el Editor HTML:

 En cuanto Usted haga clic en guardar cambios, para regresar a la página principal del
curso, se mostrará su archivo mp3.

Usando código incrustado para mostrar audio en-línea

 Algunos sitios, proporcionan programitas de código incrustable ( widgets ) que le

permitirán a Usted reproducir sus archivos mp3 en su Moodle. Primeramente, vaya a
su sitio elegido y copie este código del archivo mp3 que desea usar.
 Después de Activar la edición, haga clic en el Editor HTML en donde Usted desea
incrustar el archivo.
 Haga clic en el ícono de código HTML como se ve en la imagen de pantalla siguiente:
 Pegue su código incrustable adentro de la caja:
 Deslice el cursor hacia abajo y haga clic en "actualizar".
 El archivo mp3 será pre visualizado adentro del Editor HTML. Haga clic en guardar
cambios para que se muestre en la página
 ALMACENAMIENTO DE INFORMACIÓN EN FORMATOS TEXTO

 La pantalla para subir y mostrar un archivo (o carpeta de archivos) incluye un botón

"agregar". Un clic en este botón lleva al Selector de archivos, que es el nombre dado al
área de almacenamiento y acceso de archivos dentro de Moodle. Puede verse más
acerca de subir o agregar archivos en la página Selector de archivos.
 Hay también un bloque (con una flecha) a la que se puede arrastrar un archivo
directamente desde el escritorio en Moodle (esta opción no está disponible en algunas
versiones de Internet Explorer).

Área en donde arrastrar y soltar archivos

 ALMACENAMIENTO DE INFORMACIÓN EN FORMATOS IMÁGENES

Subir y mostrar una imagen desde su computadora

 Nota: Es una buena idea el cambiar el tamaño de su imagen antes de subirla, en lugar
de tratar de cambiar las dimensiones cuando ya está en línea.
 Una vez que haya activado la edición, acceda al editor de texto en donde Usted quiera
mostrar su imagen (por ejemplo, en un resumen, Etiqueta o página del curso)
 Haga clic sobre del ícono de la imagen como se ve más abajo:

 Elija Encontrar o subir una imagen

 Elija Subir un archivo. Busque y suba su imagen. Para mayor información, vea Selector
de archivos

 Guarde los cambios.

Editar una imagen subida

 Si Usted necesita editar la imagen que ya ha subido al servidor, Usted puede hacer doble
clic sobre la imagen desde adentro del Editor de texto y acceder a la ventana de
propiedades de la imagen Tome nota de que es mucho mejor subir la imagen del tamaño
apropiado en lugar de tener que modificarla posteriormente.

Arrastrar y soltar una imagen

 Las imágenes pueden arrastrarse y soltarse directamente dentro de una etiqueta

dentro de la página de curso si Usted está usando un navegador de Internet soportado
 (que NO sea IE 9, Safari 6 o versiones inferiores o antiguas de Firefox) y que esté
habilitado el 'arrastrar y soltar medios" esté habilitado en Administración >
Administración del sitio > Plugins > Módulos de actividad > Etiqueta y verifique que esté
activada la casilla para 'arrastrar y soltar medios'.
 Mientras Usted arrastra una imagen, aparece una caja de instrucciones en donde Usted
elige "añadir imagen a página de curso" en lugar de "crear un recurso archivo"

Mostrar una imagen que ya está en línea

 Si Usted tiene imágenes disponibles en otro sitio en línea, Usted también puede
mostrarlas sin tener que subirlas a Moodle. Nota: Si la imagen dejara de estar
disponible en línea, será remplazada por una X roja en su página del curso.

Método 1

 Siga las instrucciones de arriba para Subir y Mostrar una imagen.

 Después de hacer clic en Buscar o Subir una imagen, pegue la URL de la imagen que
Usted tiene en línea dentro de la caja para URL de la imagen.
 Añada una descripción para la imagen y elija Insertar o seleccione la casilla de que no
requiere descripción.

 Guarde los cambios.

Método 2

 Es posible copiar y pegar una imagen en línea dentro del Editor de texto de la misma
forma en que algunos estudiantes copian y pegan imágenes para sus presentaciones.
Debe tenerse cuidado cuando se pegan imágenes de esta manera de no infringir el
 derecho de autor de terceros, y también debe evitarse que la imagen se venga junto
con un hiperenlace no deseado.

Añadir una imagen desde sitios de alojamiento de imágenes tales como Flickr

 Es posible buscar y mostrar una imagen desde Flickr.

 Para esto, el administrador debe habilitar el Repositorio Flickr público.
 Después de elegir 'Buscar o Subir una imagen', haga clic sobre del repositorio Flickr para
buscar una imagen apropiada.

 El administrador del sitio también puede habilitar el Repositorio Flickr y el Repositorio

de álbum web Picasa para que los usuarios accedan a imágenes de sus propias cuentas.

Editar su imagen

 después de elegir el ícono de imagen en el Editor HTML, hay dos pestañas disponibles
para ayudarle a mostrar mejor su imagen:

Apariencia

 Elija desde el desplegable de Alineación el cómo quiere que la imagen se ponga con
respecto al texto. El bloque con el árbol y texto muestra cómo se vería cada opción.
 Re-dimensione la imagen en las cajas de dimensiones si así lo desea.
 Si lo desea, añada un número (en pixeles) para un espacio o borde vertical u horizontal
alrededor de la imagen.

Avanzadas

 Esta pestaña le permite a Usted configurar imágenes alternas para cuando se pasa el
ratón encima (mouseover/mouse out) y le permite incluir información miscelánea como
el título, instrucciones para Idioma, enlace hacia la descripción larga, etc.