Tutorial webquest creator

17
CURSO 4: “La Web 2.0 en el aulaETT Pedagógico: Esp Lorena Brondani [email protected] www.conectarigualdadlibres.blogspot.com 1 Tutorial de Webquest Creator (El RTIC Técnico introducirá en su uso y luego se extiende el presente tutorial como material de apoyo no presencial) Contenido: Introducción ¿Qué es Webquest Creator? ¿Cómo Comenzar a trabajar con Webquest Creator? ¿Cómo crear una Webquest con Webquest Creator? Editar una Webquest ya creada completa o incompleta y publicarla Anexo: Trabajo con Hipervínculos en Webquest Creator. Tutorial Para el uso de Webquest Creator. Introducción: Vale aclarar que gran parte del contenido es directamente extraído de la misma página de dicho programa, por lo cual para consultar otros aspectos dirigirse a la misma. El objetivo de este escrito es guiar en el uso de la aplicación, donde conociendo ya el usuario (sea docente o afín) los aspectos conceptuales y teóricos de una webquest, caza del tesoro o miniquest; desea plasmar este trabajo en un entorno web (esto a modo general). Por lo tanto dejamos en claro que Webquest Creator es una herramienta para plasmar un trabajo ya realizado y no habla del aspecto teórico de una webquest (o sus variantes) ni como hacer una, sino solo como utilizar el programa para llevar el trabajo realizado a un entorno digital web de facil acceso y lectura. ¿Qué es Webquest Creator? Webquest Creator es una aplicación de servidor realizada por Miguel A. Jorquera ([email protected]) con el Framework Kumbia, escrito en PHP5, utilizando MYSQL, AJAX y Tinymce para crear webquests facilmente. Sus principales características son: Creación a partir de formularios sencillos. Posibilidad de incluir imágenes, vídeos (Flash, Quicktime, Shockwave, Windows Media, Real Media) y enlaces a ficheros. Rápida edición de las webquests. Editor LaTex para expresiones matemáticas. Directorio propio para guardar los archivos subidos. Descarga de la webquest creada en formato zip. Gran variead de plantillas adaptadas de "FreeCSSTemplates.org". Código XHTML 1.0 y CSS validado con W3C. Accesibilidad. Posibilidad de incluir una guía didáctica.

Transcript of Tutorial webquest creator

Page 1: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 1

Tutorial de Webquest Creator

(El RTIC Técnico introducirá en su uso y luego se extiende el presente tutorial como material de apoyo no presencial) Contenido:

Introducción

¿Qué es Webquest Creator?

¿Cómo Comenzar a trabajar con Webquest Creator?

¿Cómo crear una Webquest con Webquest Creator?

Editar una Webquest ya creada completa o incompleta y publicarla

Anexo: Trabajo con Hipervínculos en Webquest Creator. Tutorial Para el uso de Webquest Creator. Introducción: Vale aclarar que gran parte del contenido es directamente extraído de la misma página de dicho programa, por lo cual para consultar otros aspectos dirigirse a la misma. El objetivo de este escrito es guiar en el uso de la aplicación, donde conociendo ya el usuario (sea docente o afín) los aspectos conceptuales y teóricos de una webquest, caza del tesoro o miniquest; desea plasmar este trabajo en un entorno web (esto a modo general). Por lo tanto dejamos en claro que Webquest Creator es una herramienta para plasmar un trabajo ya realizado y no habla del aspecto teórico de una webquest (o sus variantes) ni como hacer una, sino solo como utilizar el programa para llevar el trabajo realizado a un entorno digital web de facil acceso y lectura.

¿Qué es Webquest Creator?

Webquest Creator es una aplicación de servidor realizada por Miguel A. Jorquera ([email protected]) con el Framework Kumbia, escrito en PHP5, utilizando MYSQL, AJAX y Tinymce para crear webquests facilmente.

Sus principales características son:

Creación a partir de formularios sencillos.

