0<br />INSERTAR MULTIMEDIA <br />EN <br />WEBS, BLOGS Y WIKIS<br />CUI de la URJC<br />26 de mayo de 2011<br />Ángel R. Pu...
1<br />IMAGEN<br />AUDIO<br />VÍDEO<br />Ángel R. Puente Pérez<br />
2<br />1.- IMAGEN<br />Ángel R. Puente Pérez<br />
3<br />Es el elemento multimedia más sencillo de integrar<br />Normalmente todos los servidores de blogs y wikis permiten ...
4<br />A TENER EN CUENTA I<br />Formato<br /><ul><li>Jpg (imágenes con tonos)
Gif (colores planos)
Png (colores planos software libre)</li></ul>Ángel R. Puente Pérez<br />
A TENER EN CUENTA II<br />5<br />Dimensiones<br /><ul><li>En píxeles (width y height)</li></ul>Tamaño (peso)<br /><ul><li>...
6<br />A TENER EN CUENTA III<br />Programas gráficos<br /><ul><li>GIMP (software libre)
PAINT (Microsoft)
PHOTOSHOP (software propietario)</li></ul>Ángel R. Puente Pérez<br />
7<br />A TENER EN CUENTA IV<br />Alojamiento<br /><ul><li>Flickr (asociado a YAHOO)
Picasa (asociado a GMAIL)</li></ul>Ángel R. Puente Pérez<br />
8<br />A TENER EN CUENTA V<br />Búsquedas<br /><ul><li>Google
Compfight</li></ul>Ángel R. Puente Pérez<br />
9<br />A TENER EN CUENTA VI<br />Derechos de autor y licencias<br /><ul><li>Copyright
CreativeCommons</li></ul>Ángel R. Puente Pérez<br />
10<br />2.- AUDIO<br />Ángel R. Puente Pérez<br />
11<br />Es el peor tratado de los tres elementos multimedia<br />Ángel R. Puente Pérez<br />
12<br />Al menos, de momento…<br />Ángel R. Puente Pérez<br />
Dificultades de alojamiento.<br />Los servidores de blogs no suelen proporcionar espacio para los archivos de audio<br />1...
14<br />Algunos servidores de wikis empiezan a permitir el alojamiento de archivos de audio<br />Ángel R. Puente Pérez<br />
15<br />A TENER EN CUENTA I<br />Formatos<br /><ul><li>Wav (no comprimido)
Cda (compact disc audio: CD)
Mp3 (comprimido sin mucha pérdida)</li></ul>Ángel R. Puente Pérez<br />
16<br />A TENER EN CUENTA II<br />Peso<br /><ul><li>Muy importante que sean ligeros para poder manejarlos en Internet.
Importancia de los mp3</li></ul>Ángel R. Puente Pérez<br />
17<br />A TENER EN CUENTA III<br />REPRODUCTORES<br />De momento es necesario la inclusión de un reproductor que active el...
18<br />A TENER EN CUENTA IV<br />EDICIÓN DE AUDIO<br />AUDACITY<br />Ángel R. Puente Pérez<br />
19<br />3.- VÍDEO<br />Ángel R. Puente Pérez<br />
A TENER EN CUENTA I<br />FORMATOS<br /><ul><li>flv
wmv
avi
mp4
mov</li></ul>20<br />Ángel R. Puente Pérez<br />
A TENER EN CUENTA II<br />ALOJAMIENTO<br />21<br />Y otros…<br />Ángel R. Puente Pérez<br />
Próxima SlideShare
Cargando en…5
×

Multimedia en los blogs y wikis

4.200 visualizaciones

Publicado el

3 comentarios
5 recomendaciones
Estadísticas
Notas
Sin descargas
Visualizaciones
Visualizaciones totales
4.200
En SlideShare
0
De insertados
0
Número de insertados
2.199
Acciones
Compartido
0
Descargas
0
Comentarios
3
Recomendaciones
5
Insertados 0
No insertados

