domingo, 10 de mayo de 2009

Dudas generalizadas: ¿Cómo insertar fotos de Flickr?. ¿Cómo crear cuenta en youtube?

Aprovecho las dudas resueltas con Skype para que comprobéis que se pueden grabar conversaciones con Skype y luego compartirlas ( evidentemente , tengo el permiso de los interlocutores para publicar la conversación).

Laura pregunta cómo insertar imágenes de Flickr en nuestro blog.



Merche pregunta cómo se cierra google para poder crear una cuenta de youtube

domingo, 3 de mayo de 2009

Insertar una radio que emita en diferido




Es la radio de mi Instituto.
INSTRUCCIONES del funcionamiento de la radio alojada en Gcast:

  1. Pulsa "Posts" y selecciona un programa.
  2. Pulsa "Get Podcast" si deseas suscribirte via iTunes, via e-mail (recibirás un correo cuando haya un programa nuevo) o via RSS .
  3. Para descargar un programa pulsa Descargar mp3 . Aparece una página en inglés. En el apartado "Recent episodes" están los programas. Si pulsas el botón podrás descargarlo.
Para tener algo así en tu blog o página web, debes entrar en Gcast, registrarte, enviar los mp3, copiar el código HTML que genera Gcast (puedes elegir entre varias opciones) y copiarlo en tu blog o página web. Puedes leer el siguiente documento PDF que creé para los alumnos de mi centro donde explico cómo enviar los archivos mp3 a la radio de mi Instituto.

TV y radio en directo


Live TV : Ustream
Cuando en el monitor de arriba aparezca "On Air" estarás viendo video o radio (según me interese) en directo. Puedo, por tanto, llevarme la cámara al instituto, conectarla a un ordenador, éste a su vez a internet y lo que grabe en la cámara se emitira en directo en la pantalla superior. ¡Increible!
Instrucciones para hacer la tarea:
  • Entras en ustream.tv y te registras.
  • Una vez identificado, pulsas Your Shows. Luego en Create New Show escribes un nombre a tu programa.
  • Rellenas el formulario info.
  • Pulsas Share y en "Or add the video embed directly to your site from here" el iges "Post" y "Blogger".
  • Escribes el nombre de usuario, contraseña de blogger, título de post y al enviar, automáticamente se crea una entrada en tu blog. Luego editas la entrada sin eliminar el código HTML que genera la televisión.
  • Cuando quieras emitir un programa en directo, entras en ustream.tv, te identificas, pulsas "Your shows", luego "Broadcast Now". Se abre una ventana nueva, reconoce tu cámara y micrófono,
  • Para que también aparezca el chat, copiamos el código HTML que genera ustream.tv. Blogger identifica el código como erroneo. Debemos hacer una pequeña modificación. Sólo he modificado la forma en que se cierra la etiqueta embed al final. No obstante observo que muchos problemas para embeber el chat. Es preferible crear el enlace a ustream.tv donde estamos emitiendo en directo

sábado, 2 de mayo de 2009

Insertar audio en el blog

Los archivos de audio mp3, también llamados podcast, debemos alojarlos en algún sitio externo de Blogger e insertarlo (código embebido) en el blog.
Hay varios sitios donde alojar nuestros podcast:
Hay sitios web que graban audio online pero es conveniente aprender a grabar y editar un archivo de audio para luego enviarlo a internet. Un programa gratuito que podemos instalar en nuestro ordenador para tal fin es Audacity. En una entrada de la web de mi Instituto tenéis instrucciones.
Me he registrado en TeacherTube, he enviado varios archivos de audio en mp3 e inserto uno de ellos ( como siempre, copio y pego en mi entrada el código HTML que genera TeacherTube):


Si deseas que puedan descargarse el audio o que puedan insertarlo en otros blogs debes facilitar la URL donde se aloja. Por ejemplo, sigue el enlace y podrás escuchar y descargar la charla con la ministra Mercedes Cabrera que tuve ocasión de realizar el año pasado durante la entrega de los premios "Buenas prácticas en las bibliotecas escolares" en Toledo.
Un sitio muy interesante es Gcast . Puedes alojar varios mp3, insertar en tu blog el código HTML que genera Gcast y después poder escuchar el audio que quieras. Es lo que hemos hecho para tener la radio del Instituto.

Insertar fotos en el blog

Blogger te permite insertar imágenes en el post. No obstante, interesa saber otra forma de insertar imágenes alojadas en otros sitios. Un sitio muy interesante es picasaweb (otra herramienta web 2.0 que ofrece google), pero lo veremos más adelante
  • Flickr (Compartir fotografías, comentarios sobre las fotos, etc))
  • Moblyng o photopeach (Presentación de fotos en los blogs)
  • Jigzone para la creación de puzzles de distinta dificultad con tus fotos y que puedes mandar por email o embeber en tu blog
  • SnapFish (fotografías)
  • picturetrail Las fotos parecerán vivas, realizando formas.
  • Mixbook para crear álbumes de fotos o minilibros.
Por ejemplo, queremos insertar en el blog una foto de Flickr (puede ser nuestra porque nos hemos registrado en Flickr y la hemos enviado o puede ser de otra persona). Podemos insertar la foto de forma similar a como se inserta el video (copiando y pegando el código HTML que Flickr te proporciona) . Ejemplo. Foto de " premiardiego " de iconos de herramientas 2.0
Web 2.0 Collage logos

