Aplicaciones Web I

AplicacionesWeb2.
0
JClic,HotPotatoes,Exelearning,Cuadernia
Alexander Labajos Trigoso
Desarrollo del libro
Aplicacionesenweb2.0
Pontificia Universidad Catlica del Per - InfoPUC, 2013.

Avenida Universitaria 1801, Lima 32
Telfono: (511) 626-2000/ anexo 3763 - 2603
Telefax: (511) 626-2885
Correo electrnico: infopuc@pucp.edu.pe
Pgina web: http://infopuc.pucp.edu.pe/
Derechos reservados, prohibida la reproduccin de este libro por cualquier medio, total
o parcialmente, sin permiso expreso de los editores.
Este material ha sido elaborado por InfoPUC y es entregado a la Institucin Educativa
para su posterior distribucin de manera gratuita a sus alumnos, como parte del
contrato de servicios que han celebrado ambas instituciones. InfoPUC no se hace
responsable frente a terceros por el uso que se realice respecto del presente material.
La informacin puesta a disposicin a travs de las referencias bibliogrficas (pginas
electrnicas, blogs, videos y audios) y todo material digital externo al presente libro,
pueden sufrir variaciones en el tiempo. El InfoPUC no asume ningn tipo de
responsabilidad por la disponibilidad de las fuentes, ni por las modificaciones que la
informacin haya podido sufrir.
Las imgenes utilizadas con fines educativos en los mdulos de la presente
publicacin, han sido tomadas de pginas web como, Blogger, , SkyDrive, Scribd,
Flickr, Jclic y Cuadernia.
Las marcas registradas son propiedad de sus respectivas compaas.
Esta publicacin ha sido producida empleando Microsoft Office Word.
Las siguientes marcas son de propiedad exclusiva de la Pontificia Universidad Catlica
del Per y se encuentran registradas ante el INDECOPI, quedando prohibida su
utilizacin en cualquier medio sin previa autorizacin escrita de la Universidad.
TABLA DE CONTENIDO
CAPTULO 1:JCLIC...........................................................................................................5
1.1
Introduccin a JClic...........................................................................................6
1.2
Instalacin de JClic............................................................................................7
1.3
Qu es el JClic Author?..................................................................................9
1.4
Creacin de puzzles.........................................................................................11
1.5
Creacin de crucigramas................................................................................15
1.6
Creacin de sopa de letras.............................................................................17
1.7
Creacin de asociaciones...............................................................................20
1.8
Creacin de actividades de texto..................................................................23
1.9
Creacin de un juego de memoria.................................................................26
1.10 Generando secuencias de actividades en JClic.........................................28

1.11 Publicando una actividad de JClic como pgina web................................29
1.12 Qu es el JClic Player?.................................................................................31
CAPTULO 2:HOT POTATOES......................................................................................35

2.1
Introduccin a Hot Potatoes...........................................................................36
2.2
Descripcin de las herramientas de Hot Potatotes....................................36
2.3
JCloze: Creando actividades para rellenar huecos....................................37
2.4
JMatch: Creando actividades para relacionar conceptos.........................40
2.5
JQuiz: Elaborando Test o Cuestionarios......................................................45
2.6
JCross: Elaborando Crucigramas.................................................................47
2.7
Insertando tu actividad en la plataforma moodle........................................50
CAPTULO 3:EXE LEARNING.......................................................................................55
3.1
Introduccin a Exe Learning..........................................................................56
3.2
Instalacin de Exe Learning...........................................................................56
3.3
El entorno de trabajo.......................................................................................57
3.3.1
La barra de men.............................................................................................58
3.3.2
Las propiedades del proyecto........................................................................59
3.3.3
El rbol de contenidos.....................................................................................59
3.3.4
Los IDevices......................................................................................................60
3.3.5
La pestaa de edicin o rea de trabajo.......................................................60
3.4
Definiendo los contenidos del proyecto.......................................................61
3.5
Aadiendo contenidos al proyecto...............................................................62
3.5.1
Texto Libre.........................................................................................................62
3.5.2
Pregunta de eleccin mltiple........................................................................65
3.5.3
Actividad de espacios en blanco....................................................................66
3.5.4
Preguntas de verdadero y falso.....................................................................67
3.5.5
Objetivos............................................................................................................67
3.5.6
Artculo Wiki.......................................................................................................68
3.6
Insertando objetos de otras aplicaciones....................................................69
3.7
Exportar un proyecto en Exe Learning.........................................................71
CAPTULO 4:CUADERNIA.............................................................................................75
4.1
Qu es Cuadernia?........................................................................................76
4.2
Uso y caractersticas de Cuadernia..............................................................76
4.3
Instalacin de Cuadernia................................................................................77
4.4
Accediendo a Cuadernia.................................................................................79
4.5
Conociendo el entorno de trabajo de Cuadernia........................................81
4.6
Desarrollando un proyecto en Cuadernia....................................................82
4.6.1
Configurando el entorno de trabajo...............................................................82
4.6.2
Creando un cuaderno......................................................................................83
4.6.3
Insertando pginas...........................................................................................83
4.6.4
Insertando objetos............................................................................................85
4.6.5
Insertando actividades.....................................................................................89
4.7
Exportando un cuaderno......................................................................................98
CAPTULO 1
JCLIC
Sabas que con JClic puedes crear
actividades educativas de forma rpida,
sencilla y sin necesidad de tener
conocimientos
avanzados
de
informtica?
Tu trabajo
Tu trabajo consistir en crear actividades educativas

acerca de las maravillas del Per.
1.1 Introduccin a JClic

JClic est formado por un conjunto de programas de software libre que permite
realizar los siguientes tipos de actividades educativas interactivas:
Puzles
Crucigramas
Sopas de letras
Asociaciones
Actividades de texto
Averigua
Cules son los programas o

aplicaciones que forman parte de
JClic?, describe brevemente cada
uno.
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
JClic ha sido desarrollado en el lenguaje de programacin Java y funciona con los

siguientes sistemas operativos:
Una vez desarrolladas las actividades en JClic, puedes

ejecutarlas en el mismo entorno (si tienes instalado el
programa en tu computador) o en caso contrario existen
algunas pginas de Internet que permiten hacerlo.
1.2
Instalacin de JClic
Para poder instalar JClic, se requiere previamente
tener instalado los siguientes componentes de Java:
Java Runtime Enviroment (JRE)
Java Web Start
Java Media Frameworks (JME)
Una vez hayas verificado que tienes instalado los componentes mencionados
anteriormente, sigue los pasos descritos a continuacin:
Ingresa
a
la
siguiente
direccin:
http://clic.xtec.cat/es/jclic/download.htm, luego ubica y selecciona el
hipervnculo jclic-0.2.1.0.exe.
Haz clic en la opcin Ejecutar para iniciar la instalacin.
Selecciona el idioma y haz clic en

OK.
En la siguiente ventana
haz clic en Siguiente.
Acepta el acuerdo
de licencia.
Selecciona
los
componentes que
deseas instalar. En
este caso hars una
instalacin completa.
Selecciona
la
ubicacin
en
donde instalars el
programa y haz clic
en Instalar.
Finalmente, en la
siguiente ventana haz
clic en Terminar.
DESCUBRE Y APRENDE
1) Una vez concluida la instalacin, qu observas en el escritorio de tu

computador?
________________________________________________________________
2) Qu sucede cuando ingresas a cada una de las aplicaciones de JClic por
primera vez?
________________________________________________________________
________________________________________________________________
1.3
Qu es el JClic Author?
JClic Author te permite crear proyectos JClic o abrir uno ya existente para poder
modificarlo.
Para ingresar a JClic Author haz doble clic en el
cono
ubicado en el escritorio de trabajo
de tu computador.
Para crear un nuevo proyecto en JClic Author debes seguir los siguientes pasos:
Ingresa al men Archivo y selecciona la
opcin Nuevo Proyecto.
Ingresa el nombre de proyecto y su

ubicacin, luego haz clic en Aceptar.
En la siguiente pantalla,
ingresa la informacin
que creas conveniente para tu
proyecto.
10
Finalmente, ingresa al men Archivo y selecciona la opcin Guardar.

DESCUBRE Y APRENDE
En las secciones Creacin y Descriptores de un proyecto, aparecen los siguientes

elementos, explralos y explica para qu sirve cada uno de ellos:
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
1.4
Creacin de puzzles
Un puzzle o rompecabezas es un juego en el que se tiene que armar una figura o un

