Manual multimedia y web 2.0

12,223 views
12,009 views

Published on

Published in: Technology
2 Comments
4 Likes
Statistics
Notes
No Downloads
Views
Total views
12,223
On SlideShare
0
From Embeds
0
Number of Embeds
351
Actions
Shares
0
Downloads
448
Comments
2
Likes
4
Embeds 0
No embeds

No notes for slide

Manual multimedia y web 2.0

  1. 1. Índice Temático 2Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del ProfesoradoMultimedia y Web 2.0Presentación ......................................................................... 11Módulo 1. Blogs ..................................................................... 131. ¿Qué es la Web 2.0? ................................................................................. 14 1.1 Concepto de Web 2.0 ...................................................................... 15 1.2 Principios generales de la Web 2.0 ...................................................... 16 1.3 Algunos ejemplos de iniciativas Web 2.0 ............................................... 17 1.4 El navegador web .......................................................................... 182. Iniciación a los blogs ............................................................................... 20 2.1 ¿Qué es un blog? ............................................................................ 21 2.2 Anatomía de un blog ....................................................................... 22 2.3 Características de los blogs .............................................................. 24 2.4 Tipos de blogs ............................................................................... 24 2.5 Servicios de blogs........................................................................... 253. Mi primer artículo .................................................................................. 26 3.1 Mi primer artículo en Blogger ............................................................ 27 3.1.1 Crear un blog en Blogger ....................................................... 28 3.1.2 Crear una nueva entrada ....................................................... 31 3.1.3 Añadir título y texto ............................................................ 31 3.1.4 Añadir una imagen .............................................................. 33 3.1.5 Añadir un hipervínculo .......................................................... 34 3.1.6 Otras opciones de la entrada .................................................. 35 3.1.7 Publicar la entrada .............................................................. 36 3.1.8 URL permanente a una entrada ............................................... 36 3.2 Mi primer artículo en Wordpress ......................................................... 37 3.2.1 Crear un blog en Wordpress .................................................... 38 3.2.2 Crear una nueva entrada ....................................................... 40 3.2.3 Añadir título y texto ............................................................ 40 3.2.4 Añadir una imagen .............................................................. 42 3.2.5 Añadir un hipervínculo .......................................................... 44 3.2.6 Otras opciones de la entrada .................................................. 45 3.2.7 Publicar la entrada .............................................................. 47 3.2.8 URL permanente a una entrada ............................................... 474. Gestión de artículos ................................................................................ 49 4.1 Gestión de artículos en Blogger .......................................................... 50 4.1.1 Modificar un artículo ............................................................ 51 4.1.2 Estados de publicación ......................................................... 52 4.1.3 Eliminar un artículo ............................................................. 52 4.1.4 Publicar y despublicar........................................................... 53 4.1.5 Asignar etiquetas ................................................................ 54 4.1.6 Publicar artículos desde el correo electrónico .............................. 55 4.1.7 Exportar e importar entradas .................................................. 60 4.2 Gestión de artículos en Wordpress ...................................................... 63 4.2.1 Modificar un artículo ............................................................ 64 4.2.2 Estados de publicación ......................................................... 65 4.2.3 Eliminar un artículo ............................................................. 66 4.2.4 Publicar y despublicar........................................................... 67 4.2.5 Asignar etiquetas ................................................................ 67 4.2.6 Publicar artículos desde el correo electrónico .............................. 69 4.2.7 Exportar e importar entradas .................................................. 73
  2. 2. Índice Temático 3Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado5. El editor de entradas ............................................................................... 77 5.1 El editor de entradas en Blogger ......................................................... 78 5.1.1 Formato de texto ................................................................ 79 5.1.2 Corrector ortográfico............................................................ 85 5.1.3 El código HTML ................................................................... 85 5.2 El editor de entradas en Wordpress ..................................................... 87 5.2.1 Formato de texto ................................................................ 88 5.2.2 Corrector ortográfico............................................................ 95 5.2.3 El código HTML ................................................................... 956. Diseño del blog ...................................................................................... 97 6.1 Diseño del blog en Blogger ................................................................ 98 6.1.1 Modificar la plantilla ............................................................ 99 6.1.2 Fuentes y colores .............................................................. 100 6.1.3 Elementos de una página ...................................................... 101 6.1.4 Barra de navegación de Blogger .............................................. 102 6.1.5 Cabecera ......................................................................... 103 6.1.6 Entradas del blog ............................................................... 105 6.1.7 Añadir gadgets a la barra lateral ............................................. 106 6.1.8 Algunos gadgets interesantes ................................................. 109 6.1.9 Edición HTML de la plantilla .................................................. 115 6.1.10 Edición avanzada HTML de la plantilla ..................................... 117 6.2 Diseño del blog en Wordpress ........................................................... 122 6.2.1 Modificar el tema ............................................................... 123 6.2.2 Colores del encabezado ....................................................... 124 6.2.3 Cabecera ......................................................................... 126 6.2.4 Añadir widgets a la barra lateral ............................................. 128 6.2.5 Algunos widgets interesantes ................................................. 131 6.2.6 Edición CSS del tema ........................................................... 135 6.2.7 Marca “Leer más” en un artículo de WP .................................... 1367. Moderación de comentarios ...................................................................... 138 7.1 Moderación de comentarios en Blogger ................................................ 139 7.1.1 Configuración de comentarios ............................................... 140 7.1.2 Envío de comentarios .......................................................... 142 7.1.3 Moderación de comentarios ................................................... 142 7.2 Moderación de comentarios en Wordpress ............................................ 145 7.2.1 Configuración de comentarios ............................................... 146 7.2.2 Envío de comentarios .......................................................... 148 7.2.3 Moderación de comentarios ................................................... 1498. Usuarios y permisos ............................................................................... 152 8.1 Usuarios y permisos en Blogger ......................................................... 153 8.1.1 Tipos de usuarios................................................................ 154 8.1.2 Añadir autores .................................................................. 154 8.1.3 Añadir lectores ................................................................. 155 8.2 Usuarios y permisos en Wordpress ...................................................... 157 8.2.1 Tipos de usuarios................................................................ 158 8.2.2 Añadir usuarios ................................................................. 158 8.2.3 Editar usuarios .................................................................. 1599. Configuración del blog............................................................................. 160 9.1 Configuración del blog en Blogger ...................................................... 161 9.1.1 Opciones básicas ............................................................... 162 9.1.2 Publicación ...................................................................... 163 9.1.3 Formato .......................................................................... 163 9.1.4 Comentarios ..................................................................... 164 9.1.5 Archivo ........................................................................... 164 9.1.6 Correo electrónico ............................................................. 164
  3. 3. Índice Temático 4Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 9.2 Configuración del blog en Wordpress .................................................. 165 9.2.1 Opciones generales ............................................................ 166 9.2.2 Escritura ......................................................................... 166 9.2.3 Lectura ........................................................................... 167 9.2.4 Comentarios ..................................................................... 167 9.2.5 Privacidad ....................................................................... 16810. Documentos PDF .................................................................................. 169 10.1 Introducción .............................................................................. 170 10.2 Lectura de archivos PDF en Windows ................................................ 170 10.3 Instalación de PDF Creator en Windows ............................................. 170 10.4 Crear un archivo PDF con PDF Creator ............................................... 171 10.5 Lectura de archivos PDF en Ubuntu ................................................... 174 10.6 Impresora virtual PDF en Ubuntu ...................................................... 175 10.7 Crear documentos PDF desde OpenOffice ........................................... 175 10.8 Publicar un PDF en Blogger ............................................................ 178 10.9 Publicar un PDF en Wordpress ......................................................... 18111. Google Docs ........................................................................................ 185 11.1 ¿Qué es Google Apps? .................................................................... 186 11.1.1 Introducción .................................................................... 186 11.1.2 ¿Por qué Google Apps? ........................................................ 186 11.1.3 Descripción de las aplicaciones más interesantes ........................ 187 11.2 Crear y compartir un documento en Google Docs .................................. 190 11.3 Gestión de archivos en Google Docs .................................................. 200 11.3.1 Importación de archivos a Google Docs .................................... 200 11.3.2 Obtener el enlace para compartir .......................................... 202 11.3.3 Gestión de archivos en Google Docs ........................................ 203 11.3.4 Exportación de archivos ...................................................... 206 11.4 Crear un documento a partir de una plantilla ....................................... 208 11.5 Formularios ............................................................................... 209 11.5.1 ¿Qué son los formularios?..................................................... 209 11.5.2 Crear un nuevo formulario ................................................... 209 11.5.3 Consulta de los resultados de un formulario .............................. 212 11.6 Integración de Google Docs en Blogger ............................................... 213 11.6.1 Integración de un documento de texto .................................... 213 11.6.2 Integración de una presentación ............................................ 216 11.6.3 Integración de una hoja de cálculo ......................................... 217 11.6.4 Integración de un formulario ................................................ 218 11.7 Integración de Google Docs en Wordpress ........................................... 21912. Derechos de autor ................................................................................ 222 12.1 Introducción .............................................................................. 223 12.2 Los derechos de autor ................................................................... 223 12.3 Licencias Creative Commons ........................................................... 223 12.4 Añadir una licencia CC a un blog de Blogger ........................................ 224 12.5 Añadir una licencia CC a un blog de Wordpress ..................................... 228Módulo 2. Imagen.................................................................. 2331. Conceptos básicos de imagen digital ............................................................ 234 1.1 El píxel ...................................................................................... 235 1.2 Resolución de imagen ..................................................................... 235 1.3 Profundidad de color...................................................................... 235 1.4 Modos de color ............................................................................. 236 1.5 Formatos de imagen ...................................................................... 238 1.6 Consejos para la optimización de imágenes .......................................... 239
  4. 4. Índice Temático 5Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado2. Empezar con GIMP ................................................................................. 241 2.1 ¿Qué es GIMP? .............................................................................. 242 2.2 Instalación de GIMP ...................................................................... 242 2.3 Inicio de GIMP .............................................................................. 243 2.4 El entorno de edición ..................................................................... 243 2.5 Crear una nueva imagen.................................................................. 244 2.6 Guardar una imagen ...................................................................... 2463. Optimización de imágenes ........................................................................ 249 3.1 Conversión de formatos .................................................................. 250 3.2 Reducir la paleta de colores ............................................................. 2574. Dimensiones de una imagen ...................................................................... 259 4.1 Reducir el tamaño de una imagen ...................................................... 260 4.2 Modificar el tamaño del lienzo .......................................................... 263 4.3 Recortado de imágenes ................................................................... 2685. Montaje de imágenes .............................................................................. 2706. Efectos especiales ................................................................................. 275 6.1 Filtros ....................................................................................... 276 6.2 Textos con efectos especiales .......................................................... 2787. Tratamiento de imágenes por lotes ............................................................ 283 7.1 Introducción ................................................................................ 284 7.2 Instalación del plugin DBP de GIMP en Windows ..................................... 284 7.3 Instalación del plugin DBP de GIMP en Ubuntu ....................................... 285 7.4 Conversión por lotes con GIMP .......................................................... 2868. Flickr: galería de fotos ........................................................................... 291 8.1 Introducción ................................................................................ 292 8.2 Subir fotografías a Flickr ................................................................. 292 8.3 Organizar en álbumes .................................................................... 296 8.4 Publicación de una imagen Flickr en el blog .......................................... 296 8.4.1 Insertar la imagen en Blogger ................................................. 297 8.4.2 Insertar la imagen en Wordpress ............................................. 299 8.5 Publicación de presentación Flickr en Blogger ....................................... 300 8.6 Publicación de presentación Flickr en Wordpress .................................... 3039. Picasa Web: álbums de fotos .................................................................... 305 9.1 ¿Qué es Picasa Web? ...................................................................... 306 9.2 Subir fotografías a Picasa Web I......................................................... 307 9.3 Subir fotografías a Picasa Web II ....................................................... 310 9.3.1 Instalación de Picasa 3 en Windows.......................................... 310 9.3.2 Instalación de Picasa 3 en Ubuntu ........................................... 310 9.3.3 Subir imágenes a Picasa Web ................................................. 310 9.4 Publicación de una imagen Picasa en el blog ......................................... 316 9.4.1 Obtener la URL de la imagen ................................................. 316 9.4.2 Insertar la imagen en una entrada de Blogger ............................. 318 9.4.3 Insertar la imagen en una entrada de Wordpress .......................... 319 9.5 Publicación de presentación Picasa en Blogger....................................... 320 9.6 Publicación de presentación Picasa en Wordpress ................................... 32210. Slide.com: presentaciones de fotos ........................................................... 325 10.1 ¿Qué es Slide.com? ....................................................................... 326 10.2 Crear una presentación Slide .......................................................... 326 10.3 Publicar la presentación Slide en Blogger ........................................... 330 10.4 Publicar la presentación Slide en Wordpress ........................................ 331
  5. 5. Índice Temático 6Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado11. Slideshare.com: presentaciones en línea .................................................... 334 11.1 ¿Qué es SlideShare.net? ................................................................. 335 11.2 Subir una presentación a Slideshare.net ............................................. 335 11.3 Publicar un Slideshare en Blogger ..................................................... 337 11.4 Publicar un Slideshare en Wordpress ................................................. 34012. Google Maps ...................................................................................... 342 12.1 ¿Qué es Google Maps? ................................................................... 343 12.2 Crear un mapa en GMap ................................................................ 343 12.3 Publicar un mapa Google en Blogger ................................................. 346 12.4 Publicar un mapa Google en Wordpress .............................................. 348Módulo 3. Audio ................................................................... 3501. Introducción ......................................................................................... 351 1.1 Conceptos básicos de sonido digital .................................................... 352 1.2 Formatos de archivo de audio ........................................................... 353 1.3 Optimización de archivos de audio ..................................................... 3542. Primeros pasos con Audacity ..................................................................... 355 2.1 ¿Qué es Audacity? ......................................................................... 356 2.2 Instalación del programa en Windows.................................................. 356 2.3 Instalación del programa en Ubuntu ................................................... 357 2.4 El entorno del programa ................................................................. 3583. Reproducción de audio con Audacity ........................................................... 363 3.1 Abrir un archivo de audio ............................................................... 364 3.2 Reproducción del audio .................................................................. 364 3.3 Propiedades de un archivo de audio.................................................... 365 3.3.1 Instalación de MediaInfo en Windows........................................ 365 3.3.2 Instalación de MediaInfo en Ubuntu ......................................... 365 3.3.3 Uso de MediaInfo ................................................................ 367 3.4 Guardar un proyecto de Audacity ....................................................... 3684. Optimización de audios ........................................................................... 369 4.1 Conversión de formato .wav a .mp3 ................................................... 370 4.2 Configurar la calidad de exportación a MP3 .......................................... 372 4.3 Convertir un audio de estéreo a mono ................................................. 373 4.4 Formatos de compresión WAV ........................................................... 3775. La grabación de audio ............................................................................. 380 5.1 Crear una grabación de voz .............................................................. 381 5.2 Grabar audio de un CD.................................................................... 383 5.3 Grabar audio de la radio ................................................................. 386 5.4 Grabar audio de un MIDI .................................................................. 3876. Montajes de audio .................................................................................. 390 6.1 Seleccionar un fragmento de onda .................................................... 391 6.2 Crear un nuevo archivo con un fragmento ............................................ 393 6.3 Recortar un fragmento ................................................................... 394 6.4 Silenciar una selección .................................................................. 394 6.5 Crear un loop de audio ................................................................... 395 6.6 Mezclar pistas de audio ................................................................... 3967. Aplicar efectos ..................................................................................... 3998. Extracción de audio de un CD ................................................................... 406 8.1 CDex en Windows .......................................................................... 407
  6. 6. Índice Temático 7Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 8.1.1 ¿Qué es CDex? ................................................................... 407 8.1.2 Instalación de CDex ............................................................. 407 8.1.3 Extracción de audio de un CD con CDex..................................... 407 8.2 Sound Juicer en Ubuntu .................................................................. 410 8.2.1 ¿Qué es Sound Juicer? .......................................................... 410 8.2.2 Instalación de Sound Juicer ................................................... 410 8.2.3 Extracción de audio de un CD con Sound Juicer ........................... 4109. Integración de audio en el blog .................................................................. 413 9.1 Integración de audio en Blogger ........................................................ 414 9.1.1 Subida de archivos a Google Sites ............................................ 415 9.1.2 Generar el código para inscrustar ............................................ 417 9.1.3 Crear el artículo en Blogger ................................................... 419 9.1.4 Los parámetros de configuración de PixelOut .............................. 422 9.2 Integración de audio en Wordpress ..................................................... 424 9.2.1 Subida de archivos a Google Sites ............................................ 425 9.2.2 Crear el artículo en Wordpress ............................................... 429 9.2.3 Reproductor de audio en Wordpress ......................................... 431 9.2.4 Los parámetros de configuración ............................................. 43210. Repositorios Web 2.0 de audio ................................................................. 434 10.1 GoEar ...................................................................................... 435 10.1.1 ¿Qué es GoEar? ................................................................. 435 10.1.2 Subir tu audio mp3 a GoEar .................................................. 435 10.1.3 Publicación de un audio de GoEar en Blogger ............................ 436 10.1.4 Publicación de un audio de GoEar en Wordpress ......................... 438 10.2 SoundCloud ............................................................................... 440 10.2.1 ¿Qué es SoundCloud? .......................................................... 440 10.2.2 Subir tu audio mp3 a SoundCloud ........................................... 441 10.2.3 Publicación de un audio de SoundCloud en Blogger ..................... 442 10.2.4 Publicación de un audio de SoundCloud en Wordpress .................. 443Módulo 4. Vídeo ................................................................... 4461. Introducción ......................................................................................... 447 1.1 Conceptos básicos de video digital ..................................................... 448 1.2 Formatos de archivos de video .......................................................... 449 1.3 ¿Qué es el streaming? ..................................................................... 450 1.4 Optimización de archivos de video ..................................................... 451 1.5 Dispositivos de captura de video ........................................................ 4522. Reproducción de vídeos con VLC Media Player ................................................ 454 2.1 ¿Qué es VLC Media Player? ............................................................... 455 2.2 Instalación de VLC Media Player en Windows ......................................... 455 2.3 Instalación de VLC Media Player en Ubuntu ........................................... 455 2.4 Reproducción de un vídeo FLV con VLC ................................................ 4563. Descarga de archivos de vídeo ................................................................... 458 3.1 Descarga con vídeos Youtube con Firefox ............................................. 459 3.1.1 ¿Qué es Video DownloadHelper? .............................................. 459 3.1.2 Instalación de la extensión Video DownloadHelper ....................... 459 3.1.3 Descarga desde Youtube ....................................................... 460 3.2 Sitios web para descarga de vídeos..................................................... 4634. Captura de vídeo ................................................................................... 465 4.1 Windows Movie Maker..................................................................... 466 4.1.1 Instalación de Windows Movie Maker ........................................ 466 4.1.2 Abrir Windows Movie Maker ................................................... 466
  7. 7. Índice Temático 8Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4.1.3 Capturar vídeo de cámara DV ................................................. 467 4.1.4 Recortar un clip de vídeo ...................................................... 471 4.1.5 Exportar el archivo de vídeo .................................................. 472 4.2 Kino en Ubuntu ............................................................................ 474 4.2.1 Instalación de Kino ............................................................. 474 4.2.2 Configuración de permisos del puerto raw1394 ............................ 474 4.2.3 Instalación del paquete mjpegtools.......................................... 474 4.2.4 Abrir Kino ........................................................................ 475 4.2.5 Capturar vídeo de cámara DV ................................................. 476 4.2.6 Recortar un clip de vídeo ...................................................... 476 4.2.7 Exportar el archivo de vídeo .................................................. 478 4.2.8 Reproducir el vídeo final ...................................................... 4785. Edición de vídeo .................................................................................... 479 5.1 Introducción ................................................................................ 480 5.2 PhotoStory en Windows................................................................... 480 5.2.1 Instalación de PhotoStory ..................................................... 480 5.2.2 Creación de una narración de fotos .......................................... 480 5.3 Imagination en Ubuntu ................................................................... 503 5.3.1 Instalación de Imagination .................................................... 503 5.3.2 Creación de una narración de fotos .......................................... 5036. Conversión de formatos de vídeo ................................................................ 509 6.1 Propiedades de un vídeo con MediaInfo ............................................... 510 6.1.1 Información de un archivo multimedia que proporciona MediaInfo .... 510 6.1.2 Formatos de archivo leídos por MediaInfo .................................. 510 6.1.3 ¿Para qué se utiliza MediaInfo? ............................................... 510 6.1.4 Instalación de MediaInfo en Windows........................................ 510 6.1.5 Instalación de MediaInfo en Ubuntu ......................................... 510 6.1.6 Uso de MediaInfo ................................................................ 511 6.2 Conversión de formatos de vídeo con WinFF ......................................... 512 6.2.1 ¿Qué es WinFF? .................................................................. 512 6.2.2 Instalación de WinFF en Windows ............................................ 512 6.2.3 Instalación de WinFF en Ubuntu .............................................. 512 6.2.4 Conversión de un vídeo a distintos formatos ............................... 513 6.2.5 Reproducir el vídeo FLV........................................................ 5147. El DVD como fuente de video .................................................................... 515 7.1 Extracción con AutoGordian en Windows .............................................. 516 7.1.1 Introducción ..................................................................... 516 7.1.2 Software necesario ............................................................. 516 7.1.3 Pasos para convertir DVD a AVI ............................................... 517 7.2 Extracción con dvd::rip en Ubuntu ..................................................... 525 7.2.1 Introducción ..................................................................... 525 7.2.2 Software necesario ............................................................. 525 7.2.3 Configuración de dvd::rip ..................................................... 526 7.2.4 Convertir DVD a AVI con dvd::rip ............................................. 5278. Insertar un video en el blog ...................................................................... 529 8.1 Insertar un vídeo en Blogger ............................................................. 530 8.1.1 Insertar un vídeo en Blogger .................................................. 531 8.1.2 El formato Flash Vídeo (FLV) .................................................. 534 8.1.3 Publicación de vídeo FLV en Blogger ........................................ 534 8.2 Insertar un vídeo en Wordpress ......................................................... 540 8.2.1 Vídeos en Wordpress ........................................................... 541 8.2.2 Blip.tv............................................................................. 541 8.2.3 DailyMotion ...................................................................... 543 8.2.4 Otros servicios de vídeo........................................................ 544 8.2.5 VodPod: importación de vídeos para Wordpress ........................... 545
  8. 8. Índice Temático 9Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado9. Youtube: video en streaming .................................................................... 546 9.1 ¿Qué es Youtube? .......................................................................... 547 9.2 Acceso autentificado a Youtube ........................................................ 547 9.3 Publicación de un vídeo en Youtube ................................................... 547 9.4 Insertar un video de Youtube en Blogger .............................................. 551 9.4.1 Elegir el vídeo en Youtube .................................................... 551 9.4.2 Insertar el vídeo en una entrada de Blogger ............................... 552 9.5 Insertar vídeo de Youtube en Wordpress .............................................. 553 9.5.1 Elegir el vídeo en Youtube .................................................... 553 9.5.2 Insertar el vídeo en una entrada de Wordpress ............................ 553 9.5.3 Ejemplos de parámetros de integración de Youtube ...................... 554 9.6 Insertar una una lista de vídeos Youtube en Blogger ................................ 555 9.6.1 Crear una lista de vídeos en Youtube ........................................ 555 9.6.2 Insertar la lista de vídeos en una entrada de Blogger..................... 558 9.7 Añadir vídeos de Youtube a un gadget del blog ...................................... 560 9.7.1 Añadir un vídeo de Youtube a un gadget del blog ......................... 560 9.7.2 Los canales en Youtube ........................................................ 562 9.7.3 Añadir un canal temático de Youtube a un gadget del blog ............ 564 9.8 Añadir un video de Youtube a un widget de Wordpress ............................ 568 9.9 OverStream: vídeos subtitulados de Youtube ......................................... 568 9.9.1 ¿Qué es OverStream? ........................................................... 568 9.9.2 Crear un vídeo subtitulado .................................................... 568 9.9.3 Insertar un vídeo Overstream en una entrada de Blogger ................ 572 9.9.4 Insertar un vídeo Overstream en una entrada de Wordpress ............ 57310. Servicios de vídeo ............................................................................... 575 10.1 Introducción .............................................................................. 576 10.2 Copiar el código embed del vídeo ..................................................... 576 10.3 Insertar el vídeo en Blogger ............................................................ 578 10.4 Insertar el vídeo en Wordpress ........................................................ 578AnexosA1. Canales de suscripción .......................................................................... 580 1.1 ¿Qué es un canal de suscripción? ........................................................ 581 1.2 Suscripción con el navegador Firefox 3+ ............................................... 581 1.3 Suscripción con el navegador IExplorer 7+ ........................................... 584 1.4 Enlaces de suscripción a tu blog Blogger .............................................. 587 1.5 Enlaces de suscripción a tu blog Wordpress ........................................... 588 1.6 Añadir un feed externo a tu blog ....................................................... 589 1.6.1 Buscar un canal de feeds ...................................................... 589 1.6.2 Añadir un canal feed externo a Blogger ..................................... 589 1.6.3 Añadir un canal feed externo a Wordpress ................................. 591A2. del.icio.us: marcadores sociales .............................................................. 593 2.1 ¿Qué son los marcadores sociales? ...................................................... 594 2.2 ¿Qué es del.icio.us? ....................................................................... 594 2.3 Registrarse en del.icio.us ................................................................ 594 2.4 Instalación de los botones en el navegador ........................................... 594 2.5 Guardar un marcador a un artículo de un blog ....................................... 596 2.6 Importar favoritos del navegador a del.icio.us ....................................... 598 2.7 Editar marcadores del.icio.us desde página web..................................... 599 2.8 Editar los marcadores del.icio.us desde el propio navegador ...................... 600 2.9 Añadir un marcador en un navegador sin botones del.icio.us ...................... 602 2.10 Búsqueda por etiquetas en Mis marcadores.......................................... 604 2.11 Búsqueda de marcadores populares o recientes .................................... 605 2.12 Configuración de mi red social......................................................... 606 2.13 Suscripción a marcadores por etiquetas .............................................. 606
  9. 9. Índice Temático 10Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2.14 Aplicaciones de del.icio.us en Blogger ............................................... 607 2.14.1 Network Badges ................................................................ 607 2.14.2 Linkrolls ......................................................................... 608 2.14.3 Tagrolls.......................................................................... 610 2.15 Aplicación de del.icio.us en Wordpress .............................................. 612Glosario de términos ........................................................................... 614Bibliografía sobre Web 2.0 ................................................................... 634Direcciones web ................................................................................. 638
  10. 10. Presentación 11Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesoradoPresentaciónEn los últimos años hemos asistido a un considerable auge de los espacios web en el entornoeducativo. Hasta tal punto que hay quienes manifiestan que un centro educativo o persona noexiste si no es visible en Internet. Los sitios web no sólo se corresponden con entidadesdpúblicas o privadas sino también con páginas personales de carácter profesional y otrascentradas en el ocio y tiempo libre. Por otra parte la producción de recursos multimedia se haido orientando cada vez más hacia la web en detrimento del soporte CD-ROM o DVD porrazones obvias: coste, inmediatez, facilidad de actualización, difusión, etc.En la publicación de contenidos en Internet la opción más clásica ha sido la edición de páginasweb en el equipo local utilizando un editor visual HTML para luego publicarlas vía FTP en unservidor. Sin embargo esta práctica está cayendo en desuso a favor del empleo de un sistemade gestión de contenidos (CMS=Content Management System) que permite fácilmente laedición en línea. Estas soluciones se imponen porque descentralizan la gestión y facilitan eltrabajo colaborativo. Los CMS de uso más extendido son: Joomla/Drupal (sitio webinstitucional o de proyecto), MediaWiki (wiki), Wordpress/Blogger (blog) y Moodle (e-learning). Otras opciones de publicación son las redes sociales como Tuenti, Facebook,etc.En cualquiera de estas situaciones el curso "Multimedia y Web 2.0" puede resultarinteresante y útil. Su propósito es la formación en los procedimientos básicos para la creaciónde contenidos multimedia adaptados a la web. Se trata de preparar y optimizar recursos detipo texto, imagen, audio o vídeo con una adecuada relación peso/calidad, algo importanteen Internet, y que pueden publicarse en una página HTML, un gestor de contenidos CMS, unared social o bien servir de base para construir objetos o contenidos más complejos utilizandoherramientas de edición general (powerpoint, impress, flash, etc) o herramientas de autorpara recursos multimedia formativos (hot potatoes, jclic, squeak, lim, etc).La idea original en que se basa este curso es aportar pistas para afrontar un proceso creativocompleto. En primer lugar se plantea la obtención de los recursos multimedia originales(léase fotos o vídeos de la cámara digital, pistas de audio de un CD o grabación de unalocución, etc). A continuación se propone el tratamiento para darles un formato másadecuado. Estos materiales se pueden publicar en un servicio Web 2.0 para finalmenteintegrarlos en una entrada o gadget del blog.No es propósito del curso alcanzar un dominio muy elevado de todos y cada uno de losprogramas que se proponen. Sería necesario un curso específico para cada uno. En su defecto,siguiendo un enfoque práctico, se plantea una necesidad y a continuación se proporcionaránunos recursos de partida, una o varias aplicaciones de software y una secuencia detallada depasos para obtener el contenido multimedia final. Por otra parte se ha pretendido que cadaapartado sea independiente del resto para conseguir cierta modularidad.El curso se organiza en 4 módulos:  Blogs  Imagen  Audio  VideoEn el módulo Blogs se propone Blogger o Wordpress como servicio en el cual crear ygestionar un blog orientado a la publicación de contenidos en Internet. Se detallan losprocedimientos para publicar entradas o artículos que contengan texto, enlace, imágenes,etc. También se describe cómo personalizar su estilo gráfico y añadir gadgets ofuncionalidades adicionales en la idea de dotarlo de cierta singularidad. La publicación dearchivos PDF pone a disposición de los lectores información en este interesante formato.También se hace referencia a las posibilidades de Google Docs para la gestión colaborativade documentos de texto, presentaciones, hojas de cálculo y formularios que también sepueden publicar en un blog. Por su facilidad y prestaciones adicionales, el blog es el
  11. 11. Presentación 12Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesoradoprotagonista principal de este curso. Por este motivo toda la producción se orienta a lapublicación final en este medio.En el apartado de Imagen se utilizará el programa GIMP. Se plantean operaciones básicascomo convertir formatos de archivos, reducir la paleta de colores, modificar las dimensionesde la imagen o del lienzo, etc. También se explican procedimientos habituales tales comocomponer imágenes, aplicar filtros y el tratamiento de imágenes por lotes. Se proponendistintos servicios Web 2.0 como Flickr, Picasa, Slide.com, SlideShare.net, etc donde esposible subir fotografías y presentaciones susceptibles de publicación posterior en nuestroblog.En lo relativo al Audio se sugiere el empleo de Audacity para reproducir, grabar desdedistintos medios y convertir a formato mp3 y ogg. Otra posibilidad es extraer el audio de unapista de CD. La edición de audio permite copiar, pegar, mezclar, aplicar efectos, etc paraconseguir un audio más elaborado. Una vez que se dispone de una o varias pistas de audio seutilizarán distintas soluciones para integrar su audición en una entrada del blog. Otra opciónes subir el audio a servicios Web 2.0 como GoEar o DivShare e incrustar posteriormente elreproductor que proporcionan.En el módulo sobre Vídeo se plantean los principales conceptos relacionados con el vídeodigital para luego proponer la visualización de vídeos con el reproductor universal: VLC MediaPlayer. Se proporciona información de cómo utilizar extensiones de Mozilla Firefox (VideoDownloadHelper) para descargar al disco duro del equipo archivos de vídeo desde Internet.También el procedimiento para conocer los detalles técnicos de un archivo multimedia conMedia Info y convertir a otros formatos con WinFF. Otra opción es extraer el vídeo de un DVDcon soluciones como AutoGordian. Se ejemplifica cómo mostrar vídeos dentro del artículo deun blog. Los repositorios de vídeos Web 2.0 como Youtube, Revver, Metacafé, Vimeo, etcofrecen una excelente alternativa para el alojamiento y difusión en streaming de vídeos queposteriormente se pueden integrar en Blogger.Todas las aplicaciones de software que se proponen son de uso gratuito y de libredistribución. En muchos casos se ofrecen versiones portables de los programas para facilitarsu uso en una memoria USB sin necesidad de instalación previa en el ordenador. El curso sepuede seguir con un equipo Windows XP/Vista/7 o bien Ubuntu Linux 10.El alumno/a de este curso con interés en el diseño de materiales digitales multimedia puedeencontrar aquí recetas útiles para resolver las necesidades más básicas relacionadas con laelaboración y adaptación al medio web de recursos de texto, imagen, audio y vídeo.
  12. 12. Módulo 1. Blogs
  13. 13. Blogs ::: ¿Qué es la Web 2.0? 14Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 1. ¿Qué es la Web 2.0?
  14. 14. Blogs ::: ¿Qué es la Web 2.0? 15Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado1.1 Concepto de Web 2.0El término Web 2.0 fue acuñado por el americano Dale Dougherty de la editorial OReillyMedia durante el desarrollo de una conferencia en el año 2004. El término surgió parareferirse a nuevos sitios web que se diferenciaban de los sitios web más tradicionalesenglobados bajo la denominación Web 1.0. La característica diferencial es la participacióncolaborativa de los usuarios. Un ejemplo de sitio web 1.0 sería la Enciclopedia Británicadonde los usuarios pueden consultar en línea los contenidos elaborados por un equipo deexpertos. Como alternativa web 2.0 se encuentra la Wikipedia en la cual los usuarios que lodeseen pueden participar en la construcción de sus artículos. Poco tiempo después, en el año2005, Tim OReilly definió y ejemplificó el concepto de Web 2.0 utilizando el mapaconceptual elaborado por Markus Angermeier.La Web 2.0 o Web social es una “denominación de origen” que se refiere a una segundageneración en la historia de los sitios web. Su denominador común es que están basados en elmodelo de una comunidad de usuarios. Abarca una amplia variedad de redes sociales, blogs,wikis y servicios multimedia interconectados cuyo propósito es el intercambio ágil deinformación entre los usuarios y la colaboración en la producción de contenidos. Todos estossitios utilizan la inteligencia colectiva para proporcionar servicios interactivos en la red dondeel usuario tiene control para publicar sus datos y compartirlos con los demás.Se puede entender como 2.0 "todas aquellas utilidades y servicios de Internet que sesustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, yasea en su contenido (añadiendo, cambiando o borrando información o asociando datos a lainformación existente), pues bien en la forma de presentarlos, o en contenido y formasimultáneamente."- (Ribes, 2007)
  15. 15. Blogs ::: ¿Qué es la Web 2.0? 16Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado1.2 Principios generales de la Web 2.0 1. Orientado a Internet. Todo está en la web. Sólo hace falta un navegador web y una conexión a Internet. Esto garantiza la movilidad del usuario y el acceso multiplataforma desde cualquier sistema. La actividad depende cada vez más de la conexión a Internet en detrimento del uso de programas instalados en el equipo. La tecnología se apoya más del lado del servidor simplificando al cliente las actualizaciones, revisiones, depuración de errores, etc. 2. Comunidades de usuarios. La Web 2.0 es una actitud y no una tecnología. Su empleo supone la participación bajo las directrices de las “4 C”: Comunicarse, Compartir, Colaborar y Confiar. Los usuarios son creadores de contenidos y no solamente meros consumidores. Y además esta creación se puede realizar de forma cooperativa de acuerdo con unas reglas y roles definidos y aceptados. El administrador delega su confianza en otros usuarios para que puedan publicar libremente. 3. Perpetua Beta. En constante revisión. La aplicación se orienta al usuario y se mejora gracias a la experiencia y aportaciones de éstos. 4. Facilidad. Permite una gestión ágil y precisa de la información en distintos contextos y con distintos propósitos. Gracias al uso de CMS (gestores de contenidos): Joomla, Wordpress, Drupal, Moodle, MediaWiki, etc . 5. Gratuidad. En la mayoría de los casos su uso es gratuito en un contexto personal o educativo. 6. Personalización. Los servicios y gestores CMS se pueden adaptar a las necesidades del usuario al permitir la personalización de muchas de sus opciones: activación/ocultación de gadgets, configuración del tema de presentación (separación de forma y contenidos), categorías para la clasificación de contenidos, etiquetas, etc. 7. Integración y conexión. Los contenidos multimedia soportados por los distintos servicios se integran fácilmente en las páginas de los CMS (embed) y además son directamente enlazables (link). Incluso algunos servicios utilizan los recursos alojados en otros (mashups). Ejemplo: Panoramio permite al usuario añadir una capa de información a un mapa interactivo de Google Maps. Esta integración produce una red compleja cuyos nodos más visibles son los blogs, wikis, joomlas, moodles, drupales, repositorios multimedia y redes sociales. 8. Propagación viral. La información nueva se difunde rápidamente gracias a la suscripción RSS, agregadores, trackbacks, pings, redes sociales, etc. 9. Etiquetado social. El usuario asigna libremente las etiquetas y categorías a los artículos, imágenes, audios, marcadores, podcasts, vídeos, etc. Surgen así las categorías sociales o folksonomías, un sistema de etiquetas sin jerarquías predeterminadas que facilita la búsqueda de los contenidos. 10. Iniciativa descentralizada. Las redes sociales (FaceBook, Ning, Tuenti, …) proporcionan la posibilidad de crear y mantener fácilmente un espacio de encuentro entre personas con intereses comunes. Y todo ello al margen de líderes o hegemonías más verticales. Cualquier persona puede tener en pocos minutos un espacio en Internet donde publicar sus opiniones, consultas, dudas, experiencias, etc y también donde invitar a otros a participar.
  16. 16. Blogs ::: ¿Qué es la Web 2.0? 17Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado1.3 Algunos ejemplos de iniciativas Web 2.0 1. Blogs. Proporcionan un sistema fácil y asequible de publicar en Internet a título individual o colectivo. Es el nodo más abundante en la Web 2.0. Puede ser el escaparate que concentre en un mismo sitio distintos recursos alojados en otros servicios. Admiten una gestión colaborativa de contenidos basada en roles. La información se organiza en artículos ordenados cronológicamente, páginas, enlaces y comentarios. Algunos portales de blogs más populares son: Blogger (http://www.blogger.com/) , Wordpress.com (http://wordpress.com/) , Blogspot (http://blogspot.es/), etc. 2. Wikis. No están tan extendidos como los blogs porque demandan mayor nivel de compromiso en la construcción de contenidos. Se puede utilizar para crear la documentación de un proyecto de forma colaborativa: glosarios, enciclopedias, manuales, enlaces, etc. El espacio wiki por excelencia es la enciclopedia Wikipedia (http://es.wikipedia.org/). 3. Gestores CMS (Content Management System = Sistema de Gestión de Contenidos) Algunos ejemplos de CMS gratuitos son Joomla (http://www.joomlaspanish.org/) o Drupal (http://drupal.org.es/) . Se suelen utilizar para crear sitios web institucionales o corporativos. Para ello basta descargarse la aplicación y subirla a un servidor de hosting. Permiten la publicación colaborativa (roles) en línea de las noticias que afectan a una comunidad. Basan la organización de los artículos en secciones (cajones) y categorías (carpetas dentros de esos cajones). El uso de CMS deja atrás los sitios web estáticos HTML diseñados con FrontPage, Dreamweaver, etc y que se actualizaban subiendo sus páginas mediante un cliente FTP. 4. Plataforma de elearning. Se denominan sistemas LMS (Learning Management System = Sistema de Gestión del Aprendizaje) y se utilizan para crear entornos de elearning. El LMS más utilizado actualmente es Moodle (http://moodle.org/). El profesor/a crea un curso que consiste en una agenda de contenidos y actividades que el alumno realiza siguiendo la progresión establecida. El sistema se complementa con unas herramientas de comunicación (mensajería interna y foros) y con un subsistema de seguimiento de la actividad del alumno. Muchas universidades e instituciones públicas educativas han abandonado el desarrollo de sus propias plataformas de elearning en favor del uso de Moodle. Tanto los CMS como LMS se han clasificado como sitios “Web 1.5” porque admiten un uso 1.0 ó 2.0 en función de cómo sus administradores organicen la participación de los usuarios. 5. Imágenes. Espacios como Flickr (http://www.flickr.com/), Picasa (http://picasa.google.com/), etc permiten el alojamiento en línea de imágenes y luego su posterior utilización en otros servicios o recursos. Otros espacios web de valor añadido como Pixrl (http://www.pixlr.com) ofrece la posibilidad de editar imágenes y añadirles efectos a partir de imágenes propias o alojadas en los repositorios anteriores. 6. Podcasts. Permiten el almacenamiento y difusión de audios. Se trata de recursos que se integran en cualquier CMS o bien se enlazan directamente. Se agrupan y clasifican en categorías o por etiquetas para facilitar la búsqueda de los activos propios y ajenos. Ejemplos: LastFM (http://www.lastfm.es/), Odeo (http://odeo.com/), GoEar (http://www.goear.com/), PodSonoro (http://www.podsonoro.com/), etc. 7. Google Maps. La localización geográfica de imágenes, textos, enlaces, vídeos o documentos facilita el desarrollo de contenidos en múltiples contextos. En la actualidad hay un montón de servicios que aprovechan las prestaciones de la API de Google Maps (http://maps.google.es) para ofrecer la geolocalización de sus recursos
  17. 17. Blogs ::: ¿Qué es la Web 2.0? 18Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado sobre uno de sus mapas: Youtube (http://www.youtube.com/), Panoramio (http://www.panoramio.com/), etc. 8. Repositorios de vídeos. Youtube (http://www.youtube.com/) es el gran líder especializado en el alojamiento y difusión de vídeos. Se dispone de millones de documentos videográficos sobre los temas más variados. No sólo proporciona soporte de almacenamiento sino también de difusión en streaming facilitando su correcta visualización a través de internet. Se pueden crear listas de reproducción temáticas, canales, anotaciones en los vídeos, subtítulos, etc. Existen multitud de espacios que representan una alternativa para publicar vídeos: Revver (http://revver.com/), MetaCafe (http://www.metacafe.com/), Vimeo (http://www.vimeo.com/), etc. Algunos soportan retransmisión en directo como LiveStreaming (http://www.livestream.com/). 9. Ofimática en línea. En el desarrollo de proyectos puede resultar interesante por un lado la creación y publicación compartida de documentos de texto, presentaciones y hojas de cálculo y por otra la comunicación en tiempo real (mensajería instantánea) o diferido (emails). En este contexto, por ejemplo, Google Apps (http://  www.google.com/apps/) puede ser un excelente recurso gratuito para crear y desarrollar una comunidad de trabajo. Otra posibilidad es eyeOS (http://eyeos.org/). Se trata de un atractivo escritorio con distintas aplicaciones ofimáticas en línea de carácter colaborativo. Otro paquete ofimático en línea es Zoho (http://www.zoho.com/). 10. Presentaciones. Uno de los usos más extendidos es el diseño y publicación en la Web de presentaciones de diapositivas como SlideShare (http://www.slideshare.net/) o SplashCast (http://www.splashcastmedia.com/), de fotografías como Slide.com (http://www.slide.com/), de documentos como Scribd.com (http://www.scribd.com/), etc que luego se insertan en blogs, wikis, y otros CMS, etc. Otra posibilidad interesante en el conocimiento histórico es organizar una presentación donde se ordenan cronológicamente los recursos sobre una línea de tiempo como XTimeline (http://www.xtimeline.com/). 11. Marcadores sociales. Utilizando servicios como del.icio.us (http://delicious.com/) se puede disponer en línea de los marcadores o favoritos a sitios web y compartir estas direcciones con los demás.1.4 El navegador webComo se ha indicado con anterioridad para acceder a la web 2.0sólo necesitamos disponer de una conexión a Internet y de unnavegador web. En principio se puede utilizar cualquier navegador:Internet Explorer, Google Chrome, Mozilla Firefox, Opera, Flock,etc.Sin embargo en este curso se recomienda el uso de Mozilla Firefoxporque representa una excelente alternativa a Internet Explorer.Sus características más destacadas son:  Multiplataforma. Existen versiones de Mozilla Firefox para Windows, Linux y Mac.  Navegación con pestañas. Se pueden abrir simultáneamente varias páginas web de tal forma que cada una se visualiza en una pestaña independiente. Cada pestaña dispone de su propio botón de cerrado. Si se cierra accidentalmente una pestaña se puede recuperar en el menú Historial.
  18. 18. Blogs ::: ¿Qué es la Web 2.0? 19Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado  Restauración de sesión. Cuando Firefox se cierra o reinicia se ofrece la opción de restaurar la sesión para evitar la pérdida de información en formularios, descargas, etc.  Corrector ortográfico. Si se dispone del complemento Diccionario de Español/España se puede activar el corrector ortográfico integrado que subrayará las palabras no tecleadas correctamente en cualquier cuadro de texto de la página web. Mediante clic derecho sobre esa palabra se ofrecerán alternativas para sustituirla.  Sugerencias de búsqueda. Al comenzar a escribir en la barra de búsqueda de Google se mostrará una lista de sugerencias.  Canales RSS. Permite leer directamente los titulares de noticias RSS sin necesidad de tener instalado ningún otro programa.  Búsqueda integrada. Firefox proporciona una barra de búsqueda que integra los motores más utilizados a nivel mundial: Google, Yahoo!, eBay, Diccionario RAE, Wikipedia y Creative Commons. Para ello basta con elegir el motor e introducir el término de búsqueda.  Bloqueador de ventanas emergentes. Se pueden controlar las ventanas emergentes molestas evitando que se desplieguen. Mediante una barra informativa o un icono en la parte inferior de la pantalla se notifica al usuario el bloqueo de ventanas.  Accesibilidad. Firefox incluye distintas prestaciones para facilitar la accesibilidad a personas con deficiencias visuales: aumento del tamaño de la fuente mediante <Ctrl>+Scroll del ratón, compatibilidad con lectores de pantalla (p.e. Freedom Scientific’s JAWS).  Protección antiphising. Cuando una página web sea sospechosa de fraude por robo de identidad digital frente a una entidad bancaria (physing), Firefox advertirá al usuario y ofrecerá una página de búsqueda para encontrar la página auténtica que se está buscando.  Actualizaciones automáticas. Firefox comprueba la versión del navegador y si existe una más reciente avisa al usuario sobre la posibilidad de instalarla. Esta actualización suele ser pequeña resultando fácil y rápida de descargar e instalar.  Protección contra programa espías. Firefox no permite que una página web descargue, instale o ejecute programas en el equipo sin un consentimiento explícito del usuario.  Limpieza de información privada. Utilizando esta utilidad situada en el menú Herramientas se garantiza que se limpian todos los datos privados de la navegación en un solo clic. Es especialmente útil en un equipo multiusuario donde se abre sesión siempre con el mismo usuario Windows.  Complementos. Firefox ofrece más de 1000 complementos que permiten aumentar las prestaciones por defecto de este navegador web: lectura de noticias RSS, herramientas web y de desarrollo, descargas de archivos, privacidad y seguridad, herramientas de búsqueda, marcadores, diccionarios, multimedia, etc. El uso de un administrador de complementos facilita las operaciones de instalación, desinstalación y desactivación.  Temas. Se pueden instalar y configurar distintos temas que permiten cambiar los colores, fuentes, iconos, gráficos, etc del interfaz de Mozilla Firefox.  Plugins. Firefox dispone de la mayoría de plugins necesarios para visualizar todo tipo de contenidos multimedia: Adobe Flash Player, Java, QuickTime, RealPlayer, Windows Media Player, etc.En el sitio web oficial del proyecto Mozilla Firefox podrás encontrar la versión más reciente oque se adapta a tu sistema: http://www.mozilla-europe.org/es/firefox/. Descarga e instalaeste programa en tu equipo. Otra posibilidad es utilizar la versión portable para Windows quepuedes conseguir en: http://portableapps.com/apps/internet/firefox_portable
  19. 19. Blogs ::: Iniciación a los blogs 20Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. Iniciación a los blogs
  20. 20. Blogs ::: Iniciación a los blogs 21Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado2.1 ¿Qué es un blog?Un blog es un sitio web que se actualiza periódicamente y que ofrece la lectura deinformación de uno o varios autores sobre temas de interés. La unidad fundamental deinformación de un blog es el artículo, también llamado “post” o “entrada”. Estos artículos semuestran siguiendo una ordenación cronológica inversa, es decir, se mostrará primero elartículo más reciente. En consecuencia podemos definir un blog como una recopilación deartículos ordenados cronológicamente.Para el autor/autores de un blog, se trata de un sistema que facilita la publicación decontenidos multimedia en Internet ofreciendo en todo momento el control y libertad paraeditar y modificar la información publicada.En cada artículo los lectores pueden escribir sus comentarios y el autor darles respuesta. Deesta forma se fomenta un diálogo que autores y lectores pueden compartir. Sin embargo estaopción depende de la moderación del autor o autores del blog y por supuesto de que loslectores decidan intervenir libremente con sus aportaciones.La temática de un blog es muy variada. En la blogosfera hay blogs personales, periodísticos,empresariales, tecnológicos, educativos (edublogs), políticos, etc.Ejemplos de blogs muy populares en España:  Microsiervos: http://www.microsiervos.com/  Genbeta: http://www.genbeta.com/  Xataka: http://www.xataka.com/  Alt1040: http://alt1040.com/  Wwwhatsnew: http://wwwhatsnew.com/
  21. 21. Blogs ::: Iniciación a los blogs 22Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado2.2 Anatomía de un blogUn blog dispone de dos interfaces diferenciados:  FrontEnd. Es el “escaparate” o área pública del blog. Muestra los artículos publicados que pueden ser leídos por cualquier usuario que accede al mismo.  BackEnd. Es el “taller” o área de acceso restringido del blog. En este espacio entra el autor/autores del blog para gestionar su contenido. Frontend BackendLa estructura del Frontend suele tener los siguientes elementos:  Cabecera. Muestra el título del blog y en algunos casos una imagen de fondo. Cuando el lector hace clic en el enlace que proporciona se sitúa en la portada o página principal del blog.  Entradas del blog. Contiene los artículos o entradas publicadas. Aparecen ordenados cronológicamente situándose arriba el más reciente. En la página principal solo se pueden leer un número concreto de artículos. Para acceder a los anteriores se proporciona un sistema de paginación con un enlace a “Entradas anteriores”.  Barra lateral. Contiene los gadgets o módulos que incorporan prestaciones adicionales al blog: búsqueda, artículos por meses, artículos por etiquetas, lista de enlaces, suscripción RSS, etc.
  22. 22. Blogs ::: Iniciación a los blogs 23Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del ProfesoradoEn la lectura de una entrada o artículo se suelen ofrecer los siguientes elementos: 1. Fecha de publicación del artículo. 2. Título del artículo. Cuando el usuario hace clic en su enlace se accede al artículo de forma individual mostrándose los comentarios asociados al final del mismo. 3. Contenido del artículo. Puede contener texto, enlaces, imágenes, audios, vídeos, etc. 4. Autor del artículo. Se muestra el nombre del autor del artículo. Puede resultar interesante cuando en un blog publican varios usuarios. 5. Hora de publicación. 6. Comentarios. Muestra el número de comentarios realizados a esa entrada. Cuando el usuario hace clic en este enlace accede a los comentarios publicados. 7. Edición. Cuando el usuario que navega está autentificado como administrador del blog aparece en cada artículo un icono en forma de lápiz proporcionando un enlace directo al backend de edición de su contenido. 8. Entradas recientes / posteriores. Estos enlaces de navegación situados al final de una página permiten acceder al resto de artículos. 9. Página principal. Enlace a la portada del blog donde se mostrará una página con los últimos artículos publicados. 10. Suscripción. Este enlace permite suscribirse a la publicación de entradas de nuestro blog utilizando el navegador web o bien un programa específico de lectura de feeds.Cuando el artículo se muestra de forma individual en una página, se accede a los comentariosasociados que se sitúan al final de su contenido. El administrador del blog puede permitir odenegar el envío de comentarios a un artículo en concreto o a todos los artículos del blog. Encaso favorable es muy recomendable activar la moderación de comentarios para que eladministrador los supervise antes de que aparezcan publicados. Cada artículo de un blogdispone de una dirección individual y única (permalink o enlace permanente) que se puedeutilizar para situarse en él directamente.
  23. 23. Blogs ::: Iniciación a los blogs 24Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado2.3 Características de los blogsLas características de los blogs que han justificado su auge han sido:  Hipermedia. Los artículos pueden contener texto, enlaces, imágenes, audios, vídeos, animaciones flash, etc.  Facilidad. El blog proporciona un interfaz para administrar sus contenidos, coordinar, borrar o reescribir los artículos, moderar los comentarios de los lectores, etc. de una forma casi tan sencilla como administrar el correo electrónico.  Organización cronológica. Los artículos se ordenan de forma cronológica mostrando primero los artículos más recientes.  Búsquedas. Los blogs proporcionan herramientas que facilitan la búsqueda de entradas a partir de un término, fecha, autor, etc.  Metadatos. Las etiquetas o palabras clave asignadas a un artículo contribuyen a la organización temática de la información facilitando su posterior búsqueda.  Comentarios. La posibilidad de que los lectores envíen sus comentarios permite establecer un interesante flujo de debate en torno a los artículos publicados.  Suscripción. La suscripción RSS o Atom a los artículos y comentarios de un blog permiten disponer de las últimas novedades publicadas en el navegador web o lector de noticias sin necesidad de acceder directamente a ese sitio web.  Enlaces inversos. También llamados trackbacks permiten conocer si alguien desde su blog ha enlazado a una entrada publicada en nuestro blog o viceversa. Si así se configura los trackback pueden aparecer junto a los comentarios de un artículo.  Integración. Los blogs permiten mostrar incrustados en sus páginas recursos multimedia alojados en servicios web 2.0: imágenes, audios, vídeos, etc.2.4 Tipos de blogsLos blogs tienen distintas variantes en función de su funcionamiento, tipo de contenidopredominante, dispositivo donde se visualizarán, etc. Entre ellos destacan:  Openblog. Es un blog que no requiere interfaz de administración y proporciona una herramienta para que sus visitantes puedan publicar de forma abierta y libre. Es de carácter colectivo y público. Tiene muchas similitudes con un foro. Ejemplo: OpenBlog (http://www.open-b.net).  Fotolog. Como su nombre indica es un blog donde la foto es el elemento principal de publicación. La imagen y la fecha de publicación son los contenidos obligatorios. A diferencia de un álbum de fotos sólo se publica una o dos fotos en cada entrada y se pueden acompañar de comentarios del autor. También admite comentarios de los visitantes y enlaces a los fotologs de los amigos. Ejemplo: Fotoblog (http://www.fotolog.com/).  Videoblog. Un videoblog o vlog es un blog cuyas entradas son clips de vídeo, ordenados cronológicamente y publicados por uno o más autores. El administrador del vlog puede autorizar a otros usuarios a añadir comentarios u otros vídeos dentro de la misma galería. Suelen ser archivos de formato MOV o FLV y utilizan el visor de Adobe Flash para su visualización. Ejemplo: Yograbo (http://www.yograbo.com/).  Audioblog. Es un tipo de blog donde cada entrada suele ser un audio en formato MP3 o similar. Se reproducen en línea gracias a una consola de tecnología Adobe Flash y en algunos casos admiten la descarga de los usuarios.  Moblog. Moblog es un término que surge de la fusión de las palabras "Mobile" y "Blog". Se trata de un servicio de publicación similar a un blog pero orientado a su visualización en equipos móviles: PDA o teléfonos móviles. Se puede acceder a su contenido y publicar desde cualquier dispositivo y lugar. Algunos servicios web 2.0 están orientando la publicación a estos formatos permitiendo la creación y manejo del blog desde equipos fijos o móviles. Ejemplo: Moblob (http://www.moblog.cl/mb_indexframe.php).
  24. 24. Blogs ::: Iniciación a los blogs 25Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Tumbleblog. Un tumblelog o tlog es una variante de blog poco estructurado. No se ajusta a una temática concreta y el autor va publicando entradas sobre enlaces, fotografías, informaciones, etc. que va encontrando por Internet. En este sentido recupera un poco el espíritu inicial con que aparecieron los blogs: dar a conocer a los amigos las cosas que cada día te encuentras por la web. La carga textual de sus entradas es mínima y en este sentido es un formato muy ligado al microblogging. Ejemplo: Tumbrl (http://www.tumblr.com/).  Microblog. El microblogging o nanoblogging permite al autor publicar mensajes breves (no superiores a 140 caracteres) formados por texto y enlaces. Estas entradas se muestran en la página del perfil del usuario y también son enviadas a otros usuarios que han elegido la opción de recibirlas. Ejemplo: Twitter (http://twitter.com/).2.5 Servicios de blogsEn Internet existen dos procedimientos para disponer de un blog:  Servicio de blogs. El usuario crea una cuenta en ese servicio para disponer de un blog. Ejemplo: Blogger (http://www.blogger.com), Wordpress (http://www.wordpress.com) o Live Journal (http://www.livejournal.com/). Tras el registro el usuario recibe una dirección web para el acceso individual a su blog que ya está instalado y completamente operativo. Ejemplo: http://<miblog>.blogspot.com para un blog alojado en Blogger. La bitácora se integra en la comunidad de blogs que ofrece ese servicio. Su principal inconveniente es que su funcionamiento está condicionado parcialmente por las decisiones de los superadministradores del servicio.  CMS instalado en servidor web. El usuario puede instalar en un servidor web privado una solución CMS gratuita que se descarga de Internet. Esta instalación requiere disponer de cuenta en un servidor web con Apache, PHP y MySQL. Los dos CMS más populares para blogs son: Wordpress (http://es.wordpress.org/) y Movable Type (http://www.movabletype.org/). Su principal inconveniente es que el mantenimiento y actualización debe realizarlo el propio usuario pero como contrapartida admite modificar su código abierto para adaptarlo totalmente a las necesidades individuales.En la actualidad, al crear una bitácora en una comunidad de blogs, se suscitan dudas sobrecuál elegir entre los dos líderes del sector: Blogger o Wordpress. Ambos tienen ventajas einconvenientes resultando Wordpress una opción algo más compleja.Existen también medios de comunicación, como por ejemplo el diario “El País”, que ofrecenun servicio gratuito de Blogs: http://blogs.elpais.com/Nota importante:A partir de este momento el alumno/a del curso podrá elegir entre seguir el curso con un blogde Blogger o bien con un blog de Wordpress
  25. 25. Blogs ::: Mi primer artículo 26Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Mi primer artículo
  26. 26. Blogs ::: Mi primer artículo 27Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3.1 Mi primer artículo en Blogger
  27. 27. Blogs ::: Mi primer artículo 28Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del ProfesoradoEl propósito de este actividad es diseñar tu primera entrada en un blog de Blogger. El temaelegido es una breve pincelada del poeta Federico García Lorca. En este documento seutilizarán: título, texto, imagen y un enlace a una página externa.3.1.1 Crear un blog en BloggerEn este apartado se explican los pasos para crear un blog en el servicio Blogger. Como pasoprevio es necesario disponer de una cuenta Google. Es muy interesante tener esta cuentaporque asociada a ella se disponen de interesantes aplicaciones. Algunas de ellos se trataránen este curso. 1. Abre el navegador web y visita la URL de inicio de Blogger: https://www.blogger.com/start?hl=esSi ya dispones de una cuenta Google (en caso contrario pasa a la siguiente página): 2. Si ya dispones de cuenta Google introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder. 3. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio. 4. Un usuario Google puede crear y mantener varios blogs. Haz clic en el enlace Crear un blog.
  28. 28. Blogs ::: Mi primer artículo 29Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del ProfesoradoSi NO dispones de cuenta Google: 2. Desde la página de inicio de Blogger haz clic en el botón CREAR UN BLOG. 3. Rellena el formulario Crear una cuenta de Google y pulsa en el botón Continuar. 4. Anota el usuario y contraseña de esta cuenta para no olvidarla. Con la cuenta Google podrás acceder a Blogger, GMail, Google Docs, Picasa Web, etc.Una vez que ya disponemos de cuenta Google y nos hemos autentificado con ella contraBlogger nos encontraremos en el paso 2 de creación de nuestro blog.
  29. 29. Blogs ::: Mi primer artículo 30Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5. En el paso 2 “Asignar un nombre al blog” introduce los siguientes datos del nuevo blog:  Título del blog. Ejemplo: El blog de …  Dirección del blog (URL). Será la dirección que tendrá nuestro blog en Blogger. Esta URL es del tipo: http://<miblog>.blogspot.com Conviene elegir una dirección fácil de recordar. Antes de continuar conviene pulsar en el enlace Comprobar disponibilidad para verificar si esa dirección está libre. Si no se te ocurre una dirección puedes utilizar tu nombre de usuario en Google: http://<TuUsuarioGoogle>.blogspot.com 6. Introduce la palabra de paso o antispam y haz clic en el botón Continuar. 7. En el siguiente paso haz clic sobre una plantilla de presentación del blog y pulsa en el botón Continuar. Posteriormente podrás modificar esta plantilla. 8. Si el proceso de creación del blog ha concluido con éxito se mostrará el mensaje Se ha creado tu blog. Para acceder al panel de administración de contenidos de ese blog haz clic en el botón EMPEZAR A PUBLICAR.
  30. 30. Blogs ::: Mi primer artículo 31Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 9. En posteriores accesos a Blogger encontrarás en el Escritorio una entrada a la administración del blog creado.3.1.2 Crear una nueva entrada 5. Abre el navegador web y accede a la URL de inicio de Blogger: https://www.blogger.com/start?hl=es 6. Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder. 7. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio. 8. En este panel aparecerán los distintos blogs que gestionas en Blogger. 9. Clic en el botón NUEVA ENTRADA para acceder directamente al interfaz de edición del blog donde deseas publicar el artículo.3.1.3 Añadir título y texto 1. Descarga y descomprime el contenido del archivo lorca.zip. Como resultado obtendrás dos archivos: un fichero de texto lorca.txt y una imagen lorca.jpg.
  31. 31. Blogs ::: Mi primer artículo 32Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. Utiliza el explorador de archivos para abrir (doble clic) el archivo de texto lorca.txt. Se abrirá el Bloc de Notas mostrando su contenido. 3. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra la ventana del Bloc de Notas. 4. Regresa al navegador web que muestra el editor de Nueva entrada de Blogger. Teclea el título: Federico García Lorca. 5. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior evitando tener que teclearlo.
  32. 32. Blogs ::: Mi primer artículo 33Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6. Antes de continuar conviene guardar la entrada. Para ello pulsa en el botón GUARDAR AHORA que aparece por debajo del editor de artículos. Esta acción almacenará los cambios introducidos en el servidor remoto.3.1.4 Añadir una imagen 1. En la barra de herramientas del editor haz clic en el botón Añadir Imagen. 2. Se mostrará una nueva ventana para subir la imagen desde nuestro equipo. Clic en el botón Examinar para localizar y señalar el archivo lorca.jpg que hemos obtenido en un paso anterior. Observa que sólo se admiten los formatos de imagen: gif, jpg y png. 3. En el área Elige un diseño selecciona un tipo de alineamiento. Por ejemplo: Izquierda. 4. En la parte inferior activa la casilla de aceptación de condiciones y pulsa en el botón SUBIR IMAGEN. 5. Si el proceso de subida se realiza con éxito se mostrará la imagen y el mensaje Se ha añadido su imagen. Clic en el botón FINALIZADO.
  33. 33. Blogs ::: Mi primer artículo 34Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6. De regreso al editor se mostrará la imagen insertada en el artículo. Se puede arrastrar la imagen para situarla en cualquier lugar del artículo.Nota: La imagen que se ha subido al servidor siguiendo el procedimiento descrito queda alojada en el servicio Picasa Web asociado a la cuenta de usuario de Google. 7. Para guardar los cambios realizados en el artículo haz clic en el botón GUARDAR AHORA. 8. Para ver la apariencia que tiene el artículo haz clic en el enlace Vista previa. En la parte inferior se muestra la entrada tal y como será visualizada por el lector. Para regresar al editor haz clic en el enlace Ocultar vista previa.3.1.5 Añadir un hipervínculoUn enlace o hipervínculo puede ser un texto o imagen que se muestra en una página web yque está vinculada a otras páginas del mismo u otro sitio. Al situar el puntero del ratón sobreél, éste toma el aspecto de una mano. Al hacer clic se mostrará en el navegador web la nuevapágina vinculada al mismo. 1. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la última línea del documento para seleccionarlo. Es un enlace a Google que ya incluye los términos de búsqueda relativos al autor que nos ocupa: http://www.google.es/search?q=Federico+García+Lorca
  34. 34. Blogs ::: Mi primer artículo 35Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha copiado al portapapeles de Windows y se ha eliminado de la ubicación actual. 3. Pulsa y arrastra para seleccionar el texto “Más información” situado al final del documento. A continuación en la barra del editor pulsa en el botón Enlace. 4. En el cuadro de diálogo Escribe una URL: haz clic derecho y elige Pegar. 5. Clic en el botón Aceptar para guardar la dirección pegada. 6. Para terminar haz clic en el botón GUARDAR AHORA.3.1.6 Otras opciones de la entradaEn la parte inferior del editor:  Etiquetas. Introduce las etiquetas o palabras clave que deseas asociar al artículo pero separadas por comas. Ejemplo: poesía, generación 27.  Comentarios. Haz clic en el enlace Opciones de entrada para mostrar un panel adicional donde se pueden configurar algunos parámetros adicionales. Por ejemplo si se permitirán o no los comentarios de los lectores.  Fecha y hora de la entrada. Se puede modificar la fecha y hora que el sistema asigna por defecto al artículo.
  35. 35. Blogs ::: Mi primer artículo 36Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado3.1.7 Publicar la entrada 1. Clic en el botón PUBLICAR ENTRADA para que el artículo se visualice por los lectores del blog. 2. Para ver el resultado final haz clic en el enlace Ver blog.3.1.8 URL permanente a una entradaAl pulsar sobre el título de un artículo, éste se mostrará de forma individual en la página y alfinal aparecerán los comentarios asociados. Si en ese momento te fijas en la barra dedirección del navegador web, podrás comprobar que ese artículo dispone de una URL quepermite acceder al mismo de forma individual. Su formato suele ser: http://<tituloblog>.blogspot.com/<añopub>/<mespub>/<titulo-entrada>.html
  36. 36. Blogs ::: Mi primer artículo en Wordpress 37Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3.2 Mi primer artículo en Wordpress
  37. 37. Blogs ::: Mi primer artículo en Wordpress 38Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del ProfesoradoEl propósito de este actividad es diseñar tu primera entrada en un blog de Wordpress. El temaelegido es una breve pincelada del poeta Federico García Lorca. En este documento seutilizarán: título, texto, imagen y un enlace a una página externa.3.2.1 Crear un blog en WordpressEn este apartado se explican los pasos para crear un blog en el servicio Wordpress. Como pasoprevio es necesario disponer de una cuenta Wordpress. 1. Abre el navegador web y visita la URL de inicio de Wordpress: http://wordpress.com/. Selecciona como idioma: Spanish-Español.Si NO dispones de cuenta Wordpress: 1. Clic en el botón Registrarse ahora o similar. 2. En el formulario introduce: Nombre de usuario, contraseña (confirmación), dirección de email y aceptación de las condiciones. 3. Al darte de alta en Wordpress ya puedes crear un blog en el mismo paso. Este nuevo blog tendrá la dirección: http://<nombre_de_usuario>.wordpress.com. Para ello marca la casilla ¡Dénme un blog!. 4. Clic en el botón Siguiente. Anota el usuario y contraseña de esta cuenta para no olvidarla.Si ya dispones de una cuenta en Wordpress: 1. Introduce sus credenciales (usuario y contraseña) en una barra superior y pulsa en el botón Iniciar sesión/Log in. 2. Si el proceso de autentificación se ha producido con éxito te situarás en el Tablero. 3. Un usuario de Wordpress puede crear y mantener varios blogs. Al crear tu usuario en Wordpress puedes haber creado un blog por defecto con la dirección http://<nombre_de_usuario>.wordpress.com. Este mismo blog puede servir para realizar las prácticas del curso. Si deseas crear y utilizar otro blog distinto haz clic en el enlace Registrar otro blog que se ofrece debajo del listado de Tus blogs. 4. Introduce los datos del nuevo blog:  Dominio del Blog. Es el identificador que precede a “wordpress.com” en su dirección. Por ejemplo: miblog.wordpress.com. El sistema comprueba al crearlo si ese identificador ya existe. En caso afirmativo solicitará que introduzcas otro nombre.
  38. 38. Blogs ::: Mi primer artículo en Wordpress 39Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Título del blog.  Idioma. En este caso elige el idioma principal de tu blog: español.  Privacidad. Marca esta opción si deseas que tu blog aparezca en las listas públicas de Wordpress.com y en los buscadores como Google o Technorati 5. Clic en el botón Crear Blog. Si el proceso de creación del nuevo blog ha tenido éxito se mostrará un mensaje de que ese blog ya es tuyo. Te pedirá el usuario y contraseñas para acceder directamente a su backend de administración. 6. En posteriores accesos a Wordpress encontrarás en el Tablero un listado de los blogs que administras. El acceso a un blog se realizará mediante clic sobre su correspondiente entrada. (Versión en español) (Versión en inglés)

×