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

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 +

¿Cómo se insertan estos contenidos en nuestra web? CODIFICAR (Editor web) DECODIFICAR (Navegador) AUTOR USUARIO HTML

¿Cómo se insertan estos contenidos en nuestra web? * Editor de web * Kompozer

¿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

¿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>

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

¿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.)

¿Cómo se insertan estos contenidos en nuestra web? Resultado en un navegador:

HERRAMIENTAS WEB 2.0 AUDIO http://www.goear.com Registro y acceso Búsqueda de sonidos Subir sonidos

HERRAMIENTAS WEB 2.0 AUDIO Buscar sonido a subir ( Tiene que ser en formato mp3 ) Características del sonido

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

HERRAMIENTAS WEB 2.0 AUDIO Enlazar Insertar en la web Sonido que estamos escuchando

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:

HERRAMIENTAS WEB 2.0 IMAGEN Se accede usando una cuenta de google http://picasaweb.google.com/

HERRAMIENTAS WEB 2.0 IMAGEN

HERRAMIENTAS WEB 2.0 IMAGEN

HERRAMIENTAS WEB 2.0 IMAGEN Tamaño

HERRAMIENTAS WEB 2.0 IMAGEN

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

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/

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

HERRAMIENTAS WEB 2.0 IMAGEN

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

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

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

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

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

Vista previa Agregar fotos Efectos HERRAMIENTAS WEB 2.0 IMAGEN

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

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

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

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

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

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

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

Puzles creados Subir nueva foto HERRAMIENTAS WEB 2.0 IMAGEN

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

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

EJEMPLO DE USO: http://www.isaacbuzo.com/arte/gaudi.html HERRAMIENTAS WEB 2.0 IMAGEN

HERRAMIENTAS WEB 2.0 VIDEO Para convertir cualquier formato en otro: Mediante un conversor de formatos: Ej: winEF En linea: Zamzar: www.zamzar.com

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

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

RESULTADO: http://www.isaacbuzo.com/geografia/videos/video_coriolis.html HERRAMIENTAS WEB 2.0 VIDEO

LISTAS DE VIDEO http://embedr.com/ Registro Acceso HERRAMIENTAS WEB 2.0 VIDEO

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

Lista de videos Código para insertar en web o blog Propiedades HERRAMIENTAS WEB 2.0 VIDEO

SUBTÍTULOS EN VIDEOS http://www.overstream.net HERRAMIENTAS WEB 2.0 VIDEO

Entrar dirección del video HERRAMIENTAS WEB 2.0 VIDEO

Subtítulos Control del tiempo HERRAMIENTAS WEB 2.0 VIDEO

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

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

Datos necesarios para registrarse Datos del usuario registrado HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

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

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

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

Presionar para buscar archivo que queremos subir Archivo cargándose SUBIR ARCHIVOS: UPLOAD HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

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

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

HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

Scribd: http://www.scribd.com Registro para usuarios nuevos Entrada para usuarios registrados HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

PRESIONAR SE ABRE VENTANA NUEVA PRESIONAR PARA BUSCAR ARCHIVO QUE QUEREMOS SUBIR PARA SUBIR UN DOCUMENTO HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

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

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

RESULTADO: PRESENTACIÓN O ARCHIVO DE TEXTO INSERTADO EN UNA WEB O BLOG HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

ISSUU: http://www.issuu.com/ HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

Subir documento Buscar documento en tu perfil Buscar documento en issuu Documentos subidos en mi perfil HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

Una vez seleccionado el documento se puede... Código para insertar Propiedades del objeto insertado HERRAMIENTAS WEB 2.0 PRESENTACIONES Y DOCUMENTOS

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

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

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

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

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

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

ÁREA DE TRABAJO ARCHIVOS GUARDADOS Para obtener el código: presionar menú HERRAMIENTAS WEB 2.0 MAPAS CONCEPTUALES

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

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

HERRAMIENTAS WEB 2.0 ENCUESTAS

HERRAMIENTAS WEB 2.0 ENCUESTAS

CÓDIGO HERRAMIENTAS WEB 2.0 ENCUESTAS

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

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

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

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

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

HERRAMIENTAS WEB 2.0 MAPAS Código

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

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

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

HERRAMIENTAS WEB 2.0 GOOGLE GADGETS Ejemplo:

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

HERRAMIENTAS WEB 2.0 COMPLEMENTOS

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