MÓDULO II

CIENCIA,
TECNOLOGÍA Y
AMBIENTE
M i c ros i t i o e d u c a t i vo c on
e Xe Le a rn i n g
 Estimado
docente:

Lo invitamos a realizar sus

actividades con
este manual. Le servirá
como práctica
guiada para cumplir con
los objetivos del
curso.
Índice

Proyecto de Aprendizaje 4
Elementos generales
Elaborando el diseño de
5
proyecto de aprendizaje
Renombrar el nodo inicio 5
Añadir página 5
Agregar imagen en Texto libre 6
Agregar iDevices Galería de imágenes 8
Agregar iDevices Actividad de Lectura 9
Agregar iDevices Lupa 12
Agregar iDevices Pregunta Elección
Múltiple 14
Agregar iDevices Pregunta Verdadero
Falso 16
Agregar iDevices Rellenar-Huecos 17
Agregar iDevices Pregunta Selección 18
Múltiple
Exportar en Formato HTML 20
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Tutorial de Micrositio educativo

con eXeLearning
Proyecto de Aprendizaje : “¿Qué está ocurriendo
con el ambiente?”.
Elementos Generales De La Ventana De Trabajo De Exelearning.
Ventana de trabajo del aplicativo eXeLearning.

a
b

a Bloque Estructura.

b Área de Trabajo.

c Bloque iDevices.

4
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Pasos para elaborando el diseño de un proyecto

de aprendizaje con eXeLearning
Paso 1:
Para colocar el título del proyecto en el nodo inicio. Elegimos Renombrar el nodo INICIO.

Ubicamos la pestaña Renombrar, luego digitamos el texto que hemos planteado al inicio
¿Qué está ocurriendo con el ambiente?, título del proyecto. Clic en Aceptar.

Paso 2: Añadir página

Para añadir página ubicamos la pestaña Añadir página, para agregará Tema.

Luego ubicar la pestaña Tema y renombrar la página Tema escribimos “Presentación”, Clic
en Aceptar.

A continuación añadiremos seis Temas y renombraremos cada tema de acuerdo al texto

de la estructura de nodos planteada para el proyecto.
¿Qué está ocurriendo con el ambiente?
Presentación
Actividad 1
Actividad 1
Actividad 1
Autoevaluación
Webgrafía
A continuación en la ventana se muestra la estructura de nodos (también denominada
árbol de contenidos) final.

5
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Paso 3: Agregar Imagen en Texto Libre

Ubicamos el texto ¿Qué está ocurriendo con el ambiente?, situado dentro del editor de
textos de la página y colocamos el cursor donde se desea insertar la imagen.

Luego en la web, buscar y elegir la imagen que se desea insertar, copiar la “dirección web
o url de imagen” y pegar (así se muestra en el navegador Chrome).

6
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Y en el editor de textos de “Texto libre” hacer clic en el ícono “Insertar/editar imagen”

en la ventana emergente “Insertar/editar imagen” pegar la dirección de la imagen
en “URL de la imagen”, agregar un texto en descripción y título de la imagen.

Para modificar la “Apariencia”, en alineación y dimensiones, si fuera el caso, luego clic en

“Actualizar”, Clic en para finalizar el editor de textos.
Así se muestra la imagen en el iDevices “Texto libre”.

7
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Paso 4: Agregar iDevices Galería de Imágenes

Ubicamos en la página “Autoevaluación”, en el bloque “iDevices”, hacer clic en
“Información no-textual”. Clic en “Galería de imágenes” luego se muestra el Idevices
“Galería de imágenes” insertado en la página “Autoevaluación”.

A continuación se muestra la ventana emergente “Select one or more images” donde

debe ubicar y elegir la imagen que se colocará en la galería.

8
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Y de esta manera se mostrará la primera imagen de la galería.

Repetimos el proceso, en nuestro proyecto insertaremos seis imágenes a la galería.

Clic en para finalizar el editor de “Galería de imágenes”, y se mostrará la galería de

imágenes.

9
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Paso 5: Agregar iDevices Actividad de Lectura

Para este paso nos ubicamos en la página “Autoevaluación”, en el bloque “iDevices”,
hacer clic en “Actividades no-interactivas”. Clic en “Actividad de lectura”.
Así se muestra el iDevices “Actividad de lectura” insertado en la página “Autoevaluación”.

Luego en “Actividad” escribir o copiar el texto para lectura. En los campos “Qué leer” y
“Retroalimentación” se puede completar de acuerdo a la lectura planteada.

10
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Con un clic en para finalizar el editor de “Actividad de lectura”.

Así se mostrará el iDevices “Actividad de lectura”

11
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Paso 6: Agregar iDevices lupa

Ubicamos en la página “Autoevaluación”, en el bloque “iDevices”, hacer clic en
“Información no-textual”. Clic en “Lupa”, luego haga clic en “Seleccionar una imagen”
Así se muestra el iDevices “Lupa” insertado en la página “Autoevaluación”.

