Sesión 5: Insertar presentaciones, galerías de imágenes, archivos de audio y podcast. Roles y gestión de usuarios

Esta es la última sesión presencial del grupo de trabajo. En ella, vamos a ver cómo subir documentos al Blog desde otras aplicaciones Web 2.0 que hasta el momento no hemos visto y que nos permiten alojar presentaciones tipo Powerpoint, documentos pdf, archivos de audio y podcast o galerías de imágenes.

Recordaros que en el Proyecto del Grupo de trabajo se han destinado 5 horas no presenciales apara que os peléis con los Blogs que habéis creado y le déis forma, de tal manera, que se conviertan en una herramienta didáctica más a la que le podíes sacar mucho partido.

La última parte de la sesión la destinaremos a visitar una serie de Blogs educativos de diferente temática que destacan por su calidad y que deben ser de lectura imprenscindible.

Indice de la sesión:

Además:


Insertar una presentación de Slideshare

Como ya sabéis,  Slideshare es un interesante servicio web 2.0 de alojamiento de presentaciones. Admite los formatos Powerpoint (ppt) y OpenOffice (odp), y los convierte al vuelo en archivos flash (swf), lo que nos permite verlas con un visor sencillo y práctico. Es ese archivo swf, junto con el código asociado, el que tenemos que insertar desde el editor de Educastur Blog.

Para insertar una presentación Slideshare, sigue los siguientes pasos:

  1. Sube o localiza la presentación en la web de Slideshare.
  2. Copia el código de la misma (está en la parte derecha de la pantalla).

slideshare2.jpg

3. Pega el código en el bloc de notas o en el mismo editor de textos y selecciona lo siguiente:

<div style=”width:425px;text-align:left” id=”__ss_29720″><a style=”font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;” href=”http://www.slideshare.net/luciaag/el-color-caracteristicas-generales?type=powerpoint” title=”El color. Caracteristicas generales”>El color. Caracteristicas generales</a><object style=”margin:0px” width=”425″ height=”355″><param name=”movie” value=”http://static.slideshare.net/swf/ssplayer2.swf?doc=el-color-caracteristicas-generales-22724&stripped_title=el-color-caracteristicas-generales” /><param name=”allowFullScreen” value=”true”/><param name=”allowScriptAccess” value=”always”/>….

4. Haz clic sobre el botón flash (SWF) del editor de textos y pega la parte del código seleccionada. Acepta las medidas que te da por defecto y verás la presentación en la pantalla del Blog.

Esta película necesita Flash Player 7


Actividad 13: Inserta una presentación de Slideshare en un artículo

Insertar una Galería de imágenes de Slide

Slide nos permite subir varias imágenes al Blog sin ocupar espacio de almacenamiento en él, realizar galerías más o menos animadas e insertarlas en nuestro Blog, gracias al código asociado.

Crear una galería de imágenes

Accede a Slide (recuerda que previamente has tenido que registrarte) > make a Slideshow (hacer una galería de imágenes) > sube tus propias imágenes > buscar.

buscarslide.jpg

Puedes personalizar tu galería eligiendo animaciones, efectos, temas, etc.

personalizarslide.jpg

En la parte inferior aparecen las miniaturas de las imágenes. Puedes alterar el orden haciendo clic en ellas y arrastrando. También puedes escribir pies de foto, y configurar el tamaño y color del texto.

fotosslide.jpg

Cuando termines de configurar las opciones, pulsa en el botón Guardar (obtener código) y verás el resultado de tu galería de imágenes o slideshow.

Copia el código que aparece debajo de la presentación, pégalo como hicimos anteriormente en el bloc de notas o en el mismo editor de texto y copia lo que aparece en rojo:

<div><embed src=”http://widget-38.slide.com/widgets/slideticker.swf” type=”application/x-shockwave-flash” quality=”high” scale=”noscale” salign=”l” wmode=”transparent” flashvars=”cy=h5&il=1&channel=360287970208265016&site=widget-38.slide.com” style=”width:426px;height:320px” name=”flashticker” align=”middle”/><div style=”width:426px;text-align:left;”><a href=”http://www.slide.com/pivot?cy=h5&at=un&id=360287970208265016&map=1″ target=”_blank”>

Estas son las dos partes del código que has copiado:

1.   http://widget-38.slide.com/widgets/slideticker.swf

2.  cy=h5&il=1&channel=360287970208265016&site=widget-38.slide.com

Debes volver a copiarlas y pegarlas unidas por un símbolo de interrogación (?). Así tendrás:

http://widget-38.slide.com/widgets/slideticker.swf?cy=h5&il=1&channel=360287970208265016&site=widget-38.slide.com

Este es el código que debes copiar y pegar en la ventana del botón Flash (SWF) de tu editor de textos como hicimos anteriormente:

Esta película necesita Flash Player 7


Insertar audio de GoEar

