SlideCast = SlideShare con audio

julio 25, 2007

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.

Jordi Adell. Compartir el conocimiento

julio 24, 2007

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…

julio 23, 2007

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

julio 20, 2007
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

julio 17, 2007

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.

FlashPaper: lector de documentos en la web

julio 15, 2007
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&#8221; 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

julio 12, 2007
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&#8221;, 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&#8221; rel=”http://rutadellightbox/lightbox&#8221; 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&#8221;;
var fileBottomNavCloseImage = “http://rutadelacarpeta/images/closelabel.gif&#8221;;

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&#8221; />
Es lo que he hecho en el ejemplo de utilización en una web normal con alguna imagen obtenida en el 2º Encuentro.