formatos multimedia

Taller de formación metodológica. Madrid, 15-16 septiembre 2005

© Red.es 2005.- Ficha Formatos Multimedia en Internet Página 1 de 8

Formatos Multimedia en Internet ¿QUÉ SON? La multimedia es la tecnología que nos permite integrar en un mismo soporte información en diferentes medios: texto, imagen (estática o en movimiento) y sonido. Internet se caracteriza por contener información en los medios listados a continuación y además por estar relacionados mediante hipervínculos:

• Texto • Imagen digital • Audio digital • Vídeo digital • Interactividad e Interfaz • Animación y realidad virtual

¿PARA QUÉ SIRVEN EN EL ÁMBITO EDUCATIVO? Son una evolución de los materiales utilizados tradicionalmente: libros, diapositivas, laboratorios…, pero no los sustituyen sino que los complementan. La multiplicidad de las fuentes hace que sea algo complejo su manejo, su almacenamiento y la gestión de la información, así como la gestión de sus derechos. ¿CÓMO SE HACE? / ¿CÓMO FUNCIONA? / ¿CÓMO SE USA? En Internet vamos a encontrar páginas web con información multimedia, es decir que van a combinar contenidos y formatos de archivos de diferente origen. Los archivos los creamos y realizamos con programas de edición pero para publicar esos archivos en Internet tenemos que utilizar formatos apropiados. Además, algunos de estos formatos necesitan de un plug-in o controlador que no es más que un subprograma que permite que nuestro navegador nos muestre correctamente ese tipo de documentos. Vamos a ver los formatos más habituales, algunos programas que sirven para editarlos y los plug-in o controladores necesarios para visualizarlos o descargarlos desde Internet:

• Texto y tipografías. El texto en Internet tiene una peculiaridad: el hipertexto o escritura no secuencial, que permite la interacción. Los formatos. El formato básico es el html pero también se puede incluir texto “como imagen”, texto en formato flash o texto en formatos de programas ofimáticos. Entre los documentos que se publican en Internet para ser descargados, hay un formato muy habitual que es el PDF (Portat Document File). La ventaja principal de este formato es que mantiene el aspecto y la integridad de los documentos originales y además permite compartir documentos fácilmente con cualquier persona que tenga instalado en plug-in Acrobar Reader gratuito. Desde cualquier programa ofimático se puede convertir un documento a este formato.



Los caracteres que componen el texto pueden estar originados con tecnologías diferentes: o Bitmap: la tipografía viene definida punto a punto o Vectorial: la tipografía viene definida por un conjunto de ecuaciones que forman la linea de

contorno de los caracteres. Programas editores de html: Word, Dreamweaver, Frontpage, Pagemill Plug-in: Adobe Acrobat Reader

• Imagen digital. Los originales de imagen pueden provenir del formato papel o diapositiva por lo que los vamos que tener que escanear o pueden tener un origen digital. Igual que el texto las dos subdivisiones fundamentales en cuanto a la creación y manipulación de imágenes digitales son: Bitmap y vectorial.

Los formatos y la resolución. La resolución máxima que soporta una pantalla es de 72 puntos por pulgada por lo que no se debe recurrir a resoluciones mayores. Los formatos de imagen más utilizados en Internet son: o El JPEG (Joint Photographic Experts Group) es un formato estandarizado que permite la

compresión de imágenes. JPEG se diseñó con el fin de poder comprimir imágenes a todo color o en escalas de grises que representaran fotografías o imágenes reales.

o El formato GIF (Graphic Interchange Format) está limitado a un máximo de 256 colores. En general se recomienda para imágenes simples o de pocos colores.

o El formato PNG (Portable Nework Graphic) es un formato pensado únicamente para su distribución a través de Internet.

o El formato BMP (Windows BitMaP) consiste simplemente en una cabecera y a continuación los valores de cada píxel, comenzando por la línea de más abajo y terminando por la superior, píxel a píxel de izquierda a derecha. Su única ventaja es su sencillez, su gran desventaja es el enorme tamaño de los ficheros. Dependiendo del tamaño del archivo no es recomendable para su publicación en Internet.

