sábado, 2 de abril de 2011

Comentarios en blogs


Publicar un comentario verificado



La práctica de acceder a los blogs de los compañeros del curso y dejar un comentario en un par de ellos, no tiene a veces, comprobación inmediata, ya que el administrador del blog puede tener configurado el mismo para aprobarlos antes de publicarlos.


Comentario pendiente de aprobación por el administrador del blog



En todo caso, es suficiente que envies cada uno de los enlaces URL del Artículo = Post de los blogs donde has dejado tu comentario (comentario que puede estar  pendiente de publicar)



Jose Angel Laredo
Leer Mas...

domingo, 27 de marzo de 2011

Instalación de PhotoStory – Fotos Narradas – Videotutorial. Vídeo YouTube en Blogger

A partir de una secuencia de fotografías, utilizando un sencillo programa como PhotoStory 3 (Windows), se puede diseñar un documento videográfico.
Photo Story 3 (Fotos Narradas) se puede utilizar para crear vídeos *.WMV a partir de imágenes y audios.
Para instalar este programa se descarga y ejecuta el asistente de instalación PhotoStory.exe., siguiendo las instrucciones de este vídeo que ha sido creado con el propio programa.

Esta versión de PhotoStory ha sido pensada para Windows XP SP2 pero también funciona en Windows Vista y 7.

¿Cómo insertar vídeo de Youtube en Blogger?


Supongamos que queremos insertar en nuestro artículo de Blogger el vídeo anterior, que se encuentra en esta dirección:    http://www.youtube.com/watch?v=HCqYvh9aLow







El código utilizado es:

<iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/HCqYvh9aLow?rel=0&amp;hd=1" title="YouTube video player" width="425"></iframe>

  • Clic en el enlace Edición de HTML para mostrar el código HTML del artículo.
  • Sitúate en la edición HTML del artículo del blog al final del mismo. Pega el iframe anterior.
