Práctica 5: Radio on-line

Llegamos a la quinta y última práctica de esta asignatura. Esta vez consiste en crear nuestra propia radio on-line.

Lo primero que hay que hacer es registrarse en la página web Listen2MyRadio. Una vez que nos hemos registrado, tenemos que configurar la emisora. Para ello, debemos elegir dos contraseñas, el nombre de la radio, una descripción y una dirección URL. Una vez que hayamos decidido todo esto, pulsamos el botón "Install".

Paso 1: Registro

A continuación, tenemos que elegir un servidor desde el que emitir. En este caso, elegimos el primero.

Paso 2: Elegir el servidor

Ahora tenemos que comprobar si la radio está emitiendo. Para ello, miramos donde pone "stream status" y comprobamos que aparezca "stream is on". También tenemos que guardar los datos de la dirección IP y el puerto (PORT), puesto que los vamos a necesitar más adelante.

Paso 3: Comprobar que el estado del streaming es correcto

Por último, solo nos queda utilizar el programa DJ Console, que es un procesador de sonido. Vamos a utilizar este programa para introducir la música que queremos que suene en la radio. En este caso, vamos a utilizar música libre que hemos descargado de la página Jamendo.

Paso 4: Introducir la música

 Una vez que tenemos toda la música que queremos, solo nos queda conectar nuestra radio y darle al botón "play".

Paso 5: Conectar la radio

Una vez llevados a cabo estos sencillos pasos, lo único que tenemos que hacer es conectarnos a nuestra radio desde un dispositivo y comprobar que está emitiendo correctamente. En clase, por ejemplo, utilizamos el teléfono móvil.

Aquí os dejo la dirección de mi radio: http://sbarriontsi.listen2myradio.com/

Práctica 4: Servicios de alojamiento de vídeo

En esta práctica vamos a ver como subir vídeos a plataformas de Internet.

En este caso, la plataforma que he elegido es Vimeo. Utilizo esta y no YouTube por varias razones:

1. Hay menos cantidad de gente que sube vídeos a Vimeo, por lo que los usuarios que utilizan esta plataforma suelen subir vídeos con mayor calidad y contenido artístico.
2. Cuenta con mejores herramientas de edición de vídeo que YouTube.
3. No cambia la resolución de los vídeos, por lo que la resolución con la que se suba será la original.
4. A diferencia de YouTube, no cuenta con banners con anuncios.

El usuario que he escogido para crear la cuenta es mi nombre real: Sara López.

Por último, el vídeo que he elegido subir es un anuncio que tuvimos que grabar hace un par de años para clase de inglés. La calidad es bastante mala porque no disponíamos de muchos medios. Está editado en Sony Vegas Pro 11.0 y la música está compuesta por un YouTuber que crea música libre, es decir, sin derechos de autor. 

Este es el vídeo:

Práctica 4 NTSI from Sara López on Vimeo.

Práctia 3: Subir fotografías a la red

La tercera práctica consiste en subir nuestras fotografías a la red. La herramienta que vamos a utilizar es Flickr, puesto que nos permite almacenar, compartir, buscar, ordenar y vender fotografías y vídeos en línea., además de comentarlas. Otra característica interesante de esta plataforma es que disponemos de 1 Terabyte de espacio para almacenarlas. También podemos añadir palabras clave a esas fotografías para que puedan ser encontradas fácilmente.

Flirck nos permite añadir licencias para indicar cómo queremos que se utilice nuestra imagen y también podemos modificar su privacidad.

Aquí podéis ver la primera fotografía. La palabra clave que he utilizado en esta imagen es el lugar donde se realizó la fotografía. La licencia que he escogido para ella es Attribution-NonCommercial-ShareAlike, que permite la copia y distribución del material siempre y cuando se reconozca al autor y no haya fines comerciales. También permite la creación de obras derivadas con la única condición de que se distribuyan bajo la misma licencia que la original. La privacidad de la imagen es pública, así que todo el mundo la puede ver.