contenido textual.
Con JClic es posible crear los siguientes tipos de
puzzles:
Puzzle de intercambio
Puzzle doble
Puzzle de agujero
Puzzle de memoria
En esta oportunidad aprenders a crear un puzzle

de intercambio.
Un puzzle de intercambio consiste en un solo
panel en el cual se deben intercambiar las piezas
para reconstruir el contenido.
As por ejemplo:
11
Para crear un puzzle de intercambio en JClic debes hacer lo siguiente:

Ingresa a JClic Author, abre tu proyecto anterior o crea un proyecto nuevo.
Una vez dentro del proyecto, ingresa a la pestaa Actividades y haz clic en
el cono
para crear una actividad.
En la siguiente lista, selecciona Puzzle de intercambio e ingresa un nombre

para la actividad.
Ingresa a la pestaa Mediateca y haz clic en el cono

imagen Machu Picchu.
12
para insertar la
JClic necesita que el

archivo seleccionado se
encuentre en la carpeta del
proyecto, por tanto cuando
aparece
el
siguiente
mensaje debes hacer clic
en S para confirmar la
operacin.
Regresa
a
la
pestaa
Actividades, ingresa a la
seccin Ventana y haz clic en el botn
.
Luego, en la ventana de juego, selecciona la opcin Transparente.
A continuacin, ingresa a la
pestaa
Mensajes
y
realiza
la
siguiente
configuracin
para
el
mensaje inicial.
Ingresa a la pestaa Panel y realiza la siguiente configuracin.
13
Puedes
presionar
el
botn
para probar
la actividad.
Finalmente, ingresa al men Archivo y selecciona la opcin Guardar.
14
DESCUBRE Y APRENDE
Explora el entorno de JClic Author y crea un puzzle doble con la siguiente

configuracin:
Crea un nuevo proyecto y llmalo Meseta_Marcahuasi
Descarga de internet una imagen de la meseta de Marcahuasi para que la
puedas usar en tu actividad.
Limita el nmero de intentos a 12
Encaje de unin triangular
Panel de 3 por 3 casillas con distribucin BA
Borde blanco con grosor medio
Ventana principal con gradiente de colores
Guarda tu actividad con el nombre Marcahuasi
Escribe los pasos que seguiste para lograrlo:
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
1.5
Creacin de crucigramas
Un crucigrama es una actividad en la cual se tienen que ir completando un tablero

de palabras a partir de sus definiciones.
Para elaborar un crucigrama en JClic
debes hacer lo siguiente:
Ingresa a JClic Author, abre tu
proyecto anterior o crea un
proyecto nuevo.
Ingresa a la pestaa Actividades,
haz clic en el cono
y
selecciona
la
actividad
Crucigrama.
15
Escribe un mensaje inicial para la actividad.
En la pestaa Panel, coloca la cantidad de filas y columnas que tendr el

crucigrama; luego ingresa las palabras ubicando el cursor en la posicin del
tablero en donde desees colocar cada una de las letras y el sentido de cada
palabra.
Puedes desplazarte dentro
del tablero utilizando las
teclas direccionales y si
deseas colocar casilleros
negros, debes presionar la
tecla Supr.
Para poder colocar la definicin de cada palabra del crucigrama debes hacer lo
siguiente:
Repite el ltimo paso para ingresar todas las palabras del crucigrama.
Ejecuta y guarda la
actividad. Escribe cmo lo
lograste:
__________________________
__________________________
__________________________
__________________________
_______________________
16
DESCUBRE Y APRENDE
Explora las opciones de configuracin de la actividad para que se vea de la

siguiente manera:
Escribe la configuracin que realizaste para lograrlo:

_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
1.6
Creacin de sopa de letras
Una sopa de letras es un juego que consiste en encontrar un conjunto de palabras

enlazando las letras que se encuentran dentro de una cuadrcula. Estas palabras
pueden estar dispuestas dentro de la cuadrcula de forma horizontal, vertical o
diagonal.
Para poder crear una sopa de letras en JClic debes hacer lo siguiente:
Ingresa a la pestaa Actividades, haz clic en el cono
actividad Sopa de letras.
17
y selecciona la
Como viste en los acpites

anteriores, ingresando a las
dems
pestaas
puedes
configurar la presentacin de tu
actividad tales como interfaz de
usuario, color de fondo, etc.
En la pestaa Panel, selecciona la

opcin Utilizar el panel B y
configura la cantidad de filas y
columnas que tendr la cuadrcula.
Luego ingresa las palabras en la
orientacin que deseas colocarlas en
el Panel A.
Puedes desplazarte dentro
del tablero utilizando las
teclas
direccionales.
Presiona la tecla Supr para
los casilleros que no sean
utilizados por las palabras.
18
En la seccin de palabras escondidas,

hacer clic en el botn
para poder
agregar la lista de palabras que se tienen que
encontrar.
Luego dirgete al panel B e

ingresa en cada casilla, el texto
asociado a cada palabra a buscar en la
sopa de letras.
Los textos deben ser
ingresados en el mismo
orden
que
fueron
ingresadas las palabras.
Al finalizar de completar los textos en el panel

B, debe quedar as:
Averigua
Es posible utilizar imgenes para

asociar a las palabras que se
buscarn en la sopa de letras? Si
es as, como lo haces?
Responde: ________________________________________
Al ejecutar la actividad debe quedar de la siguiente manera
19
Ejercicio de aplicacin 1.
Crea la siguiente sopa de letras. Las imgenes las puedes descargar de Internet.
Escribe un resumen de los pasos que realizaste para lograrlo.

_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
1.7
Creacin de asociaciones
Las asociaciones son actividades en las cuales se cuentan con elementos ubicados
en dos paneles, en donde para cada elemento del panel A, le corresponde uno o
varios elementos del panel B.
20
Los primeros pasos para crear una asociacin son los mismos
que utilizaste para crear las actividades que has visto hasta este
momento, con excepcin que en el tipo de actividad debes
seleccionar Asociacin Simple o Asociacin Compleja, segn
el tipo de asociacin que deseas crear.
Averigua
Cul es la diferencia
entre una asociacin
simple y una asociacin
compleja?
Responde: ________________________________________
Para configurar los paneles de una asociacin debes hacer lo siguiente:

En el panel A:
En el panel B:
21
Recuerda lo siguiente:
Las imgenes las debes agregar a la

mediateca.
Las imgenes que se agregan en los

casilleros del panel B deben ser
ingresadas en el mismo orden en que
fueron escritos los nombres en el panel A.
Al ejecutar la actividad debe verse as:
DESCUBRE Y APRENDE
Como se mencion anteriormente, existe otro tipo de asociaciones llamada

Compleja. Con los conocimientos que has aprendido hasta el momento y
explorando el entorno de JClic Author, elabora la siguiente asociacin compleja:
22
Escribe la configuracin que realizaste para lograrlo:

_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
1.8
Creacin de actividades de texto
JClic permite generar diversas actividades con textos como por ejemplo la que se
observa en la siguiente imagen:
En esta actividad, se debe completar las palabras que faltan en la frase propuesta.
Para elaborar esta actividad en JClic debes hacer lo siguiente:
Ingresa
a
la
pestaa
Actividades, haz clic en el
cono
y selecciona la
actividad Texto: Rellenar
agujeros.
23
Configura la presentacin de tu actividad como por ejemplo colores y tipos de

fuente, fondos de ventana, etc., tal y como lo viste en las actividades
anteriores.
Ingresa a la pestaa Texto y haz lo siguiente:
Repite
este
procedimiento
para todas las
palabras
que
deseasocultar.
Guarda la actividad y al ejecutarla debe verse as:
24
DESCUBRE Y APRENDE
1) Explora las siguientes opciones y explica para que sirven:
Longitud mxima:
________________________________________________________________
________________________________________________________________
Carcter de relleno:
________________________________________________________________
________________________________________________________________
Texto inicial:
________________________________________________________________
________________________________________________________________
Mostrar una lista de opciones:

________________________________________________________________
________________________________________________________________
2) Modifica la presentacin de la actividad para que se vea de la siguiente manera:
25
Averigua
Cmo se modifica esta

actividad para que se solicite
corregirloserroresdeltexto?
Responde: ________________________________________
1.9
Creacin de un juego de memoria
En esta oportunidad aprenders a crear juegos de memoria con elementos iguales,

