miércoles, 19 de noviembre de 2008

Elementos Multimedia en el Blog

* Insertar elementos multimedia:

1. Subir Imágenes

Las imágenes en el blog, se pueden subir directamente, para ello disponemos de hasta 1Gb de espacio en el blog. No deben superar los 8 Mb en los formatos: jpg, bmp, gif o png, que son los más conocidos. La imagen también puede ser direccionada desde Internet.

Desde el botón "añadir imagen", insertaremos entre el texto una foto o gráfico, así como la posición y el tamaño.





Blogger permite subir fotos, al igual que Wordpress, pero para crear álbumes hemos de recurrir a Picasa que es otro servicio de Google, tal que las fotos puedan incluirse rápidamente en blogger y aparecer como una presentación y colocarlas en un lateral.




Atención: No todo lo que es público, es de servicio público. Quiero decir que muchas imágenes, vídeos, documentos, etc..., tienen su derechos de autor (copyright), aunque en internet muchos autores utilizan la licencia (creative commons) o copyleft, para permitir publicarlo si se indica el autor que lo ha hecho, en algunos casos se exige también que el producto que se obtenga (blog, libro...) sea también con la misma licencia que se obtuvo. Por eso es conveniente que los docente hagamos uso de los "repositorios" o almacenes de archivos libres, en el (CNICE) del Ministerio de Educación tenemos un banco muy importante de imágenes y sonidos...


2. Insertamos Vídeos.


Los vídeos en blogger se pueden subir también desde el editor de texto, pues en el botón se nos abre una ventana desde donde se puede subir, con la condición de que sean menos de 100 Mb y en formatos: AVI, MPEG, QuickTime, Real y Windows Media. También tenemos las ventaja de que los servicios de alojamiento de vídeos como Googlevideo, youtube, revver, etc...nos dan un código que podemos pegar en el editor de texto, pero no en la etiqueta Redactar, sino en la de Edición de HTML . Después de guardar la entrada, nos aparecerá el video cono si estuviera en nuestro blog, aunque lo tiene que cargar desde el lugar que hemos seleccionado.




Una vez que agreguemos el código podemos seguir escribiendo ( aunque el vídeo no aparezca en el momento ), si queremos visualizarlo antes de publicar la entrada simplemente podemos hacer click en "Vista Previa" así observamos como quedará.

En éste último caso y al tener ya una cuenta gmail, contamos con este servicio gratuito de Google Video, que también nos permitirá subir nuestros vídeos y compartirlos si queremos desde Google, sólo debemos activarlo.Ver código . En un blog nos quedaría algo así.

Algo que debemos tener en cuenta, no es lo mismo el código que nos faciliten para blogger que para wordpress.

Ahora realiza este Ejercicio nº9





3. Insertar Audio


Para insertar en el blog un reproductor sencillo, el problema que nos vamos a encontrar primero es el lugar donde almacenamos nuestro mp3, podemos buscar un alojamiento gratuito, lo subimos y después localizamos la URL y además el reproductor suele ser un fichero en flash (.swf) que también debe de estár con la música, y a continuación insertamos este código, cambiando la ruta del archivo y el nombre del fichero reproductor.


Bájate un modelo(botón derecho del mouse y guardar destino cómo...) y lo subes al servidor: normal, nimi y múltiple . En un blog quedaría así . Ahora realiza tú este Ejercicio nº10

Para conocer más reproductores de Audio y Vídeo visita esta página de José Mª Campo en este taller multimedia





Cómo insertar otros elementos (documentos pdf, flahs, ptt...)


Hay otros servicios web 2.0, que nos ofrecen subir documentos y visualizarlos en nuestro blog, generalmentel todos se transforman en formato (.swf) más conocidos como fichero flash.Para insertar Ficheros Flash debemos usar el siguiente modelo de código, cambiando la ruta del fichero flash que tenemos alojado en el servidor. Ver código El resultado es algo así en el blog


(última actualización el 1 de Diciembre)


Screentoaster Graba vídeos y tutoriales on-line
Muchas veces un docente debe de explicar un concepto o idea a través de una presentación animada o vídeo e incluirla en el blog.


Para ello puede echar mano de una aplicación comercial como Captivate que permite a los usuarios crear de forma fácil simulaciones de muestreo para presentaciones basadas en tomas o "capturas " de video en la pantalla del monitor y reproducibles en formato SWF. También se puede hacer con software gratuito como la aplicación Wink por ejemplo.


Este fichero . SWF, se puede subir a un servidor gratuito y direccionarlo como hemos indicado anteriormente. Pero todo esto también se puede hacer desde un nuevo servicio web 2.0, que de momento es beta y sólo accedes solicitando con tu e-mail una clave de uso.


Es http://www.screentoaster.com/ con el que se puede hacer vídeos como con los anteriores programas, pero on-line, te ofrece la dirección del video que grabas así como el código para embeberlo en el blog. Veamos un ejemplo aquí.

También hay servicios de alojar estos archivos como : scribd.com , donde podemos subir varios tipos de archivos. Otro servicio es slideshare.com para subir preferentemente presentaciones en power point o Impress, como la que hay al principio del blog, todas ellas nos da un código "share" para compartir nuestro trabajo, que debemos copiar y pegar en una entrada. Otro de los servicios muy elegantes a la hora de presentar el documento es calaméo, que pueden verse los documentos como si de un libro se tratara, veamos un ejmplo.


Aquí realizamos un Ejercicio nº11 de Ejemplo.



Un libro virtual en el blog


Desde el servicio Tikatok podemos abrir una cuenta gratuita y crear historias con imágenes en un libro virtual y después publicarlas. Nos ofrece un código para insertarlo en el blog. como este ejemplo.


Un Diccionario de Inglés en el blog

Si hacemos uso de la herramienta Answers.com estamos ante un diccionario de Inglés, enciclopedia y mucho más que podremos también incrustar en el blog desde la pestaña diseño, añadir gadget-HTML/JSCRIPT o bien a través de un código que nos envían en HTML y que en cualquier entrada podemos poner. En este caso hay que solicitar el código inscribiéndose en el sitio.

Nuestro "Disdo Duro" en Internet


No obstante, también podemos tener alojado algún documento, vídeo, web, etc, en un servicio de alojamiento gratuito como por ejemplo:

- http://www.adrive.com/ que facilita 50 Gb de almacenamiento de ficheros por cuenta y backup
- http://www.dropboks.com/ , es un sistema sencillo de almacenaje de 1Gb.
- http://www.esnips.com/
- http://www.divshare.com/ , permite subir videos, fotos, música y documentos y compartirlos desde Internet. 1Gb de almacenaje y 10 Gb de transferencia como máximo.
- http://www.box.net/ y muchos más.


Yo aconsejo divshare.com donde podéis subir algún fichero y compartirlo en Internet.

No hay comentarios: