SlideCast = SlideShare con audio

Vía José Cuerva, me llega esta nueva funcionalidad de SlideShare.

Se trata de incorporar una pista de audio una vez que hemos publicado y compartido la presentación.

La verdad es que uno de los graves problemas de las presentaciones, sean con Power Point o con Open Office, es la imposibilidad de incrustar archivos sonoros en formato mp3. Tiene que ser wav. Y ya es sabido que este formato ocupa mucho espacio. Se pueden reducir calidades sin que se note demasiado tal como explico en este artículo (uno de los más visitados del blog).

La funcionalidad creada por SlideShare es muy eficaz. Se trata de incorporar el audio (previamente subido a otro servidor), por medio de su dirección URL. Pero luego, tiene una potente herramienta que permite sincronizar el archivo sonoro con el tránsito de las diapositivas. De momento, sólo lo he probado con una música. Y diciéndole que "dividiera el tiempo" en partes iguales. Pero se puede hacer con un archivo de voz y, por medio de arrastrar y dejar, hacer que el archivo sonoro se ajuste a nuestros requerimientos. Queda, de todas formas, pendiente de prueba.

Actualización (26/07/07)
Prueba hecha.
La verdad es que ha costado un poco...

No me pregunten por qué, pero me daba un mensaje de error cuando quería poner otro archivo sonoro a la presentación anterior. Así que la música, aunque le puede gustar a más de uno, es la misma que he empleado para otras animaciones... No es que no tenga otras, es que no he podido cambiarlo...

Este es el mensaje de error:

Pero, finalmente, he podido asociar un archivo de voz a una presentación. He querido hacer un pequeño tutorial empleando la misma herramienta:

La verdad es que, una vez salvado el problema de no poder conectar con el archivo sonoro (no sé los motivos del fallo...), la edición y ajuste del sonido a las diapositivas, es perfecto. Es muy fácil su manejo y se puede hacer con una gran precisión. Así que, estoy seguro, esta utilidad de SlideShare va a ser definitiva para el uso y extensión de la herramienta. Enhorabuena a sus autores.

Actualización importante (21/10/07): la conexión del slideshare anterior con el audio de mi voz, se ha perdido... No me pregunten cómo ha ocurrido... Cuando tenga un rato, intento su recuperación. Pero no parece fácil. La herramienta está dando demasiados fallos... Una pena.
Nueva actualización (28/11/07): ya está arreglado.

Jordi Adell. Compartir el conocimiento

Vía la Comunitat Catalana de WebQuest.

Presentación de Jordi Adell en el marco de las II Jornadas Internacionales sobre Políticas Educativas para la Sociedad del Conocimiento en Granada, marzo pasado. (Más vídeos en su web).

Las seis ideas que nos expone:
1.- Mover bits frente a mover átomos.
2.- Las escuelas son ya nodos en una red. No son islas.
3.- El conocimiento es un derecho, no una mercancía.
4.- Barreras mentales al cambio. Actitudes y Hábitos.
5.- Somos creadores. Construyamos juntos. "Crowdsourcing".
6.- Necesidad del Software libre y de su espíritu.

Piensa un número y dame alguna pista...

Lo he publicado en El Tinglado pero puede quedar un poco escondido entre tanta reflexión numérica. Así que lo coloco aquí también.

Gymkana fotográfica. Diaporama organizado por álbumes con SlideShowPro

Los días 30 de junio y 1 de julio pasados, el Ayuntamiento de Ayerbe organizó la III Gymkana Fotográfica "Villa de Ayerbe". El tema en esta ocasión era "la piedra".

He recogido los trabajos presentados, en este diaporama hecho con Flash/SlideShowPro. Permite organizar por álbumes las imágenes. En este caso, diez álbumes, correspondientes a otros tantos fotógrafos participantes en este concurso. Se accede a cada álbum pinchando en el icono cuadrado del extremo izquierdo de la barra inferior de navegación.

... y nos encontramos por segunda vez

Más de 10 días después de finalizar el 2º Encuentro de Edublogs de Ayerbe, ¿qué decir que no se haya dicho ya? Teclados más buenos que el mío, como el de Lourdes, el de Felipe, el de Víctor, el de Lucía, el de Charo, el de Angus, el de Berta, el de Lu, el de Luis, el de Carlos, el de Marcos, el de Antón, el de Néstor, el de Isidro, el de Antonio, el de Javier, el de Francesc, el de Begoña... seguro que me dejo alguno... ya han hablado de las emociones y experiencias vividas en este segundo encuentro.

En muchos de estos artículos, y en mensajes privados, se agradecía al Ayuntamiento, a mi familia, a mí, el esfuerzo realizado en la organización. No he contestado a todos. Así que esta animación con las fotografías del encuentro es mi respuesta. Va, por lo tanto, por todos los organizadores / autores de comunicaciones / ponentes de los talleres / participantes en general , así como por todos aquellos que, sin venir a Ayerbe, han seguido el encuentro y lo han publicitado y comentado desde sus respectivos blogs.