para ello debes hacer lo siguiente:
Ingresa a la pestaa
Actividades, haz clic en el
cono
y selecciona la
actividad
Juego
de
memoria.
Escribe un mensaje
inicial
para
la
actividad.
En este tipo de actividad solo se

utiliza un Panel, en el cual debes
agregar las imgenes que
formarn parte del juego de
memoria.
26
Configura la presentacin de tu actividad como por ejemplo colores y tipos de

fuente, fondos de ventana, etc., tal y como lo viste en las actividades
anteriores.
Guarda
la
actividad
y
al
ejecutarla debe verse
as:
1) Elabora una actividad para completar el siguiente texto:
2) Elabora un juego de memoria en un panel de 3x4 utilizando imgenes de

animales en peligro de extincin. Las imgenes las puedes descargar de Internet.
3) Elabora una actividad de asociacin utilizando los nombres e imgenes de
artistas de cine y televisin.
27
1.10 Generando secuencias de actividades en JClic

Una vez hayas terminado de crear todas tus actividades en JClic Author, puedes
configurar el orden en que estas se ejecutarn.
Por ejemplo, vas a establecer el siguiente orden de ejecucin de las actividades que
has creado:
1. Asociacin_jclic
4. Crucigrama_Peru
2. Completar_huecos
5. Juego_memoria
3. Machu_Picchu
6. Sopa_letras_peru
Para ello debes hacer lo siguiente:

Abre el proyecto que contiene las actividades que has creado.
Haz clic en la pestaa

Secuencias
y
se
mostrar
la
lista
de
actividades que contiene el
proyecto.
Selecciona cada actividad y colcale una etiqueta.
Selecciona la actividad que se utilizar como inicio de la secuencia (en este

caso asociacion_jclic) y coloca la siguiente configuracin:
28
Para hacer un salto

entre actividades no
consecutivas, debes hacer
lo siguiente:
En la ltima actividad debes colocar

la accin Volver
Averigua
Cmo puedes probar si has

configurado una secuencia
correctamente?
Responde: ________________________________________
1.11 Publicando una actividad de JClic como pgina web

JClic permite crear una pgina web con una secuencia de actividades de un
proyecto.
Cuando se abra esta pgina web, se ejecutar un Applet.
Un Applet es una aplicacin interactiva que puede ejecutarse en
cualquier navegador web que soporte Java.
El Applet ejecutar los archivos de la secuencia de actividades
guardados en un servidor web, es decir ahora depender de la
conexin a Internet y ya no del computador en donde fueron
creadas las actividades
29
Para poder crear un Applet de JClic debes hacer lo siguiente:

Ingresa a JClic Author y abre el proyecto que contiene las actividades que
deseas publicar.
Sigue lo indicado en las siguientes
imgenes para crear la pgina
web.
Si dispones de conexin a
Internet, en la siguiente pantalla haz clic en la opcin S.
Con ello se empezar a cargar la

pgina web y cuando aparece la
siguiente pantalla haz clic en la
opcin Ejecutar.
30
Finalmente
se
mostrar la pgina web
con la ejecucin de las
actividades que posee
el proyecto.
1.12 Qu es el JClic Player?

JClic Player te permite ejecutar los proyectos creados con JClic Author.
DESCUBRE Y APRENDE
Ingresa a JClic Player, explora su entorno y ejecuta las actividades del proyecto que
has creado a lo largo de este captulo.
Escribe los pasos que realizaste para lograrlo.
___________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
31
REVISANDO LO APRENDIDO
1.
Coloca verdadero (V) o falso (F) segn corresponda:

La mediateca contiene la lista de actividades creadas en un proyecto.
( )
Con JClic Player puedes modificar las actividades creadas con JClic Author. ( )
Para crear un puzzle siempre necesitas una imagen.
( )
Es posible crear una asociacin utilizando sonidos.
( )
Antes de instalar JClic necesitas instalar la mquina virtual de Java.
( )
2. Qu es un JClic Applet y cmo se crea?

________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________
3.
Escribe 4 tipos de actividades se pueden crear en JClic diferentes a las que has
aprendido en este captulo.
________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________
32
4.
Para qu se usan las secuencias?

________________________________________________________________
________________________________________________________________
5.
Qu tipos de contadores se pueden configurar para la ejecucin de las

actividades en JClic?, explica cada uno de ellos con un ejemplo.
________________________________________________________________
________________________________________________________________
________________________________________________________________
6.
Cules son los tipos de encajes que se pueden crear en un puzzle?

________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________
7. Relaciona los siguiente conos con su funcionalidad:

cono
Funcionalidad
Aadir actividad al proyecto
Ejecutar actividad
Crear pgina web
Aadir una imagen a la mediateca
Copiar atributos de una actividad a
otra
33
PROYECTO INTEGRADOR: CREANDO

CONTENIDOS EDUCATIVOS CON APLICACIONES
WEB 2.0
Parte I
Descripcin
Como parte de este curso, realizars un proyecto que te permitir aplicar todo
lo aprendido. Este consistir en elaborar contenidos educativos acerca de una
etapa de la historia del Per. A continuacin se explica de manera general el
proyecto.
Primero se formarn grupos de trabajo y seleccionarn una etapa de la Historia
del Per con la cual trabajarn.
A continuacin se crearn actividades de aprendizaje utilizando JClic y Hot
Potatoes.
Luego, se elaborarn los contenidos tericos utilizando Exelearningy
Cuadernia.
Finalmente se publicarn los contenidos de tu proyecto en un blog o pgina
web.
Planificacin
Forma un grupo de trabajo con 4 o 5 compaeros.
Seleccionen la etapa del Per con la cual trabajarn el proyecto.
Elaboren 5 actividades utilizando JClic. Para la calificacin de las
actividades creadas se tomar en cuenta la presentacin de las mismas.
Diseen una secuencia de ejecucin de las actividades creadas.
34
CAPTULO 2
HOT POTATOES
Con Hot Potatoes puedes crear
actividades educativas interactivas de
tipo pgina web de modo fcil e intuitivo
sin necesidad de conocer lenguajes de
programacin.
Tu trabajo
Tu trabajo consistir en crear actividades educativas

acerca del sistema seo humano.
35
2.1 Introduccin a Hot Potatoes

Hot Potatoes est formado por un conjunto de seis herramientas de software libre
que permiten elaborar los siguientes tipos de actividades educativas interactivas
basadas en pginas web:
Rellenar huecos
Relacionar conceptos
Responder preguntas
Completar crucigramas
Ordenar oraciones
2.2 Descripcin de las herramientas de Hot Potatotes

DESCUBRE Y APRENDE
Ingresa al entorno de Hot Potatoes y relaciona las herramientas con su

funcionalidad:
Herramienta
Funcionalidad
Relacionar conceptos
Completar crucigramas
Responder preguntas
Rellenar huecos
Ordenar oraciones
Existe una herramienta adicional llamada The

Masher, la cual permite combinar las
actividades creadas con las dems.
36
Averigua
Averigua
acerca
de
las
caractersticas de Hot Potatoes y
contesta las siguientes preguntas:
1) En qu idiomas se pueden crear actividades de Hot Potatoes?

______________________________________________________________
2) En qu sistemas operativos funciona Hot Potatoes?
______________________________________________________________
3) Es un software freeware (gratis) o tiene algn costo?
______________________________________________________________
4) Qu conocimientos previos se necesitan para poder crear actividades en
Hot Potatoes?
______________________________________________________________
2.3 JCloze: Creando actividades para rellenar huecos

JCloze permite crear actividades para que el usuario pueda completar palabras
ocultas de un texto.
Para poder crear una actividad en JCloze, debes hacer lo siguiente:
Ingresa a JCloze
En la siguiente ventana, ingresa el

ttulo y texto para la actividad.
37
Selecciona una de las palabras

que deseas ocultar y haz clic en
, con lo que se
mostrar la siguiente ventana:
Repite el procedimiento
anterior para el resto de
palabras que deseas
ocultar y cuando hayas
terminado haz clic en
DESCUBRE Y APRENDE
Explora los siguientes botones y escribe para qu se utilizan:
_______________________________________________________
_______________________________________________________
_______________________________________________________
_______________________________________________________
Para probar cmo ha quedado tu

actividad, debes hacer clic en
aparecer la siguiente ventana:
38
Finalmente selecciona la
opcin indicada, con lo que
podrs
visualizar
la
actividad en tu explorador.
DESCUBRE Y APRENDE
Como habrs observado en la imagen anterior, el subttulo e instrucciones de la