No hay notas en la diapositiva.

Multimedia en los blogs y wikis

  1. 1. 0<br />INSERTAR MULTIMEDIA <br />EN <br />WEBS, BLOGS Y WIKIS<br />CUI de la URJC<br />26 de mayo de 2011<br />Ángel R. Puente Pérez<br />
  2. 2. 1<br />IMAGEN<br />AUDIO<br />VÍDEO<br />Ángel R. Puente Pérez<br />
  3. 3. 2<br />1.- IMAGEN<br />Ángel R. Puente Pérez<br />
  4. 4. 3<br />Es el elemento multimedia más sencillo de integrar<br />Normalmente todos los servidores de blogs y wikis permiten la inclusión y el alojamiento de imágenes<br />Ángel R. Puente Pérez<br />
  5. 5. 4<br />A TENER EN CUENTA I<br />Formato<br /><ul><li>Jpg (imágenes con tonos)
  6. 6. Gif (colores planos)
  7. 7. Png (colores planos software libre)</li></ul>Ángel R. Puente Pérez<br />
  8. 8. A TENER EN CUENTA II<br />5<br />Dimensiones<br /><ul><li>En píxeles (width y height)</li></ul>Tamaño (peso)<br /><ul><li>En KB o MB</li></ul>Ángel R. Puente Pérez<br />
  9. 9. 6<br />A TENER EN CUENTA III<br />Programas gráficos<br /><ul><li>GIMP (software libre)
  10. 10. PAINT (Microsoft)
  11. 11. PHOTOSHOP (software propietario)</li></ul>Ángel R. Puente Pérez<br />
  12. 12. 7<br />A TENER EN CUENTA IV<br />Alojamiento<br /><ul><li>Flickr (asociado a YAHOO)
  13. 13. Picasa (asociado a GMAIL)</li></ul>Ángel R. Puente Pérez<br />
  14. 14. 8<br />A TENER EN CUENTA V<br />Búsquedas<br /><ul><li>Google
  15. 15. Compfight</li></ul>Ángel R. Puente Pérez<br />
  16. 16. 9<br />A TENER EN CUENTA VI<br />Derechos de autor y licencias<br /><ul><li>Copyright
  17. 17. CreativeCommons</li></ul>Ángel R. Puente Pérez<br />
  18. 18. 10<br />2.- AUDIO<br />Ángel R. Puente Pérez<br />
  19. 19. 11<br />Es el peor tratado de los tres elementos multimedia<br />Ángel R. Puente Pérez<br />
  20. 20. 12<br />Al menos, de momento…<br />Ángel R. Puente Pérez<br />
  21. 21. Dificultades de alojamiento.<br />Los servidores de blogs no suelen proporcionar espacio para los archivos de audio<br />13<br />Ángel R. Puente Pérez<br />
  22. 22. 14<br />Algunos servidores de wikis empiezan a permitir el alojamiento de archivos de audio<br />Ángel R. Puente Pérez<br />
  23. 23. 15<br />A TENER EN CUENTA I<br />Formatos<br /><ul><li>Wav (no comprimido)
  24. 24. Cda (compact disc audio: CD)
  25. 25. Mp3 (comprimido sin mucha pérdida)</li></ul>Ángel R. Puente Pérez<br />
  26. 26. 16<br />A TENER EN CUENTA II<br />Peso<br /><ul><li>Muy importante que sean ligeros para poder manejarlos en Internet.
  27. 27. Importancia de los mp3</li></ul>Ángel R. Puente Pérez<br />
  28. 28. 17<br />A TENER EN CUENTA III<br />REPRODUCTORES<br />De momento es necesario la inclusión de un reproductor que active el audio y nos lo haga sonar.<br />Ver algunos reproductores en acción.<br />Ángel R. Puente Pérez<br />
  29. 29. 18<br />A TENER EN CUENTA IV<br />EDICIÓN DE AUDIO<br />AUDACITY<br />Ángel R. Puente Pérez<br />
  30. 30. 19<br />3.- VÍDEO<br />Ángel R. Puente Pérez<br />
  31. 31. A TENER EN CUENTA I<br />FORMATOS<br /><ul><li>flv
  32. 32. wmv
  33. 33. avi
  34. 34. mp4
  35. 35. mov</li></ul>20<br />Ángel R. Puente Pérez<br />
  36. 36. A TENER EN CUENTA II<br />ALOJAMIENTO<br />21<br />Y otros…<br />Ángel R. Puente Pérez<br />
  37. 37. A TENER EN CUENTA III<br />EDICIÓN, CREACIÓN<br />22<br />Ángel R. Puente Pérez<br />
  38. 38. A TENER EN CUENTA IV<br />INCRUSTAR UN VÍDEO<br />23<br />Técnica del embebido<br />Ángel R. Puente Pérez<br />
  39. 39. A TENER EN CUENTA IV<br />INCRUSTAR UN VÍDEO<br />24<br />¿En qué consiste?<br />Ángel R. Puente Pérez<br />
  40. 40. A TENER EN CUENTA IV<br />INCRUSTAR UN VÍDEO<br />25<br />Fragmento de código HTML a colocar en la parte de código de la entrada del blog o wiki.<br />Ángel R. Puente Pérez<br />
  41. 41. A TENER EN CUENTA IV<br />INCRUSTAR UN VÍDEO<br />26<br />El nombre viene de la etiqueta <embed> que suele formar parte de ese código a incrustar. Muchas veces el código comienza por <object><br />Ángel R. Puente Pérez<br />
  42. 42. A TENER EN CUENTA IV<br />INCRUSTAR UN VÍDEO<br />27<br />Código alternativo:<br /><iframe><br />No admitido por algunos servidores de blogs o wikis.<br />Ángel R. Puente Pérez<br />
  43. 43. 28<br />Ángel R. Puente Pérez<br />
  44. 44. +<br />MULTIMEDIA<br />29<br />Ángel R. Puente Pérez<br />
  45. 45. 30<br />1.- Archivos de FLASH<br />. swf<br />ANIMACIÓN<br />INTERACTIVIDAD<br />Ángel R. Puente Pérez<br />
  46. 46. +<br />MULTIMEDIA<br />31<br />Ángel R. Puente Pérez<br />
  47. 47. 32<br />EXPLOSIÓN WEB 2.0<br />Los llamados GADGETS o WIDGETS para incluir en el blog, web o wiki<br />Ángel R. Puente Pérez<br />
  48. 48. EXPLOSIÓN WEB 2.0<br />33<br />INTERESANTE PARA LOS IDIOMAS Y LITERATURA<br />1.- Voki<br />2.- VoiceThread<br />3.- IVOOX (podcast)<br />4.- VOXOPOP<br />Ángel R. Puente Pérez<br />
  49. 49. Imágenes de flickr con CreativeCommons<br /><ul><li>Diapositiva 2: Jeff Power(by - nc - nd)
  50. 50. Diapositiva 7: DarrenHester(by - nc)
  51. 51. Diapositiva 10: Seven Morris (by – nc - sa)
  52. 52. Diapositiva 12: Robert van der Steeg(by – nc - nd)
  53. 53. Diapositiva 16: jontunn(by - nd)
  54. 54. Diapositiva 32: markchadwickart(by – nc - nd)
  55. 55. El resto son logos de los respectivos programas citados, dueños de sus autores.</li></ul>Ángel R. Puente Pérez<br />
  56. 56. Ángel Puente<br />angelpuente@gmail.com<br />el balcón abierto )<br />Diseño de presentaciones y su publicación en la Web<br />Edición de audio digital y podcast<br />Taller de audio y vídeo en el blog<br />Trabajos en el blog colaborativo El Tinglado<br />Antología Poética Multimedia<br />Manual de lenguaje HTML<br />33<br />Ángel R. Puente Pérez<br />

×