Page 1

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

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 plugin 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.

© Red.es 2005.- Ficha Formatos Multimedia en Internet

Página 1 de 8


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

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

© Red.es 2005.- Ficha Formatos Multimedia en Internet

Página 2 de 8


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

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

© Red.es 2005.- Ficha Formatos Multimedia en Internet

Página 3 de 8


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

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/formatosaudio.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

© Red.es 2005.- Ficha Formatos Multimedia en Internet

Página 4 de 8


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

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º 2º 3º

Partimos de un cuadro de doble entrada en el que solamente tenemos algunos datos sobre los formatos más utilizados en Internet. Vamos a completar el cuadro buscando la información que necesitamos en Internet. En caso necesario instalaremos en nuestro ordenador algunos programas de visualización para poder ver todo tipo de archivos.

© Red.es 2005.- Ficha Formatos Multimedia en Internet

Página 5 de 8


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

ANEXO 1. CUADRO FICHEROS MULTIMEDIA

Extensión

Medio

Códec

Formato comprimido

html

No

pdf

Programa de edición

Programa de visualización en Internet Cualquier navegador de Internet (Explorer, Netscape, Mozilla…)

gif Photoshop Fireworks Image Ready

jpg bmp

Imagen estática

png

Real Media encoder

ra mid

avi

Editor midi 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

rm

-

fla swf

Windows Media Player (Windows) Real Player

Animación

-

dir

-

No

dcr

-

Macromedia Director

… © Red.es 2005.- Ficha Formatos Multimedia en Internet

Página 6 de 8


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

ANEXO 2. SOLUCIONARIO CUADRO FICHEROS MULTIMEDIA

Extensión

Medio

Códec

Formato comprimido

Programa de edición

Programa de visualización en 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

-

PDF Writer Acrobat Distiller

Adobe Acrobat Reader

gif

Imagen estática Imagen dinámica

-

Photoshop Fireworks Image Ready

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

jpg

Imagen estática

-

Photoshop Fireworks Image Ready

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

bmp

Imagen estática

-

No

Paint Photoshop

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

png

Imagen estática Imagen dinámica

-

Photoshop Fireworks

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

ra

Audio

Real Media encoder

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

© Red.es 2005.- Ficha Formatos Multimedia en Internet

Adobe Premiere

Windows Media Player (Windows) QuickTime (Macintosh)

Página 7 de 8


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

Extensión

Medio

mpeg

Vídeo (es un códec)

qt / mov

Vídeo

wav

wma

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

Códec

Formato comprimido

Programa de edición

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

Adobe Premiere

3ivX

QuickTime Adobe Premiere

MP3

Adobe Audition

-

Adobe Audition

Real Media Encoder

rm

Audio / Vídeo

fla

Animación

-

No

swf

Animación

-

dir

Animación

-

No

dcr

Animación

-

-

Macromedia Flash

-

Macromedia Director

-

Programa de visualización en Internet Windows Media Player (Windows) QuickTime (Macintosh)

QuickTime (Macintosh)

Windows Media Player (Windows)

Windows Media Player (Windows)

Real Player

No

Macromedia Flash Player

No

Macromedia Shockwave Player

© Red.es 2005.- Ficha Formatos Multimedia en Internet

Página 8 de 8


Formatos Multimedia  

Descripción de los distintos formatos multimedia utilizados en Internet

Advertisement
Read more
Read more
Similar to
Popular now
Just for you