actividad aparecen en ingls. Para modificar esto y otras opciones ms, regresa a la
ventana de creacin de tu actividad y haz clic en
Aqu, debes hacer lo siguiente:
1) Cambia todas las siguientes configuraciones de ingls a espaol (subttulo,
instrucciones, avisos, textos de los botones)
2) Modifica el aspecto (colores) de la pgina web donde se mostrar la
actividad.
3) Coloca como lmite de tiempo para la actividad 1 minuto 30 segundos.
4) Guarda los cambios y vuelve a probar cmo ha quedado tu actividad.
39
1) Utilizando JCloze crea una actividad para completar palabras usando el siguiente
texto:
El cuerpo humano es una complicada estructura que contiene ms de doscientos
huesos, un centenar de articulaciones y ms de 650 msculos actuando
coordinadamente. Gracias a la colaboracin entre huesos y msculos, el cuerpo
humano mantiene su postura, puede desplazarse y realizar mltiples acciones.
Considera los siguientes puntos para la creacin de la actividad:
Utiliza 8 huecos de forma automtica.
Coloca pistas a todas las palabras y respuestas alternativas en caso sea

necesario.
Coloca las instrucciones y textos de los botones en espaol.
2) Elabora la siguiente actividad utilizando JCloze
2.4 JMatch: Creando actividades para relacionar conceptos

JMatch permite realizar actividades en las cuales se deben relacionar conceptos
y/o imgenes de dos columnas, es decir, relacionar los elementos de la columna
izquierda con los de la columna derecha.
Para poder crear una actividad en JMatch, debes
hacer lo siguiente:
Ingresar a JMatch.
40
Ingresa el ttulo y las listas de palabras u oraciones para ambas columnas de la

actividad.
Cada palabra u oracin de las listas y su correspondiente
relacin deben escribirse inicialmente en el orden correcto.
Al ejecutar la actividad Hot Potatoes se encargar de
desordenar las listas.
Averigua
JMatch muestra por defecto 5 filas.

Es posible agregar ms filas?, si es
as, como lo haras?
Responde:
__________________________________
_____________________
Haz clic en
actividad.
Para probar la actividad que has

creado debes hacer clic en
aparecer la siguiente ventana:
41
para guardar tu
Tu trabajo lo podras apreciar en el navegador:
De la misma manera que en JCloze,

al hacer clic en el cono
, podrs
modificar algunas opciones de
configuracin de tu actividad.
Modifica las opciones de configuracin de la actividad que has creado anteriormente
con JMatch para que se vea de la siguiente manera:
42
Usando imgenes en Hot Potatoes

Antes de aprender a utilizar imgenes en Hot Potatoes debes tener en
cuenta lo siguiente:
Las imgenes y sonidos que utilizars en tu actividad debers guardarlos

en la misma ubicacin o carpeta en donde has guardado el proyecto de
tu actividad.
Los formatos de imgenes que soporta Hot Potatoes son JPG, GIF y
PNG.
El procedimiento que vers a continuacin sirve para insertar una imagen

en cualquiera de las herramientas de Hot Potatoes
Puedes usar imgenes desde un archivo o desde internet.

En esta ocasin aprenders a utilizar imgenes desde un archivo, para lo cual
Ubica el cursor del mouse en donde deseas insertar la imagen
Haz clic en el cono
En la siguiente ventana configura las

propiedades solicitadas para la imagen.
43
Repite los pasos anteriores para insertar todas las imgenes de tu actividad.
Al finalizar, ejecuta tu actividad
haciendo clic en el cono
debe quedar as:
. Esta
Elabora la siguiente actividad utilizando JMatch.
Averigua
Cul es la diferencia entre

probar tu actividad con el cono
y con el cono
Responde:
_______________________________________________________
44
2.5 JQuiz: Elaborando Test o Cuestionarios

JQuiz te permite elaborar preguntas de cuatro tipos:
Tipo
Preguntas de
eleccin mltiple
Preguntas de
respuestas cortas
Preguntas hbridas
Preguntas de
multiseleccin
Definicin
El participante debe elegir la respuesta correcta de una
lista de alternativas.
El participante debe escribir una respuesta corta.
El participante debe escribir una respuesta corta y si falla
se le da una serie de alternativas para escoger la
respuesta correcta.
El participante debe elegir dos o ms respuesta de una
lista de alternativas.
Con JQuiz es posible crea una

actividad con una mezcla de
preguntas de todos los tipos
mencionados anteriormente.
Para poder crear una actividad en JQuiz, debes hacer lo siguiente:

Ingresa a JQuiz.
Una vez dentro del entorno de

JQuiz,
ingresa
los
datos
necesarios para la pregunta.
En este caso se muestra la
creacin de una pregunta de tipo
respuesta corta:
45
Haz clic en
para
guardar tu actividad.
Para probar la actividad

que has creado debes
hacer clic en
y
aparecer la siguiente
ventana:
46
1) Agrega una pregunta de tipo eleccin mltiple para que se vea de la siguiente
manera:
2) Agrega dos preguntas adicionales, una hbrida y otra de seleccin mltiple.
2.6 JCross: Elaborando Crucigramas

Recuerda que un crucigrama es una actividad en la
cual se tienen que ir completando un tablero de
palabras a partir de sus definiciones.
Para elaborar un crucigrama en JCross, debes hacer lo siguiente:

Ingresa a JCross.
47
Una vez dentro del entorno de JCross, ingresa el ttulo para tu actividad.
A continuacin haz clic en

el cono
para poder
ingresar las palabras que
formarn
parte
del
crucigrama. Esto lo hars
en la siguiente ventana.
Hasta el momento la actividad debe

quedar as:
48
A continuacin haz clic en

para poder ingresar las definiciones de cada
palabra que has ingresado en la cuadrcula.
DESCUBRE Y APRENDE
Explora el entorno de JCross para realizar lo siguiente:

1) Guarda y ejecuta la actividad que has creado anteriormente. Escribe los pasos
que realizaste para lograrlo.
________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________
2) Configura las opciones

necesarias para que tu
actividad se vea de la
siguiente manera:
Escribe los pasos que realizaste para lograrlo:

________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________
49
2.7 Insertando tu actividad en la plataforma moodle

Moodle es una plataforma educativa virtual en la cual se pueden crear actividades
de aprendizaje.
En Moodle es posible insertar actividades que fueron creadas con JQuiz, para ello
Ingresa a la plataforma.
Activa el modo de edicin.
Ubcate en el mdulo de aprendizaje en donde deseas

colocar la actividad, haz clic en Agregar actividad y
selecciona la opcin Hot Potatoes Quiz.
Sube tu archivo a la plataforma y agrgalo a la actividad.
50
Selecciona las opciones adicionales que desees configurar para la

presentacin de la actividad sobre la plataforma Moodle.
Haz clic en
para terminar.
Finalmente haz clic en la actividad para ejecutarla.
51
1.
Verdadero o falso:
Con JMatch puedes crear preguntas de tipo seleccin mltiple. ( ) V o F ( )
Es posible insertar en Moodle actividades creadas con JQuiz.
( )VoF( )
En Hot Potatoes es posible insertar imgenes con formato BMP.( ) V o F ( )

En JMatch es posible crear una actividad con 3 filas.
( )VoF( )
Todo hueco de una actividad creada en JCloze debe tener una pista ( ) V o F ( )
2.
Relaciona los siguientes elementos con su funcionalidad.

Elemento
Funcionalidad
Exportar para crear una pgina web para
navegadores.
Insertar vnculo a otro archivo de su disco duro.
Ir a la pantalla de configuracin para determinar
las preferencias de la pgina web generada.
Comenzar un ejercicio nuevo.
Insertar una imagen desde un archivo de su
disco duro.
3.
Marca la alternativa correcta a cada pregunta:

I.
La extensin de un archivo generado en JQuiz es:

a) Jcw
b) Jmt
c) Jqz
d) Jcl
II.
Herramienta que permite crear actividades para completar palabras

ocultas de un texto.
a) JMix
b) JCloze
c) JComplete
52
III.
4.
Con JMix es posible combinar actividades creadas con las otras

herramientas.
a) Verdadero
b) Falso
Elabora las siguientes actividades, utilizando la herramienta correspondiente.
53

WEB 2.0
Parte II
Creacin de actividades con Hot Potatoes

