SlideShare una empresa de Scribd logo
1 de 16
LA MULTIMEDIA EN LA WEB:
¿QUE ES PARA TI LA MULTIMEDIA EN LA
WEB?
1
Asignatura: Tic 1º
Bachillerato
Rafael Martínez
Fernández
INDICE:
MULTIMEDIA EN LA WEB
1. IMAGEN
Tipo de imágenes
Edición de imágenes
Publicar y compartir
2. SONIDO
Audio en la web
Captura y edición
de audio
3. VIDEO
Características del video
Publicar y compartir video
Publicar y compartir
presentaciones
¿Qué es la multimedia en la
web
2
¿QUÉ ENTENDEMOS
POR MULTIMEDIA EN
LA WEB?
 El concepto de multimedia,
usado en la web, en principio
puede referirse a la
incorporación de video y
sonido en la página. Sin
embargo puede incluir otros
elementos que no sean
exactamente videos o archivos
de sonido, como son
animaciones, juegos en red,3
4
1. LAS IMÁGENES: TIPOS DE IMAGENES
La imagen digital es la representación grafica de cualquier figura o
escena en un archivo informático.
A grandes rasgos hay dos tipos de imágenes las vectoriales y las rasterizadas.
Las imágenes vectoriales son imágenes constituidas
por objetos geométricos autónomos (líneas, curvas,
polígonos,...), definidos por ciertas funciones
matemáticas (vectores) que determinan sus
características (forma, color, posición,...)
Las imágenes de mapa de bits están formadas por
una serie de puntos (píxeles), cada uno de los cuales
contiene información de color y luminosidad. Salvando
la diferencia, podemos compararla con un mosaico y
sus teselas.
5
La calidad de una imagen digital viene
definida por dos características:
Profundidad de color.- es el número de
colores que tiene una imagen. Lo determina
el número de bits que almacenan la
información del color. 1 (blanco y negro), 8
(256 colores), 16 (65.536), 24 (16,7
millones).
Compresión de la información.- es la
forma en que se almacena la información de
la imagen en relación al tamaño que ocupa.
A mayor compresión, mayor pérdida de
información y menor tamaño de archivo.
Las imágenes digitales son
archivos definidos por su nombre y
extensión, en la ilustración de la
izquierda podemos observar
algunos de ellos, sin olvidarnos
que también hay formatos muy
conocidos como bmp, psd, dwg,
swf y eps (los cuatro primeros
propiedad de una empresa o de
uso de un solo programa).
6
TAMAÑO DE LA IMAGEN:
El tamaño de la imagen puede
definirse mediante tres conceptos
distintos:
• Tamaño del archivo en kbytes
• Relación de aspecto
• Número de pixeles
El ancho (a) por alto (b) es el
número total de pixeles y
determina el aspecto
GIF: formato intermedio en cuanto a
calidad de la imagen, muy extendido en
internet usado para animación de
imágenes:
DXT: formato estándar para imágenes
vectoriales de programas de CAD.
PNG: formato diseñado para reemplazar
al GIF: su compresión es con software
libre.
SVG: estándar de la W3C, gráficos
vectoriales
RAW: formato que almacena toda la
información de cada pixel sin
compresiones. Ocupa mucho espacio y
no se visualiza imágenes.
TIFF: compatible con todos los SO que
almacena gran cantidad de información.
Adecuado para trabajar con imágenes,
pero no enviarlas
JPG: formato mas extendido debido al
uso en internet, no contiene toda la
información de la imagen. Relación entre
LAS IMÁGENES: EDICIÓN DE IMÁGENES: GIMP
7
La edición de imágenes
digitales, bien obtenidas
mediante cámaras digitales
o bien digitalizadas con un
escáner, permite modificar
prácticamente todos los
elementos de una imagen.
The Gimp o GNU es
el editor de imágenes
de software libre
compatible con los
SO Mac OC,
Windows y
GNU/Linux.
Trabajar con
Gimp es muy
sencillo, su
apariencia general
se basa en menús
que se abren en
ventanas
alrededor de la
zona activa o de
trabajo.
Una de las tareas más habituales en este programa
es la reducción del tamaño o de la calidad de las
imágenes, puesto que las fotos de las cámaras
digitales son demasiado grandes para mandarlas o
trabajar con ellas en internet.
Pero, la herramienta fundamental en el trabajo con
Gimp es el uso de las capas.
LAS IMÁGENES: PUBLICAR Y COMPARTIR: FLICKR
8
En este apartado te presentaremos dos maneras de compartir y compartir álbumes
de imágenes de forma gratuita (aunque estas compañías sean privadas).
El álbum digital es una colección de imágenes bajo una misma etiqueta,
De acceso publico o privado
PICAS
A
FLICK
R
Picasa es una aplicación para organizar y clasificar archivos de fotografías
en álbumes. Servicio gratuito de Google.
Su principal característica es la privacidad, el usuario decide con quien
compartirlo.
Para registrarse es necesario una cuenta de google
Flickr es un sitio web que permite almacenar, ordenar, buscar y compartir
fotografías y videos online. Sus principales características son:
• Administración de las imágenes con etiquetas del autor
•Búsqueda selectiva por fecha, etiquetas…
•Gestión de contenidos mediante normas de comportamiento
•Posibilidad de optimizar imágenes en medidas estándar
2. EL AUDIO: AUDIO EN LA WEB
9
Entendemos por audio digital el archivo cuya información, al
ejecutarse, emite ondas sonoras. Los parámetros característicos de
las ondas sonoras se almacenan en forma de bytes.
Los parámetros de un archivo de audio digital son:
Frecuencia de muestreo: es el número de muestras por
segundo que se toman del sonido analógico. De ella
depende la calidad del sonido digital. La calidad de CD
audio tiene una frecuencia de muestreo de 44.100 Hz. Las
nuevas frecuencias de alta definición llegan hasta los 192
KHz.
Bits de muestreo: es el número de bits en el que se
codifica el sonido digital. La tasa más común a una calidad
de CD audio es 16 bits (65.536 posiciones de
información).
Canales: es el número de pistas que componen un
sonido. Los sonidos de una pista se denominan mono y
Como ocurría con las
imágenes, la publicación
de archivos de audio
también requiere una
relación entre el tamaño y
calidad del audio.
Tamaño archivo (kb)=
frecuencia (KHz) X bits de
muestreo (8 ó 16) X
canales (1, 2 ó 5) X
tiempo de duración (en
segundos).
10
Para trabajar con archivos de poco tamaño se usan sistemas
de compresión que guardan el archivo con distintas
extensiones.
(.mid) MIDI: formato digital que almacena información
sobre diferentes instrumentos digitales. No se puede
trabajar en editores de audio.
(.ra) REALAUDIO (RM): formato utilizado para la
reproducción en tiempo real desde internet mediante
la descarga de los archivos por paquetes.
(.ogg) OGG: formato de archivos contenedor
multimedia (audio y video) bajo licencia de software
libre.
(.mp3) MPEG-1 Audio Layer 3: formato de audio con
comprensión con perdida de calidad, Formato más
usado en internet por la difusión de los aparatos
reproductores.
(. Wav) WAVE: formato sin compresión propiedad de
Microsoft y de IBM. No se usa en internet debido al
EL AUDIO: CAPTURA Y EDICIÓN
11
La captura de audio en un ordenador consiste en activar
la grabadora de sonidos y el micrófono.
Capturados, modificar los parámetros de un archivo de
sonido, cortar y combinar es una tarea sencilla, con el
programa audacity.
El programa a través de unos
botones en las barras superiores
como varias herramientas nos
permite desde grabar, parar,
reproducir o pausar pistas de
audio, al igual que nos permite
seleccionar la zona de las pistas
sobre la que se desea trabajar.
3. EL VIDEO: CARACTERÍSTICAS DEL VIDEO
12
¡¡¡EL FORMATO ESTRELLA DE LA MULTIMEDIA!!!
El video es la representación de secuencias de
imágenes y sonidos en archivos digitales.
Un ordenador es capaz de reproducir video
mediante programas estándar que todos los SO
incluyen en su paquete de accesorios, pero para que
se puedan reproducir en otros dispositivos deben cumplir
una proporcionalidad , es decir, relación de aspecto entre
anchura y altura.
13
CALIDAD DEL VIDEO
Cantidad de pixeles que
se obtiene al multiplicar
el numero de filas de
pixeles por las
columnas.
La resolución esta ligada
con el aspecto.
Manteniendo constante
el aspecto, la calidad de
la imagen variara al
aumentar o disminuir la
resolución (número de
pixeles)
O bit rate (BR), es el
numero de bits por
segundo que se
transmite. Se mide en
bit/s o sus múltiplos
Kbit/s y Mbit/s.
Cuando hablamos de
tasa de bit nos
referimos a la
constante y variable.
RESOLUCIÓN TASA DE BITS
Hay dos sistemas de codificación , el Europeo
(PAL) y el norteamericano (NTSC)
14
El mercado en
streaming es el
elemento en expansión
mas importante en
internet por lo que la
guerra de
reproductores esta
servida.
Como reproductores
tenemos a Real
Player, el resto están
relacionados con dos
de los grandes Apple y
Microsoft (iTunes o
Windows Media
(.mov): es el formato originario de
Macintosh, propiedad de Apple, reproducido
mediante Quicktime Player.
(.wmv): es el formato de Microsoft que usa
el reproductor Windows Media, ya es
compatible con otras plataformas como
Mac.
(.mpeg) MPEG:formato de video con
compresión y perdida de calidad
(.flv) FLASH VIDEO:formatos de archivos
hechos con la aplicación flash.
(.rv) REALVIDEO: utilizado para la
reproducción en tiempo real desde internet.
(.avi): formato más utilizado, fe el primero
que lanzo Windows. Ocupa mucho espacio
sin comprimir, ya que el video y el audio van
en capas separadas.
15
EL VIDEO: PUBLICAR Y COMPARTIR VIDEOS:
YOUTUBE
La plataforma
Youtube, es un sitio
web privado que
permite a sus usuarios
publicar y compartir
videos con unas
determinadas
características.
Es el medio más
utilizado para la
publicación de videos.
Youtube incluye en su
página web su política de
privacidad , términos de
uso y avisos de
copyright.
Youtube dispone de un
filtro de contenidos para
evitar la publicación de
contenidos peligrosos,
ilegales o que no
cumplan las políticas de
privacidad.
Hasta ahora solo
usamos youtube como
reproductor de videos,
pero también
podemos descargar
los videos con
aplicaciones
especificas.
EL VIDEO: PUBLICAR Y COMPARTIR
PRESENTACIONES: SLIDESHARE
16
Esta es una nueva utilidad, surgida por la amplia difusión
del uso de programas de realización de presentaciones.
El uso de esta
herramienta es
similar al de
Youtube.
¿Qué utilidad se
destaca como algo
positivo?
La ventaja en la
disminución del peso de
archivos adjuntos en
correos electrónicos es
evidente, puesto que sólo
hay que enviar la url en la
que encontrar la
presentación. La
consecuencia positiva es la
reducción del correo spam.
¿Qué retos le quedan
aún por alcanzar para
explotar todo su
potencial?
El principal inconveniente
es que aún no hay la
posibilidad de incluir audio
en la presentación. Este
elemento es un obstáculo
en su aplicación didáctica,
puesto que requiere la
presencia de un narrador.

Más contenido relacionado

La actualidad más candente

Conceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalConceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalJoaquin Paronzini
 
Imagen digital blanco
Imagen digital blancoImagen digital blanco
Imagen digital blancoJulio Sanchez
 
Tratamiento digital de la imágen
Tratamiento digital de la imágenTratamiento digital de la imágen
Tratamiento digital de la imágenpreguntasweb
 
Conceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalConceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalKoldo Parra
 
Tratamiento digital de imagenes
Tratamiento digital de imagenesTratamiento digital de imagenes
Tratamiento digital de imagenesvfortea
 
Presentacion formatos digitales de imagen
Presentacion formatos digitales de imagenPresentacion formatos digitales de imagen
Presentacion formatos digitales de imagenjhonalexandergrados
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digitalmartapotoc
 
La Imagen Digital[1]
La Imagen Digital[1]La Imagen Digital[1]
La Imagen Digital[1]guest4743f7
 
Imagen digital
Imagen digitalImagen digital
Imagen digitalGabriel
 
Imagen Digital Mudle
Imagen Digital MudleImagen Digital Mudle
Imagen Digital Mudlefernandoprofe
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicosliccom
 
Imagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalImagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalcompuar_cs
 
Tratamiento Digital De Imagenes 3
Tratamiento Digital De Imagenes 3Tratamiento Digital De Imagenes 3
Tratamiento Digital De Imagenes 3guestd5bd78
 
Morfología de la imagen digital
Morfología de la imagen digitalMorfología de la imagen digital
Morfología de la imagen digitalelprincipitofoto
 
TRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESTRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESWilliam Arista
 

La actualidad más candente (20)

Conceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalConceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen Digital
 
Imagen digital blanco
Imagen digital blancoImagen digital blanco
Imagen digital blanco
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Tratamiento digital de la imágen
Tratamiento digital de la imágenTratamiento digital de la imágen
Tratamiento digital de la imágen
 
Conceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalConceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digital
 
Tratamiento digital de imagenes
Tratamiento digital de imagenesTratamiento digital de imagenes
Tratamiento digital de imagenes
 
Presentacion formatos digitales de imagen
Presentacion formatos digitales de imagenPresentacion formatos digitales de imagen
Presentacion formatos digitales de imagen
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
La Imagen Digital[1]
La Imagen Digital[1]La Imagen Digital[1]
La Imagen Digital[1]
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Imagen Digital Mudle
Imagen Digital MudleImagen Digital Mudle
Imagen Digital Mudle
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicos
 
Imagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalImagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digital
 
Presentacion la imagen digital
Presentacion la imagen digitalPresentacion la imagen digital
Presentacion la imagen digital
 
Tratamiento Digital De Imagenes 3
Tratamiento Digital De Imagenes 3Tratamiento Digital De Imagenes 3
Tratamiento Digital De Imagenes 3
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Morfología de la imagen digital
Morfología de la imagen digitalMorfología de la imagen digital
Morfología de la imagen digital
 
Tema 3
Tema 3Tema 3
Tema 3
 
TRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESTRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENES
 

Similar a PRESENTACION MULTIMEDIA EN LA WEB (ASIGNATURA TIC)

Tarea TIC presentación (valentin)
Tarea TIC presentación (valentin)Tarea TIC presentación (valentin)
Tarea TIC presentación (valentin)Valentin30
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la webdanvelt
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la webmarianlinares
 
MULTIMEDIA EN LA WEB
MULTIMEDIA EN LA WEBMULTIMEDIA EN LA WEB
MULTIMEDIA EN LA WEBJonathan SJ
 
CURSO MULTIMEDIA (DISTANCIA)
CURSO MULTIMEDIA (DISTANCIA)CURSO MULTIMEDIA (DISTANCIA)
CURSO MULTIMEDIA (DISTANCIA)jorca11
 
mecanismos en la web
mecanismos en la web mecanismos en la web
mecanismos en la web David Garcia
 
multimedia en la eb
multimedia en la ebmultimedia en la eb
multimedia en la ebDavid Garcia
 
multimedia en la web
multimedia en la webmultimedia en la web
multimedia en la webSilvia Palma
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la webGustavoSordo1
 
multimedia en la web
multimedia en la webmultimedia en la web
multimedia en la weblamasl08
 
Presentacion Audio y vídeo digital Pedro Jiménez
Presentacion Audio y vídeo digital Pedro JiménezPresentacion Audio y vídeo digital Pedro Jiménez
Presentacion Audio y vídeo digital Pedro JiménezPedroJmnz
 

Similar a PRESENTACION MULTIMEDIA EN LA WEB (ASIGNATURA TIC) (20)

Tarea TIC presentación (valentin)
Tarea TIC presentación (valentin)Tarea TIC presentación (valentin)
Tarea TIC presentación (valentin)
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la web
 
Tema 4
Tema 4Tema 4
Tema 4
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la web
 
Imagen, Audio y Video
Imagen, Audio y VideoImagen, Audio y Video
Imagen, Audio y Video
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la web
 
MULTIMEDIA EN LA WEB
MULTIMEDIA EN LA WEBMULTIMEDIA EN LA WEB
MULTIMEDIA EN LA WEB
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la web
 
MULTIMEDIA EN LA WEB
MULTIMEDIA EN LA WEBMULTIMEDIA EN LA WEB
MULTIMEDIA EN LA WEB
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la web
 
Jimenez valle lidia_t3.3_tic
Jimenez valle lidia_t3.3_ticJimenez valle lidia_t3.3_tic
Jimenez valle lidia_t3.3_tic
 
CURSO MULTIMEDIA (DISTANCIA)
CURSO MULTIMEDIA (DISTANCIA)CURSO MULTIMEDIA (DISTANCIA)
CURSO MULTIMEDIA (DISTANCIA)
 
mecanismos en la web
mecanismos en la web mecanismos en la web
mecanismos en la web
 
multimedia en la eb
multimedia en la ebmultimedia en la eb
multimedia en la eb
 
TIC.MPI.
TIC.MPI.TIC.MPI.
TIC.MPI.
 
multimedia en la web
multimedia en la webmultimedia en la web
multimedia en la web
 
Multimedia en la web
Multimedia en la webMultimedia en la web
Multimedia en la web
 
multimedia en la web
multimedia en la webmultimedia en la web
multimedia en la web
 
Trabajo digital..
Trabajo digital..Trabajo digital..
Trabajo digital..
 
Presentacion Audio y vídeo digital Pedro Jiménez
Presentacion Audio y vídeo digital Pedro JiménezPresentacion Audio y vídeo digital Pedro Jiménez
Presentacion Audio y vídeo digital Pedro Jiménez
 

Último

La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxMapyMerma1
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 

Último (20)

La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptx
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 

PRESENTACION MULTIMEDIA EN LA WEB (ASIGNATURA TIC)

  • 1. LA MULTIMEDIA EN LA WEB: ¿QUE ES PARA TI LA MULTIMEDIA EN LA WEB? 1 Asignatura: Tic 1º Bachillerato Rafael Martínez Fernández
  • 2. INDICE: MULTIMEDIA EN LA WEB 1. IMAGEN Tipo de imágenes Edición de imágenes Publicar y compartir 2. SONIDO Audio en la web Captura y edición de audio 3. VIDEO Características del video Publicar y compartir video Publicar y compartir presentaciones ¿Qué es la multimedia en la web 2
  • 3. ¿QUÉ ENTENDEMOS POR MULTIMEDIA EN LA WEB?  El concepto de multimedia, usado en la web, en principio puede referirse a la incorporación de video y sonido en la página. Sin embargo puede incluir otros elementos que no sean exactamente videos o archivos de sonido, como son animaciones, juegos en red,3
  • 4. 4 1. LAS IMÁGENES: TIPOS DE IMAGENES La imagen digital es la representación grafica de cualquier figura o escena en un archivo informático. A grandes rasgos hay dos tipos de imágenes las vectoriales y las rasterizadas. Las imágenes vectoriales son imágenes constituidas por objetos geométricos autónomos (líneas, curvas, polígonos,...), definidos por ciertas funciones matemáticas (vectores) que determinan sus características (forma, color, posición,...) Las imágenes de mapa de bits están formadas por una serie de puntos (píxeles), cada uno de los cuales contiene información de color y luminosidad. Salvando la diferencia, podemos compararla con un mosaico y sus teselas.
  • 5. 5 La calidad de una imagen digital viene definida por dos características: Profundidad de color.- es el número de colores que tiene una imagen. Lo determina el número de bits que almacenan la información del color. 1 (blanco y negro), 8 (256 colores), 16 (65.536), 24 (16,7 millones). Compresión de la información.- es la forma en que se almacena la información de la imagen en relación al tamaño que ocupa. A mayor compresión, mayor pérdida de información y menor tamaño de archivo.
  • 6. Las imágenes digitales son archivos definidos por su nombre y extensión, en la ilustración de la izquierda podemos observar algunos de ellos, sin olvidarnos que también hay formatos muy conocidos como bmp, psd, dwg, swf y eps (los cuatro primeros propiedad de una empresa o de uso de un solo programa). 6 TAMAÑO DE LA IMAGEN: El tamaño de la imagen puede definirse mediante tres conceptos distintos: • Tamaño del archivo en kbytes • Relación de aspecto • Número de pixeles El ancho (a) por alto (b) es el número total de pixeles y determina el aspecto GIF: formato intermedio en cuanto a calidad de la imagen, muy extendido en internet usado para animación de imágenes: DXT: formato estándar para imágenes vectoriales de programas de CAD. PNG: formato diseñado para reemplazar al GIF: su compresión es con software libre. SVG: estándar de la W3C, gráficos vectoriales RAW: formato que almacena toda la información de cada pixel sin compresiones. Ocupa mucho espacio y no se visualiza imágenes. TIFF: compatible con todos los SO que almacena gran cantidad de información. Adecuado para trabajar con imágenes, pero no enviarlas JPG: formato mas extendido debido al uso en internet, no contiene toda la información de la imagen. Relación entre
  • 7. LAS IMÁGENES: EDICIÓN DE IMÁGENES: GIMP 7 La edición de imágenes digitales, bien obtenidas mediante cámaras digitales o bien digitalizadas con un escáner, permite modificar prácticamente todos los elementos de una imagen. The Gimp o GNU es el editor de imágenes de software libre compatible con los SO Mac OC, Windows y GNU/Linux. Trabajar con Gimp es muy sencillo, su apariencia general se basa en menús que se abren en ventanas alrededor de la zona activa o de trabajo. Una de las tareas más habituales en este programa es la reducción del tamaño o de la calidad de las imágenes, puesto que las fotos de las cámaras digitales son demasiado grandes para mandarlas o trabajar con ellas en internet. Pero, la herramienta fundamental en el trabajo con Gimp es el uso de las capas.
  • 8. LAS IMÁGENES: PUBLICAR Y COMPARTIR: FLICKR 8 En este apartado te presentaremos dos maneras de compartir y compartir álbumes de imágenes de forma gratuita (aunque estas compañías sean privadas). El álbum digital es una colección de imágenes bajo una misma etiqueta, De acceso publico o privado PICAS A FLICK R Picasa es una aplicación para organizar y clasificar archivos de fotografías en álbumes. Servicio gratuito de Google. Su principal característica es la privacidad, el usuario decide con quien compartirlo. Para registrarse es necesario una cuenta de google Flickr es un sitio web que permite almacenar, ordenar, buscar y compartir fotografías y videos online. Sus principales características son: • Administración de las imágenes con etiquetas del autor •Búsqueda selectiva por fecha, etiquetas… •Gestión de contenidos mediante normas de comportamiento •Posibilidad de optimizar imágenes en medidas estándar
  • 9. 2. EL AUDIO: AUDIO EN LA WEB 9 Entendemos por audio digital el archivo cuya información, al ejecutarse, emite ondas sonoras. Los parámetros característicos de las ondas sonoras se almacenan en forma de bytes. Los parámetros de un archivo de audio digital son: Frecuencia de muestreo: es el número de muestras por segundo que se toman del sonido analógico. De ella depende la calidad del sonido digital. La calidad de CD audio tiene una frecuencia de muestreo de 44.100 Hz. Las nuevas frecuencias de alta definición llegan hasta los 192 KHz. Bits de muestreo: es el número de bits en el que se codifica el sonido digital. La tasa más común a una calidad de CD audio es 16 bits (65.536 posiciones de información). Canales: es el número de pistas que componen un sonido. Los sonidos de una pista se denominan mono y Como ocurría con las imágenes, la publicación de archivos de audio también requiere una relación entre el tamaño y calidad del audio. Tamaño archivo (kb)= frecuencia (KHz) X bits de muestreo (8 ó 16) X canales (1, 2 ó 5) X tiempo de duración (en segundos).
  • 10. 10 Para trabajar con archivos de poco tamaño se usan sistemas de compresión que guardan el archivo con distintas extensiones. (.mid) MIDI: formato digital que almacena información sobre diferentes instrumentos digitales. No se puede trabajar en editores de audio. (.ra) REALAUDIO (RM): formato utilizado para la reproducción en tiempo real desde internet mediante la descarga de los archivos por paquetes. (.ogg) OGG: formato de archivos contenedor multimedia (audio y video) bajo licencia de software libre. (.mp3) MPEG-1 Audio Layer 3: formato de audio con comprensión con perdida de calidad, Formato más usado en internet por la difusión de los aparatos reproductores. (. Wav) WAVE: formato sin compresión propiedad de Microsoft y de IBM. No se usa en internet debido al
  • 11. EL AUDIO: CAPTURA Y EDICIÓN 11 La captura de audio en un ordenador consiste en activar la grabadora de sonidos y el micrófono. Capturados, modificar los parámetros de un archivo de sonido, cortar y combinar es una tarea sencilla, con el programa audacity. El programa a través de unos botones en las barras superiores como varias herramientas nos permite desde grabar, parar, reproducir o pausar pistas de audio, al igual que nos permite seleccionar la zona de las pistas sobre la que se desea trabajar.
  • 12. 3. EL VIDEO: CARACTERÍSTICAS DEL VIDEO 12 ¡¡¡EL FORMATO ESTRELLA DE LA MULTIMEDIA!!! El video es la representación de secuencias de imágenes y sonidos en archivos digitales. Un ordenador es capaz de reproducir video mediante programas estándar que todos los SO incluyen en su paquete de accesorios, pero para que se puedan reproducir en otros dispositivos deben cumplir una proporcionalidad , es decir, relación de aspecto entre anchura y altura.
  • 13. 13 CALIDAD DEL VIDEO Cantidad de pixeles que se obtiene al multiplicar el numero de filas de pixeles por las columnas. La resolución esta ligada con el aspecto. Manteniendo constante el aspecto, la calidad de la imagen variara al aumentar o disminuir la resolución (número de pixeles) O bit rate (BR), es el numero de bits por segundo que se transmite. Se mide en bit/s o sus múltiplos Kbit/s y Mbit/s. Cuando hablamos de tasa de bit nos referimos a la constante y variable. RESOLUCIÓN TASA DE BITS Hay dos sistemas de codificación , el Europeo (PAL) y el norteamericano (NTSC)
  • 14. 14 El mercado en streaming es el elemento en expansión mas importante en internet por lo que la guerra de reproductores esta servida. Como reproductores tenemos a Real Player, el resto están relacionados con dos de los grandes Apple y Microsoft (iTunes o Windows Media (.mov): es el formato originario de Macintosh, propiedad de Apple, reproducido mediante Quicktime Player. (.wmv): es el formato de Microsoft que usa el reproductor Windows Media, ya es compatible con otras plataformas como Mac. (.mpeg) MPEG:formato de video con compresión y perdida de calidad (.flv) FLASH VIDEO:formatos de archivos hechos con la aplicación flash. (.rv) REALVIDEO: utilizado para la reproducción en tiempo real desde internet. (.avi): formato más utilizado, fe el primero que lanzo Windows. Ocupa mucho espacio sin comprimir, ya que el video y el audio van en capas separadas.
  • 15. 15 EL VIDEO: PUBLICAR Y COMPARTIR VIDEOS: YOUTUBE La plataforma Youtube, es un sitio web privado que permite a sus usuarios publicar y compartir videos con unas determinadas características. Es el medio más utilizado para la publicación de videos. Youtube incluye en su página web su política de privacidad , términos de uso y avisos de copyright. Youtube dispone de un filtro de contenidos para evitar la publicación de contenidos peligrosos, ilegales o que no cumplan las políticas de privacidad. Hasta ahora solo usamos youtube como reproductor de videos, pero también podemos descargar los videos con aplicaciones especificas.
  • 16. EL VIDEO: PUBLICAR Y COMPARTIR PRESENTACIONES: SLIDESHARE 16 Esta es una nueva utilidad, surgida por la amplia difusión del uso de programas de realización de presentaciones. El uso de esta herramienta es similar al de Youtube. ¿Qué utilidad se destaca como algo positivo? La ventaja en la disminución del peso de archivos adjuntos en correos electrónicos es evidente, puesto que sólo hay que enviar la url en la que encontrar la presentación. La consecuencia positiva es la reducción del correo spam. ¿Qué retos le quedan aún por alcanzar para explotar todo su potencial? El principal inconveniente es que aún no hay la posibilidad de incluir audio en la presentación. Este elemento es un obstáculo en su aplicación didáctica, puesto que requiere la presencia de un narrador.