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.

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=&quot;width:425px;text-align:left&quot; id=&quot;__ss_642496&quot;><a style=&quot;font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;&quot; href=&quot;http://www.slideshare.net/isaacbuzo/comentario-del-mapa-topogrfico-presentation&quot; title=&quot;Comentario del Mapa Topográfico&quot;>Comentario del Mapa Topográfico</a><object style=&quot;margin:0px&quot; width=&quot;425&quot; height=&quot;355&quot;><param name=&quot;movie&quot; value=&quot;http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=comentariotopografico-1223413936115818-9&stripped_title=comentario-del-mapa-topogrfico-presentation&quot; /><param name=&quot;allowFullScreen&quot; value=&quot;true&quot;/><param name=&quot;allowScriptAccess&quot; value=&quot;always&quot;/><embed src=&quot;http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=comentariotopografico-1223413936115818-9&stripped_title=comentario-del-mapa-topogrfico-presentation&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;355&quot;></embed></object><div style=&quot;font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;&quot;>View more <a style=&quot;text-decoration:underline;&quot; href=&quot;http://www.slideshare.net/&quot;>presentations</a> from <a style=&quot;text-decoration:underline;&quot; href=&quot;http://www.slideshare.net/isaacbuzo&quot;>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/

16. HERRAMIENTAS WEB 2.0 IMAGEN

17. HERRAMIENTAS WEB 2.0 IMAGEN

18. HERRAMIENTAS WEB 2.0 IMAGEN Tamaño

19. HERRAMIENTAS WEB 2.0 IMAGEN

20. HERRAMIENTAS WEB 2.0 IMAGEN Añadir usuarios como favoritos Buscar imágenes

21. HERRAMIENTAS WEB 2.0 IMAGEN Se accede usando una cuenta de yahoo Si no tienes cuenta en yahoo puedes crearte una http://www.flickr.com/

22. HERRAMIENTAS WEB 2.0 IMAGEN Para subir imágenes...

23. HERRAMIENTAS WEB 2.0 IMAGEN

24. HERRAMIENTAS WEB 2.0 IMAGEN - Organiza las fotos en álbumes - Localiza las fotos en mapas - Busca fotos en flickr Otras funciones...

25. HERRAMIENTAS WEB 2.0 IMAGEN Tu>>tu galería Selecciona una foto Presiona la lupa Selecciona el tamaño Copia el código y pega en la web

26. HERRAMIENTAS WEB 2.0 IMAGEN Resultado: http://www.isaacbuzo.com/primeroeso/tema8/escritura_antigua.html

27. http://www.slide.com/ HERRAMIENTAS WEB 2.0 IMAGEN

28. Crea una presentación de fotografías en línea con efectos Da efectos a imágenes sueltas HERRAMIENTAS WEB 2.0 IMAGEN

29. Vista previa Agregar fotos Efectos HERRAMIENTAS WEB 2.0 IMAGEN

30. http://www.slide.com/r/_ubNk2PI7z8h71-snO7TxrXiz3ZGd9m1?previous_view=lt_embedded_url RESULTADO: Presentación de imágenes con efectos y música Se puede insertar en la web: buscar en opciones “embed” HERRAMIENTAS WEB 2.0 IMAGEN

31. CREAR FUNPIX Subir imágenes Efectos Vista previa HERRAMIENTAS WEB 2.0 IMAGEN

32. http://www.slide.com/r/SBx1p5kL7j_gMOMnxSxtJzzwyEt4KIZ5?previous_view=mscd_embedded_url&view=original RESULTADO: Imagen con efectos Se puede insertar en la web: buscar en opciones “embed” HERRAMIENTAS WEB 2.0 IMAGEN

33. EJEMPLO DE USO: http://www.isaacbuzo.com/segundoeso/tema1/artevisigodo.html HERRAMIENTAS WEB 2.0 IMAGEN

34. OTRAS FUNCIONES SLIDE FUNCIONES PARA REDES SOCIALES LIBRO DE VISITAS CREA EFECTOS EN VIDEOS DE YOUTUBE HERRAMIENTAS WEB 2.0 IMAGEN

35. http://www.jigzone.com/ Para registrarse y entrar HERRAMIENTAS WEB 2.0 IMAGEN

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

37. Puzles creados Subir nueva foto 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

44. RESULTADO: http://www.isaacbuzo.com/geografia/videos/video_coriolis.html 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

49. Entrar dirección del video HERRAMIENTAS WEB 2.0 VIDEO

50. Subtítulos Control del tiempo 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

52. SLIDESHARE: http://www.slideshare.net HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS Para registrarse Entrada de usuarios registrados

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

60. 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

66. ISSUU: http://www.issuu.com/ 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

70. YUDU: http://www.yudu.com Entrar Buscar HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

71. Pulsar para subir documento Tipos de documento: escrito, audio, foto y sitio web HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

72. RESULTADO: ARCHIVO DE TEXTO, PRESENTACIÓN, WEB, SONIDO....PARA INSERTARLOS EN UNA WEB O BLOG HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

73. BUBBL: http://www.bubbl.us/ Usuario nuevo Usuario ya registrado HERRAMIENTAS WEB 2.0 MAPAS CONCEPTUALES

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

77. POLLDADDY: http://www.polldaddy.com REGISTRO HERRAMIENTAS WEB 2.0 ENCUESTAS

78. HERRAMIENTAS WEB 2.0 ENCUESTAS

79. HERRAMIENTAS WEB 2.0 ENCUESTAS

80. CÓDIGO HERRAMIENTAS WEB 2.0 ENCUESTAS

81. ANTES DE VOTAR RESULTADOS DESPUÉS DE VOTAR RESULTADO: ENCUESTA INSERTADA EN LA WEB O BLOG HERRAMIENTAS WEB 2.0 ENCUESTAS

82. GOOGLE MAPS: http://maps.google.es HERRAMIENTAS WEB 2.0 MAPAS

83. HERRAMIENTAS WEB 2.0 MAPAS Ejemplos de uso: http://www.isaacbuzo.com/satelite.html http://www.isaacbuzo.com/plano.html http://www.isaacbuzo.com/geografia/casos/inicio.html

84. HERRAMIENTAS WEB 2.0 MAPAS UP2 MAPS: http://www.up2maps.net/ Registro y entrada Herramienta que utiliza como base los mapas de Google maps.

85. HERRAMIENTAS WEB 2.0 MAPAS Criterios de búsqueda Búsqueda por país y categoría Listados de mapas Fondo del mapa Crear un mapa

86. HERRAMIENTAS WEB 2.0 MAPAS Código

87. HERRAMIENTAS WEB 2.0 MAPAS RESULTADO: Mapa integrado en una web o un blog

88. HERRAMIENTAS WEB 2.0 GOOGLE BOOKS Google Books http://books.google.es/

89. HERRAMIENTAS WEB 2.0 GOOGLE GADGETS http://www.google.com/webmasters/gadgets/

90. HERRAMIENTAS WEB 2.0 GOOGLE GADGETS Ejemplo:

91. HERRAMIENTAS WEB 2.0 COMPLEMENTOS MOTIGO: http://www.motigo.com Estadística, foros, libros de visita, calendarios

92. HERRAMIENTAS WEB 2.0 COMPLEMENTOS

93. HERRAMIENTAS WEB 2.0 COMPLEMENTOS ANTIPLAGIO http://www.copyscape.com/ http://approbo.citilab.eu/