Ángel R. Puente Pérez. Madrid mayo 2009 Diseño del díptico: Eutiquiano Merino
TALLER 5 Inclusión de multimedia en  páginas web, blogs y wikis Ángel R. Puente Pérez. Madrid mayo 2009
Imágenes <ul><li>A tener en cuenta: </li></ul><ul><ul><li>Formatos. Para Internet sólo: </li></ul></ul><ul><ul><ul><li>.jp...
Edición de imágenes <ul><li>Programas: </li></ul><ul><ul><li>GIMP . (Software libre. Excelente) </li></ul></ul><ul><ul><ul...
Alojamiento de las imágenes <ul><li>En  Picasa . De  Google </li></ul><ul><ul><ul><li>http://picasaweb.google.es/home </li...
Animaciones con imágenes <ul><li>Desde  Picasa :  http://picasaweb.google.es/home </li></ul><ul><li>Desde  Flickr :  http:...
Código para embeber <ul><li>¿De qué estamos hablando? </li></ul><ul><ul><li>De un fragmento de código que hay que copiar d...
El audio <ul><li>Formatos : </li></ul><ul><ul><li>.cda . El formato de los CD Rom de audio </li></ul></ul><ul><ul><li>.mp3...
Edición de audio <ul><li>Audacity </li></ul><ul><ul><ul><li>http://audacity.sourceforge.net/?lang=es </li></ul></ul></ul><...
Alojamiento de mp3 <ul><li>divShare . Alojamiento con reproductor:  http://www.divshare.com/ </li></ul><ul><li>Nuestro dis...
Reproductores de mp3 <ul><li>Play tagger  de Delicious </li></ul><ul><ul><ul><li>http://delicious.com/help/playtagger </li...
Sonido a partir de texto <ul><li>vozMe </li></ul><ul><ul><ul><li>http://vozme.com/index.php?lang=es </li></ul></ul></ul><u...
Vídeos <ul><li>YouTube </li></ul><ul><ul><ul><li>http://www.youtube.com/?gl=ES&hl=es </li></ul></ul></ul><ul><li>Teachertu...
Listas de reproducción de vídeos <ul><li>Barra de vídeos para  Blogger  desde Youtube </li></ul><ul><ul><ul><li>Barra late...
SlideShare <ul><li>Embeber presentaciones </li></ul><ul><li>Se pierden animaciones y transiciones </li></ul><ul><li>SlideC...
Derechos de autor <ul><li>Copyright </li></ul><ul><li>Copyleft </li></ul><ul><li>“Publicar un blog de forma libre y respon...
Repositorios <ul><li>Mediateca  de EducaMadrid:  http://mediateca.educa.madrid.org/ </li></ul><ul><li>Banco de imágenes y ...
Más pistas… <ul><li>Presentaciones y su publicación en la Web </li></ul><ul><li>Taller de multimedia. Audio y vídeo en el ...
Actividades <ul><li>Hemos creado previamente 30 cuentas de Gmail con su correspondiente contraseña que se repartirán entre...
Con cada cuenta de  Gmail  se ha creado un blog de  Blogger  asociado a la misma. Las  URLs  de los blogs tienen este aspe...
<ul><li>http://tallermultimediacrif16.blogspot.com </li></ul><ul><li>http://tallermultimediacrif17.blogspot.com </li></ul>...
Actividad 1 <ul><li>Entra en el blog y crea una entrada con una imagen obtenida desde esta dirección: </li></ul><ul><li>ht...
Actividad 2 (Flickr) <ul><li>Animación con imágenes.  </li></ul><ul><li>Tienes que ir a  Flickr , buscar el usuario  jorna...
Código para embeber <ul><li><object width=&quot;500&quot; height=&quot;375&quot;> <param name=&quot;flashvars&quot; value=...
Actividad 2 (Picasa) <ul><li>Lo mismo podemos hacer con un álbum público de  Picasa . </li></ul><ul><li>O con el creado al...
Código para embeber <ul><li><embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://picasaweb.google.es/s/c...
Actividad 3 <ul><li>Reproductor de audio  play tagger  de  delicious </li></ul><ul><li>Código en la entrada: </li></ul><ul...
Actividad 4 <ul><li>Créate una cuenta con  divShare   UrCloud  o  espacioPodcast , sube el archivo de sonido que tienes en...
Ejemplo de código <ul><li>Si no da tiempo, prueba el funcionamiento de este código (es con el alojamiento y reproducción d...
Actividad 5 <ul><li>Voki : de texto a voz </li></ul><ul><li>Créate una cuenta gratuita en  Voki , elige un personaje,  adá...
<ul><li>Si no te da tiempo, puedes probar con este código: </li></ul><ul><li><script language=&quot;JavaScript&quot; type=...
Actividad 6 <ul><li>Inserción de una presentación con  SlideShare </li></ul><ul><li>Ve a la web de  SlideShare  y busca un...
Ejemplo de código <ul><li><div style=&quot;width:425px;text-align:left&quot; id=&quot;__ss_1102462&quot;><object style=&qu...
Actividad 7 <ul><li>Inserción de un vídeo desde  YouTube . </li></ul><ul><li>Ve a la página web de  YouTube . Navega por e...
Configuración del reproductor  y otras opciones Ver ejemplo:  http://tallermultimediacrif00.blogspot.com/2009/05/actividad...
Consideraciones finales <ul><li>En un taller de un par de horas no se aprende demasiado. </li></ul><ul><li>Lo que se puede...
Upcoming SlideShare
Loading in...5
×

Taller de multimedia Jornadas Integración de las TIC

1,985

Published on

Presentación completa que se empleó en el Taller de Multimedia de las Jornadas de Integración de las TIC en la Enseñanza. CRIF Las Acacias. Madrid junio 2009.

Published in: Education, Technology, Design
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,985
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Taller de multimedia Jornadas Integración de las TIC"

  1. 1. Ángel R. Puente Pérez. Madrid mayo 2009 Diseño del díptico: Eutiquiano Merino
  2. 2. TALLER 5 Inclusión de multimedia en páginas web, blogs y wikis Ángel R. Puente Pérez. Madrid mayo 2009
  3. 3. Imágenes <ul><li>A tener en cuenta: </li></ul><ul><ul><li>Formatos. Para Internet sólo: </li></ul></ul><ul><ul><ul><li>.jpg (fotografías) </li></ul></ul></ul><ul><ul><ul><li>.png (colores planos) </li></ul></ul></ul><ul><ul><ul><li>.gif (igual que .png) </li></ul></ul></ul><ul><li>Dimensiones </li></ul><ul><ul><li>En píxeles (suficiente con 800 x 600) </li></ul></ul><ul><li>Peso </li></ul><ul><ul><li>Depende de las dimensiones y de la calidad </li></ul></ul><ul><ul><li>En KB </li></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009 Origen de la imagen
  4. 4. Edición de imágenes <ul><li>Programas: </li></ul><ul><ul><li>GIMP . (Software libre. Excelente) </li></ul></ul><ul><ul><ul><li>http://www.gimp.org.es/ </li></ul></ul></ul><ul><ul><li>PhotoShop . (Muy bueno pero de pago) </li></ul></ul><ul><ul><li>Paint de Microsoft. (Sencillo. Sólo en Windows) </li></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  5. 5. Alojamiento de las imágenes <ul><li>En Picasa . De Google </li></ul><ul><ul><ul><li>http://picasaweb.google.es/home </li></ul></ul></ul><ul><li>En Flickr . De Yahoo </li></ul><ul><ul><ul><li>http://www.flickr.com/ </li></ul></ul></ul><ul><li>En los propios servidores: </li></ul><ul><ul><li>De la web. </li></ul></ul><ul><ul><li>Del blog. </li></ul></ul><ul><ul><li>Del wiki. </li></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  6. 6. Animaciones con imágenes <ul><li>Desde Picasa : http://picasaweb.google.es/home </li></ul><ul><li>Desde Flickr : http://www.flickr.com/ </li></ul><ul><li>O… </li></ul><ul><li>Slide.com : http://www.slide.com/ </li></ul><ul><li>RockYou : http://www.rockyou.com/ </li></ul><ul><li>Lytebox : ejemplo </li></ul><ul><li>Scrapblog : ejemplo </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  7. 7. Código para embeber <ul><li>¿De qué estamos hablando? </li></ul><ul><ul><li>De un fragmento de código que hay que copiar desde el servidor y pegar en nuestro sitio para traernos la animación, el vídeo, el archivo sonoro con el reproductor… </li></ul></ul><ul><ul><li><object width=&quot;400&quot; height=&quot;300&quot;> <param name=&quot;flashvars&quot; value=&quot;offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fangelpuente%2Fsets%2F72157600348841485%2Fshow%2F&page_show_back_url=%2Fphotos%2Fangelpuente%2Fsets%2F72157600348841485%2F&set_id=72157600348841485&jump_to=&quot;></param> <param name=&quot;movie&quot; value=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot;></param> <param name=&quot;allowFullScreen&quot; value=&quot;true&quot;></param><embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot; allowFullScreen=&quot;true&quot; flashvars=&quot;offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fangelpuente%2Fsets%2F72157600348841485%2Fshow%2F&page_show_back_url=%2Fphotos%2Fangelpuente%2Fsets%2F72157600348841485%2F&set_id=72157600348841485&jump_to=&quot; width=&quot;400&quot; height=&quot;300&quot;></embed></object> </li></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  8. 8. El audio <ul><li>Formatos : </li></ul><ul><ul><li>.cda . El formato de los CD Rom de audio </li></ul></ul><ul><ul><li>.mp3 . Compresión de audio de muy buena calidad </li></ul></ul><ul><ul><li>.wav . Mucho más pesado pero es el formato imprescindible para algunas herramientas (PowerPoint por ejemplo) </li></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  9. 9. Edición de audio <ul><li>Audacity </li></ul><ul><ul><ul><li>http://audacity.sourceforge.net/?lang=es </li></ul></ul></ul><ul><li>Cdex . (Extracción de pistas del CD Rom) </li></ul><ul><ul><ul><li>http://cdex.softonic.com/ </li></ul></ul></ul><ul><li>Freecorder . (Grabación del audio que suena en el equipo) </li></ul><ul><ul><ul><li>http://applian.com/sound-recorder/ </li></ul></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  10. 10. Alojamiento de mp3 <ul><li>divShare . Alojamiento con reproductor: http://www.divshare.com/ </li></ul><ul><li>Nuestro disco duro virtual de EducaMadrid : http://www.educa.madrid.org/ </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  11. 11. Reproductores de mp3 <ul><li>Play tagger de Delicious </li></ul><ul><ul><ul><li>http://delicious.com/help/playtagger </li></ul></ul></ul><ul><li>Komcitiz </li></ul><ul><ul><ul><li>http://www.komcitiz.com/JL/sscat.php?idCat=61&idSSCat=14 </li></ul></ul></ul><ul><li>Y… muchos más </li></ul><ul><ul><ul><li>http://roble.pntic.mec.es/apuente/tallermultimedia2/paginas/m00.html </li></ul></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  12. 12. Sonido a partir de texto <ul><li>vozMe </li></ul><ul><ul><ul><li>http://vozme.com/index.php?lang=es </li></ul></ul></ul><ul><li>Voki . (Publicidad algo molesta) </li></ul><ul><ul><ul><li>http://www.voki.com/ </li></ul></ul></ul><ul><li>Bustos parlantes: </li></ul><ul><ul><li>Alteregos </li></ul></ul><ul><ul><ul><li>http://www.alteregos.com/ </li></ul></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  13. 13. Vídeos <ul><li>YouTube </li></ul><ul><ul><ul><li>http://www.youtube.com/?gl=ES&hl=es </li></ul></ul></ul><ul><li>Teachertube . Vídeos educativos </li></ul><ul><ul><ul><li>http://www.teachertube.com/ </li></ul></ul></ul><ul><li>Dotsub . Vídeos con subtítulos </li></ul><ul><ul><ul><li>http://dotsub.com/ </li></ul></ul></ul><ul><li>En el propio blog </li></ul><ul><li>Mediateca de EducaMadrid </li></ul><ul><ul><ul><li>http://mediateca.educa.madrid.org/ </li></ul></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  14. 14. Listas de reproducción de vídeos <ul><li>Barra de vídeos para Blogger desde Youtube </li></ul><ul><ul><ul><li>Barra lateral del blog: ejemplo </li></ul></ul></ul><ul><li>Las listas de Youtube </li></ul><ul><ul><ul><li>Ver ejemplo </li></ul></ul></ul><ul><li>Dailymotion : http://www.dailymotion.com/es </li></ul><ul><ul><ul><li>Jukebox: ejemplo </li></ul></ul></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  15. 15. SlideShare <ul><li>Embeber presentaciones </li></ul><ul><li>Se pierden animaciones y transiciones </li></ul><ul><li>SlideCast . Presentaciones enlazadas con audio alojado en otro servidor. Ejemplo </li></ul><ul><li>Mashup con YouTube . Desde hace un tiempo se puede incrustar un vídeo en medio de una presentación ya finalizada y subida a SlideShare. Ejemplo </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  16. 16. Derechos de autor <ul><li>Copyright </li></ul><ul><li>Copyleft </li></ul><ul><li>“Publicar un blog de forma libre y responsable” (Tíscar Lara) </li></ul><ul><li>Siempre citar fuentes </li></ul><ul><li>Enlazar cuando sea posible </li></ul><ul><li>Elegir archivos con licencias Creative Commons o libres del todo </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  17. 17. Repositorios <ul><li>Mediateca de EducaMadrid: http://mediateca.educa.madrid.org/ </li></ul><ul><li>Banco de imágenes y sonidos del ISFTIC: http://bancoimagenes.isftic.mepsyd.es/ </li></ul><ul><li>Compfight . Imágenes: http://www.compfight.com/ </li></ul><ul><li>FlickrCC . Imágenes: http://flickrcc.bluemountains.net/ </li></ul><ul><li>Wikipedia . Música (formato .ogg ): http://en.wikipedia.org/wiki/Wikipedia:Sound/list </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  18. 18. Más pistas… <ul><li>Presentaciones y su publicación en la Web </li></ul><ul><li>Taller de multimedia. Audio y vídeo en el blog </li></ul><ul><li>Inclusión de elementos multimedia en el blog </li></ul><ul><li>[email_address] </li></ul><ul><li>[email_address] </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  19. 19. Actividades <ul><li>Hemos creado previamente 30 cuentas de Gmail con su correspondiente contraseña que se repartirán entre los 30 participantes del taller. La cuenta tiene este aspecto: </li></ul><ul><li>[email_address] </li></ul><ul><li>[email_address] </li></ul><ul><li>… </li></ul><ul><li>[email_address] </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  20. 20. Con cada cuenta de Gmail se ha creado un blog de Blogger asociado a la misma. Las URLs de los blogs tienen este aspecto: <ul><li>http://tallermultimediacrif01.blogspot.com </li></ul><ul><li>http://tallermultimediacrif02.blogspot.com </li></ul><ul><li>http://tallermultimediacrif03.blogspot.com </li></ul><ul><li>http://tallermultimediacrif04.blogspot.com </li></ul><ul><li>http://tallermultimediacrif05.blogspot.com </li></ul><ul><li>http://tallermultimediacrif06.blogspot.com </li></ul><ul><li>http://tallermultimediacrif07.blogspot.com </li></ul><ul><li>http://tallermultimediacrif08.blogspot.com </li></ul><ul><li>http://tallermultimediacrif09.blogspot.com </li></ul><ul><li>http://tallermultimediacrif10.blogspot.com </li></ul><ul><li>http://tallermultimediacrif11.blogspot.com </li></ul><ul><li>http://tallermultimediacrif12.blogspot.com </li></ul><ul><li>http://tallermultimediacrif13.blogspot.com </li></ul><ul><li>http://tallermultimediacrif14.blogspot.com </li></ul><ul><li>http://tallermultimediacrif15.blogspot.com </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  21. 21. <ul><li>http://tallermultimediacrif16.blogspot.com </li></ul><ul><li>http://tallermultimediacrif17.blogspot.com </li></ul><ul><li>http://tallermultimediacrif18.blogspot.com </li></ul><ul><li>http://tallermultimediacrif19.blogspot.com </li></ul><ul><li>http://tallermultimediacrif20.blogspot.com </li></ul><ul><li>http://tallermultimediacrif21.blogspot.com </li></ul><ul><li>http://tallermultimediacrif22.blogspot.com </li></ul><ul><li>http://tallermultimediacrif23.blogspot.com </li></ul><ul><li>http://tallermultimediacrif24.blogspot.com </li></ul><ul><li>http://tallermultimediacrif25.blogspot.com </li></ul><ul><li>http://tallermultimediacrif26.blogspot.com </li></ul><ul><li>http://tallermultimediacrif27.blogspot.com </li></ul><ul><li>http://tallermultimediacrif28.blogspot.com </li></ul><ul><li>http://tallermultimediacrif29.blogspot.com </li></ul><ul><li>http://tallermultimediacrif30.blogspot.com </li></ul>Y la cuenta colectiva: http://tallermultimediacrif00.blogspot.com Ángel R. Puente Pérez. Madrid mayo 2009
  22. 22. Actividad 1 <ul><li>Entra en el blog y crea una entrada con una imagen obtenida desde esta dirección: </li></ul><ul><li>http://www.compfight.com/ </li></ul><ul><li>Previamente filtra con imágenes “ only ” Creative commons, escribe el nombre del autor y pon un vínculo a la URL de la imagen original. </li></ul><ul><li>Ver ejemplo hecho: http://tallermultimediacrif00.blogspot.com/2009/05/actividad-1.html </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  23. 23. Actividad 2 (Flickr) <ul><li>Animación con imágenes. </li></ul><ul><li>Tienes que ir a Flickr , buscar el usuario jornadas00crif , encontrar el álbum taller_multimedia , ver como presentación y conseguir el código para embeber (puedes personalizar el tamaño de las diapositivas). </li></ul><ul><li>Ver el código en la siguiente diapositiva. </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  24. 24. Código para embeber <ul><li><object width=&quot;500&quot; height=&quot;375&quot;> <param name=&quot;flashvars&quot; value=&quot;offsite=true&lang=es-us&page_show_url=%2Fphotos%2F38763074%40N05%2Fsets%2F72157618824825734%2Fshow%2F&page_show_back_url=%2Fphotos%2F38763074%40N05%2Fsets%2F72157618824825734%2F&set_id=72157618824825734&jump_to=&quot;></param> <param name=&quot;movie&quot; value=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot;></param> <param name=&quot;allowFullScreen&quot; value=&quot;true&quot;></param><embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot; allowFullScreen=&quot;true&quot; flashvars=&quot;offsite=true&lang=es-us&page_show_url=%2Fphotos%2F38763074%40N05%2Fsets%2F72157618824825734%2Fshow%2F&page_show_back_url=%2Fphotos%2F38763074%40N05%2Fsets%2F72157618824825734%2F&set_id=72157618824825734&jump_to=&quot; width=&quot;500&quot; height=&quot;375&quot;></embed></object> </li></ul>Ver ejemplo realizado: http://tallermultimediacrif00.blogspot.com/2009/05/actividad-2_26.html Nota: El álbum será modificado con fotografías obtenidas en las Jornadas y subidas en directo desde el mismo taller. Ángel R. Puente Pérez. Madrid mayo 2009
  25. 25. Actividad 2 (Picasa) <ul><li>Lo mismo podemos hacer con un álbum público de Picasa . </li></ul><ul><li>O con el creado al efecto para este taller. </li></ul><ul><li>También puedes personalizar el tamaño de las diapositivas. </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  26. 26. Código para embeber <ul><li><embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://picasaweb.google.es/s/c/bin/slideshow.swf&quot; width=&quot;600&quot; height=&quot;400&quot; flashvars=&quot;host=picasaweb.google.es&hl=es&feat=flashalbum&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.es%2Fdata%2Ffeed%2Fapi%2Fuser%2Fjornadas00crif%2Falbumid%2F5340180124226936193%3Falt%3Drss%26kind%3Dphoto%26hl%3Des&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot;></embed> </li></ul>Ver ejemplo realizado: http://tallermultimediacrif00.blogspot.com/2009/05/actividad-2-desde-picasa.html Nota: Las fotografías del álbum, al igual que en el caso de Flickr serán sustituidas por imágenes de las Jornadas y del propio taller y subidas en el momento. Ángel R. Puente Pérez. Madrid mayo 2009
  27. 27. Actividad 3 <ul><li>Reproductor de audio play tagger de delicious </li></ul><ul><li>Código en la entrada: </li></ul><ul><li><script type=&quot;text/javascript&quot; src=&quot;http://del.icio.us/js/playtagger&quot;></script> </li></ul><ul><li>Vínculo: </li></ul><ul><li>< a href=“http://www.educa.madrid.org/cms_tools/files/12818545-e68d-4141-a9cd-665f19f0b874/tallermultimedia/primavera_vivaldi.mp3”></a>Primavera de Vivaldi </li></ul>Ver ejemplo realizado: http://tallermultimediacrif00.blogspot.com/2009/05/actividad-2.html Ángel R. Puente Pérez. Madrid mayo 2009
  28. 28. Actividad 4 <ul><li>Créate una cuenta con divShare UrCloud o espacioPodcast , sube el archivo de sonido que tienes en la carpeta del taller (en la memoria USB) y coloca el reproductor embebido en una entrada del blog. </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  29. 29. Ejemplo de código <ul><li>Si no da tiempo, prueba el funcionamiento de este código (es con el alojamiento y reproducción de UrCloud): </li></ul><ul><li><object data=&quot;http://www.urcloud.com/players/playerwpress.swf?soundFile=http://www.urcloud.com/media/4a1c318a80ec7&quot; type=&quot;application/x-shockwave-flash&quot; height=&quot;24&quot; width=&quot;220&quot;><param value=&quot;http://www.urcloud.com/players/playerwpress.swf?soundFile=http://www.urcloud.com/media/4a1c318a80ec7&quot; name=&quot;movie&quot; /><param value=&quot;high&quot; name=&quot;quality&quot; /><param value=&quot;true&quot; name=&quot;menu&quot; /><param value=&quot;yes&quot; name=&quot;autostart&quot; /><param value=&quot;transparent&quot; name=&quot;wmode&quot; /></object> </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  30. 30. Actividad 5 <ul><li>Voki : de texto a voz </li></ul><ul><li>Créate una cuenta gratuita en Voki , elige un personaje, adáptalo a tus gustos y escribe un texto para ser dicho por él. Elige antes el idioma y prueba con las distintas voces que se ofrecen. </li></ul><ul><li>Publícalo para obtener el código para embeber en el blog. </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  31. 31. <ul><li>Si no te da tiempo, puedes probar con este código: </li></ul><ul><li><script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot; src=&quot;http://vhss-d.oddcast.com/voki_embed_functions.php&quot;></script><script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;>AC_Voki_Embed(300, 400, '4caf5acae61e0dfc31edbf31d282322b', 1453470, 1,'', 0);</script> </li></ul>Ver ejemplo: http://tallermultimediacrif00.blogspot.com/2009/05/vozme-de-texto-voz.html Puedes probar a dejar un comentario . Ángel R. Puente Pérez. Madrid mayo 2009
  32. 32. Actividad 6 <ul><li>Inserción de una presentación con SlideShare </li></ul><ul><li>Ve a la web de SlideShare y busca una presentación pública para embeberla en el blog. </li></ul><ul><li>Todavía mucho mejor es crearte una cuenta y subir tus propias presentaciones. </li></ul><ul><li>Recuerda que perderás las transiciones y animaciones … </li></ul><ul><li>Y que se puede asociar un archivo sonoro (alojado en otro servidor) o un vídeo de YouTube </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  33. 33. Ejemplo de código <ul><li><div style=&quot;width:425px;text-align:left&quot; id=&quot;__ss_1102462&quot;><object style=&quot;margin:0px&quot; width=&quot;425&quot; height=&quot;355&quot;><param name=&quot;movie&quot; value=&quot;http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=discoduro2-090304171651-phpapp02&stripped_title=el-disco-duro-virtual-en-educamadrid&quot; /><param name=&quot;allowFullScreen&quot; value=&quot;true&quot;/><param name=&quot;allowScriptAccess&quot; value=&quot;always&quot;/><embed src=&quot;http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=discoduro2-090304171651-phpapp02&stripped_title=el-disco-duro-virtual-en-educamadrid&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;355&quot;></embed></object></div> </li></ul>Ver el resultado: http://tallermultimediacrif00.blogspot.com/2009/05/actividad-6.html Ángel R. Puente Pérez. Madrid mayo 2009
  34. 34. Actividad 7 <ul><li>Inserción de un vídeo desde YouTube . </li></ul><ul><li>Ve a la página web de YouTube . Navega por ella. Cuando encuentres un vídeo que te guste, mira en la columna de la derecha la opción Insertar . Copia el código que se encuentra en la cajita de texto. Antes, observa que puedes personalizar una serie de parámetros: borde o no borde, color del mismo, ancho y alto de la película, que se muestre o no información sobre vídeos relacionados… </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009
  35. 35. Configuración del reproductor y otras opciones Ver ejemplo: http://tallermultimediacrif00.blogspot.com/2009/05/actividad-7.html Ángel R. Puente Pérez. Madrid mayo 2009
  36. 36. Consideraciones finales <ul><li>En un taller de un par de horas no se aprende demasiado. </li></ul><ul><li>Lo que se puede obtener son pistas, orientaciones, “vectores”… </li></ul><ul><li>Pero… nunca ha sido tan fácil seguir aprendiendo. </li></ul><ul><li>Internet está lleno de buena voluntad. De personas que quieren compartir con los demás lo que saben. Así aprendemos a diario muchos de nosotros. Así espero que continúes tu camino a partir de este momento. </li></ul><ul><li>Y… cuando haya un obstáculo especial: </li></ul><ul><li>[email_address] </li></ul><ul><li>gracias por tu participación </li></ul>Ángel R. Puente Pérez. Madrid mayo 2009

×