olga codejón iruela colegio presentación – madrid -

59
1 Olga Codejón Iruela Colegio Presentación – Madrid - CREA R WEBQUEST

Upload: gavril

Post on 11-Jan-2016

32 views

Category:

Documents


0 download

DESCRIPTION

CREAR WEBQUEST. Olga Codejón Iruela Colegio Presentación – Madrid -. PHP WEBQUEST. En esta página puedes encontrar Miniquest y Webquest elaboradas en PHPWebquest. http://www.phpwebquest.org/wq25/. PHP WEBQUEST. http://www.phpwebquest.org/wq25/procesa_index_todas.php. PHP MINIQUEST. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Olga  Codejón Iruela Colegio Presentación – Madrid -

1

Olga Codejón Iruela

Colegio Presentación – Madrid -

CREAR

WEBQUEST

Page 2: Olga  Codejón Iruela Colegio Presentación – Madrid -

2

PHP WEBQUEST

http://www.phpwebquest.org/wq25/

En esta página puedes encontrar Miniquest y Webquest elaboradas

en PHPWebquest

Page 3: Olga  Codejón Iruela Colegio Presentación – Madrid -

3

PHP WEBQUEST

http://www.phpwebquest.org/wq25/procesa_index_todas.php

Page 4: Olga  Codejón Iruela Colegio Presentación – Madrid -

4

PHP MINIQUEST

UNA MINIQUEST TIENE TRES APARTADOS

EL ESCENARIO:

Es una introducción al tema sobre el que se va a trabajar. Se utiliza un lenguaje cercano tratando de motivar a los alumnos y alumnas. Se pretende despertar la curiosidad y el deseo de seguir investigando.

LA TAREA:

En este apartado se explica al alumnado el trabajo, la tarea que tienen que hacer, cómo se va a organizar el grupo para hacer este trabajo,... Además se les remite a unas direcciones de Internet en donde tienen que buscar información.

 

  EL PRODUCTO:

Se explica el trabajo final que las alumnas y alumnos tienen que hacer (trabajo escrito-oral, en qué soporte, a quién va a ir dirigido,...)

Page 6: Olga  Codejón Iruela Colegio Presentación – Madrid -

6

http://phpwebquest.org/wq25/miniquest/soporte_tabbed_m.php?id_actividad=15763&id_pagina=1

PHP MINIQUEST

Entra en esta webquest y observa sus diferentes apartados y recursos

(plantilla, texto, imágenes, gifs animados, vídeo,

direcciones de internet, ...)

Page 7: Olga  Codejón Iruela Colegio Presentación – Madrid -

7

PHP WEBQUEST

Apartados de una webquest LA INTRODUCCIÓN:

Se presenta el tema o actividad intentando despertar el interés del alumno-a hacia la tarea aún sin describirla.   LA TAREA:

Constituye la parte más importante de una webquest. Lo importante para que esté bien diseñada, es que sea atractiva, posible de realizar y que fomente el pensamiento más allá de la comprensión mecánica.

Es aconsejable que en esta sección se concrete el producto final, es decir, qué tendrán que hacer los alumnos-as con la información obtenida (un informe escrito, una exposición oral, una presentación en Power Point,...) EL PROCESO:

Se explica a los alumnos y alumnas de forma exacta lo que deben hacer, cómo y en qué momento.

LOS RECURSOS (EN PHPWEBQUEST LOS RECURSOS VAN EN EL APARTADO PROCESO)

Consiste en una lista de sitios web fundamentalmente (aunque pueden utilizarse otras fuentes) donde encontrar la información necesaria para el desarrollo de la tarea y que el profesor-a ha localizado previamente para evitar navegar a la deriva en la Red.

LA EVALUACIÓN:

Se informa a los alumnos y alumnas sobre cómo se les va a evaluar.

LA CONCLUSIÓN:

Resume la experiencia e invita a los alumnos-as a reflexionar sobre todo lo aprendido durante la realización de la webquest. También se puede sugerir alguna idea sobre la continuidad de la investigación, o bien cómo aplicar las estrategias, habilidades cognitivas y procedimientos a otros ámbitos o futuros proyectos. OTROS APARTADOS

- LA GUÍA DIDÁCTICA PARA EL PROFESORADO

- LOS CRÉDITOS: Aparecen los nombres de los autores

Page 8: Olga  Codejón Iruela Colegio Presentación – Madrid -

8

PHP WEBQUEST

http://phpwebquest.org/wq25/webquest/soporte_tabbed_w.php?id_actividad=16903&id_pagina=1

Entra en esta Webquest y observa sus diferentes apartados y recursos

(plantilla,texto, imágenes, gifs animados, direcciones

de internet,...)

Page 9: Olga  Codejón Iruela Colegio Presentación – Madrid -

9

http://phpwebquest.org/wq25/webquest/soporte_izquierda_w.php?id_actividad=16323&id_pagina=1

Entra en esta Webquest y observa sus diferentes apartados y recursos (plantilla, texto, imágenes, gifs animados, vídeos, direcciones de internet,...)

PHP WEBQUEST

Page 10: Olga  Codejón Iruela Colegio Presentación – Madrid -

10

PHP WEBQUEST

http://www.elkarrekin.org/elk/atmosferacast/index.html

Entra en esta Webquest y observa sus diferentes apartados y recursos

(plantilla, texto, imágenes, gifs animados, vídeos,

direcciones de internet,...)

Page 11: Olga  Codejón Iruela Colegio Presentación – Madrid -

Aprende a elaborar una miniquest

11

Page 12: Olga  Codejón Iruela Colegio Presentación – Madrid -

12

PHP MINIQUEST

Antes de comenzar a trabajar con la plantilla:

• Elige el tema

• Piensa en el contenido para los apartados Introducción, Tarea y Producto

• Guarda en la carpeta “Mis Imágenes” 3 imágenes o gifs animados que van a acompañar a cada uno de los tres apartados (Introducción, Tarea y Producto)

• Busca y selecciona las direcciones de Internet en las que van a trabajar tus alumnas y alumnos

Page 13: Olga  Codejón Iruela Colegio Presentación – Madrid -

13

PHP WEBQUEST

Entra en esta dirección

Escribe tu nombre de usuario y contraseña y pulsa la pestaña Entrar

http://www.phpwebquest.org/wq25/

Si no estás registrado-a solicita una cuenta

Page 14: Olga  Codejón Iruela Colegio Presentación – Madrid -

14

PHP MINIQUEST

Elige la opción

Crear una Miniquest

Page 15: Olga  Codejón Iruela Colegio Presentación – Madrid -

15

PHP MINIQUEST - PLANTILLA

Elige la plantilla

Una vez elegida la plantilla pulsa la

opción Enviar

Page 16: Olga  Codejón Iruela Colegio Presentación – Madrid -

16

PHP MINIQUEST - PLANTILLA

Los campos señalados con asterisco son

obligatorios

Puedes elegir entre una gama de colores

haciendo click con el botón izquierdo del ratón sobre la

paleta de colores

Escribe los datos iniciales

para tu Miniquest

Page 17: Olga  Codejón Iruela Colegio Presentación – Madrid -

17

PHP MINIQUEST - PLANTILLA

Si no haces ningún cambio queda

como en el modelo de la plantilla

elegida

Si haces cambios puedes ver cómo queda la plantilla con los cambios

introducidos

Sirve para suprimir todos los cambios que

hayas introducido y vuelves a empezar

Si eliges la opción Enviar das la plantilla por válida

Esta plantilla se mantendrá a lo largo de toda la Miniquest

Enviar = Guardar

Page 18: Olga  Codejón Iruela Colegio Presentación – Madrid -

18

PHP MINIQUEST

A continuación vas a crear los 3 apartados de tu Miniquest

Page 19: Olga  Codejón Iruela Colegio Presentación – Madrid -

19

PHP MINIQUEST - ESCENARIO

Estás en el apartado Escenario

La pestaña aparece con otro color

Para insertar o cambiar una imagen de la

plantilla, haz click en Examinar y elige una de las imágenes que has

guardado en la carpeta “Mis Imágenes”

