Edición de imágenes en línea con RIBBET

Ribbet es una herramienta para diseño y retoque de fotos que funciona completamente en línea. Tiene una interfaz (aspecto) muy simple e intuitiva y posee las funciones básicas de cualquier editor: recortar, rotar, cambiar la exposición, los colores, la intensidad o redimensionar la imagen. Permita además añadir efectos y marcos.
La única pega es que está en inglés.
Pero son cuatro palabras...
En primer lugar tenemos que cargar una imagen (upload).
Después podemos editar la imagen y añadir todos los efectos que se nos ocurran.
Después guardamos nuestra imagen reformada en nuestro equipo.
Si nos creamos una cuenta, las imágenes se guardan en el sitio y podemos tener acceso posterior a ellas.
Para la sesión de esta tarde, trae o guarda en Internet, alguna fotografía tuya que quieras editar.

Los problemas de la visualización en cualquier dispositivo

Hoy veremos en clase el problema de la no compatibilidad de los reproductores Flash con los dispositivos móviles de APPLE.
También hemos visto el problema de dónde alojar nuestros vídeos para que se entiendan con el "nuevo" lenguaje HTML5.
No he encontrado de momento una solución (que sea sencilla).
Yo tengo un servidor de pago (2 euros al mes) que se llama 1&1.
Eso me permite una libertad total a la hora de alojar y cargar cualquier tipo de archivos, a la vez que me permite tener un "dominio" propio: http://www.angelpuente.es
Así cualquier vídeo creado y alojado en dos formatos es compatible con el lenguaje HTML 5 y se bien en todos los dispositivos móviles.
El código que hay que colocar es éste:

<video controls="controls" height="340" width="600">
<source src="http://www.angelpuente.es/cepa/pedro.mp4" type="video/mp4"></source>
<source src="http://www.angelpuente.es/cepa/pedro.ogv" type="video/ogg"></source>
</video>

Cambiando lo marcado en rojo por el valor correspondiente.
En el caso de que me proporcionéis los vídeos, yo los voy a subir poniendo como nombre de archivo el vuestro.
Por ejemplo, cambiamos pedro por inmaculada o por maricarmen y podréis embeber vuestro vídeo en el blog y será visible en todos los dispositivos.

Mari Carmen

Pedro

Inmaculada ya lo ha hecho

Publicar un vídeo

Un álbum en flickr

Descargar vídeo de YouTube. (Método de Pedro)

El método consiste en cambiar en la URL, la cadena "www." por "ss". Se abrirá el vídeo en una nueva página. A la derecha tendremos las opciones de descargas.
Por ejemplo la URL de este vídeo:
http://www.youtube.com/watch?v=D6bNbleh7Wo
 (Hay que observar que en la barra de navegación no se muestra la cadena inicial "http://")

Lleva a esta otra:
http://en.savefrom.net/#url=http://youtube.com/watch?v=D6bNbleh7Wo&utm_source=youtube.com&utm_medium=short_domains&utm_campaign=ssyoutube.com

Allí elegimos las opciones de la descarga.

Descargar un vídeo de YouTube. (Método que me mandó Mª Carmen)

Para descargar vídeos hay muchas opciones.
Yo la que suelo usar es el Video DownloadHelper que es una extensión para Firefox. Funciona francamente bien.

Pero hay muchas otras posibilidades.

Presentación en Prezi

Creación y uso de multimedia

Ya hablamos en su momento de lo del slidecast.
Pero os pongo ahora el ejemplo de la presentación que realicé para el congreso de identidad digital del CITA de Peñaranda.

Marcadores en modo local o Favoritos

Para que la navegación por los sitios por los que siempre vamos nos resulte cómoda, lo mejor es guardar en Marcadores esas páginas.
El nombre correcto es Marcadores.
El Explorer lo llama Favoritos.
Es el mismo concepto.
Vamos a explicar un poco este tema para FIREFOX.

Navegadores

Aparte del conocido Internet Explorer, existen otros navegadores que, cada vez más le hacen la competencia.

Formularios de Google Drive

Proyector (slideshow) de Picasa

Si nuestro álbum está como público podemos exhibir las imágenes y mostrarlas en cualquier web o blog con lo que se llama un "slideshow".
Por ejemplo:

Alojamiento de imágenes en Picasa

Picasa es el servicio de alojamiento de imágenes asociado a Google y, por tanto, a Gmail y Blogger.
Nosotros ya tenemos todos nuestra de cuenta de Google.
Así, todas las imágenes que hemos ido colocando en las entradas del blog, se han ido guardando automáticamente en nuestro espacio de Picasa Web.
Para entrar a verlo, lo primero que hacemos es abrir nuestra cuenta de correo de Gmail en una pestaña del navegador.
En otra pestaña buscamos con Google el término Picasa Web.
Llegaremos a este resultado:

https://picasaweb.google.com/home

Allí veremos todas nuestras imágenes agrupadas por álbumes.
Para subir nuevas imágenes pulsamos en el vínculo Subir.
Y al pulsar Subir nos da la opción de crear un nuevo álbum o añadir imágenes a un álbum previo.

Las imágenes las podemos dejar como privadas pero también las podemos hacer públicas si queremos mostrarlas después en el blog, por ejemplo.

Alojamiento de imágenes y proyección de las mismas

El alojador de imágenes más conocido y usado es Flickr.
Hasta ahora hemos usado imágenes de otros (alojadas en Flickr) para insertar en nuestros trabajos.
Ahora pasamos a ver cómo alojar nuestras imágenes en el servidor y ver qué podemos hacer con ellas.
Lo primero que tendríamos que hacer es crearnos una cuenta en Flickr.
Para poder crearnos una cuenta en Flickr antes tenemos que crearnos una cuenta de correo en Yahoo.
Porque Yahoo y Flickr son de los mismos propietarios.
Sin embargo en lugar de empezar con Flickr vamos a hacerlo con el que quizá sea el segundo en importancia en alojamiento de imágenes.
Me refiero a Picasa.
Picasa está asociado a Gmail.
Y Gmail es de Google como también Blogger.
Como ya tenemos nuestra cuenta en Google va a ser mucho más fácil el hacer las cosas inicialmente con Picasa.
Lo explico en el siguiente post.

PhotoPeach

A medio camino entre una presentación y un vídeo semiautomático hay muchas herramientas en la Web.
Una de ellas es PhotoPeach.
Para empezar, veamos un ejemplo:

Tres pintores cubistas on PhotoPeach

Edición de audio con Audacity

Audacity es un excelente programa para grabar nuestros audios y editarlos colocando músicas de fondo, por ejemplo, y exportando los resultados a .wav o a .mp3
Para ello, vamos a la página web de Audacity y nos descargamos e instalamos el programa.

Un paseo literario

En la próxima Semana Cultural de nuestro CEPA, vamos a realizar un taller literario al que denominamos "Un paseo con Antonio Machado".
Se trata de participar en la celebración a nivel nacional y a través de Internet del centenario de la publicación de "Campos de Castilla" la famosa obra del poeta.
El taller consiste en la realización de un vídeo con uno de los poemas del libro.
La poesía elegida es:

A JOSÉ MARÍA PALACIO

Palacio, buen amigo,
¿está la primavera
vistiendo ya las ramas de los chopos
del río y los caminos? En la estepa
del alto Duero, Primavera tarda,
¡pero es tan bella y dulce cuando llega!...

¿Tienen los viejos olmos
algunas hojas nuevas?

Aún las acacias estarán desnudas
y nevados los montes de las sierras.

¡Oh mole del Moncayo blanca y rosa,
allá, en el cielo de Aragón, tan bella!

¿Hay zarzas florecidas
entre las grises peñas,
y blancas margaritas
entre la fina hierba?

Por esos campanarios
ya habrán ido llegando las cigüeñas.

Habrá trigales verdes,
y mulas pardas en las sementeras,
y labriegos que siembran los tardíos
con las lluvias de abril. Ya las abejas
libarán del tomillo y el romero.

¿Hay ciruelos en flor? ¿Quedan violetas?

Furtivos cazadores, los reclamos
de la perdiz bajo las capas luengas,
no faltarán. Palacio, buen amigo,

¿tienen ya ruiseñores las riberas?

Con los primeros lirios
y las primeras rosas de las huertas,
en una tarde azul, sube al Espino,
al alto Espino donde está su tierra...

Antonio Machado

¿Que tenemos que hacer los participantes?
Intentar memorizar la poesía antes de venir a una de las sesiones del taller.
La realización del vídeo consiste en la grabación directamente a cámara de cada uno de los participantes recitando un fragmento del poema.

Nuestro CEPA ya ha enviado uno de los poemas a esta convocatoria.
Lo podéis ver desde aquí.

Es muy importante entender el contexto en el que se produce la escritura de este poema.
Aquí tienes algunas pistas.

Descargar poesía en pdf

Descargar poesía en odt

Extraer una pista de audio de un CD

Os dejo esta explicación.
Igual está un poco desfasada.
Pero creo que puede servir.
Este audio es bastante más reciente aunque igual no aporta demasiada información sobre cómo hacer las cosas:


 Ir a descargar