Se observa el código iframe que nos ha servido para insertar el vídeo de YouTube


    Espero que esta información te sea útil.
    Jose A Laredo
    Leer Mas...

    domingo, 20 de marzo de 2011

    Ejemplo de inserción de audio en blogger utilizando el reproductor PixelOut. Música de Gaita










    La gaita es un instrumento de viento que, en su forma más simple, consiste en un tubo preformado (puntero), provisto de caña e insertado dentro de un odre, que es la reserva de aire. El aire entra en el odre (fol) a través de un segundo tubo, que tiene una válvula que impide la salida del aire provisto por los pulmones del gaitero. Éste comprime con su brazo el odre para mantener la salida de aire con sonido (tempero).
    La gaita ha sido un instrumento tradicional, distribuido por numerosos países de todo el mundo, incluyendo la península de Escandinavia, las Islas Británicas, los Países Bajos, Francia, la Península Ibérica, la Península Itálica, los Balcanes, el norte de África, Turquía y Oriente Medio. Aunque existen posibles referencias literarias en textos latinos, las primeras representaciones europeas se remontan a la Baja Edad Media.





    Hemos seguido los siguientes pasos

    1. Visitamos la enciclopedia Wikipedia (http://es.wikipedia.org/wiki/Wikipedia:Portada) y localizamos
    información sobre el instrumento musical "Gaita".

    2. Con estos datos elaboramos este artículo que contiene: título, breve resumen, imagen procedente del ITE y enlace a la fuente de información original, en este caso al artículo de Wikipedia y al Banco de recursos multimedia del ITE.

    3. Accedemos al Banco de recursos multimedia del ITE  (http://recursostic.educacion.es/bancoimagenes/web/)

    4. En el buscador de este banco hemos introducido la palabra "gaita" y activado fotografías, ilustraciones
    y sonidos para reducir la búsqueda a este tipo de elementos multimedia. Localizamos los activos "Gaita
    tocando una canción" y la ilustración "Gaita" del Ilustrador Pablo Egea Palomares.

    5. Decidimos descargar el archivo de audio en los tres formatos Wav, Mp3 y Ogg

    6. Se descarga la ilustración "Gaita" en formato jpg

    7. Abrimos Audacity y reproducimos el archivo de audio "Gaita tocando una canción" descargado en
    formato Wav. Por la duración de 39 segundos del audio no hizo falta recortarlo.
    Si fuera necesario activaríamos la herramienta de selección para seleccionar un fragmento de por ejemplo
    30/40 segundos aproximadamente y a continuación se selecciona Editar > Recortar. De esta forma se
    consigue un pequeño fragmento de la obra.

    8. Desvanecer progresivamente/Aparecer progresivamente, se aplican directamente sobre una selección
    inicial o final realizada en la grabación para definir una aparición o desaparición progresiva de la música.
    Para atenuar el corte final, volvemos a activar la herramienta de selección para seleccionar unos segundos
    finales de la onda y elegimos Efecto > Desvanecer progresivamente.

    9. Mediante Audacity, exportamos el audio a un archivo MP3 de calidad 56 kbps y estéreo mediante la
    secuencia: archivo > exportar > Opciones... > Calidad

    10. Subo este archivo de audio a la carpeta audio de mi cuenta en Google Sites para luego enlazarlo o
    embeberlo en una consola de reproducción de audio que lo muestre: el reproductor PixelOut

    11. Subo el reproductor de PixelOut player.swf

    12. Se necesita utilizar un asistente para generar el código HTML del reproductor PixelOut necesario para
    incrustar (embed) el propio reproductor de PixelOut "player.swf" y el archivo de audio "Gaita56_desvanecer.mp3" reproducido en este artículo del blog.

    13. Se abrirá el navegador web mostrando esta página web. Lo más importante en este interfaz es
    introducir la URL del reproductor player.swf y la URL del audio MP3 que se pretende reproducir con él.

    URL del reproductor:  https://sites.google.com/site/laredomw20/audio/player.swf
    URL del audio MP3:  https://sites.google.com/site/laredomw20/audio/Gaita56_desvanecer.mp3

    En las URLs de reproductor y MP3 eliminanos la coletilla ?attredirects=0&d=1. Aunque funcionaría igual
    conviene simplificar el código todo lo posible.

    14. Hacemos clic en el botón Crear código HTML. Utilizando el interfaz del Generador de código de
    Pixelout hemos definido algunos parámetros de funcionamiento y visualización que tendrá el reproductor
    y otros los hemos dejando en blanco.

    <embed src="https://sites.google.com/site/laredomw20/audio/player.swf" width="290" height="24" flashvars="soundFile=https://sites.google.com/site/laredomw20/audio/Gaita56_desvanecer.mp3&lefticon=0xFF9900&righticon=0xFF9900&text=0x0000FF&slider=0xFF9900"></embed>

    15. Clic en el enlace Edición de HTML para mostrar el código HTML del artículo. Pegamos el código
    anterior en la posición que creamos más conveniente.

    ..........
    Leer Mas...

    martes, 15 de marzo de 2011

    Ejemplificación de una imagen incluida en el título de un post

    Esta es una ejemplificación de una imagen incluida en el título de un post

    La etiqueta html a utilizar es:

    <img src="URL_del_gráfico"/> Titulo del artículo

    Supongamos que la imagen tiene esta dirección.
    http://blog.educastur.es/seminariosan/files/2010/11/crystal_clear_app_login_manager.png



    y que el titulo del artículo es: Ejemplificación de una imagen incluida en el título de un post

    La etiqueta quedaría así:
    <img src="http://blog.educastur.es/seminariosan/files/2010/11/crystal_clear_app_login_manager.png "/> Ejemplificación de una imagen incluida en el título de un post

    Saludos
    Jose A Leredo. Leer Mas...

    miércoles, 9 de marzo de 2011

    Ejemplificación inclusión EMBED procedente de Agraga: SIM91 Equipos de Instalaciones Frigoríficas

    Ejemplificación de inclusión del código embed procedente de la plataforma AGREGA:


    SIM91 Equipos de instalaciones frigoríficas





    En la pestaña "Edición de HTML", hemos pegado el código embed que proporciona AGREGA y que en este caso es este:

    <a href='http://agrega.educacion.es/ODE/es/es_2010071212_9111740/embed' target='_blank'><img src='http://agrega.educacion.es/galeriaimg/fa/es_2010071212_9111740/es_2010071212_9111740.png' alt='SIM91 Equipos de instalaciones frigoríficas' title='es_2010071212_9111740'></a>

    El resultado es la imagen enlazada de la cabecera del artículo.

    En el momento de redactar este post, parece que la url del embed no es correcta pues al pinchar sobre la imagen no da un error.

    http://agrega.educacion.es/visualizador-1/es/pode/presentacion/visualizadorSinSecuencia/visualizar-datos.jsp

    Si persiste el error pinchar en la dirección anterior.

    Por otro lado, aquí podéis ver la demo del simulador de Equipos de Instalaciones Frigoríficas.


    Sencillamente se ha subido el archivo *.flv a blogger mediante el icono "Insertar un vídeo" del menú. Bueno en esta caso mas que el vídeo se ha subido la URL del mismo, pues el archivo está alojado en otro servidor.


    El código en edición de HTML del vídeo obtenido desde la pestaña "Edición de HTML"  es:

    <div class="separator" style="clear: both; text-align: center;">
    <object height="266" id="BLOG_video-2086fea8d5bef8b0" class="BLOG_video_class" contentid="2086fea8d5bef8b0" width="320"></object></div>


    Jose A Laredo
    Leer Mas...