Y aquí podéis ver la segunda.La palabra clave utilizada en esta imagen también hace referencia al lugar donde se tomó la fotografía y a lo que hay representado en ella. La licencia es Attribution-NonCommercial, que permite la creación de obras derivadas siempre y cuando no se haga un uso comercial de ella ni de la obra original. En este caso, la privacidad está configurado para que solo puedan ver la fotografía mis amigos.

Práctica 2: Tratamiento de imágenes

En la primera práctica os hablé de la red social Busuu, con la que podíamos aprender o mejorar idiomas. Esta vez, la práctica consiste en la edición de fotografías.

Ejercicios resolución y profundidad de color

Crea una nueva imagen en el GIMP. Crea una imagen sin usar ninguna plantilla, con una resolución de 2000x1000 (por omisión se creará una imagen RGB). Guarda la imagen en formato BMP de 24 bits de profundidad de color, con nombre “imagenblanca.bmp” (Archivo -> Guardar como...). Puedes observar las propiedades de la imagen con el menú Ver -> Ventana de información. ¿Cuánto debería ocupar la imagen en el disco duro? ¿Cuánto ocupa? ¿Es el tamaño que esperabas en KB?

Para saber lo que debería ocupar la imagen tenemos que realizar la siguiente fórmula:

2000 píxeles x 1000 píxeles
xeles x 24 bits = 48000000 bits

48000000 bits / 8 bytes = 6000000 bytes

6000000 bytes / 1024 = 5859,37 KB

5859,37 KB / 1024 = 5,72 MB

Por lo tanto, la imagen debería ocupar 5,72 MB.

La imagen creada ocupa 5,72 MB, que traducidos a KB son 5859,37 KB. Ocupa lo mismo que esperaba.

Guarda la misma imagen en formato JPEG y nombra el fichero "imagenblanca.jpg". Acepta las condiciones por omisión para guardarla en este formato. Ahora mira el espacio que ocupa dicho fichero en el disco. ¿Ocupa lo mismo que el fichero BMP? ¿Hay mucha diferencia? ¿Sabrías explicar por qué?

En formato JPEG, la imagen ocupa 23,4 KB, así que hay una diferencia muy grande con el formato anterior. Esto es porque al convertir una imagen a JPEG, el archivo se comprime suprimiendo información que considera prescindible, creando una imagen similar pero no idéntica.

Utiliza una imagen propia en color de un paisaje en formato jpg que almacenarás con el nombre “ntsi.jpg”. Pega la imagen en tu blog y determina con el GIMP la resolución de la imagen, así como su tamaño en KB y escribe dichos datos en tu blog. Abre la imagen con GIMP y expórtala al formato TIFF con el nombre de “ntsi.tiff” sin ningún tipo de compresión. Comenta en el blog el tamaño de ambos ficheros. 

ntsi.jpg

- Resolución: 4128 x 3096 píxeles

- Tamaño: 3584 KB

ntsi.tiff

- Resolución: 4128 x 3096 píxeles

- Tamaño: 39219,2 KB

Como se puede apreciar, la imagen en formato TIFF ocupa bastante más espacio que la imagen en formato JPEG. Esto se debe a que el formato TIFF se usa para definir etiquetas que describen características de la imagen, por lo que se almacena más información. Esta gran diferencia también es porque la imagen se ha guardado sin ningún tipo de compresión.

Ahora vuelve a abrir la imagen “ntsi.jpg” y expórtala como TIFF de nuevo con el nombre “ntsiComprimido.tiff”, pero ahora aplicando algún método de compresión de los que te muestran las opciones. Vuelve a comparar su tamaño y calcula la diferencia. Prueba varios métodos de compresión para TIFF e indica en tu blog cuál es el que comprime más.

• Método de compresión LZW: ahora la imagen ocupa 10342,4 KB, que son 28876,8 KB menos que la imagen anterior.
• Método de compresión PackBits: ahora la imagen ocupa 38707,2 KB, que son 512 KB menos que la imagen anterior.
• Método de compresión Huffman: ahora la imagen ocupa 9830,4 KB, que son 29388,8 KB menos que la imagen anterior.
• Método de compresión JPEG: ahora la imagen ocupa 2764,8 KB, que son 36454,4 KB menos que la imagen anterior.