Posibilidad de incluir imágenes, vídeos (Flash, Quicktime, Shockwave, Windows Media, Real Media) y enlaces a ficheros.

Rápida edición de las webquests.

Editor LaTex para expresiones matemáticas.

Directorio propio para guardar los archivos subidos.

Descarga de la webquest creada en formato zip.

Gran variead de plantillas adaptadas de "FreeCSSTemplates.org".

Código XHTML 1.0 y CSS validado con W3C.

Accesibilidad.

Posibilidad de incluir una guía didáctica.

Page 2: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 2

Seguridad.

Probada por multitud de docentes.

En constante cambio, mejorando con sugerencias y aportaciones de los usuarios.

y muchas cosas más.

Si quiere distribuir, copiar o modificar la aplicación, podrá hacerlo bajo los términos de la Licencia General Pública GNU. Si desconoce esta licencia, se recomienda que lea Cómo Aplicar estos Términos a su Programa y las FAQ de la Licencia General Pública. Se puede ver una traducción no oficial de la licencia aquí.

Atajos de teclado

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.

¿Cómo comenzar a trabajar con Webquest Creator? Antes de introducirnos directamente en lo técnico es importante saber que el trabajo con el programa es siempre online por lo que es importante:

1. Tener una conexión a Internet 2. Tener la webquest hecha en un documento de texto (Word o TXT), o algún editor de

diapositivas. 3. A modo de copia de seguridad siempre ir guardando los aspectos modificados (lo que

veremos a continuación de cómo hacerlo). La URL de Webquest Creator es:

http://webquest.cepcastilleja.org/majwq/inicio Esta pagina de inicio tiene una introducción muy simple y fácil de entender por lo que no es necesario aclarar mucho, solamente entender que en la parte de debajo de la pagina hay un

Page 3: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 3

listado de las webquest y similares que fueron creadas por otros usuarios por lo que su trabajo tambien será de acceso público y puede ser consultado por cualquiera, no asi modificado ya que usted será el administrador. Primer paso: Crear un usuario Para crear un usuario con el cual podemos empear a cargar nuestras WQ nos dirigimos al siguiente lugar de la pagina principal:

Para el registro hacemos click en el vínculo señalado con un círculo rojo (obviamente en su explorador de Internet no en este instructivo) Nos aparecerá la siguiente página

Page 4: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 4

Complete los campos teniendo en cuenta que Login es el nombre de usuario con el cual usted accederá a la pagina para empezar a trabajar, y el password es la contraseña que le requerirá para entrar a la pagina, no es la contraseña de su casilla de correo aunque estas podrían coincidir. Consejo siempre ponga una contraseña y usuario que recuerde, ejemplo Login: “JuanAlvarez” o algo que usted siempre utilice. La dirección de e-mail es una que sea real y usted pueda acceder para validar el usuario, esto es, que le será enviado un correo electrónico, a su casilla para confirmar el usuario y dirección correctos por lo que debe ser una dirección real. Completados todos los campos hacemos click sobre “Crear usuario y Entrar”. Inmediatamente si los datos son correctos nos llevara a la pagina principal donde se vera de la siguiente manera

Page 5: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 5

1. Noticias: el administrador siempre publica modificaciones que realiza en el sitio, las

publica en esa sección. 2. Mis Webquest: es el sitio donde creo, veo y administro las webquest propias, es el

lugar que en las siguientes páginas explicaremos 3. Webquest: es la opción de buscar y filtrar los trabajos realizados en el servidor, hechos

por otras personas (no quita que también figuren las propias). 4. A cerca de: es donde esta alojado los datos del autor del programa y como ponerme en

contacto

Debajo tenemos opciones de plantillas de webquest para una orientación, de cómo son gráficamente y las ultimas publicaciones.

¿Cómo crear una webquest con Webquest Creator?

Para comenzar a crear una webquest luego de hacer el login y acceder a mis webquest (anteriormente mostrado), obtenemos la siguiente pagina:

Page 6: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 6

