Manual creador de Webquest

De EduWiki
Saltar a: navegación, buscar

1. Instalación

1.1 Requerimientos:

Servidor Web Apache en cualquier versión (recomendado Apache 2+)
PHP5+
Un motor de base de datos (mysql, postgres, oracle). Recomendado mysql
Configuración de Apache

La aplicación utiliza un módulo llamado mod_rewrite para la utilización de URLS más entendibles y fáciles de recordar. El módulo debe ser configurado e instalado en Apache. Para esto, debe chequear que el módulo esté habilitado en el archivo de configuración de Apache. En los Hosting contratados este módulo suele estar habilitado.

1.2 DISTINTAS FORMAS DE INSTALAR UN SERVIDOR PARA LA APLICACIÓN

1.2.1 Instalando XAMPP en Windows

El procedimiento para instalar XAMPP en Windows es el siguiente:

Descargar XAMPP de Apache Friends (http://www.apachefriends.org/en/xampp-windows.html http://www.apachefriends.org/en/xampp-windows.html)
Instalar XAMPP
Habilitar Instalar Apache y MySQL como Servicio
Editar el archivo c:\Archivos de Programa\xampp\apache\conf\httpd.conf
Descomentar (quitar el #) de la línea donde dice:
LoadModule rewrite_module modules/mod_rewrite.so
Reiniciar el servicio de Apache desde el Panel de Control de XAMPP
Copiar la carpeta 'majwq' de la aplicación a:
c:\Archivos de Programa\xampp\apache\htdocs\
Continuar con la instalación vía web

1.2.2 Instalando XAMPP en GNU/Linux

El procedimiento para instalar XAMPP en cualquier distribución GNU/Linux es el siguiente:

Descargar XAMPP de Apache Friends (http://www.apachefriends.org/en/xampp-linux.html)
Instalar XAMPP
Copiar la carpeta 'majwq' de la aplicación a /opt/lampp/htdocs/
Continuar la instalación vía web

1.2.3 Instalando en Debian/Ubuntu Linux

Instala Apache2+MySQL5+PHP5 si no lo tienes instalado usando la guía en este blog (http://alexserver.wordpress.com/2007/01/21/instalar-php-mysql-y-apache-en-ubuntu/) o en Ubuntu-es (http://www.ubuntu-es.org/index.php?q=node/6304).
Usar el siguiente comando para habilitar mod_rewrite en Apache:
# a2enmod rewrite
Editar el archivo /etc/apache2/sites-enabled/000-default
Buscar la línea para el directorio /var/www donde dice: AllowOverride None
y cambiar por AllowOverride All
Reiniciar Apache con:
# /etc/init.d/apache2 restart

1.3 Instrucciones previas a la instalación vía web

Base de datos:

Se debe crear una base de datos y un usuario para que la administre, recordando ambos nombres que serán pedidos en la instalación vía web.

Directorio:

Se descomprime el paquete y se mueve la carpeta majwq al directorio raíz del servidor web.

Windows: C:\Apache2\htdocs\ o c:\wamp\www
Linux: /srv/www/htdocs, /var/www/html o /var/www
Permisos:

El archivo forms/config/config.ini debe tener permisos de escritura (777) para que el instalador pueda escribir ahí los datos de configuración. Tras la instalación correcta se deben de quitar los permisos de escritura y dejarlo en sólo lectura (644).
El directorio public/files/files_user debe tener permisos de escritura (777) ya que es donde se crearán las carpetas de los usuarios.
El directorio public/temp debe tener permisos de escritura (777) ya que es donde se guardarán los archivos y carpetas temporales.

1.4 Instalación

Una vez que tenernos la carpeta majwq en el servidor y los permisos adecuados según se indican en la sección anterior, podemos iniciar el instalador web en la dirección: http://www.tudominio.org/majwq/instalar, cambiando www.tudominio.org por el del dominio donde se quiere instalar y seguir los pasos que se indican. Debemos de tener a mano el nombre de la base de datos y el usuario/contraseña con privilegios sobre la misma.

La primera pantalla que aparece es la de la licencia, que tras leerla hacemos clic en el botón Aceptar.

Webquest1.png

Después hay que rellenar un formulario con los datos de la base de datos y el usuario previamente creados. Aparece también un enlace con las instrucciones previas a la instalación recordándonos la necesidad de cambiar los permisos de algunos archivos. Tras completar todos los campos del formulario pulsamos el botón Siguiente.

Webquest2.png

Si los datos y los permisos eran correctos nos aparecerá una pantalla indicándonos de que se ha podido escribir el archivo de configuración y podemos hacer clic en Siguiente. En caso contrario nos indicará el motivo del error.

Webquest3.png

Ahora debemos introducir los datos del usuario que será el administrador de la aplicación y hacer clic en Siguiente.

Webquest4.png

Si todo va bien, se mostrará una pantalla indicando que las tablas fueron creadas con éxito y que ya hemos terminado la instalación. Además nos recuerda el nombre de usuario y contraseña del administrador con el que podemos autentificarnos en la misma. Haciendo clic en el enlace de abajo iremos directamente a la página principal y podremos empezar a usarla. En el caso de ocurriese algún error se indicaría la causa.

Webquest5.png

La pantalla inicial de Webquest Creator que aparece tras pulsar el enlace es:

Webquest6.png

1.5 Post-Instalación

Archivo mimetex.cgi

En el paquete de la aplicación hay otra carpeta llamada mimetex_pre que a su vez tiene otras dos llamada windows y linux. Ambas subcarpetas tienen un archivo llamado igual, mimetex.cgi. Dependiendo de si se trata de un servidor windows o linux, copiamos el archivo correspondiente en el directorio cgi-bin del servidor para poder utilizar el editor LaTex y añadir expresiones matemáticas. Para que las imágenes de expresiones matemáticas utilizadas en una webquest sean añadidas al archivo comprimido que se crea cuando se descarga una webquest es necesario indicar la ruta absoluta al cgi-bin del servidor en el archivo form/config/variales.ini.

Una vez copiado este archivo podemos borrar por completo la carpeta mimetex_pre.

2. Manual de usuario

2.1 Menú principal

La página principal de Webquest Creator presenta un menú horizontal en la parte superior.

Inicio: Nos lleva siempre a la página inicial.

Entrar: Muestra el formulario para introducir el login y la contraseña. Si ya somos un usuario registrado, tendremos que entrar y autentificarnos para poder crear una webquest.

Webquest7.png

Registro: Muestra el formulario para darnos de alta en la aplicación y así poder empezar a crear. Los datos necesarios se pueden ver en la imagen siguiente y son: Login, Nombre, Apellidos, e-mail, Password o contraseña y Verificación.

La contraseña hay que escribirla dos veces para evitar que haya errores al teclearla y que luego no podamos entrar. En el caso de la verificación, hay que escribir en el campo correspondiente los símbolos que se muestran en la imagen. Esto se hace para evitar el spam y alta masiva de usuarios para fines no deseados. En el caso de que las letras y números no se aprecien bien en la imagen volver a hacer clic otro vez en Registro y esta cambiará.

Tras el registro, si todo es correcto ya estaremos dentro de la aplicación sin necesidad de pasar por el menú Entrar. La siguiente vez que queramos editar o crear una webquest ya si tendremos que ir al menú Entrar.

Webquest8.png

Webquest: Aquí es donde se muestran todas las webquests, miniquests y cazas del tesoro publicadas y alojadas en el servidor. Por defecto se muestran todas las webquests ordenadas por fecha descendente de creación. Para ver el listado de las miniquests o las cazas basta con hacer clic en el enlace correspondiente.

Webquest9.png

En todos los casos podemos filtrar el listado por autor y/o materia y/o nivel seleccionándolo en el desplegable correspondiente.

Webquest10.png

Acerca de: Este menú muestra un resumen de lo que es Webquest Creator y sus características principales.

Webquest11.png

2.2 Atajos de teclado (accesibilidad)

Están habilitados atajos de teclado que agilizan la navegación de la página web. Para poder utilizarlos, aplicamos la combinación de teclas:

Firefox (versión 2.0 y superiores): Alt + mayúsculas + tecla de atajo
Netscape, Mozilla Firebird, Firefox (versiones anteriores a la 2.0), Internet Explorer (versiones anteriores a la 4.0): Alt + tecla de atajo
Internet Explorer (versiones posteriores a la 4.0): Alt + tecla de atajo + Intro
Opera: mayúsculas + Esc
Para usuarios MacOS: Ctrl + tecla de atajo.

i: Salta al Inicio.
e: Salta a la página de Entrar para identificarse.
r: Salta al Registro.
w: Salta al listado de Webquests.
d: Salta esta página Acerca de.
m: Salta a la página Mis Webquests.

s: Desloguearse.

En el caso de una webquest generada:

i: Introducción
t: Tarea
p: Producto
r: Recursos
e: Evaluación
c: Conclusión
g: Guía didáctica

En el caso de una miniquest generada:

e: Escenario
t: Tarea
p: Producto
v: Evaluación
g: Guía didáctica

En el caso de una caza del tesoro generada:

i: Introducción
p: Preguntas
r: Recursos
l: La Gran Pregunta
e: Evaluación
g: Guía didáctica

2.3 Menú del Usuario registrado

Cuando nos autentificamos y entramos en la aplicación nos aparece una pantalla de bienvenida informándonos del perfil que tenemos y lo que podemos hacer. Hay dos tipos de usuarios: PROFESOR y ADMINISTRADOR.

El perfil de profesor es el que se crea por defecto cuando alguien se registra y el de administrador es el usuario indicado en la instalación. El administrador puede pasar a cualquier usuario de profesor a administrador.

Webquest12.png

Cuando el usuario que entra es de tipo 2 o profesor, en el menú, 'Entrar' cambia por 'Salir' cuya utilidad es evidente. Aparece una nueva opción llamada 'Mis Webquest' que es desde el que podremos crear, borrar y editar todas nuestras webquests, miniquest y cazas. La siguiente subsección está dedicada a ello.

Justo encima del menú principal aparece la información de nuestro login, nombre y apellidos y un enlace (Editar cuenta) donde podremos cambiar nuestros datos.

Webquest13.png

Si el usuario que entra es de tipo 3 o administrador, además aparece otra opción llamada 'Administrar' desde la cual se puede configurar y administrar toda la aplicación. Se explicará más adelante.

2.3.1 Mis Webquests

Es aquí donde podemos empezar a crear una webquest - miniquest - caza del tesoro. El procedimiento es el mismo salvo por el número de partes que es diferente en cada una de ellas. Para el ejemplo nos centraremos en la creación de una webquest.

Webquest14.png

Empezamos haciendo clic en CREAR WEBQUEST y en la pantalla que aparece debemos de escribir el título de la webquest y elegir materia, nivel y estilo (previamente podemos ver una imagen de la plantilla). Después pulsamos el botón <Siguiente>.

Webquest15.png

PASO 1/6 INTRODUCCIÓN

Este es el primero de los seis pasos necesarios para completar la webquest. La introducción debe de escribirse pensando en que está dirigida a los alumnos con el propósito de prepararlos, motivarlos y captarlos.

Aunque el contenido de cada parte es diferente, la estructura y la forma de meterlo es igual en todos los pasos ya que el editor que se muestra es idéntico. En la siguiente se explica la utilización de algunos de los botones del editor.

NOTA: Llegados a este punto la webquest ya ha sido creada y podemos salir de la aplicación y continuar en otro momento.

Webquest16.png

Encima del editor siempre estará presente un enlace que abre una ventana con ayuda sobre subir imágenes y vídeos y crear enlaces.

Webquest17.png

PASO 2/6 ... PASO 6/6

Cuando pulsamos el botón de Terminar en el último paso se muestra una pantalla informándonos de que la webquest ha sido completada y que en el menú MIS WEBQUESTS podremos verla, editarla, hacerla publica y borrarla.

Webquest18.png

Como se puede leer en este mensaje, en el menú de dición de la misma tenemos la posibilidad de rellenar la guía didáctica correspondiente para ayudar a utilizar la webquest.

2.3.2 Ver - Editar - Publicar - Borrar

Cuando tengamos webquests creadas y entremos en el menú Mis Webquests aparecerán en el listado de abajo y para ver nuestras miniquests y cazas basta con pulsar el enlace correspondiente.

Para cada una de ellas tenemos la posibilidad de verla, editarla, borrarla, publicarla y descargarla.

Webquest19.png

Si se hace clic en Ver se abrirá una nueva ventana mostrándose la webquest creada tal cual la verían los alumnos si estuviera publicada.

Cuando ya estemos seguros de que está correcta podemos hacerla pública pulsando en NO que automáticamente se convertirá en SI indicando que ya es pública y accesible desde el menú Webquests. En cualquier momento, y de la misma forma, podemos hacerla privada otra vez para retocarla.

Webquest20.png

La guía didáctica será accesible en un enlace que aparece en el pié de página.

En el caso de hacer clic en Editar iremos a una pantalla con un menú donde podemos editar cualquiera de las partes de la misma además de añadir la guía didáctica.

Webquest21.png

Al hacer clic en cualquiera de los botones del menú de edición se mostrará justo debajo la información guardada a la hora de la creación del paso correspondiente con la posibilidad de modificarlo.

En el caso de la guía didáctica aparecerá en blanco ya que ésta no se crea directamente y tenemos que rellenarla desde aquí.

Webquest22.png

Volviendo al listado de MisWebquests, el aspa roja sirve para eliminar por completo la webquest, aunque no se borrarán las imágenes, vídeos y archivos que hayamos subido, manteniéndose por si los necesitamos para otra ocasión.

Antes de eliminarla nos preguntará si realmente queremos borrarla o no.

Webquest23.png

Por último se tiene la posibilidad de descargar la webquest en formato zip y así tenerla disponible para utilizarla en otro lugar diferente al servidor donde se ha creado.

Para ello basta con pulsar en el último icono descargar, se generará el archivo y empezará automáticamente a descargar. En caso contrario habrá que hacer clic en el enlace para que comience la descarga.

Webquest24.png

Una vez descargado el archivo zip, podemos descomprimirlo y ejecutar el archivo index.html que la página principal.

Si hemos utilizado imágenes, archivos o vídeos habrá una carpeta llamada img con todos estos recursos y otra carpeta dentro de img llamada extilosN con las imágenes necesarias de la plantilla.

Además, en todos los casos, aparece la carpeta css que contiene el archivo de la hoja de estilos de la plantilla que podremos modificar para adaptarlo a nuestras necesidades en caso necesario.

2.3.3 El editor

El editor tiene muchas opciones parecidas a un editor de texto como poner la fuente en negrita, itálica, subrayado, de otro color, etc.

Párrafos centrados o justificados. Copiar, pegar, cortar, numeración, viñetas, subíndices, ...

Webquest25.png

A continuación se explica cómo usar algunos de los botones del editor que serán útiles para complementar nuestra webquest.

2.3.3.1 Subir imágenes

Para subir imágenes hay que pulsar el botón Insertar Imagen, que aparece en el editor

Webquest26.png

y luego en el botón navegar Navegar de la ventana que se abre.

Webquest27.png

Se abrirá una nueva ventana donde podremos explorar nuestro disco duro haciendo clic en el botón Examinar, para elegir el archivo de imagen y por último hacer clic en el botón Enviar.

Una vez subida aparecerá en esa misma ventana junto con el resto de imágenes.

Webquest Creator nos proporciona un directorio propio donde guardar las imágenes, archivos y vídeos necesarios.

Webquest28.png
2

Si quisiéramos borrarla hacemos clic en la X roja de la derecha de la imagen.

Para añadirla en la webquest hacemos clic sobre ella y rellenamos la descripción y el título y después pulsamos Aceptar.

Webquest29.png

Webquest30.png

2.3.3.2 Subir vídeos desde nuestro disco duro

Para subir vídeos hay que pulsar el botón Insertar/Editar medio embebido, que aparece en el editor

Webquest31.png

y luego elegir el tipo de vídeo (Flash, Quicktime, Shockwave, Windows Media y Real Media), escribir las dimensiones que queramos y pulsar en el botón navegar.

Webquest32.png

Se abrirá una nueva ventana donde podremos explorar nuestro disco duro para elegir el archivo de vídeo y por último hacer clic en el botón Enviar. Una vez subido aparecerá en esa misma ventana junto con el resto de vídeos. Bastaría con hacer clic sobre ella para insertarlo, al igual que en el apartado anterior de las imágenes.

2.3.3.3 Subir vídeos de YouTube, etc.

Para poner vídeos embebidos de terceros, es decir, que no se encuentran en nuestro disco duro, lo primero que necesitamos es copiar el código para pegarlo en nuestra página. Por ejemplo en YouTube siempre aparece el código a la derecha del vídeo bajo la etiqueta Embed. Una vez que lo tengamos copiado, hay que pulsar el botón Editar código HTML, que aparece en el editor

Webquest33.png

y se abrirá una ventana con todo el código html, donde pegaremos el texto copiado al final del todo y pulsamos el botón Actualizar para cerrar la ventana.

Webquest34.png

Veremos un cuadro de color amarillo que podremos centrar o colocar donde queramos. Éste será el lugar donde se mostrará el vídeo.

2.3.3.4 Crear enlaces

Para crear un enlace lo primero es seleccionar el texto que hará de hipervínculo, es decir, que al hacer clic en él se muestre otra página. Una vez seleccionado el texto hay que pulsar el botón Insertar/Editar hipervínculo, que aparece en el editor

Webquest35.png

y se abrirá una ventana donde habrá que escribir la dirección en el campo URL del hipervínculo, por ejemplo: http://www.orospeda.es/majwq/inicio. También podemos elegir el título, dónde se abrirá, etc. Después basta con pulsar el botón Insertar.

Webquest36.png

2.3.3.5 Subir archivos

Podemos crear enlaces a archivos subidos para que los usuarios puedan descargarlos. Procedemos igual que se ha explicado en el apartado anterior, seleccionando el texto que hará de hipervínculo, después pulsar el botón Insertar/Editar hipervínculo , que aparece en el editor. Se abrirá una ventana y en este caso habrá que pulsar el botón navegar en vez de escribir la dirección y veremos una ventana donde se pueden subir archivos igual que si se tratase de imágenes. Una vez elegido, se pulsa el botón Insertar.

2.3.3.6 Editor de ecuaciones

Podemos añadir expresiones matemáticas con ayuda del editor de ecuaciones integrado en Webquest Creator. El botón tiene el símbolo $\sum$ y está a la izquierda del botón de insertar imagen.

Webquest37.png

Tras pulsarlo aparece el editor de ecuaciones donde tenemos muchas posibilidades de escribir expresiones matemáticas usando LaTex. El mismo editor tiene un enlace que nos lleva a una página del manual.

Webquest38.png

Una vez que tengamos el código de la expresión pulsaremos el botón Insertar y se cerrará el editor, apareciendo la imagen de la expresión en el lugar donde estuviera el cursor.

Webquest39.png

2.3.3.7 Texto en Griego

Insertar texto escrito en Griego es tan sencillo como copiarlo de un editor de texto y pegarlo aquí. Tenemos que escribirlo en un editor como Writer o Word y luego seleccionarlo, copiarlo y pegarlo.

Para poder escribir Griego en Writer o Word es necesario activar la fuente universal que tiene la codificación utf.

3. Manual de administrador

3.1 Menú Administrar

El administrador es el único que puede entrar a este menú, desde el cual se puede administrar toda la aplicación.

Webquest40.png

Aparecen 5 bloques claramente diferenciados.

En primer lugar están los accesos a la administración de las tablas materias, niveles, webquests, miniwebquests y cazas.

En cada una de ellas podemos añadir, eliminar, editar y consultar registros de la tabla. Además podemos extraer un reporte en distintos formatos con el contenido de la tabla.

Todo esto se hace desde un formulario con botones y los campos correspondientes a las tablas.

NOTA: Se ha deshabilitado el reporte pdf.

Webquest41.png

Del mismo modo se administra la tabla conexiones donde se van guardando las IP's, navegador, sistema operativo, fecha y login de los usuarios que se conectan. En la imagen siguiente se ve un ejemplo de Administrar Conexiones tras pulsar el botón Visualizar.

Webquest42.png

Con la tabla usuarios se procede de la misma forma, pudiendo modificar cualquier dato.

A continuación aparece un cuadro de texto que nos da la posibilidad de escribir un mensaje a todos los usuarios registrados tras pulsar el botón Enviar Mensaje.

Por último está el bloque de importación de datos de forma masiva. Esto hay que utilizarlo con mucho cuidado porque puede dejar la aplicación sin funcionar.

Si tenemos un archivo de texto en donde cada linea es de la forma: login, nombre, apellidos

entonces lo podremos poner mediante el botón Examinar y hacer clic en el botón Introducir usuarios para añadir los usuarios de forma masiva. La contraseña por defecto que tendrán todos será 123456, que luego podrán modificar al igual que el e-mail.

Con las materias y los niveles se puede hacer lo mismo.

También tenemos los botones de Borrar usuarios que elimina todos los usuarios, pero no sus aportaciones y Borrar usuario completo donde elegimos uno y se borrará tanto el usuario como sus aportaciones.

Análogamente están los botones Borrar materias y Borrar niveles.
About this document ...
Webquest Creator
Manual

This document was generated using the LaTeX2HTML translator Version 2002-2-1 (1.71)

Copyright © 1993, 1994, 1995, 1996, Nikos Drakos, Computer Based Learning Unit, University of Leeds.
Copyright © 1997, 1998, 1999, Ross Moore, Mathematics Department, Macquarie University, Sydney.

The command line arguments were:
latex2html -split 0 -show_section_numbers -no_navigation -contents_in_navigation /home/jorquera/manual_wct/manual_wq.tex

The translation was initiated by Miguel A. Jorquera on 2009-09-28
Miguel A. Jorquera 2009-09-28