El color en las imágenes puede definirse de dos maneras: o Modo RGB: cada color se define por un nivel de rojo (Red), verde (Green) y azul (Blue) en una

escala de 0 a 255 (8 bits) o Modo Tabla de Color o color indexado: se definen los colores de una tabla de colores limitada.

Programas: o Programas editores de imagen: Photoshop, Photosuite, Fireworks, Illustrator, ClarisWorks,

CorelDraw, Paint Shop Pro, Microsoft Photo Editor o Programas para traducir entre formatos y sistemas operativos: GraphicConverter,

Transparency, GifConverter, MacLink • Audio digital. En Internet se utilizan archivos de audio comprimidos, es decir archivos que ocupan

poco espacio o poca memoria. Para reducir el tamaño de los archivos de audio se utilizan “códecs de audio”, es decir programas de compresión-descompresión que actualmente son los que permiten distinguir unos archivos de otros. Los formatos de audio. Los formatos de audio más utilizados en la red son el Real Audio (.ra) y el Waveform (.wav) Actualmente éste ha sido comprimido sin apenas perder calidad ocupando una décima parte de su tamaño. Este tipo de fichero es el llamado MPEG 1 layer 3 y que todos conocemos por MP3. Hay dos tipos de formato de audio: o Los formatos de onda de audio guardan la información tal como ha sido captada por un

micrófono, almacenando la amplitud del sonido y su frecuencia cada cierto período de tiempo. Este período de tiempo se conoce como el sampling rate del archivo de audio y es medido en el número de "muestras" que se toman de lo que escucha el micrófono cada segundo. A mayor número, mejor calidad. Este tipo de ficheros llevan extensión tipo .Wav o Mp3.

o Los formatos secuenciales almacenan las notas leyéndolas desde algún tipo de entrada MIDI; se graban secuencias independientes que se ponen en determinados canales. El computador define la forma en que se tocará cada canal mediante un estándar internacional. Este tipo de ficheros son llamados MIDI (extensión .mid).

Plug-ins: o Windows Media Player, Real Player, QuickTime

• Vídeo digital. La fidelidad de una imagen de vídeo se mide por los mismos parámetros de audio e

imagen que la componen, así como por una variable adicional que corresponde al número de



cuadros que se exponen por segundo, normalmente 24. Igual que en los archivos de audio, para reducir el tamaño de los archivos de vídeo se utilizan “códecs” . Los principales formatos de imagen son AVI, MPEG, QT y RAM. Los formatos de video o En el formato AVI (Audio Video Interleave) los datos de audio y vídeo son almacenados

consecutivamente en capas. Es el formato más extendido para el manejo de datos de audio/vídeo en un PC.

o El formato MPEG (Moving Pictures Expert Group) es un formato de compresión de audio y video que ocupa menos espacio que el AVI sin apenas perdida de calidad. Los archivos en formato MPEG tienen extensión .mpeg o mpg.

o El formato de Apple QT (QuickTime) tienen extensión .qt y .mov y los programas para visualizarlos están disponibles en una amplia gama de plataformas.

o El formato RM (Real video) está especialmente diseñado para transmitir en conexiones de poco ancho de banda. Tiene la extensión .ram. Real Audio y Real Video se agrupan dentro de los formatos "streaming", aquellos que permiten comenzar a escuchar la grabación apenas iniciada la descarga del archivo desde el servidor, lo que ha hecho de ellos el formato preferido para las emisiones de radio en Internet.

Transmisión de vídeo (protocolos): o Unicast:: la información se envía desde una dirección IP a otra o Mutlticast: nos permite enviar información a varios lugares al mismo tiempo y nos permite

recibir transmisión de vídeo de hosts que utilicen esta técnica si solicitárselo directamente. Esta técnica permite ahorrar ancho de banda.

Programas: o Adobe Premiere, Windows Movie Maker, Avid Xpress, IMovie, Pinacle Studio, Dazzle DV

Plug-ins: o Real Player, QuickTime

• Interactividad e Interfaz. En educación se han desarrollado buenos programas de simulación y para su desarrollo en Internet, en muchos casos, se ha utilizado el lenguaje java. Los contenidos desarrollados con este lenguaje se pueden ejecutar directamente desde la página web en la que esté publicado siempre que tengamos instalada la máquina virtual de Java en nuestro navegador. Plug-in: o Máquina virtual de Java

• Animación y realidad virtual. Es un recurso que favorece el dinamismo de una página web o

interfaz. Los botones y elementos animados complementen el diseño pero hay que cuidar que estos elementos no distraigan al usuario, por lo que hay que buscar un equilibrio. Dos pasos en el diseño de una animación: o El storyboard o guión de la animación: es la descripción de cada plano de la secuencia. o El análisis de los movimientos del objeto animado, que lo haremos cuando se trate de un

movimiento más complejo que un simple desplazamiento. Programas de edición: o Director, Flash

Plug-ins: o Macromedia Shockwave Player, Director, Macromedia Flash Player

APLICACIONES DIDÁCTICAS

• Presentaciones • Archivos de imágenes y bancos de datos • Simulaciones y realidad virtual • Interacciones • Libros electrónicos • Cuentos infantiles animados • Prensa multimedia • Productos lúdicos



TRUCOS Y CONSEJOS

• Hay que nombrar adecuadamente los ficheros y en este sentido se aconseja utilizar siempre minúsculas, evitar los espacios, y no utilizar ni eñes, ni acentos, ni signos de puntuación.

• Tenemos que tener cuidado con la utilización de imágenes y gráficos porque todo lo que no diga que está libre de derechos tiene derechos de autor.

• El mejor formato para publicar fotografías es jpg, y el mejor formato para publicar ilustraciones, gráficos o esquemas de colores planos es gif.

• Es recomendable utilizar fondos transparentes sobre todo en archivos gif para evitar contrastes con el color de fondo de la página.

• Es mejor no usar tipografías poco estándares en Internet porque los lectores no van a poder ver el texto tal y como lo hemos maquetado, a no ser que tengan instalada esa tipografía. En caso de no tener la tipografía instalada el navegador la sustituirá por otra y el lector verá nuestra página algo diferente a como la hemos diseñado.

• No intentes comprimir un archivo jpg porque ya es un formato comprimido • Antes de adquirir un programa descárgate una demo y trabaja con él para ver si es lo que necesitas

realmente. • En cuestión de imágenes…”cuanto más pequeño mejor” • En imágenes nunca utilices una resolución mayor de 72 ppp que es la máxima en pantalla. • El audio y el vídeo hay que optimizarlos para que no ralenticen en exceso el PC del usuario que los

va a ver. Un buen truco es incluirlos en una película flash y exportarlos en formato swf para Internet.

MIRA LO QUE HACEN OTROS…

• Vídeos producidos por los alumnos de un centro: http://www.videodigitaleducativo.com/ • Selección de applets de java de ciencias: http://www.deciencias.net/applets/ • Malted, herramienta de creación multimedia para la enseñanza de idiomas:

http://malted.cnice.mec.es/presentacion/QMalted.htm • Banco de archivos multimedia: http://recursos.cnice.mec.es/bancoimagenes/ • Materiales educativos multimedia para la enseñanza de la historia:

http://www.educahistoria.com/mat_educ.php • Animaciones multimedia de temas de actualidad: http://www.elpais.es/multimedia.html • La imagen digital en el aula de secundaria: http://www.uv.es/mabegaga/imagen/index.htm

PARA SABER MÁS

• Formatos de almacenamiento:

http://es.wikipedia.org/wiki/Formato_de_almacenamiento#V.C3.ADdeo • Plug-in para navegadores: http://es.wikipedia.org/wiki/Plug-in • Códecs de audio: http://es.wikipedia.org/wiki/Categor%C3%ADa:C%C3%B3decs_de_audio • ¿Cómo grabar un vídeo para Internet?: http://www.desarrolloweb.com/articulos/643.php?manual=5 • Formatos y extensiones de archivos: http://www.learnthenet.com/spanish/html/34filext.htm • Todos los formatos y extensiones: http://whatis.techtarget.com/fileFormatA/0,289933,sid9,00.html • Para descargar software para ver, descomprimir o reproducir todo tipo de archivos:

http://www.download.com/ • Recursos software y hardware: http://dewey.uab.es/pmarques/soft.htm • Formatos de audio y vídeo: http://www.monografias.com/trabajos17/formatos-audio/formatos-