También podemos crear una película con las fotografías, incorporando texto y efectos especiales. Puede ser divertido para los niños de infantil. Encontrarás varios blogs que hacen esto, creando una especie de minicuentos. Yo he hecho algo parecido (con fotos que me habéis enviado) en PictureTrail . La forma de incorporarlo siempre es la misma (copiar y pegar el código HTML que genera PictureTrail)

Insertar un video

Blogger te permite enviar videos propios al Blog, como ya dije en otra entrada.
Ahora vamos a insertar un video alojado en Youtube u otro sitio.
En el video siguiente se explica cómo hacerlo. Es un video que he insertado en mi blog siguiendo las instrucciones del propio video (¡vaya lio!). Sube el volumen de los altavoces:

Nos interesa también aprender a alojar videos propios, no solamente en Blogger.
Hay varios sitios:
Siempre es igual. Entras por ejemplo en youtube, en la esquina superior derecha hay un botón para registrarte. Si ya estás registrado entra a tu cuenta y da click en upload video le pones nombre y escoges el archivo de tu ordenador. Espera a que se suba. Luego puedes insertar el video (código embebido) en el blog como lo has visto en el video anterior.
Yo estoy enviando los videos tutoriales en Vimeo.

Insertar una presentación PowerPoint

Para insertar una presentación powerpoint en el blog podemos enviarla a un disco virtual y crear el enlace. Pero si deseamos poder ver la presentación en el mismo blog debemos enviarla a otros sitios. Por ejemplo:
Google docs en una herramienta web 2.0 de google muy interesante, pero la veremos en otro momento.
He alojado una presentación en SlideBoom e insertado el código HTML que genera SlideBoom en el blog. El resultado es el siguiente.


En el video siguiente explico la forma de enviar e insertar la presentación en el blog

Insertar PowerPoint en SlideBoom from josejaimemas on Vimeo.

Alojar documentos: pdf, pps, doc, xls, zip, etc

Blogger sólo nos deja enviar fotos y videos. Si deseamos enviar otro tipo de documentos tendremos que recurrir a un servicio externo de Blogger. Hay varias opciones. Una muy recurrida es alojar los documentos en un "disco duro virtual". Google de momento no nos ofrece este servicio. Hay muchos discos duros virtuales que tras registrarte no tendrás problemas en enviar documentos. Ejemplos de discos duros virtuales:
Por ejemplo, en boxnet he alojado examenes de matemáticas (en pdf) que los alumnos pueden, por ejemplo:


Para conseguir insertar el contenido de la carpeta en el blog (como podéis ver en la imagen superior) basta con copiar el código HTML que genera boxnet (copiar y pegar). Para pegar código HTML en tu entrada, en la ventada de creación de entrada de blogger tienes que pulsar en "Edición de HTML".
En el video siguiente explico los pasos que he realizado:

Descargar archivos de box net from josejaimemas on Vimeo.

Elementos multimedia sin recurrir a alojamientos externos de Blogger

Blogger está continuamente cambiando. Toda la información de esta entrada es de fecha Mayo de 2009.

En una entrada de Blogger puedes, con el editor visual (editor wysiwyg):
  • Cambiar el estilo de las fuentes: Arial, Courier, Georgia, Lucida grande, Times, Trebuchet, Verdana, Webdings.
  • Cambiar el tamaño:
    Arial, Courier, Georgia, Lucida grande, Times, Trebuchet, Verdana, Webdings.
    Arial, Courier, Georgia, Lucida grande, Times, Trebuchet, Verdana, Webdings.
    Arial, Courier, Georgia, Lucida grande, Times, Trebuchet, Verdana, Webdings.
    Arial, Courier, Georgia, Lucida grande, Times, Trebuchet, Verdana, Webdings.
    Arial, Courier, Georgia, Lucida grande, Times, Trebuchet, Verdana, Webdings.
  • Negrita, cursiva, color de texto.
  • Crear enlaces externos
  • Cambiar la alineación:
    centrado
    derecho
    texto justificado izquierda derecha
  • Listas numeradas:
    1. primero
    2. segundo
    3. etc
  • Lista con viñetas
    • con subapartados
      • más subapartados
        • y más
  • Escribir un bloque entrecomillado:
    El principal objeto de la educación no es el de enseñarnos a ganar el pan, sino en capacitarnos para hacer agradable cada bocado.
  • Podemos comprobar la ortografía
Como elementos multimedia podemos insertar imágenes y videos sin recurrir a alojamientos externos. Elegimos también la ubicación apropiada (alineación, diseño, tamaño). Veamos dos ejemplos:
Las imágenes pueden ser jpg, gif, bmp e imágenes png, de 8 MB de tamaño como máximo. El espacio de alojamiento está limitado a 1024 MB. La imagen enviada a blogger tiene alineación izquierda. Una vez insertada se puede mover (arrastar con el ratón) por el texto. Con los tiradores se puede cambiar el tamaño.





Podemos insertar un video nuestro. Lo enviamos a blogger.
Por ejemplo: