Descripción de las herramientas WEB 2.0 aplicables a la didáctica de las ciencias sociales. Se toman ejemplos de la Web de Recursos de Ciencias Sociales, Geografía e Historia. Presentación expuesta en el 2º SEMINARIO SOBRE LA ENSEÑANZA DE LA GEOGRAFÍA EN LA
EDUCACIÓN SECUNDARIA, organizado por al Asociación de Geógrafos Españoles (AGE) en la Universidad Carlos III de Madrid del 1 al 3 de Octubre de 2009.
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Las herramientas Web 2.0 al servicio de la didáctica geográfica (II)
1. Las herramientas Web 2.0 al servicio de la didáctica geográfica (II) Prof. Isaac Buzo Sánchez IES Extremadura (Montijo) www.isaacbuzo.com 2º SEMINARIO SOBRE LA ENSEÑANZA DE LA GEOGRAFÍA EN LA EDUCACIÓN SECUNDARIA. Actualización curricular y aplicación didáctica de las TIC AGE – Universidad Carlos III 1-3 Octubre
2. HERRAMIENTAS WEB 2.0 APLICABLES A LA ENESÑANZA Herramientas que nos permiten integrar en nuestra web contenidos multimedia creados por nosotros o por otras personas sin que estén alojados en nuestro servidor. Se pueden subir, bajar, comentar, conectar, intercambiar... Y sobre todo no ocupan espacio en nuestro alojamiento . Alojamiento del video Alojamiento de la web AUTOR USUARIO +
3. ¿Cómo se insertan estos contenidos en nuestra web? CODIFICAR (Editor web) DECODIFICAR (Navegador) AUTOR USUARIO HTML
4. ¿Cómo se insertan estos contenidos en nuestra web? * Editor de web * Kompozer
5. ¿Cómo se insertan estos contenidos en nuestra web? Todo lo que vamos haciendo lo va codificando a lenguaje html Cada acción, insertar texto (con sus propiedades, imagen, video...) tiene su propia codificación, pero lo hace automáticamente. Visualización de la web
6. ¿Cómo se insertan estos contenidos en nuestra web? Los servicios exteriores (youtube, slideshare....) normalmente dan un código html que solamente se ha de insertar en la web en la posición que queramos. <div style="width:425px;text-align:left" id="__ss_642496"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/isaacbuzo/comentario-del-mapa-topogrfico-presentation" title="Comentario del Mapa Topográfico">Comentario del Mapa Topográfico</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=comentariotopografico-1223413936115818-9&stripped_title=comentario-del-mapa-topogrfico-presentation" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=comentariotopografico-1223413936115818-9&stripped_title=comentario-del-mapa-topogrfico-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/isaacbuzo">Isaac Buzo</a>.</div></div>
7. ¿Cómo se insertan estos contenidos en nuestra web? Opción 1: Insertar >> HTML >> Pegar en la ventana el código que nos da el servicio externo Opción 2: Desde la pestaña Código fuente.
8. ¿Cómo se insertan estos contenidos en nuestra web? Nuestro ordenador Ordenador remoto Arrastrar archivo Transferir archivos al servidor a través del Filezilla (p. ej.)
9. ¿Cómo se insertan estos contenidos en nuestra web? Resultado en un navegador:
10. HERRAMIENTAS WEB 2.0 AUDIO http://www.goear.com Registro y acceso Búsqueda de sonidos Subir sonidos
11. HERRAMIENTAS WEB 2.0 AUDIO Buscar sonido a subir ( Tiene que ser en formato mp3 ) Características del sonido
12. HERRAMIENTAS WEB 2.0 AUDIO Para convertir cualquier formato de sonido a mp3: Mediante un conversor de formatos: Ej: AUDACITY En linea: Zamzar: www.zamzar.com
13. HERRAMIENTAS WEB 2.0 AUDIO Enlazar Insertar en la web Sonido que estamos escuchando
14. HERRAMIENTAS WEB 2.0 AUDIO http://www.goear.com/listen/ad36d44/Carlos-Herrera-y-Fogonazos-carlos-herrera,-fogonazos,- Ejemplo del resultado del enlace: Ejemplo del resultado de la inserción:
15. HERRAMIENTAS WEB 2.0 IMAGEN Se accede usando una cuenta de google http://picasaweb.google.com/
36. Si ya estás registrado indica las claves para entrar... Si no estás registrado pincha aquí y entra tus datos para registrarte HERRAMIENTAS WEB 2.0 IMAGEN
38. Fotos subidas Editar propiedades de la imagen Borrar imagen Características del puzle y código para insertar en web HERRAMIENTAS WEB 2.0 IMAGEN HERRAMIENTAS WEB 2.0 IMAGEN
39. Pinchar en “share” de la imagen que queramos convertir en puzle...: Número y forma de las piezas Tamaño Código para incrustar en la web o blog Vista previa (existen otros modelos hacia abajo de la página) HERRAMIENTAS WEB 2.0 IMAGEN
40. EJEMPLO DE USO: http://www.isaacbuzo.com/arte/gaudi.html HERRAMIENTAS WEB 2.0 IMAGEN
41. HERRAMIENTAS WEB 2.0 VIDEO Para convertir cualquier formato en otro: Mediante un conversor de formatos: Ej: winEF En linea: Zamzar: www.zamzar.com
42. Subir videos Usuario Buscar videos Una vez seleccionado un video se puede hacer entre otras cosas lo siguiente con él: Añadir a favoritos para no perderlo Marcar como inadecuado HERRAMIENTAS WEB 2.0 VIDEO
43. Una vez seleccionado un video para insertarlo en una web o blog hay que copiar y pegar el siguiente código: HERRAMIENTAS WEB 2.0 VIDEO
45. LISTAS DE VIDEO http://embedr.com/ Registro Acceso HERRAMIENTAS WEB 2.0 VIDEO
46. Construir una lista Ver listas existentes Mis listas Título Copiar una dirección de un video (p.ej. de youtube) Previsualización Crear lista HERRAMIENTAS WEB 2.0 VIDEO
47. Lista de videos Código para insertar en web o blog Propiedades HERRAMIENTAS WEB 2.0 VIDEO
48. SUBTÍTULOS EN VIDEOS http://www.overstream.net HERRAMIENTAS WEB 2.0 VIDEO
51. Código para insertar en web En [ My Overstream ] buscamos el vídeo, lo seleccionamos y nos sale el código que debemos copiar en la web o blog. HERRAMIENTAS WEB 2.0 VIDEO
53. Datos necesarios para registrarse Datos del usuario registrado HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
54. Usuario Salir Selección de idioma Actividad relacionada con el perfil del usuario: comentarios en las presentaciones, actividad de los amigos... HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
55. Búsqueda por categoría o popularidad Página de inicio del usuario Página que recoge las presentaciones propias y favoritas, usuarios, comentarios.... HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
56. Perfil Presentaciones favoritas Presentaciones subidas Comentarios generales Contactos Grupos Palabras claves más usadas en tus presentaciones Últimas presentaciones de los contactos HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
57. Presionar para buscar archivo que queremos subir Archivo cargándose SUBIR ARCHIVOS: UPLOAD HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
58. Título Palabras claves Descripción Categoría Privacidad Idioma Publicar Aviso de que el archivo se ha subido y se está publicando Aviso de que el archivo se ha publicado correctamente HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
59. Si la presentación es nuestra: Vamos a nuestro espacio Si la presentación es de otro: Buscamos por palabras claves Encontrada la presentación: la seleccionamos pinchando sobre ella Copiamos el código y lo pegamos en la web o blog HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
61. Scribd: http://www.scribd.com Registro para usuarios nuevos Entrada para usuarios registrados HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
62. PRESIONAR SE ABRE VENTANA NUEVA PRESIONAR PARA BUSCAR ARCHIVO QUE QUEREMOS SUBIR PARA SUBIR UN DOCUMENTO HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
63. Archivo seleccionado Progreso en la subida del archivo Descripción del documento Cuando se haya subido el documento se abre automáticamente la página de descripción.... Guardar cambios HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
64. Copiar y pegar código en la web o blog INSERTAR DOCUMENTO BAJAR DOCUMENTO Seleccionar el formato del archivo que queremos bajar HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
65. RESULTADO: PRESENTACIÓN O ARCHIVO DE TEXTO INSERTADO EN UNA WEB O BLOG HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
67. Subir documento Buscar documento en tu perfil Buscar documento en issuu Documentos subidos en mi perfil HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
68. Una vez seleccionado el documento se puede... Código para insertar Propiedades del objeto insertado HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
69. RESULTADO: PRESENTACIÓN O ARCHIVO DE TEXTO INSERTADO EN UNA WEB O BLOG (ESPECIALMENTE DISEÑADO PARA REVISTAS) HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS
74. El mapa conceptual se construye en linea Sobre el recuadro inicial aparecen todas las funciones que se pueden dar: añadir otro cuadro, cambiar de color, eliminar, unir y mover HERRAMIENTAS WEB 2.0 MAPAS CONCEPTUALES
75. ÁREA DE TRABAJO ARCHIVOS GUARDADOS Para obtener el código: presionar menú HERRAMIENTAS WEB 2.0 MAPAS CONCEPTUALES
76. RESULTADO: ESQUEMA INSERTADO EN LA WEB O BLOG (SE PUEDE MOVER CON EL RATÓN Y MODIFICAR EL TAMAÑO). HERRAMIENTAS WEB 2.0 MAPAS CONCEPTUALES