Señalado con el rectángulo fucsia están las opciones para crear un nuevo documento del tipo que haya sido previamente elegido. Como el ejemplo mas completo es el de la WQ, veremos este, siendo los otros trabajados de la misma manera salvo las diferencias en sus partes. La miniwebquest y la caza del tesoro son derivados o formas mas simples de trabajar una WQ. Haciendo clic sobre el vínculo de “crear webquest” nos encontramos con:

Page 7: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 7

Ponemos el Titulo en el campo correspondiente, ese es el titulo de la WQ, la materia o asignaturas a las que corresponde y el nivel educativo, luego elegimos un formato de pagina de acuerdo con la vista previa que tenemos ahí. Aclaro que el formato tiene que ver con la ubicación de el texto, del contenido y del titulo, los colores, luego. También es importante que cuando ustedes vean vista previa les abrirá una nueva ventana o pestaña en el navegador mostrando una imagen de cómo quedaría. Luego de ver la imagen cierren la pestaña o ventana con la imagen pero no cierren la ventana con la que están trabajando. Una vez elegido el formato se selecciona en el circulo que tiene el formato seleccionado a su derecha a donde figura el nombre del formato, la vista previa y la información de ese formato. Una vez seleccionado se pone siguiente como demuestra la siguiente imagen.

Page 8: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 8

Se puede apreciar que esta seleccionado el formato excess y el botón siguiente listo para enviar nuestra información al programa. El siguiente paso ya tiene que ver con la carga de información, en particular ya empezamos a ver sección por sección de la WQ. Esto se realiza cargando el texto que ira en cada parte, por ejemplo el primero es la Introducción de la WQ y tendremos la siguiente pantalla

Page 9: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 9