Por lo tanto, el método que más comprime es el JPEG.

Cambia la profundidad de color de la imagen “ntsi.tiff” a 8 bits de color (Imagen -> modo -> indexado). (Recuerda: 8 bits de color = 256 colores). ¿Notas un cambio significativo de la calidad de la imagen? ¿Sabrías decir por qué? Después, vuelve a cambiar la profundidad de color a 4 bits de color (Recuerda: 4 bits de color = 16 colores). ¿Ha perdido mucha calidad? Por último, cambia la profundidad a 1 bit  (Usar paleta blanco/negro 1 bit). Todas estas imágenes tienen la misma resolución, pero no tienen la misma calidad ¿Sabrías explicar por qué? 

Imagen en 8 bits

Imagen en 4 bits

El único cambio significativo que se aprecia es el color de las nubes. En el resto de la imagen no se aprecian cambios. Esto se debe a que el modo RGB de la imagen contiene 256 colores, es decir, los mismos que los 8 bits de color.

En este caso, la imagen pierde mucha calidad debido a que se ha perdido una gran cantidad de colores (se ha pasado de tener 256 colores a únicamente 16).

   

Imagen en 1 bit

Al cambiar la profundidad de la imagen a 1 bit se pierde todo el color. Esto se debe a que la paleta de colores de 1 bit solo distingue dos: el blanco y el negro.




El que todas las imágenes tengan la misma resolución se debe a que la resolución es la cantidad de píxeles que describen una imagen. En este caso, lo que se ha modificado es la información sobre el color de estos píxeles, no el número de píxeles que describen la imagen. Es por esto por lo que cambia la calidad de la imagen pero no la resolución.

Queremos transformar la imagen para ponerla como papel tapiz en varios dispositivos de distinto tipo y con distinto tamaño y resolución de pantalla. Debes modificar la resolución sin conservar la proporción de las imágenes (Imagen -> Escalar imagen...). También debes cambiar la profundidad de color (Imagen -> Modo). Determina la resolución de la pantalla de tu PC, portátil, tablet y/o teléfono móvil. Debes seleccionar al menos dos dispositivos distintos y elegir modo escala de grises para una de las imágenes y para la otra RGB de 24 bits de profundidad. Indica en el blog los dispositivos seleccionados, la resolución de su pantalla y lo que ocupa cada una de las imágenes. 

Imagen para PC

Imagen para teléfono móvil

He transformado esta imagen en base a la resolución de mi ordenador, que es de 1280 x 1024 píxeles, y la he transformado a escala de grises. El tamaño que ocupa es de 423,3 KB.






Por otro lado, esta imagen está transformada en base a la resolución de mi teléfono móvil, que es de 1920 x 1080 píxeles. La escala de color es RGB de 24 bits de profundidad. La imagen ocupa 768,6 KB.



En el punto anterior has cambiado la resolución de la imagen “ntsi.jpg” sin conservar la proporción, lo que hace que veamos la imagen distorsionada (más “ancha” o más “estrecha”). Cambia la resolución de la imagen “ntsi.jpg” a 100 píxeles de ancho conservando la proporción y salva la imagen. Ahora podrás ver la imagen pequeña, pero proporcionada. Comenta cómo se ha reducido el tamaño de la imagen. 

Como se puede apreciar, el tamaño de la imagen se ha reducido considerablemente al conservar la proporción. Además, esta reducción de la resolución conlleva una pérdida de calidad, por lo que si ampliamos la imagen se verá pixelada.


Vuelve a cambiar la resolución de “ntsi.jpg” a 2000 píxeles de ancho conservando la proporción y guarda el fichero. Mira su tamaño en el disco ¿Ha crecido mucho? Ahora usa el zoom para verla del mismo tamaño que la veías antes de modificarla. ¿La calidad de la imagen ha mejorado o empeorado? ¿Por qué la ves peor si tiene un tamaño en el disco mucho mayor? 