Page 20: Olga  Codejón Iruela Colegio Presentación – Madrid -

20

PHP MINIQUEST – INSERTAR UNA IMAGEN EN EL APARTADO ESCENARIO

Cómo insertar una imagen

Elige la imagen que va a acompañar a este apartado. Esta imagen la tienes que haber guardado previamente en la carpeta “ Mis Imágenes”.

Pulsa con el botón izquierdo del ratón “Examinar – Buscar en: busca la carpeta “Mis Imágenes” haciendo doble click con el botón izquierdo del ratón hasta conseguir abrir la carpeta.

Una vez localizada la imagen haz doble click sobre la imagen con el botón izquierdo del ratón y de esta manera queda insertada la imagen.

Page 21: Olga  Codejón Iruela Colegio Presentación – Madrid -

21

PHP MINIQUEST - ESCENARIO

Utilizando el editor de texto escribe el texto de introducción de tu

miniquest

Además, puedes introducir imágenes o gifs animados con el

texto

Page 22: Olga  Codejón Iruela Colegio Presentación – Madrid -

22

Si quieres insertar imágenes con el texto

Con el botón izquierdo del ratón haz click sobre esta imagen

Tienes que introducir la URL de la imagen

Entra en el buscador Google: http://www.google.es

Con el botón izquierdo del ratón haz click en Imágenes. Ahora Google buscará imágenes

PHP MINIQUEST – ESCENARIO

INSERTAR UNA IMAGEN O GIF ANIMADO CON EL TEXTO

Page 23: Olga  Codejón Iruela Colegio Presentación – Madrid -

23

Escribe el tema que quieres buscar

Después de escribir el tema pulsa el botón Búsqueda de

imágenes

PHP MINIQUEST – ESCENARIO

INSERTAR UNA IMAGEN O GIF ANIMADO CON EL TEXTO

Page 24: Olga  Codejón Iruela Colegio Presentación – Madrid -

24

Después de elegir la imagen haz click sobre la

imagen con el botón izquierdo del ratón

PHP MINIQUEST – ESCENARIO

INSERTAR UNA IMAGEN O GIF ANIMADO CON EL TEXTO

Page 25: Olga  Codejón Iruela Colegio Presentación – Madrid -

25

Haz click con el botón izquierdo del ratón

sobre Ver imagen en tamaño completo

PHP MINIQUEST – ESCENARIO

INSERTAR UNA IMAGEN O GIF ANIMADO CON EL TEXTO

Page 26: Olga  Codejón Iruela Colegio Presentación – Madrid -

26

Aparecen las medidas reales de la

imagen

Encima de la imagen haz click con el

botón derecho del ratón y elige

la opción Propiedades

PHP MINIQUEST – ESCENARIO

INSERTAR UNA IMAGEN O GIF ANIMADO CON EL TEXTO

Page 27: Olga  Codejón Iruela Colegio Presentación – Madrid -

27

Aparece la siguiente información

Dirección (URL): http://www.portalplanetasedna.com.ar/edad_media0.jpg

edad_media0.jpgProtocolo: protocolo de transferencia de hipertextoTipo: Imagen JPEGDirección (URL): http://www.portalplanetasedna.com.ar/edad_media0.jpg Tamaño: 11648 bytesDimensiones: 313X261 píxelesCreado: 02/09/2006Modificado: 02/02/2006

Con el botón izquierdo del

ratón haz click

arrastrando por toda la dirección hasta que aparezca

teñida de azulDespués con el botón derecho

del ratón elige la opción Copiar

Minimiza esta página y

vuelve a la página

escenario para insertar la

imágen

PHP MINIQUEST – ESCENARIO

INSERTAR UNA IMAGEN O GIF ANIMADO CON EL TEXTO

Page 28: Olga  Codejón Iruela Colegio Presentación – Madrid -

28

Con el botón izquierdo del ratón haz click sobre esta

imagen

PHP MINIQUEST – ESCENARIO

INSERTAR UNA IMAGEN O GIF ANIMADO CON EL TEXTO

Page 29: Olga  Codejón Iruela Colegio Presentación – Madrid -

29