Sin todos ellos, sin todos nosotros, el encuentro no hubiera tenido sentido. Gracias pues, por vuestra participación y entusiamo. Espero que os guste. He tenido especial cuidado en no dejarme a nadie. Si no ha sido así, decídmelo para corregirlo. En esta plantilla de Blogger (tengo que cambiarla ¡qué pereza!) no se admite más ancho de 450 píxeles. Es por esto que he puesto un vínculo para que se abra en ventana nueva a tamaño original. La música (altavoces a tope) está medida para que acabe al finalizar el pase de las 63 imágenes. En modo local es exacto, pero al subirlo a internet... falla. Depende seguramente del ancho de banda de bajada.

Créditos.

- Las imágenes están cogidas del sitio colectivo de flickr. Gracias a todos los fotógrafos del encuentro.

- El diaporama está hecho con Flash y con un componente extra que se llama slideshowpro. Gracias a Néstor por la información y ayuda.

- La música es de un grupo oscense denominado La Ronda de Boltaña, el tema se denomina Recuerdos y pertenece a su disco País de Anochecida.
- La imagen de inicio está sacada del libro "Ayerbe, tradición y futuro" que nos regaló el Ayuntamiento.
- Y la imagen final es el ya famoso Árbol de Ayerbe de Néstor.

Scribd: FlashPaper on line y más

Juan José Haro, en un comentario de la entrada anterior, me habla de Scribd. Es una utilidad para convertir documentos a través de FlashPaper y dejarlos en la web, compartirlos, e incrustarlos en el blog. O sea, que nos ahorramos el problema de descargarnos el programa y... pagarlo cuando la licencia de prueba se acabe.

Una vez cargado en la web, se proporciona un código para su inclusión en el artículo del blog. Similar pues, a otras utilidades de la Web 2.0 como Youtube o SlideShare.

No sólo esto. También permite que los usuarios se descarguen el documento en otros formatos, sea cual sea el formato en el que lo hemos subido. Es decir, .doc .txt .pdf o... incluso .mp3. Pero esto no lo hace demasiado bien. Las imágenes, si las hay, no se copian y los saltos de línea se modifican. El formato más ambicioso es la conversión del texto en un archivo sonoro. He leído por allí que el problema es que la conversión funciona más o menos bien cuando el texto está en inglés y, no lo hace nada bien, cuando el texto está en otro idioma. No lo he podido comprobar pues a mí no me ha funcionado. Daba un mensaje de error. He probado con varios navegadores pero el resultado ha sido siempre el mismo.

Dejo como prueba este documento sobre la página web del Centro Educativo que escribí el año pasado. Ha llovido desde entonces...

Han hablado también de Scribd, Genbeta, Paco, Error 500, Educastur, Bitácora del Galeón,...

Actualización:

Aparte del tutorial, cuyo enlace nos ha dejado Lu en los comentarios, acabo de comprobar que efectivamente, la herramienta convierte a archivo sonoro (mp3) el documento en cuestión. Esta mañana no funcionaba. Igual es que necesita un tiempo... El caso es que el archivo sonoro es irreconocible. No se entiende nada. Es el tema de estar configurado para el idioma inglés. Y eso que, en el editor del documento, he dicho que estaba en español...

FlashPaper: lector de documentos en la web

Vía el Prrofesor Potâchov de Moldavia descubro esta herramienta de Adobe/Macromedia denominada FlashPaper.

Se trata de una aplicación para incrustar un lector de textos en un sitio web. Permite visualizar el documento en una ventana interna como si se tratase de cualquier otro archivo flash. Pero navegamos por el documento con la posibilidad de:

. Hacer búsquedas de términos.
. Ampliar el tamaño del documento.
. Arrastrarlo para ir a otros párrafos.
. Avanzar de página en página.
. Mandarlo a la impresora.
. Visualizarlo a pantalla completa.

Aparte de la posibilidad también de convertir cualquier archivo de texto a documento .pdf. Desde la página de Adobe/Macromedia te puedes descargar una versión de prueba de 30 días. Una vez instalado el programa, para su utilización, sencillamente abres la aplicación y arrastras el documento de texto dentro del escenario. Y lo guardas como archivo flash. Así de sencillo. Luego sólo tienes que subirlo a un servidor e incrustrarlo en el blog con la etiqueta <embed>. Como todos los archivos de flash, esta etiqueta embed la puedes parametrizar con los atributos width y height para adaptarlo a las características de espacio de la plantilla de tu blog.

<embed src="http://rutaarchivo.swf" widt="450" height="400"></embed>

Como ejemplo, incrusto el documento sobre Educación y Web 2.0 que los amigos de Educastur pusieron a disposición de todos como documento para la realización de su famoso vídeo.

Desde la página de Adobe/Macromedia anteriormente vinculada, se accede a este vídeo explicativo de las posibilidades de la herramienta.

Lightbox. Enlazar imágenes sin salir de la página

Me ha gustado mucho la entrada de Luis Barriocanal sobre el Encuentro de Edublogs de Ayerbe. El contenido, sobre todo... pero también la forma. A partir de un texto, se vinculan imágenes que se cargan en una ventana emergente que se adaptan al tamaño de cada una de las imágenes. Preguntado que qué había utilizado para hacer esto, me dice que es un plugin para WordPress.

Así, buscando algo parecido para webs en general, y ver si también funcionaba en Blogger, he llegado al Lightbox.

He tenido cierta dificultad para su instalación y funcionamiento. En una web en la que todo se puede subir por ftp y las carpetas están próximas, no ha habido ningún problema.

Para empezar, hay que descargar el Ligntbox v2.03.3

Se descarga un archivo comprimido que, al descomprimirlo, da como resultado un index.html y tres carpetas: css, images y js

Estas tres carpetas, las he metido dentro de otra y lo he mandado a un servidor que permita el ftp normal.

Una vez hecho esto, he comprobado que si hacía la actividad en esa web, las cosas funcionaban correctamente sin hacer nada más que seguir las instrucciones indicadas en la web y en el index.html descargado. En este blog, ha habido que hacer algo más.

1.- El código javascript en la cabecera de la plantilla del blog. Entre <head> y </head> Sustituyendo las llamadas a los 3 archivos .js y a la hoja de estilos .css por sus rutas absolutas.

3.- Una vez hecho esto, he pegado, en esta entrada, el código que se comenta en la página oficial, sustituyendo el rel="lightbox" por rel="http://rutadelacarpeta/lightbox", es decir, haciendo una relación empleando una ruta absoluta pues los archivos y esta entrada se encuentran en servidores diferentes.

Ejemplo de un vínculo:
<a href="http://www.rutadelaimagen.jpg" rel="http://rutadellightbox/lightbox" title="Texto del título de la imagen">Título de la imagen</a>

Para finalizar, he tenido problemas con el gif animado que gira mientras se carga la imagen y con la cruz para cerrar la ventana emergente.

Esto se ha arreglado, cambiando, en el archivo lightbox.js dentro de la carpeta js las siguientes líneas:
var fileLoadingImage = "images/loading.gif";
var fileBottomNavCloseImage = "images/closelabel.gif";
Por la ruta absoluta de ambos gifs:
var fileLoadingImage = "http://rutadelacarpeta/images/loading.gif";
var fileBottomNavCloseImage = "http://rutadelacarpeta/images/closelabel.gif";
En fin, un poco complicado pero creo que merece la pena.

Pongo un ejemplo:

Picasso: cinco obras de sus primeros tiempos.

Picasso nace en 1881. Con sólo 16 años pinta esta extraordinaria Ciencia y caridad. En 1901, este Autorretrato. De su "periodo azul", el famoso La vida que data de 1903. Dos años más tarde, este Acróbata y joven arlequín. Esta Familia de saltimbamquis de 1905 se considera de transición al "periodo rosa".

También se puede hacer con una miniatura de la imagen. En este caso hay que sustituir el texto del vínculo por <img src="http://rutadelaminiatura.jpg" />

Es lo que he hecho en el ejemplo de utilización en una web normal con alguna imagen obtenida en el 2º Encuentro.

Blogs, blogueros y participantes del 2º Encuentro de Edublogs de Ayerbe. Un ejemplo de trabajo con Photo Story 3

Photo Story 3 de Microsoft es una herramienta gratuita que corre bajo Windows y que permite hacer películas (.wmv) a partir de imágenes. Es extraordinariamente fácil de utilizar. Permite también, la inclusión de archivos sonoros o la grabación, con la misma herramienta, de un archivo de sonido.

En este ejemplo que he creado, he grabado con Audacity una pista musical de mp3 sobre la que he incluido, en una segunda pista, mi propia voz.

El problema consistía en ajustar la secuencia del audio de voz al sucesivo paso de las diferentes imágenes. Para resolver el problema, he reproducido con un equipo, la película ya realizada, mientras con otro ordenador grababa la voz.

El resultado final es el que podéis comprobar.

Finalmente hay que alojar el vídeo en un servidor adecuado. Lo he hecho, en primer lugar, en blip tv, el alojador en el que Luis Barriocanal ha alojado los vídeos del 2º Encuentro. El problema era que la visualización del vídeo se hacía con otras dimensiones que impedían una correcta visualización del vídeo original. En segundo lugar, lo he alojado en Revver. En este caso, la visualización conserva el tamaño original. La única pequeña pega es que este servidor incorpora una pequeña publicidad al final del vídeo. Otro probable pequeño problema es que la anchura y la altura del vídeo resultante pueda ser un poco grande para algunas plantillas de blogs. En concreto, para ésta. No hay problema. El código javascript que hay que insertar permite la modificación del width y height original para que el tamaño final se acople a la anchura de la plantilla del blog. Eso sí, hay que hacer las cuentas para que la proporción ancho/alto sea la misma.

Este pequeño trabajo es un homenaje a todos los participantes en este extraordinario 2º Encuentro de Edublogs.

Gracias a Néstor y Fernando de Educastur por la información.
Música de fondo: "Vals del puerto" de Hato de Foces. De su último disco "Chino chano" Zaragoza 2006