Las herramientas Web 2.0 al servicio de la didáctica geográfica (II)

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    3 Favorites

    Las herramientas Web 2.0 al servicio de la didáctica geográfica (II) - Presentation Transcript

    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/

    + Isaac BuzoIsaac Buzo, 1 month ago

    custom

    260 views, 3 favs, 1 embeds more stats

    Descripción de las herramientas WEB 2.0 aplicables more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 260
      • 258 on SlideShare
      • 2 from embeds
    • Comments 0
    • Favorites 3
    • Downloads 0
    Most viewed embeds
    • 2 views on http://www.isaacbuzo.com

    more

    All embeds
    • 2 views on http://www.isaacbuzo.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories