IMM

IMM

html / css

Levantando el capo

HTML

Ejercicio 1. Creando y publicando HTML 5 con BlueGriffon.

Validación HTML

Ejercicio 2. Valide el contenido del fichero HTML con Validate HTML que utiliza el validador del W3C.

CSS

Ejercicio 3, parte 1. Introducir aspectos de visualización mediante las opciones de BlueGriffon en una hoja de estilos (CSS) externa al fichero HTML.

Ejercicio 3, parte 2. Introduciendo estilos de la versión CSS3 que incorpora BlueGriffon, se pueden generar ciertos efectos.

VALIDACION CSS

Actividad 1. Validar el código CSS de los contenidos realizados en los ejercicios 2 y 3 utilizando la Web Developer:

Documento adaptable

Ejercicio 5. Visitar el ejemplo de Bert Bos. “Alternative style sheets” en la URL para ver un ejemplo práctico de uso de
esta opción.

ADAPTACIÓN A DISPOSITIVOS

Ejercicio 6. Realizar una hoja de estilos alternativa del estilo “media para impresión” 

DISIÑO RESPONSIVO

Ejercicio 7. Incorpore al documento cuatro conjuntos de media queries que definan para el medio screen (descrito por “media para pantalla”), cuatro escenarios en los que el color de fondo del documento (seleccione la etiqueta body para ello) y el de los tipos de letra de todo el documento cambie visiblemente.

Analisis HTML5

Actividad 2. Descargar y comparar los ficheros blog-html5.html y blog-original.html de los ejemplos que acompañan al trabajo de Dive into HTML5 de la página web extraído del trabajo de M. Pilgrim

AUDIO

Algo suena

Sistema de Sonido

Actividad 1. Compruebe el sistema de sonido del que dispone su equipo y realice la captura de pantalla que lo muestra.

Calidad de REPRODUCCIÓN

Actividad 2. Complete la tabla 1 y compare la calidad de la reproducción con el espacio requerido en cada una de las representaciones. Mantenga en todos los casos la frecuencia de muestreo y número de canales del CD-A original (44.100Hz / 2 canales).

AUDIO ESTEREO

Actividad 3. A partir del fichero mono bluesIntro.wav (disponible, en el subdirectorio media del recurso compartido indicado al principio de esta memoria de práctica): genere una versión estéreo del mismo donde se pueda apreciar claramente el posicionamiento del audio en los dos canales (izquierdo y derecho).

Efectos

Actividad 4. A partir de una señal de audio mono (o estéreo, según los casos), aplique los
siguientes efectos y vaya notando una breve descripción.

Mixing

Actividad 5. Escoja dos temas musicales, con representación en forma de onda, del directorio del recurso compartido. A partir de los mismos, se propone generar un único archivo en el que, a modo de “pinchadiscos” con una mesa de mezclas, se vaya silenciando el primero para dar progresivamente paso al segundo.

Charla Virtual

Actividad 6. Cree una banda sonora en la que se le escuche dar una pequeña charla de medio minuto a un auditorio (puede obtener el contenido de cualquier artículo de prensa digital, por
ejemplo).

AFINACIÓN

Actividad 7. Genere una senoidal de distintas frecuencias mediante la opción Generar|Tono. Le sugerimos que pruebe con una frecuencia de 440Hz, la asociada a la nota LA del diapasón usado para afinación.

TELEFONO

Actividad 8. El archivo dtmf.wav contiene el sonido resultante de la marcación de un número
corto de teléfono mediante el sistema de tonos (DTMF). Recuerde que cada número se codifica mediante la mezcla de dos tonos según la tabla anterior. Averigüe de qué número se trata.

IMÁGENES

Que te pareces

Propriedades

Ejercicio 1. Escoja una imagen fotográfica visualice sus propriedades

Canales

Ejercicio 2. Partiendo de la misma imagen RGB pruebe extraer canales de diferentes modelos de color:

Paletas

Ejercicio 3. A partir de alguna de las imágene de escenas del mundo real, obtenga nuevas presentaciones empleando paletas de 256 y 16 colores, SIN aplicar difuminado de color.

DIFUMINADO

Ejercicio 4. Pruebe a representar la imagen fuente utilizada en el apartado anterior con una paleta de 16 colores y diferentes opciones de difuminado.

RESUMEN de 3 y 4

Actividad 1. Resuma en una tabla el trabajo realizado en los ejercicios 3 y 4. 

Compresión sin perdidas

Ejercicio 5. Abra un archivo de cada uno de los dos grupos y guárdelos en un formato que utilice compresión sin pérdidas (por ejemplo, TIFF con la opción de compresión LZW).

Compresión con perdidas

Ejercicio 6 Compare las calidades de los cuatro archivos: imagen original, imagen comprimida sin pérdidas, imagen comprimida con pérdidas (calidad alta) e imagen comprimida con pérdidas (calidad baja).

IMÁGINE interactiva

Ejercicio 7. A partir de la imagen mapaEuro.png disponible en PoliformaT, elabore un mapa sensible de la Unión Europea. Para ello, trate de definir enlaces en las correspondientes áreas de algunos países.

Video Y STREAMING

Te veo

Screencast

Actividad 1. Realice un breve screencast a modo de vídeotutorial

Conversión

Mediante una herramienta de conversión, prepare nuevas versiones del screencast desarrollado en la actividad anterior adecuada para variados usos

Preparación deL audio

Ejercicio 1. Codificación de un fichero de AUDIO para disponibilización bajo demanda.

Prepación del video

Ejercicio 2. Codificación de un fichero de VÍDEO para disponibilización bajo demanda.

VOD

Actividad 1 . Difusión “A LA CARTA” de contenidos multimedia producidos en ejercicios anteriores

WEB RADIO

Actividad 2. Difusión EN VIVO de contenidos de AUDIO.

UPV Flix

Actividad 3. Difusión EN VIVO de contenidos de VÍDEO (y AUDIO).

nosotros

Alumnos de MUGI Curso 2017/18

Eliana Patricia Guaman Barbecho

Fabio Santos Lobao

Liliana Bayona Castaneda