Multimedia en los blogs y wikis

0
INSERTAR MULTIMEDIA
EN
WEBS, BLOGS Y WIKIS
CUI de la URJC
26 de mayo de 2011
Ángel R. Puente Pérez

1
IMAGEN
AUDIO
VÍDEO

2
1.- IMAGEN

3
Es el elemento multimedia más sencillo de integrar
Normalmente todos los servidores de blogs y wikis permiten la inclusión y el alojamiento de imágenes

4
A TENER EN CUENTA I
Formato
Jpg (imágenes con tonos)
Gif (colores planos)
Png (colores planos software libre)

A TENER EN CUENTA II
5
Dimensiones
En píxeles (width y height)
Tamaño (peso)
En KB o MB

6
A TENER EN CUENTA III
Programas gráficos
GIMP (software libre)
PAINT (Microsoft)
PHOTOSHOP (software propietario)

7
A TENER EN CUENTA IV
Alojamiento
Flickr (asociado a YAHOO)
Picasa (asociado a GMAIL)

8
A TENER EN CUENTA V
Búsquedas
Google
Compfight

9
A TENER EN CUENTA VI
Derechos de autor y licencias
Copyright
CreativeCommons

10
2.- AUDIO

11
Es el peor tratado de los tres elementos multimedia

12
Al menos, de momento…

Dificultades de alojamiento.
Los servidores de blogs no suelen proporcionar espacio para los archivos de audio
13

14
Algunos servidores de wikis empiezan a permitir el alojamiento de archivos de audio

15
A TENER EN CUENTA I
Formatos
Wav (no comprimido)
Cda (compact disc audio: CD)
Mp3 (comprimido sin mucha pérdida)

16
Peso
Muy importante que sean ligeros para poder manejarlos en Internet.
Importancia de los mp3

17
REPRODUCTORES
De momento es necesario la inclusión de un reproductor que active el audio y nos lo haga sonar.
Ver algunos reproductores en acción.

18
EDICIÓN DE AUDIO
AUDACITY

19
3.- VÍDEO

A TENER EN CUENTA I
FORMATOS
flv
wmv
avi
mp4
mov
20

ALOJAMIENTO
21
Y otros…

EDICIÓN, CREACIÓN
22

INCRUSTAR UN VÍDEO
23
Técnica del embebido

INCRUSTAR UN VÍDEO
24
¿En qué consiste?

INCRUSTAR UN VÍDEO
25
Fragmento de código HTML a colocar en la parte de código de la entrada del blog o wiki.

INCRUSTAR UN VÍDEO
26
El nombre viene de la etiqueta <embed> que suele formar parte de ese código a incrustar. Muchas veces el código comienza por <object>

INCRUSTAR UN VÍDEO
27
Código alternativo:
<iframe>
No admitido por algunos servidores de blogs o wikis.

28

+
MULTIMEDIA
29

30
1.- Archivos de FLASH
. swf
ANIMACIÓN
INTERACTIVIDAD

+
MULTIMEDIA
31

32
EXPLOSIÓN WEB 2.0
Los llamados GADGETS o WIDGETS para incluir en el blog, web o wiki

EXPLOSIÓN WEB 2.0
33
INTERESANTE PARA LOS IDIOMAS Y LITERATURA
1.- Voki
2.- VoiceThread
3.- IVOOX (podcast)
4.- VOXOPOP

Imágenes de flickr con CreativeCommons
Diapositiva 2: Jeff Power(by - nc - nd)
Diapositiva 7: DarrenHester(by - nc)
Diapositiva 10: Seven Morris (by – nc - sa)
Diapositiva 12: Robert van der Steeg(by – nc - nd)
Diapositiva 16: jontunn(by - nd)
Diapositiva 32: markchadwickart(by – nc - nd)
El resto son logos de los respectivos programas citados, dueños de sus autores.

Ángel Puente
angelpuente@gmail.com
el balcón abierto )
Diseño de presentaciones y su publicación en la Web
Edición de audio digital y podcast
Taller de audio y vídeo en el blog
Trabajos en el blog colaborativo El Tinglado
Antología Poética Multimedia
Manual de lenguaje HTML
33

http://paraquesepan.blogspot.com	458
http://joaquinpiudo.blogspot.com	96
http://paraquesepan.blogspot.com.ar	82
http://idtic.blogspot.com	46
http://paraquesepan.blogspot.com.es	38
http://tic2punto0centrosimserso.blogspot.com	28
http://www.paraquesepan.blogspot.com.ar	25
http://www.paraquesepan.blogspot.com	22
http://paper.li	19
http://paraquesepan.blogspot.mx	18
http://www.idtic.blogspot.com.es	12
http://idtic.blogspot.com.es	11
http://www.idtic.blogspot.com	8
http://www.scoop.it	6
http://www.joaquinpiudo.blogspot.com	6
http://joaquinpiudo.blogspot.com.es	5
http://cursodepresentaciones.blogspot.com	3
http://niebla004.blogspot.com	1
http://niebla004.blogspot.com	1
http://paraquesepan.blogspot.de	1
http://www.symbaloo.com	1

Multimedia en los blogs y wikis

by Ángel Puente on May 26, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

21 Embeds 887

Statistics

Multimedia en los blogs y wikis — Presentation Transcript