Tenemos una sección de ayuda para subir imágenes a la pagina de introducción, videos y enlaces web, en donde esta todo bien explicado y de manera simple. Luego tenemos la barra de menu similar a las que tienen los procesadores de texto y luego el cuerpo a donde se escribe, redacta o copia el texto de introducción (para la mayoría de las otras secciones es similar. Luego de esto para guardar todo lo creado pongo siguiente y eso queda guardado:

Page 10: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 10

Vale aclarar que hay un icono de sumatoria en el menú como también de programación de HTML, o distintos tipos de pegados de texto. Por lo que este es mucho más potente que otros procesadores de textos que acostumbramos a usar normalmente. Por ejemplo usar la opción de insertar una ecuación o formula matemática con el icono de sumatoria es totalmente distinto a hacerlo en un procesador de texto como el MS Word (nombro a este por ser el mas usado). Esta relacionado con lo que al principio se nombra en las características de Webquest Creator en las que se incluyen LaTex para formulas matemáticas por lo que aquel usuario que sabe el código de LaTex para su formula la puede usar directamente de esa manera o usando la ayuda del entorno Mimetext cargado en la pagina. Este entorno permite que se pueda cargar una formula con solo seleccionar las opciones y posee un tutorial también por lo que solo se nombra pero no se incluye en este resumen. Si es bueno tener en cuenta y explorar los distintos tipos de Pegar texto que ofrece esta herramienta ya que es muy común tener problemas con los pegados de tablas desde Word hacia esta herramienta; especialmente cuando mostramos los criterios de evaluación en una WQ los cuales generalmente tienen formato de tabla. Algo similar sucede con los hipervínculos aunque cuando yo ya tengo texto que incluye hipervínculos en un Word si copio ese Word y lo pego con la opción que me da para este tipo de documentos, los hipervínculos se mantienen. Siguiendo con el resto del tutorial trabajo las otras partes de la webquest de manera similar al de introducción, y una vez que termino siempre hago click en “siguiente”.

Editar una Webquest ya creada completa o incompleta y publicarla. Si bien esta herramienta permite directamente ir armando el documento online, nuestra sugerencia de trabajo es escribir y redactar la webquest en otro tipo de documento como en un texto para facilitar el cargado en Webquest Creator. Aun así es necesario informar que yo puedo ir subiendo la webquest o redactándola y modificarla en el tiempo que yo quiera, por ejemplo hoy escribo la introducción, guando los cambios y mañana sigo con el resto siguiente siempre trabajando con la misma webquest creada. Cuando yo termino toda la confección de la WQ el paso siguiente es hacerla pública para su acceso para el resto de las personas, ya sean alumnos o cualquiera que pueda ingresar vía Internet. Entonces accedemos a la pagina, ponemos entrar y completamos el login y contraseña similar a como lo hicimos la ultima vez. Nos encontraremos con la siguiente página:

Page 11: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 11

Recuerde que la sección anterior vimos como crear una de cero, pero en este caso queremos modificar una ya empezada, para eso buscamos al final de la pagina y encontramos ahí las que ya tenemos empezadas o terminadas en donde dice “Mostrando Mis Webquests”, con esto trabajaremos para completar, modificar, eliminar o mostrar nuestras webquest. Una imagen sería:

Esta tabla es simple pero la vamos a explicar, nos muestra la fecha cuando la cree por primera vez (aunque no este completa yo creé un nuevo archivo y esa es la fecha que aparece); el título y las opciones de ver, editar o eliminar (que es una cruz), la materia y nivel al cual esta dirigida, el estilo que seleccionamos, y la opción de publicar y la de descargar si es que yo la quiero llevar portátil. En esta imagen solo muestra una porque solo tengo una WQ, pero si no mostraría todas las que el usuario creó. Entonces lo que sigue es sencillo, pongo editar en la WQ que quiero trabajar y nos aparecerá una pagina como la siguiente:

Page 12: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 12

Entonces selecciono la parte que quiero completar o modificar y trabajo igual que antes completando, escribiendo, subiendo imágenes o todo lo que quiera, y luego guardo las modificaciones igual que antes. Ejemplo: yo quiero completar la sección Proceso, le hago clic sobre el link y aparece lo siguiente:

Donde una vez terminado, en lugar de “siguiente” me aparece la palabra Terminar pero el resultado es el mismo. Si yo no hago clic en siguiente o terminar después de hacer modificaciones el Webquest Creator no va a guardar nada de lo que escribió. Aclaro esto porque es común escuchar “no me guardo nada” y normalmente es porque escriben todo el trabajo y nunca ponen terminar o siguiente, esto equivale a crear un

Page 13: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 13

documento de Word y cerrarlo sin guardar por lo que se pierde todo lo hecho, con la diferencia que Word si hay cambios pregunta si quiere guardar y si el archivo no existe en memoria lo crea y guarda lo hecho, en este caso con Webquest Creator siempre tener la salvedad de guardar lo hecho ya sea con Terminar (si estoy editando) o con Siguiente (si recién estoy haciendo la WQ por primera vez). Una vez lista la webquest vuelvo al menú de inicio visto anteriormente y hago publica la webquest haciendo clic en donde dice “no” como muestra la figura:

Haciendo clic sobre no, este cambiara el estado de No Pública por Pública, permitiendo ya que esta pueda ser buscada por los alumnos en la página de Webquest Creator, y por cualquiera que tenga acceso a Internet. Siempre que se busque una puede ser filtrada por fecha, título materia y nivel, por lo que estos datos que configuró usted anteriormente le sirven al alumno para encontrar su WQ y trabajar con ella desde cualquier pc con acceso a Internet.

Anexo: ¿Cómo crear un Hipervínculo en Webquest Creator?

Una parte Importante de una webquest (WQ) , es Recursos. Generalmente estos pueden darse con vínculos a otros objetos en Internet (Artículos de periódicos online, videos en youtube, imágenes alojadas en otros sitios, etc.) Para esto se crea un hipervínculo, que es un texto que haciendo clic sobre el directamente nos abre un buscador y nos lleva al lugar donde esta lo que yo quiero que sea relacionado con esa palabra. Ejemplo: Buscador Google si ustedes hacen click sobre esta frase subrayada (en el caso de leer este Word y por características propias del programa debe presionar la tecla ctrl.+ clic con el Mouse) el efecto será que se abra el explorador de Internet predeterminado y nos lleve a esa dirección Web. El hipervínculo tiene dos partes que pueden ser iguales o no:

1. El texto que aparece al usuario: en nuestro caso es “Buscador Google” 2. La URL del sitio o la dirección de memoria del objeto relacionado (si este esta alojado

en un sitio físico como un disco duro, o DVD o pendrive, etc.) en el caso del ejemplo es “http://www.google.com.ar”

Entonces para crear esto necesito estas dos cosas siempre. Por lo que es importante que previamente se copie la dirección URL del sitio y sepa de que se trata para ponerle una palabra o frase relacionada. Nótese que siempre en Word si usted escribe una URL le genera el hipervínculo directamente pero el texto sigue siendo la misma dirección que no da información de a donde accedo. Ejemplo http://wikipedia.org si yo no tengo conocimiento de que se trata nada me lo dice, esto se evita con el texto relacionado con el ejemplo primero.

Page 14: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 14

La forma de crear un Hipervínculo en Webquest Creator (es similar que en el resto de los procesadores de texto) es la siguiente Escribimos en el procesador que tiene el programa la frase sobre la cual quiero hacer un hipervinculo Ejemplo:

Pinto el texto completo (si es una oración o una parte no importa para el programa es igual). Y voy al icono señalado en la figura con círculo rojo, este icono es estándar y significa vínculo o hipervínculo, y son eslabones unidos. Hago clic sobre este icono (siempre con la frase o palabra pintada o marcada). Tendremos lo siguiente:

Page 15: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 15

Por ahora solo pongo la URL, y guardo el cambio presionando insertar.

Entonces obtenemos el texto en azul y subrayado lo cual indica un hipervínculo sobre ese objeto como muestra la figura:

Page 16: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 16

Tenemos listo nuestro Hipervínculo. Aclaraciones importantes

Aunque el objeto este señalado como hipervínculo siempre que yo este editando no voy a poder usarlo como tal en Webquest Creator, o sea si yo en el momento que estaba editando en el ejemplo anterior después que observe que estaba el hipervinculo configurado, quise probar si funcionaba y trate de hacerle clic con el ratón, nada pasó, lo que no quiere decir que no funcione cuando yo publique la webquest, entonces cuando este editando me va a marcar que es un hipervínculos pero no voy a poder usarlo como tal hasta no ver una vista previa o la webquest completa como usuario. (esto quiere decir que en el resultado final el alumno si lo va a poder usar aunque yo cuando edito no me lo permita el programa algo que no pasa en Word que apenas lo establezco lo puedo utilizar.)

Hablo de objeto y no de palabra, frase o cadena de caracteres ( si se habla mas técnicamente), porque el hipervínculo puede hacerse también a una imagen, u otras cosas aparte de textos y se trabaja de la misma forma salvo que en vez de una frase relacionada como Buscador Google tengo una imagen o icono de una lupa, eso también es un hipertexto y se puede utilizar ejemplo:

Haga ctrl.+clic sobre la lupa y verá un hipervínculo en una imagen Por último, si copio directamente de un documento como este y pego como documento de Word en Webquest Creator (usando un icono que tiene el programa en la barra de herramientas), me copia todos los hipervínculos también, no así si lo pego como texto plano

que también es una opción en dicho programa.

Page 17: Tutorial webquest creator

CURSO 4: “La Web 2.0 en el aula” ETT Pedagógico: Esp Lorena Brondani [email protected]

www.conectarigualdadlibres.blogspot.com 17

FUENTE: Taller 3: “ORIENTANDO BÚSQUEDAS” –PROMEDU – Córdoba 2010 - Prof. Marco Locati: [email protected] | Esp. Lorena Brondani: [email protected] Blog: www.espaciortic.wordpress.com