PHP MINIQUEST – ESCENARIO

INSERTAR UNA IMAGEN O GIF ANIMADO CON EL TEXTO

Coloca el cursor en la Dirección de la imagen y con el

botón derecho del ratón haz click y

elige la opción Pegar

Después de insertar la Dirección de la

imagen con el botón izquierdo del ratón haz click sobre el

botón Insertar

También puedes hacer una

descripción de la imagen y ponerle un

título

Page 30: Olga  Codejón Iruela Colegio Presentación – Madrid -

30

PHP MINIQUEST – ESCENARIO

INSERTAR UN VÍDEO

http://es.youtube.com/

Haz click sobre esta dirección

Escribe el tema que quieres buscar y pulsa la opción

Buscar

Page 31: Olga  Codejón Iruela Colegio Presentación – Madrid -

31

PHP MINIQUEST – ESCENARIO

INSERTAR UN VÍDEO

Elige el vídeo para insertar en el

apartado Escenario de tu miniquest

Para ver cada vídeo haz click sobre cada imagen

Page 32: Olga  Codejón Iruela Colegio Presentación – Madrid -

32

Para insertar el vídeo en tu miniquest 1º tienes que copiar la dirección que está en el apartado

Insertar

PHP MINIQUEST – ESCENARIO

INSERTAR UN VÍDEO

Para copiar esta dirección haz click con el botón izquierdo del ratón y rastrea toda la dirección.

Esta dirección tiene que quedar teñida de azul.

Después con el botón derecho del ratón eliges la opción Copiar

Page 33: Olga  Codejón Iruela Colegio Presentación – Madrid -

33

PHP MINIQUEST – ESCENARIO

INSERTAR UN VÍDEO

Vuelve a situarte en el apartado Escenario de tu

miniquest

Haz click sobre la opción HTML

Page 34: Olga  Codejón Iruela Colegio Presentación – Madrid -

34

PHP MINIQUEST – ESCENARIO

INSERTAR UN VÍDEO

Deja el cursor en el sitio en donde quieres que vaya colocado el vídeo y con el botón derecho del ratón

elige la opción Pegar

Así te queda la dirección una vez pegada

Después de Pegar con el botón izquierdo del ratón haz click sobre la pestaña

Actualizar

Page 35: Olga  Codejón Iruela Colegio Presentación – Madrid -

35

PHP MINIQUEST - ESCENARIO

Una vez completado el apartado Escenario haz click sobre la

opción Enviar

Enviar = Guardar

Page 36: Olga  Codejón Iruela Colegio Presentación – Madrid -

36

PHP MINIQUEST - ESCENARIO

El apartado Escenario está

guardado en la base de datos. Ahora

tienes dos opciones

Continuar con los siguientes apartados

Salir de la aplicación y

completar los apartados que

quedan por hacer en otro momento

Haz click sobre el menú usuario para ver lo que has

hecho hasta ahora

Page 37: Olga  Codejón Iruela Colegio Presentación – Madrid -

37

PHP MINIQUEST - ESCENARIO

Elige la opción Entrar para ver el

apartado Escenario que has elaborado

Page 38: Olga  Codejón Iruela Colegio Presentación – Madrid -

38

PHP MINIQUEST - ESCENARIO

Una vez visto el apartado Escenario

cierras este apartado para

continuar con tu trabajo.Para cerrar haz click sobre el

aspa.

Page 39: Olga  Codejón Iruela Colegio Presentación – Madrid -

39

Haz click con el botón izquierdo del ratón sobre la opción Completar

PHP MINIQUEST

Page 40: Olga  Codejón Iruela Colegio Presentación – Madrid -

40

PHP MINIQUEST - TAREA

Para continuar con el siguiente apartado, haz

click en Tarea con el botón izquierdo

del ratón

Page 41: Olga  Codejón Iruela Colegio Presentación – Madrid -

41

PHP MINIQUEST - TAREA

Estás en el apartado

Tarea

Tienes que dar los mismos

pasos que en el apartado Escenario

1

Introduce una imagen. Antes has tenido que haber

guardado la imagen en la carpeta “Mis Imágenes”