En esta etapa, debes crear una actividad educativa, acerca del tema que has
seleccionado para tu proyecto con cada una de las herramientas que has
Recuerda que para la calificacin de las actividades creadas se tomar en cuenta
la presentacin de las mismas.
54
CAPTULO 3
EXE LEARNING
Con Exe Learning puedes crear
materiales educativos que incluyen
textos, videos, animaciones, imgenes,
etc. que podrn ser visualizados en un
sitio web.
Tu trabajo
Tu trabajo consistir en crear recursos educativos

acerca de las lneas notables en los tringulos.
55
3.1 Introduccin a Exe Learning

Exelearning es un programa que permite crear sitios web con recursos educativos e
interactivos sin necesidad de ser un experto en HTML que es el lenguaje para la
creacin de pginas web.
DESCUBRE Y APRENDE
Las siguientes son caractersticas de Exelearning. Averigua y explica qu significan

cada una de ellas:
Cdigo abierto:
_____________________________________________________________
________________________________________________________________
Multiplataforma:
____________________________________________________________
________________________________________________________________
3.2 Instalacin de Exe Learning

Antes de empezar a trabajar con Exe Learning, vas a aprender a instalarlo en tu
computador, para ello debes hacer lo siguiente:
Ingresa a la siguiente direccin: http://exelearning.org/wiki
Si deseas instalar sobre la plataforma

Windows, ubica y selecciona el siguiente
link.
En caso la instalacin la hagas

sobre otro sistema operativo,
debes
ubicar
el
instalador
correspondiente.
Inicia la ejecucin del instalador de la siguiente manera:
56
Luego sigue los pasos del asistente para continuar con la instalacin.
Averigua
Cmo ingresas a
Exe Learning?
Responde:
_______________________________________________________
3.3 El entorno de trabajo

El entorno de trabajo de Exe Learning est formado por las siguientes reas y
elementos.
57
1. Barra de men
2. Pestaa de propiedades del proyecto
4. IDevices
5. Pestaa de edicin o rea de
trabajo
3. Contorno o rbol de contenidos

3.3.1 La barra de men
Aqu encontrars las diversas opciones y herramientas para la creacin, edicin
y administracin de proyectos con Exe Learning.
DESCUBRE Y APRENDE
1) Explora la barra de men, averigua si fuera necesario y relaciona los siguientes

elementos con el men al cual pertenecen y su funcionalidad:
Elemento
Men
Funcionalidad
Redactor del
IDevice
Archivo
Permite obtener informacin

de algn tema de Exe
Learning.
Silver
Ayuda
Permite
IDevice
Manual de Exe
Herramientas
Permite
apariencia
trabajo.
Guardar
Estilos
Permite grabar un proyecto.

58
crear
un
nuevo
cambiar
del rea
la
de
2) Guarda el proyecto que vas a trabajar en este captulo con el nombre: Lneas
Notables. Escribe los pasos que realizaste para poder lograrlo.
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
3.3.2
Las propiedades del proyecto
Aqu se ingresa la informacin general acerca de tu proyecto, tales como: Ttulo,

Autor, Descripcin.
Hazlo t mismo
Accede a la pestaa de propiedades del proyecto que has creado e ingresa el ttulo,
autor y descripcin.
3.3.3
El rbol de contenidos
En sta rea, se define la estructura de contenidos

que tendr tu proyecto de Exe Learning, tal como
se muestra en la siguiente figura:
El rbol de contenidos
puede tener hasta 3 niveles
de profundidad: pgina,
subpginaysubsubpgina.
59
3.3.4
Los IDevices
Son las herramientas o elementos que se pueden agregar a cada pgina para crear
recursos educativos en Exe Learning.
DESCUBRE Y APRENDE
Explora y/o averigua acerca de los siguientes IDevices de Exe Learning y explica
con tus propias palabras en qu casos se utilizan. Coloca un ejemplo para cada uno
de ellos.
Artculo Wiki:
______________________________________________________________
________________________________________________________________
Pre-conocimiento:
__________________________________________________________
________________________________________________________________
Pregunta de eleccin mltiple:

________________________________________________
________________________________________________________________
Caso de estudio:
____________________________________________________________
________________________________________________________________
3.3.5
La pestaa de edicin o rea de trabajo
Como su nombre lo indica es la zona en donde se insertarn los IDevices que has
seleccionado para cada pgina de tu proyecto. Por ejemplo:
60
3.4 Definiendo los contenidos del proyecto

Antes de empezar a elaborar los recursos educativos, debes disear la estructura
que tendr tu proyecto.
Como se explic anteriormente, esto lo
debes hacer en el rbol de contenidos
utilizando los siguientes botones:
Paraagregarelementosaunnododelrbolde
contenidos,debesseleccionar el nodo padre y
hacerclicenelbotnAgreguePgina.
DESCUBRE Y APRENDE
1) Explora el uso de los botones del rbol de contenidos

para crear la estructura mostrada en la siguiente
imagen:
Escribe los pasos que realizaste para lograrlo.
_______________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
2) Explora y explica para qu sirven los siguientes botones:
______________________________________________________________
______________________________________________________________
______________________________________________________________
______________________________________________________________
61
3.5 Aadiendo contenidos al proyecto

Una vez hayas definido la estructura de tu proyecto, ya puedes construir los
contenidos de cada pgina; esto se logra a travs del uso de los IDevices.
Los IDevices son los elementos que se pueden incluir
en un material didctico, como por ejemplo:
contenidos de texto, actividades, imgenes, etc.
A continuacin aprenders a manejar los IDevices de uso ms frecuente.
3.5.1 Texto Libre
Esta herramienta permite introducir contenidos de la misma forma que un editor de
texto.
As por ejemplo:
Para agregar un IDevice a una pgina de tu

proyecto, primero debes seleccionar la pgina
en el rbol de contenidos y luego seleccionar el
IDevice que deseas agregar.
Al insertar un IDevice, se mostrar una barra de herramientas la cual te permitir
editar su contenido.
62
DESCUBRE Y APRENDE
1) Explora la barra de herramientas y relaciona cada elemento con su

funcionalidad:
Elemento
Funcionalidad
Insertar imagen
Insertar video
Color de texto
Sangra
Insertar tabla
2) En la parte inferior de la ventana de edicin de cada IDevice, encontrars los

siguientes botones. Explralos y explica para qu sirve cada uno de ellos.
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
Insertando imgenes, videos e hipervnculos
Como habrs observado, el editor de texto de Exe Learning permite tambin insertar
imgenes, videos e hipervnculos a archivos o a otra pgina web.
Para insertar
una imagen
63
Para insertar
un video
Para insertar
un
hipervnculo
64
1) En la pgina Tringulos del proyecto que ests trabajando en este captulo,
inserta un IDevice de tipo Texto Libre para que se vea de la siguiente manera:
2) En el resto de pginas del nodo Lneas notables, coloca una imagen y el

concepto de cada lnea notable. As por ejemplo:
3.5.2
Pregunta de eleccin mltiple
Con esta herramienta se puede plantear una pregunta y proponer alternativas como
respuesta, en donde una de dichas alternativa es la correcta.
Hazlo tu mismo
Agrega una pregunta de eleccin mltiple a la pgina La Mediana. La
configuracin de la pregunta debe ser la siguiente:
65
La pregunta debe quedar as:
3.5.3
Actividad de espacios en blanco
A travs de esta herramienta puedes proponer una frase o texto incompleto para
que el alumno pueda completarlo.
Para crear este tipo de actividad debes de realizar la siguiente configuracin:
Hazlo t mismo
Ubcate en la pgina La bisectriz, inserta una actividad de espacios en blanco y

coloca la configuracin mostrada en la imagen anterior para que la actividad quede
de la siguiente manera:
66
3.5.4
Preguntas de verdadero y falso
Con esta herramienta es posible crear cuestionarios con respuestas Verdadero o

Falso.
As por ejemplo:
DESCUBRE Y APRENDE
Explora el IDevice Pregunta verdadero-falso e insrtalo en la pgina La mediatriz

para que se vea como la imagen mostrada anteriormente. Escribe los pasos que
realizaste para lograrlo:
________________________________________________________________________
________________________________________________________________________
________________________________________________________________________
1) En la pgina La altura del proyecto que ests trabajando en este captulo,
inserta las siguientes actividades:
a) Completar el siguiente enunciado: El ___________ es el punto de
interseccin de las alturas de un _____________.
b) Colocar el valor de verdad de la siguiente proposicin:
Las 3 alturas de un tringulo siempre estn dentro del mismo tringulo
2) En la pgina Lneas Notables haz lo siguiente:
a) Utilizando un IDevice Texto Libre coloca el concepto de lneas notables.
b) Inserta un video referente al tema, para ello utilizar un enlace de Internet.
3.5.5
Objetivos
Este IDevice te muestra un formato para que puedas definir los objetivos del tema
que ests tratando en tu proyecto.
67
DESCUBRE Y APRENDE
Explora el IDevice Objetivos e inserta uno en la pgina Lneas Notables con el