Puesto que mi imagen ya era de una resolución mayor a 2000 píxeles, he utilizado una resolución de 5000 píxeles (la cual manteniendo la proporción quedaba en 6000 x 4500 píxeles). La imagen ocupaba en su resolución original 3,5 MB y ahora ocupa 6,3 MB, lo cual significa una diferencia de 2,8 MB. Ocurre lo mismo que cuando reducimos el tamaño de la imagen, la calidad empeora puesto que al aumentar considerablemente la resolución de la imagen en relación con la original, se pixela.

Cambia ahora el modo de color a escala de grises. Después vuelve a cambiarla a RGB ¿Por qué ves la imagen en escala de grises si has vuelto a cambiar el modo a RGB? 

Esto se debe a que una vez que se ha pasado de un espectro de 256 colores (RGB) a uno de 16 (escala de grises) es imposible volver a recuperarlos, por eso la imagen se sigue viendo en escala de grises.

Ejercicios tratamiento básico

Con el menú Herramientas -> Herramientas de color -> Balance de color, cambia los niveles de RGB de la imagen, por ejemplo cambia en los tonos medios la componente Verde al máximo. Puedes comprobar como el fondo se acerca al verde. Prueba a hacer lo mismo para los dos rangos restantes, Sombras y Puntos de luz.

He cambiado los niveles de color de manera que los tonos medios se encuentran en verde al máximo, las sombras en azul al máximo y los puntos de luz en amarillo al máximo. Este ha sido el resultado:

Tonos medios: verde al máximo

Sombras: azul al máximo

Puntos de luz: amarillo al máximo

Existe una amplia gama de filtros, pero todos ellos funcionan de forma idéntica, ya que son transformaciones matemáticas de las imágenes. Para probar, aplicaremos un filtro cubista (Filtros -> Artístico -> Cubismo) a nuestra imagen. Podéis seleccionar los valores por defecto o jugar con ellos si así lo deseáis.






He cambiado los valores por defecto del filtro y he puesto un tamaño del enlosado de 8.2 y una saturación del enlosado de 2.1.





Las herramientas de tratamiento de imágenes permite superponer varios elementos a una misma imagen. La idea subyacente es tener una sucesión de capas, donde las capas superpuestas tienen zonas transparentes que dejan ver elementos de las capas inferiores. Se pueden ver las capas de la imagen, yendo al menú Diálogos->Capas. Ahora mismo, ¿cuántas capas hay? En la ventana principal de GIMP, escoge la herramienta para introducir texto (la “T”) y escribe tu nombre en la primera línea y “NTSI” en la segunda. Con la herramienta correspondiente puedes mover el texto por la imagen hasta dejarlo donde más te guste. Vuelve al diálogo de capas. ¿Cuántas capas hay ahora? Pulsa sobre el ojo para hacer invisible las capas. ¿Puedes ver cómo muestra que la capa de texto es principalmente transparente?






Al principio solo tenemos una capa, compuesta por la imagen.







Al añadir el texto ya contamos con dos capas, la de la imagen y la del texto. Al pulsar sobre el icono del ojo la capa se vuelve transparente, por lo que desaparece.

Guarda la imagen resultante primero en el formato nativo de GIMP (tipo “GIMP XCF Image”) y luego como un JPG (utilizando los valores por defecto). Abre el JPG con el GIMP y observa el número de capas que tiene esta imagen. ¿Qué es lo que ha pasado? ¿Sabrías decir cómo se guarda el texto de la imagen? ¿Es información textual o es parte de la imagen (y, por tanto, son píxeles)? 

Al abrir el formato "GIMP XCF Image", lo que abrimos es todo el proyecto, así que contiene las dos capas (tanto la de imagen como la de texto). Sin embargo, al abrir la imagen guardada como un JPG lo que encontramos es una única capa puesto que la capa de de imagen se ha combinado con la capa de texto. Por tanto, el texto pasa a ser parte de la imagen y, por tanto, son píxeles.