GoEar ( http://www.goear.com/), permite subir archivos de audio mp3 y acceder a ellos mediante su propio reproductor y además, ofrece una extensa base de datos con todo tipo de géneros musicales. Una vez registrados, podemos obtener el código necesario para insertar estos archivos en nuestro Blog.
Los pasos son muy sencillos.

1. Accede a la web y busca un archivo de audio que te guste.

2. Copia el código que aparece a la derecha de la pantalla

goear.jpg

3. De todo el código, selecciona lo que está en rojo y negrita

<object width=”353″ height=”132″><embed src=”http://www.goear.com/files/external.swf?file=69a2cf6” type=”application/x-shockwave-flash” wmode=”transparent” quality=”high” width=”353″ height=”132″></embed></object>

4. Pega lo que hemos seleccionado en el botón flash y te aparecerá el reproductor en tu blog

Esta película necesita Flash Player 7


Insertar Podcast

Según la Wikipedia, El podcasting consiste en la creación de archivos de sonido (generalmente en formato mp3 o AAC, y en algunos casos ogg) y de vídeo (llamados videocasts o vodcasts) y su distribución mediante un sistema de sindicación que permita suscribirse y usar un programa que lo descarga de Internet para que el usuario lo escuche en el momento que quiera, generalmente en un reproductor portátil.

¿Cómo se escucha un podcast?

Hay quien usa programas que leen archivos de índices y descargan la música automáticamente y la transfieren a un reproductor MP3. También te puedes bajar el archivo de audio directamente. Algunos simplemente lo escuchan en el ordenador. Al fin y al cabo, es un simple archivo de sonido.(según Podcast-es, accesible desde: http://www.podcast-es.org/)

¿Cómo se hace un podcast? Puedes verlo en http://www.podcast-es.org/index.php/ComoHacerPodcast

Para verlo con subtítulos en español

BoomMp3 el servicio de alojamiento de audios recomendado por Educastur Blog no funciona, así que si estamos interesados en subir un podcast a nuestro Blog podemos insertarlo como un archivo mp3. El archivo se subirá igual que una imagen o un pdf.

También podemos insertar un audio externo (por ejemplo, de alguno de los Directorios recopilados en http://www.podcastellano.com/directorios-podcasts)de la siguiente manera:

podcast.jpg

A partir del botón “mp3″ e insertamos la dirección URL del podcast

Homenaje en formato podcast a Angel González del alumnado de Sexto de Primaria de Las Canal (accesible desde: http://www.arrukero.com/blogdeclase/?p=500 )


Insertar documentos desde Scribd

Scribd (http://www.scribd.com/) es un servicio de alojamiento gratuito de documentos ofimáticos. Admite los principales formatos de documento: PDF (.pdf), Word (.doc), texto plano (.txt), PowerPoint (.ppt), Excel (.xls), Postscrpt (.ps), o libro electrónico (.lit).

No es necesario registrarse como usuario para subir archivos, aunque sí para poder editarlos o borrarlos.

Una vez subido un archivo, Scribd lo convierte al formato flash para poder mostrarlo en la web, y proporciona el código necesario para insertar el visor del documento en nuestro blog o página web.

Recordad que existe una cuenta del centro en esta aplicación

1. Para subir un documento a Scribd, nos identificamos y hacemos clic sobre “Upload”. Nos aparecerá el navegador de Windows para buscar el archivo que queremos subir. La aplicación nos va indicando los pasos a seguir.

2. Una vez subido, el documento nos aparecerá con su miniatura y la descripción del contenido, páginas, tipo de archivo, etc. en la página de inicio de nuestra cuenta. Haciendo clic sobre la miniatura, se abre el visor flash en el que podemos ver los siguientes menús:

scribd1.jpg

Tenemos que desplegar el menú “embed” para que la aplicación nos de el código que necesitamos para insertar el visor flash en nuestro Blog.

scribd2.jpg

Este es parte del código generado. La parte que nos interesa y vamos a copiar está en rojo y negrita:

<a title=”View Técnicas grafico-plásticas document on Scribd” href=”http://www.scribd.com/doc/8549869/Tecnicas-graficoplasticas” style=”margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;”>Técnicas grafico-plásticas</a> <object codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0″ id=”doc_435695226391199″ name=”doc_435695226391199″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ align=”middle”    height=”500″ width=”100%”>        <param name=”movie”    value=”http://documents.scribd.com/ScribdViewer.swf?document_id=8549869&access_key=key-jieo632ag042lp0gctc&page=1&version=1&viewMode=”>         <param name=”quality” value=”high”>         <param name=”play” value=”true”>

Lo copiamos y pegamos en el botón de flash y ya tenemos nuestro visor flash del documento en nuestro Blog.

Esta película necesita Flash Player 7


La parte de la sesión que trata de la gestión de usuarios la vamos a seguir en la Ayuda de Educastur Blog:


Estadísticas Este artículo ha sido visitado  40587  veces



Una respuesta a “Sesión 5: Insertar presentaciones, galerías de imágenes, archivos de audio y podcast. Roles y gestión de usuarios”

  1. ME ESTOY PELEANDO CON UNA PRESENTACIÓN QUE SUBI A SLIDESHARE, LE PUSE SONIDO, La OIGO BIEN, PERO AL PONERLA EN EL BLOG, VEO , PERO NO OIGO EL SONIDO. ¿PODRIAS AYUDARME

Comentar

XHTML: Puede utilizar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>


*
Para demostrar que eres un usuario (no un script de spam), introduce la palabra de seguridad mostrada en la imagen.
Anti-Spam Image


Últimos artículos

Recomendado