siguiente contenido.
Escribe los pasos que realizaste para lograrlo:

_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
3.5.6
Artculo Wiki
Con esta herramienta puedes proponer la lectura de un artculo ubicado en la

pgina
web
de
Wikipedia.
Para ello debes hacer lo
siguiente:
Hazlo tu mismo
En la pgina La altura del proyecto que ests elaborando, coloca un artculo Wiki
siguiendo los pasos mostrados en la imagen anterior.
68
Averigua
Es posible insertar contenidos de

otros sitios web?, si es as, como lo
haras?
Responde:
_______________________________________________________
3.6 Insertando objetos de otras aplicaciones

Exe Learning te permite insertar a tu proyecto el contenido de otras aplicaciones
web tales como:
Scribd
Slide Share
Youtube
Aplicaciones de Google (calendar, docs,

search)
Para poder hacer esto debes hacer lo siguiente:

Inserta un IDevice de Texto Libre
En el editor HTML, selecciona el cono
Ingresa a la aplicacin desde donde deseas copiar el contenido para extraer
su cdigo HTML.
Pega el cdigo en el editor HTML, como se muestra en la siguiente imagen.
69
El contenido que has insertado en Exe Learning debe quedar as:
70
3.7 Exportar un proyecto en Exe Learning

Una vez que hayas terminado de elaborar tu proyecto en Exe Learning, puedes
exportarlo para su publicacin en Internet.
Esto generar un
archivo
comprimido,
el
cual
podrs
alojar
en
un
servidor web.
Para ello debes hacer lo siguiente:
DESCUBRE Y APRENDE
Como habrs observado, Exe Learning dispone de varias opciones de exportacin.

Explora y/o averigua acerca de ellas y escribe en que casos se utilizan.
SCORM 1.2:
________________________________________________________________
________________________________________________________________
Pgina sola:
______________________________________________________________
________________________________________________________________
1) Agrega una pgina a tu proyecto llamada Ms informacin e inserta all un enlace
a un documento de Slide Share referente al tema del proyecto.
2) Exporta tu proyecto y con ayuda de tu profesor publcalo en una pgina web.Escribe
los pasos que realizaron para lograrlo.
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
71
1. Coloca Verdadero(V) o Falso(F) segn corresponda:
Las imgenes que se insertan a un IDevice siempre deben estar guardadas en
el computador.
( )
A un proyecto de IDevice es posible insertar el contenido de un sitio web.
( )
Un proyecto de Exe Learning puede tener hasta 2 niveles de contenido.
( )
Un IDevice Objetivos permite colocar una pregunta de objetivo en tu proyecto.
( )
A un proyecto de Exe Learning se puede agregar un Java Applet.
( )
2. Marca la alternativa correcta a cada pregunta:
3.
IV.
La extensin de un proyecto generado en Exe Learning es:

e) Exe
f) Elg
g) Elp
h) Jav
V.
Es un tipo de actividad que no se puede elaborar con Exe Learning.

d) Actividad de lectura
e) Pregunta Verdadero-Falso
f) Rompecabezas
g) Pregunta eleccin mltiple
VI.
A una pgina de un proyecto de Exe Learning se puede agregar un link a

cualquier pgina web.
c) Verdadero
d) Falso
Responde las siguientes preguntas:

a. Cules son los formatos de video que se pueden agregar a travs del editor
HTML de Exe Learning?
_____________________________________________________________
_____________________________________________________________
72
b. Qu es el editor HTML y para qu sirve?

_____________________________________________________________
_____________________________________________________________
c. Escribe un ejemplo de un caso en que utilizaras los siguientes IDevices:
o Pre-conocimiento:
_________________________________________________
___________________________________________________________
o Caso de Estudio:
___________________________________________________
___________________________________________________________
o Pregunta de Seleccin Mltiple:
_______________________________________
___________________________________________________________
4.
Relaciona los siguientes elementos del editor HTML con su funcionalidad.

Elemento
Funcionalidad
Combinar celdas
Insertar columna antes
Insertar smbolo
Agregar hipervnculo
Insertar vietas
5. Elabora un proyecto en Exe Learning acerca de la Primera Guerra Mundial con

las siguientes caractersticas:
o El proyecto debe contener por lo menos 10 pginas agrupadas en 3
niveles.
o Debes plantear una pgina inicial con una introduccin y objetivos.
o Debes utilizar imgenes y videos.
o Debes plantear actividades de diferente tipo en diversas partes del
proyecto.
o Exporta tu proyecto y, con ayuda de tu profesor, publcalo en una pgina
web.
73

WEB 2.0
Parte III
Creacin de contenidos y actividades con Exe Learning

En esta etapa, debes crear los contenidos tericos del tema que has seleccionado
para tu proyecto con cada una de las herramientas que has aprendido en este
captulo.
Crea tambin algunas actividades que permitan evaluar los contenidos tericos.
Recuerda que, para la calificacin de las pginas creadas, se tomar en cuenta la
presentacin de las mismas.
74
CAPTULO 4
CUADERNIA
Sabas que Cuadernia te permite crear
contenidos educativos con textos, imgenes
y animaciones, los cuales podrs visualizar
como si fuera un cuaderno digital?
Tu trabajo
Tu trabajo consistir en crear un cuaderno digital acerca

del Imperio Inca.
75
4.1 Qu es Cuadernia?
Cuadernia es una herramienta gratuita que permite crear cuadernos digitales
interactivos de forma rpida y sencilla, los cuales pueden ser impresos, guardados
en archivos digitales o visualizados en la red a travs de un navegador web.
Averigua
Qu
es
un
cuadernodigital?
Responde:
______________________________________________________
Dentro de un proyecto de Cuadernia se pueden

incluir los siguientes recursos:
4.2 Uso y caractersticas de Cuadernia

DESCUBRE Y APRENDE
1) Discute con tus compaeros y escribe dos casos en los que utilizaras Cuadernia
en tu colegio.
________________________________________________________________
________________________________________________________________
2) Relaciona las siguientes caractersticas de Cuadernia con su correspondiente
significado.
Caracterstica
Significado
Intuitivo
Es independiente del sistema operativo.
Portable
La creacin de los contenidos no requiere de

conocimientos avanzados de informtica.
Multiplataforma
Los trabajos se pueden guardar en un dispositivo

de almacenamiento y visualizarlos en otro
computador.
76
4.3 Instalacin de Cuadernia

Para trabajar con Cuadernia, debes tener en cuenta las 3 formas disponibles para el
uso de esta herramienta:
Hazlo t mismo
Explica con tus propias palabras a qu se refiere cada una de las formas disponibles
para trabajar con Cuadernia:
Cuadernia en lnea:
______________________________________________________________
______________________________________________________________
Cuadernia instalable:
______________________________________________________________
______________________________________________________________
Cuadernia USB:
______________________________________________________________
______________________________________________________________
A continuacin aprenders los pasos para instalar Cuadernia en tu computador,

para ello debes hacer lo siguiente:
Ingresa a la direccin: http://www.educa.jccm.es/educa-jccm/cm/recursos
y sigue la secuencia de pantallas hasta ubicar el instalador de Cuadernia.
77
Se te preguntar si deseas ejecutar el instalador.
Una vez iniciado el asistente,

sigue la secuencia de pantallas
hasta completar la instalacin.
78
4.4 Accediendo a Cuadernia

Para ingresar a Cuadernia debes hacer lo siguiente:
Haz clic en el botn
Inicio
En la lista de programas, ubica y selecciona el

programa Cuadernia.
Tambin es posible acceder a
Cuadernia haciendo doble clic en el
cono
,ubicadoenelescritorio.
A continuacin se mostrar la siguiente pantalla en donde debers

seleccionar la opcin Accede a Cuadernia
79
Cuadernia utiliza el puerto 8080 del sistema operativo, por lo cual si dicho
puerto est siendo utilizado por otro programa, obtendrs un error de conexin.
Para solucionar esto, debes ingresar a la carpeta [tu usuario de
windows]\Cuadernia\fscommand y hacer lo siguiente:
En el archivo servidor.ini, cambiar el nmero de puerto.