audio.shtml#_Toc88628899 • Códecs de audio y vídeo de Windows Media:

http://www.microsoft.com/windows/windowsmedia/es/9series/codecs.aspx • Comparativa de formatos de imágenes: http://www.webestilo.com/guia/graf4.php3 • Fundamentos del sonido digital: http://www.monografias.com/trabajos7/sodi/sodi.shtml



Formatos Multimedia en Internet

¿QUÉ QUEREMOS CONSEGUIR? Confeccionar un cuadro resumen con los principales formatos multimedia, sus características básicas y los programas más habituales para su edición y visualización.

¿QUE NECESITAMOS? Acceso a Internet y la posibilidad de instalar en nuestro ordenador los programas para poder visualizar documentos multimedia. Cuadro de doble entrada para completar los datos sobre los formatos más habituales (Anexo 1). ¿QUÉ PASOS DAMOS?

1º Partimos de un cuadro de doble entrada en el que solamente tenemos algunos datos sobre los

formatos más utilizados en Internet. 2º Vamos a completar el cuadro buscando la información que necesitamos en Internet. 3º En caso necesario instalaremos en nuestro ordenador algunos programas de visualización para

poder ver todo tipo de archivos.



ANEXO 1. CUADRO FICHEROS MULTIMEDIA

Extensión Medio Códec Formato comprimido

Programa de edición

Programa de visualización en

Internet

html No Cualquier navegador de Internet (Explorer, Netscape, Mozilla…)

pdf Sí

gif

jpg Photoshop Fireworks Image Ready

bmp Imagen estática

png -

ra Real Media encoder

mid Editor midi

avi

Vídeo (se puede considerar una familia de formatos que depende del códec que se use para su compresión)

Indeo DivX MPEG

mpeg

qt / mov

wav MP3

wma - Adobe Audition Windows Media Player (Windows)

rm - Real Player

fla -

swf Animación - Sí -

dir - No Macromedia Director

dcr -

…



ANEXO 2. SOLUCIONARIO CUADRO FICHEROS MULTIMEDIA




Internet

html Texto / Hipertexto - No Dreamweaver Frontpage Word…

Cualquier navegador de Internet (Explorer, Netscape, Mozilla…)

pdf

Texto e imagen estática y en las últimas versiones también vídeo, animación y audio embebidos

- Sí PDF Writer Acrobat Distiller

Adobe Acrobat Reader

gif Imagen estática Imagen dinámica - Sí

Photoshop Fireworks Image Ready


jpg Imagen estática - Sí Photoshop Fireworks Image Ready


bmp Imagen estática - No Paint Photoshop


png Imagen estática Imagen dinámica - Sí Photoshop

Fireworks


ra Audio Real Media encoder Sí Real Audio Plus Real Player

mid Audio - No

(es un archivo ascii)

Editor midi Cualquier navegador de Internet (Explorer, Netscape, Mozilla…)

avi

Vídeo (se puede considerar una familia de formatos que depende del códec que se use para su compresión)

Indeo DivX MPEG

Sí Adobe Premiere

Windows Media Player (Windows) QuickTime (Macintosh)






Internet

mpeg Vídeo (es un códec)

MPEG1 (web) MPEG2 (TV Satélite y DVD) MPEG3 en desuso MPEG-4 (basado en DivX)

Sí Adobe Premiere

Windows Media Player (Windows) QuickTime (Macintosh)

qt / mov Vídeo 3ivX Sí QuickTime Adobe Premiere

QuickTime (Macintosh)

wav

Audio (se puede considerar una familia de formatos que depende del códec que se use para su compresión)

MP3 Sí Adobe Audition Windows Media Player (Windows)

wma

Audio (se puede considerar una familia de formatos que depende del códec que se use para su compresión)

- Sí Adobe Audition Windows Media Player (Windows)

rm Audio / Vídeo Real Media Encoder Sí - Real Player

fla Animación - No Macromedia Flash No

swf Animación - Sí - Macromedia Flash Player

dir Animación - No Macromedia Director No

dcr Animación - Sí - Macromedia Shockwave Player

…

formatos multimedia

Documents