Barra lateral del blog

En la barra lateral del blog se pueden colocar muchos "gadgets".
Así es como denomina Blogger a estas pequeñas utilidades que podemos configurar para que se adapten a nuestras particularidades y deseos.
Por ejemplo, podemos colocar lo que se llama una "Lista de enlaces".
Es lo que acabo de hacer yo ahora mismo con los blogs de todos los compañeros/as del Taller.
Sé que consultáis a menudo los progresos o avances de los demás.
Hasta ahora teníais que ir a la entrada en la que en su momento publiqué vuestros nombres con los enlaces a cada uno de los blogs.
Ahora está aquí al lado, a la derecha, y cuando esta entrada se vaya hacia abajo porque nuevas entradas la empujan... el listado de los blogs continuará en el mismo sitio: arriba del todo. Porque así lo he configurado... porque también se puede mover hacia abajo. Dentro de la barra lateral, claro.

La presentación con el audio

Efectivamente.
Hacíamos las cosas bien.
Sólo que SlideShare tarda un rato en guardar los cambios.
Aunque no nos proporcione ningún mensaje en tal sentido.
He abierto la presentación justo acabada la clase y aquí tenéis el resultado con la jota cantada por Chema Puente.

Algunas pistas sobre presentaciones e imágenes from Ángel Puente

AuthorStream: la tercera posibilidad para alojar presentaciones de PowerPoint

AuthorStream al igual que SlideBoom es un alojador de presentaciones de PowerPoint que respeta las animaciones, las transiciones y el audio incrustado.
Embebo aquí esta presentación que cuenta con una música de fondo desde el principio.

la_neige

More PowerPoint presentations from Angel Puente

SlideBoom: Alojador de presentaciones de PowerPoint que respeta sonido y animaciones

SlideBoom es muy parecido a SlideShare pero en este caso, se respetan las animaciones y el audio.
Os pongo una presentación mía.
Como a mí no me gustan demasiado los efectos de las animaciones, tenéis que esperar hasta la diapositiva número 23 que es cuando he puesto una música que ya se reproduce hasta el final de la presentación.

Reducir el peso de un archivo wav

View more presentations or Upload your own.

Una vez subida una presentación... podemos añadir el audio

Es lo que se llama un SlideCast:

Cómo hacer un slidecast from Ángel Puente

Insertando una presentación alojada en Slideshare

Guía sobre ¿Cuánto sabes de Google? from Alfredo Vela Zancada

Paperman

Bancos de imágenes y... de sonido

Vamos a ver dos de ellos.
Los dos son de organismos oficiales.
En primer lugar el Banco de imágenes y de recursos del INTEF (Instituto Nacional de Tecnologías Educativas y Formativas) que depende del Ministerio de Educación.
Se encuentra en la URL:
http://recursostic.educacion.es/bancoimagenes/web/

Si queremos buscar audios, lo que tenemos que hacer es desactivar el resto de los recursos.

Formatos de audio

El formato de audio digital por excelencia es el .wav.
El problema es que ese formato no es comprimido y, por tanto, es muy pesado: ocupa muchos megas lo que es un problema para los archivos alojados en Internet o para aquellos que queramos enviar por correo electrónico.
El formato comprimido que conserva una buena calidad es el .mp3.
Y el formato también comprimido que es compatible con los sistemas operativos de software libre es el .ogg.
Hay muchos más formatos pero estos son los más importantes.

El turno de PowerPoint

Animaciones y transiciones con LibreOffice Impress

Ahora vemos el mismo tema con el LibreOffice Impress.

Animaciones y transiciones con OpenOffice Impress

En clase hemos visto un poco el tema de las transiciones:
- Una transición es el modo en que pasamos de una diapositiva a otra.
No hemos visto el tema de las animaciones:
- Una animación es la forma en que un texto o una imagen entran o salen en la diapositiva.
En este vídeotutorial explico ambos temas para OpenOffice Impress.

Primeros pasos con LibreOffice Impress

Aquí tienes un vídeotutorial en el que explico los primeros pasos con LibreOffice Impress.

Primeros pasos con OpenOffice Impress

Aquí tienes un vídeotutorial de los primeros pasos con OpenOffice Impress.

Editar una presentación con Impress