Haz doble clic en el archivo ejecutable servidor.
En la barra de tareas haz clic en el cono

Iniciar
y hacer clic en la opcin
Finalmente, al iniciarse el navegador, selecciona la opcin Utiliza Cuadernia
Y se mostrar el Maquetador de Cuadernia.
80
DESCUBRE Y APRENDE
1) Cmo verificas si la versin de Cuadernia que tienes instalada en tu

computador es la ltima disponible?
________________________________________________________________
________________________________________________________________
2) En caso no tuvieras instalada la ltima versin de Cuadernia, cmo la instalas?
________________________________________________________________
________________________________________________________________
4.5 Conociendo el entorno de trabajo de Cuadernia

Al entorno de trabajo de Cuadernia se le conoce como
Maquetador. Esta es una interfaz grfica basada en
ventanas, las cuales poseen un conjunto de herramientas que
te permitirn desarrollar tu trabajo.
Observa y reconoce las partes del Maquetador de Cuadernia.
DESCUBRE Y APRENDE
Explora el maquetador de Cuadernia y escribe para qu se usan los siguientes

elementos:
______________________________________________________________
_____________________________________________________________
______________________________________________________________
____________________________________________________________________
81
4.6 Desarrollando un proyecto en Cuadernia

DESCUBRE Y APRENDE
Ordena los pasos que se deben seguir para desarrollar un proyecto en Cuadernia.
Pide ayuda a tu profesor si fuera necesario.
1
2
3
4
5
Insertar pginas
Insertar actividades
Crear o abrir cuaderno
Guardar cuaderno
Configurar el entorno
trabajo
Exportar cuaderno
Insertar objetos
6
7
4.6.1
de
Configurando el entorno de trabajo
Antes de crear tu proyecto en Cuadernia, debes configurar el entorno de trabajo

haciendo clic en el botn
, con lo cual aparecer la siguiente ventana:
DESCUBRE Y APRENDE
Explora las opciones de configuracin de

Cuadernia y aplica las necesarias para
que tu entorno de trabajo se vea de la
siguiente manera:
Escribe cul o cules de las opciones de configuracin has utilizado:

_________________________________________________________________________
82
4.6.2
Creando un cuaderno
Si deseas crear un nuevo cuaderno debes seguir los siguientes pasos:

En la ventana Archivo, ubica y selecciona
la siguiente opcin.
Como observas, la
ventana
Archivo
tambin te permite
Abrir,Borrar,Cerrary
Guardartucuaderno.
En
la
siguiente
ventana,
completa
la
informacin
solicitada para crear el nuevo
cuaderno.
Hazlo tu mismo
Siguiendo los pasos mencionados anteriormente y utilizando las opciones de la
Ventana Archivo, iniciars tu trabajo de este captulo con las siguientes acciones:
1. Crea una carpeta con tu nombre.
2. Dentro de esta carpeta crea un cuaderno al que llamars El Imperio Inca.
3. Guarda el cuaderno.
4. Cierra el cuaderno y brelo nuevamente.
4.6.3 Insertando pginas

Una vez creado tu cuaderno, el maquetador te
mostrar la ventana de Gestin de pginas,
con una primera pgina en blanco. Esta ventana
presenta algunas opciones que te permiten
manejar las pginas de tu cuaderno.
83
DESCUBRE Y APRENDE
Explora las opciones de la ventana de gestin de pginas, verifica para qu sirve

cada una de ellas y aade 4 pginas a tu cuaderno.
Como habrs observado, el maquetador tambin ha habilitado la ventana Edicin,

con ella podrs colocar en tu pgina una imagen de fondo, habilitar la cuadrcula,
reglas, guas y establecer la alineacin de los objetos que insertars en ella.
Por ejemplo para insertar una imagen de fondo debes hacer lo siguiente:
84
Hazlo tu mismo
Inserta una imagen de fondo a la primera pgina de tu cuaderno y aplcala para el

resto de pginas. Habilita la cuadrcula y las reglas.
4.6.4 Insertando objetos

Cuadernia dispone de una serie de objetos que puedes insertar
a las pginas de tu cuaderno. Estos objetos los puedes
encontrar en la ventana Objetos.
Para insertar un objeto, debes seleccionarlo haciendo clic en l desde la
ventana Objetos, luego de lo cual se colocar en la pantalla y podrs
manipularlo de la
siguiente
manera:
a. Insertando texto
Para insertar un texto debes seleccionar el objeto
luego debes configurarlo haciendo clic en el botn
lo que se mostrar la siguiente ventana.
,
con
DESCUBRE Y APRENDE
Inserta un objeto de texto en la primera pgina de

tu cuaderno, luego explora las opciones de la
ventana Formato de un objeto de texto, para
que el texto insertado se vea de la siguiente
manera:
85
Escribe las opciones que utilizaste para poder lograrlo.

___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
b. Insertando imgenes
Para insertar una imagen debes hacer seleccionar el objeto
configurarlo haciendo clic en el botn
ventana:
, luego debes
con lo que se mostrar la siguiente
Hazlo tu mismo
Descarga de la plataforma el archivo inca.jpg e insrtalo en la primera pgina
de tu cuaderno para que se vea de la siguiente manera.
86
Como habrs observado, si deseas

insertar una imagen en tu cuaderno, sta
debe estar ubicada en la galera de
imgenes de Cuadernia en caso contrario
primero debes agregarla.
Para insertar una imagen a la galera de imgenes de Cuadernia, debes hacer lo

siguiente:
87
Averigua
Qu otras galeras de
objetos
Cuadernia?
posee
Responde:
______________________________________________________
______________________________________________________
1) Descarga de la plataforma los siguientes archivos y agrgalos a la galera
dentro de una carpeta llamada mis imgenes.
o Mapa.jpg
o Piramide.jpg
o Economia.jpg
2) Agrega las siguientes pginas al cuaderno El Imperio Inca
Pgina 2
88
Pgina 3
Pgina 4
3) Agrega pginas a tu cuaderno con contenidos acerca de la religin,
agricultura, arquitectura y msica del Imperio Inca.

4.6.5 Insertando actividades
Para que puedas evaluar los conocimientos aprendidos, Cuadernia te permite aadir
diferentes tipos de actividades a un cuaderno.
A diferencia de los otros
objetos, una actividad

ocupa toda la pgina
donde se haya insertado.
89
DESCUBRE Y APRENDE
Haz clic en el objeto

, luego haz clic en el botn
, explora la galera de
actividades y escribe 10 tipos de actividades que posee Cuadernia.
1. ________________________________ 6. ________________________________
2. ________________________________ 7. ________________________________
3. ________________________________ 8. ________________________________
4. ________________________________ 9. ________________________________
5. ________________________________ 10. ________________________________
a. Actividad Puzzle
Un puzzle es un conjunto de piezas de una imagen en forma desordenada, por
tanto la actividad consiste en ordenar estas piezas para obtener la imagen
original.
Para crear un puzzle debes hacer lo siguiente:
Ingresa un ttulo para tu

actividad, las instrucciones para su
ejecucin, el tiempo disponible el
nmero de intentos permitidos para
poder realizarla.
90
Ubica y selecciona la imagen

que deseas utilizar para el
puzzle,
as
como
las
dimensiones que tendr.
Ingresa los mensajes de acierto

y fallo. Si deseas, tambin
puedes agregar sonidos para
cada caso.
Para visualizar la actividad que has creado debes ir a la

ventana de administracin y seleccionar la opcin Previo.
91
Hazlo tu mismo
Siguiendo los pasos mencionados anteriormente, crea el siguiente puzzle en la
pgina 5 de tu cuaderno. La imagen a utilizar (agricultura.jpg), la debes
descargar de la plataforma.
b. Actividad Emparejar
Esta actividad consiste en unir a travs de flechas, las imgenes de una
columna con su texto correspondiente en otra columna.
De igual forma que en la actividad anterior, primero se debe seleccionar la
actividad de la Galera de
actividades y luego configurarla
de la siguiente manera:
Ingresa un ttulo para
tu
actividad,
las
instrucciones para su
ejecucin,
el
tiempo
disponible el nmero de
intentos permitidos para
poder realizarla.
92
Selecciona
la
cantidad de parejas
y
coloca
las
imgenes
y
los
textos
correspondientes.
Ingresa los mensajes de acierto y fallo. Si