2

Escribe el texto

3

Inserta una imagen con el

texto

Page 42: Olga  Codejón Iruela Colegio Presentación – Madrid -

42

PHP MINIQUEST - TAREA

Introduce las direcciones de

Internet http://dirección

Introduce la descripción

de la dirección o

haz un breve comentario.

Si no lo haces la dirección

no será guardada

Estas descripciones son las que aparecen

al ver la Miniquest

Page 43: Olga  Codejón Iruela Colegio Presentación – Madrid -

43

PHP MINIQUEST - TAREA

Las direcciones de Internet aparecen de esta manera

Page 44: Olga  Codejón Iruela Colegio Presentación – Madrid -

44

PHP MINIQUEST TAREA

Una vez terminado el apartado Tarea haz click sobre el botón

Enviar

Enviar = Guardar

Page 45: Olga  Codejón Iruela Colegio Presentación – Madrid -

45

PHP MINIQUEST

Estos apartados ya los tienes

guardados en la base de datos

Queda por completar el apartado Producto

Puedes hacer click sobre Producto y completar tu miniquest o salir de la

aplicación y dejarlo para otro momento

Page 46: Olga  Codejón Iruela Colegio Presentación – Madrid -

46

PHP MINIQUEST

Si quieres ver lo que has hecho hasta

ahora haz click sobre menú usuario

Page 47: Olga  Codejón Iruela Colegio Presentación – Madrid -

47

PHP MINIQUEST

Elige la primera opción

Page 48: Olga  Codejón Iruela Colegio Presentación – Madrid -

48

PHP MINIQUEST

Para ver lo que has hecho hasta ahora haz

click sobre Entrar

Page 49: Olga  Codejón Iruela Colegio Presentación – Madrid -

49

PHP MINIQUEST

Como todavía tienes pendiente de hacer el apartado Producto,

haz click sobre Completar

Page 50: Olga  Codejón Iruela Colegio Presentación – Madrid -

50

PHP MINIQUEST - PRODUCTO

Haz el apartado Producto introduciendo

texto e imágenes

Page 51: Olga  Codejón Iruela Colegio Presentación – Madrid -

51

PHP MINIQUEST

Has completado los diferentes apartados de tu

Miniquest.

A partir de ahora si quieres hacer algún cambio tienes

que ir a la página principal y elegir la opción Editar

1

Para poder ver tu Miniquest

1. Ir al menú principal por menú de usuario

2. Hacer un click sobre la dirección de internet

2

Page 52: Olga  Codejón Iruela Colegio Presentación – Madrid -

52

PHP MINIQUEST

Para hacer cambios en los apartados

que ya has elaborado, haz click

sobre Editar

Page 53: Olga  Codejón Iruela Colegio Presentación – Madrid -

53

PHP MINIQUEST EDITAR

Al elegir las opciones Completar o Editar siempre irás a esta página

en donde puedes hacer cambios en la plantilla. Para poder Completar o Editar (cambiar) los apartados de

tu miniquest haz click sobre el botón Enviar

Enviar = Guardar

Antes de pulsar la opción Enviar haz los cambios que quieras

hacer. Si no haces cambios se guardará

como estaba previamente

Page 54: Olga  Codejón Iruela Colegio Presentación – Madrid -

54

PHP MINIQUEST EDITAR

Haz los cambios que consideres oportunos en

los apartados de tu Miniquest

Page 55: Olga  Codejón Iruela Colegio Presentación – Madrid -

55

PHP MINIQUEST

Ver, editar o borrar alguna de mis actividades

Page 56: Olga  Codejón Iruela Colegio Presentación – Madrid -

56

PHP MINIQUEST

Haz click en el apartado Entrar y podrás ver la Miniquest que has

elaborado

Page 57: Olga  Codejón Iruela Colegio Presentación – Madrid -

57

PHP MINIQUEST

¡ Enhorabuena! Has creado una Miniquest

Con lo que has aprendido, ¡atrévete a elaborar una Webquest!

Page 59: Olga  Codejón Iruela Colegio Presentación – Madrid -

59

MUCHAS GRACIAS