Luego nos mostrará la ventana emergente “Seleccionar una imagen” donde debemos
ubicar y elegir la imagen que se colocará en la lupa. Luego haga clic en “Abrir”.

12
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Visualización de la imagen en el iDevices Lupa, se pueden configurar los controles que se

observan debajo de la imagen insertada.

Hacemos clic en para finalizar el editor de “Lupa”, si deseamos editar el iDevices

“Lupa” se hace clic en el aplicativo “Editar”
Así se mostrará el iDevices “Lupa”

13
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Paso 7: Agregar iDevices pregunta de elección múltiple

Para este paso ubicamos la página “Autoevaluación”, nos dirigimos al bloque “iDevices”,
hacemos clic en “Pregunta de Elección Múltiple”, Clic en “Pregunta”, luego escribiremos
la pregunta en el recuadro inferior, ahora para agregar otras opciones de respuesta
hacemos clic en “Añadir otra opción”.
Así se muestra el iDevices “Pregunta de elección Múltiple” insertado en la página
“Autoevaluación”.

14
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Después de haber escrito la pregunta y agregado las opciones múltiples en la imagen se

observa el aplicativo para finalizar de editar la actividad.

Para elegir la respuesta correcta, en el lado derecho del cuadro de diálogo “Opción”, se
encuentran dos opciones, un círculo para marcarlo como respuesta correcta o la opción
“Eliminar opción”.

Clic en para finalizar el editor de “Pregunta de Elección Múltiple”.

Si deseamos editar el iDevices “Pregunta de Elección

Múltiple” se hace clic en la herramienta Editar.

Así se mostrará el iDevices “Pregunta de Elección Múltiple”.

15
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Paso 8: Agregar iDevices Pregunta Verdadero-Falso

Para realizar este paso ubicamos la página “Autoevaluación”, nos dirigimos al bloque
“iDevices”, hacer clic en “Verdadero-Falso”, Clic en “Pregunta”, luego escriba la
pregunta en el recuadro inferior, para marcar la pregunta como verdaero o falso haga
clic en el círculo, según corresponda a su respuesta.

Luego observamos cómo se visualiza el iDevices “Verdadero-Falso” insertado en la página

“Autoevaluación”.

16
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Paso 9: Agregar iDevices Rellenar-Huecos

Ubicamos en la página “Autoevaluación”, el bloque “iDevices”, clic en “Actividades
interactivas”, y Clic en “Texto con huecos que rellenar”, luego en el cuadro de diálogo
“Texto con huecos que rellenar” escriba el texto relacionado al proyecto, en el recuadro
inferior.

Ahora para ocultar las palabras del texto insertado, seleccionamos la palabra y luego clic
en “Ocultar/Mostrar Palabra”, se repite el paso si vamos a ocultar otras palabras.

17
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Y así se muestra el iDevices “Texto con huecos que rellenar” insertado en la página
“Autoevaluación”.

Paso 10: Agregar iDevices pregunta de selección múltiple

Ubicamos en la página “Autoevaluación” el bloque “iDevices”, hacer clic en “Pregunta
de Selección Múltiple”, Clic en “Pregunta”, luego escriba la pregunta en el recuadro para
agregar otras opciones de respuesta hacer clic en “Añadir otra opción” en este iDevices
se pueden marcar más de una respuesta, haciendo clic en Opción correcta.
Así se muestra el Idevices “Pregunta de elección Múltiple” insertado en la página
“Autoevaluación”.

Para elegir la respuesta correcta, en el lado derecho del cuadro de diálogo “Opción
correcta”, hacer clic en el círculo para marcarlo como respuesta correcta. También se
encuentra la opción “Eliminar opción” si se desea utilizar.

18
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Clic en para finalizar el editor de Pregunta de Selección Múltiple.

Así se mostrará el iDevices Pregunta de Selección Múltiple.

Si deseamos editar el iDevices Pregunta de Selección

Múltiple se hace clic en la herramienta Editar.

19
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Paso 11: Exportar el proyecto en formato de página web: html única

Ubicamos en la página principal del proyecto “¿Qué está ocurriendo con el ambiente” en
la pestaña Archivo de la barra de menú selccionamos la opción Exportar, seleccionamos
el subnivel “Sitio web” y Clic en “Página html única”.

En la ventana emergente Seleccione la carpeta padre para la exportación o crea una

carpeta escribiendo en la barra de Carpeta por ejemplo en nuestro caso “proyecto-
aprendizaje”, luego hacer clic en Seleccionar carpeta.

20
 MÓDULO II - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

El sistema muestra la carpeta con los archivos creados por el sistema, observa que
aparece el archivo principal index, para ejecutar y visualizar el proyecto en página web.

Al ejecutar el archivo index se muestra el proyecto final en formato de página web.

21
 MÓDULO I - Bloque 2 | Tutorial
Micrositio educativo con eXeLearning

Estimado
docente:
¡Lo hemos logrado!

1er puesto

22