deseas tambin puedes agregar sonidos
para cada caso.
Hazlo tu mismo
Sigue
los
pasos
mencionados
anteriormente
para
crear
la
actividad
mostrada
en
la
siguiente imagen. Los
archivos los debes
descargar
de
la
plataforma.
93
c. Actividad Buscar Parejas

En esta actividad, el participante debe ir destapando las fichas con imgenes
ocultas a fin de encontrar la pareja que le corresponde a cada ficha que vaya
destapando.
Para configurar esta actividad
debes seguir los siguientes
pasos:
actividad, las instrucciones
para su ejecucin, el tiempo
disponible el nmero de
intentos permitidos para
poder realizarla.
Selecciona la cantidad de
parejas y coloca las imgenes
necesarias para la actividad.
94
Ingresa los mensajes de acierto y fallo. Si deseas tambin puedes

agregar sonidos para cada caso.
d. Actividad Unir Puntos

Esta actividad, consiste en unir
puntos para formar una figura
en base a una imagen de
fondo.
Para configurar la actividad
actividad,
las
instrucciones
para
su
ejecucin, el tiempo disponible
el
nmero
de
intentos
permitidos
para
poder
realizarla.
95
Agrega la imagen para la actividad y los puntos solicitados. Sigue el orden

que se muestran en la imagen.
Ingresa los mensajes de acierto y fallo. Si deseas tambin puedes agregar

sonidos para cada caso.
96
1) Descarga los siguientes archivos de la plataforma y elabora la actividad mostrada
en la imagen:
Atahualpa.jpg
Huiracocha.png
Manco Capac.png
Pachacutec.png
2) Descarga de la plataforma el archivo tumi.jpg y elabora la actividad mostrada:
97
4.7 Exportando un cuaderno

Una vez que hayas terminado de elaborar tu cuaderno, puedes exportarlo para
poder visualizarlo en alguno de los siguientes destinos:
En tu computador
En una pgina web
En una plataforma educativa
Por ejemplo, para exportarlo y posteriormente visualizarlo en una pgina web, debes
hacer lo siguiente:
Finalmente se generarn los siguientes archivos,

los cuales debes colocar en un servidor web.
98
1. Coloca Verdadero(V) o Falso(F) segn corresponda:
2.
3.
Es posible insertar videos a un cuaderno de Cuadernia.
( )
En Cuadernia es posible insertar imgenes bajadas de internet.
( )
Cuadernia solo puede ser instalado en plataforma Windows.
( )
Un cuaderno exportado desde Cuadernia se puede visualizar en moodle.
( )
Cuadernia se ejecuta utilizando el puerto 8008 del sistema operativo.
( )
Marca la alternativa correcta a cada pregunta:

I.
No es una galera de Cuadernia:

a) Galera de Imgenes
b) Galera de Fondo
c) Galera de Fotos
d) Galera de Audios
II.
Es un tipo de actividad que no se puede elaborar con Cuadernia.

a) Tangram
b) Pregunta Verdadero-Falso
c) Rompecabezas
d) Crucigrama
III.
Es una caracterstica de Cuadernia

a) Se necesitan conocimientos de HTML para poder usar la herramienta.
b) Es un software licenciado.
c) Puedes instalarlo en una memoria USB.
d) Solo funciona en sistema operativo Linux.
Responde las siguientes preguntas:

a. Cules son los pasos que debes seguir para visualizar tu cuaderno desde
la primera pgina?
_____________________________________________________________
_____________________________________________________________
99
b. Qu es un cuaderno digital y para qu sirve?

_____________________________________________________________
_____________________________________________________________
c. Escribe los pasos que necesitas realizar para subir un video a una pgina de
Cuadernia:
_____________________________________________________________
_____________________________________________________________
_____________________________________________________________
_____________________________________________________________
4.
Relaciona los siguientes elementos del entorno de Cuadernia con su respectiva

funcionalidad.
Elemento
Funcionalidad
Aadir fichero(s)
Aadir puntos
Cerrar ventanas
Alinear borde superior
Mover y escalar imagen
5.
Elabora un proyecto en Cuadernia acerca de La clula con las siguientes

caractersticas:
o El proyecto debe contener por lo menos 10 pginas.
o Debes plantear una pgina inicial con una introduccin y objetivos.
o Debes utilizar imgenes y videos.
o Debes plantear actividades de diferente tipo en diversas partes del
proyecto.
o Exporta tu proyecto y con ayuda de tu profesor publcalo en una pgina
web.
100

WEB 2.0
Parte IV
Creacin de contenidos y actividades con Cuadernia

En esta etapa, debes crear los contenidos tericos del tema que has
seleccionado para tu proyecto con cada una de las herramientas que has
Crea tambin algunas actividades que permitan evaluar los contenidos
tericos.
Recuerda que, para la calificacin de las pginas creadas, se tomar en
cuenta la presentacin de las mismas.
101

Aplicaciones Web I

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Aplicaciones Web I

Загружено:

Авторское право:

Доступные форматы

AplicacionesWeb2.

Alexander Labajos Trigoso

Desarrollo del libro

Pontificia Universidad Catlica del Per - InfoPUC, 2013.

Creacin de sopa de letras.............................................................................17

Creacin de actividades de texto..................................................................23

Creacin de un juego de memoria.................................................................26

1.10 Generando secuencias de actividades en JClic.........................................28

CAPTULO 2:HOT POTATOES......................................................................................35

Introduccin a Hot Potatoes...........................................................................36

Descripcin de las herramientas de Hot Potatotes....................................36

JCloze: Creando actividades para rellenar huecos....................................37

JMatch: Creando actividades para relacionar conceptos.........................40

JQuiz: Elaborando Test o Cuestionarios......................................................45

JCross: Elaborando Crucigramas.................................................................47

Insertando tu actividad en la plataforma moodle........................................50

CAPTULO 3:EXE LEARNING.......................................................................................55

Introduccin a Exe Learning..........................................................................56

Instalacin de Exe Learning...........................................................................56

Las propiedades del proyecto........................................................................59

La pestaa de edicin o rea de trabajo.......................................................60

Definiendo los contenidos del proyecto.......................................................61

Aadiendo contenidos al proyecto...............................................................62

Pregunta de eleccin mltiple........................................................................65

Actividad de espacios en blanco....................................................................66

Preguntas de verdadero y falso.....................................................................67

Insertando objetos de otras aplicaciones....................................................69

Exportar un proyecto en Exe Learning.........................................................71

Uso y caractersticas de Cuadernia..............................................................76

Conociendo el entorno de trabajo de Cuadernia........................................81

Desarrollando un proyecto en Cuadernia....................................................82

Configurando el entorno de trabajo...............................................................82

Tu trabajo consistir en crear actividades educativas

1.1 Introduccin a JClic

Cules son los programas o

JClic ha sido desarrollado en el lenguaje de programacin Java y funciona con los

Una vez desarrolladas las actividades en JClic, puedes

Java Runtime Enviroment (JRE)

Java Web Start

Java Media Frameworks (JME)

Haz clic en la opcin Ejecutar para iniciar la instalacin.

Selecciona el idioma y haz clic en

1) Una vez concluida la instalacin, qu observas en el escritorio de tu

Ingresa el nombre de proyecto y su

Finalmente, ingresa al men Archivo y selecciona la opcin Guardar.

En las secciones Creacin y Descriptores de un proyecto, aparecen los siguientes

Un puzzle o rompecabezas es un juego en el que se tiene que armar una figura o un

En esta oportunidad aprenders a crear un puzzle

Para crear un puzzle de intercambio en JClic debes hacer lo siguiente:

para crear una actividad.

En la siguiente lista, selecciona Puzzle de intercambio e ingresa un nombre

Ingresa a la pestaa Mediateca y haz clic en el cono

JClic necesita que el

Luego, en la ventana de juego, selecciona la opcin Transparente.

Ingresa a la pestaa Panel y realiza la siguiente configuracin.

Finalmente, ingresa al men Archivo y selecciona la opcin Guardar.

Explora el entorno de JClic Author y crea un puzzle doble con la siguiente

Un crucigrama es una actividad en la cual se tienen que ir completando un tablero

Escribe un mensaje inicial para la actividad.

En la pestaa Panel, coloca la cantidad de filas y columnas que tendr el

Explora las opciones de configuracin de la actividad para que se vea de la

Escribe la configuracin que realizaste para lograrlo:

Creacin de sopa de letras

Una sopa de letras es un juego que consiste en encontrar un conjunto de palabras