La gran diferencia entre editar una presentación en Google Drive o con los editores en modo local es precisamente eso: cuando lo hacemos con Google Drive estamos en la red y cuando lo hacemos con el PowerPoint o con OpenOffice o LibreOffice estamos trabajando en modo local. Es decir, el archivo que generemos se guardará en el equipo en el que estemos trabajando.
Para poderlo editar en otros equipos tendremos que guardarlo en un dispositivo móvil (un pendrive, por ejemplo) para poderlo transportar.
Otra posibilidad es subirlo al Drive como si fuese cualquier otro archivo y descargarlo desde allí.
Otra más es enviárnoslo a nosotros mismos por correo electrónico.
Los editores en modo local son:
- El famoso PowerPoint de Microsoft
- Los dos programas de software libre: el OpenOffice Impress o el LibreOffice Impress.
Las diferencias entre los dos programas de software libre es mínima. En ambos se genera un documento con la extensión odp (open document presentation).
Vamos a empezar a trabajar con uno de estos dos programas de software libre. Con el que queráis.
Se trata de crear una presentación de cinco o seis diapositivas con uno de los "Impress".

Utilizar imágenes de otros en nuestros trabajos

Photo Credit: Alain Bachellier via Compfight cc

Lo podemos hacer siempre y cuando las imágenes estén publicadas bajo licencia creative commons y nos atengamos a las condiciones concretas de la licencia.
En Internet hay páginas web que hacen de filtro para buscar en los alojadores de imágenes más usados como Flickr.
Una de estas posibilidades es Compfight.
La URL es: http://compfight.com/

Licencias para usar materiales ajenos

No todas las imágenes que encontramos por la Web pueden ser usadas sin problema.
Normalmente, las imágenes, están bajo una licencia denominada "Todos los derechos reservados".
Hay algunos autores que dejan sus producciones (en este caso sus fotografías o imágenes) bajo una licencia denominada Creative Commons.
Hay muchos tipos de licencia CC.
Lo más básico es que podemos utilizar la imagen siempre y cuando citemos al autor y que no utilicemos la imagen con fines lucrativos.

Por ejemplo, esta imagen indica el tipo de licencia:
1.- BY: "by". Por. Citar la autoría
2.- NC: "no comercial". Sin fines comerciales.
3.- SA: "share alike". Compartir con el mismo tipo de licencia
Para poder utilizar imágenes ajenas en nuestros trabajos tendremos que mirar el tipo de licencia con el que están publicadas.

Imágenes

Podemos utilizar para nuestros trabajos informáticos las imágenes que nosotros hemos capturado por los procedimientos habituales:

• La cámara de fotografías digital
• El escáner

 Los formatos más habituales de las imágenes digitales son:
.jpg (el formato adecuado para imágenes con matices de color: todas las fotografías)
.gif (el formato adecuado cuando hay pocos colores: dibujos sin color o con colores planos)
.png (el mismo tipo de formato que el .gif pero de software libre. Recomendable por lo tanto frente al formato .gif)

No hay más formatos de imágenes que puedan ser distribuidos libremente por Internet. El resto de formatos son leídos únicamente por el programa editor de gráficos correspondiente.

Presentaciones colaborativas con Google Drive

El pasado miércoles en clase iniciamos una presentación y os invité a todos para que pudierais editarla.
El enlace era éste:
http://tinyurl.com/b4uqnwl
Para poderlo abrir desde aquí has tenido que entrar en tu correo de Gmail.
Porque, de momento, la presentación no es pública.
Sólo tienen acceso a ella los invitados por el creador inicial.
Es decir, vosotros, los alumnos del taller.

Básicamente se os pide que creéis una nueva diapositiva.
Y que en esa diapositiva coloquéis una fotografía vuestra y un cuadro de texto en el que pongáis vuestro nombre.
Se admiten todo tipo de imágenes y de texto pero a partir de lo mínimo que es lo que se ha explicado.

Las presentaciones

Casi todo el mundo sabe de qué hablamos cuando en informática nos referimos a una presentación.
Aunque, también probablemente, sea bastante difícil concretar qué es exactamente una presentación.
Podríamos salir del paso diciendo que una presentación es un documento digital que se muestra por pantallas en el que se une texto e imágenes y que es aquello que un ponente, profesor, o conferenciante, muestra con un reproductor multimedia mientras habla o diserta sobre el tema de su lección o conferencia.
Esto, en principio, estaría muy bien de no ser porque esas presentaciones que se han proyectado como apoyo al discurso del conferenciante, pueden ser subidas a determinados servidores de Internet o distribuidas por el correo electrónico, de forma que la presentación que servía de apoyo a un conferenciante, se desliga de la conferencia y tiene una segunda vida.
Esto es una presentación, que a propósito de mi curso sobre cómo realizar presentaciones, creé el pasado mes de junio.

Así estamos viendo que una presentación puede tener estas otras vidas una vez creada y subida a Internet.
En este caso ha sido alojada en un servidor especializado en presentaciones que se llama SlideShare.